@skyux/indicators 7.0.0-alpha.0 → 7.0.0-beta.0

package/fesm2020/skyux-indicators.mjs

@@ -11,7 +11,7 @@ import * as i2 from '@skyux/core';
 import { SkyTrimModule, MutationObserverService } from '@skyux/core';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { Subject, BehaviorSubject, defer } from 'rxjs';
-import { takeUntil, finalize } from 'rxjs/operators';
+import { takeUntil, take, finalize } from 'rxjs/operators';
 
 /**
  * @internal
@@ -104,15 +104,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class SkyIconComponent {
-    constructor() {
-        /**
-         * Specifies the type of icon to display. Specifying `"fa"` will display a Font Awesome icon,
-         * while specifying `"skyux"` will display an icon from the custom SKY UX icon font. Note that
-         * the custom SKY UX icon font is currently in beta.
-         * @default "fa"
-         */
-        this.iconType = 'fa';
-    }
 }
 SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -773,7 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }] });
 
-var _SkyStatusIndicatorComponent_instances, _SkyStatusIndicatorComponent_changeDetector, _SkyStatusIndicatorComponent_resources, _SkyStatusIndicatorComponent__descriptionType, _SkyStatusIndicatorComponent__customDescription, _SkyStatusIndicatorComponent_updateIcon, _SkyStatusIndicatorComponent_updateDescriptionComputed;
+var _SkyStatusIndicatorComponent_instances, _SkyStatusIndicatorComponent_changeDetector, _SkyStatusIndicatorComponent_resourcesSvc, _SkyStatusIndicatorComponent__descriptionType, _SkyStatusIndicatorComponent__customDescription, _SkyStatusIndicatorComponent_updateIcon, _SkyStatusIndicatorComponent_updateDescriptionComputed;
 const INDICATOR_TYPE_DEFAULT = 'warning';
 /**
  * Displays status text with an icon matching the specified indicator type.
@@ -786,11 +777,11 @@ class SkyStatusIndicatorComponent {
         _SkyStatusIndicatorComponent_instances.add(this);
         this.indicatorTypeOrDefault = INDICATOR_TYPE_DEFAULT;
         _SkyStatusIndicatorComponent_changeDetector.set(this, void 0);
-        _SkyStatusIndicatorComponent_resources.set(this, void 0);
+        _SkyStatusIndicatorComponent_resourcesSvc.set(this, void 0);
         _SkyStatusIndicatorComponent__descriptionType.set(this, void 0);
         _SkyStatusIndicatorComponent__customDescription.set(this, void 0);
         __classPrivateFieldSet(this, _SkyStatusIndicatorComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyStatusIndicatorComponent_resources, resources, "f");
+        __classPrivateFieldSet(this, _SkyStatusIndicatorComponent_resourcesSvc, resources, "f");
     }
     /**
      * Specifies a style for the status indicator to determine the icon.
@@ -828,7 +819,7 @@ class SkyStatusIndicatorComponent {
         __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
     }
 }
-_SkyStatusIndicatorComponent_changeDetector = new WeakMap(), _SkyStatusIndicatorComponent_resources = new WeakMap(), _SkyStatusIndicatorComponent__descriptionType = new WeakMap(), _SkyStatusIndicatorComponent__customDescription = new WeakMap(), _SkyStatusIndicatorComponent_instances = new WeakSet(), _SkyStatusIndicatorComponent_updateIcon = function _SkyStatusIndicatorComponent_updateIcon() {
+_SkyStatusIndicatorComponent_changeDetector = new WeakMap(), _SkyStatusIndicatorComponent_resourcesSvc = new WeakMap(), _SkyStatusIndicatorComponent__descriptionType = new WeakMap(), _SkyStatusIndicatorComponent__customDescription = new WeakMap(), _SkyStatusIndicatorComponent_instances = new WeakSet(), _SkyStatusIndicatorComponent_updateIcon = function _SkyStatusIndicatorComponent_updateIcon() {
     const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorTypeOrDefault);
     this.icon = indicatorIcon.defaultThemeIcon;
     this.baseIcon = indicatorIcon.modernThemeBaseIcon;
@@ -843,7 +834,7 @@ _SkyStatusIndicatorComponent_changeDetector = new WeakMap(), _SkyStatusIndicator
                 this.descriptionComputed = this.customDescription;
                 break;
             default:
-                __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_resources, "f")
+                __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_resourcesSvc, "f")
                     .getString('skyux_status_indicator_sr_' +
                     this.descriptionType.replace(/-/g, '_'))
                     .subscribe((value) => {
@@ -1064,30 +1055,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }] });
 
+var _SkyTokenComponent_instances, _SkyTokenComponent_ariaLabelOrDefault, _SkyTokenComponent_elementRef, _SkyTokenComponent_resourcesSvc, _SkyTokenComponent__disabled, _SkyTokenComponent__dismissible, _SkyTokenComponent_getDefaultAriaLabel;
 class SkyTokenComponent {
-    constructor(elementRef, resourcesService) {
-        this.elementRef = elementRef;
-        this.resourcesService = resourcesService;
+    constructor(elementRef, resourcesSvc) {
+        _SkyTokenComponent_instances.add(this);
         /**
-         * Fires when users click the close button or press the `Backspace` key to dismiss the token.
+         * Fires when users click the close button.
          */
         this.dismiss = new EventEmitter();
         /**
          * Fires when users place focus on the token by navigating to it with the `Tab` key.
          */
         this.tokenFocus = new EventEmitter();
+        this.tokenActive = false;
+        this.closeActive = false;
+        this.tabIndex = 0;
+        _SkyTokenComponent_ariaLabelOrDefault.set(this, void 0);
+        _SkyTokenComponent_elementRef.set(this, void 0);
+        _SkyTokenComponent_resourcesSvc.set(this, void 0);
+        _SkyTokenComponent__disabled.set(this, false);
+        _SkyTokenComponent__dismissible.set(this, true);
+        __classPrivateFieldSet(this, _SkyTokenComponent_elementRef, elementRef, "f");
+        __classPrivateFieldSet(this, _SkyTokenComponent_resourcesSvc, resourcesSvc, "f");
+        __classPrivateFieldSet(this, _SkyTokenComponent_ariaLabelOrDefault, __classPrivateFieldGet(this, _SkyTokenComponent_instances, "m", _SkyTokenComponent_getDefaultAriaLabel).call(this), "f");
     }
     /**
      * Indicates whether to disable the token to prevent users from selecting it, dismissing it,
      * or navigating to it with the arrow keys. When the token is disabled,
      * users can still place focus on it using the `Tab` key.
-     * @default true
+     * @default false
      */
     set disabled(value) {
-        this._disabled = value;
+        __classPrivateFieldSet(this, _SkyTokenComponent__disabled, !!value, "f");
     }
     get disabled() {
-        return !!this._disabled;
+        return __classPrivateFieldGet(this, _SkyTokenComponent__disabled, "f");
     }
     /**
      * Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
@@ -1095,21 +1097,20 @@ class SkyTokenComponent {
      * @default "Remove item"
      */
     set ariaLabel(value) {
-        this._ariaLabel = value;
+        __classPrivateFieldSet(this, _SkyTokenComponent_ariaLabelOrDefault, value || __classPrivateFieldGet(this, _SkyTokenComponent_instances, "m", _SkyTokenComponent_getDefaultAriaLabel).call(this), "f");
     }
     get ariaLabel() {
-        return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
+        return __classPrivateFieldGet(this, _SkyTokenComponent_ariaLabelOrDefault, "f");
     }
     /**
-     * Indicates whether users can remove the token from the list by selecting the close button
-     * or pressing the `Backspace` key.
+     * Indicates whether users can remove the token from the list by selecting the close button.
      * @default true
      */
     set dismissible(value) {
-        this._dismissible = value;
+        __classPrivateFieldSet(this, _SkyTokenComponent__dismissible, value !== false, "f");
     }
     get dismissible() {
-        return this._dismissible !== false;
+        return __classPrivateFieldGet(this, _SkyTokenComponent__dismissible, "f");
     }
     /**
      * Indicates whether users can press the `Tab` key to place focus on the token. This does not
@@ -1117,23 +1118,14 @@ class SkyTokenComponent {
      * @default true
      */
     set focusable(value) {
-        this._focusable = value;
-    }
-    get focusable() {
-        return this._focusable !== false;
-    }
-    /**
-     * @internal
-     */
-    get tabIndex() {
-        return this.focusable ? 0 : -1;
+        this.tabIndex = value !== false ? 0 : -1;
     }
     dismissToken(event) {
         event.stopPropagation();
         this.dismiss.emit();
     }
     focusElement() {
-        this.elementRef.nativeElement.querySelector('.sky-token').focus();
+        __classPrivateFieldGet(this, _SkyTokenComponent_elementRef, "f").nativeElement.querySelector('.sky-token').focus();
     }
     setTokenActive(tokenActive) {
         this.tokenActive = tokenActive;
@@ -1141,11 +1133,11 @@ class SkyTokenComponent {
     setCloseActive(closeActive) {
         this.closeActive = closeActive;
     }
-    getString(key) {
-        // TODO: Need to implement the async `getString` method in a breaking change.
-        return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
-    }
 }
+_SkyTokenComponent_ariaLabelOrDefault = new WeakMap(), _SkyTokenComponent_elementRef = new WeakMap(), _SkyTokenComponent_resourcesSvc = new WeakMap(), _SkyTokenComponent__disabled = new WeakMap(), _SkyTokenComponent__dismissible = new WeakMap(), _SkyTokenComponent_instances = new WeakSet(), _SkyTokenComponent_getDefaultAriaLabel = function _SkyTokenComponent_getDefaultAriaLabel() {
+    // TODO: Need to implement the async `getString` method in a breaking change.
+    return __classPrivateFieldGet(this, _SkyTokenComponent_resourcesSvc, "f").getStringForLocale({ locale: 'en-US' }, 'skyux_tokens_dismiss_button_title');
+};
 SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
 SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTokenComponent, decorators: [{
@@ -1189,16 +1181,23 @@ var SkyTokensMessageType;
     SkyTokensMessageType[SkyTokensMessageType["RemoveActiveToken"] = 4] = "RemoveActiveToken";
 })(SkyTokensMessageType || (SkyTokensMessageType = {}));
 
+var _SkyTokensComponent_instances, _SkyTokensComponent__disabled, _SkyTokensComponent__dismissible, _SkyTokensComponent__focusable, _SkyTokensComponent__tokens, _SkyTokensComponent__displayWith, _SkyTokensComponent_messageStreamSub, _SkyTokensComponent_ngUnsubscribe, _SkyTokensComponent__messageStream, _SkyTokensComponent_changeDetector, _SkyTokensComponent__activeIndex, _SkyTokensComponent_focusPreviousToken, _SkyTokensComponent_focusNextToken, _SkyTokensComponent_focusLastToken, _SkyTokensComponent_focusActiveToken, _SkyTokensComponent_removeActiveToken, _SkyTokensComponent_initMessageStream, _SkyTokensComponent_notifyTokenSelected;
+const DISPLAY_WITH_DEFAULT = 'name';
+/**
+ * Creates a container that enables navigation between tokens using keyboard arrow keys.
+ * This is useful when combined with other components where the <kbd>Tab</kbd> key is
+ * reserved for other functions, such as the SKY UX Lookup component.
+ */
 class SkyTokensComponent {
     constructor(changeDetector) {
-        this.changeDetector = changeDetector;
+        _SkyTokensComponent_instances.add(this);
         /**
          * 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
+         * Fires when users navigate through the tokens list with the `Tab` key
          * and attempt to move before the first token in the list.
          */
         this.focusIndexUnderRange = new EventEmitter();
@@ -1211,7 +1210,17 @@ class SkyTokensComponent {
          * This event emits an array of the tokens in the updated list.
          */
         this.tokensChange = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
+        _SkyTokensComponent__disabled.set(this, false);
+        _SkyTokensComponent__dismissible.set(this, true);
+        _SkyTokensComponent__focusable.set(this, true);
+        _SkyTokensComponent__tokens.set(this, []);
+        _SkyTokensComponent__displayWith.set(this, DISPLAY_WITH_DEFAULT);
+        _SkyTokensComponent_messageStreamSub.set(this, void 0);
+        _SkyTokensComponent_ngUnsubscribe.set(this, new Subject());
+        _SkyTokensComponent__messageStream.set(this, new Subject());
+        _SkyTokensComponent_changeDetector.set(this, void 0);
+        _SkyTokensComponent__activeIndex.set(this, 0);
+        __classPrivateFieldSet(this, _SkyTokensComponent_changeDetector, changeDetector, "f");
         // 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.
@@ -1229,31 +1238,30 @@ class SkyTokensComponent {
      * @default false
      */
     set disabled(value) {
-        this._disabled = value;
+        __classPrivateFieldSet(this, _SkyTokensComponent__disabled, !!value, "f");
     }
     get disabled() {
-        return !!this._disabled;
+        return __classPrivateFieldGet(this, _SkyTokensComponent__disabled, "f");
     }
     /**
-     * Indicates whether users can remove tokens from the list by selecting their close buttons
-     * or pressing the `Backspace` key.
+     * Indicates whether users can remove a token from the list by selecting a token's close button.
      * @default true
      */
     set dismissible(value) {
-        this._dismissible = value;
+        __classPrivateFieldSet(this, _SkyTokensComponent__dismissible, value !== false, "f");
     }
     get dismissible() {
-        return this._dismissible !== false;
+        return __classPrivateFieldGet(this, _SkyTokensComponent__dismissible, "f");
     }
     /**
      * Specifies the token property to display for each item in the tokens list.
      * @default "name"
      */
     set displayWith(value) {
-        this._displayWith = value;
+        __classPrivateFieldSet(this, _SkyTokensComponent__displayWith, value || DISPLAY_WITH_DEFAULT, "f");
     }
     get displayWith() {
-        return this._displayWith || 'name';
+        return __classPrivateFieldGet(this, _SkyTokensComponent__displayWith, "f");
     }
     /**
      * Indicates whether users can focus on items in the list using the `Tab` key.
@@ -1262,72 +1270,73 @@ class SkyTokensComponent {
      * @default true
      */
     set focusable(value) {
-        this._focusable = value;
+        __classPrivateFieldSet(this, _SkyTokensComponent__focusable, value !== false, "f");
     }
     get focusable() {
-        return this._focusable !== false;
+        return __classPrivateFieldGet(this, _SkyTokensComponent__focusable, "f");
     }
     /**
      * Specifies an array of tokens to include in the list.
      */
     set tokens(value) {
-        this._tokens = value;
-        this.tokensChange.emit(this._tokens);
+        __classPrivateFieldSet(this, _SkyTokensComponent__tokens, value || [], "f");
+        // The previous behavior was to set `this._tokens = value`, then emit `this._tokens`,
+        // which would emit `undefined` instead of a default value of `[]` returned by the
+        // get accessor when set to `undefined`. Emitting `value` instead of `this.#_tokensOrDefault`
+        // preserves that behavior.
+        this.tokensChange.emit(value);
     }
     get tokens() {
-        return this._tokens || [];
+        return __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f");
     }
     /**
      * 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();
+        __classPrivateFieldSet(this, _SkyTokensComponent__messageStream, value || new Subject(), "f");
+        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
     }
     get messageStream() {
-        return this._messageStream;
+        return __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f");
     }
-    /**
-     * @internal
-     */
     get activeIndex() {
-        return this._activeIndex || 0;
+        return __classPrivateFieldGet(this, _SkyTokensComponent__activeIndex, "f");
     }
     set activeIndex(value) {
-        if (value >= this.tokens.length) {
-            value = this.tokens.length - 1;
+        if (value >= __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f").length) {
+            value = __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f").length - 1;
             this.focusIndexOverRange.emit();
         }
         if (value < 0) {
             value = 0;
             this.focusIndexUnderRange.emit();
         }
-        this._activeIndex = value;
+        __classPrivateFieldSet(this, _SkyTokensComponent__activeIndex, value || 0, "f");
     }
     ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+        __classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").complete();
     }
     onTokenClick(token) {
         if (this.disabled) {
             return;
         }
-        this.notifyTokenSelected(token);
+        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_notifyTokenSelected).call(this, token);
     }
     onTokenKeyDown(event) {
         if (!this.disabled) {
             switch (event.key) {
                 case 'Left':
                 case 'ArrowLeft':
-                    this.messageStream.next({
+                    __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f").next({
                         type: SkyTokensMessageType.FocusPreviousToken,
                     });
                     event.preventDefault();
                     break;
                 case 'Right':
                 case 'ArrowRight':
-                    this.messageStream.next({
+                    __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f").next({
                         type: SkyTokensMessageType.FocusNextToken,
                     });
                     event.preventDefault();
@@ -1337,26 +1346,27 @@ class SkyTokensComponent {
     }
     selectToken(token) {
         if (!this.disabled) {
-            this.notifyTokenSelected(token);
+            __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_notifyTokenSelected).call(this, token);
         }
     }
     removeToken(token) {
         this.tokens = this.tokens.filter((t) => t !== token);
-        this.changeDetector.detectChanges();
-    }
-    focusPreviousToken() {
-        this.activeIndex--;
-        this.focusActiveToken();
-    }
-    focusNextToken() {
-        this.activeIndex++;
-        this.focusActiveToken();
+        __classPrivateFieldGet(this, _SkyTokensComponent_changeDetector, "f").detectChanges();
     }
-    focusLastToken() {
+}
+_SkyTokensComponent__disabled = new WeakMap(), _SkyTokensComponent__dismissible = new WeakMap(), _SkyTokensComponent__focusable = new WeakMap(), _SkyTokensComponent__tokens = new WeakMap(), _SkyTokensComponent__displayWith = new WeakMap(), _SkyTokensComponent_messageStreamSub = new WeakMap(), _SkyTokensComponent_ngUnsubscribe = new WeakMap(), _SkyTokensComponent__messageStream = new WeakMap(), _SkyTokensComponent_changeDetector = new WeakMap(), _SkyTokensComponent__activeIndex = new WeakMap(), _SkyTokensComponent_instances = new WeakSet(), _SkyTokensComponent_focusPreviousToken = function _SkyTokensComponent_focusPreviousToken() {
+    this.activeIndex--;
+    __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusActiveToken).call(this);
+}, _SkyTokensComponent_focusNextToken = function _SkyTokensComponent_focusNextToken() {
+    this.activeIndex++;
+    __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusActiveToken).call(this);
+}, _SkyTokensComponent_focusLastToken = function _SkyTokensComponent_focusLastToken() {
+    if (this.tokenComponents) {
         this.activeIndex = this.tokenComponents.length - 1;
-        this.focusActiveToken();
+        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusActiveToken).call(this);
     }
-    focusActiveToken() {
+}, _SkyTokensComponent_focusActiveToken = function _SkyTokensComponent_focusActiveToken() {
+    if (this.tokenComponents) {
         const tokenComponent = this.tokenComponents.find((_comp, i) => {
             return this.activeIndex === i;
         });
@@ -1364,48 +1374,43 @@ class SkyTokensComponent {
             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) => {
-                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;
-                }
-            });
+}, _SkyTokensComponent_removeActiveToken = function _SkyTokensComponent_removeActiveToken() {
+    const token = this.tokens[this.activeIndex];
+    if (token) {
+        this.removeToken(token);
+    }
+}, _SkyTokensComponent_initMessageStream = function _SkyTokensComponent_initMessageStream() {
+    if (__classPrivateFieldGet(this, _SkyTokensComponent_messageStreamSub, "f")) {
+        __classPrivateFieldGet(this, _SkyTokensComponent_messageStreamSub, "f").unsubscribe();
+    }
+    __classPrivateFieldSet(this, _SkyTokensComponent_messageStreamSub, this.messageStream
+        .pipe(takeUntil(__classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f")))
+        .subscribe((message) => {
+        switch (message.type) {
+            case SkyTokensMessageType.FocusLastToken:
+                __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusLastToken).call(this);
+                break;
+            case SkyTokensMessageType.FocusActiveToken:
+                __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusActiveToken).call(this);
+                break;
+            case SkyTokensMessageType.FocusPreviousToken:
+                __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusPreviousToken).call(this);
+                break;
+            case SkyTokensMessageType.FocusNextToken:
+                __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusNextToken).call(this);
+                break;
+            case SkyTokensMessageType.RemoveActiveToken:
+                __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_removeActiveToken).call(this);
+                break;
         }
-    }
-    notifyTokenSelected(token) {
-        this.tokenSelected.emit({
-            token,
-        });
-    }
-}
+    }), "f");
+}, _SkyTokensComponent_notifyTokenSelected = function _SkyTokensComponent_notifyTokenSelected(token) {
+    this.tokenSelected.emit({
+        token,
+    });
+};
 SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], animations: [
+SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"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"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], animations: [
         trigger('blockAnimationOnLoad', [transition(':enter', [])]),
         trigger('dismiss', [
             transition(':enter', [
@@ -1448,7 +1453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                                 })),
                             ]),
                         ]),
-                    ], 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"] }]
+                    ], template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"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"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
                 type: Input
             }], dismissible: [{
@@ -1501,6 +1506,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }] });
 
+var _SkyWaitAdapterService_instances, _SkyWaitAdapterService_focusableElements, _SkyWaitAdapterService_renderer, _SkyWaitAdapterService_focusNextElement, _SkyWaitAdapterService_isShift, _SkyWaitAdapterService_isElementHidden, _SkyWaitAdapterService_isElementBusyOrHidden, _SkyWaitAdapterService_clearDocumentFocus, _SkyWaitAdapterService_getFocusableElements, _SkyWaitAdapterService_clearListeners;
+const busyElements = {};
 // Need to add the following to classes which contain static methods.
 // See: https://github.com/ng-packagr/ng-packagr/issues/641
 /**
@@ -1509,19 +1516,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
  */
 class SkyWaitAdapterService {
     constructor(rendererFactory) {
-        this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
+        _SkyWaitAdapterService_instances.add(this);
+        _SkyWaitAdapterService_focusableElements.set(this, void 0);
+        _SkyWaitAdapterService_renderer.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyWaitAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
     }
     ngOnDestroy() {
-        this.clearListeners();
+        __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearListeners).call(this);
     }
     setWaitBounds(waitEl) {
-        this.renderer.setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
+        __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
     }
     removeWaitBounds(waitEl) {
-        this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
+        __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").removeStyle(waitEl.nativeElement.parentElement, 'position');
     }
-    setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking = false, waitComponentId) {
+    setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking, waitComponentId) {
         const busyEl = isFullPage
             ? document.body
             : waitEl.nativeElement.parentElement;
@@ -1529,18 +1538,18 @@ class SkyWaitAdapterService {
             if (isWaiting) {
                 let restoreFocusElement = undefined;
                 let restoreFocusCheckElement = undefined;
-                this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
+                __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").setAttribute(busyEl, 'aria-busy', 'true');
                 // Remove focus from page when full page blocking wait
                 if (isFullPage || busyEl.contains(document.activeElement)) {
                     if (document.activeElement !== document.body) {
                         restoreFocusElement = document.activeElement;
                     }
-                    this.clearDocumentFocus();
+                    __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
                     restoreFocusCheckElement = document.activeElement;
                 }
                 if (isFullPage) {
                     SkyWaitAdapterService.isPageWaitActive = true;
-                    const endListenerFunc = this.renderer.listen(document.body, 'keydown', (event) => {
+                    const endListenerFunc = __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").listen(document.body, 'keydown', (event) => {
                         /*istanbul ignore else */
                         if (event.key) {
                             /* istanbul ignore else */
@@ -1549,198 +1558,221 @@ class SkyWaitAdapterService {
                                 event.preventDefault();
                                 event.stopPropagation();
                                 event.stopImmediatePropagation();
-                                this.clearDocumentFocus();
+                                __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
                             }
                         }
                     });
-                    SkyWaitAdapterService.busyElements[waitComponentId] = {
-                        listener: endListenerFunc,
-                        busyEl: undefined,
-                        restoreFocusElement,
-                        restoreFocusCheckElement,
-                    };
+                    if (waitComponentId) {
+                        busyElements[waitComponentId] = {
+                            listener: endListenerFunc,
+                            busyEl: undefined,
+                            restoreFocusElement,
+                            restoreFocusCheckElement,
+                        };
+                    }
                 }
                 else {
-                    const endListenerFunc = this.renderer.listen(busyEl, 'focusin', (event) => {
+                    const endListenerFunc = __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").listen(busyEl, 'focusin', (event) => {
                         /* istanbul ignore else */
                         if (!isNonBlocking) {
                             event.preventDefault();
                             event.stopPropagation();
                             event.stopImmediatePropagation();
                             if (SkyWaitAdapterService.isPageWaitActive) {
-                                this.clearDocumentFocus();
+                                __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
                             }
                             else {
                                 // Propagate tab navigation if attempted into waited element
                                 const target = event.target;
-                                target.blur();
-                                this.focusNextElement(target, this.isShift(event), busyEl);
+                                if (target) {
+                                    target.blur();
+                                    __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_focusNextElement).call(this, target, __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isShift).call(this, event));
+                                }
                             }
                         }
                     });
-                    SkyWaitAdapterService.busyElements[waitComponentId] = {
-                        listener: endListenerFunc,
-                        busyEl: busyEl,
-                        restoreFocusElement,
-                        restoreFocusCheckElement,
-                    };
+                    if (waitComponentId) {
+                        busyElements[waitComponentId] = {
+                            listener: endListenerFunc,
+                            busyEl,
+                            restoreFocusElement,
+                            restoreFocusCheckElement,
+                        };
+                    }
                 }
             }
             else {
-                this.renderer.removeAttribute(busyEl, 'aria-busy');
+                __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").removeAttribute(busyEl, 'aria-busy');
                 if (isFullPage) {
                     SkyWaitAdapterService.isPageWaitActive = false;
                 }
-                if (waitComponentId in SkyWaitAdapterService.busyElements) {
-                    SkyWaitAdapterService.busyElements[waitComponentId].listener();
+                if (waitComponentId && waitComponentId in busyElements) {
+                    const busyElement = busyElements[waitComponentId];
+                    busyElement.listener();
                     // If there is a restore focus element and the focus has not moved, restore focus.
-                    if (SkyWaitAdapterService.busyElements[waitComponentId]
-                        .restoreFocusElement &&
-                        SkyWaitAdapterService.busyElements[waitComponentId]
-                            .restoreFocusCheckElement === document.activeElement) {
-                        SkyWaitAdapterService.busyElements[waitComponentId].restoreFocusElement.focus();
+                    if (busyElement.restoreFocusCheckElement === document.activeElement) {
+                        busyElement.restoreFocusElement?.focus();
                     }
-                    delete SkyWaitAdapterService.busyElements[waitComponentId];
+                    delete 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
+}
+_SkyWaitAdapterService_focusableElements = new WeakMap(), _SkyWaitAdapterService_renderer = new WeakMap(), _SkyWaitAdapterService_instances = new WeakSet(), _SkyWaitAdapterService_focusNextElement = function _SkyWaitAdapterService_focusNextElement(targetElement, shiftKey) {
+    const focusable = __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_getFocusableElements).call(this);
+    // If shift tab, go in the other direction
+    const modifier = shiftKey ? -1 : 1;
+    // Find the next navigable element that isn't waiting
+    const startingIndex = focusable.indexOf(targetElement);
+    let curIndex = startingIndex + modifier;
+    while (focusable[curIndex] &&
+        __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementBusyOrHidden).call(this, focusable[curIndex])) {
+        curIndex += modifier;
+    }
+    if (focusable[curIndex] &&
+        !__classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementBusyOrHidden).call(this, focusable[curIndex])) {
+        focusable[curIndex].focus();
+    }
+    else {
+        // Try wrapping the navigation
+        /* istanbul ignore next */
+        /* sanity check */
+        curIndex = modifier > 0 ? 0 : focusable.length - 1;
+        while (curIndex !== startingIndex &&
+            focusable[curIndex] &&
+            __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementBusyOrHidden).call(this, focusable[curIndex])) {
             /* 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;
-            }
+            curIndex += modifier;
         }
-        return false;
-    }
-    clearDocumentFocus() {
         /* istanbul ignore else */
-        if (document.activeElement && document.activeElement.blur) {
-            document.activeElement.blur();
+        /* sanity check */
+        if (focusable[curIndex] &&
+            !__classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementBusyOrHidden).call(this, focusable[curIndex])) {
+            focusable[curIndex].focus();
         }
-        document.body.focus();
-    }
-    getFocussableElements() {
-        // Keep this cached so we can reduce querys
-        if (this.focussableElements) {
-            return this.focussableElements;
+        else {
+            // No valid target, wipe focus
+            __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
         }
-        // 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];
+    // clear focusableElements list
+    __classPrivateFieldSet(this, _SkyWaitAdapterService_focusableElements, undefined, "f");
+}, _SkyWaitAdapterService_isShift = function _SkyWaitAdapterService_isShift(event) {
+    // Determine if shift+tab was used based on element order
+    const elements = __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_getFocusableElements).call(this).filter((elem) => !__classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementHidden).call(this, 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);
+}, _SkyWaitAdapterService_isElementHidden = function _SkyWaitAdapterService_isElementHidden(element) {
+    const style = window.getComputedStyle(element);
+    return style.display === 'none' || style.visibility === 'hidden';
+}, _SkyWaitAdapterService_isElementBusyOrHidden = function _SkyWaitAdapterService_isElementBusyOrHidden(element) {
+    if (__classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementHidden).call(this, element)) {
+        return true;
+    }
+    for (const key of Object.keys(busyElements)) {
+        const parentElement = busyElements[key].busyEl;
+        if (parentElement && parentElement.contains(element)) {
+            return true;
         }
     }
-}
+    return false;
+}, _SkyWaitAdapterService_clearDocumentFocus = function _SkyWaitAdapterService_clearDocumentFocus() {
+    const activeElement = document.activeElement;
+    /* istanbul ignore else */
+    if (activeElement) {
+        activeElement.blur();
+    }
+    document.body.focus();
+}, _SkyWaitAdapterService_getFocusableElements = function _SkyWaitAdapterService_getFocusableElements() {
+    // Keep this cached so we can reduce queries
+    if (__classPrivateFieldGet(this, _SkyWaitAdapterService_focusableElements, "f")) {
+        return __classPrivateFieldGet(this, _SkyWaitAdapterService_focusableElements, "f");
+    }
+    // Select all possible focusable elements
+    const focusableElements = '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]';
+    __classPrivateFieldSet(this, _SkyWaitAdapterService_focusableElements, Array.prototype.filter.call(document.body.querySelectorAll(focusableElements), (element) => {
+        return (element.offsetWidth > 0 ||
+            element.offsetHeight > 0 ||
+            element === document.activeElement);
+    }), "f");
+    return __classPrivateFieldGet(this, _SkyWaitAdapterService_focusableElements, "f");
+}, _SkyWaitAdapterService_clearListeners = function _SkyWaitAdapterService_clearListeners() {
+    SkyWaitAdapterService.isPageWaitActive = false;
+    for (const key of Object.keys(busyElements)) {
+        busyElements[key].listener();
+        delete busyElements[key];
+    }
+};
 SkyWaitAdapterService.isPageWaitActive = false;
-SkyWaitAdapterService.busyElements = {};
 SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitAdapterService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
 
+var _SkyWaitComponent_instances, _SkyWaitComponent_elRef, _SkyWaitComponent_adapterService, _SkyWaitComponent_resourceSvc, _SkyWaitComponent_ngUnsubscribe, _SkyWaitComponent_id, _SkyWaitComponent_customAriaLabel, _SkyWaitComponent__isFullPage, _SkyWaitComponent__isNonBlocking, _SkyWaitComponent__isWaiting, _SkyWaitComponent_publishAriaLabel;
 let nextId = 0;
 class SkyWaitComponent {
-    constructor(elRef, adapterService, resourceService) {
-        this.elRef = elRef;
-        this.adapterService = adapterService;
-        this.resourceService = resourceService;
+    constructor(elRef, adapterService, resourceSvc) {
+        _SkyWaitComponent_instances.add(this);
         this.ariaLabelStream = new BehaviorSubject('');
-        this.id = `sky-wait-${++nextId}`;
+        _SkyWaitComponent_elRef.set(this, void 0);
+        _SkyWaitComponent_adapterService.set(this, void 0);
+        _SkyWaitComponent_resourceSvc.set(this, void 0);
+        _SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
+        _SkyWaitComponent_id.set(this, void 0);
+        _SkyWaitComponent_customAriaLabel.set(this, void 0);
+        _SkyWaitComponent__isFullPage.set(this, void 0);
+        _SkyWaitComponent__isNonBlocking.set(this, void 0);
+        _SkyWaitComponent__isWaiting.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyWaitComponent_elRef, elRef, "f");
+        __classPrivateFieldSet(this, _SkyWaitComponent_adapterService, adapterService, "f");
+        __classPrivateFieldSet(this, _SkyWaitComponent_resourceSvc, resourceSvc, "f");
+        __classPrivateFieldSet(this, _SkyWaitComponent_id, `sky-wait-${++nextId}`, "f");
+    }
+    /**
+     * Specifies an ARIA label for the wait icon while an element or page loads.
+     * This sets the icon's `aria-label` attribute
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * The default value varies based on whether the wait is for an element or a page
+     * and whether it is a blocking wait. For example, the default for a page-blocking
+     * wait is "Page loading. Please wait."
+     */
+    set ariaLabel(value) {
+        __classPrivateFieldSet(this, _SkyWaitComponent_customAriaLabel, value, "f");
+        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
     }
     /**
      * 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);
+        if (!this.isFullPage) {
+            if (value) {
+                __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+            }
+            else {
+                __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").removeWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+            }
         }
-        this.adapterService.setBusyState(this.elRef, this.isFullPage, value, this.isNonBlocking, this.id);
-        this._isWaiting = value;
+        __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setBusyState(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"), !!this.isFullPage, !!value, !!this.isNonBlocking, __classPrivateFieldGet(this, _SkyWaitComponent_id, "f"));
+        __classPrivateFieldSet(this, _SkyWaitComponent__isWaiting, value, "f");
     }
     get isWaiting() {
-        return this._isWaiting;
+        return __classPrivateFieldGet(this, _SkyWaitComponent__isWaiting, "f");
     }
     /**
      * When set to `true`, wait indication appears on the page level instead of the
@@ -1752,40 +1784,60 @@ class SkyWaitComponent {
     set isFullPage(value) {
         /* istanbul ignore else: untestable */
         if (value) {
-            this.adapterService.removeWaitBounds(this.elRef);
+            __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").removeWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
         }
-        else if (!value && this._isWaiting) {
-            this.adapterService.setWaitBounds(this.elRef);
+        else if (this.isWaiting) {
+            __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
         }
-        this._isFullPage = value;
+        __classPrivateFieldSet(this, _SkyWaitComponent__isFullPage, value, "f");
+        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
     }
     get isFullPage() {
-        return this._isFullPage;
+        return __classPrivateFieldGet(this, _SkyWaitComponent__isFullPage, "f");
+    }
+    /**
+     * When set to `true`, wait indication appears in the bottom left corner of the element
+     * instead of hiding the entire parent element.
+     * @default false
+     */
+    set isNonBlocking(value) {
+        __classPrivateFieldSet(this, _SkyWaitComponent__isNonBlocking, value, "f");
+        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
+    }
+    get isNonBlocking() {
+        return __classPrivateFieldGet(this, _SkyWaitComponent__isNonBlocking, "f");
     }
     ngOnInit() {
-        this.publishAriaLabel();
+        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
     }
-    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);
-            });
-        }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f").complete();
     }
 }
+_SkyWaitComponent_elRef = new WeakMap(), _SkyWaitComponent_adapterService = new WeakMap(), _SkyWaitComponent_resourceSvc = new WeakMap(), _SkyWaitComponent_ngUnsubscribe = new WeakMap(), _SkyWaitComponent_id = new WeakMap(), _SkyWaitComponent_customAriaLabel = new WeakMap(), _SkyWaitComponent__isFullPage = new WeakMap(), _SkyWaitComponent__isNonBlocking = new WeakMap(), _SkyWaitComponent__isWaiting = new WeakMap(), _SkyWaitComponent_instances = new WeakSet(), _SkyWaitComponent_publishAriaLabel = function _SkyWaitComponent_publishAriaLabel() {
+    if (__classPrivateFieldGet(this, _SkyWaitComponent_customAriaLabel, "f")) {
+        this.ariaLabelStream.next(__classPrivateFieldGet(this, _SkyWaitComponent_customAriaLabel, "f"));
+        return;
+    }
+    /* istanbul ignore else */
+    if (__classPrivateFieldGet(this, _SkyWaitComponent_resourceSvc, "f")) {
+        const type = this.isFullPage ? '_page' : '';
+        const blocking = this.isNonBlocking ? '' : '_blocking';
+        const key = `skyux_wait${type}${blocking}_aria_alt_text`;
+        __classPrivateFieldGet(this, _SkyWaitComponent_resourceSvc, "f")
+            .getString(key)
+            .pipe(take(1), takeUntil(__classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f")))
+            .subscribe((value) => {
+            this.ariaLabelStream.next(value);
+        });
+    }
+};
 SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: SkyWaitAdapterService }, { token: i1$2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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;inset: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{inset:auto auto 0 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-wait', providers: [SkyWaitAdapterService], 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"] }]
+            args: [{ selector: 'sky-wait', providers: [SkyWaitAdapterService], 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;inset: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{inset:auto auto 0 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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyWaitAdapterService }, { type: i1$2.SkyLibResourcesService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { ariaLabel: [{
@@ -1851,58 +1903,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }] });
 
+var _SkyWaitService_instances, _SkyWaitService_resolver, _SkyWaitService_appRef, _SkyWaitService_waitAdapter, _SkyWaitService_windowSvc, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
+let waitComponent;
+let pageWaitBlockingCount = 0;
+let pageWaitNonBlockingCount = 0;
 // Need to add the following to classes which contain static methods.
 // See: https://github.com/ng-packagr/ng-packagr/issues/641
 // @dynamic
 class SkyWaitService {
     constructor(resolver, appRef, waitAdapter, windowSvc) {
-        this.resolver = resolver;
-        this.appRef = appRef;
-        this.waitAdapter = waitAdapter;
-        this.windowSvc = windowSvc;
+        _SkyWaitService_instances.add(this);
+        _SkyWaitService_resolver.set(this, void 0);
+        _SkyWaitService_appRef.set(this, void 0);
+        _SkyWaitService_waitAdapter.set(this, void 0);
+        _SkyWaitService_windowSvc.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyWaitService_resolver, resolver, "f");
+        __classPrivateFieldSet(this, _SkyWaitService_appRef, appRef, "f");
+        __classPrivateFieldSet(this, _SkyWaitService_waitAdapter, waitAdapter, "f");
+        __classPrivateFieldSet(this, _SkyWaitService_windowSvc, windowSvc, "f");
     }
     /**
      * Starts a blocking page wait on the page.
      */
     beginBlockingPageWait() {
-        this.beginPageWait(true);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_beginPageWait).call(this, true);
     }
     /**
      * Starts a non-blocking page wait on the page.
      */
     beginNonBlockingPageWait() {
-        this.beginPageWait(false);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_beginPageWait).call(this, false);
     }
     /**
      * Ends a blocking page wait on the page. Blocking page wait indication
      * is removed when all running blocking page waits are ended.
      */
     endBlockingPageWait() {
-        this.endPageWait(true);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_endPageWait).call(this, true);
     }
     /**
      * Ends a non-blocking page wait on the page. Non-blocking page wait indication
      * is removed when all running non-blocking page waits are ended.
      */
     endNonBlockingPageWait() {
-        this.endPageWait(false);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_endPageWait).call(this, false);
     }
     /**
      * Clears all blocking and non-blocking page waits on the page.
      */
     clearAllPageWaits() {
-        this.clearPageWait(true);
-        this.clearPageWait(false);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_clearPageWait).call(this, true);
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_clearPageWait).call(this, false);
     }
     /**
      * @internal
      */
     dispose() {
-        if (SkyWaitService.waitComponent) {
-            SkyWaitService.waitComponent = undefined;
-            SkyWaitService.pageWaitBlockingCount = 0;
-            SkyWaitService.pageWaitNonBlockingCount = 0;
-            this.waitAdapter.removePageWaitEl();
+        if (waitComponent) {
+            waitComponent = undefined;
+            pageWaitBlockingCount = 0;
+            pageWaitNonBlockingCount = 0;
+            __classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").removePageWaitEl();
         }
     }
     /**
@@ -1924,79 +1985,76 @@ class SkyWaitService {
             return observable.pipe(finalize(() => this.endNonBlockingPageWait()));
         });
     }
-    setWaitComponentProperties(isBlocking) {
+}
+_SkyWaitService_resolver = new WeakMap(), _SkyWaitService_appRef = new WeakMap(), _SkyWaitService_waitAdapter = new WeakMap(), _SkyWaitService_windowSvc = new WeakMap(), _SkyWaitService_instances = new WeakSet(), _SkyWaitService_setWaitComponentProperties = function _SkyWaitService_setWaitComponentProperties(isBlocking) {
+    if (waitComponent) {
         if (isBlocking) {
-            SkyWaitService.waitComponent.hasBlockingWait = true;
-            SkyWaitService.pageWaitBlockingCount++;
-        }
-        else {
-            SkyWaitService.waitComponent.hasNonBlockingWait = true;
-            SkyWaitService.pageWaitNonBlockingCount++;
-        }
-    }
-    beginPageWait(isBlocking) {
-        if (!SkyWaitService.waitComponent) {
-            /*
-                Dynamic component creation needs to be done in a timeout to prevent ApplicationRef from
-                crashing when wait service is called in Angular lifecycle functions.
-            */
-            this.windowSvc.nativeWindow.setTimeout(() => {
-                // Ensuring here that we recheck this after the setTimeout is over so that we don't clash
-                // with any other waits that are created.
-                if (!SkyWaitService.waitComponent) {
-                    const factory = this.resolver.resolveComponentFactory(SkyWaitPageComponent);
-                    this.waitAdapter.addPageWaitEl();
-                    const cmpRef = this.appRef.bootstrap(factory);
-                    SkyWaitService.waitComponent = cmpRef.instance;
-                }
-                this.setWaitComponentProperties(isBlocking);
-            });
+            waitComponent.hasBlockingWait = true;
+            pageWaitBlockingCount++;
         }
         else {
-            this.setWaitComponentProperties(isBlocking);
+            waitComponent.hasNonBlockingWait = true;
+            pageWaitNonBlockingCount++;
         }
     }
-    endPageWait(isBlocking) {
+}, _SkyWaitService_beginPageWait = function _SkyWaitService_beginPageWait(isBlocking) {
+    if (!waitComponent) {
         /*
-            Needs to yield so that wait creation can finish
-            before it is dismissed in the event of a race.
+            Dynamic component creation needs to be done in a timeout to prevent ApplicationRef from
+            crashing when wait service is called in Angular lifecycle functions.
         */
-        this.windowSvc.nativeWindow.setTimeout(() => {
-            if (SkyWaitService.waitComponent) {
-                if (isBlocking) {
-                    if (SkyWaitService.pageWaitBlockingCount > 0) {
-                        SkyWaitService.pageWaitBlockingCount--;
-                    }
-                    if (SkyWaitService.pageWaitBlockingCount < 1) {
-                        SkyWaitService.waitComponent.hasBlockingWait = false;
-                    }
-                }
-                else {
-                    if (SkyWaitService.pageWaitNonBlockingCount > 0) {
-                        SkyWaitService.pageWaitNonBlockingCount--;
-                    }
-                    if (SkyWaitService.pageWaitNonBlockingCount < 1) {
-                        SkyWaitService.waitComponent.hasNonBlockingWait = false;
-                    }
-                }
+        __classPrivateFieldGet(this, _SkyWaitService_windowSvc, "f").nativeWindow.setTimeout(() => {
+            // Ensuring here that we recheck this after the setTimeout is over so that we don't clash
+            // with any other waits that are created.
+            if (!waitComponent) {
+                const factory = __classPrivateFieldGet(this, _SkyWaitService_resolver, "f").resolveComponentFactory(SkyWaitPageComponent);
+                __classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").addPageWaitEl();
+                const cmpRef = __classPrivateFieldGet(this, _SkyWaitService_appRef, "f").bootstrap(factory);
+                waitComponent = cmpRef.instance;
             }
+            __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_setWaitComponentProperties).call(this, isBlocking);
         });
     }
-    clearPageWait(isBlocking) {
-        if (SkyWaitService.waitComponent) {
+    else {
+        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_setWaitComponentProperties).call(this, isBlocking);
+    }
+}, _SkyWaitService_endPageWait = function _SkyWaitService_endPageWait(isBlocking) {
+    /*
+        Needs to yield so that wait creation can finish
+        before it is dismissed in the event of a race.
+    */
+    __classPrivateFieldGet(this, _SkyWaitService_windowSvc, "f").nativeWindow.setTimeout(() => {
+        if (waitComponent) {
             if (isBlocking) {
-                SkyWaitService.pageWaitBlockingCount = 0;
-                SkyWaitService.waitComponent.hasBlockingWait = false;
+                if (pageWaitBlockingCount > 0) {
+                    pageWaitBlockingCount--;
+                }
+                if (pageWaitBlockingCount < 1) {
+                    waitComponent.hasBlockingWait = false;
+                }
             }
             else {
-                SkyWaitService.pageWaitNonBlockingCount = 0;
-                SkyWaitService.waitComponent.hasNonBlockingWait = false;
+                if (pageWaitNonBlockingCount > 0) {
+                    pageWaitNonBlockingCount--;
+                }
+                if (pageWaitNonBlockingCount < 1) {
+                    waitComponent.hasNonBlockingWait = false;
+                }
             }
         }
+    });
+}, _SkyWaitService_clearPageWait = function _SkyWaitService_clearPageWait(isBlocking) {
+    if (waitComponent) {
+        if (isBlocking) {
+            pageWaitBlockingCount = 0;
+            waitComponent.hasBlockingWait = false;
+        }
+        else {
+            pageWaitNonBlockingCount = 0;
+            waitComponent.hasNonBlockingWait = false;
+        }
     }
-}
-SkyWaitService.pageWaitBlockingCount = 0;
-SkyWaitService.pageWaitNonBlockingCount = 0;
+};
 SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyWaitService, decorators: [{