[{"__symbolic":"module","version":3,"metadata":{"TAGBOX_TEMPLATE":{"__symbolic":"binop","operator":"+","left":"\n\t<span class=\"textbox f-inline-row f-full\" \n\t\t\t[ngClass]=\"cls\"\n\t\t\t[class.textbox-disabled]=\"disabled\"\n\t\t\t[class.textbox-readonly]=\"readonly\"\n\t\t\t[class.textbox-focused]=\"focused\"\n\t\t\t[class.textbox-invalid]=\"invalid\">\n\t\t<span class=\"tagbox-labels f-full f-order3\">\n\t\t\t<span *ngFor=\"let row of selection;let rowIndex=index\" \n\t\t\t\t\tclass=\"tagbox-label f-order3 f-noshrink\"\n\t\t\t\t\t[ngClass]=\"getTagClass(row)\"\n\t\t\t\t\t[ngStyle]=\"getTagStyle(row)\">\n\t\t\t\t{{row[textField]}}\n\t\t\t\t<a href=\"javascript:;\" class=\"tagbox-remove\" (click)=\"removeTag(rowIndex)\"></a>\n\t\t\t</span>\n\t\t\t<input #input *ngIf=\"!multiline\" autocomplete=\"off\" class=\"textbox-text\"\n\t\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t\t[style.width.px]=\"inputWidth\"\n\t\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t\t(blur)=\"blur()\">\n\t\t\t<textarea #input *ngIf=\"multiline\" autocomplete=\"off\" class=\"textbox-text\"\n\t\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t\t(blur)=\"blur()\"></textarea>\n\t\t</span>\n\t\t<input class=\"textbox-value\" type=\"hidden\" [value]=\"value\" [attr.disabled]=\"disabled?'disabled':null\">\n\t\t<ng-content select=\"eui-addon\"></ng-content>\n\t\t<span #addon *ngIf=\"iconCls\" \n\t\t\t\tclass=\"textbox-addon textbox-addon-icon f-inline-row f-noshrink\" \n\t\t\t\t[class.f-order1]=\"iconAlign=='left'\"\n\t\t\t\t[class.f-order5]=\"iconAlign=='right'\">\n\t\t\t<span class=\"textbox-icon textbox-icon-disabled {{iconCls}}\"></span>\n\t\t</span>\n\t\t<span #arrow *ngIf=\"hasDownArrow\" (click)=\"togglePanel()\"\n\t\t\t\tclass=\"textbox-addon f-column f-noshrink\"\n\t\t\t\t[class.f-order0]=\"arrowAlign=='left'\"\n\t\t\t\t[class.f-order6]=\"arrowAlign=='right'\">\n\t\t\t<span class=\"textbox-icon f-full\" [ngClass]=\"arrowIconCls\"></span>\n\t\t</span>\n\t</span>\n","right":{"__symbolic":"reference","module":"../combobox/combobox.component","name":"COMBOBOX_PANEL_TEMPLATE"}},"TagBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../combobox/combobox.component","name":"ComboBoxComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-tagbox","template":{"__symbolic":"reference","name":"TAGBOX_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TagBoxComponent"},"multi":true}],"host":{"class":"f-inline-row","$quoted$":["class"]}}]}],"members":{"hasDownArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"limitToList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"doEnter":[{"__symbolic":"method"}],"fixValue":[{"__symbolic":"method"}],"autoSizeInput":[{"__symbolic":"method"}],"removeTag":[{"__symbolic":"method"}],"getCss":[{"__symbolic":"method"}],"getTagClass":[{"__symbolic":"method"}],"getTagStyle":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TAGBOX_TEMPLATE":{"__symbolic":"binop","operator":"+","left":"\n\t<span class=\"textbox f-inline-row f-full\" \n\t\t\t[ngClass]=\"cls\"\n\t\t\t[class.textbox-disabled]=\"disabled\"\n\t\t\t[class.textbox-readonly]=\"readonly\"\n\t\t\t[class.textbox-focused]=\"focused\"\n\t\t\t[class.textbox-invalid]=\"invalid\">\n\t\t<span class=\"tagbox-labels f-full f-order3\">\n\t\t\t<span *ngFor=\"let row of selection;let rowIndex=index\" \n\t\t\t\t\tclass=\"tagbox-label f-order3 f-noshrink\"\n\t\t\t\t\t[ngClass]=\"getTagClass(row)\"\n\t\t\t\t\t[ngStyle]=\"getTagStyle(row)\">\n\t\t\t\t{{row[textField]}}\n\t\t\t\t<a href=\"javascript:;\" class=\"tagbox-remove\" (click)=\"removeTag(rowIndex)\"></a>\n\t\t\t</span>\n\t\t\t<input #input *ngIf=\"!multiline\" autocomplete=\"off\" class=\"textbox-text\"\n\t\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t\t[style.width.px]=\"inputWidth\"\n\t\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t\t(blur)=\"blur()\">\n\t\t\t<textarea #input *ngIf=\"multiline\" autocomplete=\"off\" class=\"textbox-text\"\n\t\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t\t(blur)=\"blur()\"></textarea>\n\t\t</span>\n\t\t<input class=\"textbox-value\" type=\"hidden\" [value]=\"value\" [attr.disabled]=\"disabled?'disabled':null\">\n\t\t<ng-content select=\"eui-addon\"></ng-content>\n\t\t<span #addon *ngIf=\"iconCls\" \n\t\t\t\tclass=\"textbox-addon textbox-addon-icon f-inline-row f-noshrink\" \n\t\t\t\t[class.f-order1]=\"iconAlign=='left'\"\n\t\t\t\t[class.f-order5]=\"iconAlign=='right'\">\n\t\t\t<span class=\"textbox-icon textbox-icon-disabled {{iconCls}}\"></span>\n\t\t</span>\n\t\t<span #arrow *ngIf=\"hasDownArrow\" (click)=\"togglePanel()\"\n\t\t\t\tclass=\"textbox-addon f-column f-noshrink\"\n\t\t\t\t[class.f-order0]=\"arrowAlign=='left'\"\n\t\t\t\t[class.f-order6]=\"arrowAlign=='right'\">\n\t\t\t<span class=\"textbox-icon f-full\" [ngClass]=\"arrowIconCls\"></span>\n\t\t</span>\n\t</span>\n","right":{"__symbolic":"reference","module":"../combobox/combobox.component","name":"COMBOBOX_PANEL_TEMPLATE"}},"TagBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../combobox/combobox.component","name":"ComboBoxComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-tagbox","template":{"__symbolic":"reference","name":"TAGBOX_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TagBoxComponent"},"multi":true}],"host":{"class":"f-inline-row"}}]}],"members":{"hasDownArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"limitToList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"doEnter":[{"__symbolic":"method"}],"fixValue":[{"__symbolic":"method"}],"autoSizeInput":[{"__symbolic":"method"}],"removeTag":[{"__symbolic":"method"}],"getCss":[{"__symbolic":"method"}],"getTagClass":[{"__symbolic":"method"}],"getTagStyle":[{"__symbolic":"method"}]}}}}]