[{"__symbolic":"module","version":3,"metadata":{"SkyTokensComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tokens","template":"<div\n  *ngIf=\"tokens\"\n  class=\"sky-tokens\"\n  role=\"list\">\n\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index\"\n    role=\"listitem\"\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token);$event.preventDefault();\"\n    (tokenFocus)=\"activeIndex = i\">\n    {{ token.value[displayWith] }}\n  </sky-token>\n\n  <div class=\"sky-tokens-content\">\n    <ng-content>\n    </ng-content>\n  </div>\n</div>\n","styles":["@charset \"UTF-8\";\n.sky-tokens {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  margin: -2px;\n}\n\n.sky-tokens .sky-tokens-content,\n.sky-tokens ::ng-deep sky-token {\n  flex: 0 0 auto;\n  display: inline-flex;\n  padding: 2px;\n}\n\n.sky-tokens .sky-tokens-content {\n  flex-grow: 1;\n  flex-basis: 0px;\n}\n\n.sky-tokens .sky-tokens-content:before {\n  content: \"​\";\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"messageStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tokens":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tokensChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusIndexOverRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusIndexUnderRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./token.component","name":"SkyTokenComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTokenClick":[{"__symbolic":"method"}],"onTokenKeyDown":[{"__symbolic":"method"}],"selectToken":[{"__symbolic":"method"}],"removeToken":[{"__symbolic":"method"}],"focusPreviousToken":[{"__symbolic":"method"}],"focusNextToken":[{"__symbolic":"method"}],"focusLastToken":[{"__symbolic":"method"}],"focusActiveToken":[{"__symbolic":"method"}],"removeActiveToken":[{"__symbolic":"method"}],"initMessageStream":[{"__symbolic":"method"}],"notifyTokenSelected":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTokensComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tokens","template":"<div\n  *ngIf=\"tokens\"\n  class=\"sky-tokens\"\n  role=\"list\">\n\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index\"\n    role=\"listitem\"\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token);$event.preventDefault();\"\n    (tokenFocus)=\"activeIndex = i\">\n    {{ token.value[displayWith] }}\n  </sky-token>\n\n  <div class=\"sky-tokens-content\">\n    <ng-content>\n    </ng-content>\n  </div>\n</div>\n","styles":["@charset \"UTF-8\";\n.sky-tokens {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  margin: -2px;\n}\n\n.sky-tokens .sky-tokens-content,\n.sky-tokens ::ng-deep sky-token {\n  flex: 0 0 auto;\n  display: inline-flex;\n  padding: 2px;\n}\n\n.sky-tokens .sky-tokens-content {\n  flex-grow: 1;\n  flex-basis: 0px;\n}\n\n.sky-tokens .sky-tokens-content:before {\n  content: \"​\";\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"messageStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tokens":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tokensChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusIndexOverRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusIndexUnderRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./token.component","name":"SkyTokenComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onTokenClick":[{"__symbolic":"method"}],"onTokenKeyDown":[{"__symbolic":"method"}],"selectToken":[{"__symbolic":"method"}],"removeToken":[{"__symbolic":"method"}],"focusPreviousToken":[{"__symbolic":"method"}],"focusNextToken":[{"__symbolic":"method"}],"focusLastToken":[{"__symbolic":"method"}],"focusActiveToken":[{"__symbolic":"method"}],"removeActiveToken":[{"__symbolic":"method"}],"initMessageStream":[{"__symbolic":"method"}],"notifyTokenSelected":[{"__symbolic":"method"}]}}}}]