{"__symbolic":"module","version":4,"metadata":{"AutoCompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"fast-auto-complete","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div\n  class=\"fast-auto-complete-label\"\n  *ngIf=\"label\"\n>\n  {{ label }}\n</div>\n\n<mat-form-field\n  appearance=\"outline\"\n  color=\"default\"\n>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [formControl]=\"formControl\"\n    [matAutocomplete]=\"auto\"\n    [matAutocompleteDisabled]=\"disabled\"\n  />\n\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let option of options\"\n      [value]=\"valueProperty ? option[valueProperty] : option\"\n      (click)=\"selected.emit(option)\"\n    >\n      <ng-container *ngTemplateOutlet=\"template ? template : defaultTpl; context: { option: option }\"></ng-container>\n    </mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>\n\n<ng-template\n  #defaultTpl\n  let-option=\"option\"\n>\n  {{ option }}\n</ng-template>\n","styles":[".fast-auto-complete-label{color:#333;font-weight:500;font-size:16px}mat-form-field{width:100%}mat-form-field mat-hint{color:#9b9b9b;font-size:12px}mat-form-field ::ng-deep .mat-form-field-outline-end,mat-form-field ::ng-deep .mat-form-field-outline-start{border-radius:0}mat-form-field ::ng-deep .mat-form-field-subscript-wrapper{top:auto!important}mat-form-field ::ng-deep .mat-form-field-outline-thick{color:#ddd!important}mat-form-field ::ng-deep .mat-form-field-infix{border-top:.25em solid transparent!important}mat-form-field input{caret-color:#000!important}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"valueProperty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AutoCompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AutoCompleteComponent"}],"exports":[{"__symbolic":"reference","name":"AutoCompleteComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatAutocompleteModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":17,"character":4}]}]}],"members":{}}},"origins":{"AutoCompleteComponent":"./components/auto-complete/auto-complete.component","AutoCompleteModule":"./auto-complete.module"},"importAs":"fast-shared-client/auto-complete"}