@skyux/indicators 5.3.0 → 5.5.0

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

@@ -0,0 +1 @@
+{"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":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAgB,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAInE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;;;AAmCtD,MAAM,OAAO,kBAAkB;IA8J7B,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QAlErD;;;WAGG;QAEI,wBAAmB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAEtD;;;WAGG;QAEI,yBAAoB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAEvD;;WAEG;QAEI,kBAAa,GAAG,IAAI,YAAY,EAA6B,CAAC;QAErE;;;WAGG;QAEI,iBAAY,GAAG,IAAI,YAAY,EAAc,CAAC;QA+B7C,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;QAWpC,sFAAsF;QACtF,sFAAsF;QACtF,iBAAiB;QACjB,IAAI,CAAC,YAAY,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;YACnC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACnC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;IACJ,CAAC;IAxKD;;;;;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,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;;;OAGG;IACH,IACW,WAAW,CAAC,KAAa;QAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC;IACrC,CAAC;IASD;;;;;OAKG;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;IAED;;OAEG;IACH,IACW,MAAM,CAAC,KAAiB;QACjC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACH,IACW,aAAa,CAAC,KAAgC;QACvD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IA6BD;;OAEG;IACH,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;IAChC,CAAC;IACD,IAAW,WAAW,CAAC,KAAa;QAClC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YAC/B,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/B,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;SACjC;QAED,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,KAAK,GAAG,CAAC,CAAC;YACV,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;SAClC;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAkCM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAEM,YAAY,CAAC,KAAe;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAEM,cAAc,CAAC,KAAoB;QACxC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,6CAA6C;YAC7C,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,MAAM,CAAC;gBACZ,KAAK,WAAW;oBACd,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;wBACtB,IAAI,EAAE,oBAAoB,CAAC,kBAAkB;qBAC9C,CAAC,CAAC;oBACH,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBAER,KAAK,OAAO,CAAC;gBACb,KAAK,YAAY;oBACf,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;wBACtB,IAAI,EAAE,oBAAoB,CAAC,cAAc;qBAC1C,CAAC,CAAC;oBACH,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;aACT;SACF;IACH,CAAC;IAEM,WAAW,CAAC,KAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;SACjC;IACH,CAAC;IAEM,WAAW,CAAC,KAAe;QAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;QACnD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,gBAAgB;QACtB,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAC9C,CAAC,KAAwB,EAAE,CAAS,EAAE,EAAE;YACtC,OAAO,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC;QAChC,CAAC,CACF,CAAC;QAEF,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,YAAY,EAAE,CAAC;SAC/B;IACH,CAAC;IAEO,iBAAiB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5C,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;SACrC;QAED,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa;iBACvC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,OAAyB,EAAE,EAAE;gBACvC,6CAA6C;gBAC7C,QAAQ,OAAO,CAAC,IAAI,EAAE;oBACpB,KAAK,oBAAoB,CAAC,cAAc;wBACtC,IAAI,CAAC,cAAc,EAAE,CAAC;wBACtB,MAAM;oBAER,KAAK,oBAAoB,CAAC,gBAAgB;wBACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBACxB,MAAM;oBAER,KAAK,oBAAoB,CAAC,kBAAkB;wBAC1C,IAAI,CAAC,kBAAkB,EAAE,CAAC;wBAC1B,MAAM;oBAER,KAAK,oBAAoB,CAAC,cAAc;wBACtC,IAAI,CAAC,cAAc,EAAE,CAAC;wBACtB,MAAM;oBAER,KAAK,oBAAoB,CAAC,iBAAiB;wBACzC,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBACzB,MAAM;iBACT;YACH,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEO,mBAAmB,CAAC,KAAe;QACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACtB,KAAK;SACN,CAAC,CAAC;IACL,CAAC;;gHAnSU,kBAAkB;oGAAlB,kBAAkB,ubAgJf,iBAAiB,gDC7MjC,0vBA0BA,8sBDOc;QACV,OAAO,CAAC,sBAAsB,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QAC3D,OAAO,CAAC,SAAS,EAAE;YACjB,UAAU,CAAC,QAAQ,EAAE;gBACnB,KAAK,CAAC;oBACJ,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;iBACT,CAAC;gBACF,OAAO,CACL,eAAe,EACf,KAAK,CAAC;oBACJ,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,GAAG;iBACX,CAAC,CACH;aACF,CAAC;YACF,UAAU,CAAC,QAAQ,EAAE;gBACnB,OAAO,CACL,eAAe,EACf,KAAK,CAAC;oBACJ,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;iBACT,CAAC,CACH;aACF,CAAC;SACH,CAAC;KACH;4FAEU,kBAAkB;kBAjC9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,UAAU,EAAE;wBACV,OAAO,CAAC,sBAAsB,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;wBAC3D,OAAO,CAAC,SAAS,EAAE;4BACjB,UAAU,CAAC,QAAQ,EAAE;gCACnB,KAAK,CAAC;oCACJ,OAAO,EAAE,CAAC;oCACV,KAAK,EAAE,CAAC;iCACT,CAAC;gCACF,OAAO,CACL,eAAe,EACf,KAAK,CAAC;oCACJ,OAAO,EAAE,CAAC;oCACV,KAAK,EAAE,GAAG;iCACX,CAAC,CACH;6BACF,CAAC;4BACF,UAAU,CAAC,QAAQ,EAAE;gCACnB,OAAO,CACL,eAAe,EACf,KAAK,CAAC;oCACJ,OAAO,EAAE,CAAC;oCACV,KAAK,EAAE,CAAC;iCACT,CAAC,CACH;6BACF,CAAC;yBACH,CAAC;qBACH;iBACF;wGASY,QAAQ;sBADlB,KAAK;gBAeK,WAAW;sBADrB,KAAK;gBAcK,WAAW;sBADrB,KAAK;gBAcC,SAAS;sBADf,KAAK;gBAUK,SAAS;sBADnB,KAAK;gBAaK,MAAM;sBADhB,KAAK;gBAeK,aAAa;sBADvB,KAAK;gBAeC,mBAAmB;sBADzB,MAAM;gBAQA,oBAAoB;sBAD1B,MAAM;gBAOA,aAAa;sBADnB,MAAM;gBAQA,YAAY;sBADlB,MAAM;gBA6BC,eAAe;sBADtB,YAAY;uBAAC,iBAAiB","sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\n\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';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyToken } from './types/token';\n\nimport { SkyTokensMessage } from './types/tokens-message';\n\nimport { SkyTokensMessageType } from './types/tokens-message-type';\n\nimport { SkyTokenSelectedEventArgs } from './types/token-selected-event-args';\n\nimport { SkyTokenComponent } from './token.component';\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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/tokens/tokens.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,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;;AAYzF,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 { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyTokenComponent } from './token.component';\n\nimport { SkyTokensComponent } from './tokens.component';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"wait-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  OnDestroy,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\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/**\n * @internal\n * @dynamic\n */\n@Injectable()\nexport class SkyWaitAdapterService implements OnDestroy {\n  private static isPageWaitActive = false;\n  private static busyElements: {\n    [key: string]: { busyEl: HTMLElement; listener: any };\n  } = {};\n\n  private focussableElements: HTMLElement[];\n\n  private renderer: Renderer2;\n\n  constructor(private rendererFactory: RendererFactory2) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public ngOnDestroy(): void {\n    this.clearListeners();\n  }\n\n  public setWaitBounds(waitEl: ElementRef): void {\n    this.renderer.setStyle(\n      waitEl.nativeElement.parentElement,\n      'position',\n      'relative'\n    );\n  }\n\n  public removeWaitBounds(waitEl: ElementRef): void {\n    this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');\n  }\n\n  public setBusyState(\n    waitEl: ElementRef,\n    isFullPage: boolean,\n    isWaiting: boolean,\n    isNonBlocking = false,\n    waitComponentId?: string\n  ): void {\n    const busyEl = isFullPage\n      ? document.body\n      : waitEl.nativeElement.parentElement;\n\n    if (!isNonBlocking) {\n      if (isWaiting) {\n        this.renderer.setAttribute(busyEl, 'aria-busy', 'true');\n\n        // Remove focus from page when full page blocking wait\n        if (isFullPage || busyEl.contains(document.activeElement)) {\n          this.clearDocumentFocus();\n        }\n\n        if (isFullPage) {\n          SkyWaitAdapterService.isPageWaitActive = true;\n          const endListenerFunc = this.renderer.listen(\n            document.body,\n            'keydown',\n            (event: KeyboardEvent) => {\n              /*istanbul ignore else */\n              if (event.key) {\n                /* istanbul ignore else */\n                if (event.key.toLowerCase() === 'tab') {\n                  (event.target as any).blur();\n                  event.preventDefault();\n                  event.stopPropagation();\n                  event.stopImmediatePropagation();\n                  this.clearDocumentFocus();\n                }\n              }\n            }\n          );\n          SkyWaitAdapterService.busyElements[waitComponentId] = {\n            listener: endListenerFunc,\n            busyEl: undefined,\n          };\n        } else {\n          const endListenerFunc = this.renderer.listen(\n            busyEl,\n            'focusin',\n            (event: KeyboardEvent) => {\n              /* istanbul ignore else */\n              if (!isNonBlocking) {\n                event.preventDefault();\n                event.stopPropagation();\n                event.stopImmediatePropagation();\n\n                if (SkyWaitAdapterService.isPageWaitActive) {\n                  this.clearDocumentFocus();\n                } else {\n                  // Propagate tab navigation if attempted into waited element\n                  const target: any = event.target;\n                  target.blur();\n                  this.focusNextElement(target, this.isShift(event), busyEl);\n                }\n              }\n            }\n          );\n          SkyWaitAdapterService.busyElements[waitComponentId] = {\n            listener: endListenerFunc,\n            busyEl: busyEl,\n          };\n        }\n      } else {\n        this.renderer.removeAttribute(busyEl, 'aria-busy');\n\n        if (isFullPage) {\n          SkyWaitAdapterService.isPageWaitActive = false;\n        }\n        if (waitComponentId in SkyWaitAdapterService.busyElements) {\n          SkyWaitAdapterService.busyElements[waitComponentId].listener();\n          delete SkyWaitAdapterService.busyElements[waitComponentId];\n        }\n      }\n    }\n  }\n\n  private focusNextElement(\n    targetElement: HTMLElement,\n    shiftKey: boolean,\n    busyEl: Element\n  ): void {\n    const focussable = this.getFocussableElements();\n\n    // If shift tab, go in the other direction\n    const modifier = shiftKey ? -1 : 1;\n\n    // Find the next navigable element that isn't waiting\n    const startingIndex = focussable.indexOf(targetElement);\n    let curIndex = startingIndex + modifier;\n    while (\n      focussable[curIndex] &&\n      this.isElementBusyOrHidden(focussable[curIndex])\n    ) {\n      curIndex += modifier;\n    }\n\n    if (\n      focussable[curIndex] &&\n      !this.isElementBusyOrHidden(focussable[curIndex])\n    ) {\n      focussable[curIndex].focus();\n    } else {\n      // Try wrapping the navigation\n      /* istanbul ignore next */\n      /* sanity check */\n      curIndex = modifier > 0 ? 0 : focussable.length - 1;\n      while (\n        curIndex !== startingIndex &&\n        focussable[curIndex] &&\n        this.isElementBusyOrHidden(focussable[curIndex])\n      ) {\n        /* istanbul ignore next */\n        /* sanity check */\n        curIndex += modifier;\n      }\n\n      /* istanbul ignore else */\n      /* sanity check */\n      if (\n        focussable[curIndex] &&\n        !this.isElementBusyOrHidden(focussable[curIndex])\n      ) {\n        focussable[curIndex].focus();\n      } else {\n        // No valid target, wipe focus\n        this.clearDocumentFocus();\n      }\n    }\n\n    // clear focussableElements list\n    this.focussableElements = undefined;\n  }\n\n  private isShift(event: Event): boolean {\n    // Determine if shift+tab was used based on element order\n    const elements = this.getFocussableElements().filter(\n      (elem) => !this.isElementHidden(elem)\n    );\n\n    const previousInd = elements.indexOf((event as any).relatedTarget);\n    const currentInd = elements.indexOf(event.target as HTMLElement);\n\n    return (\n      previousInd === currentInd + 1 ||\n      (previousInd === 0 && currentInd === elements.length - 1) ||\n      previousInd > currentInd ||\n      !(event as any).relatedTarget\n    );\n  }\n\n  private isElementHidden(element: any): boolean {\n    const style = window.getComputedStyle(element);\n    return style.display === 'none' || style.visibility === 'hidden';\n  }\n\n  private isElementBusyOrHidden(element: any): boolean {\n    if (this.isElementHidden(element)) {\n      return true;\n    }\n\n    for (const key of Object.keys(SkyWaitAdapterService.busyElements)) {\n      const parentElement = SkyWaitAdapterService.busyElements[key].busyEl;\n      if (parentElement && parentElement.contains(element)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  private clearDocumentFocus(): void {\n    /* istanbul ignore else */\n    if (document.activeElement && (document.activeElement as any).blur) {\n      (document.activeElement as any).blur();\n    }\n    document.body.focus();\n  }\n\n  private getFocussableElements(): HTMLElement[] {\n    // Keep this cached so we can reduce querys\n    if (this.focussableElements) {\n      return this.focussableElements;\n    }\n\n    // Select all possible focussable elements\n    const focussableElements =\n      'a[href], ' +\n      'area[href], ' +\n      \"input:not([disabled]):not([tabindex='-1']), \" +\n      \"button:not([disabled]):not([tabindex='-1']), \" +\n      \"select:not([disabled]):not([tabindex='-1']), \" +\n      \"textarea:not([disabled]):not([tabindex='-1']), \" +\n      'iframe, object, embed, ' +\n      \"*[tabindex]:not([tabindex='-1']), \" +\n      '*[contenteditable=true]';\n\n    this.focussableElements = Array.prototype.filter.call(\n      document.body.querySelectorAll(focussableElements),\n      (element: any) => {\n        return (\n          element.offsetWidth > 0 ||\n          element.offsetHeight > 0 ||\n          element === document.activeElement\n        );\n      }\n    );\n    return this.focussableElements;\n  }\n\n  private clearListeners(): void {\n    SkyWaitAdapterService.isPageWaitActive = false;\n    for (const key of Object.keys(SkyWaitAdapterService.busyElements)) {\n      SkyWaitAdapterService.busyElements[key].listener();\n      delete SkyWaitAdapterService.busyElements[key];\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyWaitPageAdapterService {
+    addPageWaitEl() {
+        document.body.appendChild(document.createElement('sky-wait-page'));
+    }
+    removePageWaitEl() {
+        const waitEl = document.querySelector('sky-wait-page');
+        if (waitEl) {
+            document.body.removeChild(waitEl);
+        }
+    }
+}
+SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=wait-page-adapter.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wait-page-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait-page-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAE3C;;GAEG;AAIH,MAAM,OAAO,yBAAyB;IAC7B,aAAa;QAClB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACrE,CAAC;IAEM,gBAAgB;QACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACvD,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SACnC;IACH,CAAC;;uHAVU,yBAAyB;2HAAzB,yBAAyB,cAFxB,MAAM;4FAEP,yBAAyB;kBAHrC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyWaitPageAdapterService {\n  public addPageWaitEl(): void {\n    document.body.appendChild(document.createElement('sky-wait-page'));\n  }\n\n  public removePageWaitEl(): void {\n    const waitEl = document.querySelector('sky-wait-page');\n    if (waitEl) {\n      document.body.removeChild(waitEl);\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/wait/wait-page.component.js

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./wait.component";
+/**
+ * @internal
+ */
+export class SkyWaitPageComponent {
+}
+SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait [isFullPage]=\"true\" [isWaiting]=\"hasBlockingWait\"> </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], components: [{ type: i1.SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-wait-page',
+                    templateUrl: './wait-page.component.html',
+                    styleUrls: ['./wait-page.component.scss'],
+                }]
+        }], propDecorators: { hasBlockingWait: [{
+                type: Input
+            }], hasNonBlockingWait: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=wait-page.component.js.map

package/esm2015/lib/modules/wait/wait-page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-page.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait-page.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait-page.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAEjD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;sGAApB,oBAAoB,+ICVjC,2PASA;4FDCa,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;iBAC1C;8BAGQ,eAAe;sBADrB,KAAK;gBAIC,kBAAkB;sBADxB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-wait-page',\n  templateUrl: './wait-page.component.html',\n  styleUrls: ['./wait-page.component.scss'],\n})\nexport class SkyWaitPageComponent {\n  @Input()\n  public hasBlockingWait: boolean;\n\n  @Input()\n  public hasNonBlockingWait: boolean;\n}\n","<div class=\"sky-wait-page\">\n  <sky-wait\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait [isFullPage]=\"true\" [isWaiting]=\"hasBlockingWait\"> </sky-wait>\n</div>\n"]}

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

@@ -0,0 +1,94 @@
+import { Component, ElementRef, Input, Optional } from '@angular/core';
+import { SkyLibResourcesService } from '@skyux/i18n';
+import { BehaviorSubject } from 'rxjs';
+import { SkyWaitAdapterService } from './wait-adapter.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./wait-adapter.service";
+import * as i2 from "@skyux/i18n";
+import * as i3 from "@angular/common";
+let nextId = 0;
+export class SkyWaitComponent {
+    constructor(elRef, adapterService, resourceService) {
+        this.elRef = elRef;
+        this.adapterService = adapterService;
+        this.resourceService = resourceService;
+        this.ariaLabelStream = new BehaviorSubject('');
+        this.id = `sky-wait-${++nextId}`;
+    }
+    /**
+     * When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
+     */
+    set isWaiting(value) {
+        if (value && !this._isFullPage) {
+            this.adapterService.setWaitBounds(this.elRef);
+        }
+        else if (!value && !this._isFullPage) {
+            this.adapterService.removeWaitBounds(this.elRef);
+        }
+        this.adapterService.setBusyState(this.elRef, this.isFullPage, value, this.isNonBlocking, this.id);
+        this._isWaiting = value;
+    }
+    get isWaiting() {
+        return this._isWaiting;
+    }
+    /**
+     * When set to `true`, wait indication appears on the page level instead of the
+     * parent element level. We recommend that you use the `beginBlockingPageWait` or
+     * `beginNonBlockingPageWait` functions of the `SkyWaitService` instead of setting this
+     * on the component level.
+     * @default false
+     */
+    set isFullPage(value) {
+        /* istanbul ignore else: untestable */
+        if (value) {
+            this.adapterService.removeWaitBounds(this.elRef);
+        }
+        else if (!value && this._isWaiting) {
+            this.adapterService.setWaitBounds(this.elRef);
+        }
+        this._isFullPage = value;
+    }
+    get isFullPage() {
+        return this._isFullPage;
+    }
+    ngOnInit() {
+        this.publishAriaLabel();
+    }
+    publishAriaLabel() {
+        if (this.ariaLabel) {
+            this.ariaLabelStream.next(this.ariaLabel);
+            return;
+        }
+        /* istanbul ignore else */
+        if (this.resourceService) {
+            const type = this.isFullPage ? '_page' : '';
+            const blocking = this.isNonBlocking ? '' : '_blocking';
+            const key = `skyux_wait${type}${blocking}_aria_alt_text`;
+            this.resourceService.getString(key).subscribe((value) => {
+                this.ariaLabelStream.next(value);
+            });
+        }
+    }
+}
+SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyWaitAdapterService }, { token: i2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [SkyWaitAdapterService], ngImport: i0, template: "<div class=\"sky-wait-container\">\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    [attr.aria-label]=\"ariaLabelStream | async\"\n    [ngClass]=\"{\n      'sky-wait-mask-loading-fixed': isFullPage,\n      'sky-wait-mask-loading-non-blocking': isNonBlocking,\n      'sky-wait-mask-loading-blocking': !isNonBlocking\n    }\"\n  >\n    <div class=\"sky-wait\">\n      <div class=\"sky-wait-double-bounce1\"></div>\n      <div class=\"sky-wait-double-bounce2\"></div>\n    </div>\n  </div>\n</div>\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{top:auto;right:auto;bottom:0;left:0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyWaitComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-wait',
+                    templateUrl: './wait.component.html',
+                    styleUrls: ['./wait.component.scss'],
+                    providers: [SkyWaitAdapterService],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SkyWaitAdapterService }, { type: i2.SkyLibResourcesService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { ariaLabel: [{
+                type: Input
+            }], isWaiting: [{
+                type: Input
+            }], isFullPage: [{
+                type: Input
+            }], isNonBlocking: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=wait.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wait.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, ElementRef, Input, OnInit, Optional } from '@angular/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { BehaviorSubject } from 'rxjs';\n\nimport { SkyWaitAdapterService } from './wait-adapter.service';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'sky-wait',\n  templateUrl: './wait.component.html',\n  styleUrls: ['./wait.component.scss'],\n  providers: [SkyWaitAdapterService],\n})\nexport class SkyWaitComponent implements OnInit {\n  /**\n   * Specifies an ARIA label for the wait icon while an element or page loads.\n   * This sets the icon's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * The default value varies based on whether the wait is for an element or a page\n   * and whether it is a blocking wait. For example, the default for a page-blocking\n   * wait is \"Page loading. Please wait.\"\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * When set to `true`, wait indication appears on the parent element of the `sky-wait` component.\n   */\n  @Input()\n  public set isWaiting(value: boolean) {\n    if (value && !this._isFullPage) {\n      this.adapterService.setWaitBounds(this.elRef);\n    } else if (!value && !this._isFullPage) {\n      this.adapterService.removeWaitBounds(this.elRef);\n    }\n\n    this.adapterService.setBusyState(\n      this.elRef,\n      this.isFullPage,\n      value,\n      this.isNonBlocking,\n      this.id\n    );\n\n    this._isWaiting = value;\n  }\n\n  public get isWaiting(): boolean {\n    return this._isWaiting;\n  }\n\n  /**\n   * When set to `true`, wait indication appears on the page level instead of the\n   * parent element level. We recommend that you use the `beginBlockingPageWait` or\n   * `beginNonBlockingPageWait` functions of the `SkyWaitService` instead of setting this\n   * on the component level.\n   * @default false\n   */\n  @Input()\n  public set isFullPage(value: boolean) {\n    /* istanbul ignore else: untestable */\n    if (value) {\n      this.adapterService.removeWaitBounds(this.elRef);\n    } else if (!value && this._isWaiting) {\n      this.adapterService.setWaitBounds(this.elRef);\n    }\n\n    this._isFullPage = value;\n  }\n\n  public get isFullPage(): boolean {\n    return this._isFullPage;\n  }\n\n  /**\n   * When set to `true`, wait indication appears in the bottom left corner of the element\n   * instead of hiding the entire parent element.\n   * @default false\n   */\n  @Input()\n  public isNonBlocking: boolean;\n\n  public ariaLabelStream = new BehaviorSubject<string>('');\n\n  private id = `sky-wait-${++nextId}`;\n  private _isFullPage: boolean;\n  private _isWaiting: boolean;\n\n  constructor(\n    private elRef: ElementRef,\n    private adapterService: SkyWaitAdapterService,\n    @Optional() private resourceService: SkyLibResourcesService\n  ) {}\n\n  public ngOnInit(): void {\n    this.publishAriaLabel();\n  }\n\n  private publishAriaLabel(): void {\n    if (this.ariaLabel) {\n      this.ariaLabelStream.next(this.ariaLabel);\n      return;\n    }\n\n    /* istanbul ignore else */\n    if (this.resourceService) {\n      const type = this.isFullPage ? '_page' : '';\n      const blocking = this.isNonBlocking ? '' : '_blocking';\n      const key = `skyux_wait${type}${blocking}_aria_alt_text`;\n      this.resourceService.getString(key).subscribe((value: string) => {\n        this.ariaLabelStream.next(value);\n      });\n    }\n  }\n}\n","<div class=\"sky-wait-container\">\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    [attr.aria-label]=\"ariaLabelStream | async\"\n    [ngClass]=\"{\n      'sky-wait-mask-loading-fixed': isFullPage,\n      'sky-wait-mask-loading-non-blocking': isNonBlocking,\n      'sky-wait-mask-loading-blocking': !isNonBlocking\n    }\"\n  >\n    <div class=\"sky-wait\">\n      <div class=\"sky-wait-double-bounce1\"></div>\n      <div class=\"sky-wait-double-bounce2\"></div>\n    </div>\n  </div>\n</div>\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"wait.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/wait/wait.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,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAQ7D,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBALT,gBAAgB,EAAE,oBAAoB,aAC3C,YAAY,EAAE,aAAa,EAAE,4BAA4B,aACzD,gBAAgB;4GAGf,aAAa,YAJf,CAAC,YAAY,EAAE,aAAa,EAAE,4BAA4B,CAAC;4FAIzD,aAAa;kBANzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;oBACtD,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,4BAA4B,CAAC;oBACpE,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,CAAC,oBAAoB,CAAC;iBACxC","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 { SkyWaitComponent } from './wait.component';\n\nimport { SkyWaitPageComponent } from './wait-page.component';\n\n@NgModule({\n  declarations: [SkyWaitComponent, SkyWaitPageComponent],\n  imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],\n  exports: [SkyWaitComponent],\n  entryComponents: [SkyWaitPageComponent],\n})\nexport class SkyWaitModule {}\n"]}