{"__symbolic":"module","version":4,"metadata":{"InputSizeType":{"__symbolic":"interface"},"InputNumberComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"d-input-number","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":11},"useExisting":{"__symbolic":"reference","name":"InputNumberComponent"},"multi":true}],"template":"<div\r\n  class=\"input-control-buttons\"\r\n  [ngClass]=\"{\r\n    disabled: disabled,\r\n    'devui-input-number-lg': size === 'lg',\r\n    'devui-input-number-sm': size === 'sm'\r\n  }\"\r\n>\r\n  <span class=\"input-control-button input-control-inc\" [ngClass]=\"{ disabled: disabledInc }\" #incButton>\r\n    <svg class=\"devui-svg-icon-arrow\" width=\"15px\" height=\"15px\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g id=\"chevron-up\" stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\r\n        <polygon points=\"11.5 12 8 8.23076923 4.5 12 3 10.3846154 8 5 13 10.3846154\"></polygon>\r\n      </g>\r\n    </svg>\r\n  </span>\r\n  <span class=\"input-control-button input-control-dec\" [ngClass]=\"{ disabled: disabledDec }\" #decButton>\r\n    <svg class=\"devui-svg-icon-arrow\" width=\"15px\" height=\"15px\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g id=\"chevron-down\" stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\">\r\n        <polygon points=\"4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462\"></polygon>\r\n      </g>\r\n    </svg>\r\n  </span>\r\n</div>\r\n<div\r\n  class=\"input-container\"\r\n  [ngClass]=\"{\r\n    'devui-input-number-lg': size === 'lg',\r\n    'devui-input-number-sm': size === 'sm'\r\n  }\"\r\n>\r\n  <input\r\n    class=\"input-box\"\r\n    [(ngModel)]=\"valueInput\"\r\n    [ngClass]=\"{ disabled: disabled }\"\r\n    [placeholder]=\"placeholder\"\r\n    [attr.readonly]=\"disabled ? '' : null\"\r\n    (keypress)=\"protectInput($event)\"\r\n    (blur)=\"ensureValueIsValid($event)\"\r\n    (keydown)=\"handleBackspace($event)\"\r\n    #inputElement\r\n  />\r\n</div>\r\n","styles":[":host{display:inline-block;position:relative;width:80px}:host .disabled{cursor:not-allowed;opacity:.3}:host:hover .input-box:not(.disabled){border:1px solid #344899;padding-right:26px}:host:hover .input-control-buttons:not(.disabled){border-color:#344899;display:-webkit-box;display:flex}:host:focus-within .input-box:not(.disabled){border:1px solid #344899;padding-right:26px}:host:focus-within .input-control-buttons:not(.disabled){border-color:#344899;display:-webkit-box;display:flex}:host .input-box{box-sizing:border-box;padding:5px 10px;font-size:14px;color:#252b3a;vertical-align:middle;border:1px solid #adb0b8;border-radius:2px;outline:0;width:100%;background-color:#fff;line-height:20px;height:32px}:host .input-control-buttons{position:absolute;right:0;width:25px;height:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;border:1px solid transparent;border-left-color:#adb0b8;box-sizing:border-box;line-height:100%}:host .input-control-buttons .input-control-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;height:50%;line-height:50%;border-width:0 1px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}:host .input-control-buttons .input-control-button svg>g{fill:#252b3a}:host .input-control-buttons .input-control-button:not(.disabled):hover>svg>g{fill:#344899}.devui-input-number-lg>.input-box{font-size:18px;line-height:24px;height:46px}.devui-input-number-lg ::ng-deep .devui-svg-icon-arrow{width:16px;height:16px}.devui-input-number-sm>.input-box{font-size:12px;line-height:18px;height:30px}.devui-input-number-sm ::ng-deep .devui-svg-icon-arrow{width:13px;height:13px}.input-container{line-height:100%}"]}]}],"members":{"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"decimalLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"autoFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"allowEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"reg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"afterValueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"whileValueChanging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"incButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["incButton",{"static":true}]}]}],"decButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":["decButton",{"static":true}]}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["inputElement",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":58}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"valueMustBeValid":[{"__symbolic":"method"}],"clamp":[{"__symbolic":"method"}],"ensureValueInRange":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerListeners":[{"__symbolic":"method"}],"subscribeActions":[{"__symbolic":"method"}],"subscribeIncAction":[{"__symbolic":"method"}],"subscribeDecAction":[{"__symbolic":"method"}],"unsubscribeActions":[{"__symbolic":"method"}],"unsubscribeIncAction":[{"__symbolic":"method"}],"unsubscribeDecAction":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"canIncrease":[{"__symbolic":"method"}],"canDecrease":[{"__symbolic":"method"}],"toggleDisabled":[{"__symbolic":"method"}],"ensureValueIsValid":[{"__symbolic":"method"}],"checkRangeValues":[{"__symbolic":"method"}],"getDecimals":[{"__symbolic":"method"}],"getMaxDecimals":[{"__symbolic":"method"}],"protectInput":[{"__symbolic":"method"}],"notifyValueChange":[{"__symbolic":"method"}],"notifyWhileValueChanging":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"handleBackspace":[{"__symbolic":"method"}],"registerBlurListener":[{"__symbolic":"method"}],"emitBlurEvent":[{"__symbolic":"method"}]}},"InputNumberModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"InputNumberComponent"}],"declarations":[{"__symbolic":"reference","name":"InputNumberComponent"}],"providers":[]}]}],"members":{}}},"origins":{"InputSizeType":"./input-number.component","InputNumberComponent":"./input-number.component","InputNumberModule":"./input-number.module"},"importAs":"ng-devui/input-number"}