{"__symbolic":"module","version":4,"metadata":{"TsChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":22,"character":4},{"__symbolic":"reference","module":"@terminus/ui/icon","name":"TsIconModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"TsChipBadgeDirective"},{"__symbolic":"reference","name":"TsChipComponent"},{"__symbolic":"reference","name":"TsChipCollectionComponent"}],"exports":[{"__symbolic":"reference","name":"TsChipBadgeDirective"},{"__symbolic":"reference","name":"TsChipComponent"},{"__symbolic":"reference","name":"TsChipCollectionComponent"}]}]}],"members":{}},"TsChipEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TsChipComponent"}]}]}},"TsChipClickEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TsChipComponent"},{"__symbolic":"error","message":"Could not resolve type","line":42,"character":11,"context":{"typeName":"MouseEvent"},"module":"./chip.component"}]}]}},"TsChipSelectionChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TsChipComponent"},{"__symbolic":"reference","name":"boolean"}]}]}},"TsChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":79,"character":1},"arguments":[{"selector":"ts-chip","host":{"class":"ts-chip","[class.ts-chip--primary]":"theme === \"primary\"","[class.ts-chip--accent]":"theme === \"accent\"","[class.ts-chip--warn]":"theme === \"warn\"","[attr.tabindex]":"isDisabled ? null : -1","[class.ts-chip--selected]":"selected","[class.ts-chip--disabled]":"isDisabled","[attr.disabled]":"isDisabled || null","[attr.aria-disabled]":"isDisabled","[attr.aria-selected]":"ariaSelected","role":"option","(blur)":"handleBlur()","(click)":"handleClick($event)","(focus)":"focus()","(keydown)":"handleKeydown($event)","$quoted$":["class","[class.ts-chip--primary]","[class.ts-chip--accent]","[class.ts-chip--warn]","[attr.tabindex]","[class.ts-chip--selected]","[class.ts-chip--disabled]","[attr.disabled]","[attr.aria-disabled]","[attr.aria-selected]","role","(blur)","(click)","(focus)","(keydown)"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":100,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":101,"character":17},"member":"None"},"exportAs":"tsChip","template":"<div\n  class=\"c-chip\"\n  [ngClass]=\"{\n    'c-chip--disabled': isDisabled,\n    'c-chip--removable': isRemovable && chipCollectionRemovable\n  }\"\n  [attr.id]=\"id\"\n  (click)=\"click($event)\"\n>\n  <span #content>\n     <ng-content></ng-content>\n  </span>\n\n  <ts-icon class=\"c-chip__remove\" (click)=\"removeChip($event)\">\n    cancel\n  </ts-icon>\n</div>\n","styles":[".ts-chip{--chip-backgroundColor-hover:#999;--chip-backgroundColor:#cecdd1;--chip-borderRadius:16px;--chip-color:#302d35;--chip-fontSize:12px;--chip-height:24px;--chip-margin:4px;--chip-padding:2px 4px 2px 6px;--chip-remove-size:24px;--badge-padding:2px 4px 2px 4px}.ts-chip:focus:not(.ts-chip--badge) .c-chip:not(.c-chip--disabled),.ts-chip:hover:not(.ts-chip--badge) .c-chip:not(.c-chip--disabled){--chip-backgroundColor:var(--chip-backgroundColor-hover);transition:opacity .2s cubic-bezier(.35,0,.25,1)}.ts-chip.ts-chip--badge,.ts-chip.ts-chip--selected{color:#fafafa}.ts-chip.ts-chip--badge.ts-chip--primary .c-chip,.ts-chip.ts-chip--selected.ts-chip--primary .c-chip{background-color:#00538a}.ts-chip.ts-chip--badge.ts-chip--accent .c-chip,.ts-chip.ts-chip--selected.ts-chip--accent .c-chip{background-color:#2f854d}.ts-chip.ts-chip--badge.ts-chip--warn .c-chip,.ts-chip.ts-chip--selected.ts-chip--warn .c-chip{background-color:#c8604d}.ts-chip.ts-chip--badge .c-chip__remove,.ts-chip.ts-chip--selected .c-chip__remove{color:#fafafa}.ts-chip.ts-chip--badge .c-chip{--chip-color:color(pure);padding:var(--badge-padding)}.ts-chip .c-chip{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.01em;font-weight:400;align-items:center;background-color:var(--chip-backgroundColor);border-radius:var(--chip-borderRadius);box-sizing:border-box;color:var(--chip-color);display:inline-flex;font-size:var(--chip-fontSize);height:var(--chip-height);margin:0 var(--chip-margin) var(--chip-margin) var(--chip-margin);overflow:hidden;padding:var(--chip-padding);position:relative;-webkit-tap-highlight-color:transparent;transform:translateZ(0);transition:background-color .2s ease-out}.ts-chip .c-chip:not(.c-button):not(.c-input):not(.c-select):not(.ts-checkbox){line-height:20px}.ts-chip .c-chip.c-chip--removable{padding-right:24px}.ts-chip .c-chip.c-chip--removable .c-chip__remove{display:block}.ts-chip .c-chip.c-chip--disabled{--chip-color:#757575;padding:var(--chip-padding);pointer-events:none}.ts-chip .c-chip.c-chip--disabled .c-chip__remove{display:none}.ts-chip .c-chip .c-chip__remove{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;display:none;height:var(--chip-remove-size);opacity:.4;position:absolute;right:0;top:50%;transform:translateY(-50%) scale(.8);transition:opacity .2s ease-out;width:var(--chip-remove-size)}.ts-chip .c-chip .c-chip__remove:hover{opacity:.7}.ts-chip:first-of-type .c-chip{margin-left:0}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":175,"character":3},"arguments":["content",{"static":true}]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"isFocusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"isRemovable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3}}]}],"isSelectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":271,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":283,"character":3}}]}],"destroyed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":289,"character":3}}]}],"blurred":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":295,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":301,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":307,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":312,"character":34,"context":{"typeName":"HTMLElement"},"module":"./chip.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":313,"character":20},{"__symbolic":"reference","module":"@terminus/ngx-tools/browser","name":"TsDocumentService","line":314,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"toggleSelected":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"removeChip":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"dispatchSelectionChange":[{"__symbolic":"method"}]}},"TsChipCollectionOrientation":{"__symbolic":"interface"},"TsChipCollectionChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TsChipCollectionComponent"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}},"TsChipCollectionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":80,"character":1},"arguments":[{"selector":"ts-chip-collection","host":{"class":"ts-chip-collection","[class.ts-chip-collection--disabled]":"isDisabled","[class.ts-chip-collection--vertical]":"orientation === \"vertical\"","[class.ts-chip-collection--selectable]":"isSelectable","[attr.tabindex]":"isDisabled ? null : tabIndex","[attr.aria-describedby]":"ariaDescribedby || null","[attr.aria-disabled]":"isDisabled","[attr.aria-multiselectable]":"allowMultipleSelections","[attr.aria-orientation]":"ariaOrientation","[attr.aria-readonly]":"isReadonly","[attr.aria-required]":"false","[attr.aria-selectable]":"isSelectable","[attr.role]":"role","(focus)":"focus()","(blur)":"blur()","(keydown)":"keydown($event)","[id]":"id","$quoted$":["class","[class.ts-chip-collection--disabled]","[class.ts-chip-collection--vertical]","[class.ts-chip-collection--selectable]","[attr.tabindex]","[attr.aria-describedby]","[attr.aria-disabled]","[attr.aria-multiselectable]","[attr.aria-orientation]","[attr.aria-readonly]","[attr.aria-required]","[attr.aria-selectable]","[attr.role]","(focus)","(blur)","(keydown)","[id]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":103,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":104,"character":19},"member":"OnPush"},"exportAs":"tsChipCollection","template":"<div class=\"ts-chip-collection-wrapper\">\n  <ng-content></ng-content>\n</div>\n","styles":[".ts-chip-collection{display:block}.ts-chip-collection--vertical{display:inline-block}.ts-chip-collection--vertical .ts-chip-collection-wrapper{align-items:flex-start;flex-direction:column}.ts-chip-collection--vertical .ts-chip .c-chip{margin-left:0;margin-right:0}.ts-chip-collection-wrapper{align-items:center;display:flex;flex-wrap:wrap}"]}]}],"members":{"chips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":231,"character":3},"arguments":[{"__symbolic":"reference","name":"TsChipComponent"}]}]}],"allowMultipleSelections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":239,"character":3}}]}],"ariaOrientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3},"arguments":["aria-orientation"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":3}}]}],"isReadonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":289,"character":3}}]}],"isSelectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":304,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":317,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":325,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":340,"character":3}}]}],"collectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":352,"character":3}}]}],"removed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":358,"character":3}}]}],"tabUpdateFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":364,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":369,"character":37,"context":{"typeName":"HTMLElement"},"module":"./chip-collection.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":370,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":371,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"keydown":[{"__symbolic":"method"}],"updateTabIndex":[{"__symbolic":"method"}],"updateFocusForDestroyedChips":[{"__symbolic":"method"}],"propagateChanges":[{"__symbolic":"method"}],"isValidIndex":[{"__symbolic":"method"}],"resetChips":[{"__symbolic":"method"}],"listenToChipsSelection":[{"__symbolic":"method"}],"listenToChipsFocus":[{"__symbolic":"method"}],"listenToChipsRemoved":[{"__symbolic":"method"}],"syncChipsState":[{"__symbolic":"method"}]}},"TsChipBadgeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[tsChipBadge]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":15,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":24},{"__symbolic":"reference","name":"TsChipComponent"}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"TsChipModule":"./chip.module","TsChipEvent":"./chip.component","TsChipClickEvent":"./chip.component","TsChipSelectionChange":"./chip.component","TsChipComponent":"./chip.component","TsChipCollectionOrientation":"./chip-collection.component","TsChipCollectionChange":"./chip-collection.component","TsChipCollectionComponent":"./chip-collection.component","TsChipBadgeDirective":"./chip-badge.directive"},"importAs":"@terminus/ui/chip"}