[{"__symbolic":"module","version":4,"metadata":{"CuiTypeaheadNewControlComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../cui-control.component","name":"CuiControlComponent","line":13,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"cui-typeahead-new-control","template":"<div [class]=\"groupClass\">\n  <label *ngIf=\"label\" [for]=\"key\" [class]=\"labelClass\">{{label}}</label>\n  <div [class]=\"controlClass\">\n    <ng-select [clearable]=\"false\"\n               [id]=\"key\"\n               [items]=\"items | async\"\n               bindLabel=\"label\"\n               bindValue=\"value\"\n               [ngModel]=\"value\"\n               (ngModelChange)=\"EmitValueChanged($event)\"\n               [ngClass]=\"inputClass\"\n               [disabled]=\"isDisabled\"\n               [typeahead]=\"sourceSubject\"\n    >\n      <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\n        <div *ngIf=\"!componentForOptions\">\n          {{item.label}}\n        </div>\n        <dynamic-container *ngIf=\"componentForOptions\"\n                     [data]=\"{item: item, index: index, searchTerm: search}\"\n                     [componentClass]=\"componentForOptions\"\n        >\n        </dynamic-container>\n      </ng-template>\n\n      <ng-template ng-label-tmp let-item=\"item\">\n        <div *ngIf=\"!componentForLabel\">\n          {{item.label}}\n        </div>\n        <dynamic-container *ngIf=\"componentForLabel\"\n                     [data]=\"{item: item}\"\n                     [componentClass]=\"componentForLabel\"\n        >\n        </dynamic-container>\n      </ng-template>\n\n      <ng-template ng-optgroup-tmp let-item=\"item\">\n        <div *ngIf=\"!componentForOptionGroups\">\n          {{item.label}}\n        </div>\n        <dynamic-container *ngIf=\"componentForOptionGroups\"\n                     [data]=\"{item: item}\"\n                     [componentClass]=\"componentForOptionGroups\"\n        >\n        </dynamic-container>\n      </ng-template>\n    </ng-select>\n  </div>\n  <div class=\"invalid-feedback text-left\" *ngIf=\"!errorMessageInTooltip\">\n    {{GetErrorMessage()}}\n  </div>\n</div>\n","styles":["ng-select {\n  padding: 0; }\n\n:host /deep/ .ng-select-container {\n  border: none !important;\n  border-radius: 0; }\n"]}]}],"members":{"componentForOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"componentForOptionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"componentForLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"setupStartValueFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/cui/cui.helper","name":"CuiModelHelper","line":28,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]