[{"__symbolic":"module","version":3,"metadata":{"SkyTokenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-token","template":"<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{ 'sky-btn-disabled': disabled }\"\n  [attr.aria-disabled]=\"disabled\"\n  (focus)=\"tokenFocus.emit()\">\n\n  <ng-content>\n  </ng-content>\n\n  <button\n    *ngIf=\"dismissible\"\n    type=\"button\"\n    class=\"sky-btn sky-token-btn-close\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"'token_dismiss_button_title' | skyResources\"\n    [disabled]=\"disabled\"\n    (click)=\"dismissToken();$event.stopPropagation();\">\n    <i\n      class=\"fa fa-times\"\n      aria-hidden=\"true\"></i>\n  </button>\n</div>\n","styles":[".sky-token {\n  background-color: #c1e8fb;\n  border: 1px solid #00b4f1;\n  padding: 2px 8px;\n  display: inline-block;\n  user-select: none;\n}\n\n.sky-token:hover, .sky-token:focus {\n  background-color: #91d6f8;\n  border-color: #008ebe;\n  cursor: pointer;\n}\n\n.sky-token:focus {\n  box-shadow: 0 0 8px rgba(0, 180, 241, 0.6);\n  border: 1px solid #00b4f1;\n  outline: none;\n}\n\n.sky-btn-disabled {\n  cursor: default;\n  user-select: none;\n}\n\n.sky-token-btn-close {\n  background: transparent;\n  padding: 0;\n  border: 0;\n  margin-left: 2px;\n  opacity: .9;\n}\n\n.sky-token-btn-close:hover, .sky-token-btn-close:focus {\n  opacity: 1;\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"}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"dismissToken":[{"__symbolic":"method"}],"focusElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTokenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-token","template":"<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{ 'sky-btn-disabled': disabled }\"\n  [attr.aria-disabled]=\"disabled\"\n  (focus)=\"tokenFocus.emit()\">\n\n  <ng-content>\n  </ng-content>\n\n  <button\n    *ngIf=\"dismissible\"\n    type=\"button\"\n    class=\"sky-btn sky-token-btn-close\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"'token_dismiss_button_title' | skyResources\"\n    [disabled]=\"disabled\"\n    (click)=\"dismissToken();$event.stopPropagation();\">\n    <i\n      class=\"fa fa-times\"\n      aria-hidden=\"true\"></i>\n  </button>\n</div>\n","styles":[".sky-token {\n  background-color: #c1e8fb;\n  border: 1px solid #00b4f1;\n  padding: 2px 8px;\n  display: inline-block;\n  user-select: none;\n}\n\n.sky-token:hover, .sky-token:focus {\n  background-color: #91d6f8;\n  border-color: #008ebe;\n  cursor: pointer;\n}\n\n.sky-token:focus {\n  box-shadow: 0 0 8px rgba(0, 180, 241, 0.6);\n  border: 1px solid #00b4f1;\n  outline: none;\n}\n\n.sky-btn-disabled {\n  cursor: default;\n  user-select: none;\n}\n\n.sky-token-btn-close {\n  background: transparent;\n  padding: 0;\n  border: 0;\n  margin-left: 2px;\n  opacity: .9;\n}\n\n.sky-token-btn-close:hover, .sky-token-btn-close:focus {\n  opacity: 1;\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"}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tokenFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"dismissToken":[{"__symbolic":"method"}],"focusElement":[{"__symbolic":"method"}]}}}}]