@skyux/indicators 5.7.2 → 6.0.0-beta.2

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

@@ -1,34 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyIconModule } from '../icon/icon.module';
-import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.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

@@ -1 +0,0 @@
-{"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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,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 { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIconModule } from '../icon/icon.module';\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.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

@@ -1,153 +0,0 @@
-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];
-        }
-    }
-    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();
-            }
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
-            this.highlight();
-        }
-    }
-    ngAfterViewInit() {
-        this.observer = this.observerService.create(() => {
-            this.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);
-        }
-    }
-}
-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

@@ -1 +0,0 @@
-{"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';\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  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  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes.skyHighlight && !changes.skyHighlight.firstChange) {\n      this.highlight();\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    this.observer = this.observerService.create(() => {\n      this.highlight();\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"]}

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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;AACzC,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';\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/lib/modules/tokens/token.component.js

@@ -1,112 +0,0 @@
-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";
-import * as i3 from "@angular/common";
-export class SkyTokenComponent {
-    constructor(elementRef, resourcesService) {
-        this.elementRef = elementRef;
-        this.resourcesService = resourcesService;
-        /**
-         * Fires when users click the close button or press the `Backspace` key to dismiss the token.
-         */
-        this.dismiss = new EventEmitter();
-        /**
-         * Fires when users place focus on the token by navigating to it with the `Tab` key.
-         */
-        this.tokenFocus = new EventEmitter();
-    }
-    /**
-     * Indicates whether to disable the token to prevent users from selecting it, dismissing it,
-     * or navigating to it with the arrow keys. When the token is disabled,
-     * users can still place focus on it using the `Tab` key.
-     * @default true
-     */
-    set disabled(value) {
-        this._disabled = value;
-    }
-    get disabled() {
-        return !!this._disabled;
-    }
-    /**
-     * Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
-     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
-     * @default "Remove item"
-     */
-    set ariaLabel(value) {
-        this._ariaLabel = value;
-    }
-    get ariaLabel() {
-        return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
-    }
-    /**
-     * Indicates whether users can remove the token from the list by selecting the close button
-     * or pressing the `Backspace` key.
-     * @default true
-     */
-    set dismissible(value) {
-        this._dismissible = value;
-    }
-    get dismissible() {
-        return this._dismissible !== false;
-    }
-    /**
-     * Indicates whether users can press the `Tab` key to place focus on the token. This does not
-     * affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.
-     * @default true
-     */
-    set focusable(value) {
-        this._focusable = value;
-    }
-    get focusable() {
-        return this._focusable !== false;
-    }
-    /**
-     * @internal
-     */
-    get tabIndex() {
-        return this.focusable ? 0 : -1;
-    }
-    dismissToken(event) {
-        event.stopPropagation();
-        this.dismiss.emit();
-    }
-    focusElement() {
-        this.elementRef.nativeElement.querySelector('.sky-token').focus();
-    }
-    setTokenActive(tokenActive) {
-        this.tokenActive = tokenActive;
-    }
-    setCloseActive(closeActive) {
-        this.closeActive = closeActive;
-    }
-    getString(key) {
-        // TODO: Need to implement the async `getString` method in a breaking change.
-        return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
-    }
-}
-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',
-                    templateUrl: './token.component.html',
-                    styleUrls: ['./token.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], dismissible: [{
-                type: Input
-            }], focusable: [{
-                type: Input
-            }], dismiss: [{
-                type: Output
-            }], tokenFocus: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=token.component.js.map

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

@@ -1 +0,0 @@
-{"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;AACvB,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,0NChB9B,mnCAuCA;4FDvBa,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';\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"]}