[{"__symbolic":"module","version":4,"metadata":{"InputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-input","template":"\n    <div style=\"position: relative;\" [style.width]=\"width\">\n      <input *ngIf=\"type == 'text' || type == 'password'\" #dcInput class=\"dc-input-default\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n             [maxlength]=\"maxLength\" [(ngModel)]=\"value\" [type]=\"type\"\n             (click)=\"clickEvent($event)\" (ngModelChange)=\"modelChange($event)\" [placeholder]=\"dcPlaceholder || ''\"\n             (blur)=\"blurEvent($event)\" (focus)=\"focusEvent($event)\" (keyup)=\"keyupEvent($event)\" (keyup.enter)=\"keyenterEvent($event)\"/>\n      <textarea *ngIf=\"type == 'textarea'\" #dcInput class=\"dc-input-default\" [disabled]=\"disabled\" [readonly]=\"readonly\" [(ngModel)]=\"value\"\n                (click)=\"clickEvent($event)\" (ngModelChange)=\"modelChange($event)\" [placeholder]=\"dcPlaceholder || ''\"\n                (blur)=\"blurEvent($event)\" (focus)=\"focusEvent($event)\" (keyup)=\"keyupEvent($event)\"\n                [style.height]=\"height\" [style.resize]=\"resize\" [maxlength]=\"maxLength\"></textarea>\n      <i [hidden]=\"noClear || !(value && !disabled && !readonly && type !== 'textarea')\" class=\"clear-input-value\"\n         (click)=\"clearValue()\"></i>\n      <div *ngIf=\"type=='textarea' && maxLength\" class=\"numtip\"><strong #numtip>{{canNum}}</strong>/<em>{{maxLength}}</em></div>\n    </div>\n  ","styles":["\n      .dc-input-default {\n        height: 32px;\n        line-height: 30px;\n        padding: 0 30px 0 10px;\n        border-radius: 4px;\n        border: 1px solid #ccc;\n        font-size: 14px;\n        color: #333;\n        width: 100%;\n        box-shadow: none;\n      }\n\n      textarea.dc-input-default {\n        height: 50px;\n      }\n\n      .clear-input-value {\n        position: absolute;\n        right: 8px;\n        top: 0;\n        cursor: pointer;\n        width: 12px;\n        height: 32px;\n        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAOVJREFUKJF90DFKA1EQBuAvj2Cu8MBqe8FokedeQb2A6WzU0uN4gxTbxkM8CKKSfqvAXsAi2lj4dlkh5Icp5p9/Zv6ZSdM0Ck7whDucFW6LFV7wDdNSOMUac/9xVeIet9iFMvmQeIw5XjELeOzFdV2LMQ6qGKO6rvv0HA8By55p21ZKSYxRjFFKSdu2403LKS77rOs6OWcpJZBz1nXduOEiHPF9CD8Bb2PPKSU552HT+CZsg78/g6qqBhu9vaqqxg2rSdM0M+TyhWP4xCJgjxu8HxF/4Br7/ugdEp6xwVeJTeEWReMX1Y9FK/4RDOgAAAAASUVORK5CYII=) no-repeat center center transparent;\n      }\n\n      .clear-input-value:hover {\n        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAOtJREFUKJF90b1NAzEcBfBfriCVm2vR3S2ABFXYAViADACUjMMGWQCGQIoQWJngrLTXWBSBIhRxooBCnuTCz++9/4dHMUYFJ3jALc4Kt8AMT/iCUTGc4hkXDuMdN1hWJfmYWHl7wbjC/VbcdZ0Qwk4VQtB13fZ6jrsK0y0zDIO2bYUQhBA0TWMYhv1K01GMcVXa2qW2bWu9XkspyTnvG1bVkb4P4bvC29/0vu+llDRN82smLCqbPYO6rvV9L+cs5yylpK7rfcNsFGMc47Vs4RgiJhVWuLb5nP/wgSt7Qy9xiUfM8VnOvHCTovEDCGVJpA/ldQoAAAAASUVORK5CYII=) no-repeat center center transparent;\n      }\n\n      input.dc-input-default::placeholder,\n      textarea.dc-input-default::placeholder {\n        color: #bbb;\n        font-size: 12px;\n      }\n\n      .dc-input-default.dc-valid {\n        border-color: #3FB992;\n      }\n\n      .dc-input-default.dc-invalid {\n        border-color: #FF3B3B;\n      }\n\n      .dc-input-default:focus {\n        border-radius: 4px;\n        border-color: #2BB1FF;\n        transition: none;\n        background: none;\n        outline: none;\n      }\n\n      .dc-input-default[readonly],\n      .dc-input-default[disabled] {\n        background-color: #F0F0F0;\n      }\n\n      .numtip {\n        position: absolute;\n        right: 8px;\n        bottom: 8px;\n        color: #666;\n      }\n\n      .numtip strong {\n        color: #2bb1ff;\n        font-weight: normal;\n        margin-right: 2px;\n      }\n\n      .numtip em {\n        font-style: normal;\n        margin-left: 2px;\n      }\n\n      .numtip strong.tip {\n        color: #f95f5b;\n      }\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"InputComponent"},"multi":true}]}]}],"members":{"autoFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dcPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"noClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dcBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcKeyup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcKeyenter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dcInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dcInput"]}]}],"numtip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["numtip"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setInputValue":[{"__symbolic":"method"}],"setInputValid":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"blurEvent":[{"__symbolic":"method"}],"focusEvent":[{"__symbolic":"method"}],"clickEvent":[{"__symbolic":"method"}],"keyupEvent":[{"__symbolic":"method"}],"modelChange":[{"__symbolic":"method"}],"keyenterEvent":[{"__symbolic":"method"}],"clearValue":[{"__symbolic":"method"}]}}}}]