ng4-input-counter/ng4-input-counter.metadata.json

A very cool input which display characters counter and can be configured to display counter bounds.

{"__symbolic":"module","version":3,"metadata":{"InputCounterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"InputCounterComponent"}],"exports":[{"__symbolic":"reference","name":"InputCounterComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"InputCounterModule"},"providers":[]}}}},"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"InputCounterComponent"},"multi":true},"InputCounterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"input-counter","template":"\n    <style>\n      .input-counter-group {\n        display: block;\n        position: relative;\n      }\n\n      .input-counter-group span {\n        color: #b0b0b0;\n        font-size: 10px;\n      }\n\n      .input-counter-group .text-input-counter {\n        position: absolute;\n        line-height: 10px;\n        right: 0;\n        bottom: -13px;\n      }\n    </style>\n    <div class=\"input-counter-group\">\n      <input \n        [id]=\"id\" \n        [type]=\"type\"\n        [ngClass]=\"className\" \n        [name]=\"name\" \n        [placeholder]=\"placeholder\" \n        [maxlength]=\"maxlength\" \n        [disabled]=\"disabled\" \n        [pattern]=\"pattern\" \n        [required]=\"required\" \n        [readonly]=\"readonly\"\n        [(ngModel)]=\"value\"\n        (focus)=\"onFocus()\" \n        (blur)=\"onBlur()\">\n      <span *ngIf=\"enabled\" class=\"text-input-counter\">\n        <span *ngIf=\"displayMinLength()\">{{ minlength }} characters at least required: </span>{{ counter }}<span *ngIf=\"displayMaxLength()\">/{{ maxlength }}</span>\n      </span>\n    </div>\n  ","providers":[{"__symbolic":"reference","name":"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR"}]}]}],"members":{"id":[{"__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"}}]}],"name":[{"__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"}}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__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"}}]}],"pattern":[{"__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"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"enableCounter":[{"__symbolic":"method"}],"disableCounter":[{"__symbolic":"method"}],"displayMinLength":[{"__symbolic":"method"}],"displayMaxLength":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"updateCounter":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}},"origins":{"InputCounterModule":"./index","CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":"./input-counter.component","InputCounterComponent":"./input-counter.component"},"importAs":"ng4-input-counter"}