{"__symbolic":"module","version":4,"metadata":{"ChipInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"fast-chip-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"template":"<mat-form-field\n  *ngIf=\"control && items\"\n  appearance=\"outline\"\n  color=\"default\"\n  [ngClass]=\"{ error: !(valid | async) }\"\n  [fastChiplistReadonly]=\"disabled\"\n  [fastChiplistReadonlyList]=\"readonlyValue\"\n>\n  <mat-chip-list #chipList>\n    <mat-chip\n      *ngFor=\"let item of items | async\"\n      [removable]=\"removable && !disabled\"\n      [selectable]=\"selectable\"\n      (removed)=\"remove(item)\"\n    >\n      {{ item.label }}\n      <mat-icon\n        *ngIf=\"removable && !disabled\"\n        fontIcon=\"mdi-close\"\n        matChipRemove\n      >\n      </mat-icon>\n    </mat-chip>\n\n    <input\n      #input\n      spellcheck=\"false\"\n      autocomplete=\"off\"\n      [attr.aria-label]=\"ariaLabel\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      [maxLength]=\"maxlength\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"addOnBlur\"\n      [matAutocomplete]=\"auto\"\n      [matAutocompleteDisabled]=\"disabled || !autoComplete\"\n      (matChipInputTokenEnd)=\"add($event)\"\n    >\n  </mat-chip-list>\n\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let option of options\"\n      (click)=\"select(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-error *ngIf=\"!(valid | async)\">{{ validator?.message }}</mat-error>\n</mat-form-field>\n\n<ng-template\n  #defaultTpl\n  let-option=\"option\"\n>\n  {{ option }}\n</ng-template>\n","styles":["mat-form-field{width:100%}mat-form-field mat-chip{border-radius:2px}mat-form-field mat-chip:hover:after{opacity:0}mat-form-field mat-error{color:#d30d25;font-size:15px}mat-form-field mat-hint{color:#595959;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{position:relative;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 .mat-chip-remove:hover{color:#d0021b;opacity:1}mat-form-field .mat-chip .mat-chip-remove.mat-icon,mat-form-field .mat-chip .mat-chip-trailing-icon.mat-icon{font-size:24px}mat-form-field input{caret-color:#000!important}mat-form-field.error ::ng-deep .mat-form-field-outline-thick{color:#d0021b!important}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"disabledValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"autoComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"addOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"added":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"removed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"matChipList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatChipList","line":54,"character":13},{"static":false}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":["input",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"IChipInputItem":{"__symbolic":"interface"},"ChipInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChipInputComponent"}],"exports":[{"__symbolic":"reference","name":"ChipInputComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatChipsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatAutocompleteModule","line":18,"character":4},{"__symbolic":"reference","module":"fast-shared-client/form-control-readonly","name":"FormControlReadonlyModule","line":19,"character":4}]}]}],"members":{}}},"origins":{"ChipInputComponent":"./components/chip-input/chip-input.component","IChipInputItem":"./models/chip-input-item.model","ChipInputModule":"./chip-input.module"},"importAs":"fast-shared-client/chip-input"}