[{"__symbolic":"module","version":4,"metadata":{"INPUT_GROUP_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":13},"useExisting":{"__symbolic":"reference","name":"InputGroupComponent"},"multi":true},"InputGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"input-group","template":"\n    <div [class]=\"customCls + ' input-group'\" #inputGroup (mousedown)=\"onMousedown($event)\"\n        [ngClass]=\"{ 'farris-input-group-readonly': readonly, 'farris-input-group-disable': disable}\">\n        <input #textbox type=\"text\" class=\"form-control\" [readonly]=\"readonly\" [disabled]=\"disable\"\n            (blur)=\"onBlur($event)\" (ngModelChange)=\"onValueChange($event)\"\n            [ngModel]=\"value\" name=\"input-group-value\" [autocomplete]=\"autocomplete\">\n        <div class=\"input-group-append\">\n            <span *ngIf=\"showClearButton && enableClear\" class=\"input-group-text input-group-clear\" (click)=\"onClearValue()\">\n                <i class=\"f-icon modal_close\"></i>\n            </span>\n            <span class=\"input-group-text btn-arrow\" *ngIf=\"groupText && !groupTextTemplate\"\n                  [innerHTML]=\" groupText | safe: 'html' \" (click)=\"onClickHandle($event)\">\n            </span>\n            <ng-container *ngIf=\"groupTextTemplate\">\n                <ng-container *ngTemplateOutlet=\"groupTextTemplate\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n    ","styles":["\n        .input-group {flex-wrap:nowrap;}\n        .input-group-text { cursor:pointer;}\n        .input-group-clear { cursor: pointer; background: #fff!important;}\n        .input-group-clear:hover { background: #e9ecef!important;}\n        .input-group-text:hover { background: #ccc;}\n        "],"providers":[{"__symbolic":"reference","name":"INPUT_GROUP_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":19},"member":"None"}}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"disable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"enableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"groupText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"customCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"groupTextTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":5}}]}],"clickHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":5}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":5}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":5}}]}],"inputGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":["inputGroup"]}]}],"textbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":84,"character":5},"arguments":["textbox"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":90,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":90,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":90,"character":84},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":90,"character":110}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onClearValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"onClickHandle":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]