@skyux/core 8.10.4 → 8.10.6

package/fesm2015/skyux-core.mjs

@@ -339,7 +339,7 @@ function getElementOffset(element, bufferOffset) {
 }
 function getOverflowParents(child) {
     const bodyElement = window.document.body;
-    const results = [bodyElement];
+    const results = [];
     let parentElement = child === null || child === void 0 ? void 0 : child.parentNode;
     while (parentElement !== undefined &&
         parentElement !== bodyElement &&
@@ -354,6 +354,7 @@ function getOverflowParents(child) {
         }
         parentElement = parentElement.parentNode;
     }
+    results.push(bodyElement);
     return results;
 }
 /**
@@ -692,9 +693,9 @@ _SkyAffixer_affixedElement = new WeakMap(), _SkyAffixer_baseElement = new WeakMa
     }
     return offset;
 }, _SkyAffixer_getImmediateOverflowParent = function _SkyAffixer_getImmediateOverflowParent() {
-    return __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[__classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f").length - 1];
+    return __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[0];
 }, _SkyAffixer_getAutoFitContextParent = function _SkyAffixer_getAutoFitContextParent() {
-    const bodyElement = __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[0];
+    const bodyElement = __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[__classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f").length - 1];
     return __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).autoFitContext === SkyAffixAutoFitContext.OverflowParent
         ? __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getImmediateOverflowParent).call(this)
         : bodyElement;
@@ -2128,7 +2129,7 @@ class SkyNumericService {
      */
     formatNumber(value, options) {
         var _a;
-        if (isNaN(value) || value === null) {
+        if (value === undefined || value === null || isNaN(value)) {
             return '';
         }
         const numericOptions = Object.assign({ digits: 0, format: 'number', currencySign: 'standard', iso: 'USD', truncateAfter: 1000 }, options);
@@ -2299,6 +2300,9 @@ class SkyNumericPipe {
      * Formats a number based on the provided options.
      */
     transform(value, config) {
+        if (value === undefined || value === null || isNaN(value)) {
+            return '';
+        }
         const newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
             `${value}_${(config === null || config === void 0 ? void 0 : config.locale) || __classPrivateFieldGet(this, _SkyNumericPipe_providerLocale, "f")}`;
         /* If the value and locale are the same as the last transform then return the previous value
@@ -2857,22 +2861,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-var _SkyResizeObserverService_instances, _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking, _SkyResizeObserverService_zone, _SkyResizeObserverService_observeAndTrack, _SkyResizeObserverService_callback;
+var _SkyResizeObserverService_instances, _SkyResizeObserverService_next, _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking, _SkyResizeObserverService_window, _SkyResizeObserverService_zone, _SkyResizeObserverService_observeAndTrack, _SkyResizeObserverService_callback;
 /**
  * Service to create rxjs observables for changes to the content box dimensions of elements.
  */
 class SkyResizeObserverService {
-    constructor(zone) {
+    constructor() {
         _SkyResizeObserverService_instances.add(this);
-        _SkyResizeObserverService_resizeObserver.set(this, void 0);
-        _SkyResizeObserverService_tracking.set(this, []);
-        _SkyResizeObserverService_zone.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyResizeObserverService_zone, zone, "f");
-        __classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver((entries) => {
+        _SkyResizeObserverService_next.set(this, new Map());
+        _SkyResizeObserverService_resizeObserver.set(this, new ResizeObserver((entries) => {
             entries.forEach((entry) => __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_callback).call(this, entry));
-        }), "f");
+        }));
+        _SkyResizeObserverService_tracking.set(this, []);
+        _SkyResizeObserverService_window.set(this, inject(SkyAppWindowRef));
+        _SkyResizeObserverService_zone.set(this, inject(NgZone));
     }
     ngOnDestroy() {
+        __classPrivateFieldGet(this, _SkyResizeObserverService_next, "f").forEach((value) => __classPrivateFieldGet(this, _SkyResizeObserverService_window, "f").nativeWindow.cancelAnimationFrame(value));
+        __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").forEach((value) => {
+            value.subject.complete();
+            __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(value.element);
+        });
         __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").disconnect();
     }
     /**
@@ -2882,7 +2891,7 @@ class SkyResizeObserverService {
         return __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_observeAndTrack).call(this, element).subjectObservable;
     }
 }
-_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap(), _SkyResizeObserverService_zone = new WeakMap(), _SkyResizeObserverService_instances = new WeakSet(), _SkyResizeObserverService_observeAndTrack = function _SkyResizeObserverService_observeAndTrack(element) {
+_SkyResizeObserverService_next = new WeakMap(), _SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap(), _SkyResizeObserverService_window = new WeakMap(), _SkyResizeObserverService_zone = new WeakMap(), _SkyResizeObserverService_instances = new WeakSet(), _SkyResizeObserverService_observeAndTrack = function _SkyResizeObserverService_observeAndTrack(element) {
     const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
         return !value.subject.closed && value.element === element.nativeElement;
     });
@@ -2899,6 +2908,10 @@ _SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverServ
         });
         if (checkTracking === -1) {
             __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
+            const deleteTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => value.subject === subject);
+            if (deleteTracking > -1) {
+                __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").splice(deleteTracking, 1);
+            }
         }
     }));
     const tracking = {
@@ -2910,26 +2923,31 @@ _SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverServ
     return tracking;
 }, _SkyResizeObserverService_callback = function _SkyResizeObserverService_callback(entry) {
     __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
-        .filter((value) => !(value.subject.closed || value.subject.isStopped))
+        .filter((value) => !value.subject.closed)
         .forEach((value) => {
         /* istanbul ignore else */
         if (value.element === entry.target) {
             // Execute the callback within NgZone because Angular does not "monkey patch"
             // ResizeObserver like it does for other features in the DOM.
-            __classPrivateFieldGet(this, _SkyResizeObserverService_zone, "f").run(() => {
-                value.subject.next(entry);
-            });
+            if (__classPrivateFieldGet(this, _SkyResizeObserverService_next, "f").has(value.subject)) {
+                __classPrivateFieldGet(this, _SkyResizeObserverService_window, "f").nativeWindow.cancelAnimationFrame(__classPrivateFieldGet(this, _SkyResizeObserverService_next, "f").get(value.subject));
+            }
+            __classPrivateFieldGet(this, _SkyResizeObserverService_next, "f").set(value.subject, __classPrivateFieldGet(this, _SkyResizeObserverService_window, "f").nativeWindow.requestAnimationFrame(() => {
+                __classPrivateFieldGet(this, _SkyResizeObserverService_zone, "f").run(() => {
+                    value.subject.next(entry);
+                });
+            }));
         }
     });
 };
-SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
+SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'any',
+                    providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
+        }] });
 
 var _SkyResizeObserverMediaQueryService_instances, _SkyResizeObserverMediaQueryService_breakpoints, _SkyResizeObserverMediaQueryService_currentBreakpoint, _SkyResizeObserverMediaQueryService_currentBreakpointObs, _SkyResizeObserverMediaQueryService_ngUnsubscribe, _SkyResizeObserverMediaQueryService_resizeObserverSvc, _SkyResizeObserverMediaQueryService_target, _SkyResizeObserverMediaQueryService_updateBreakpoint, _SkyResizeObserverMediaQueryService_updateResponsiveClasses, _SkyResizeObserverMediaQueryService_removeResponsiveClasses, _SkyResizeObserverMediaQueryService_getClassForBreakpoint, _SkyResizeObserverMediaQueryService_checkBreakpoint, _SkyResizeObserverMediaQueryService_checkWidth;
 const DEFAULT_BREAKPOINT = SkyMediaBreakpoints.md;
@@ -2937,13 +2955,7 @@ const DEFAULT_BREAKPOINT = SkyMediaBreakpoints.md;
  * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
  */
 class SkyResizeObserverMediaQueryService {
-    /**
-     * Returns the current breakpoint.
-     */
-    get current() {
-        return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, "f");
-    }
-    constructor(resizeObserverSvc) {
+    constructor() {
         _SkyResizeObserverMediaQueryService_instances.add(this);
         _SkyResizeObserverMediaQueryService_breakpoints.set(this, [
             {
@@ -2966,9 +2978,14 @@ class SkyResizeObserverMediaQueryService {
         _SkyResizeObserverMediaQueryService_currentBreakpoint.set(this, DEFAULT_BREAKPOINT);
         _SkyResizeObserverMediaQueryService_currentBreakpointObs.set(this, new ReplaySubject(1));
         _SkyResizeObserverMediaQueryService_ngUnsubscribe.set(this, new Subject());
-        _SkyResizeObserverMediaQueryService_resizeObserverSvc.set(this, void 0);
+        _SkyResizeObserverMediaQueryService_resizeObserverSvc.set(this, inject(SkyResizeObserverService));
         _SkyResizeObserverMediaQueryService_target.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_resizeObserverSvc, resizeObserverSvc, "f");
+    }
+    /**
+     * Returns the current breakpoint.
+     */
+    get current() {
+        return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, "f");
     }
     ngOnDestroy() {
         this.unobserve();
@@ -3059,11 +3076,11 @@ _SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObser
         __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint, updateResponsiveClasses);
     }
 };
-SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: SkyResizeObserverService }]; } });
+        }] });
 
 var _SkyScrollableHostService_instances, _SkyScrollableHostService_mutationObserverSvc, _SkyScrollableHostService_windowRef, _SkyScrollableHostService_resizeObserverSvc, _SkyScrollableHostService_findScrollableHost, _SkyScrollableHostService_observeDocumentHiddenElementChanges, _SkyScrollableHostService_observeForScrollableHostChanges, _SkyScrollableHostService_isElementVisible, _SkyScrollableHostService_getViewportSize;
 function notifySubscribers(subscribers, item) {