[{"__symbolic":"module","version":3,"metadata":{"SPINNER_BASE_TEMPLATE":"\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<input #input *ngIf=\"!multiline\" autocomplete=\"off\" class=\"textbox-text f-full f-order3\"\n\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t(blur)=\"blur()\">\n\t\t<textarea #input *ngIf=\"multiline\" autocomplete=\"off\" class=\"textbox-text f-full f-order3\"\n\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t(blur)=\"blur()\"></textarea>\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\n\t\t<ng-container *ngIf=\"spinners\">\n\t\t<ng-container [ngSwitch]=\"spinAlign\">\n\t\t\t<ng-container *ngSwitchCase=\"'horizontal'\">\n\t\t\t\t<span #spin1 class=\"textbox-addon spinner-arrow spinner-button-left f-inline-row f-noshrink f-order1\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"!reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"reversed\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span #spin2 class=\"textbox-addon spinner-arrow spinner-button-right f-inline-row f-noshrink f-order5\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"!reversed\"></span>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngSwitchCase=\"'vertical'\">\n\t\t\t\t<span #spin1 class=\"textbox-addon spinner-arrow spinner-button-bottom f-noshrink\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"!reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"reversed\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span #spin2 class=\"textbox-addon spinner-arrow spinner-button-top f-noshrink\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"!reversed\"></span>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t\t<span *ngSwitchDefault #spin\n\t\t\t\t\tclass=\"textbox-addon spinner-button-updown f-column f-noshrink\" \n\t\t\t\t\t[class.f-order1]=\"spinAlign=='left'\"\n\t\t\t\t\t[class.f-order5]=\"spinAlign=='right'\">\n\t\t\t\t<span class=\"spinner-arrow spinner-button-top\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-arrow-up\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"spinner-arrow spinner-button-bottom\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-arrow-down\"></span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</ng-container>\n\t\t</ng-container>\n\t</span>\n","SpinnerBaseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/input-base.component","name":"InputBaseComponent"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"template":{"__symbolic":"reference","name":"SPINNER_BASE_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SpinnerBaseComponent"},"multi":true}],"host":{"[class.h-inputbox]":"true","$quoted$":["[class.h-inputbox]"]}}]}],"members":{"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinAlign":[{"__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"}}]}],"onClickUp":[{"__symbolic":"method"}],"onClickDown":[{"__symbolic":"method"}],"doSpinUp":[{"__symbolic":"method"}],"doSpinDown":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SPINNER_BASE_TEMPLATE":"\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<input #input *ngIf=\"!multiline\" autocomplete=\"off\" class=\"textbox-text f-full f-order3\"\n\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t(blur)=\"blur()\">\n\t\t<textarea #input *ngIf=\"multiline\" autocomplete=\"off\" class=\"textbox-text f-full f-order3\"\n\t\t\t\t[class.validatebox-invalid]=\"invalid\"\n\t\t\t\t[attr.id]=\"inputId\"\n\t\t\t\t[attr.disabled]=\"disabled?'disabled':null\"\n\t\t\t\t[attr.readonly]=\"(readonly||!editable)?'readonly':null\"\n\t\t\t\t[attr.tabindex]=\"tabindex\"\n\t\t\t\t[ngClass]=\"inputCls\"\n\t\t\t\t[ngStyle]=\"inputStyle\"\n\t\t\t\t[(ngModel)]=\"text\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"focus()\"\n\t\t\t\t(blur)=\"blur()\"></textarea>\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\n\t\t<ng-container *ngIf=\"spinners\">\n\t\t<ng-container [ngSwitch]=\"spinAlign\">\n\t\t\t<ng-container *ngSwitchCase=\"'horizontal'\">\n\t\t\t\t<span #spin1 class=\"textbox-addon spinner-arrow spinner-button-left f-inline-row f-noshrink f-order1\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"!reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"reversed\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span #spin2 class=\"textbox-addon spinner-arrow spinner-button-right f-inline-row f-noshrink f-order5\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"!reversed\"></span>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngSwitchCase=\"'vertical'\">\n\t\t\t\t<span #spin1 class=\"textbox-addon spinner-arrow spinner-button-bottom f-noshrink\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"!reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"reversed\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span #spin2 class=\"textbox-addon spinner-arrow spinner-button-top f-noshrink\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-button\"\n\t\t\t\t\t\t\t[class.spinner-button-down]=\"reversed\"\n\t\t\t\t\t\t\t[class.spinner-button-up]=\"!reversed\"></span>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t\t<span *ngSwitchDefault #spin\n\t\t\t\t\tclass=\"textbox-addon spinner-button-updown f-column f-noshrink\" \n\t\t\t\t\t[class.f-order1]=\"spinAlign=='left'\"\n\t\t\t\t\t[class.f-order5]=\"spinAlign=='right'\">\n\t\t\t\t<span class=\"spinner-arrow spinner-button-top\" (click)=\"onClickUp($event)\">\n\t\t\t\t\t<span class=\"spinner-arrow-up\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"spinner-arrow spinner-button-bottom\" (click)=\"onClickDown($event)\">\n\t\t\t\t\t<span class=\"spinner-arrow-down\"></span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</ng-container>\n\t\t</ng-container>\n\t</span>\n","SpinnerBaseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/input-base.component","name":"InputBaseComponent"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"template":{"__symbolic":"reference","name":"SPINNER_BASE_TEMPLATE"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SpinnerBaseComponent"},"multi":true}],"host":{"[class.h-inputbox]":"true"}}]}],"members":{"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinners":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spinAlign":[{"__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"}}]}],"onClickUp":[{"__symbolic":"method"}],"onClickDown":[{"__symbolic":"method"}],"doSpinUp":[{"__symbolic":"method"}],"doSpinDown":[{"__symbolic":"method"}]}}}}]