@skyux/core 8.7.1 → 8.8.0

package/fesm2020/skyux-core-testing.mjs

@@ -191,9 +191,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+const mockResizeObserverEntry = {
+    target: {},
+    borderBoxSize: [],
+    contentBoxSize: [],
+    contentRect: {
+        width: 20,
+        height: 20,
+        x: 20,
+        y: 20,
+        top: 20,
+        bottom: 20,
+        left: 20,
+        right: 20,
+        toJSON: () => 'true',
+    },
+    devicePixelContentBoxSize: [],
+};
+const defaultCallback = (entries, observer) => { };
+const mockResizeObserverHandle = {
+    callback: defaultCallback,
+    emit: (entries, observer) => {
+        mockResizeObserverHandle.callback(entries, observer);
+    },
+};
+function mockResizeObserver() {
+    window.ResizeObserver = class {
+        constructor(callback) {
+            mockResizeObserverHandle.callback = callback;
+        }
+        disconnect() { }
+        observe(target, options) { }
+        unobserve(element) { }
+    };
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MockSkyMediaQueryService, MockSkyUIConfigService, SkyComponentHarness, SkyCoreTestingModule, SkyOverlayHarness };
+export { MockSkyMediaQueryService, MockSkyUIConfigService, SkyComponentHarness, SkyCoreTestingModule, SkyOverlayHarness, mockResizeObserver, mockResizeObserverEntry, mockResizeObserverHandle };
 //# sourceMappingURL=skyux-core-testing.mjs.map

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/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","/**\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.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

@@ -2915,7 +2915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
-var _SkyResizeObserverMediaQueryService_instances, _SkyResizeObserverMediaQueryService_breakpoints, _SkyResizeObserverMediaQueryService_currentBreakpoint, _SkyResizeObserverMediaQueryService_currentBreakpointObs, _SkyResizeObserverMediaQueryService_ngUnsubscribe, _SkyResizeObserverMediaQueryService_resizeObserverSvc, _SkyResizeObserverMediaQueryService_target, _SkyResizeObserverMediaQueryService_updateBreakpoint, _SkyResizeObserverMediaQueryService_checkBreakpoint, _SkyResizeObserverMediaQueryService_checkWidth;
+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;
 /**
  * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
@@ -2969,7 +2969,7 @@ class SkyResizeObserverMediaQueryService {
      * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a
      * time. Any previous subscriptions will be unsubscribed when a new element is observed.
      */
-    observe(element) {
+    observe(element, options) {
         if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")) {
             if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f") === element) {
                 return this;
@@ -2977,22 +2977,23 @@ class SkyResizeObserverMediaQueryService {
             this.unobserve();
         }
         __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, element, "f");
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkWidth).call(this, element);
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkWidth).call(this, element, options?.updateResponsiveClasses);
         __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_resizeObserverSvc, "f")
             .observe(element)
             .pipe(takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f")))
             .subscribe((value) => {
             const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkBreakpoint).call(this, value.contentRect.width);
-            if (breakpoint && breakpoint !== this.current) {
-                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint);
+            if (breakpoint) {
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint, options?.updateResponsiveClasses);
             }
         });
         return this;
     }
     /**
-     * Stop watching the container element.
+     * Stop watching the container element and remove any added classes.
      */
     unobserve() {
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_removeResponsiveClasses).call(this);
         __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f").next();
         __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f").complete();
     }
@@ -3007,26 +3008,43 @@ class SkyResizeObserverMediaQueryService {
         });
     }
 }
-_SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpoint = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpointObs = new WeakMap(), _SkyResizeObserverMediaQueryService_ngUnsubscribe = new WeakMap(), _SkyResizeObserverMediaQueryService_resizeObserverSvc = new WeakMap(), _SkyResizeObserverMediaQueryService_target = new WeakMap(), _SkyResizeObserverMediaQueryService_instances = new WeakSet(), _SkyResizeObserverMediaQueryService_updateBreakpoint = function _SkyResizeObserverMediaQueryService_updateBreakpoint(breakpoint) {
+_SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpoint = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpointObs = new WeakMap(), _SkyResizeObserverMediaQueryService_ngUnsubscribe = new WeakMap(), _SkyResizeObserverMediaQueryService_resizeObserverSvc = new WeakMap(), _SkyResizeObserverMediaQueryService_target = new WeakMap(), _SkyResizeObserverMediaQueryService_instances = new WeakSet(), _SkyResizeObserverMediaQueryService_updateBreakpoint = function _SkyResizeObserverMediaQueryService_updateBreakpoint(breakpoint, updateResponsiveClasses) {
+    if (updateResponsiveClasses) {
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateResponsiveClasses).call(this, this.current, breakpoint);
+    }
+    if (this.current !== breakpoint) {
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObs, "f").next(breakpoint);
+    }
     __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, breakpoint, "f");
-    __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObs, "f").next(breakpoint);
+}, _SkyResizeObserverMediaQueryService_updateResponsiveClasses = function _SkyResizeObserverMediaQueryService_updateResponsiveClasses(oldBreakpoint, newBreakpoint) {
+    const oldClass = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_getClassForBreakpoint).call(this, oldBreakpoint);
+    const newClass = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_getClassForBreakpoint).call(this, newBreakpoint);
+    const targetClassList = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")?.nativeElement?.classList;
+    targetClassList?.remove(oldClass);
+    targetClassList?.add(newClass);
+}, _SkyResizeObserverMediaQueryService_removeResponsiveClasses = function _SkyResizeObserverMediaQueryService_removeResponsiveClasses() {
+    for (const breakpoint of Object.values(SkyMediaBreakpoints)) {
+        if (typeof breakpoint === 'number') {
+            const className = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_getClassForBreakpoint).call(this, breakpoint);
+            __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")?.nativeElement?.classList?.remove(className);
+        }
+    }
+}, _SkyResizeObserverMediaQueryService_getClassForBreakpoint = function _SkyResizeObserverMediaQueryService_getClassForBreakpoint(breakpoint) {
+    return `sky-responsive-container-${SkyMediaBreakpoints[breakpoint]}`;
 }, _SkyResizeObserverMediaQueryService_checkBreakpoint = function _SkyResizeObserverMediaQueryService_checkBreakpoint(width) {
     const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_breakpoints, "f").find((breakpoint) => breakpoint.check(width));
     return breakpoint ? breakpoint.name : undefined;
-}, _SkyResizeObserverMediaQueryService_checkWidth = function _SkyResizeObserverMediaQueryService_checkWidth(el) {
+}, _SkyResizeObserverMediaQueryService_checkWidth = function _SkyResizeObserverMediaQueryService_checkWidth(el, updateResponsiveClasses) {
     const width = el.nativeElement.offsetWidth || 0;
     const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkBreakpoint).call(this, width);
-    if (breakpoint && breakpoint !== __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, "f")) {
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint);
+    if (breakpoint) {
+        __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.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
+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,
-            args: [{
-                    providedIn: 'any',
-                }]
+            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;