{"__symbolic":"module","version":4,"metadata":{"SbbChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SbbChip"},{"__symbolic":"reference","name":"SbbChipInput"}],"imports":[{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon","name":"SbbIconModule","line":10,"character":12},{"__symbolic":"reference","module":"@sbb-esta/angular-business/autocomplete","name":"SbbAutocompleteModule","line":10,"character":27},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":50}],"exports":[{"__symbolic":"reference","name":"SbbChipInput"},{"__symbolic":"reference","name":"SbbChip"}]}]}],"members":{}},"SbbChip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sbb-chip","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"host":{"class":"sbb-chip","[hidden]":"this._ariaHidden === \"true\"","[class.sbb-chip-disabled]":"this.disabled","[class.sbb-chip-active]":"!this.disabled","[attr.aria-hidden]":"this._ariaHidden","$quoted$":["[hidden]","[class.sbb-chip-disabled]","[class.sbb-chip-active]","[attr.aria-hidden]"]},"template":"<span class=\"sbb-chip-label\">{{ label }}</span>\n<button type=\"button\" class=\"sbb-chip-close-button\" (click)=\"dismiss()\" *ngIf=\"!disabled\">\n  <sbb-icon svgIcon=\"kom:cross-small\"></sbb-icon>\n</button>\n","styles":[".sbb-chip{color:#444;height:2rem;max-width:100%;min-width:5rem;display:inline-flex;border-radius:1rem;background-color:#e5e5e5;padding:.2rem .5333333333rem .2rem .9333333333rem}.sbb-chip-disabled{opacity:.4;min-width:3rem;padding:.2rem .9333333333rem .2rem .9333333333rem}.sbb-chip-active:hover,.sbb-chip-active:focus{background-color:#d2d2d2;cursor:pointer}.sbb-chip-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbb-chip-close-button{background:none;max-width:none;min-width:0;padding:0;margin:0;border:none;cursor:pointer;margin-left:.5333333333rem;min-width:1.6rem;min-height:1.6rem}\n"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"dismissed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"dismiss":[{"__symbolic":"method"}]}},"SbbChipInputChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SbbChipInput"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}},"SbbChipsBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":24},{"__symbolic":"reference","module":"@sbb-esta/angular-core/error","name":"SbbErrorStateMatcher","line":54,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":55,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":56,"character":29},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":57,"character":22}]}]}},"SbbChipsMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@sbb-esta/angular-core/common-behaviors","name":"mixinErrorState","line":62,"character":2},"arguments":[{"__symbolic":"reference","name":"SbbChipsBase"}]},"SbbChipInput":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SbbChipsMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":64,"character":1},"arguments":[{"selector":"sbb-chip-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":68,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":69,"character":17},"member":"None"},"host":{"class":"sbb-chip-input","[id]":"id","[class.sbb-chip-input-active]":"!this.disabled && this.focused","[class.sbb-chip-input-disabled]":"this.disabled","[class.sbb-chip-input-required]":"this.required","[attr.aria-describedby]":"this._ariaDescribedby","$quoted$":["[id]","[class.sbb-chip-input-active]","[class.sbb-chip-input-disabled]","[class.sbb-chip-input-required]","[attr.aria-describedby]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@sbb-esta/angular-core/forms","name":"SbbFormFieldControl","line":78,"character":25},"useExisting":{"__symbolic":"reference","name":"SbbChipInput"}}],"template":"<sbb-chip\n  [label]=\"option\"\n  (dismissed)=\"deselectOption(option)\"\n  [disabled]=\"disabled\"\n  *ngFor=\"let option of value\"\n></sbb-chip>\n<input\n  #chipInputTextfield\n  *ngIf=\"autocomplete; else noAutocomplete\"\n  type=\"text\"\n  [id]=\"inputId\"\n  [value]=\"inputModel\"\n  [disabled]=\"disabled\"\n  [sbbAutocomplete]=\"autocomplete\"\n  [sbbAutocompleteConnectedTo]=\"_origin\"\n  (focus)=\"_onFocus()\"\n  (blur)=\"_onBlur()\"\n  (keydown)=\"_handleKeydown($event)\"\n  class=\"sbb-chip-input-textfield\"\n/>\n<ng-template #noAutocomplete>\n  <input\n    #chipInputTextfield\n    type=\"text\"\n    [id]=\"inputId\"\n    [value]=\"inputModel\"\n    [disabled]=\"disabled\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n    (keydown)=\"_handleKeydown($event)\"\n    class=\"sbb-chip-input-textfield\"\n  />\n</ng-template>\n","styles":[".sbb-chip-input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 7px 8px;outline:none;background:#fff;border:2px solid #b7b7b7;border-radius:2px;color:#444;line-height:23px;font-size:1rem;-webkit-appearance:none;min-height:36px;border-width:1px;line-height:20px;width:100%;display:flex;flex-wrap:wrap;padding:0;background:transparent}.sbb-chip-input::-webkit-input-placeholder{color:#a8a8a8}.sbb-chip-input::-moz-placeholder{color:#a8a8a8;opacity:1}.sbb-chip-input:-ms-input-placeholder{color:#a8a8a8}.sbb-chip-input:disabled{background-color:#f6f6f6;border-color:#d2d2d2;color:#686868;-webkit-text-fill-color:#686868;opacity:1}.sbb-chip-input[readonly],.sbb-chip-input[readonly]:focus,.sbb-chip-input.sbb-readonly,.sbb-chip-input.sbb-readonly:focus{background:transparent;border-color:transparent}.sbb-chip-input::-ms-clear{display:none}.sbb-chip-input:focus{border-color:#444}.sbb-form-field-invalid .sbb-chip-input:not([aria-expanded=true]),.sbb-chip-input.ng-touched.ng-invalid:not([aria-expanded=true]){color:#eb0000;border-color:#eb0000}.sbb-chip-input .sbb-chip{max-width:100%;margin:.25rem}.sbb-chip-input input.sbb-chip-input-textfield{border:none}.sbb-chip-input-textfield{width:0;flex:1 1 auto}.sbb-chip-input-disabled{border-color:#e5e5e5;background-color:#f6f6f6}.sbb-chip-input-active{border-color:#686868}.sbb-chip-input-autocomplete-expanded:not(.sbb-autocomplete-input-above){border-radius:2px 2px 0 0;border-color:#444}.sbb-chip-input-autocomplete-expanded.sbb-autocomplete-input-above{border-radius:0 0 2px 2px;border-color:#444}\n"]}]}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["sbbAutocomplete"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":134,"character":3},"arguments":["chipInputTextfield",{"static":false}]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":188,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":188,"character":13}}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":192,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":193,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":57,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":189,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":24},{"__symbolic":"reference","module":"@sbb-esta/angular-core/error","name":"SbbErrorStateMatcher","line":54,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":55,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":56,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_onSelect":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"deselectOption":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onFocus":[{"__symbolic":"method"}]}}},"origins":{"SbbChipModule":"./chip.module","SbbChip":"./chip/chip.component","SbbChipInputChange":"./chip-input/chip-input.component","SbbChipsBase":"./chip-input/chip-input.component","SbbChipsMixinBase":"./chip-input/chip-input.component","SbbChipInput":"./chip-input/chip-input.component"},"importAs":"@sbb-esta/angular-business/chip"}