@skyux/core 14.3.10 → 14.3.11

package/fesm2022/skyux-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, inject, RendererFactory2, NgZone, DOCUMENT, EventEmitter, Output, Input, Directive, effect, untracked, input, booleanAttribute, output, ElementRef, DestroyRef, signal, computed, ChangeDetectionStrategy, Component, provideEnvironmentInitializer, EnvironmentInjector, createEnvironmentInjector, createComponent, ChangeDetectorRef, ViewContainerRef, ViewChild, InjectionToken, Optional, Inject, ApplicationRef, afterNextRender, Injector, Pipe, HostBinding, Renderer2, HostListener } from '@angular/core';
+import { NgModule, Injectable, inject, RendererFactory2, NgZone, DOCUMENT, EventEmitter, ElementRef, Output, Input, Directive, effect, untracked, input, booleanAttribute, output, DestroyRef, signal, computed, ChangeDetectionStrategy, Component, provideEnvironmentInitializer, EnvironmentInjector, createEnvironmentInjector, createComponent, ChangeDetectorRef, ViewContainerRef, ViewChild, InjectionToken, Renderer2, Optional, Inject, ApplicationRef, afterNextRender, Injector, Pipe, HostBinding, HostListener } from '@angular/core';
 import { Subject, Subscription, ReplaySubject, fromEvent, of, Observable, filter, map, distinctUntilChanged, shareReplay, observeOn, animationFrameScheduler, takeUntil as takeUntil$1, BehaviorSubject, combineLatestWith, switchMap, merge, debounceTime as debounceTime$1 } from 'rxjs';
 import { takeUntil, debounceTime, take } from 'rxjs/operators';
 import { ViewportRuler } from '@angular/cdk/overlay';
@@ -106,6 +106,7 @@ const SKY_TABBABLE_SELECTOR = [
 ].join(', ');
 class SkyCoreAdapterService {
     #renderer;
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyCoreAdapterService(...)`).
     constructor(rendererFactory) {
         this.#renderer = rendererFactory.createRenderer(undefined, null);
     }
@@ -922,11 +923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * Affixes the host element to a base element.
  */
 class SkyAffixDirective {
-    #affixer;
-    #affixService;
-    #elementRef;
-    #ngUnsubscribe;
-    constructor(elementRef, affixService) {
+    constructor() {
         /**
          * Fires when the affixed element's offset changes.
          */
@@ -939,10 +936,14 @@ class SkyAffixDirective {
          * Fires when the placement value changes.
          */
         this.affixPlacementChange = new EventEmitter();
+        this.#affixService = inject(SkyAffixService);
+        this.#elementRef = inject(ElementRef);
         this.#ngUnsubscribe = new Subject();
-        this.#elementRef = elementRef;
-        this.#affixService = affixService;
     }
+    #affixer;
+    #affixService;
+    #elementRef;
+    #ngUnsubscribe;
     ngOnInit() {
         this.#affixer = this.#affixService.createAffixer(this.#elementRef);
         this.#affixer.offsetChange
@@ -995,7 +996,7 @@ class SkyAffixDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAffixDirective, deps: [{ token: i0.ElementRef }, { token: SkyAffixService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyAffixDirective, isStandalone: true, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixPosition: "affixPosition", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAffixDirective, decorators: [{
@@ -1003,7 +1004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{
                     selector: '[skyAffixTo]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkyAffixService }], propDecorators: { skyAffixTo: [{
+        }], propDecorators: { skyAffixTo: [{
                 type: Input
             }], affixAutoFitContext: [{
                 type: Input
@@ -1528,7 +1529,9 @@ class SkyDynamicComponentService {
     #renderer;
     #windowRef;
     #environmentInjector = inject(EnvironmentInjector);
+    /* eslint-disable @angular-eslint/prefer-inject -- constructor signature retained for backwards-compatible typing/mocks; the service still relies on Angular DI for other dependencies. */
     constructor(applicationRef, windowRef, rendererFactory) {
+        /* eslint-enable @angular-eslint/prefer-inject */
         this.#applicationRef = applicationRef;
         this.#windowRef = windowRef;
         // Based on suggestions from https://github.com/angular/angular/issues/17824
@@ -1656,14 +1659,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class SkyDockDomAdapterService {
     #currentDockHeight;
-    #mutationSvc;
+    #mutationSvc = inject(SkyMutationObserverService);
     #ngUnsubscribe = new Subject();
     #observer;
     #renderer;
     #styleElement;
-    constructor(mutationSvc, rendererFactory) {
-        this.#mutationSvc = mutationSvc;
-        this.#renderer = rendererFactory.createRenderer(undefined, null);
+    constructor() {
+        this.#renderer = inject(RendererFactory2).createRenderer(undefined, null);
     }
     ngOnDestroy() {
         if (this.#observer) {
@@ -1720,12 +1722,12 @@ class SkyDockDomAdapterService {
     #destroyStyleElement() {
         this.#renderer.removeChild(document.head, this.#styleElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyDockDomAdapterService, deps: [{ token: SkyMutationObserverService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyDockDomAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyDockDomAdapterService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyDockDomAdapterService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: SkyMutationObserverService }, { type: i0.RendererFactory2 }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @internal
@@ -2038,14 +2040,14 @@ class SkyIdDirective {
         return this.#_id;
     }
     #_id;
-    constructor(elRef, renderer, idSvc) {
+    constructor() {
         // Generate and apply the ID before the template is rendered
         // to avoid a changed-after-checked error.
-        const id = idSvc.generateId();
-        renderer.setAttribute(elRef.nativeElement, 'id', id);
+        const id = inject(SkyIdService).generateId();
+        inject(Renderer2).setAttribute(inject(ElementRef).nativeElement, 'id', id);
         this.#_id = id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyIdDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyIdService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyIdDirective, isStandalone: true, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyIdDirective, decorators: [{
@@ -2054,7 +2056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                     selector: '[skyId]',
                     exportAs: 'skyId',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SkyIdService }] });
+        }], ctorParameters: () => [] });
 
 class SkyIdModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyIdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -2263,7 +2265,9 @@ const previousWarnings = new Set();
 class SkyLogService {
     #applicationLogLevel;
     #formatter;
+    /* eslint-disable @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyLogService(...)`). */
     constructor(formatter, applicationLogLevel) {
+        /* eslint-enable @angular-eslint/prefer-inject */
         this.#formatter = formatter;
         this.#applicationLogLevel = applicationLogLevel ?? SkyLogLevel.Error;
     }
@@ -2666,6 +2670,7 @@ class SkyMediaQueryService {
         initialValue: DEFAULT_BREAKPOINT$1,
     });
     // Keep NgZone as a constructor param so that consumer mocks don't encounter typing errors.
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyMediaQueryService(...)`).
     constructor(_zone) { }
     ngOnDestroy() {
         this.destroy();
@@ -2910,6 +2915,7 @@ class SkyNumberFormatUtility {
 class SkyNumericService {
     #resourcesSvc;
     #symbolIndex;
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyNumericService(...)`).
     constructor(resourcesSvc) {
         /**
          * The browser's current locale.
@@ -3115,7 +3121,9 @@ class SkyNumericPipe {
     #ngUnsubscribe = new Subject();
     #numericSvc;
     #providerLocale;
+    /* eslint-disable @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this pipe directly (e.g. `new SkyNumericPipe(...)`). */
     constructor(localeProvider, numericSvc, changeDetector) {
+        /* eslint-enable @angular-eslint/prefer-inject */
         this.#numericSvc = numericSvc;
         this.#changeDetector = changeDetector;
         localeProvider
@@ -3274,8 +3282,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class SkyOverlayAdapterService {
     #renderer;
     #styleElement;
-    constructor(rendererFactory) {
-        this.#renderer = rendererFactory.createRenderer(undefined, null);
+    constructor() {
+        this.#renderer = inject(RendererFactory2).createRenderer(undefined, null);
     }
     restrictBodyScroll() {
         // Create a style element to avoid overwriting any existing inline body styles.
@@ -3330,7 +3338,7 @@ class SkyOverlayAdapterService {
         });
         siblingAriaHiddenCache.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyOverlayAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyOverlayAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyOverlayAdapterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyOverlayAdapterService, decorators: [{
@@ -3338,7 +3346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Contextual information for each overlay.
@@ -3557,7 +3565,9 @@ class SkyOverlayService {
     #applicationRef = inject(ApplicationRef);
     #dynamicComponentSvc;
     #environmentInjector = inject(EnvironmentInjector);
+    /* eslint-disable @angular-eslint/prefer-inject -- constructor param retained for backwards-compatible typing/overrides; this service still relies on Angular DI via `inject()` for other dependencies. */
     constructor(dynamicComponentSvc) {
+        /* eslint-enable @angular-eslint/prefer-inject */
         this.#dynamicComponentSvc = dynamicComponentSvc;
     }
     /**
@@ -3660,6 +3670,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class SkyOverlayLegacyService extends SkyOverlayService {
     /* istanbul ignore next */
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor param retained for backwards-compatible typing/overrides.
     constructor(dynamicComponentSvc) {
         super(dynamicComponentSvc);
     }
@@ -3684,6 +3695,7 @@ class SkyPercentPipe {
     #locale;
     #ngUnsubscribe = new Subject();
     #value;
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this pipe directly (e.g. `new SkyPercentPipe(...)`).
     constructor(localeProvider) {
         localeProvider
             .getLocaleInfo()
@@ -4145,7 +4157,9 @@ class SkyScrollableHostService {
     #windowRef;
     #resizeObserverSvc;
     #zone;
+    /* eslint-disable @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyScrollableHostService(...)`). */
     constructor(mutationObserverSvc, windowRef, resizeObserverSvc, zone) {
+        /* eslint-enable @angular-eslint/prefer-inject */
         this.#mutationObserverSvc = mutationObserverSvc;
         this.#resizeObserverSvc = resizeObserverSvc;
         this.#windowRef = windowRef;
@@ -4402,6 +4416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class SkyAppTitleService {
     #title;
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyAppTitleService(...)`).
     constructor(title) {
         this.#title = title;
     }
@@ -4431,9 +4446,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class SkyTrimDirective {
     #el;
     #obs;
-    constructor(elRef, mutationObs) {
-        this.#el = elRef.nativeElement;
-        this.#obs = mutationObs.create((mutations) => {
+    constructor() {
+        this.#el = inject(ElementRef).nativeElement;
+        this.#obs = inject(SkyMutationObserverService).create((mutations) => {
             if (mutations.some((mutation) => mutation.target === this.#el.firstChild ||
                 mutation.target === this.#el.lastChild)) {
                 this.#trimNodes();
@@ -4483,7 +4498,7 @@ class SkyTrimDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyTrimDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyTrimDirective, isStandalone: true, selector: "[skyTrim]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyTrimDirective, decorators: [{
@@ -4491,7 +4506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{
                     selector: '[skyTrim]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkyMutationObserverService }] });
+        }], ctorParameters: () => [] });
 
 class SkyTrimModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyTrimModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -4826,6 +4841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class SkyViewkeeperService {
     #hostOptions;
+    // eslint-disable-next-line @angular-eslint/prefer-inject -- constructor injection is required to maintain the public API for consumers who may instantiate this service directly (e.g. `new SkyViewkeeperService(...)`).
     constructor(hostOptions) {
         this.#hostOptions = hostOptions;
     }
@@ -4866,21 +4882,17 @@ class SkyViewkeeperDirective {
     }
     #_skyViewkeeper;
     #currentViewkeeperEls;
-    #el;
-    #mutationObserverSvc;
+    #el = inject(ElementRef);
+    #mutationObserverSvc = inject(SkyMutationObserverService);
+    #scrollableHostSvc = inject(SkyScrollableHostService, {
+        optional: true,
+    });
+    #viewkeeperSvc = inject(SkyViewkeeperService);
+    #renderer = inject(RendererFactory2).createRenderer(undefined, null);
     #observer;
-    #scrollableHostSvc;
     #scrollableHostWatchUnsubscribe;
-    #viewkeepers = [];
-    #viewkeeperSvc;
-    #renderer = inject(RendererFactory2).createRenderer(undefined, null);
     #shadowElement;
-    constructor(el, mutationObserverSvc, viewkeeperSvc, scrollableHostSvc) {
-        this.#el = el;
-        this.#mutationObserverSvc = mutationObserverSvc;
-        this.#viewkeeperSvc = viewkeeperSvc;
-        this.#scrollableHostSvc = scrollableHostSvc;
-    }
+    #viewkeepers = [];
     ngOnInit() {
         this.#observer = this.#mutationObserverSvc.create(() => this.#detectElements());
         this.#observer.observe(this.#el.nativeElement, {
@@ -4992,7 +5004,7 @@ class SkyViewkeeperDirective {
             this.#currentViewkeeperEls = viewkeeperEls;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyViewkeeperDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyViewkeeperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyViewkeeperDirective, isStandalone: true, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper", skyViewkeeperOmitShadow: "skyViewkeeperOmitShadow" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyViewkeeperDirective, decorators: [{
@@ -5000,9 +5012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{
                     selector: '[skyViewkeeper]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkyMutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { skyViewkeeper: [{
+        }], propDecorators: { skyViewkeeper: [{
                 type: Input
             }], skyViewkeeperOmitShadow: [{
                 type: Input
@@ -5038,7 +5048,7 @@ class Version {
 /**
  * Represents the version of @skyux/core.
  */
-const VERSION = new Version('14.3.10');
+const VERSION = new Version('14.3.11');
 
 /**
  * Generated bundle index. Do not edit.