@skyux/core 8.10.4 → 8.10.6

package/fesm2020/skyux-core-testing.mjs

@@ -216,6 +216,11 @@ const mockResizeObserverHandle = {
     },
 };
 function mockResizeObserver() {
+    window.requestAnimationFrame = (callback) => {
+        callback();
+        return 0;
+    };
+    window.cancelAnimationFrame = (_) => undefined;
     window.ResizeObserver = class {
         constructor(callback) {
             mockResizeObserverHandle.callback = callback;

package/fesm2020/skyux-core-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-core-testing.mjs","sources":["../../../../../libs/components/core/testing/src/overlay/overlay-harness.ts","../../../../../libs/components/core/testing/src/shared/component-harness.ts","../../../../../libs/components/core/testing/src/mock-media-query.service.ts","../../../../../libs/components/core/testing/src/mock-ui-config.service.ts","../../../../../libs/components/core/testing/src/core-testing.module.ts","../../../../../libs/components/core/testing/src/resize-observer-mock.ts","../../../../../libs/components/core/testing/src/skyux-core-testing.ts"],"sourcesContent":["import {\n  ComponentHarness,\n  HarnessPredicate,\n  HarnessQuery,\n  TestElement,\n} from '@angular/cdk/testing';\n\nimport { SkyOverlayHarnessFilters } from './overlay-harness-filters';\n\n/**\n * Harness for interacting with an overlay component in tests.\n * @internal\n */\nexport class SkyOverlayHarness extends ComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-overlay';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyOverlayHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyOverlayHarnessFilters\n  ): HarnessPredicate<SkyOverlayHarness> {\n    return new HarnessPredicate(SkyOverlayHarness, filters);\n  }\n\n  /**\n   * Returns a child harness.\n   */\n  public async queryHarness<T extends ComponentHarness>(\n    harness: HarnessQuery<T>\n  ): Promise<T | null> {\n    return this.locatorForOptional(harness)();\n  }\n\n  /**\n   * Returns child harnesses.\n   */\n  public async queryHarnesses<T extends ComponentHarness>(\n    harness: HarnessQuery<T>\n  ): Promise<T[]> {\n    return this.locatorForAll(harness)();\n  }\n\n  /**\n   * Returns a child test element.\n   */\n  public async querySelector(selector: string): Promise<TestElement | null> {\n    return this.locatorForOptional(selector)();\n  }\n\n  /**\n   * Returns child test elements.\n   */\n  public async querySelectorAll(selector: string): Promise<TestElement[]> {\n    return this.locatorForAll(selector)();\n  }\n}\n","import {\n  ComponentHarness,\n  ComponentHarnessConstructor,\n  HarnessPredicate,\n} from '@angular/cdk/testing';\n\nimport { SkyHarnessFilters } from './harness-filters';\n\n/**\n * @internal\n */\nexport abstract class SkyComponentHarness extends ComponentHarness {\n  protected static getDataSkyIdPredicate<T extends SkyComponentHarness>(\n    this: ComponentHarnessConstructor<T>,\n    filters: SkyHarnessFilters\n  ) {\n    return new HarnessPredicate(this, filters).addOption(\n      'dataSkyId',\n      filters.dataSkyId,\n      (harness, text) =>\n        HarnessPredicate.stringMatches(harness.#getSkyId(), text)\n    );\n  }\n\n  async #getSkyId(): Promise<string | null> {\n    return (await this.host()).getAttribute('data-sky-id');\n  }\n}\n","import { Injectable, NgZone } from '@angular/core';\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryListener,\n  SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class MockSkyMediaQueryService extends SkyMediaQueryService {\n  public static override xs = '(max-width: 767px)';\n  public static override sm = '(min-width: 768px) and (max-width: 991px)';\n  public static override md = '(min-width: 992px) and (max-width: 1199px)';\n  public static override lg = '(min-width: 1200px)';\n\n  public override get current(): SkyMediaBreakpoints {\n    return this.currentBreakpoints;\n  }\n\n  public override set current(breakpoints: SkyMediaBreakpoints) {\n    this.currentBreakpoints = breakpoints;\n  }\n\n  public currentMockSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  protected currentBreakpoints = SkyMediaBreakpoints.md;\n\n  constructor() {\n    super(\n      new NgZone({\n        enableLongStackTrace: true,\n      })\n    );\n  }\n\n  public override subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentMockSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  public fire(args: SkyMediaBreakpoints): void {\n    this.currentBreakpoints = args;\n    this.currentMockSubject.next(this.currentBreakpoints);\n  }\n\n  /* istanbul ignore next */\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public override destroy(): void {}\n}\n","import { Injectable } from '@angular/core';\nimport { SkyUIConfigService } from '@skyux/core';\n\nimport { Observable, of as observableOf } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class MockSkyUIConfigService extends SkyUIConfigService {\n  public override getConfig(key: string, defaultConfig?: any): Observable<any> {\n    switch (key) {\n      case 'defaultSettings':\n        return observableOf(defaultConfig);\n      case 'badData':\n        return observableOf({ invalidProperty: 'invalidData' });\n      default: {\n        return observableOf({\n          settings: {\n            userSettings: {\n              singleColumn: {\n                tiles: [\n                  {\n                    id: 'tile-1',\n                    isCollapsed: true,\n                  },\n                  {\n                    id: 'tile-2',\n                    isCollapsed: true,\n                  },\n                ],\n              },\n              multiColumn: [\n                {\n                  tiles: [\n                    {\n                      id: 'tile-2',\n                      isCollapsed: true,\n                    },\n                  ],\n                },\n                {\n                  tiles: [\n                    {\n                      id: 'tile-1',\n                      isCollapsed: true,\n                    },\n                  ],\n                },\n              ],\n            },\n            defaultSettings: ['tile-1', 'tile-2'],\n          },\n        });\n      }\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SkyMediaQueryService, SkyUIConfigService } from '@skyux/core';\n\nimport { MockSkyMediaQueryService } from './mock-media-query.service';\nimport { MockSkyUIConfigService } from './mock-ui-config.service';\n\n/**\n * @internal\n */\n@NgModule({\n  providers: [\n    { provide: SkyMediaQueryService, useClass: MockSkyMediaQueryService },\n    {\n      provide: SkyUIConfigService,\n      useClass: MockSkyUIConfigService,\n    },\n  ],\n})\nexport class SkyCoreTestingModule {}\n","export const mockResizeObserverEntry: ResizeObserverEntry = {\n  target: {} as Element,\n  borderBoxSize: [],\n  contentBoxSize: [],\n  contentRect: {\n    width: 20,\n    height: 20,\n    x: 20,\n    y: 20,\n    top: 20,\n    bottom: 20,\n    left: 20,\n    right: 20,\n    toJSON: () => 'true',\n  } as DOMRectReadOnly,\n  devicePixelContentBoxSize: [],\n};\n\nconst defaultCallback: ResizeObserverCallback = (\n  entries: ResizeObserverEntry[],\n  observer: ResizeObserver\n) => {};\n\nexport const mockResizeObserverHandle = {\n  callback: defaultCallback,\n  emit: (entries: ResizeObserverEntry[], observer?: ResizeObserver) => {\n    mockResizeObserverHandle.callback(entries, observer!);\n  },\n};\n\nexport function mockResizeObserver() {\n  window.ResizeObserver = class {\n    constructor(callback: ResizeObserverCallback) {\n      mockResizeObserverHandle.callback = callback;\n    }\n\n    public disconnect() {}\n\n    public observe(target: Element, options?: ResizeObserverOptions) {}\n\n    public unobserve(element: HTMLElement) {}\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["observableOf"],"mappings":"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"}
+{"version":3,"file":"skyux-core-testing.mjs","sources":["../../../../../libs/components/core/testing/src/overlay/overlay-harness.ts","../../../../../libs/components/core/testing/src/shared/component-harness.ts","../../../../../libs/components/core/testing/src/mock-media-query.service.ts","../../../../../libs/components/core/testing/src/mock-ui-config.service.ts","../../../../../libs/components/core/testing/src/core-testing.module.ts","../../../../../libs/components/core/testing/src/resize-observer-mock.ts","../../../../../libs/components/core/testing/src/skyux-core-testing.ts"],"sourcesContent":["import {\n  ComponentHarness,\n  HarnessPredicate,\n  HarnessQuery,\n  TestElement,\n} from '@angular/cdk/testing';\n\nimport { SkyOverlayHarnessFilters } from './overlay-harness-filters';\n\n/**\n * Harness for interacting with an overlay component in tests.\n * @internal\n */\nexport class SkyOverlayHarness extends ComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-overlay';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyOverlayHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyOverlayHarnessFilters\n  ): HarnessPredicate<SkyOverlayHarness> {\n    return new HarnessPredicate(SkyOverlayHarness, filters);\n  }\n\n  /**\n   * Returns a child harness.\n   */\n  public async queryHarness<T extends ComponentHarness>(\n    harness: HarnessQuery<T>\n  ): Promise<T | null> {\n    return this.locatorForOptional(harness)();\n  }\n\n  /**\n   * Returns child harnesses.\n   */\n  public async queryHarnesses<T extends ComponentHarness>(\n    harness: HarnessQuery<T>\n  ): Promise<T[]> {\n    return this.locatorForAll(harness)();\n  }\n\n  /**\n   * Returns a child test element.\n   */\n  public async querySelector(selector: string): Promise<TestElement | null> {\n    return this.locatorForOptional(selector)();\n  }\n\n  /**\n   * Returns child test elements.\n   */\n  public async querySelectorAll(selector: string): Promise<TestElement[]> {\n    return this.locatorForAll(selector)();\n  }\n}\n","import {\n  ComponentHarness,\n  ComponentHarnessConstructor,\n  HarnessPredicate,\n} from '@angular/cdk/testing';\n\nimport { SkyHarnessFilters } from './harness-filters';\n\n/**\n * @internal\n */\nexport abstract class SkyComponentHarness extends ComponentHarness {\n  protected static getDataSkyIdPredicate<T extends SkyComponentHarness>(\n    this: ComponentHarnessConstructor<T>,\n    filters: SkyHarnessFilters\n  ) {\n    return new HarnessPredicate(this, filters).addOption(\n      'dataSkyId',\n      filters.dataSkyId,\n      (harness, text) =>\n        HarnessPredicate.stringMatches(harness.#getSkyId(), text)\n    );\n  }\n\n  async #getSkyId(): Promise<string | null> {\n    return (await this.host()).getAttribute('data-sky-id');\n  }\n}\n","import { Injectable, NgZone } from '@angular/core';\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryListener,\n  SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class MockSkyMediaQueryService extends SkyMediaQueryService {\n  public static override xs = '(max-width: 767px)';\n  public static override sm = '(min-width: 768px) and (max-width: 991px)';\n  public static override md = '(min-width: 992px) and (max-width: 1199px)';\n  public static override lg = '(min-width: 1200px)';\n\n  public override get current(): SkyMediaBreakpoints {\n    return this.currentBreakpoints;\n  }\n\n  public override set current(breakpoints: SkyMediaBreakpoints) {\n    this.currentBreakpoints = breakpoints;\n  }\n\n  public currentMockSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  protected currentBreakpoints = SkyMediaBreakpoints.md;\n\n  constructor() {\n    super(\n      new NgZone({\n        enableLongStackTrace: true,\n      })\n    );\n  }\n\n  public override subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentMockSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  public fire(args: SkyMediaBreakpoints): void {\n    this.currentBreakpoints = args;\n    this.currentMockSubject.next(this.currentBreakpoints);\n  }\n\n  /* istanbul ignore next */\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public override destroy(): void {}\n}\n","import { Injectable } from '@angular/core';\nimport { SkyUIConfigService } from '@skyux/core';\n\nimport { Observable, of as observableOf } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class MockSkyUIConfigService extends SkyUIConfigService {\n  public override getConfig(key: string, defaultConfig?: any): Observable<any> {\n    switch (key) {\n      case 'defaultSettings':\n        return observableOf(defaultConfig);\n      case 'badData':\n        return observableOf({ invalidProperty: 'invalidData' });\n      default: {\n        return observableOf({\n          settings: {\n            userSettings: {\n              singleColumn: {\n                tiles: [\n                  {\n                    id: 'tile-1',\n                    isCollapsed: true,\n                  },\n                  {\n                    id: 'tile-2',\n                    isCollapsed: true,\n                  },\n                ],\n              },\n              multiColumn: [\n                {\n                  tiles: [\n                    {\n                      id: 'tile-2',\n                      isCollapsed: true,\n                    },\n                  ],\n                },\n                {\n                  tiles: [\n                    {\n                      id: 'tile-1',\n                      isCollapsed: true,\n                    },\n                  ],\n                },\n              ],\n            },\n            defaultSettings: ['tile-1', 'tile-2'],\n          },\n        });\n      }\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SkyMediaQueryService, SkyUIConfigService } from '@skyux/core';\n\nimport { MockSkyMediaQueryService } from './mock-media-query.service';\nimport { MockSkyUIConfigService } from './mock-ui-config.service';\n\n/**\n * @internal\n */\n@NgModule({\n  providers: [\n    { provide: SkyMediaQueryService, useClass: MockSkyMediaQueryService },\n    {\n      provide: SkyUIConfigService,\n      useClass: MockSkyUIConfigService,\n    },\n  ],\n})\nexport class SkyCoreTestingModule {}\n","export const mockResizeObserverEntry: ResizeObserverEntry = {\n  target: {} as Element,\n  borderBoxSize: [],\n  contentBoxSize: [],\n  contentRect: {\n    width: 20,\n    height: 20,\n    x: 20,\n    y: 20,\n    top: 20,\n    bottom: 20,\n    left: 20,\n    right: 20,\n    toJSON: () => 'true',\n  } as DOMRectReadOnly,\n  devicePixelContentBoxSize: [],\n};\n\nconst defaultCallback: ResizeObserverCallback = (\n  entries: ResizeObserverEntry[],\n  observer: ResizeObserver\n) => {};\n\nexport const mockResizeObserverHandle = {\n  callback: defaultCallback,\n  emit: (entries: ResizeObserverEntry[], observer?: ResizeObserver) => {\n    mockResizeObserverHandle.callback(entries, observer!);\n  },\n};\n\nexport function mockResizeObserver() {\n  (window as any).requestAnimationFrame = (callback: () => void): number => {\n    callback();\n    return 0;\n  };\n  (window as any).cancelAnimationFrame = (_: number): void => undefined;\n  window.ResizeObserver = class {\n    constructor(callback: ResizeObserverCallback) {\n      mockResizeObserverHandle.callback = callback;\n    }\n\n    public disconnect() {}\n\n    public observe(target: Element, options?: ResizeObserverOptions) {}\n\n    public unobserve(element: HTMLElement) {}\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["observableOf"],"mappings":"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"}

package/fesm2020/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?.parentNode;
     while (parentElement !== undefined &&
         parentElement !== bodyElement &&
@@ -354,6 +354,7 @@ function getOverflowParents(child) {
         }
         parentElement = parentElement.parentNode;
     }
+    results.push(bodyElement);
     return results;
 }
 /**
@@ -695,9 +696,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;
@@ -2121,7 +2122,7 @@ class SkyNumericService {
      * @param options Format options.
      */
     formatNumber(value, options) {
-        if (isNaN(value) || value === null) {
+        if (value === undefined || value === null || isNaN(value)) {
             return '';
         }
         const numericOptions = {
@@ -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?.locale || __classPrivateFieldGet(this, _SkyNumericPipe_providerLocale, "f")}`;
         /* If the value and locale are the same as the last transform then return the previous value
@@ -2855,22 +2859,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();
     }
     /**
@@ -2880,7 +2889,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;
     });
@@ -2897,6 +2906,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 = {
@@ -2908,26 +2921,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;
@@ -2935,13 +2953,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, [
             {
@@ -2964,9 +2976,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();
@@ -3055,11 +3072,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) {