@skyux/indicators 8.7.0 → 9.0.0-alpha.0

package/{fesm2020 → fesm2022}/skyux-indicators.mjs

@@ -6,47 +6,45 @@ import * as i5 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, SkyLibResourcesService } from '@skyux/i18n';
 import * as i2 from '@skyux/theme';
 import { SkyThemeIconManifestService, SkyThemeService, SkyThemeModule } from '@skyux/theme';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import * as i2$1 from '@skyux/core';
 import { SkyLogService, SkyTrimModule, SkyMutationObserverService, SkyLiveAnnouncerService, SkyAppWindowRef, SkyDynamicComponentService, SkyDynamicComponentLocation } from '@skyux/core';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { Subject, BehaviorSubject, defer } from 'rxjs';
 import { takeUntil, take, finalize } from 'rxjs/operators';
 
-var _SkyIconResolverService_glyphMap, _SkyIconResolverService_manifestSvc;
 /**
  * @internal
  */
 class SkyIconResolverService {
+    #glyphMap = new Map();
+    #manifestSvc = inject(SkyThemeIconManifestService);
     constructor() {
-        _SkyIconResolverService_glyphMap.set(this, new Map());
-        _SkyIconResolverService_manifestSvc.set(this, inject(SkyThemeIconManifestService));
         // Map the icons by name for more efficient lookup.
-        for (const glyph of __classPrivateFieldGet(this, _SkyIconResolverService_manifestSvc, "f").getManifest().glyphs) {
-            __classPrivateFieldGet(this, _SkyIconResolverService_glyphMap, "f").set(glyph.name, glyph);
+        for (const glyph of this.#manifestSvc.getManifest().glyphs) {
+            this.#glyphMap.set(glyph.name, glyph);
         }
     }
     resolveIcon(icon, variant, iconType, themeSettings) {
-        iconType || (iconType = 'fa');
+        iconType ||= 'fa';
         if (iconType === 'skyux') {
             if (themeSettings?.theme.name === 'modern') {
                 const variantIcon = variant && `${icon}-${variant}`;
-                if (variantIcon && __classPrivateFieldGet(this, _SkyIconResolverService_glyphMap, "f").has(variantIcon)) {
+                if (variantIcon && this.#glyphMap.has(variantIcon)) {
                     // A variant was specified and exists; use it.
                     icon = variantIcon;
                 }
-                else if (variant !== 'line' && !__classPrivateFieldGet(this, _SkyIconResolverService_glyphMap, "f").has(icon)) {
+                else if (variant !== 'line' && !this.#glyphMap.has(icon)) {
                     // Either the solid variant was specified and doesn't exist, or no variant was
                     // specified and a non-variant doesn't exist; fall back to the line variant.
                     const lineIcon = `${icon}-line`;
-                    if (__classPrivateFieldGet(this, _SkyIconResolverService_glyphMap, "f").has(lineIcon)) {
+                    if (this.#glyphMap.has(lineIcon)) {
                         icon = lineIcon;
                     }
                 }
             }
             else {
                 // Use the Font Awesome equivalent in default theme if one exists.
-                const faName = __classPrivateFieldGet(this, _SkyIconResolverService_glyphMap, "f").get(icon)?.faName;
+                const faName = this.#glyphMap.get(icon)?.faName;
                 if (faName) {
                     icon = faName;
                     iconType = 'fa';
@@ -58,28 +56,24 @@ class SkyIconResolverService {
             iconType,
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
 }
-_SkyIconResolverService_glyphMap = new WeakMap(), _SkyIconResolverService_manifestSvc = new WeakMap();
-SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconResolverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconResolverService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return []; } });
 
-var _SkyIconClassListPipe_resolver;
 /**
  * @internal
  */
 class SkyIconClassListPipe {
-    constructor() {
-        _SkyIconClassListPipe_resolver.set(this, inject(SkyIconResolverService));
-    }
+    #resolver = inject(SkyIconResolverService);
     transform(icon, themeSettings, iconType, size, fixedWidth, variant) {
         let classList;
-        const { icon: resolvedIcon, iconType: resolvedIconType } = __classPrivateFieldGet(this, _SkyIconClassListPipe_resolver, "f").resolveIcon(icon, variant, iconType, themeSettings);
+        const { icon: resolvedIcon, iconType: resolvedIconType } = this.#resolver.resolveIcon(icon, variant, iconType, themeSettings);
         if (resolvedIconType === 'skyux') {
             classList = ['sky-i-' + resolvedIcon];
         }
@@ -94,11 +88,10 @@ class SkyIconClassListPipe {
         }
         return classList;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" }); }
 }
-_SkyIconClassListPipe_resolver = new WeakMap();
-SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'skyIconClassList',
@@ -112,10 +105,10 @@ class SkyIconStackComponent {
     constructor() {
         this.themeSvc = inject(SkyThemeService, { optional: true });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"\n      baseIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : baseIcon.iconType\n    \"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"\n      topIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : topIcon.iconType\n    \"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] }); }
 }
-SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"\n      baseIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : baseIcon.iconType\n    \"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"\n      topIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : topIcon.iconType\n    \"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconStackComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconStackComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-icon-stack', template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"\n      baseIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : baseIcon.iconType\n    \"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"\n      topIcon.icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : topIcon.iconType\n    \"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"] }]
         }], propDecorators: { size: [{
@@ -130,10 +123,10 @@ class SkyIconComponent {
     constructor() {
         this.themeSvc = inject(SkyThemeService, { optional: true });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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  [attr.data-sky-icon]=\"icon\"\n  [attr.data-sky-icon-type]=\"iconType\"\n  [attr.data-sky-icon-variant]=\"variant\"\n  [ngClass]=\"\n    icon\n      | skyIconClassList\n        : (themeSvc?.settingsChange | async)?.currentSettings\n        : iconType\n        : size\n        : fixedWidth\n        : variant\n  \"\n></i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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  [attr.data-sky-icon]=\"icon\"\n  [attr.data-sky-icon-type]=\"iconType\"\n  [attr.data-sky-icon-variant]=\"variant\"\n  [ngClass]=\"\n    icon\n      | skyIconClassList\n        : (themeSvc?.settingsChange | async)?.currentSettings\n        : iconType\n        : size\n        : fixedWidth\n        : variant\n  \"\n></i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [attr.data-sky-icon]=\"icon\"\n  [attr.data-sky-icon-type]=\"iconType\"\n  [attr.data-sky-icon-variant]=\"variant\"\n  [ngClass]=\"\n    icon\n      | skyIconClassList\n        : (themeSvc?.settingsChange | async)?.currentSettings\n        : iconType\n        : size\n        : fixedWidth\n        : variant\n  \"\n></i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"] }]
         }], propDecorators: { icon: [{
@@ -149,11 +142,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule], exports: [SkyIconComponent, SkyIconStackComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
 }
-SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule], exports: [SkyIconComponent, SkyIconStackComponent] });
-SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
@@ -225,17 +218,17 @@ class SkyIndicatorsResourcesProvider {
  * Import into any component library module that needs to use resource strings.
  */
 class SkyIndicatorsResourcesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
+            {
+                provide: SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyIndicatorsResourcesProvider,
+                multi: true,
+            },
+        ], imports: [SkyI18nModule] }); }
 }
-SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
-SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyIndicatorsResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -289,22 +282,16 @@ class SkyIndicatorIconUtility {
     }
 }
 
-var _SkyAlertComponent_instances, _SkyAlertComponent__descriptionType, _SkyAlertComponent__customDescription, _SkyAlertComponent_descriptionTypeResourceSubscription, _SkyAlertComponent_descriptionTypeWarned, _SkyAlertComponent_resources, _SkyAlertComponent_logSvc, _SkyAlertComponent_updateAlertIcon, _SkyAlertComponent_updateDescriptionComputed, _SkyAlertComponent_unsubscribe;
 const ALERT_TYPE_DEFAULT = 'warning';
 class SkyAlertComponent {
     constructor() {
-        _SkyAlertComponent_instances.add(this);
         /**
          * Fires when users close the alert.
          */
         this.closedChange = new EventEmitter();
         this.alertTypeOrDefault = ALERT_TYPE_DEFAULT;
-        _SkyAlertComponent__descriptionType.set(this, void 0);
-        _SkyAlertComponent__customDescription.set(this, void 0);
-        _SkyAlertComponent_descriptionTypeResourceSubscription.set(this, void 0);
-        _SkyAlertComponent_descriptionTypeWarned.set(this, void 0);
-        _SkyAlertComponent_resources.set(this, inject(SkyLibResourcesService));
-        _SkyAlertComponent_logSvc.set(this, inject(SkyLogService));
+        this.#resources = inject(SkyLibResourcesService);
+        this.#logSvc = inject(SkyLogService);
     }
     /**
      * The style for the alert, which determines the icon and background color.
@@ -314,7 +301,7 @@ class SkyAlertComponent {
     set alertType(value) {
         if (value !== this.alertTypeOrDefault) {
             this.alertTypeOrDefault = value || ALERT_TYPE_DEFAULT;
-            __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
+            this.#updateAlertIcon();
         }
     }
     /**
@@ -322,78 +309,86 @@ class SkyAlertComponent {
      * This property is optional but will be required in future versions of SKY UX.
      */
     set descriptionType(value) {
-        __classPrivateFieldSet(this, _SkyAlertComponent__descriptionType, value, "f");
-        __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateDescriptionComputed).call(this);
+        this.#_descriptionType = value;
+        this.#updateDescriptionComputed();
     }
     get descriptionType() {
-        return __classPrivateFieldGet(this, _SkyAlertComponent__descriptionType, "f");
+        return this.#_descriptionType;
     }
     /**
      * The text to be read by screen readers for users who cannot see
      * the indicator icon when `descriptionType` is `custom`.
      */
     set customDescription(value) {
-        __classPrivateFieldSet(this, _SkyAlertComponent__customDescription, value, "f");
-        __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateDescriptionComputed).call(this);
+        this.#_customDescription = value;
+        this.#updateDescriptionComputed();
     }
     get customDescription() {
-        return __classPrivateFieldGet(this, _SkyAlertComponent__customDescription, "f");
-    }
+        return this.#_customDescription;
+    }
+    #_descriptionType;
+    #_customDescription;
+    #descriptionTypeResourceSubscription;
+    #descriptionTypeWarned;
+    #resources;
+    #logSvc;
     ngOnInit() {
-        __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
+        this.#updateAlertIcon();
     }
     ngAfterViewChecked() {
-        if (!this.descriptionType && !__classPrivateFieldGet(this, _SkyAlertComponent_descriptionTypeWarned, "f")) {
-            __classPrivateFieldGet(this, _SkyAlertComponent_logSvc, "f").deprecated('SkyAlertComponent without `descriptionType`', {
+        if (!this.descriptionType && !this.#descriptionTypeWarned) {
+            this.#logSvc.deprecated('SkyAlertComponent without `descriptionType`', {
                 deprecationMajorVersion: 8,
                 replacementRecommendation: 'Always specify a `descriptionType` property.',
             });
-            __classPrivateFieldSet(this, _SkyAlertComponent_descriptionTypeWarned, true, "f");
+            this.#descriptionTypeWarned = true;
         }
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_unsubscribe).call(this);
+        this.#unsubscribe();
     }
     close() {
         this.closed = true;
         this.closedChange.emit(true);
     }
-}
-_SkyAlertComponent__descriptionType = new WeakMap(), _SkyAlertComponent__customDescription = new WeakMap(), _SkyAlertComponent_descriptionTypeResourceSubscription = new WeakMap(), _SkyAlertComponent_descriptionTypeWarned = new WeakMap(), _SkyAlertComponent_resources = new WeakMap(), _SkyAlertComponent_logSvc = new WeakMap(), _SkyAlertComponent_instances = new WeakSet(), _SkyAlertComponent_updateAlertIcon = function _SkyAlertComponent_updateAlertIcon() {
-    const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertTypeOrDefault);
-    this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
-    this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
-}, _SkyAlertComponent_updateDescriptionComputed = function _SkyAlertComponent_updateDescriptionComputed() {
-    __classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_unsubscribe).call(this);
-    if (this.descriptionType) {
-        switch (this.descriptionType) {
-            case 'none':
-                this.descriptionComputed = undefined;
-                break;
-            case 'custom':
-                this.descriptionComputed = this.customDescription;
-                break;
-            default:
-                __classPrivateFieldSet(this, _SkyAlertComponent_descriptionTypeResourceSubscription, __classPrivateFieldGet(this, _SkyAlertComponent_resources, "f")
-                    .getString('skyux_alert_sr_' + this.descriptionType.replace(/-/g, '_'))
-                    .subscribe((value) => {
-                    this.descriptionComputed = value;
-                }), "f");
-                break;
+    #updateAlertIcon() {
+        const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertTypeOrDefault);
+        this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
+        this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
+    }
+    #updateDescriptionComputed() {
+        this.#unsubscribe();
+        if (this.descriptionType) {
+            switch (this.descriptionType) {
+                case 'none':
+                    this.descriptionComputed = undefined;
+                    break;
+                case 'custom':
+                    this.descriptionComputed = this.customDescription;
+                    break;
+                default:
+                    this.#descriptionTypeResourceSubscription = this.#resources
+                        .getString('skyux_alert_sr_' + this.descriptionType.replace(/-/g, '_'))
+                        .subscribe((value) => {
+                        this.descriptionComputed = value;
+                    });
+                    break;
+            }
+        }
+        else {
+            this.descriptionComputed = undefined;
         }
     }
-    else {
-        this.descriptionComputed = undefined;
-    }
-}, _SkyAlertComponent_unsubscribe = function _SkyAlertComponent_unsubscribe() {
-    if (__classPrivateFieldGet(this, _SkyAlertComponent_descriptionTypeResourceSubscription, "f")) {
-        __classPrivateFieldGet(this, _SkyAlertComponent_descriptionTypeResourceSubscription, "f").unsubscribe();
-        __classPrivateFieldSet(this, _SkyAlertComponent_descriptionTypeResourceSubscription, undefined, "f");
+    #unsubscribe() {
+        if (this.#descriptionTypeResourceSubscription) {
+            this.#descriptionTypeResourceSubscription.unsubscribe();
+            this.#descriptionTypeResourceSubscription = undefined;
+        }
     }
-};
-SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed", descriptionType: "descriptionType", customDescription: "customDescription" }, outputs: { closedChange: "closedChange" }, ngImport: i0, template: "<div\n  class=\"sky-alert\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  role=\"alert\"\n  [hidden]=\"closed\"\n  [ngClass]=\"{\n    'sky-alert-info': alertTypeOrDefault === 'info',\n    'sky-alert-success': alertTypeOrDefault === 'success',\n    'sky-alert-warning': alertTypeOrDefault === 'warning',\n    'sky-alert-danger': alertTypeOrDefault === 'danger',\n    'sky-alert-closeable': closeable\n  }\"\n>\n  <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n    <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n    </sky-icon-stack>\n  </div>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <div class=\"sky-alert-content\">\n    <ng-content></ng-content>\n  </div>\n  <button\n    class=\"sky-alert-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n    [hidden]=\"!closeable\"\n    (click)=\"close()\"\n  >\n    <span aria-hidden=\"true\">\n      <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n      </sky-icon>\n      <sky-icon\n        class=\"sky-alert-close-icon-theme-modern\"\n        icon=\"close\"\n        iconType=\"skyux\"\n      >\n      </sky-icon>\n    </span>\n  </button>\n</div>\n", styles: [":host{display:block}.sky-alert{--sky-alert-before-display: initial;--sky-alert-border-left-width: 30px;--sky-alert-close-btn-active-border: none;--sky-alert-close-btn-border-radius: 3px;--sky-alert-close-btn-focus-border: none;--sky-alert-close-btn-focus-box-shadow: none;--sky-alert-close-btn-opacity: .8;--sky-alert-close-icon-default-display: initial;--sky-alert-close-icon-modern-display: none;--sky-alert-content-padding-top-bottom: 10px;--sky-alert-content-padding-left-right: 0;--sky-alert-icon-default-display: initial;--sky-alert-icon-modern-display: none;--sky-alert-info-background-color: var(--sky-background-color-info)}:host-context(.sky-theme-modern) .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-theme-modern .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-alert{padding:0 10px;border-left:solid var(--sky-alert-border-left-width);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding:var(--sky-alert-content-padding-top-bottom) var(--sky-alert-content-padding-left-right);width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info:before,.sky-alert.sky-alert-success:before,.sky-alert.sky-alert-warning:before,.sky-alert.sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff;display:var(--sky-alert-before-display)}.sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert.sky-alert-info{background-color:var(--sky-alert-info-background-color);border-color:var(--sky-highlight-color-info)}.sky-alert.sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert.sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert.sky-alert-success:before{content:\"\\f00c\"}.sky-alert.sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert.sky-alert-warning:before{content:\"\\f071\"}.sky-alert.sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert.sky-alert-danger:before{content:\"\\f071\"}.sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:var(--sky-alert-close-btn-opacity);border:none;border-radius:var(--sky-alert-close-btn-border-radius);background-color:transparent;display:none;flex-shrink:0}.sky-alert-close:hover{opacity:1;border:var(--sky-alert-close-btn-focus-border)}.sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert-close:active{border:var(--sky-alert-close-btn-active-border)}.sky-alert-close:focus-visible:not(:active){box-shadow:var(--sky-alert-close-btn-focus-box-shadow)}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-icon-theme-modern{display:var(--sky-alert-icon-modern-display)}.sky-alert-close-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-close-icon-theme-modern{display:var(--sky-alert-close-icon-modern-display)}.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed", descriptionType: "descriptionType", customDescription: "customDescription" }, outputs: { closedChange: "closedChange" }, ngImport: i0, template: "<div\n  class=\"sky-alert\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  role=\"alert\"\n  [hidden]=\"closed\"\n  [ngClass]=\"{\n    'sky-alert-info': alertTypeOrDefault === 'info',\n    'sky-alert-success': alertTypeOrDefault === 'success',\n    'sky-alert-warning': alertTypeOrDefault === 'warning',\n    'sky-alert-danger': alertTypeOrDefault === 'danger',\n    'sky-alert-closeable': closeable\n  }\"\n>\n  <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n    <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n    </sky-icon-stack>\n  </div>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <div class=\"sky-alert-content\">\n    <ng-content></ng-content>\n  </div>\n  <button\n    class=\"sky-alert-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n    [hidden]=\"!closeable\"\n    (click)=\"close()\"\n  >\n    <span aria-hidden=\"true\">\n      <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n      </sky-icon>\n      <sky-icon\n        class=\"sky-alert-close-icon-theme-modern\"\n        icon=\"close\"\n        iconType=\"skyux\"\n      >\n      </sky-icon>\n    </span>\n  </button>\n</div>\n", styles: [":host{display:block}.sky-alert{--sky-alert-before-display: initial;--sky-alert-border-left-width: 30px;--sky-alert-close-btn-active-border: none;--sky-alert-close-btn-border-radius: 3px;--sky-alert-close-btn-focus-border: none;--sky-alert-close-btn-focus-box-shadow: none;--sky-alert-close-btn-opacity: .8;--sky-alert-close-icon-default-display: initial;--sky-alert-close-icon-modern-display: none;--sky-alert-content-padding-top-bottom: 10px;--sky-alert-content-padding-left-right: 0;--sky-alert-icon-default-display: initial;--sky-alert-icon-modern-display: none;--sky-alert-info-background-color: var(--sky-background-color-info)}:host-context(.sky-theme-modern) .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-theme-modern .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-alert{padding:0 10px;border-left:solid var(--sky-alert-border-left-width);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding:var(--sky-alert-content-padding-top-bottom) var(--sky-alert-content-padding-left-right);width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info:before,.sky-alert.sky-alert-success:before,.sky-alert.sky-alert-warning:before,.sky-alert.sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff;display:var(--sky-alert-before-display)}.sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert.sky-alert-info{background-color:var(--sky-alert-info-background-color);border-color:var(--sky-highlight-color-info)}.sky-alert.sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert.sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert.sky-alert-success:before{content:\"\\f00c\"}.sky-alert.sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert.sky-alert-warning:before{content:\"\\f071\"}.sky-alert.sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert.sky-alert-danger:before{content:\"\\f071\"}.sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:var(--sky-alert-close-btn-opacity);border:none;border-radius:var(--sky-alert-close-btn-border-radius);background-color:transparent;display:none;flex-shrink:0}.sky-alert-close:hover{opacity:1;border:var(--sky-alert-close-btn-focus-border)}.sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert-close:active{border:var(--sky-alert-close-btn-active-border)}.sky-alert-close:focus-visible:not(:active){box-shadow:var(--sky-alert-close-btn-focus-box-shadow)}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-icon-theme-modern{display:var(--sky-alert-icon-modern-display)}.sky-alert-close-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-close-icon-theme-modern{display:var(--sky-alert-close-icon-modern-display)}.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-alert', template: "<div\n  class=\"sky-alert\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  role=\"alert\"\n  [hidden]=\"closed\"\n  [ngClass]=\"{\n    'sky-alert-info': alertTypeOrDefault === 'info',\n    'sky-alert-success': alertTypeOrDefault === 'success',\n    'sky-alert-warning': alertTypeOrDefault === 'warning',\n    'sky-alert-danger': alertTypeOrDefault === 'danger',\n    'sky-alert-closeable': closeable\n  }\"\n>\n  <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n    <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n    </sky-icon-stack>\n  </div>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <div class=\"sky-alert-content\">\n    <ng-content></ng-content>\n  </div>\n  <button\n    class=\"sky-alert-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n    [hidden]=\"!closeable\"\n    (click)=\"close()\"\n  >\n    <span aria-hidden=\"true\">\n      <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n      </sky-icon>\n      <sky-icon\n        class=\"sky-alert-close-icon-theme-modern\"\n        icon=\"close\"\n        iconType=\"skyux\"\n      >\n      </sky-icon>\n    </span>\n  </button>\n</div>\n", styles: [":host{display:block}.sky-alert{--sky-alert-before-display: initial;--sky-alert-border-left-width: 30px;--sky-alert-close-btn-active-border: none;--sky-alert-close-btn-border-radius: 3px;--sky-alert-close-btn-focus-border: none;--sky-alert-close-btn-focus-box-shadow: none;--sky-alert-close-btn-opacity: .8;--sky-alert-close-icon-default-display: initial;--sky-alert-close-icon-modern-display: none;--sky-alert-content-padding-top-bottom: 10px;--sky-alert-content-padding-left-right: 0;--sky-alert-icon-default-display: initial;--sky-alert-icon-modern-display: none;--sky-alert-info-background-color: var(--sky-background-color-info)}:host-context(.sky-theme-modern) .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-theme-modern .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-btn-active-border: var( --sky-background-color-primary-dark ) solid 2px;--sky-alert-close-btn-border-radius: 6px;--sky-alert-close-btn-focus-border: var(--sky-background-color-primary-dark) solid 1px;--sky-alert-close-btn-focus-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3);--sky-alert-close-btn-opacity: 1;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-alert{padding:0 10px;border-left:solid var(--sky-alert-border-left-width);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding:var(--sky-alert-content-padding-top-bottom) var(--sky-alert-content-padding-left-right);width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info:before,.sky-alert.sky-alert-success:before,.sky-alert.sky-alert-warning:before,.sky-alert.sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff;display:var(--sky-alert-before-display)}.sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert.sky-alert-info{background-color:var(--sky-alert-info-background-color);border-color:var(--sky-highlight-color-info)}.sky-alert.sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert.sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert.sky-alert-success:before{content:\"\\f00c\"}.sky-alert.sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert.sky-alert-warning:before{content:\"\\f071\"}.sky-alert.sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert.sky-alert-danger:before{content:\"\\f071\"}.sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:var(--sky-alert-close-btn-opacity);border:none;border-radius:var(--sky-alert-close-btn-border-radius);background-color:transparent;display:none;flex-shrink:0}.sky-alert-close:hover{opacity:1;border:var(--sky-alert-close-btn-focus-border)}.sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert-close:active{border:var(--sky-alert-close-btn-active-border)}.sky-alert-close:focus-visible:not(:active){box-shadow:var(--sky-alert-close-btn-focus-box-shadow)}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-icon-theme-modern{display:var(--sky-alert-icon-modern-display)}.sky-alert-close-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-close-icon-theme-modern{display:var(--sky-alert-close-icon-modern-display)}.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"] }]
         }], propDecorators: { alertType: [{
@@ -411,19 +406,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyAlertModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule], exports: [SkyAlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule] }); }
 }
-SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule], exports: [SkyAlertComponent] });
-SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyAlertComponent],
@@ -455,10 +450,10 @@ class SkyExpansionIndicatorComponent {
             this.directionOrDefault = value ? value : 'up';
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <ng-container *skyThemeIf=\"'default'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n  </ng-container>\n  <ng-container *skyThemeIf=\"'modern'\">\n    <span class=\"sky-expansion-indicator-glyph-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    </span>\n  </ng-container>\n</div>\n\n<ng-template #icon>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] }); }
 }
-SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <ng-container *skyThemeIf=\"'default'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n  </ng-container>\n  <ng-container *skyThemeIf=\"'modern'\">\n    <span class=\"sky-expansion-indicator-glyph-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    </span>\n  </ng-container>\n</div>\n\n<ng-template #icon>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-expansion-indicator', template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <ng-container *skyThemeIf=\"'default'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n  </ng-container>\n  <ng-container *skyThemeIf=\"'modern'\">\n    <span class=\"sky-expansion-indicator-glyph-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    </span>\n  </ng-container>\n</div>\n\n<ng-template #icon>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"] }]
         }], propDecorators: { direction: [{
@@ -466,11 +461,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyExpansionIndicatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [CommonModule, SkyThemeModule] }); }
 }
-SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
-SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [CommonModule, SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyExpansionIndicatorComponent],
@@ -533,10 +528,10 @@ class SkyChevronComponent {
             }
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n  class=\"sky-chevron\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"ariaLabel\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-btn-icon-borderless': 'modern'\n  }\"\n  (click)=\"chevronClick($event)\"\n  (keydown)=\"chevronKeyDown($event)\"\n>\n  <sky-expansion-indicator\n    [direction]=\"directionOrDefault\"\n  ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }] }); }
 }
-SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n  class=\"sky-chevron\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"ariaLabel\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-btn-icon-borderless': 'modern'\n  }\"\n  (click)=\"chevronClick($event)\"\n  (keydown)=\"chevronKeyDown($event)\"\n>\n  <sky-expansion-indicator\n    [direction]=\"directionOrDefault\"\n  ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-chevron', template: "<button\n  class=\"sky-chevron\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"ariaLabel\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-btn-icon-borderless': 'modern'\n  }\"\n  (click)=\"chevronClick($event)\"\n  (keydown)=\"chevronKeyDown($event)\"\n>\n  <sky-expansion-indicator\n    [direction]=\"directionOrDefault\"\n  ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"] }]
         }], propDecorators: { ariaControls: [{
@@ -552,19 +547,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyChevronModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule,
+            SkyExpansionIndicatorModule], exports: [SkyChevronComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule,
+            SkyExpansionIndicatorModule] }); }
 }
-SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule,
-        SkyExpansionIndicatorModule], exports: [SkyChevronComponent] });
-SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule,
-        SkyExpansionIndicatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyChevronModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyChevronModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyChevronComponent],
@@ -583,10 +578,10 @@ class SkyHelpInlineAriaExpandedPipe {
     transform(ariaExpanded, ariaControls) {
         return ariaControls ? !!ariaExpanded : null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" }); }
 }
-SkyHelpInlineAriaExpandedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkyHelpInlineAriaExpandedPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'skyHelpInlineAriaExpanded',
@@ -603,10 +598,10 @@ class SkyHelpInlineComponent {
     onClick() {
         this.actionClick.emit();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyHelpInlineComponent, selector: "sky-help-inline", inputs: { ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", ariaLabel: "ariaLabel" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  class=\"sky-help-inline\"\n  type=\"button\"\n  [attr.aria-label]=\"\n    ariaLabel || 'skyux_help_inline_button_title' | skyLibResources\n  \"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded | skyHelpInlineAriaExpanded : ariaControls\"\n  (click)=\"onClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n  <sky-icon-stack\n    *skyThemeIf=\"'modern'\"\n    size=\"xs\"\n    [baseIcon]=\"{\n      icon: 'circle-solid',\n      iconType: 'skyux'\n    }\"\n    [topIcon]=\"{\n      icon: 'help-i',\n      iconType: 'skyux'\n    }\"\n  >\n  </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#1870b8}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#1870b8}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], dependencies: [{ kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" }] }); }
 }
-SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyHelpInlineComponent, selector: "sky-help-inline", inputs: { ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", ariaLabel: "ariaLabel" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  class=\"sky-help-inline\"\n  type=\"button\"\n  [attr.aria-label]=\"\n    ariaLabel || 'skyux_help_inline_button_title' | skyLibResources\n  \"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded | skyHelpInlineAriaExpanded : ariaControls\"\n  (click)=\"onClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n  <sky-icon-stack\n    *skyThemeIf=\"'modern'\"\n    size=\"xs\"\n    [baseIcon]=\"{\n      icon: 'circle-solid',\n      iconType: 'skyux'\n    }\"\n    [topIcon]=\"{\n      icon: 'help-i',\n      iconType: 'skyux'\n    }\"\n  >\n  </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#1870b8}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#1870b8}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], dependencies: [{ kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-help-inline', template: "<button\n  class=\"sky-help-inline\"\n  type=\"button\"\n  [attr.aria-label]=\"\n    ariaLabel || 'skyux_help_inline_button_title' | skyLibResources\n  \"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded | skyHelpInlineAriaExpanded : ariaControls\"\n  (click)=\"onClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n  <sky-icon-stack\n    *skyThemeIf=\"'modern'\"\n    size=\"xs\"\n    [baseIcon]=\"{\n      icon: 'circle-solid',\n      iconType: 'skyux'\n    }\"\n    [topIcon]=\"{\n      icon: 'help-i',\n      iconType: 'skyux'\n    }\"\n  >\n  </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#1870b8}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#1870b8}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"] }]
         }], propDecorators: { ariaControls: [{
@@ -620,19 +615,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyHelpInlineModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent, SkyHelpInlineAriaExpandedPipe], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule], exports: [SkyHelpInlineComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyThemeModule] }); }
 }
-SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent, SkyHelpInlineAriaExpandedPipe], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule], exports: [SkyHelpInlineComponent] });
-SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyHelpInlineComponent, SkyHelpInlineAriaExpandedPipe],
@@ -654,10 +649,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * @required
  */
 class SkyKeyInfoLabelComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-key-info-label',
@@ -670,10 +665,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * @required
  */
 class SkyKeyInfoValueComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-key-info-value',
@@ -690,10 +685,10 @@ class SkyKeyInfoComponent {
          */
         this.layout = 'vertical';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-font-display-3\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.λ4, selector: "[skyTrim]" }] }); }
 }
-SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-font-display-3\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.λ4, selector: "[skyTrim]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-key-info', template: "<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-font-display-3\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"] }]
         }], propDecorators: { layout: [{
@@ -701,15 +696,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyKeyInfoModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
+            SkyKeyInfoLabelComponent,
+            SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
+            SkyKeyInfoLabelComponent,
+            SkyKeyInfoValueComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule] }); }
 }
-SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
-        SkyKeyInfoLabelComponent,
-        SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
-        SkyKeyInfoLabelComponent,
-        SkyKeyInfoValueComponent] });
-SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -726,19 +721,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-var _SkyLabelComponent_instances, _SkyLabelComponent__descriptionType, _SkyLabelComponent__customDescription, _SkyLabelComponent_descriptionTypeResourceSubscription, _SkyLabelComponent_descriptionTypeWarned, _SkyLabelComponent_changeDetector, _SkyLabelComponent_resources, _SkyLabelComponent_logSvc, _SkyLabelComponent_updateIcon, _SkyLabelComponent_updateDescriptionComputed, _SkyLabelComponent_unsubscribe;
 const LABEL_TYPE_DEFAULT = 'info';
 class SkyLabelComponent {
     constructor() {
-        _SkyLabelComponent_instances.add(this);
         this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
-        _SkyLabelComponent__descriptionType.set(this, void 0);
-        _SkyLabelComponent__customDescription.set(this, void 0);
-        _SkyLabelComponent_descriptionTypeResourceSubscription.set(this, void 0);
-        _SkyLabelComponent_descriptionTypeWarned.set(this, void 0);
-        _SkyLabelComponent_changeDetector.set(this, inject(ChangeDetectorRef));
-        _SkyLabelComponent_resources.set(this, inject(SkyLibResourcesService));
-        _SkyLabelComponent_logSvc.set(this, inject(SkyLogService));
+        this.#changeDetector = inject(ChangeDetectorRef);
+        this.#resources = inject(SkyLibResourcesService);
+        this.#logSvc = inject(SkyLogService);
     }
     /**
      * The type of label to display.
@@ -746,83 +735,92 @@ class SkyLabelComponent {
      */
     set labelType(value) {
         this.labelTypeOrDefault = value === undefined ? LABEL_TYPE_DEFAULT : value;
-        __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
+        this.#updateIcon();
     }
     /**
      * The predefined text to be read by screen readers for users who cannot see the indicator icon.
      * This property is optional but will be required in future versions of SKY UX.
      */
     set descriptionType(value) {
-        __classPrivateFieldSet(this, _SkyLabelComponent__descriptionType, value, "f");
-        __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateDescriptionComputed).call(this);
+        this.#_descriptionType = value;
+        this.#updateDescriptionComputed();
     }
     get descriptionType() {
-        return __classPrivateFieldGet(this, _SkyLabelComponent__descriptionType, "f");
+        return this.#_descriptionType;
     }
     /**
      * The text to be read by screen readers for users who cannot see
      * the indicator icon when `descriptionType` is `custom`.
      */
     set customDescription(value) {
-        __classPrivateFieldSet(this, _SkyLabelComponent__customDescription, value, "f");
-        __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateDescriptionComputed).call(this);
+        this.#_customDescription = value;
+        this.#updateDescriptionComputed();
     }
     get customDescription() {
-        return __classPrivateFieldGet(this, _SkyLabelComponent__customDescription, "f");
-    }
+        return this.#_customDescription;
+    }
+    #_descriptionType;
+    #_customDescription;
+    #descriptionTypeResourceSubscription;
+    #descriptionTypeWarned;
+    #changeDetector;
+    #resources;
+    #logSvc;
     ngOnInit() {
-        __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
+        this.#updateIcon();
     }
     ngAfterViewChecked() {
-        if (!this.descriptionType && !__classPrivateFieldGet(this, _SkyLabelComponent_descriptionTypeWarned, "f")) {
-            __classPrivateFieldGet(this, _SkyLabelComponent_logSvc, "f").deprecated('SkyLabelComponent without `descriptionType`', {
+        if (!this.descriptionType && !this.#descriptionTypeWarned) {
+            this.#logSvc.deprecated('SkyLabelComponent without `descriptionType`', {
                 deprecationMajorVersion: 8,
                 replacementRecommendation: 'Always specify a `descriptionType` property.',
             });
-            __classPrivateFieldSet(this, _SkyLabelComponent_descriptionTypeWarned, true, "f");
+            this.#descriptionTypeWarned = true;
         }
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_unsubscribe).call(this);
-    }
-}
-_SkyLabelComponent__descriptionType = new WeakMap(), _SkyLabelComponent__customDescription = new WeakMap(), _SkyLabelComponent_descriptionTypeResourceSubscription = new WeakMap(), _SkyLabelComponent_descriptionTypeWarned = new WeakMap(), _SkyLabelComponent_changeDetector = new WeakMap(), _SkyLabelComponent_resources = new WeakMap(), _SkyLabelComponent_logSvc = new WeakMap(), _SkyLabelComponent_instances = new WeakSet(), _SkyLabelComponent_updateIcon = function _SkyLabelComponent_updateIcon() {
-    const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelTypeOrDefault);
-    this.icon = indicatorIcon.defaultThemeIcon;
-    this.baseIcon = indicatorIcon.modernThemeBaseIcon;
-    this.topIcon = indicatorIcon.modernThemeTopIcon;
-}, _SkyLabelComponent_updateDescriptionComputed = function _SkyLabelComponent_updateDescriptionComputed() {
-    __classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_unsubscribe).call(this);
-    if (this.descriptionType) {
-        switch (this.descriptionType) {
-            case 'none':
-                this.descriptionComputed = undefined;
-                break;
-            case 'custom':
-                this.descriptionComputed = this.customDescription;
-                break;
-            default:
-                __classPrivateFieldSet(this, _SkyLabelComponent_descriptionTypeResourceSubscription, __classPrivateFieldGet(this, _SkyLabelComponent_resources, "f")
-                    .getString('skyux_label_sr_' + this.descriptionType.replace(/-/g, '_'))
-                    .subscribe((value) => {
-                    this.descriptionComputed = value;
-                    __classPrivateFieldGet(this, _SkyLabelComponent_changeDetector, "f").markForCheck();
-                }), "f");
-                break;
+        this.#unsubscribe();
+    }
+    #updateIcon() {
+        const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelTypeOrDefault);
+        this.icon = indicatorIcon.defaultThemeIcon;
+        this.baseIcon = indicatorIcon.modernThemeBaseIcon;
+        this.topIcon = indicatorIcon.modernThemeTopIcon;
+    }
+    #updateDescriptionComputed() {
+        this.#unsubscribe();
+        if (this.descriptionType) {
+            switch (this.descriptionType) {
+                case 'none':
+                    this.descriptionComputed = undefined;
+                    break;
+                case 'custom':
+                    this.descriptionComputed = this.customDescription;
+                    break;
+                default:
+                    this.#descriptionTypeResourceSubscription = this.#resources
+                        .getString('skyux_label_sr_' + this.descriptionType.replace(/-/g, '_'))
+                        .subscribe((value) => {
+                        this.descriptionComputed = value;
+                        this.#changeDetector.markForCheck();
+                    });
+                    break;
+            }
+        }
+        else {
+            this.descriptionComputed = undefined;
         }
     }
-    else {
-        this.descriptionComputed = undefined;
-    }
-}, _SkyLabelComponent_unsubscribe = function _SkyLabelComponent_unsubscribe() {
-    if (__classPrivateFieldGet(this, _SkyLabelComponent_descriptionTypeResourceSubscription, "f")) {
-        __classPrivateFieldGet(this, _SkyLabelComponent_descriptionTypeResourceSubscription, "f").unsubscribe();
-        __classPrivateFieldSet(this, _SkyLabelComponent_descriptionTypeResourceSubscription, undefined, "f");
+    #unsubscribe() {
+        if (this.#descriptionTypeResourceSubscription) {
+            this.#descriptionTypeResourceSubscription.unsubscribe();
+            this.#descriptionTypeResourceSubscription = undefined;
+        }
     }
-};
-SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{--sky-label-display: inline;--sky-label-align-items: initial;--sky-label-line-height: 2.2;--sky-label-info-background-color: var(--sky-background-color-info);--sky-label-icon-default-display: inline;--sky-label-icon-modern-display: none;--sky-label-info-success-padding: .3em .6em .3em .6em;--sky-label-warning-danger-padding: .3em .6em .3em .6em}:host-context(.sky-theme-modern) .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-theme-modern .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}.sky-theme-modern .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-label-display);align-items:var(--sky-label-align-items);border-radius:10rem;font-weight:400;line-height:var(--sky-label-line-height);margin:0 3px;white-space:nowrap}.sky-label.sky-label-info,.sky-label.sky-label-success{padding:var(--sky-label-info-success-padding)}.sky-label.sky-label-warning,.sky-label.sky-label-danger{padding:var(--sky-label-warning-danger-padding)}.sky-label-success{background-color:var(--sky-background-color-success)}.sky-label-info{background-color:var(--sky-label-info-background-color)}.sky-label-warning{background-color:var(--sky-background-color-warning)}.sky-label-danger{background-color:var(--sky-background-color-danger)}.sky-label-text{display:inline-block;padding-left:var(--sky-padding-half)}.sky-label-icon-theme-modern{display:var(--sky-label-icon-modern-display)}.sky-label-icon-theme-default{display:var(--sky-label-icon-default-display)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{--sky-label-display: inline;--sky-label-align-items: initial;--sky-label-line-height: 2.2;--sky-label-info-background-color: var(--sky-background-color-info);--sky-label-icon-default-display: inline;--sky-label-icon-modern-display: none;--sky-label-info-success-padding: .3em .6em .3em .6em;--sky-label-warning-danger-padding: .3em .6em .3em .6em}:host-context(.sky-theme-modern) .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-theme-modern .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}.sky-theme-modern .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-label-display);align-items:var(--sky-label-align-items);border-radius:10rem;font-weight:400;line-height:var(--sky-label-line-height);margin:0 3px;white-space:nowrap}.sky-label.sky-label-info,.sky-label.sky-label-success{padding:var(--sky-label-info-success-padding)}.sky-label.sky-label-warning,.sky-label.sky-label-danger{padding:var(--sky-label-warning-danger-padding)}.sky-label-success{background-color:var(--sky-background-color-success)}.sky-label-info{background-color:var(--sky-label-info-background-color)}.sky-label-warning{background-color:var(--sky-background-color-warning)}.sky-label-danger{background-color:var(--sky-background-color-danger)}.sky-label-text{display:inline-block;padding-left:var(--sky-padding-half)}.sky-label-icon-theme-modern{display:var(--sky-label-icon-modern-display)}.sky-label-icon-theme-default{display:var(--sky-label-icon-default-display)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-label', template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n    {{ descriptionComputed }}\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{--sky-label-display: inline;--sky-label-align-items: initial;--sky-label-line-height: 2.2;--sky-label-info-background-color: var(--sky-background-color-info);--sky-label-icon-default-display: inline;--sky-label-icon-modern-display: none;--sky-label-info-success-padding: .3em .6em .3em .6em;--sky-label-warning-danger-padding: .3em .6em .3em .6em}:host-context(.sky-theme-modern) .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-theme-modern .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}.sky-theme-modern .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-label-display);align-items:var(--sky-label-align-items);border-radius:10rem;font-weight:400;line-height:var(--sky-label-line-height);margin:0 3px;white-space:nowrap}.sky-label.sky-label-info,.sky-label.sky-label-success{padding:var(--sky-label-info-success-padding)}.sky-label.sky-label-warning,.sky-label.sky-label-danger{padding:var(--sky-label-warning-danger-padding)}.sky-label-success{background-color:var(--sky-background-color-success)}.sky-label-info{background-color:var(--sky-label-info-background-color)}.sky-label-warning{background-color:var(--sky-background-color-warning)}.sky-label-danger{background-color:var(--sky-background-color-danger)}.sky-label-text{display:inline-block;padding-left:var(--sky-padding-half)}.sky-label-icon-theme-modern{display:var(--sky-label-icon-modern-display)}.sky-label-icon-theme-default{display:var(--sky-label-icon-default-display)}\n"] }]
         }], propDecorators: { labelType: [{
@@ -834,17 +832,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyLabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule], exports: [SkyLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule] }); }
 }
-SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule], exports: [SkyLabelComponent] });
-SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyLabelComponent],
@@ -858,7 +856,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-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.
@@ -868,12 +865,9 @@ const INDICATOR_TYPE_DEFAULT = 'warning';
  */
 class SkyStatusIndicatorComponent {
     constructor() {
-        _SkyStatusIndicatorComponent_instances.add(this);
         this.indicatorTypeOrDefault = INDICATOR_TYPE_DEFAULT;
-        _SkyStatusIndicatorComponent_changeDetector.set(this, inject(ChangeDetectorRef));
-        _SkyStatusIndicatorComponent_resourcesSvc.set(this, inject(SkyLibResourcesService));
-        _SkyStatusIndicatorComponent__descriptionType.set(this, void 0);
-        _SkyStatusIndicatorComponent__customDescription.set(this, void 0);
+        this.#changeDetector = inject(ChangeDetectorRef);
+        this.#resourcesSvc = inject(SkyLibResourcesService);
     }
     /**
      * The style for the status indicator, which determines the icon.
@@ -882,7 +876,7 @@ class SkyStatusIndicatorComponent {
     set indicatorType(value) {
         this.indicatorTypeOrDefault =
             value === undefined ? INDICATOR_TYPE_DEFAULT : value;
-        __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
+        this.#updateIcon();
     }
     /**
      * The predefined text to be read by screen readers for users
@@ -890,59 +884,64 @@ class SkyStatusIndicatorComponent {
      * @required
      */
     set descriptionType(value) {
-        __classPrivateFieldSet(this, _SkyStatusIndicatorComponent__descriptionType, value, "f");
-        __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateDescriptionComputed).call(this);
+        this.#_descriptionType = value;
+        this.#updateDescriptionComputed();
     }
     get descriptionType() {
-        return __classPrivateFieldGet(this, _SkyStatusIndicatorComponent__descriptionType, "f");
+        return this.#_descriptionType;
     }
     /**
      * The text to be read by screen readers for users who cannot see
      * the indicator icon when `descriptionType` is `custom`.
      */
     set customDescription(value) {
-        __classPrivateFieldSet(this, _SkyStatusIndicatorComponent__customDescription, value, "f");
-        __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateDescriptionComputed).call(this);
+        this.#_customDescription = value;
+        this.#updateDescriptionComputed();
     }
     get customDescription() {
-        return __classPrivateFieldGet(this, _SkyStatusIndicatorComponent__customDescription, "f");
+        return this.#_customDescription;
     }
+    #changeDetector;
+    #resourcesSvc;
+    #_descriptionType;
+    #_customDescription;
     ngOnInit() {
-        __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
-    }
-}
-_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;
-    this.topIcon = indicatorIcon.modernThemeTopIcon;
-}, _SkyStatusIndicatorComponent_updateDescriptionComputed = function _SkyStatusIndicatorComponent_updateDescriptionComputed() {
-    if (this.descriptionType) {
-        switch (this.descriptionType) {
-            case 'none':
-                this.descriptionComputed = '';
-                break;
-            case 'custom':
-                this.descriptionComputed = this.customDescription;
-                break;
-            default:
-                __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_resourcesSvc, "f")
-                    .getString('skyux_status_indicator_sr_' +
-                    this.descriptionType.replace(/-/g, '_'))
-                    .subscribe((value) => {
-                    this.descriptionComputed = value;
-                    __classPrivateFieldGet(this, _SkyStatusIndicatorComponent_changeDetector, "f").markForCheck();
-                });
-                break;
+        this.#updateIcon();
+    }
+    #updateIcon() {
+        const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorTypeOrDefault);
+        this.icon = indicatorIcon.defaultThemeIcon;
+        this.baseIcon = indicatorIcon.modernThemeBaseIcon;
+        this.topIcon = indicatorIcon.modernThemeTopIcon;
+    }
+    #updateDescriptionComputed() {
+        if (this.descriptionType) {
+            switch (this.descriptionType) {
+                case 'none':
+                    this.descriptionComputed = '';
+                    break;
+                case 'custom':
+                    this.descriptionComputed = this.customDescription;
+                    break;
+                default:
+                    this.#resourcesSvc
+                        .getString('skyux_status_indicator_sr_' +
+                        this.descriptionType.replace(/-/g, '_'))
+                        .subscribe((value) => {
+                        this.descriptionComputed = value;
+                        this.#changeDetector.markForCheck();
+                    });
+                    break;
+            }
+        }
+        else {
+            this.descriptionComputed = undefined;
         }
     }
-    else {
-        this.descriptionComputed = undefined;
-    }
-};
-SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2$1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i2$1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content></ng-content></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
         }], propDecorators: { indicatorType: [{
@@ -954,19 +953,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyStatusIndicatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyTrimModule], exports: [SkyStatusIndicatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule,
+            SkyTrimModule] }); }
 }
-SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyTrimModule], exports: [SkyStatusIndicatorComponent] });
-SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule,
-        SkyTrimModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyStatusIndicatorComponent],
@@ -981,7 +980,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-var _SkyTextHighlightDirective_instances, _SkyTextHighlightDirective_existingHighlight, _SkyTextHighlightDirective_observer, _SkyTextHighlightDirective_searchTerms, _SkyTextHighlightDirective_el, _SkyTextHighlightDirective_observerSvc, _SkyTextHighlightDirective_disconnectObserver, _SkyTextHighlightDirective_highlight, _SkyTextHighlightDirective_observeDom;
 const CLASS_NAME = 'sky-highlight-mark';
 const SPECIAL_CHAR_REGEX = /[-/\\^$*+?.()|[\]{}]/g;
 function markNode(node, searchRegex) {
@@ -1051,78 +1049,77 @@ function createSearchRegex(searchTerms) {
  * Highlights all matching text within the current DOM element.
  */
 class SkyTextHighlightDirective {
-    constructor() {
-        _SkyTextHighlightDirective_instances.add(this);
-        _SkyTextHighlightDirective_existingHighlight.set(this, false);
-        _SkyTextHighlightDirective_observer.set(this, void 0);
-        _SkyTextHighlightDirective_searchTerms.set(this, []);
-        _SkyTextHighlightDirective_el.set(this, inject(ElementRef));
-        _SkyTextHighlightDirective_observerSvc.set(this, inject(SkyMutationObserverService));
-    }
     /**
      * The text to highlight.
      */
     set skyHighlight(value) {
         value = value || [];
         if (Array.isArray(value)) {
-            __classPrivateFieldSet(this, _SkyTextHighlightDirective_searchTerms, value.filter((item) => !!item), "f");
+            this.#searchTerms = value.filter((item) => !!item);
             // Reorder strings by their length in descending order to avoid missing matches
             // that contain substrings of other matches.
-            __classPrivateFieldGet(this, _SkyTextHighlightDirective_searchTerms, "f").sort(function (a, b) {
+            this.#searchTerms.sort(function (a, b) {
                 return b.length - a.length;
             });
         }
         else {
-            __classPrivateFieldSet(this, _SkyTextHighlightDirective_searchTerms, [value], "f");
+            this.#searchTerms = [value];
         }
     }
+    #existingHighlight = false;
+    #observer;
+    #searchTerms = [];
+    #el = inject(ElementRef);
+    #observerSvc = inject(SkyMutationObserverService);
     ngOnChanges(changes) {
         if (changes['skyHighlight'] && !changes['skyHighlight'].firstChange) {
-            __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_highlight).call(this);
+            this.#highlight();
         }
     }
     ngAfterViewInit() {
-        __classPrivateFieldSet(this, _SkyTextHighlightDirective_observer, __classPrivateFieldGet(this, _SkyTextHighlightDirective_observerSvc, "f").create(() => {
-            __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_highlight).call(this);
-        }), "f");
-        __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_highlight).call(this);
+        this.#observer = this.#observerSvc.create(() => {
+            this.#highlight();
+        });
+        this.#highlight();
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_disconnectObserver).call(this);
+        this.#disconnectObserver();
     }
-}
-_SkyTextHighlightDirective_existingHighlight = new WeakMap(), _SkyTextHighlightDirective_observer = new WeakMap(), _SkyTextHighlightDirective_searchTerms = new WeakMap(), _SkyTextHighlightDirective_el = new WeakMap(), _SkyTextHighlightDirective_observerSvc = new WeakMap(), _SkyTextHighlightDirective_instances = new WeakSet(), _SkyTextHighlightDirective_disconnectObserver = function _SkyTextHighlightDirective_disconnectObserver() {
-    if (__classPrivateFieldGet(this, _SkyTextHighlightDirective_observer, "f")) {
-        __classPrivateFieldGet(this, _SkyTextHighlightDirective_observer, "f").disconnect();
-    }
-}, _SkyTextHighlightDirective_highlight = function _SkyTextHighlightDirective_highlight() {
-    __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_disconnectObserver).call(this);
-    if (__classPrivateFieldGet(this, _SkyTextHighlightDirective_existingHighlight, "f")) {
-        removeHighlight(__classPrivateFieldGet(this, _SkyTextHighlightDirective_el, "f"));
-    }
-    const node = __classPrivateFieldGet(this, _SkyTextHighlightDirective_el, "f").nativeElement;
-    if (node) {
-        const searchRegex = createSearchRegex(__classPrivateFieldGet(this, _SkyTextHighlightDirective_searchTerms, "f"));
-        // mark all matched text in the DOM
-        if (searchRegex) {
-            markTextNodes(node, searchRegex);
-            __classPrivateFieldSet(this, _SkyTextHighlightDirective_existingHighlight, true, "f");
-        }
-    }
-    __classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_observeDom).call(this);
-}, _SkyTextHighlightDirective_observeDom = function _SkyTextHighlightDirective_observeDom() {
-    if (__classPrivateFieldGet(this, _SkyTextHighlightDirective_observer, "f")) {
-        const config = {
-            attributes: false,
-            childList: true,
-            characterData: true,
-        };
-        __classPrivateFieldGet(this, _SkyTextHighlightDirective_observer, "f").observe(__classPrivateFieldGet(this, _SkyTextHighlightDirective_el, "f").nativeElement, config);
+    #disconnectObserver() {
+        if (this.#observer) {
+            this.#observer.disconnect();
+        }
     }
-};
-SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
+    #highlight() {
+        this.#disconnectObserver();
+        if (this.#existingHighlight) {
+            removeHighlight(this.#el);
+        }
+        const node = this.#el.nativeElement;
+        if (node) {
+            const searchRegex = createSearchRegex(this.#searchTerms);
+            // mark all matched text in the DOM
+            if (searchRegex) {
+                markTextNodes(node, searchRegex);
+                this.#existingHighlight = true;
+            }
+        }
+        this.#observeDom();
+    }
+    #observeDom() {
+        if (this.#observer) {
+            const config = {
+                attributes: false,
+                childList: true,
+                characterData: true,
+            };
+            this.#observer.observe(this.#el.nativeElement, config);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyHighlight]',
@@ -1132,11 +1129,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyTextHighlightModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightModule, providers: [SkyMutationObserverService] }); }
 }
-SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
-SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightModule, providers: [SkyMutationObserverService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyTextHighlightDirective],
@@ -1145,7 +1142,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-var _SkyTokenComponent_elementRef, _SkyTokenComponent__disabled, _SkyTokenComponent__dismissible;
 class SkyTokenComponent {
     constructor() {
         /**
@@ -1160,9 +1156,9 @@ class SkyTokenComponent {
         this.tokenActive = false;
         this.closeActive = false;
         this.tabIndex = 0;
-        _SkyTokenComponent_elementRef.set(this, inject(ElementRef));
-        _SkyTokenComponent__disabled.set(this, false);
-        _SkyTokenComponent__dismissible.set(this, true);
+        this.#elementRef = inject(ElementRef);
+        this.#_disabled = false;
+        this.#_dismissible = true;
     }
     /**
      * Whether to disable the token to prevent users from selecting it, dismissing it,
@@ -1171,20 +1167,20 @@ class SkyTokenComponent {
      * @default false
      */
     set disabled(value) {
-        __classPrivateFieldSet(this, _SkyTokenComponent__disabled, !!value, "f");
+        this.#_disabled = !!value;
     }
     get disabled() {
-        return __classPrivateFieldGet(this, _SkyTokenComponent__disabled, "f");
+        return this.#_disabled;
     }
     /**
      * Whether users can remove the token from the list by selecting the close button.
      * @default true
      */
     set dismissible(value) {
-        __classPrivateFieldSet(this, _SkyTokenComponent__dismissible, value !== false, "f");
+        this.#_dismissible = value !== false;
     }
     get dismissible() {
-        return __classPrivateFieldGet(this, _SkyTokenComponent__dismissible, "f");
+        return this.#_dismissible;
     }
     /**
      * Whether users can place focus on the token using the `Tab`. This does not
@@ -1194,6 +1190,9 @@ class SkyTokenComponent {
     set focusable(value) {
         this.tabIndex = value !== false ? 0 : -1;
     }
+    #elementRef;
+    #_disabled;
+    #_dismissible;
     onFocusIn() {
         if (!this.isFocused) {
             this.tokenFocus.emit();
@@ -1201,7 +1200,7 @@ class SkyTokenComponent {
         }
     }
     onFocusOut(event) {
-        this.isFocused = __classPrivateFieldGet(this, _SkyTokenComponent_elementRef, "f").nativeElement.contains(event.relatedTarget);
+        this.isFocused = this.#elementRef.nativeElement.contains(event.relatedTarget);
     }
     dismissToken(event) {
         event.stopPropagation();
@@ -1216,11 +1215,10 @@ class SkyTokenComponent {
     setCloseActive(closeActive) {
         this.closeActive = closeActive;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable", role: "role" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, viewQueries: [{ propertyName: "actionButtonRef", first: true, predicate: ["actionButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  [attr.role]=\"role\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-disabled': disabled,\n    'sky-token-dismissible': dismissible,\n    'sky-token-active': tokenActive && !closeActive,\n    'sky-token-focused': isFocused\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut($event)\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <span\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n    class=\"sky-token-cell\"\n  >\n    <button\n      class=\"sky-btn sky-btn-default sky-token-btn sky-token-btn-action\"\n      type=\"button\"\n      [attr.tabindex]=\"tabIndex\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled\n      }\"\n      #actionButton\n    >\n      <ng-content></ng-content>\n    </button>\n  </span>\n  <span\n    *ngIf=\"dismissible\"\n    class=\"sky-token-cell\"\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n  >\n    <button\n      class=\"sky-btn sky-token-btn sky-token-btn-close\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [attr.tabindex]=\"tabIndex\"\n      [attr.title]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled,\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\n        class=\"sky-token-btn-close-icon-default\"\n        icon=\"times\"\n      ></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  </span>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;padding:0;display:inline-block}.sky-token:hover,.sky-token.sky-token-focused{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token.sky-token-focused{box-shadow:0 0 8px #00b4f199;border:1px solid var(--sky-highlight-color-info);outline:none}.sky-token.sky-btn-disabled .sky-btn-disabled{opacity:1}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn{background-color:transparent;border:0;padding:2px 8px}.sky-token-btn-action:focus-visible{outline:none}.sky-token-btn-close{margin-left:-2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus-visible{opacity:1}.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;font-size:14px}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible{padding-right:1px}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}: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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token.sky-token-focused,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}:host-context(.sky-theme-modern) .sky-token-btn.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token-btn-action{font-size:14px}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}: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-visible{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible: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;font-size:14px}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}.sky-theme-modern .sky-token.sky-token-dismissible{padding-right:1px}.sky-theme-modern .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}.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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token.sky-token-focused,.sky-theme-modern .sky-token:hover{background-color:#ebfbff}.sky-theme-modern .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}.sky-theme-modern .sky-token-btn.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token-btn-action{font-size:14px}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}.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-visible{outline:none}.sky-theme-modern .sky-token-btn-close:focus-visible: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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-_SkyTokenComponent_elementRef = new WeakMap(), _SkyTokenComponent__disabled = new WeakMap(), _SkyTokenComponent__dismissible = new WeakMap();
-SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable", role: "role" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, viewQueries: [{ propertyName: "actionButtonRef", first: true, predicate: ["actionButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  [attr.role]=\"role\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-disabled': disabled,\n    'sky-token-dismissible': dismissible,\n    'sky-token-active': tokenActive && !closeActive,\n    'sky-token-focused': isFocused\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut($event)\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <span\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n    class=\"sky-token-cell\"\n  >\n    <button\n      class=\"sky-btn sky-btn-default sky-token-btn sky-token-btn-action\"\n      type=\"button\"\n      [attr.tabindex]=\"tabIndex\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled\n      }\"\n      #actionButton\n    >\n      <ng-content></ng-content>\n    </button>\n  </span>\n  <span\n    *ngIf=\"dismissible\"\n    class=\"sky-token-cell\"\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n  >\n    <button\n      class=\"sky-btn sky-token-btn sky-token-btn-close\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [attr.tabindex]=\"tabIndex\"\n      [attr.title]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled,\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\n        class=\"sky-token-btn-close-icon-default\"\n        icon=\"times\"\n      ></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  </span>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;padding:0;display:inline-block}.sky-token:hover,.sky-token.sky-token-focused{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token.sky-token-focused{box-shadow:0 0 8px #00b4f199;border:1px solid var(--sky-highlight-color-info);outline:none}.sky-token.sky-btn-disabled .sky-btn-disabled{opacity:1}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn{background-color:transparent;border:0;padding:2px 8px}.sky-token-btn-action:focus-visible{outline:none}.sky-token-btn-close{margin-left:-2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus-visible{opacity:1}.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;font-size:14px}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible{padding-right:1px}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}: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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token.sky-token-focused,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}:host-context(.sky-theme-modern) .sky-token-btn.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token-btn-action{font-size:14px}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}: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-visible{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible: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;font-size:14px}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}.sky-theme-modern .sky-token.sky-token-dismissible{padding-right:1px}.sky-theme-modern .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}.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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token.sky-token-focused,.sky-theme-modern .sky-token:hover{background-color:#ebfbff}.sky-theme-modern .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}.sky-theme-modern .sky-token-btn.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token-btn-action{font-size:14px}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}.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-visible{outline:none}.sky-theme-modern .sky-token-btn-close:focus-visible: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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-token', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  [attr.role]=\"role\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-disabled': disabled,\n    'sky-token-dismissible': dismissible,\n    'sky-token-active': tokenActive && !closeActive,\n    'sky-token-focused': isFocused\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut($event)\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <span\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n    class=\"sky-token-cell\"\n  >\n    <button\n      class=\"sky-btn sky-btn-default sky-token-btn sky-token-btn-action\"\n      type=\"button\"\n      [attr.tabindex]=\"tabIndex\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled\n      }\"\n      #actionButton\n    >\n      <ng-content></ng-content>\n    </button>\n  </span>\n  <span\n    *ngIf=\"dismissible\"\n    class=\"sky-token-cell\"\n    [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n  >\n    <button\n      class=\"sky-btn sky-token-btn sky-token-btn-close\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [attr.tabindex]=\"tabIndex\"\n      [attr.title]=\"\n        ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n      \"\n      [disabled]=\"disabled\"\n      [ngClass]=\"{\n        'sky-btn-disabled': disabled,\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\n        class=\"sky-token-btn-close-icon-default\"\n        icon=\"times\"\n      ></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  </span>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;padding:0;display:inline-block}.sky-token:hover,.sky-token.sky-token-focused{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token.sky-token-focused{box-shadow:0 0 8px #00b4f199;border:1px solid var(--sky-highlight-color-info);outline:none}.sky-token.sky-btn-disabled .sky-btn-disabled{opacity:1}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn{background-color:transparent;border:0;padding:2px 8px}.sky-token-btn-action:focus-visible{outline:none}.sky-token-btn-close{margin-left:-2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus-visible{opacity:1}.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;font-size:14px}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible{padding-right:1px}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}: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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token.sky-token-focused,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#ebfbff}:host-context(.sky-theme-modern) .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}:host-context(.sky-theme-modern) .sky-token-btn.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token-btn-action{font-size:14px}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}: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-visible{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible: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;font-size:14px}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7;background-color:#ebfbff}.sky-theme-modern .sky-token.sky-token-dismissible{padding-right:1px}.sky-theme-modern .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}.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.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token.sky-token-focused,.sky-theme-modern .sky-token:hover{background-color:#ebfbff}.sky-theme-modern .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}.sky-theme-modern .sky-token-btn.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token-btn-action{font-size:14px}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}.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-visible{outline:none}.sky-theme-modern .sky-token-btn-close:focus-visible: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"] }]
         }], propDecorators: { disabled: [{
@@ -1266,7 +1264,6 @@ 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_changeDetector, _SkyTokensComponent__activeIndex, _SkyTokensComponent__messageStream, _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.
@@ -1281,30 +1278,30 @@ class SkyTokensComponent {
      * @default false
      */
     set disabled(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__disabled, !!value, "f");
+        this.#_disabled = !!value;
     }
     get disabled() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__disabled, "f");
+        return this.#_disabled;
     }
     /**
      * Whether users can remove a token from the list by selecting a token's close button.
      * @default true
      */
     set dismissible(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__dismissible, value !== false, "f");
+        this.#_dismissible = value !== false;
     }
     get dismissible() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__dismissible, "f");
+        return this.#_dismissible;
     }
     /**
      * The token property to display for each item in the tokens list.
      * @default "name"
      */
     set displayWith(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__displayWith, value || DISPLAY_WITH_DEFAULT, "f");
+        this.#_displayWith = value || DISPLAY_WITH_DEFAULT;
     }
     get displayWith() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__displayWith, "f");
+        return this.#_displayWith;
     }
     /**
      * Whether users can place focus on tokens in the list using the `Tab` key.
@@ -1313,16 +1310,16 @@ class SkyTokensComponent {
      * @default true
      */
     set focusable(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__focusable, value !== false, "f");
+        this.#_focusable = value !== false;
     }
     get focusable() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__focusable, "f");
+        return this.#_focusable;
     }
     /**
      * The array of tokens to include in the list.
      */
     set tokens(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__tokens, value || [], "f");
+        this.#_tokens = value || [];
         // 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`
@@ -1330,35 +1327,44 @@ class SkyTokensComponent {
         this.tokensChange.emit(value);
     }
     get tokens() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f");
+        return this.#_tokens;
     }
     /**
      * The observable of `SkyTokensMessage` that can place focus on a
      * particular token or remove the active token from the list.
      */
     set messageStream(value) {
-        __classPrivateFieldSet(this, _SkyTokensComponent__messageStream, value || new Subject(), "f");
-        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
+        this.#_messageStream = value || new Subject();
+        this.#initMessageStream();
     }
     get messageStream() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f");
+        return this.#_messageStream;
     }
     get activeIndex() {
-        return __classPrivateFieldGet(this, _SkyTokensComponent__activeIndex, "f");
+        return this.#_activeIndex;
     }
     set activeIndex(value) {
-        if (value >= __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f").length) {
-            value = __classPrivateFieldGet(this, _SkyTokensComponent__tokens, "f").length - 1;
+        if (value >= this.#_tokens.length) {
+            value = this.#_tokens.length - 1;
             this.focusIndexOverRange.emit();
         }
         if (value < 0) {
             value = 0;
             this.focusIndexUnderRange.emit();
         }
-        __classPrivateFieldSet(this, _SkyTokensComponent__activeIndex, value || 0, "f");
-    }
+        this.#_activeIndex = value || 0;
+    }
+    #_disabled;
+    #_dismissible;
+    #_focusable;
+    #_tokens;
+    #_displayWith;
+    #messageStreamSub;
+    #ngUnsubscribe;
+    #changeDetector;
+    #_activeIndex;
+    #_messageStream;
     constructor() {
-        _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.
@@ -1383,17 +1389,16 @@ class SkyTokensComponent {
          * @internal
          */
         this.tokensRendered = new EventEmitter();
-        _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_changeDetector.set(this, inject(ChangeDetectorRef));
-        _SkyTokensComponent__activeIndex.set(this, 0);
-        _SkyTokensComponent__messageStream.set(this, new Subject());
-        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
+        this.#_disabled = false;
+        this.#_dismissible = true;
+        this.#_focusable = true;
+        this.#_tokens = [];
+        this.#_displayWith = DISPLAY_WITH_DEFAULT;
+        this.#ngUnsubscribe = new Subject();
+        this.#changeDetector = inject(ChangeDetectorRef);
+        this.#_activeIndex = 0;
+        this.#_messageStream = new Subject();
+        this.#initMessageStream();
         // 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.
@@ -1405,14 +1410,14 @@ class SkyTokensComponent {
         };
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").complete();
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
     }
     onTokenClick(token) {
         if (this.disabled) {
             return;
         }
-        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_notifyTokenSelected).call(this, token);
+        this.#notifyTokenSelected(token);
     }
     animationDone() {
         this.tokensRendered.emit();
@@ -1422,14 +1427,14 @@ class SkyTokensComponent {
             switch (event.key) {
                 case 'Left':
                 case 'ArrowLeft':
-                    __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f").next({
+                    this.#_messageStream.next({
                         type: SkyTokensMessageType.FocusPreviousToken,
                     });
                     event.preventDefault();
                     break;
                 case 'Right':
                 case 'ArrowRight':
-                    __classPrivateFieldGet(this, _SkyTokensComponent__messageStream, "f").next({
+                    this.#_messageStream.next({
                         type: SkyTokensMessageType.FocusNextToken,
                     });
                     event.preventDefault();
@@ -1439,92 +1444,98 @@ class SkyTokensComponent {
     }
     selectToken(token) {
         if (!this.disabled) {
-            __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_notifyTokenSelected).call(this, token);
+            this.#notifyTokenSelected(token);
         }
     }
     removeToken(token) {
         this.tokens = this.tokens.filter((t) => t !== token);
-        __classPrivateFieldGet(this, _SkyTokensComponent_changeDetector, "f").detectChanges();
+        this.#changeDetector.detectChanges();
     }
-}
-_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_changeDetector = new WeakMap(), _SkyTokensComponent__activeIndex = new WeakMap(), _SkyTokensComponent__messageStream = 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;
-        __classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_focusActiveToken).call(this);
-    }
-}, _SkyTokensComponent_focusActiveToken = function _SkyTokensComponent_focusActiveToken() {
-    if (this.tokenComponents) {
-        const tokenComponent = this.tokenComponents.find((_comp, i) => {
-            return this.activeIndex === i;
-        });
-        if (tokenComponent) {
-            tokenComponent.focusElement();
+    #focusPreviousToken() {
+        this.activeIndex--;
+        this.#focusActiveToken();
+    }
+    #focusNextToken() {
+        this.activeIndex++;
+        this.#focusActiveToken();
+    }
+    #focusLastToken() {
+        if (this.tokenComponents) {
+            this.activeIndex = this.tokenComponents.length - 1;
+            this.#focusActiveToken();
         }
     }
-}, _SkyTokensComponent_removeActiveToken = function _SkyTokensComponent_removeActiveToken() {
-    const token = this.tokens[this.activeIndex];
-    if (token) {
-        this.removeToken(token);
+    #focusActiveToken() {
+        if (this.tokenComponents) {
+            const tokenComponent = this.tokenComponents.find((_comp, i) => {
+                return this.activeIndex === i;
+            });
+            if (tokenComponent) {
+                tokenComponent.focusElement();
+            }
+        }
     }
-}, _SkyTokensComponent_initMessageStream = function _SkyTokensComponent_initMessageStream() {
-    if (__classPrivateFieldGet(this, _SkyTokensComponent_messageStreamSub, "f")) {
-        __classPrivateFieldGet(this, _SkyTokensComponent_messageStreamSub, "f").unsubscribe();
+    #removeActiveToken() {
+        const token = this.tokens[this.activeIndex];
+        if (token) {
+            this.removeToken(token);
+        }
     }
-    __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;
+    #initMessageStream() {
+        if (this.#messageStreamSub) {
+            this.#messageStreamSub.unsubscribe();
         }
-    }), "f");
-}, _SkyTokensComponent_notifyTokenSelected = function _SkyTokensComponent_notifyTokenSelected(token) {
-    this.tokenSelected.emit({
-        token,
-    });
-};
-SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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", tokensRendered: "tokensRendered" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }], animations: [
-        trigger('blockAnimationOnLoad', [transition(':enter', [])]),
-        trigger('dismiss', [
-            transition(':enter', [
-                style({
-                    opacity: 0,
-                    width: 0,
-                }),
-                animate('150ms ease-in', style({
-                    opacity: 1,
-                    width: '*',
-                })),
-            ]),
-            transition(':leave', [
-                animate('150ms ease-in', style({
-                    opacity: 0,
-                    width: 0,
-                })),
+        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;
+            }
+        });
+    }
+    #notifyTokenSelected(token) {
+        this.tokenSelected.emit({
+            token,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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", tokensRendered: "tokensRendered" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\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\" [attr.role]=\"tokens.length ? 'row' : null\">\n    <div [attr.role]=\"tokens.length ? 'gridcell' : null\">\n      <ng-content></ng-content>\n    </div>\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>div{display:contents}.sky-tokens .sky-tokens-content>div:before{content:\"\\200b\"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }], animations: [
+            trigger('blockAnimationOnLoad', [transition(':enter', [])]),
+            trigger('dismiss', [
+                transition(':enter', [
+                    style({
+                        opacity: 0,
+                        width: 0,
+                    }),
+                    animate('150ms ease-in', style({
+                        opacity: 1,
+                        width: '*',
+                    })),
+                ]),
+                transition(':leave', [
+                    animate('150ms ease-in', style({
+                        opacity: 0,
+                        width: 0,
+                    })),
+                ]),
             ]),
-        ]),
-    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensComponent, decorators: [{
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-tokens', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('blockAnimationOnLoad', [transition(':enter', [])]),
@@ -1546,7 +1557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                                 })),
                             ]),
                         ]),
-                    ], template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\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 ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\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\" [attr.role]=\"tokens.length ? 'row' : null\">\n    <div [attr.role]=\"tokens.length ? 'gridcell' : null\">\n      <ng-content></ng-content>\n    </div>\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>div{display:contents}.sky-tokens .sky-tokens-content>div:before{content:\"\\200b\"}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
                 type: Input
             }], dismissible: [{
@@ -1577,17 +1588,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyTokensModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensModule, imports: [CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyIndicatorsResourcesModule] }); }
 }
-SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
-SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensModule, imports: [CommonModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyIndicatorsResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyTokensModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyTokenComponent, SkyTokensComponent],
@@ -1601,7 +1612,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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
@@ -1610,20 +1620,20 @@ const busyElements = {};
  * @dynamic
  */
 class SkyWaitAdapterService {
+    static { this.isPageWaitActive = false; }
+    #focusableElements;
+    #renderer;
     constructor(rendererFactory) {
-        _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");
+        this.#renderer = rendererFactory.createRenderer(undefined, null);
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearListeners).call(this);
+        this.#clearListeners();
     }
     setWaitBounds(waitEl) {
-        __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
+        this.#renderer.setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
     }
     removeWaitBounds(waitEl) {
-        __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").removeStyle(waitEl.nativeElement.parentElement, 'position');
+        this.#renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
     }
     setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking, waitComponentId) {
         const busyEl = isFullPage
@@ -1633,18 +1643,18 @@ class SkyWaitAdapterService {
             if (isWaiting) {
                 let restoreFocusElement = undefined;
                 let restoreFocusCheckElement = undefined;
-                __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").setAttribute(busyEl, 'aria-busy', 'true');
+                this.#renderer.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;
                     }
-                    __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
+                    this.#clearDocumentFocus();
                     restoreFocusCheckElement = document.activeElement;
                 }
                 if (isFullPage) {
                     SkyWaitAdapterService.isPageWaitActive = true;
-                    const endListenerFunc = __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").listen(document.body, 'keydown', (event) => {
+                    const endListenerFunc = this.#renderer.listen(document.body, 'keydown', (event) => {
                         /*istanbul ignore else */
                         if (event.key) {
                             /* istanbul ignore else */
@@ -1653,7 +1663,7 @@ class SkyWaitAdapterService {
                                 event.preventDefault();
                                 event.stopPropagation();
                                 event.stopImmediatePropagation();
-                                __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
+                                this.#clearDocumentFocus();
                             }
                         }
                     });
@@ -1667,21 +1677,21 @@ class SkyWaitAdapterService {
                     }
                 }
                 else {
-                    const endListenerFunc = __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").listen(busyEl, 'focusin', (event) => {
+                    const endListenerFunc = this.#renderer.listen(busyEl, 'focusin', (event) => {
                         /* istanbul ignore else */
                         if (!isNonBlocking) {
                             event.preventDefault();
                             event.stopPropagation();
                             event.stopImmediatePropagation();
                             if (SkyWaitAdapterService.isPageWaitActive) {
-                                __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
+                                this.#clearDocumentFocus();
                             }
                             else {
                                 // Propagate tab navigation if attempted into waited element
                                 const target = event.target;
                                 if (target) {
                                     target.blur();
-                                    __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_focusNextElement).call(this, target, __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isShift).call(this, event));
+                                    this.#focusNextElement(target, this.#isShift(event));
                                 }
                             }
                         }
@@ -1697,7 +1707,7 @@ class SkyWaitAdapterService {
                 }
             }
             else {
-                __classPrivateFieldGet(this, _SkyWaitAdapterService_renderer, "f").removeAttribute(busyEl, 'aria-busy');
+                this.#renderer.removeAttribute(busyEl, 'aria-busy');
                 if (isFullPage) {
                     SkyWaitAdapterService.isPageWaitActive = false;
                 }
@@ -1713,131 +1723,129 @@ class SkyWaitAdapterService {
             }
         }
     }
-}
-_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 */
+    #focusNextElement(targetElement, shiftKey) {
+        const focusable = this.#getFocusableElements();
+        // 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] &&
+            this.#isElementBusyOrHidden(focusable[curIndex])) {
             curIndex += modifier;
         }
-        /* istanbul ignore else */
-        /* sanity check */
         if (focusable[curIndex] &&
-            !__classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_isElementBusyOrHidden).call(this, focusable[curIndex])) {
+            !this.#isElementBusyOrHidden(focusable[curIndex])) {
             focusable[curIndex].focus();
         }
         else {
-            // No valid target, wipe focus
-            __classPrivateFieldGet(this, _SkyWaitAdapterService_instances, "m", _SkyWaitAdapterService_clearDocumentFocus).call(this);
-        }
-    }
-    // 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)) {
+            // Try wrapping the navigation
+            /* istanbul ignore next */
+            /* sanity check */
+            curIndex = modifier > 0 ? 0 : focusable.length - 1;
+            while (curIndex !== startingIndex &&
+                focusable[curIndex] &&
+                this.#isElementBusyOrHidden(focusable[curIndex])) {
+                /* istanbul ignore next */
+                /* sanity check */
+                curIndex += modifier;
+            }
+            /* istanbul ignore else */
+            /* sanity check */
+            if (focusable[curIndex] &&
+                !this.#isElementBusyOrHidden(focusable[curIndex])) {
+                focusable[curIndex].focus();
+            }
+            else {
+                // No valid target, wipe focus
+                this.#clearDocumentFocus();
+            }
+        }
+        // clear focusableElements list
+        this.#focusableElements = undefined;
+    }
+    #isShift(event) {
+        // Determine if shift+tab was used based on element order
+        const elements = this.#getFocusableElements().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(busyElements)) {
+            const parentElement = busyElements[key].busyEl;
+            if (parentElement && parentElement.contains(element)) {
+                return true;
+            }
+        }
+        return false;
     }
-    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];
+    #clearDocumentFocus() {
+        const activeElement = document.activeElement;
+        /* istanbul ignore else */
+        if (activeElement) {
+            activeElement.blur();
+        }
+        document.body.focus();
     }
-};
-SkyWaitAdapterService.isPageWaitActive = false;
-SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
+    #getFocusableElements() {
+        // Keep this cached so we can reduce queries
+        if (this.#focusableElements) {
+            return this.#focusableElements;
+        }
+        // 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]';
+        this.#focusableElements = Array.prototype.filter.call(document.body.querySelectorAll(focusableElements), (element) => {
+            return (element.offsetWidth > 0 ||
+                element.offsetHeight > 0 ||
+                element === document.activeElement);
+        });
+        return this.#focusableElements;
+    }
+    #clearListeners() {
+        SkyWaitAdapterService.isPageWaitActive = false;
+        for (const key of Object.keys(busyElements)) {
+            busyElements[key].listener();
+            delete busyElements[key];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitAdapterService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
 
-var _SkyWaitComponent_instances, _SkyWaitComponent_customAriaLabel, _SkyWaitComponent_customScreenReaderCompletedText, _SkyWaitComponent_id, _SkyWaitComponent_elRef, _SkyWaitComponent_adapterService, _SkyWaitComponent_liveAnnouncer, _SkyWaitComponent_resourceSvc, _SkyWaitComponent_ngUnsubscribe, _SkyWaitComponent__isFullPage, _SkyWaitComponent__isNonBlocking, _SkyWaitComponent__isWaiting, _SkyWaitComponent_publishAriaLabel, _SkyWaitComponent_publishScreenReaderCompletedText;
 let nextId = 0;
 class SkyWaitComponent {
     constructor() {
-        _SkyWaitComponent_instances.add(this);
         this.ariaLabelStream = new BehaviorSubject('');
         this.ariaLiveText = '';
         this.screenReaderCompletedTextStream = new BehaviorSubject('');
-        _SkyWaitComponent_customAriaLabel.set(this, void 0);
-        _SkyWaitComponent_customScreenReaderCompletedText.set(this, void 0);
-        _SkyWaitComponent_id.set(this, `sky-wait-${++nextId}`);
-        _SkyWaitComponent_elRef.set(this, inject(ElementRef));
-        _SkyWaitComponent_adapterService.set(this, inject(SkyWaitAdapterService));
-        _SkyWaitComponent_liveAnnouncer.set(this, inject(SkyLiveAnnouncerService));
-        _SkyWaitComponent_resourceSvc.set(this, inject(SkyLibResourcesService));
-        _SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyWaitComponent__isFullPage.set(this, void 0);
-        _SkyWaitComponent__isNonBlocking.set(this, void 0);
-        _SkyWaitComponent__isWaiting.set(this, void 0);
+        this.#id = `sky-wait-${++nextId}`;
+        this.#elRef = inject(ElementRef);
+        this.#adapterService = inject(SkyWaitAdapterService);
+        this.#liveAnnouncer = inject(SkyLiveAnnouncerService);
+        this.#resourceSvc = inject(SkyLibResourcesService);
+        this.#ngUnsubscribe = new Subject();
     }
     /**
      * The ARIA label for the wait icon.
@@ -1848,8 +1856,8 @@ class SkyWaitComponent {
      * "For more information, see the Design tab and the [WAI-ARIA `aria-label` definition](https://www.w3.org/TR/wai-aria/#aria-label).
      */
     set ariaLabel(value) {
-        __classPrivateFieldSet(this, _SkyWaitComponent_customAriaLabel, value, "f");
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
+        this.#customAriaLabel = value;
+        this.#publishAriaLabel();
     }
     /**
      * When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
@@ -1857,24 +1865,24 @@ class SkyWaitComponent {
     set isWaiting(value) {
         if (!this.isFullPage) {
             if (value) {
-                __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+                this.#adapterService.setWaitBounds(this.#elRef);
             }
             else {
-                __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").removeWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+                this.#adapterService.removeWaitBounds(this.#elRef);
             }
         }
-        __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setBusyState(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"), !!this.isFullPage, !!value, !!this.isNonBlocking, __classPrivateFieldGet(this, _SkyWaitComponent_id, "f"));
+        this.#adapterService.setBusyState(this.#elRef, !!this.isFullPage, !!value, !!this.isNonBlocking, this.#id);
         if (value) {
-            __classPrivateFieldGet(this, _SkyWaitComponent_liveAnnouncer, "f").announce(this.ariaLabelStream.getValue());
+            this.#liveAnnouncer.announce(this.ariaLabelStream.getValue());
         }
-        else if (__classPrivateFieldGet(this, _SkyWaitComponent__isWaiting, "f")) {
+        else if (this.#_isWaiting) {
             // NOTE: This should only happen if the wait was previously waiting and no longer is waiting.
-            __classPrivateFieldGet(this, _SkyWaitComponent_liveAnnouncer, "f").announce(this.screenReaderCompletedTextStream.getValue());
+            this.#liveAnnouncer.announce(this.screenReaderCompletedTextStream.getValue());
         }
-        __classPrivateFieldSet(this, _SkyWaitComponent__isWaiting, value, "f");
+        this.#_isWaiting = value;
     }
     get isWaiting() {
-        return __classPrivateFieldGet(this, _SkyWaitComponent__isWaiting, "f");
+        return this.#_isWaiting;
     }
     /**
      * When set to `true`, wait indication appears on the page level instead of the
@@ -1886,17 +1894,17 @@ class SkyWaitComponent {
     set isFullPage(value) {
         /* istanbul ignore else: untestable */
         if (value) {
-            __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").removeWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+            this.#adapterService.removeWaitBounds(this.#elRef);
         }
         else if (this.isWaiting) {
-            __classPrivateFieldGet(this, _SkyWaitComponent_adapterService, "f").setWaitBounds(__classPrivateFieldGet(this, _SkyWaitComponent_elRef, "f"));
+            this.#adapterService.setWaitBounds(this.#elRef);
         }
-        __classPrivateFieldSet(this, _SkyWaitComponent__isFullPage, value, "f");
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishScreenReaderCompletedText).call(this);
+        this.#_isFullPage = value;
+        this.#publishAriaLabel();
+        this.#publishScreenReaderCompletedText();
     }
     get isFullPage() {
-        return __classPrivateFieldGet(this, _SkyWaitComponent__isFullPage, "f");
+        return this.#_isFullPage;
     }
     /**
      * When set to `true`, wait indication appears in the bottom left corner of the element
@@ -1904,11 +1912,11 @@ class SkyWaitComponent {
      * @default false
      */
     set isNonBlocking(value) {
-        __classPrivateFieldSet(this, _SkyWaitComponent__isNonBlocking, value, "f");
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
+        this.#_isNonBlocking = value;
+        this.#publishAriaLabel();
     }
     get isNonBlocking() {
-        return __classPrivateFieldGet(this, _SkyWaitComponent__isNonBlocking, "f");
+        return this.#_isNonBlocking;
     }
     /**
      * Screen reader text [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when the wait toggles off.
@@ -1918,51 +1926,63 @@ class SkyWaitComponent {
      * For more information, see the Design tab and the [WCAG documentation on status messages](https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html).
      */
     set screenReaderCompletedText(value) {
-        __classPrivateFieldSet(this, _SkyWaitComponent_customScreenReaderCompletedText, value, "f");
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishScreenReaderCompletedText).call(this);
-    }
+        this.#customScreenReaderCompletedText = value;
+        this.#publishScreenReaderCompletedText();
+    }
+    #customAriaLabel;
+    #customScreenReaderCompletedText;
+    #id;
+    #elRef;
+    #adapterService;
+    #liveAnnouncer;
+    #resourceSvc;
+    #ngUnsubscribe;
+    #_isFullPage;
+    #_isNonBlocking;
+    #_isWaiting;
     ngOnInit() {
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
-        __classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishScreenReaderCompletedText).call(this);
+        this.#publishAriaLabel();
+        this.#publishScreenReaderCompletedText();
     }
     ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f").complete();
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
     }
-}
-_SkyWaitComponent_customAriaLabel = new WeakMap(), _SkyWaitComponent_customScreenReaderCompletedText = new WeakMap(), _SkyWaitComponent_id = new WeakMap(), _SkyWaitComponent_elRef = new WeakMap(), _SkyWaitComponent_adapterService = new WeakMap(), _SkyWaitComponent_liveAnnouncer = new WeakMap(), _SkyWaitComponent_resourceSvc = new WeakMap(), _SkyWaitComponent_ngUnsubscribe = 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"));
-    }
-    else {
-        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);
-        });
+    #publishAriaLabel() {
+        if (this.#customAriaLabel) {
+            this.ariaLabelStream.next(this.#customAriaLabel);
+        }
+        else {
+            const type = this.isFullPage ? '_page' : '';
+            const blocking = this.isNonBlocking ? '' : '_blocking';
+            const key = `skyux_wait${type}${blocking}_aria_alt_text`;
+            this.#resourceSvc
+                .getString(key)
+                .pipe(take(1), takeUntil(this.#ngUnsubscribe))
+                .subscribe((value) => {
+                this.ariaLabelStream.next(value);
+            });
+        }
     }
-}, _SkyWaitComponent_publishScreenReaderCompletedText = function _SkyWaitComponent_publishScreenReaderCompletedText() {
-    if (__classPrivateFieldGet(this, _SkyWaitComponent_customScreenReaderCompletedText, "f")) {
-        this.screenReaderCompletedTextStream.next(__classPrivateFieldGet(this, _SkyWaitComponent_customScreenReaderCompletedText, "f"));
-    }
-    else {
-        const type = this.isFullPage ? '_page' : '';
-        const key = `skyux_wait${type}_screen_reader_completed_text`;
-        __classPrivateFieldGet(this, _SkyWaitComponent_resourceSvc, "f")
-            .getString(key)
-            .pipe(take(1), takeUntil(__classPrivateFieldGet(this, _SkyWaitComponent_ngUnsubscribe, "f")))
-            .subscribe((value) => {
-            this.screenReaderCompletedTextStream.next(value);
-        });
+    #publishScreenReaderCompletedText() {
+        if (this.#customScreenReaderCompletedText) {
+            this.screenReaderCompletedTextStream.next(this.#customScreenReaderCompletedText);
+        }
+        else {
+            const type = this.isFullPage ? '_page' : '';
+            const key = `skyux_wait${type}_screen_reader_completed_text`;
+            this.#resourceSvc
+                .getString(key)
+                .pipe(take(1), takeUntil(this.#ngUnsubscribe))
+                .subscribe((value) => {
+                this.screenReaderCompletedTextStream.next(value);
+            });
+        }
     }
-};
-SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking", screenReaderCompletedText: "screenReaderCompletedText" }, providers: [SkyWaitAdapterService], ngImport: i0, template: "<div\n  class=\"sky-wait-container\"\n  [ngClass]=\"{\n    'sky-wait-full-page': isFullPage,\n    'sky-wait-non-blocking': isNonBlocking\n  }\"\n>\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    role=\"progressbar\"\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking", screenReaderCompletedText: "screenReaderCompletedText" }, providers: [SkyWaitAdapterService], ngImport: i0, template: "<div\n  class=\"sky-wait-container\"\n  [ngClass]=\"{\n    'sky-wait-full-page': isFullPage,\n    'sky-wait-non-blocking': isNonBlocking\n  }\"\n>\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    role=\"progressbar\"\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-wait', providers: [SkyWaitAdapterService], template: "<div\n  class=\"sky-wait-container\"\n  [ngClass]=\"{\n    'sky-wait-full-page': isFullPage,\n    'sky-wait-non-blocking': isNonBlocking\n  }\"\n>\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    role=\"progressbar\"\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"] }]
         }], propDecorators: { ariaLabel: [{
@@ -1981,10 +2001,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * @internal
  */
 class SkyWaitPageComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    data-sky-id=\"page-wait-non-blocking\"\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait\n    data-sky-id=\"page-wait-blocking\"\n    [isFullPage]=\"true\"\n    [isWaiting]=\"hasBlockingWait\"\n  >\n  </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], dependencies: [{ kind: "component", type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }] }); }
 }
-SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    data-sky-id=\"page-wait-non-blocking\"\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait\n    data-sky-id=\"page-wait-blocking\"\n    [isFullPage]=\"true\"\n    [isWaiting]=\"hasBlockingWait\"\n  >\n  </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], dependencies: [{ kind: "component", type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-wait-page', template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    data-sky-id=\"page-wait-non-blocking\"\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait\n    data-sky-id=\"page-wait-blocking\"\n    [isFullPage]=\"true\"\n    [isWaiting]=\"hasBlockingWait\"\n  >\n  </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"] }]
         }], propDecorators: { hasBlockingWait: [{
@@ -1994,11 +2014,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 class SkyWaitModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitModule, imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule] }); }
 }
-SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
-SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitModule, imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyWaitComponent, SkyWaitPageComponent],
@@ -2007,7 +2027,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-var _SkyWaitService_instances, _SkyWaitService_windowSvc, _SkyWaitService_dynamicComponentService, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
 let waitComponent;
 let waitComponentRef;
 let pageWaitBlockingCount = 0;
@@ -2016,43 +2035,40 @@ let pageWaitNonBlockingCount = 0;
 // See: https://github.com/ng-packagr/ng-packagr/issues/641
 // @dynamic
 class SkyWaitService {
-    constructor() {
-        _SkyWaitService_instances.add(this);
-        _SkyWaitService_windowSvc.set(this, inject(SkyAppWindowRef));
-        _SkyWaitService_dynamicComponentService.set(this, inject(SkyDynamicComponentService));
-    }
+    #windowSvc = inject(SkyAppWindowRef);
+    #dynamicComponentService = inject(SkyDynamicComponentService);
     /**
      * Starts a blocking page wait on the page.
      */
     beginBlockingPageWait() {
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_beginPageWait).call(this, true);
+        this.#beginPageWait(true);
     }
     /**
      * Starts a non-blocking page wait on the page.
      */
     beginNonBlockingPageWait() {
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_beginPageWait).call(this, false);
+        this.#beginPageWait(false);
     }
     /**
      * Ends a blocking page wait on the page. Blocking page wait indication
      * is removed when all running blocking page waits are ended.
      */
     endBlockingPageWait() {
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_endPageWait).call(this, true);
+        this.#endPageWait(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() {
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_endPageWait).call(this, false);
+        this.#endPageWait(false);
     }
     /**
      * Clears all blocking and non-blocking page waits on the page.
      */
     clearAllPageWaits() {
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_clearPageWait).call(this, true);
-        __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_clearPageWait).call(this, false);
+        this.#clearPageWait(true);
+        this.#clearPageWait(false);
     }
     /**
      * @internal
@@ -2062,7 +2078,7 @@ class SkyWaitService {
             waitComponent = undefined;
             pageWaitBlockingCount = 0;
             pageWaitNonBlockingCount = 0;
-            __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").removeComponent(waitComponentRef);
+            this.#dynamicComponentService.removeComponent(waitComponentRef);
         }
     }
     /**
@@ -2084,77 +2100,80 @@ class SkyWaitService {
             return observable.pipe(finalize(() => this.endNonBlockingPageWait()));
         });
     }
-}
-_SkyWaitService_windowSvc = new WeakMap(), _SkyWaitService_dynamicComponentService = new WeakMap(), _SkyWaitService_instances = new WeakSet(), _SkyWaitService_setWaitComponentProperties = function _SkyWaitService_setWaitComponentProperties(isBlocking) {
-    if (waitComponent) {
-        if (isBlocking) {
-            waitComponent.hasBlockingWait = true;
-            pageWaitBlockingCount++;
+    #setWaitComponentProperties(isBlocking) {
+        if (waitComponent) {
+            if (isBlocking) {
+                waitComponent.hasBlockingWait = true;
+                pageWaitBlockingCount++;
+            }
+            else {
+                waitComponent.hasNonBlockingWait = true;
+                pageWaitNonBlockingCount++;
+            }
+        }
+    }
+    #beginPageWait(isBlocking) {
+        if (!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 (!waitComponent) {
+                    waitComponentRef = this.#dynamicComponentService.createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
+                    waitComponent = waitComponentRef.instance;
+                }
+                this.#setWaitComponentProperties(isBlocking);
+            });
         }
         else {
-            waitComponent.hasNonBlockingWait = true;
-            pageWaitNonBlockingCount++;
+            this.#setWaitComponentProperties(isBlocking);
         }
     }
-}, _SkyWaitService_beginPageWait = function _SkyWaitService_beginPageWait(isBlocking) {
-    if (!waitComponent) {
+    #endPageWait(isBlocking) {
         /*
-            Dynamic component creation needs to be done in a timeout to prevent ApplicationRef from
-            crashing when wait service is called in Angular lifecycle functions.
+            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(() => {
-            // 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) {
-                waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
-                waitComponent = waitComponentRef.instance;
+        this.#windowSvc.nativeWindow.setTimeout(() => {
+            if (waitComponent) {
+                if (isBlocking) {
+                    if (pageWaitBlockingCount > 0) {
+                        pageWaitBlockingCount--;
+                    }
+                    if (pageWaitBlockingCount < 1) {
+                        waitComponent.hasBlockingWait = false;
+                    }
+                }
+                else {
+                    if (pageWaitNonBlockingCount > 0) {
+                        pageWaitNonBlockingCount--;
+                    }
+                    if (pageWaitNonBlockingCount < 1) {
+                        waitComponent.hasNonBlockingWait = false;
+                    }
+                }
             }
-            __classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_setWaitComponentProperties).call(this, isBlocking);
         });
     }
-    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(() => {
+    #clearPageWait(isBlocking) {
         if (waitComponent) {
             if (isBlocking) {
-                if (pageWaitBlockingCount > 0) {
-                    pageWaitBlockingCount--;
-                }
-                if (pageWaitBlockingCount < 1) {
-                    waitComponent.hasBlockingWait = false;
-                }
+                pageWaitBlockingCount = 0;
+                waitComponent.hasBlockingWait = false;
             }
             else {
-                if (pageWaitNonBlockingCount > 0) {
-                    pageWaitNonBlockingCount--;
-                }
-                if (pageWaitNonBlockingCount < 1) {
-                    waitComponent.hasNonBlockingWait = false;
-                }
+                pageWaitNonBlockingCount = 0;
+                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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyWaitService, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyWaitService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',