@skyux/indicators 5.3.0 → 5.5.0

package/esm2015/lib/modules/status-indicator/status-indicator.module.js

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
+import { SkyIconModule } from '../icon/icon.module';
+import { SkyStatusIndicatorComponent } from './status-indicator.component';
+import * as i0 from "@angular/core";
+export class SkyStatusIndicatorModule {
+}
+SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
+SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorModule, imports: [[
+            CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyStatusIndicatorComponent],
+                    imports: [
+                        CommonModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyIndicatorsResourcesModule,
+                    ],
+                    exports: [SkyStatusIndicatorComponent],
+                }]
+        }] });
+//# sourceMappingURL=status-indicator.module.js.map

package/esm2015/lib/modules/status-indicator/status-indicator.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/status-indicator/status-indicator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAY3E,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBATpB,2BAA2B,aAExC,YAAY;QACZ,aAAa;QACb,aAAa;QACb,4BAA4B,aAEpB,2BAA2B;uHAE1B,wBAAwB,YAR1B;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,4BAA4B;SAC7B;4FAGU,wBAAwB;kBAVpC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,4BAA4B;qBAC7B;oBACD,OAAO,EAAE,CAAC,2BAA2B,CAAC;iBACvC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\nimport { SkyStatusIndicatorComponent } from './status-indicator.component';\n\n@NgModule({\n  declarations: [SkyStatusIndicatorComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n  ],\n  exports: [SkyStatusIndicatorComponent],\n})\nexport class SkyStatusIndicatorModule {}\n"]}

package/esm2015/lib/modules/text-highlight/text-highlight.directive.js

@@ -0,0 +1,154 @@
+import { Directive, ElementRef, Input, } from '@angular/core';
+import { MutationObserverService } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+const className = 'sky-highlight-mark';
+// Need to add the following to classes which contain static methods.
+// See: https://github.com/ng-packagr/ng-packagr/issues/641
+// @dynamic
+/**
+ * Highlights all matching text within DOM elements that it is placed on.
+ * The directive is only valid for elements that contain content, so you
+ * cannot place it on `ng-template`, `ng-content`, or `ng-container` tags.
+ */
+export class SkyTextHighlightDirective {
+    constructor(el, observerService) {
+        this.el = el;
+        this.observerService = observerService;
+        this.existingHighlight = false;
+    }
+    /**
+     * Specifies the text to highlight.
+     */
+    set skyHighlight(value) {
+        value = value || [];
+        this._skyHighlight = [];
+        if (Array.isArray(value)) {
+            this._skyHighlight = value.filter((item) => !!item);
+            // Reorder strings by their length in descending order to avoid missing matches
+            // that contain substrings of other matches.
+            this._skyHighlight.sort(function (a, b) {
+                return b.length - a.length;
+            });
+        }
+        else {
+            this._skyHighlight = [value];
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
+            this.highlight();
+        }
+    }
+    ngAfterViewInit() {
+        const self = this;
+        this.observer = this.observerService.create((mutations) => {
+            self.highlight();
+        });
+        this.observeDom();
+        if (this._skyHighlight && this._skyHighlight.length > 0) {
+            this.highlight();
+        }
+    }
+    ngOnDestroy() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
+    readyForHighlight(searchText) {
+        return searchText && searchText.length > 0 && this.el.nativeElement;
+    }
+    highlight() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+        const searchText = this._skyHighlight;
+        if (this.existingHighlight) {
+            SkyTextHighlightDirective.removeHighlight(this.el);
+        }
+        /* istanbul ignore else */
+        if (this.readyForHighlight(searchText)) {
+            const node = this.el.nativeElement;
+            // mark all matched text in the DOM
+            SkyTextHighlightDirective.markTextNodes(node, searchText);
+            this.existingHighlight = true;
+        }
+        this.observeDom();
+    }
+    observeDom() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            const config = {
+                attributes: false,
+                childList: true,
+                characterData: true,
+            };
+            this.observer.observe(this.el.nativeElement, config);
+        }
+    }
+    static cleanRegex(regex) {
+        return regex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    }
+    static markNode(node, searchTerms) {
+        /* istanbul ignore else */
+        if (searchTerms) {
+            const text = node.nodeValue;
+            for (let i = 0; i < searchTerms.length; i++) {
+                searchTerms[i] = this.cleanRegex(searchTerms[i]);
+            }
+            const searchRegex = new RegExp(searchTerms.join('|'), 'gi');
+            const match = searchRegex.exec(text);
+            if (match) {
+                // Split apart text node with mark tags in the middle on the search term.
+                const matchIndex = match.index;
+                const middle = node.splitText(matchIndex);
+                middle.splitText(searchRegex.lastIndex - matchIndex);
+                const middleClone = middle.cloneNode(true);
+                const markNode = document.createElement('mark');
+                markNode.className = className;
+                markNode.appendChild(middleClone);
+                middle.parentNode.replaceChild(markNode, middle);
+                return 1;
+            }
+        }
+        return 0;
+    }
+    static markTextNodes(node, searchTerms) {
+        if (node.nodeType === 3) {
+            return SkyTextHighlightDirective.markNode(node, searchTerms);
+        }
+        else if (node.nodeType === 1 && node.childNodes) {
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const childNode = node.childNodes[i];
+                i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);
+            }
+        }
+        return 0;
+    }
+    static removeHighlight(el) {
+        const matchedElements = el.nativeElement.querySelectorAll(`mark.${className}`);
+        /* istanbul ignore else */
+        /* sanity check */
+        if (matchedElements) {
+            for (let i = 0; i < matchedElements.length; i++) {
+                const node = matchedElements[i];
+                const parentNode = node.parentNode;
+                parentNode.replaceChild(node.firstChild, node);
+                parentNode.normalize();
+            }
+        }
+    }
+}
+SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyHighlight]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=text-highlight.directive.js.map

package/esm2015/lib/modules/text-highlight/text-highlight.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-highlight.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/text-highlight/text-highlight.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { MutationObserverService } from '@skyux/core';\n\nconst className = 'sky-highlight-mark';\n\n// Need to add the following to classes which contain static methods.\n// See: https://github.com/ng-packagr/ng-packagr/issues/641\n// @dynamic\n/**\n * Highlights all matching text within DOM elements that it is placed on.\n * The directive is only valid for elements that contain content, so you\n * cannot place it on `ng-template`, `ng-content`, or `ng-container` tags.\n */\n@Directive({\n  selector: '[skyHighlight]',\n})\nexport class SkyTextHighlightDirective\n  implements OnChanges, AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies the text to highlight.\n   */\n  @Input()\n  public set skyHighlight(value: string | string[]) {\n    value = value || [];\n    this._skyHighlight = [];\n\n    if (Array.isArray(value)) {\n      this._skyHighlight = value.filter((item) => !!item);\n      // Reorder strings by their length in descending order to avoid missing matches\n      // that contain substrings of other matches.\n      this._skyHighlight.sort(function (a, b) {\n        return b.length - a.length;\n      });\n    } else {\n      this._skyHighlight = [value as string];\n    }\n  }\n\n  private existingHighlight = false;\n\n  private observer: MutationObserver;\n\n  private _skyHighlight: string[];\n\n  constructor(\n    private el: ElementRef,\n    private observerService: MutationObserverService\n  ) {}\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes.skyHighlight && !changes.skyHighlight.firstChange) {\n      this.highlight();\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    const self = this;\n    this.observer = this.observerService.create(\n      (mutations: MutationRecord[]) => {\n        self.highlight();\n      }\n    );\n\n    this.observeDom();\n    if (this._skyHighlight && this._skyHighlight.length > 0) {\n      this.highlight();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    /* istanbul ignore else */\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private readyForHighlight(searchText: string[]): boolean {\n    return searchText && searchText.length > 0 && this.el.nativeElement;\n  }\n\n  private highlight(): void {\n    /* istanbul ignore else */\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    const searchText = this._skyHighlight;\n\n    if (this.existingHighlight) {\n      SkyTextHighlightDirective.removeHighlight(this.el);\n    }\n\n    /* istanbul ignore else */\n    if (this.readyForHighlight(searchText)) {\n      const node: HTMLElement = this.el.nativeElement;\n\n      // mark all matched text in the DOM\n      SkyTextHighlightDirective.markTextNodes(node, searchText);\n      this.existingHighlight = true;\n    }\n\n    this.observeDom();\n  }\n\n  private observeDom(): void {\n    /* istanbul ignore else */\n    if (this.observer) {\n      const config = {\n        attributes: false,\n        childList: true,\n        characterData: true,\n      };\n      this.observer.observe(this.el.nativeElement, config);\n    }\n  }\n\n  private static cleanRegex(regex: string): string {\n    return regex.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n  }\n\n  private static markNode(node: any, searchTerms: string[]): number {\n    /* istanbul ignore else */\n    if (searchTerms) {\n      const text = node.nodeValue;\n      for (let i = 0; i < searchTerms.length; i++) {\n        searchTerms[i] = this.cleanRegex(searchTerms[i]);\n      }\n      const searchRegex = new RegExp(searchTerms.join('|'), 'gi');\n      const match = searchRegex.exec(text);\n      if (match) {\n        // Split apart text node with mark tags in the middle on the search term.\n        const matchIndex = match.index;\n\n        const middle = node.splitText(matchIndex);\n        middle.splitText(searchRegex.lastIndex - matchIndex);\n        const middleClone = middle.cloneNode(true);\n\n        const markNode = document.createElement('mark');\n        markNode.className = className;\n        markNode.appendChild(middleClone);\n        middle.parentNode.replaceChild(markNode, middle);\n\n        return 1;\n      }\n    }\n    return 0;\n  }\n\n  private static markTextNodes(\n    node: HTMLElement,\n    searchTerms: string[]\n  ): number {\n    if (node.nodeType === 3) {\n      return SkyTextHighlightDirective.markNode(node, searchTerms);\n    } else if (node.nodeType === 1 && node.childNodes) {\n      for (let i = 0; i < node.childNodes.length; i++) {\n        const childNode = node.childNodes[i] as HTMLElement;\n        i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);\n      }\n    }\n\n    return 0;\n  }\n\n  private static removeHighlight(el: ElementRef): void {\n    const matchedElements = el.nativeElement.querySelectorAll(\n      `mark.${className}`\n    ) as NodeList;\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (matchedElements) {\n      for (let i = 0; i < matchedElements.length; i++) {\n        const node = matchedElements[i];\n        const parentNode = node.parentNode;\n\n        parentNode.replaceChild(node.firstChild, node);\n        parentNode.normalize();\n      }\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/text-highlight/text-highlight.module.js

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { MutationObserverService } from '@skyux/core';
+import { SkyTextHighlightDirective } from './text-highlight.directive';
+import * as i0 from "@angular/core";
+export class SkyTextHighlightModule {
+}
+SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
+SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightModule, providers: [MutationObserverService] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyTextHighlightDirective],
+                    exports: [SkyTextHighlightDirective],
+                    providers: [MutationObserverService],
+                }]
+        }] });
+//# sourceMappingURL=text-highlight.module.js.map

package/esm2015/lib/modules/text-highlight/text-highlight.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-highlight.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/text-highlight/text-highlight.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;AAOvE,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,iBAJlB,yBAAyB,aAC9B,yBAAyB;qHAGxB,sBAAsB,aAFtB,CAAC,uBAAuB,CAAC;4FAEzB,sBAAsB;kBALlC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;iBACrC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { MutationObserverService } from '@skyux/core';\n\nimport { SkyTextHighlightDirective } from './text-highlight.directive';\n\n@NgModule({\n  declarations: [SkyTextHighlightDirective],\n  exports: [SkyTextHighlightDirective],\n  providers: [MutationObserverService],\n})\nexport class SkyTextHighlightModule {}\n"]}

package/esm2015/{modules → lib/modules}/tokens/token.component.js

@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, } from '@angular/core';
+import { SkyLibResourcesService } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/i18n";
 import * as i2 from "../icon/icon.component";
@@ -85,9 +86,9 @@ export class SkyTokenComponent {
         return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
     }
 }
-SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
-SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], components: [{ type: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTokenComponent, decorators: [{
+SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], components: [{ type: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-token',
@@ -108,4 +109,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
             }], tokenFocus: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5kaWNhdG9ycy9zcmMvbW9kdWxlcy90b2tlbnMvdG9rZW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5kaWNhdG9ycy9zcmMvbW9kdWxlcy90b2tlbnMvdG9rZW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVXZCLE1BQU0sT0FBTyxpQkFBaUI7SUE4RjVCLFlBQ1UsVUFBc0IsRUFDdEIsZ0JBQXdDO1FBRHhDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF3QjtRQXBDbEQ7O1dBRUc7UUFFSSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUxQzs7V0FFRztRQUVJLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBMkIxQyxDQUFDO0lBaEdKOzs7OztPQUtHO0lBQ0gsSUFDVyxRQUFRLENBQUMsS0FBYztRQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxJQUNXLFNBQVMsQ0FBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxDQUNMLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUN2RSxDQUFDO0lBQ0osQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxJQUNXLFdBQVcsQ0FBQyxLQUFjO1FBQ25DLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxLQUFLLEtBQUssQ0FBQztJQUNyQyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssS0FBSyxDQUFDO0lBQ25DLENBQUM7SUFjRDs7T0FFRztJQUNILElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQXNCTSxZQUFZLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDcEUsQ0FBQztJQUVNLGNBQWMsQ0FBQyxXQUFvQjtRQUN4QyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNqQyxDQUFDO0lBRU0sY0FBYyxDQUFDLFdBQW9CO1FBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ2pDLENBQUM7SUFFTyxTQUFTLENBQUMsR0FBVztRQUMzQiw2RUFBNkU7UUFDN0UsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLENBQUMsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7K0dBdkhVLGlCQUFpQjttR0FBakIsaUJBQWlCLDBOQ2pCOUIsbW5DQXVDQTs0RkR0QmEsaUJBQWlCO2tCQU43QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixXQUFXLEVBQUUsd0JBQXdCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO3NJQVNZLFFBQVE7c0JBRGxCLEtBQUs7Z0JBZUssU0FBUztzQkFEbkIsS0FBSztnQkFpQkssV0FBVztzQkFEckIsS0FBSztnQkFlSyxTQUFTO3NCQURuQixLQUFLO2dCQWFDLE9BQU87c0JBRGIsTUFBTTtnQkFPQSxVQUFVO3NCQURoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5TGliUmVzb3VyY2VzU2VydmljZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXRva2VuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rva2VuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9rZW4uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreVRva2VuQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRvIGRpc2FibGUgdGhlIHRva2VuIHRvIHByZXZlbnQgdXNlcnMgZnJvbSBzZWxlY3RpbmcgaXQsIGRpc21pc3NpbmcgaXQsXG4gICAqIG9yIG5hdmlnYXRpbmcgdG8gaXQgd2l0aCB0aGUgYXJyb3cga2V5cy4gV2hlbiB0aGUgdG9rZW4gaXMgZGlzYWJsZWQsXG4gICAqIHVzZXJzIGNhbiBzdGlsbCBwbGFjZSBmb2N1cyBvbiBpdCB1c2luZyB0aGUgYFRhYmAga2V5LlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5fZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogU3BlY2lmaWVzIGFuIEFSSUEgbGFiZWwgZm9yIHRoZSB0b2tlbidzIGNsb3NlIGJ1dHRvbi4gVGhpcyBzZXRzIHRoZSBidXR0b24ncyBgYXJpYS1sYWJlbGBcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICogQGRlZmF1bHQgXCJSZW1vdmUgaXRlbVwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFyaWFMYWJlbCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYXJpYUxhYmVsID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFyaWFMYWJlbCgpOiBzdHJpbmcge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLl9hcmlhTGFiZWwgfHwgdGhpcy5nZXRTdHJpbmcoJ3NreXV4X3Rva2Vuc19kaXNtaXNzX2J1dHRvbl90aXRsZScpXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB1c2VycyBjYW4gcmVtb3ZlIHRoZSB0b2tlbiBmcm9tIHRoZSBsaXN0IGJ5IHNlbGVjdGluZyB0aGUgY2xvc2UgYnV0dG9uXG4gICAqIG9yIHByZXNzaW5nIHRoZSBgQmFja3NwYWNlYCBrZXkuXG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlzbWlzc2libGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNtaXNzaWJsZSA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBkaXNtaXNzaWJsZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzbWlzc2libGUgIT09IGZhbHNlO1xuICB9XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHVzZXJzIGNhbiBwcmVzcyB0aGUgYFRhYmAga2V5IHRvIHBsYWNlIGZvY3VzIG9uIHRoZSB0b2tlbi4gVGhpcyBkb2VzIG5vdFxuICAgKiBhZmZlY3QgdGhlIGFiaWxpdHkgdG8gc2VsZWN0IHRoZSB0b2tlbiwgZGlzbWlzcyBpdCwgb3IgbmF2aWdhdGUgdG8gaXQgd2l0aCB0aGUgYXJyb3cga2V5cy5cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBmb2N1c2FibGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9mb2N1c2FibGUgPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZm9jdXNhYmxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9mb2N1c2FibGUgIT09IGZhbHNlO1xuICB9XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdXNlcnMgY2xpY2sgdGhlIGNsb3NlIGJ1dHRvbiBvciBwcmVzcyB0aGUgYEJhY2tzcGFjZWAga2V5IHRvIGRpc21pc3MgdGhlIHRva2VuLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHVzZXJzIHBsYWNlIGZvY3VzIG9uIHRoZSB0b2tlbiBieSBuYXZpZ2F0aW5nIHRvIGl0IHdpdGggdGhlIGBUYWJgIGtleS5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgdG9rZW5Gb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgZ2V0IHRhYkluZGV4KCk6IG51bWJlciB8IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZvY3VzYWJsZSA/IDAgOiAtMTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyB0b2tlbkFjdGl2ZTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY2xvc2VBY3RpdmU6IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBfYXJpYUxhYmVsOiBzdHJpbmc7XG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuO1xuICBwcml2YXRlIF9kaXNtaXNzaWJsZTogYm9vbGVhbjtcbiAgcHJpdmF0ZSBfZm9jdXNhYmxlOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlc291cmNlc1NlcnZpY2U6IFNreUxpYlJlc291cmNlc1NlcnZpY2VcbiAgKSB7fVxuXG4gIHB1YmxpYyBkaXNtaXNzVG9rZW4oZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5kaXNtaXNzLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBmb2N1c0VsZW1lbnQoKTogdm9pZCB7XG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLnNreS10b2tlbicpLmZvY3VzKCk7XG4gIH1cblxuICBwdWJsaWMgc2V0VG9rZW5BY3RpdmUodG9rZW5BY3RpdmU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLnRva2VuQWN0aXZlID0gdG9rZW5BY3RpdmU7XG4gIH1cblxuICBwdWJsaWMgc2V0Q2xvc2VBY3RpdmUoY2xvc2VBY3RpdmU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlQWN0aXZlID0gY2xvc2VBY3RpdmU7XG4gIH1cblxuICBwcml2YXRlIGdldFN0cmluZyhrZXk6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgLy8gVE9ETzogTmVlZCB0byBpbXBsZW1lbnQgdGhlIGFzeW5jIGBnZXRTdHJpbmdgIG1ldGhvZCBpbiBhIGJyZWFraW5nIGNoYW5nZS5cbiAgICByZXR1cm4gdGhpcy5yZXNvdXJjZXNTZXJ2aWNlLmdldFN0cmluZ0ZvckxvY2FsZSh7IGxvY2FsZTogJ2VuLVVTJyB9LCBrZXkpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LXRva2VuIHNreS1idG4gc2t5LWJ0bi1kZWZhdWx0XCJcbiAgcm9sZT1cImJ1dHRvblwiXG4gIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbYXR0ci50YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWJ0bi1kaXNhYmxlZCc6IGRpc2FibGVkLFxuICAgICdza3ktdG9rZW4tZGlzbWlzc2FibGUnOiBkaXNtaXNzaWJsZSxcbiAgICAnc2t5LXRva2VuLWFjdGl2ZSc6IHRva2VuQWN0aXZlICYmICFjbG9zZUFjdGl2ZVxuICB9XCJcbiAgKGRvY3VtZW50Om1vdXNldXApPVwic2V0VG9rZW5BY3RpdmUoZmFsc2UpXCJcbiAgKGZvY3VzKT1cInRva2VuRm9jdXMuZW1pdCgpXCJcbiAgKG1vdXNlZG93bik9XCJzZXRUb2tlbkFjdGl2ZSh0cnVlKVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPGJ1dHRvblxuICAgICpuZ0lmPVwiZGlzbWlzc2libGVcIlxuICAgIGNsYXNzPVwic2t5LWJ0biBza3ktdG9rZW4tYnRuLWNsb3NlXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gICAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAgIFthdHRyLnRpdGxlXT1cImFyaWFMYWJlbFwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LXRva2VuLWJ0bi1jbG9zZS1hY3RpdmUnOiBjbG9zZUFjdGl2ZVxuICAgIH1cIlxuICAgIChjbGljayk9XCJkaXNtaXNzVG9rZW4oJGV2ZW50KVwiXG4gICAgKGRvY3VtZW50Om1vdXNldXApPVwic2V0Q2xvc2VBY3RpdmUoZmFsc2UpXCJcbiAgICAobW91c2Vkb3duKT1cInNldENsb3NlQWN0aXZlKHRydWUpXCJcbiAgPlxuICAgIDxza3ktaWNvbiBjbGFzcz1cInNreS10b2tlbi1idG4tY2xvc2UtaWNvbi1kZWZhdWx0XCIgaWNvbj1cInRpbWVzXCI+PC9za3ktaWNvbj5cbiAgICA8c2t5LWljb25cbiAgICAgIGNsYXNzPVwic2t5LXRva2VuLWJ0bi1jbG9zZS1pY29uLW1vZGVyblwiXG4gICAgICBpY29uPVwiY2xvc2VcIlxuICAgICAgaWNvblR5cGU9XCJza3l1eFwiXG4gICAgPlxuICAgIDwvc2t5LWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=token.component.js.map

package/esm2015/lib/modules/tokens/token.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/tokens/token.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/tokens/token.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;;;;;AAQrD,MAAM,OAAO,iBAAiB;IA8F5B,YACU,UAAsB,EACtB,gBAAwC;QADxC,eAAU,GAAV,UAAU,CAAY;QACtB,qBAAgB,GAAhB,gBAAgB,CAAwB;QApClD;;WAEG;QAEI,YAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;QAE1C;;WAEG;QAEI,eAAU,GAAG,IAAI,YAAY,EAAQ,CAAC;IA2B1C,CAAC;IAhGJ;;;;;OAKG;IACH,IACW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED;;;;OAIG;IACH,IACW,SAAS,CAAC,KAAa;QAChC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,CACL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,mCAAmC,CAAC,CACvE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,IACW,WAAW,CAAC,KAAc;QACnC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,KAAK,KAAK,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,IACW,SAAS,CAAC,KAAc;QACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACnC,CAAC;IAcD;;OAEG;IACH,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAsBM,YAAY,CAAC,KAAY;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAEM,YAAY;QACjB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC;IACpE,CAAC;IAEM,cAAc,CAAC,WAAoB;QACxC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEM,cAAc,CAAC,WAAoB;QACxC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEO,SAAS,CAAC,GAAW;QAC3B,6EAA6E;QAC7E,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC;IAC5E,CAAC;;+GAvHU,iBAAiB;mGAAjB,iBAAiB,0NCjB9B,mnCAuCA;4FDtBa,iBAAiB;kBAN7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;sIASY,QAAQ;sBADlB,KAAK;gBAeK,SAAS;sBADnB,KAAK;gBAiBK,WAAW;sBADrB,KAAK;gBAeK,SAAS;sBADnB,KAAK;gBAaC,OAAO;sBADb,MAAM;gBAOA,UAAU;sBADhB,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\n@Component({\n  selector: 'sky-token',\n  templateUrl: './token.component.html',\n  styleUrls: ['./token.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyTokenComponent {\n  /**\n   * Indicates whether to disable the token to prevent users from selecting it, dismissing it,\n   * or navigating to it with the arrow keys. When the token is disabled,\n   * users can still place focus on it using the `Tab` key.\n   * @default true\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n  }\n\n  public get disabled(): boolean {\n    return !!this._disabled;\n  }\n\n  /**\n   * Specifies an ARIA label for the token's close button. This sets the button's `aria-label`\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * @default \"Remove item\"\n   */\n  @Input()\n  public set ariaLabel(value: string) {\n    this._ariaLabel = value;\n  }\n\n  public get ariaLabel(): string {\n    return (\n      this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title')\n    );\n  }\n\n  /**\n   * Indicates whether users can remove the token from the list by selecting the close button\n   * or pressing the `Backspace` key.\n   * @default true\n   */\n  @Input()\n  public set dismissible(value: boolean) {\n    this._dismissible = value;\n  }\n\n  public get dismissible(): boolean {\n    return this._dismissible !== false;\n  }\n\n  /**\n   * Indicates whether users can press the `Tab` key to place focus on the token. This does not\n   * affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.\n   * @default true\n   */\n  @Input()\n  public set focusable(value: boolean) {\n    this._focusable = value;\n  }\n\n  public get focusable(): boolean {\n    return this._focusable !== false;\n  }\n\n  /**\n   * Fires when users click the close button or press the `Backspace` key to dismiss the token.\n   */\n  @Output()\n  public dismiss = new EventEmitter<void>();\n\n  /**\n   * Fires when users place focus on the token by navigating to it with the `Tab` key.\n   */\n  @Output()\n  public tokenFocus = new EventEmitter<void>();\n\n  /**\n   * @internal\n   */\n  public get tabIndex(): number | boolean {\n    return this.focusable ? 0 : -1;\n  }\n\n  /**\n   * @internal\n   */\n  public tokenActive: boolean;\n\n  /**\n   * @internal\n   */\n  public closeActive: boolean;\n\n  private _ariaLabel: string;\n  private _disabled: boolean;\n  private _dismissible: boolean;\n  private _focusable: boolean;\n\n  constructor(\n    private elementRef: ElementRef,\n    private resourcesService: SkyLibResourcesService\n  ) {}\n\n  public dismissToken(event: Event): void {\n    event.stopPropagation();\n    this.dismiss.emit();\n  }\n\n  public focusElement(): void {\n    this.elementRef.nativeElement.querySelector('.sky-token').focus();\n  }\n\n  public setTokenActive(tokenActive: boolean): void {\n    this.tokenActive = tokenActive;\n  }\n\n  public setCloseActive(closeActive: boolean): void {\n    this.closeActive = closeActive;\n  }\n\n  private getString(key: string): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);\n  }\n}\n","<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n"]}

package/esm2015/lib/modules/tokens/tokens.component.js

@@ -0,0 +1,304 @@
+import { animate, style, transition, trigger } from '@angular/animations';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, QueryList, ViewChildren, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyTokensMessageType } from './types/tokens-message-type';
+import { SkyTokenComponent } from './token.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./token.component";
+import * as i2 from "@angular/common";
+export class SkyTokensComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        /**
+         * Fires when users navigate through the tokens list with the `Tab` key
+         * and attempt to move past the final token in the list.
+         */
+        this.focusIndexOverRange = new EventEmitter();
+        /**
+         * Fires when usersnavigate through the tokens list with the `Tab` key
+         * and attempt to move before the first token in the list.
+         */
+        this.focusIndexUnderRange = new EventEmitter();
+        /**
+         * Fires when users select a token in the list. This event emits the selected token.
+         */
+        this.tokenSelected = new EventEmitter();
+        /**
+         * Fires when the tokens in the list change.
+         * This event emits an array of the tokens in the updated list.
+         */
+        this.tokensChange = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+        // Angular calls the trackBy function without applying the component instance's scope.
+        // Use a fat-arrow function so the current component instance's trackWith property can
+        // be referenced.
+        this.trackTokenFn = (_index, item) => {
+            if (this.trackWith) {
+                return item.value[this.trackWith];
+            }
+            return item;
+        };
+    }
+    /**
+     * Indicates whether to disable the tokens list to prevent users from selecting tokens,
+     * dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
+     * is disabled, users can still place focus on items in the list using the `Tab` key.
+     * @default false
+     */
+    set disabled(value) {
+        this._disabled = value;
+    }
+    get disabled() {
+        return !!this._disabled;
+    }
+    /**
+     * Indicates whether users can remove tokens from the list by selecting their close buttons
+     * or pressing the `Backspace` key.
+     * @default true
+     */
+    set dismissible(value) {
+        this._dismissible = value;
+    }
+    get dismissible() {
+        return this._dismissible !== false;
+    }
+    /**
+     * Specifies the token property to display for each item in the tokens list.
+     * @default "name"
+     */
+    set displayWith(value) {
+        this._displayWith = value;
+    }
+    get displayWith() {
+        return this._displayWith || 'name';
+    }
+    /**
+     * Indicates whether users can focus on items in the list using the `Tab` key.
+     * This does not affect the ability of users to select tokens, dismiss tokens,
+     * or navigate through the list with the arrow keys.
+     * @default true
+     */
+    set focusable(value) {
+        this._focusable = value;
+    }
+    get focusable() {
+        return this._focusable !== false;
+    }
+    /**
+     * Specifies an array of tokens to include in the list.
+     */
+    set tokens(value) {
+        this._tokens = value;
+        this.tokensChange.emit(this._tokens);
+    }
+    get tokens() {
+        return this._tokens || [];
+    }
+    /**
+     * Specifies an observable of `SkyTokensMessage` that can place focus on a
+     * particular token or remove the active token from the list.
+     */
+    set messageStream(value) {
+        this._messageStream = value;
+        this.initMessageStream();
+    }
+    get messageStream() {
+        return this._messageStream;
+    }
+    /**
+     * @internal
+     */
+    get activeIndex() {
+        return this._activeIndex || 0;
+    }
+    set activeIndex(value) {
+        if (value >= this.tokens.length) {
+            value = this.tokens.length - 1;
+            this.focusIndexOverRange.emit();
+        }
+        if (value < 0) {
+            value = 0;
+            this.focusIndexUnderRange.emit();
+        }
+        this._activeIndex = value;
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    onTokenClick(token) {
+        if (this.disabled) {
+            return;
+        }
+        this.notifyTokenSelected(token);
+    }
+    onTokenKeyDown(event) {
+        if (!this.disabled) {
+            /* tslint:disable-next-line:switch-default */
+            switch (event.key) {
+                case 'Left':
+                case 'ArrowLeft':
+                    this.messageStream.next({
+                        type: SkyTokensMessageType.FocusPreviousToken,
+                    });
+                    event.preventDefault();
+                    break;
+                case 'Right':
+                case 'ArrowRight':
+                    this.messageStream.next({
+                        type: SkyTokensMessageType.FocusNextToken,
+                    });
+                    event.preventDefault();
+                    break;
+            }
+        }
+    }
+    selectToken(token) {
+        if (!this.disabled) {
+            this.notifyTokenSelected(token);
+        }
+    }
+    removeToken(token) {
+        this.tokens = this.tokens.filter((t) => t !== token);
+        this.changeDetector.detectChanges();
+    }
+    focusPreviousToken() {
+        this.activeIndex--;
+        this.focusActiveToken();
+    }
+    focusNextToken() {
+        this.activeIndex++;
+        this.focusActiveToken();
+    }
+    focusLastToken() {
+        this.activeIndex = this.tokenComponents.length - 1;
+        this.focusActiveToken();
+    }
+    focusActiveToken() {
+        const tokenComponent = this.tokenComponents.find((_comp, i) => {
+            return this.activeIndex === i;
+        });
+        if (tokenComponent) {
+            tokenComponent.focusElement();
+        }
+    }
+    removeActiveToken() {
+        const token = this.tokens[this.activeIndex];
+        if (token) {
+            this.removeToken(token);
+        }
+    }
+    initMessageStream() {
+        if (this.messageStreamSub) {
+            this.messageStreamSub.unsubscribe();
+        }
+        if (this.messageStream) {
+            this.messageStreamSub = this.messageStream
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((message) => {
+                /* tslint:disable-next-line:switch-default */
+                switch (message.type) {
+                    case SkyTokensMessageType.FocusLastToken:
+                        this.focusLastToken();
+                        break;
+                    case SkyTokensMessageType.FocusActiveToken:
+                        this.focusActiveToken();
+                        break;
+                    case SkyTokensMessageType.FocusPreviousToken:
+                        this.focusPreviousToken();
+                        break;
+                    case SkyTokensMessageType.FocusNextToken:
+                        this.focusNextToken();
+                        break;
+                    case SkyTokensMessageType.RemoveActiveToken:
+                        this.removeActiveToken();
+                        break;
+                }
+            });
+        }
+    }
+    notifyTokenSelected(token) {
+        this.tokenSelected.emit({
+            token,
+        });
+    }
+}
+SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n  *ngIf=\"tokens\"\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens && tokens.length ? 'list' : null\"\n>\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    role=\"listitem\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\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  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"], components: [{ type: i1.SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
+        trigger('blockAnimationOnLoad', [transition(':enter', [])]),
+        trigger('dismiss', [
+            transition(':enter', [
+                style({
+                    opacity: 0,
+                    width: 0,
+                }),
+                animate('150ms ease-in', style({
+                    opacity: 1,
+                    width: '*',
+                })),
+            ]),
+            transition(':leave', [
+                animate('150ms ease-in', style({
+                    opacity: 0,
+                    width: 0,
+                })),
+            ]),
+        ]),
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-tokens',
+                    templateUrl: './tokens.component.html',
+                    styleUrls: ['./tokens.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    animations: [
+                        trigger('blockAnimationOnLoad', [transition(':enter', [])]),
+                        trigger('dismiss', [
+                            transition(':enter', [
+                                style({
+                                    opacity: 0,
+                                    width: 0,
+                                }),
+                                animate('150ms ease-in', style({
+                                    opacity: 1,
+                                    width: '*',
+                                })),
+                            ]),
+                            transition(':leave', [
+                                animate('150ms ease-in', style({
+                                    opacity: 0,
+                                    width: 0,
+                                })),
+                            ]),
+                        ]),
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], displayWith: [{
+                type: Input
+            }], trackWith: [{
+                type: Input
+            }], focusable: [{
+                type: Input
+            }], tokens: [{
+                type: Input
+            }], messageStream: [{
+                type: Input
+            }], focusIndexOverRange: [{
+                type: Output
+            }], focusIndexUnderRange: [{
+                type: Output
+            }], tokenSelected: [{
+                type: Output
+            }], tokensChange: [{
+                type: Output
+            }], tokenComponents: [{
+                type: ViewChildren,
+                args: [SkyTokenComponent]
+            }] } });
+//# sourceMappingURL=tokens.component.js.map