@skyux/indicators 5.7.2 → 6.0.0-beta.2

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

@@ -1,304 +0,0 @@
-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 { SkyTokenComponent } from './token.component';
-import { SkyTokensMessageType } from './types/tokens-message-type';
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/tokens/tokens.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/tokens/tokens.component.html"],"names":[],"mappings":"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","sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewChildren,\n} from '@angular/core';\n\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyTokenComponent } from './token.component';\nimport { SkyToken } from './types/token';\nimport { SkyTokenSelectedEventArgs } from './types/token-selected-event-args';\nimport { SkyTokensMessage } from './types/tokens-message';\nimport { SkyTokensMessageType } from './types/tokens-message-type';\n\n@Component({\n  selector: 'sky-tokens',\n  templateUrl: './tokens.component.html',\n  styleUrls: ['./tokens.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('blockAnimationOnLoad', [transition(':enter', [])]),\n    trigger('dismiss', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n          width: 0,\n        }),\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 1,\n            width: '*',\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 0,\n            width: 0,\n          })\n        ),\n      ]),\n    ]),\n  ],\n})\nexport class SkyTokensComponent implements OnDestroy {\n  /**\n   * Indicates whether to disable the tokens list to prevent users from selecting tokens,\n   * dismissing tokens, or navigating through the list with the arrow keys. When the tokens list\n   * is disabled, users can still place focus on items in the list using the `Tab` key.\n   * @default false\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   * Indicates whether users can remove tokens from the list by selecting their close buttons\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   * Specifies the token property to display for each item in the tokens list.\n   * @default \"name\"\n   */\n  @Input()\n  public set displayWith(value: string) {\n    this._displayWith = value;\n  }\n\n  public get displayWith(): string {\n    return this._displayWith || 'name';\n  }\n\n  /**\n   * Specifies the token property that represents the token's unique identifier. When this property\n   * is set, animations are enabled when dismissing tokens.\n   */\n  @Input()\n  public trackWith: string;\n\n  /**\n   * Indicates whether users can focus on items in the list using the `Tab` key.\n   * This does not affect the ability of users to select tokens, dismiss tokens,\n   * or navigate through the list 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   * Specifies an array of tokens to include in the list.\n   */\n  @Input()\n  public set tokens(value: SkyToken[]) {\n    this._tokens = value;\n    this.tokensChange.emit(this._tokens);\n  }\n\n  public get tokens(): SkyToken[] {\n    return this._tokens || [];\n  }\n\n  /**\n   * Specifies an observable of `SkyTokensMessage` that can place focus on a\n   * particular token or remove the active token from the list.\n   */\n  @Input()\n  public set messageStream(value: Subject<SkyTokensMessage>) {\n    this._messageStream = value;\n    this.initMessageStream();\n  }\n\n  public get messageStream(): Subject<SkyTokensMessage> {\n    return this._messageStream;\n  }\n\n  /**\n   * Fires when users navigate through the tokens list with the `Tab` key\n   * and attempt to move past the final token in the list.\n   */\n  @Output()\n  public focusIndexOverRange = new EventEmitter<void>();\n\n  /**\n   * Fires when usersnavigate through the tokens list with the `Tab` key\n   * and attempt to move before the first token in the list.\n   */\n  @Output()\n  public focusIndexUnderRange = new EventEmitter<void>();\n\n  /**\n   * Fires when users select a token in the list. This event emits the selected token.\n   */\n  @Output()\n  public tokenSelected = new EventEmitter<SkyTokenSelectedEventArgs>();\n\n  /**\n   * Fires when the tokens in the list change.\n   * This event emits an array of the tokens in the updated list.\n   */\n  @Output()\n  public tokensChange = new EventEmitter<SkyToken[]>();\n\n  /**\n   * @internal\n   */\n  public get activeIndex(): number {\n    return this._activeIndex || 0;\n  }\n  public set activeIndex(value: number) {\n    if (value >= this.tokens.length) {\n      value = this.tokens.length - 1;\n      this.focusIndexOverRange.emit();\n    }\n\n    if (value < 0) {\n      value = 0;\n      this.focusIndexUnderRange.emit();\n    }\n\n    this._activeIndex = value;\n  }\n\n  /**\n   * internal\n   */\n  public trackTokenFn: (index: number, item: SkyToken) => any;\n\n  @ViewChildren(SkyTokenComponent)\n  private tokenComponents: QueryList<SkyTokenComponent>;\n\n  private messageStreamSub: Subscription;\n  private ngUnsubscribe = new Subject();\n\n  private _activeIndex: number;\n  private _disabled: boolean;\n  private _dismissible: boolean;\n  private _focusable: boolean;\n  private _tokens: SkyToken[];\n  private _displayWith: string;\n  private _messageStream: Subject<SkyTokensMessage>;\n\n  constructor(private changeDetector: ChangeDetectorRef) {\n    // Angular calls the trackBy function without applying the component instance's scope.\n    // Use a fat-arrow function so the current component instance's trackWith property can\n    // be referenced.\n    this.trackTokenFn = (_index, item) => {\n      if (this.trackWith) {\n        return item.value[this.trackWith];\n      }\n\n      return item;\n    };\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public onTokenClick(token: SkyToken): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.notifyTokenSelected(token);\n  }\n\n  public onTokenKeyDown(event: KeyboardEvent): void {\n    if (!this.disabled) {\n      /* tslint:disable-next-line:switch-default */\n      switch (event.key) {\n        case 'Left':\n        case 'ArrowLeft':\n          this.messageStream.next({\n            type: SkyTokensMessageType.FocusPreviousToken,\n          });\n          event.preventDefault();\n          break;\n\n        case 'Right':\n        case 'ArrowRight':\n          this.messageStream.next({\n            type: SkyTokensMessageType.FocusNextToken,\n          });\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  public selectToken(token: SkyToken): void {\n    if (!this.disabled) {\n      this.notifyTokenSelected(token);\n    }\n  }\n\n  public removeToken(token: SkyToken): void {\n    this.tokens = this.tokens.filter((t) => t !== token);\n    this.changeDetector.detectChanges();\n  }\n\n  private focusPreviousToken(): void {\n    this.activeIndex--;\n    this.focusActiveToken();\n  }\n\n  private focusNextToken(): void {\n    this.activeIndex++;\n    this.focusActiveToken();\n  }\n\n  private focusLastToken(): void {\n    this.activeIndex = this.tokenComponents.length - 1;\n    this.focusActiveToken();\n  }\n\n  private focusActiveToken(): void {\n    const tokenComponent = this.tokenComponents.find(\n      (_comp: SkyTokenComponent, i: number) => {\n        return this.activeIndex === i;\n      }\n    );\n\n    if (tokenComponent) {\n      tokenComponent.focusElement();\n    }\n  }\n\n  private removeActiveToken(): void {\n    const token = this.tokens[this.activeIndex];\n    if (token) {\n      this.removeToken(token);\n    }\n  }\n\n  private initMessageStream(): void {\n    if (this.messageStreamSub) {\n      this.messageStreamSub.unsubscribe();\n    }\n\n    if (this.messageStream) {\n      this.messageStreamSub = this.messageStream\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((message: SkyTokensMessage) => {\n          /* tslint:disable-next-line:switch-default */\n          switch (message.type) {\n            case SkyTokensMessageType.FocusLastToken:\n              this.focusLastToken();\n              break;\n\n            case SkyTokensMessageType.FocusActiveToken:\n              this.focusActiveToken();\n              break;\n\n            case SkyTokensMessageType.FocusPreviousToken:\n              this.focusPreviousToken();\n              break;\n\n            case SkyTokensMessageType.FocusNextToken:\n              this.focusNextToken();\n              break;\n\n            case SkyTokensMessageType.RemoveActiveToken:\n              this.removeActiveToken();\n              break;\n          }\n        });\n    }\n  }\n\n  private notifyTokenSelected(token: SkyToken): void {\n    this.tokenSelected.emit({\n      token,\n    });\n  }\n}\n","<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"]}

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

@@ -1,35 +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 { SkyTokenComponent } from './token.component';
-import { SkyTokensComponent } from './tokens.component';
-import * as i0 from "@angular/core";
-export class SkyTokensModule {
-}
-SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
-SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensModule, imports: [[
-            CommonModule,
-            SkyI18nModule,
-            SkyIconModule,
-            SkyIndicatorsResourcesModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTokensModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyTokenComponent, SkyTokensComponent],
-                    imports: [
-                        CommonModule,
-                        SkyI18nModule,
-                        SkyIconModule,
-                        SkyIndicatorsResourcesModule,
-                    ],
-                    exports: [SkyTokenComponent, SkyTokensComponent],
-                }]
-        }] });
-//# sourceMappingURL=tokens.module.js.map

package/esm2015/lib/modules/tokens/tokens.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/tokens/tokens.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,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;AAYxD,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBATX,iBAAiB,EAAE,kBAAkB,aAElD,YAAY;QACZ,aAAa;QACb,aAAa;QACb,4BAA4B,aAEpB,iBAAiB,EAAE,kBAAkB;8GAEpC,eAAe,YARjB;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,4BAA4B;SAC7B;4FAGU,eAAe;kBAV3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;oBACrD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,4BAA4B;qBAC7B;oBACD,OAAO,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;iBACjD","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 { SkyTokenComponent } from './token.component';\nimport { SkyTokensComponent } from './tokens.component';\n\n@NgModule({\n  declarations: [SkyTokenComponent, SkyTokensComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n  ],\n  exports: [SkyTokenComponent, SkyTokensComponent],\n})\nexport class SkyTokensModule {}\n"]}

package/esm2015/lib/modules/tokens/types/token-selected-event-args.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=token-selected-event-args.js.map

package/esm2015/lib/modules/tokens/types/token-selected-event-args.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-selected-event-args.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/tokens/types/token-selected-event-args.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyToken } from './token';\n\nexport interface SkyTokenSelectedEventArgs {\n  /**\n   * Indicates the currently selected token.\n   */\n  token?: SkyToken;\n}\n"]}

package/esm2015/lib/modules/tokens/types/token.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=token.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/tokens/types/token.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyToken {\n  /**\n   * Specifies the token's contents.\n   */\n  value: any;\n}\n"]}

package/esm2015/lib/modules/tokens/types/tokens-message-type.js

@@ -1,24 +0,0 @@
-export var SkyTokensMessageType;
-(function (SkyTokensMessageType) {
-    /**
-     * Places focus on the last token in the list.
-     */
-    SkyTokensMessageType[SkyTokensMessageType["FocusLastToken"] = 0] = "FocusLastToken";
-    /**
-     * Places focus on the token that is currently selected.
-     */
-    SkyTokensMessageType[SkyTokensMessageType["FocusActiveToken"] = 1] = "FocusActiveToken";
-    /**
-     * Places focus on the token before the currently selected token.
-     */
-    SkyTokensMessageType[SkyTokensMessageType["FocusPreviousToken"] = 2] = "FocusPreviousToken";
-    /**
-     * Places focus on the token after the currently selected token.
-     */
-    SkyTokensMessageType[SkyTokensMessageType["FocusNextToken"] = 3] = "FocusNextToken";
-    /**
-     * Removes the token that is currently selected from the list of tokens.
-     */
-    SkyTokensMessageType[SkyTokensMessageType["RemoveActiveToken"] = 4] = "RemoveActiveToken";
-})(SkyTokensMessageType || (SkyTokensMessageType = {}));
-//# sourceMappingURL=tokens-message-type.js.map

package/esm2015/lib/modules/tokens/types/tokens-message-type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-message-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/tokens/types/tokens-message-type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,oBAyBX;AAzBD,WAAY,oBAAoB;IAC9B;;OAEG;IACH,mFAAkB,CAAA;IAElB;;OAEG;IACH,uFAAoB,CAAA;IAEpB;;OAEG;IACH,2FAAsB,CAAA;IAEtB;;OAEG;IACH,mFAAkB,CAAA;IAElB;;OAEG;IACH,yFAAqB,CAAA;AACvB,CAAC,EAzBW,oBAAoB,KAApB,oBAAoB,QAyB/B","sourcesContent":["export enum SkyTokensMessageType {\n  /**\n   * Places focus on the last token in the list.\n   */\n  FocusLastToken = 0,\n\n  /**\n   * Places focus on the token that is currently selected.\n   */\n  FocusActiveToken = 1,\n\n  /**\n   * Places focus on the token before the currently selected token.\n   */\n  FocusPreviousToken = 2,\n\n  /**\n   * Places focus on the token after the currently selected token.\n   */\n  FocusNextToken = 3,\n\n  /**\n   * Removes the token that is currently selected from the list of tokens.\n   */\n  RemoveActiveToken = 4,\n}\n"]}

package/esm2015/lib/modules/tokens/types/tokens-message.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tokens-message.js.map

package/esm2015/lib/modules/tokens/types/tokens-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-message.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/tokens/types/tokens-message.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyTokensMessageType } from './tokens-message-type';\n\nexport interface SkyTokensMessage {\n  /**\n   * Specifies the type of message.\n   */\n  type?: SkyTokensMessageType;\n}\n"]}

package/esm2015/lib/modules/wait/wait-adapter.service.js

@@ -1,201 +0,0 @@
-import { Injectable, RendererFactory2, } from '@angular/core';
-import * as i0 from "@angular/core";
-// Need to add the following to classes which contain static methods.
-// See: https://github.com/ng-packagr/ng-packagr/issues/641
-/**
- * @internal
- * @dynamic
- */
-export class SkyWaitAdapterService {
-    constructor(rendererFactory) {
-        this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-    }
-    ngOnDestroy() {
-        this.clearListeners();
-    }
-    setWaitBounds(waitEl) {
-        this.renderer.setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
-    }
-    removeWaitBounds(waitEl) {
-        this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
-    }
-    setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking = false, waitComponentId) {
-        const busyEl = isFullPage
-            ? document.body
-            : waitEl.nativeElement.parentElement;
-        if (!isNonBlocking) {
-            if (isWaiting) {
-                this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
-                // Remove focus from page when full page blocking wait
-                if (isFullPage || busyEl.contains(document.activeElement)) {
-                    this.clearDocumentFocus();
-                }
-                if (isFullPage) {
-                    SkyWaitAdapterService.isPageWaitActive = true;
-                    const endListenerFunc = this.renderer.listen(document.body, 'keydown', (event) => {
-                        /*istanbul ignore else */
-                        if (event.key) {
-                            /* istanbul ignore else */
-                            if (event.key.toLowerCase() === 'tab') {
-                                event.target.blur();
-                                event.preventDefault();
-                                event.stopPropagation();
-                                event.stopImmediatePropagation();
-                                this.clearDocumentFocus();
-                            }
-                        }
-                    });
-                    SkyWaitAdapterService.busyElements[waitComponentId] = {
-                        listener: endListenerFunc,
-                        busyEl: undefined,
-                    };
-                }
-                else {
-                    const endListenerFunc = this.renderer.listen(busyEl, 'focusin', (event) => {
-                        /* istanbul ignore else */
-                        if (!isNonBlocking) {
-                            event.preventDefault();
-                            event.stopPropagation();
-                            event.stopImmediatePropagation();
-                            if (SkyWaitAdapterService.isPageWaitActive) {
-                                this.clearDocumentFocus();
-                            }
-                            else {
-                                // Propagate tab navigation if attempted into waited element
-                                const target = event.target;
-                                target.blur();
-                                this.focusNextElement(target, this.isShift(event), busyEl);
-                            }
-                        }
-                    });
-                    SkyWaitAdapterService.busyElements[waitComponentId] = {
-                        listener: endListenerFunc,
-                        busyEl: busyEl,
-                    };
-                }
-            }
-            else {
-                this.renderer.removeAttribute(busyEl, 'aria-busy');
-                if (isFullPage) {
-                    SkyWaitAdapterService.isPageWaitActive = false;
-                }
-                if (waitComponentId in SkyWaitAdapterService.busyElements) {
-                    SkyWaitAdapterService.busyElements[waitComponentId].listener();
-                    delete SkyWaitAdapterService.busyElements[waitComponentId];
-                }
-            }
-        }
-    }
-    focusNextElement(targetElement, shiftKey, busyEl) {
-        const focussable = this.getFocussableElements();
-        // If shift tab, go in the other direction
-        const modifier = shiftKey ? -1 : 1;
-        // Find the next navigable element that isn't waiting
-        const startingIndex = focussable.indexOf(targetElement);
-        let curIndex = startingIndex + modifier;
-        while (focussable[curIndex] &&
-            this.isElementBusyOrHidden(focussable[curIndex])) {
-            curIndex += modifier;
-        }
-        if (focussable[curIndex] &&
-            !this.isElementBusyOrHidden(focussable[curIndex])) {
-            focussable[curIndex].focus();
-        }
-        else {
-            // Try wrapping the navigation
-            /* istanbul ignore next */
-            /* sanity check */
-            curIndex = modifier > 0 ? 0 : focussable.length - 1;
-            while (curIndex !== startingIndex &&
-                focussable[curIndex] &&
-                this.isElementBusyOrHidden(focussable[curIndex])) {
-                /* istanbul ignore next */
-                /* sanity check */
-                curIndex += modifier;
-            }
-            /* istanbul ignore else */
-            /* sanity check */
-            if (focussable[curIndex] &&
-                !this.isElementBusyOrHidden(focussable[curIndex])) {
-                focussable[curIndex].focus();
-            }
-            else {
-                // No valid target, wipe focus
-                this.clearDocumentFocus();
-            }
-        }
-        // clear focussableElements list
-        this.focussableElements = undefined;
-    }
-    isShift(event) {
-        // Determine if shift+tab was used based on element order
-        const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
-        const previousInd = elements.indexOf(event.relatedTarget);
-        const currentInd = elements.indexOf(event.target);
-        return (previousInd === currentInd + 1 ||
-            (previousInd === 0 && currentInd === elements.length - 1) ||
-            previousInd > currentInd ||
-            !event.relatedTarget);
-    }
-    isElementHidden(element) {
-        const style = window.getComputedStyle(element);
-        return style.display === 'none' || style.visibility === 'hidden';
-    }
-    isElementBusyOrHidden(element) {
-        if (this.isElementHidden(element)) {
-            return true;
-        }
-        for (const key of Object.keys(SkyWaitAdapterService.busyElements)) {
-            const parentElement = SkyWaitAdapterService.busyElements[key].busyEl;
-            if (parentElement && parentElement.contains(element)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    clearDocumentFocus() {
-        /* istanbul ignore else */
-        if (document.activeElement && document.activeElement.blur) {
-            document.activeElement.blur();
-        }
-        document.body.focus();
-    }
-    getFocussableElements() {
-        // Keep this cached so we can reduce querys
-        if (this.focussableElements) {
-            return this.focussableElements;
-        }
-        // Select all possible focussable elements
-        const focussableElements = 'a[href], ' +
-            'area[href], ' +
-            "input:not([disabled]):not([tabindex='-1']), " +
-            "button:not([disabled]):not([tabindex='-1']), " +
-            "select:not([disabled]):not([tabindex='-1']), " +
-            "textarea:not([disabled]):not([tabindex='-1']), " +
-            'iframe, object, embed, ' +
-            "*[tabindex]:not([tabindex='-1']), " +
-            '*[contenteditable=true]';
-        this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), (element) => {
-            return (element.offsetWidth > 0 ||
-                element.offsetHeight > 0 ||
-                element === document.activeElement);
-        });
-        return this.focussableElements;
-    }
-    clearListeners() {
-        SkyWaitAdapterService.isPageWaitActive = false;
-        for (const key of Object.keys(SkyWaitAdapterService.busyElements)) {
-            SkyWaitAdapterService.busyElements[key].listener();
-            delete SkyWaitAdapterService.busyElements[key];
-        }
-    }
-}
-SkyWaitAdapterService.isPageWaitActive = false;
-SkyWaitAdapterService.busyElements = {};
-SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
-//# sourceMappingURL=wait-adapter.service.js.map