{"__symbolic":"module","version":4,"metadata":{"TextareaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TextareaComponent"}],"exports":[{"__symbolic":"reference","name":"TextareaComponent"}]}]}],"members":{}},"TextareaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sebng-textarea","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":19},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":4,"character":13},"useExisting":{"__symbolic":"reference","name":"TextareaComponent"},"multi":true}],"template":"<div class=\"form-group text-area\" [ngClass]=\"className\">\n    <div class=\"input-field\" [class.has-error]=\"error\">\n        <label class=\"custom-label\" [attr.for]=\"id\" *ngIf=\"label\">\n            {{ label }}\n        </label>\n        <textarea\n            class=\"form-control\"\n            [class.resizable]=\"resizable || resizable === undefined\"\n            [attr.name]=\"name\"\n            [attr.id]=\"id\"\n            [attr.placeholder]=\"placeholder\"\n            [attr.maxLength]=\"max\"\n            [autofocus]=\"focus\"\n            [readOnly]=\"readonly\"\n            [disabled]=\"disabled\"\n            [attr.rows]=\"rows\"\n            [attr.cols]=\"cols\"\n            [(ngModel)]=\"value\"\n            (keydown)=\"handleKeyDown($event)\"\n            (keyup)=\"handleKeyUp($event)\"\n            (keypress)=\"handleKeyPress($event)\"\n            (focus)=\"handleFocus($event)\"\n            (blur)=\"handleBlur($event)\"\n        ></textarea>\n        <div class=\"alert alert-danger\">{{ error }}</div>\n    </div>\n</div>\n","styles":[".form-group.text-area>.input-field>textarea.form-control{color:#333;border-color:#adadad;transition:border .1s}.form-group.text-area>.input-field>textarea.form-control:not(.resizable){resize:none}.form-group.text-area>.input-field>textarea.form-control:not(:disabled):hover{border-color:#41b0ee;background-color:#fff}.form-group.text-area>.input-field>textarea.form-control:not(:disabled):focus{border-color:#007ac7;box-shadow:none;background-color:#fff}.form-group.text-area>.input-field>textarea.form-control:not(:disabled):focus:active{border-color:#007ac7;box-shadow:none;background-color:#fff}.form-group.text-area>.input-field>.alert{opacity:0;margin:0;padding:0;background:transparent;max-height:0;border:none;border-radius:0;overflow:hidden;width:100%;transition:opacity .2s,padding .2s,max-height .4s}.form-group.text-area>.input-field>.alert.alert-danger{color:#f03529}.form-group.text-area>.input-field.has-error>textarea.form-control{border-bottom:1px solid #F03529}.form-group.text-area>.input-field.has-error>textarea.form-control:hover,.form-group.text-area>.input-field.has-error>textarea.form-control:focus,.form-group.text-area>.input-field.has-error>textarea.form-control:focus:active{border-bottom:2px solid #F03529}.form-group.text-area>.input-field.has-error>.alert{opacity:1;padding-top:2px;max-height:100px}\n"]}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":5}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":5}}]}],"onKeyDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"onKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":5}}]}],"onKeyUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"handleBlur":[{"__symbolic":"method"}],"handleKeyUp":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleKeyPress":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}},"origins":{"TextareaModule":"./textarea.module","TextareaComponent":"./textarea.component"},"importAs":"@sebgroup/ng-components/lib/textarea"}