@skyux/core 5.6.2 → 5.7.0

package/esm2015/lib/modules/dock/dock.service.js

@@ -13,13 +13,12 @@ import * as i1 from "../dynamic-component/dynamic-component.service";
 export class SkyDockService {
     constructor(dynamicComponentService) {
         this.dynamicComponentService = dynamicComponentService;
-        this._items = [];
     }
     /**
      * Returns all docked items.
      */
     get items() {
-        return this._items;
+        return SkyDockService._items;
     }
     /**
      * Docks a component to the bottom of the page.
@@ -27,20 +26,20 @@ export class SkyDockService {
      * @param config Options that affect the docking action.
      */
     insertComponent(component, config) {
-        if (!this.dockRef) {
+        if (!SkyDockService.dockRef) {
             this.createDock();
         }
-        const itemRef = this.dockRef.instance.insertComponent(component, config);
+        const itemRef = SkyDockService.dockRef.instance.insertComponent(component, config);
         const item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
         item.destroyed.subscribe(() => {
-            this.dockRef.instance.removeItem(itemRef);
-            this._items.splice(this._items.indexOf(item), 1);
-            if (this._items.length === 0) {
+            SkyDockService.dockRef.instance.removeItem(itemRef);
+            SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
+            if (SkyDockService._items.length === 0) {
                 this.destroyDock();
             }
         });
-        this._items.push(item);
-        this._items.sort(sortByStackOrder);
+        SkyDockService._items.push(item);
+        SkyDockService._items.sort(sortByStackOrder);
         return item;
     }
     /**
@@ -73,20 +72,24 @@ export class SkyDockService {
                 referenceEl: this.options.referenceEl,
             };
         }
-        this.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
-        this.dockRef.instance.setOptions(this.options);
+        SkyDockService.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
+        SkyDockService.dockRef.instance.setOptions(this.options);
     }
     destroyDock() {
-        this.dynamicComponentService.removeComponent(this.dockRef);
-        this.dockRef = undefined;
+        this.dynamicComponentService.removeComponent(SkyDockService.dockRef);
+        SkyDockService.dockRef = undefined;
     }
 }
+SkyDockService._items = [];
 SkyDockService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, deps: [{ token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, providedIn: 'root' });
+SkyDockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    // Must be 'any' so that the dock component is created in the context of its module's injector.
+                    // If set to 'root', the component's dependency injections would only be derived from the root
+                    // injector and may loose context if the dock was opened from within a lazy-loaded module.
+                    providedIn: 'any',
                 }]
         }], ctorParameters: function () { return [{ type: i1.SkyDynamicComponentService }]; } });
 //# sourceMappingURL=dock.service.js.map

package/esm2015/lib/modules/dock/dock.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"dock.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentRef, Injectable, Type } from '@angular/core';\n\nimport { SkyDynamicComponentLocation } from '../dynamic-component/dynamic-component-location';\nimport { SkyDynamicComponentOptions } from '../dynamic-component/dynamic-component-options';\nimport { SkyDynamicComponentService } from '../dynamic-component/dynamic-component.service';\n\nimport { SkyDockInsertComponentConfig } from './dock-insert-component-config';\nimport { SkyDockItem } from './dock-item';\nimport { SkyDockLocation } from './dock-location';\nimport { SkyDockOptions } from './dock-options';\nimport { SkyDockComponent } from './dock.component';\nimport { sortByStackOrder } from './sort-by-stack-order';\n\n/**\n * This service docks components to specific areas on the page.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyDockService {\n  /**\n   * Returns all docked items.\n   */\n  public get items(): SkyDockItem<any>[] {\n    return this._items;\n  }\n\n  private dockRef: ComponentRef<SkyDockComponent>;\n\n  private options: SkyDockOptions;\n\n  private _items: SkyDockItem<any>[] = [];\n\n  constructor(private dynamicComponentService: SkyDynamicComponentService) {}\n\n  /**\n   * Docks a component to the bottom of the page.\n   * @param component The component to dock.\n   * @param config Options that affect the docking action.\n   */\n  public insertComponent<T>(\n    component: Type<T>,\n    config?: SkyDockInsertComponentConfig\n  ): SkyDockItem<T> {\n    if (!this.dockRef) {\n      this.createDock();\n    }\n\n    const itemRef = this.dockRef.instance.insertComponent(component, config);\n    const item = new SkyDockItem(\n      itemRef.componentRef.instance,\n      itemRef.stackOrder\n    );\n\n    item.destroyed.subscribe(() => {\n      this.dockRef.instance.removeItem(itemRef);\n      this._items.splice(this._items.indexOf(item), 1);\n      if (this._items.length === 0) {\n        this.destroyDock();\n      }\n    });\n\n    this._items.push(item);\n    this._items.sort(sortByStackOrder);\n\n    return item;\n  }\n\n  /**\n   * Sets options for the positioning and styling of the dock component. Since the dock service is a\n   * singleton instance, these options will be applied to all components inserted into the dock. In\n   * order to create a seperate dock with different options, consumers should provide a different\n   * instance of the dock service.\n   * @param options The options for positioning and styling\n   */\n  public setDockOptions(options: SkyDockOptions): void {\n    this.options = options;\n  }\n\n  private createDock(): void {\n    let dockOptions: SkyDynamicComponentOptions;\n\n    if (this.options) {\n      let dynamicLocation: SkyDynamicComponentLocation;\n      switch (this.options.location) {\n        case SkyDockLocation.BeforeElement:\n          dynamicLocation = SkyDynamicComponentLocation.BeforeElement;\n          break;\n        case SkyDockLocation.ElementBottom:\n          dynamicLocation = SkyDynamicComponentLocation.ElementBottom;\n          break;\n        default:\n          dynamicLocation = SkyDynamicComponentLocation.BodyTop;\n          break;\n      }\n\n      dockOptions = {\n        location: dynamicLocation,\n        referenceEl: this.options.referenceEl,\n      };\n    }\n\n    this.dockRef = this.dynamicComponentService.createComponent(\n      SkyDockComponent,\n      dockOptions\n    );\n    this.dockRef.instance.setOptions(this.options);\n  }\n\n  private destroyDock(): void {\n    this.dynamicComponentService.removeComponent(this.dockRef);\n    this.dockRef = undefined;\n  }\n}\n"]}
+{"version":3,"file":"dock.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentRef, Injectable, Type } from '@angular/core';\n\nimport { SkyDynamicComponentLocation } from '../dynamic-component/dynamic-component-location';\nimport { SkyDynamicComponentOptions } from '../dynamic-component/dynamic-component-options';\nimport { SkyDynamicComponentService } from '../dynamic-component/dynamic-component.service';\n\nimport { SkyDockInsertComponentConfig } from './dock-insert-component-config';\nimport { SkyDockItem } from './dock-item';\nimport { SkyDockLocation } from './dock-location';\nimport { SkyDockOptions } from './dock-options';\nimport { SkyDockComponent } from './dock.component';\nimport { sortByStackOrder } from './sort-by-stack-order';\n\n/**\n * This service docks components to specific areas on the page.\n */\n@Injectable({\n  // Must be 'any' so that the dock component is created in the context of its module's injector.\n  // If set to 'root', the component's dependency injections would only be derived from the root\n  // injector and may loose context if the dock was opened from within a lazy-loaded module.\n  providedIn: 'any',\n})\nexport class SkyDockService {\n  private static dockRef: ComponentRef<SkyDockComponent>;\n  private static _items: SkyDockItem<any>[] = [];\n\n  /**\n   * Returns all docked items.\n   */\n  public get items(): SkyDockItem<any>[] {\n    return SkyDockService._items;\n  }\n\n  private options: SkyDockOptions;\n\n  constructor(private dynamicComponentService: SkyDynamicComponentService) {}\n\n  /**\n   * Docks a component to the bottom of the page.\n   * @param component The component to dock.\n   * @param config Options that affect the docking action.\n   */\n  public insertComponent<T>(\n    component: Type<T>,\n    config?: SkyDockInsertComponentConfig\n  ): SkyDockItem<T> {\n    if (!SkyDockService.dockRef) {\n      this.createDock();\n    }\n\n    const itemRef = SkyDockService.dockRef.instance.insertComponent(\n      component,\n      config\n    );\n    const item = new SkyDockItem(\n      itemRef.componentRef.instance,\n      itemRef.stackOrder\n    );\n\n    item.destroyed.subscribe(() => {\n      SkyDockService.dockRef.instance.removeItem(itemRef);\n      SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);\n      if (SkyDockService._items.length === 0) {\n        this.destroyDock();\n      }\n    });\n\n    SkyDockService._items.push(item);\n    SkyDockService._items.sort(sortByStackOrder);\n\n    return item;\n  }\n\n  /**\n   * Sets options for the positioning and styling of the dock component. Since the dock service is a\n   * singleton instance, these options will be applied to all components inserted into the dock. In\n   * order to create a seperate dock with different options, consumers should provide a different\n   * instance of the dock service.\n   * @param options The options for positioning and styling\n   */\n  public setDockOptions(options: SkyDockOptions): void {\n    this.options = options;\n  }\n\n  private createDock(): void {\n    let dockOptions: SkyDynamicComponentOptions;\n\n    if (this.options) {\n      let dynamicLocation: SkyDynamicComponentLocation;\n      switch (this.options.location) {\n        case SkyDockLocation.BeforeElement:\n          dynamicLocation = SkyDynamicComponentLocation.BeforeElement;\n          break;\n        case SkyDockLocation.ElementBottom:\n          dynamicLocation = SkyDynamicComponentLocation.ElementBottom;\n          break;\n        default:\n          dynamicLocation = SkyDynamicComponentLocation.BodyTop;\n          break;\n      }\n\n      dockOptions = {\n        location: dynamicLocation,\n        referenceEl: this.options.referenceEl,\n      };\n    }\n\n    SkyDockService.dockRef = this.dynamicComponentService.createComponent(\n      SkyDockComponent,\n      dockOptions\n    );\n    SkyDockService.dockRef.instance.setOptions(this.options);\n  }\n\n  private destroyDock(): void {\n    this.dynamicComponentService.removeComponent(SkyDockService.dockRef);\n    SkyDockService.dockRef = undefined;\n  }\n}\n"]}

package/esm2015/lib/modules/numeric/numeric.options.js

@@ -27,7 +27,7 @@ export class NumericOptions {
         this.iso = 'USD';
         /**
          * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
-         * such as K for thousands, M for millions, B for billions, and T for trillion.
+         * such as K for thousands, M for millions, B for billions, and T for trillions.
          */
         this.truncate = true;
         /**

package/esm2015/lib/modules/numeric/numeric.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"numeric.options.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.options.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAO,cAAc;IAA3B;QACE;;;WAGG;QACI,WAAM,GAAY,CAAC,CAAC;QAE3B;;;WAGG;QACI,WAAM,GAAY,QAAQ,CAAC;QAElC;;;WAGG;QACI,iBAAY,GAA+B,UAAU,CAAC;QAE7D;;;;;WAKG;QACI,QAAG,GAAY,KAAK,CAAC;QAc5B;;;WAGG;QACI,aAAQ,GAAa,IAAI,CAAC;QAEjC;;;;WAIG;QACI,kBAAa,GAAY,CAAC,CAAC;IACpC,CAAC;CAAA","sourcesContent":["/**\n * Provides arguments for the number to format.\n */\nexport class NumericOptions {\n  /**\n   * Specifies the maximum number of digits after the decimal separator.\n   * @default 1\n   */\n  public digits?: number = 1;\n\n  /**\n   * Specifies how to format the number. Options are `currency` or `number`.\n   * @default \"number\"\n   */\n  public format?: string = 'number';\n\n  /**\n   * Specifies the format of the currency.\n   * @default \"standard\"\n   */\n  public currencySign?: 'accounting' | 'standard' = 'standard';\n\n  /**\n   * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a\n   * currency code, the component uses the browser's culture to determine the currency unless your\n   * SPA provides a different culture with `SkyAppLocaleProvider`.\n   * @default \"USD\"\n   */\n  public iso?: string = 'USD';\n\n  /**\n   * Specifies the locale code to use when formatting.\n   */\n  public locale?: string;\n\n  /**\n   * Specifies the minimum number of digits after the decimal separator. This property only applies\n   * when the `truncate` property is set to `false`. If `digits` specifies a maximum number of\n   * digits, then `minDigits` must be less than that value.\n   */\n  public minDigits?: number;\n\n  /**\n   * Indicates whether to shorten numbers to rounded numbers and abbreviation characters\n   * such as K for thousands, M for millions, B for billions, and T for trillion.\n   */\n  public truncate?: boolean = true;\n\n  /**\n   * Specifies the starting point after which numbers are shortened to rounded numbers\n   * and abbreviation characters.\n   * @default 0\n   */\n  public truncateAfter?: number = 0;\n}\n"]}
+{"version":3,"file":"numeric.options.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.options.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAO,cAAc;IAA3B;QACE;;;WAGG;QACI,WAAM,GAAY,CAAC,CAAC;QAE3B;;;WAGG;QACI,WAAM,GAAY,QAAQ,CAAC;QAElC;;;WAGG;QACI,iBAAY,GAA+B,UAAU,CAAC;QAE7D;;;;;WAKG;QACI,QAAG,GAAY,KAAK,CAAC;QAc5B;;;WAGG;QACI,aAAQ,GAAa,IAAI,CAAC;QAEjC;;;;WAIG;QACI,kBAAa,GAAY,CAAC,CAAC;IACpC,CAAC;CAAA","sourcesContent":["/**\n * Provides arguments for the number to format.\n */\nexport class NumericOptions {\n  /**\n   * Specifies the maximum number of digits after the decimal separator.\n   * @default 1\n   */\n  public digits?: number = 1;\n\n  /**\n   * Specifies how to format the number. Options are `currency` or `number`.\n   * @default \"number\"\n   */\n  public format?: string = 'number';\n\n  /**\n   * Specifies the format of the currency.\n   * @default \"standard\"\n   */\n  public currencySign?: 'accounting' | 'standard' = 'standard';\n\n  /**\n   * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a\n   * currency code, the component uses the browser's culture to determine the currency unless your\n   * SPA provides a different culture with `SkyAppLocaleProvider`.\n   * @default \"USD\"\n   */\n  public iso?: string = 'USD';\n\n  /**\n   * Specifies the locale code to use when formatting.\n   */\n  public locale?: string;\n\n  /**\n   * Specifies the minimum number of digits after the decimal separator. This property only applies\n   * when the `truncate` property is set to `false`. If `digits` specifies a maximum number of\n   * digits, then `minDigits` must be less than that value.\n   */\n  public minDigits?: number;\n\n  /**\n   * Indicates whether to shorten numbers to rounded numbers and abbreviation characters\n   * such as K for thousands, M for millions, B for billions, and T for trillions.\n   */\n  public truncate?: boolean = true;\n\n  /**\n   * Specifies the starting point after which numbers are shortened to rounded numbers\n   * and abbreviation characters.\n   * @default 0\n   */\n  public truncateAfter?: number = 0;\n}\n"]}

package/esm2015/lib/modules/scrollable-host/scrollable-host.service.js

@@ -33,20 +33,30 @@ export class SkyScrollableHostService {
      */
     watchScrollableHost(elementRef) {
         const subscribers = [];
-        let mutationObserver;
+        let parentMutationObserver;
+        let documentHiddenElementMutationObserver;
         return new Observable((subscriber) => {
             subscribers.push(subscriber);
             let scrollableHost = this.findScrollableHost(elementRef.nativeElement);
             if (subscribers.length === 1) {
-                mutationObserver = this.mutationObserverSvc.create(() => {
+                parentMutationObserver = this.mutationObserverSvc.create(() => {
                     const newScrollableHost = this.findScrollableHost(elementRef.nativeElement);
-                    if (newScrollableHost !== scrollableHost) {
+                    if (newScrollableHost !== scrollableHost &&
+                        elementRef.nativeElement.offsetParent) {
                         scrollableHost = newScrollableHost;
-                        this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                        this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         notifySubscribers(subscribers, scrollableHost);
                     }
                 });
-                this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
+                documentHiddenElementMutationObserver = this.mutationObserverSvc.create(() => {
+                    if (!elementRef.nativeElement.offsetParent) {
+                        scrollableHost = undefined;
+                        this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
+                        notifySubscribers(subscribers, scrollableHost);
+                    }
+                });
+                this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
             }
             subscriber.next(scrollableHost);
             subscriber.add(() => {
@@ -57,7 +67,8 @@ export class SkyScrollableHostService {
                     subscribers.splice(subIndex, 1);
                 }
                 if (subscribers.length === 0) {
-                    mutationObserver.disconnect();
+                    documentHiddenElementMutationObserver.disconnect();
+                    parentMutationObserver.disconnect();
                 }
             });
         });
@@ -66,7 +77,7 @@ export class SkyScrollableHostService {
      * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
      * @param elementRef The element whose scrollable host scroll events are being requested
      * @param completionObservable An observable which alerts the internal observers that they should complete
-     * @returns An observable which emits the scroll events from the given element's scrollable host
+     * @returns An observable which emits when the elements scrollable host is scrolled or is changed
      */
     watchScrollableHostScrollEvents(elementRef) {
         const subscribers = [];
@@ -85,11 +96,13 @@ export class SkyScrollableHostService {
                     }
                     scrollableHost = newScrollableHost;
                     newScrollableHostObservable = new Subject();
-                    scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
-                        .pipe(takeUntil(newScrollableHostObservable))
-                        .subscribe(() => {
-                        notifySubscribers(subscribers);
-                    });
+                    if (newScrollableHost) {
+                        scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
+                            .pipe(takeUntil(newScrollableHostObservable))
+                            .subscribe(() => {
+                            notifySubscribers(subscribers);
+                        });
+                    }
                 });
             }
             subscriber.add(() => {
@@ -132,12 +145,20 @@ export class SkyScrollableHostService {
         }
         return parent;
     }
+    observeDocumentHiddenElementChanges(mutationObserver) {
+        mutationObserver.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['class', 'style', 'hidden'],
+            childList: true,
+            subtree: true,
+        });
+    }
     observeForScrollableHostChanges(element, mutationObserver) {
         mutationObserver.disconnect();
         if (element instanceof HTMLElement) {
             mutationObserver.observe(element, {
                 attributes: true,
-                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                attributeFilter: ['class', 'style'],
                 childList: true,
                 subtree: true,
             });
@@ -145,7 +166,7 @@ export class SkyScrollableHostService {
         else {
             mutationObserver.observe(document.documentElement, {
                 attributes: true,
-                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                attributeFilter: ['class', 'style'],
                 childList: true,
                 subtree: true,
             });

package/esm2015/lib/modules/scrollable-host/scrollable-host.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollable-host.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/scrollable-host/scrollable-host.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\nimport { Observable, Subject, Subscriber, Subscription, fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { MutationObserverService } from '../mutation/mutation-observer-service';\nimport { SkyAppWindowRef } from '../window/window-ref';\n\nfunction notifySubscribers(subscribers: Subscriber<unknown>[], item?: unknown) {\n  for (const subscriber of subscribers) {\n    subscriber.next(item);\n  }\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyScrollableHostService {\n  constructor(\n    private mutationObserverSvc: MutationObserverService,\n    private windowRef: SkyAppWindowRef\n  ) {}\n\n  /**\n   * Returns the given element's current scrollable host\n   * @param elementRef The element whose scrollable host is being requested\n   * @returns The current scrollable host\n   */\n  public getScrollableHost(elementRef: ElementRef): HTMLElement | Window {\n    return this.findScrollableHost(elementRef.nativeElement);\n  }\n\n  /**\n   * Returns an observable which emits the given element's current scrollable host\n   * @param elementRef The element whose scrollable host is being requested\n   * @param completionObservable An observable which alerts the internal observers that they should complete\n   * @returns An observable which emits the current scrollable host\n   * @internal\n   */\n  public watchScrollableHost(\n    elementRef: ElementRef\n  ): Observable<HTMLElement | Window> {\n    const subscribers: Subscriber<HTMLElement | Window>[] = [];\n    let mutationObserver: MutationObserver;\n\n    return new Observable((subscriber) => {\n      subscribers.push(subscriber);\n\n      let scrollableHost = this.findScrollableHost(elementRef.nativeElement);\n      if (subscribers.length === 1) {\n        mutationObserver = this.mutationObserverSvc.create(() => {\n          const newScrollableHost = this.findScrollableHost(\n            elementRef.nativeElement\n          );\n\n          if (newScrollableHost !== scrollableHost) {\n            scrollableHost = newScrollableHost;\n            this.observeForScrollableHostChanges(\n              scrollableHost,\n              mutationObserver\n            );\n\n            notifySubscribers(subscribers, scrollableHost);\n          }\n        });\n        this.observeForScrollableHostChanges(scrollableHost, mutationObserver);\n      }\n      subscriber.next(scrollableHost);\n\n      subscriber.add(() => {\n        const subIndex = subscribers.indexOf(subscriber);\n\n        /* sanity check */\n        /* istanbul ignore else */\n        if (subIndex >= 0) {\n          subscribers.splice(subIndex, 1);\n        }\n\n        if (subscribers.length === 0) {\n          mutationObserver.disconnect();\n        }\n      });\n    });\n  }\n\n  /**\n   * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.\n   * @param elementRef The element whose scrollable host scroll events are being requested\n   * @param completionObservable An observable which alerts the internal observers that they should complete\n   * @returns An observable which emits the scroll events from the given element's scrollable host\n   */\n  public watchScrollableHostScrollEvents(\n    elementRef: ElementRef\n  ): Observable<void> {\n    const subscribers: Subscriber<void>[] = [];\n    let scrollableHost: HTMLElement | Window;\n\n    let newScrollableHostObservable = new Subject();\n    let scrollableHostSubscription: Subscription;\n    let scrollEventSubscription: Subscription;\n    return new Observable((subscriber) => {\n      subscribers.push(subscriber);\n\n      if (subscribers.length === 1) {\n        scrollableHostSubscription = this.watchScrollableHost(\n          elementRef\n        ).subscribe((newScrollableHost) => {\n          newScrollableHostObservable.next();\n          newScrollableHostObservable.complete();\n          if (scrollableHost && scrollableHost !== newScrollableHost) {\n            notifySubscribers(subscribers);\n          }\n          scrollableHost = newScrollableHost;\n          newScrollableHostObservable = new Subject();\n          scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')\n            .pipe(takeUntil(newScrollableHostObservable))\n            .subscribe(() => {\n              notifySubscribers(subscribers);\n            });\n        });\n      }\n\n      subscriber.add(() => {\n        const subIndex = subscribers.indexOf(subscriber);\n\n        /* sanity check */\n        /* istanbul ignore else */\n        if (subIndex >= 0) {\n          subscribers.splice(subIndex, 1);\n        }\n\n        if (subscribers.length === 0) {\n          scrollableHostSubscription.unsubscribe();\n          scrollEventSubscription.unsubscribe();\n          newScrollableHostObservable.complete();\n        }\n      });\n    });\n  }\n\n  private findScrollableHost(element: HTMLElement): HTMLElement | Window {\n    const regex = /(auto|scroll)/;\n    const windowObj = this.windowRef.nativeWindow;\n    const bodyObj = windowObj.document.body;\n\n    /* Sanity check */\n    if (!element) {\n      return windowObj;\n    }\n\n    let style = windowObj.getComputedStyle(element);\n    let parent: HTMLElement = element;\n\n    do {\n      parent = parent.parentNode as HTMLElement;\n\n      /* Sanity check for if this function is called for an element which has been removed from the DOM */\n      if (!(parent instanceof HTMLElement)) {\n        return windowObj;\n      }\n\n      style = windowObj.getComputedStyle(parent);\n    } while (\n      !regex.test(style.overflow) &&\n      !regex.test(style.overflowY) &&\n      parent !== bodyObj\n    );\n\n    if (parent === bodyObj) {\n      return windowObj;\n    }\n\n    return parent;\n  }\n\n  private observeForScrollableHostChanges(\n    element: HTMLElement | Window,\n    mutationObserver: MutationObserver\n  ) {\n    mutationObserver.disconnect();\n    if (element instanceof HTMLElement) {\n      mutationObserver.observe(element, {\n        attributes: true,\n        attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      mutationObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n}\n"]}
+{"version":3,"file":"scrollable-host.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/scrollable-host/scrollable-host.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\nimport { Observable, Subject, Subscriber, Subscription, fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { MutationObserverService } from '../mutation/mutation-observer-service';\nimport { SkyAppWindowRef } from '../window/window-ref';\n\nfunction notifySubscribers(subscribers: Subscriber<unknown>[], item?: unknown) {\n  for (const subscriber of subscribers) {\n    subscriber.next(item);\n  }\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyScrollableHostService {\n  constructor(\n    private mutationObserverSvc: MutationObserverService,\n    private windowRef: SkyAppWindowRef\n  ) {}\n\n  /**\n   * Returns the given element's current scrollable host\n   * @param elementRef The element whose scrollable host is being requested\n   * @returns The current scrollable host\n   */\n  public getScrollableHost(elementRef: ElementRef): HTMLElement | Window {\n    return this.findScrollableHost(elementRef.nativeElement);\n  }\n\n  /**\n   * Returns an observable which emits the given element's current scrollable host\n   * @param elementRef The element whose scrollable host is being requested\n   * @param completionObservable An observable which alerts the internal observers that they should complete\n   * @returns An observable which emits the current scrollable host\n   * @internal\n   */\n  public watchScrollableHost(\n    elementRef: ElementRef\n  ): Observable<HTMLElement | Window> {\n    const subscribers: Subscriber<HTMLElement | Window>[] = [];\n    let parentMutationObserver: MutationObserver;\n    let documentHiddenElementMutationObserver: MutationObserver;\n\n    return new Observable((subscriber) => {\n      subscribers.push(subscriber);\n\n      let scrollableHost = this.findScrollableHost(elementRef.nativeElement);\n      if (subscribers.length === 1) {\n        parentMutationObserver = this.mutationObserverSvc.create(() => {\n          const newScrollableHost = this.findScrollableHost(\n            elementRef.nativeElement\n          );\n\n          if (\n            newScrollableHost !== scrollableHost &&\n            elementRef.nativeElement.offsetParent\n          ) {\n            scrollableHost = newScrollableHost;\n            this.observeForScrollableHostChanges(\n              scrollableHost,\n              parentMutationObserver\n            );\n\n            notifySubscribers(subscribers, scrollableHost);\n          }\n        });\n        this.observeForScrollableHostChanges(\n          scrollableHost,\n          parentMutationObserver\n        );\n\n        documentHiddenElementMutationObserver = this.mutationObserverSvc.create(\n          () => {\n            if (!elementRef.nativeElement.offsetParent) {\n              scrollableHost = undefined;\n\n              this.observeForScrollableHostChanges(\n                scrollableHost,\n                parentMutationObserver\n              );\n\n              notifySubscribers(subscribers, scrollableHost);\n            }\n          }\n        );\n        this.observeDocumentHiddenElementChanges(\n          documentHiddenElementMutationObserver\n        );\n      }\n      subscriber.next(scrollableHost);\n\n      subscriber.add(() => {\n        const subIndex = subscribers.indexOf(subscriber);\n\n        /* sanity check */\n        /* istanbul ignore else */\n        if (subIndex >= 0) {\n          subscribers.splice(subIndex, 1);\n        }\n\n        if (subscribers.length === 0) {\n          documentHiddenElementMutationObserver.disconnect();\n          parentMutationObserver.disconnect();\n        }\n      });\n    });\n  }\n\n  /**\n   * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.\n   * @param elementRef The element whose scrollable host scroll events are being requested\n   * @param completionObservable An observable which alerts the internal observers that they should complete\n   * @returns An observable which emits when the elements scrollable host is scrolled or is changed\n   */\n  public watchScrollableHostScrollEvents(\n    elementRef: ElementRef\n  ): Observable<void> {\n    const subscribers: Subscriber<void>[] = [];\n    let scrollableHost: HTMLElement | Window;\n\n    let newScrollableHostObservable = new Subject();\n    let scrollableHostSubscription: Subscription;\n    let scrollEventSubscription: Subscription;\n    return new Observable((subscriber) => {\n      subscribers.push(subscriber);\n\n      if (subscribers.length === 1) {\n        scrollableHostSubscription = this.watchScrollableHost(\n          elementRef\n        ).subscribe((newScrollableHost) => {\n          newScrollableHostObservable.next();\n          newScrollableHostObservable.complete();\n          if (scrollableHost && scrollableHost !== newScrollableHost) {\n            notifySubscribers(subscribers);\n          }\n          scrollableHost = newScrollableHost;\n          newScrollableHostObservable = new Subject();\n          if (newScrollableHost) {\n            scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')\n              .pipe(takeUntil(newScrollableHostObservable))\n              .subscribe(() => {\n                notifySubscribers(subscribers);\n              });\n          }\n        });\n      }\n\n      subscriber.add(() => {\n        const subIndex = subscribers.indexOf(subscriber);\n\n        /* sanity check */\n        /* istanbul ignore else */\n        if (subIndex >= 0) {\n          subscribers.splice(subIndex, 1);\n        }\n\n        if (subscribers.length === 0) {\n          scrollableHostSubscription.unsubscribe();\n          scrollEventSubscription.unsubscribe();\n          newScrollableHostObservable.complete();\n        }\n      });\n    });\n  }\n\n  private findScrollableHost(element: HTMLElement): HTMLElement | Window {\n    const regex = /(auto|scroll)/;\n    const windowObj = this.windowRef.nativeWindow;\n    const bodyObj = windowObj.document.body;\n\n    /* Sanity check */\n    if (!element) {\n      return windowObj;\n    }\n\n    let style = windowObj.getComputedStyle(element);\n    let parent: HTMLElement = element;\n\n    do {\n      parent = parent.parentNode as HTMLElement;\n\n      /* Sanity check for if this function is called for an element which has been removed from the DOM */\n      if (!(parent instanceof HTMLElement)) {\n        return windowObj;\n      }\n\n      style = windowObj.getComputedStyle(parent);\n    } while (\n      !regex.test(style.overflow) &&\n      !regex.test(style.overflowY) &&\n      parent !== bodyObj\n    );\n\n    if (parent === bodyObj) {\n      return windowObj;\n    }\n\n    return parent;\n  }\n\n  private observeDocumentHiddenElementChanges(\n    mutationObserver: MutationObserver\n  ) {\n    mutationObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'style', 'hidden'],\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private observeForScrollableHostChanges(\n    element: HTMLElement | Window,\n    mutationObserver: MutationObserver\n  ) {\n    mutationObserver.disconnect();\n    if (element instanceof HTMLElement) {\n      mutationObserver.observe(element, {\n        attributes: true,\n        attributeFilter: ['class', 'style'],\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      mutationObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class', 'style'],\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/shared/sky-core-resources.module.js

@@ -1,7 +1,7 @@
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-core' schematic.
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.
  * To update this file, simply rerun the command.
  */
 import { NgModule } from '@angular/core';

package/esm2015/lib/modules/shared/sky-core-resources.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-core-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/shared/sky-core-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,6BAA6B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAC/C,6BAA6B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAC/C,8BAA8B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAChD,8BAA8B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;KACjD;CACF,CAAC;AAEF,MAAM,OAAO,wBAAwB;IAC5B,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,YATvB,aAAa;qHASZ,sBAAsB,aARtB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,wBAAwB;YAClC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,sBAAsB;kBAVlC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,wBAAwB;4BAClC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-core' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_numeric_billions_symbol: { message: 'B' },\n    skyux_numeric_millions_symbol: { message: 'M' },\n    skyux_numeric_thousands_symbol: { message: 'K' },\n    skyux_numeric_trillions_symbol: { message: 'T' },\n  },\n};\n\nexport class SkyCoreResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyCoreResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyCoreResourcesModule {}\n"]}
+{"version":3,"file":"sky-core-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/shared/sky-core-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,6BAA6B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAC/C,6BAA6B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAC/C,8BAA8B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QAChD,8BAA8B,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;KACjD;CACF,CAAC;AAEF,MAAM,OAAO,wBAAwB;IAC5B,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,YATvB,aAAa;qHASZ,sBAAsB,aARtB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,wBAAwB;YAClC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,sBAAsB;kBAVlC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,wBAAwB;4BAClC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_numeric_billions_symbol: { message: 'B' },\n    skyux_numeric_millions_symbol: { message: 'M' },\n    skyux_numeric_thousands_symbol: { message: 'K' },\n    skyux_numeric_trillions_symbol: { message: 'T' },\n  },\n};\n\nexport class SkyCoreResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyCoreResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyCoreResourcesModule {}\n"]}

package/fesm2015/skyux-core.js

@@ -1230,13 +1230,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class SkyDockService {
     constructor(dynamicComponentService) {
         this.dynamicComponentService = dynamicComponentService;
-        this._items = [];
     }
     /**
      * Returns all docked items.
      */
     get items() {
-        return this._items;
+        return SkyDockService._items;
     }
     /**
      * Docks a component to the bottom of the page.
@@ -1244,20 +1243,20 @@ class SkyDockService {
      * @param config Options that affect the docking action.
      */
     insertComponent(component, config) {
-        if (!this.dockRef) {
+        if (!SkyDockService.dockRef) {
             this.createDock();
         }
-        const itemRef = this.dockRef.instance.insertComponent(component, config);
+        const itemRef = SkyDockService.dockRef.instance.insertComponent(component, config);
         const item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
         item.destroyed.subscribe(() => {
-            this.dockRef.instance.removeItem(itemRef);
-            this._items.splice(this._items.indexOf(item), 1);
-            if (this._items.length === 0) {
+            SkyDockService.dockRef.instance.removeItem(itemRef);
+            SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
+            if (SkyDockService._items.length === 0) {
                 this.destroyDock();
             }
         });
-        this._items.push(item);
-        this._items.sort(sortByStackOrder);
+        SkyDockService._items.push(item);
+        SkyDockService._items.sort(sortByStackOrder);
         return item;
     }
     /**
@@ -1290,20 +1289,24 @@ class SkyDockService {
                 referenceEl: this.options.referenceEl,
             };
         }
-        this.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
-        this.dockRef.instance.setOptions(this.options);
+        SkyDockService.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
+        SkyDockService.dockRef.instance.setOptions(this.options);
     }
     destroyDock() {
-        this.dynamicComponentService.removeComponent(this.dockRef);
-        this.dockRef = undefined;
+        this.dynamicComponentService.removeComponent(SkyDockService.dockRef);
+        SkyDockService.dockRef = undefined;
     }
 }
+SkyDockService._items = [];
 SkyDockService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, providedIn: 'root' });
+SkyDockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    // Must be 'any' so that the dock component is created in the context of its module's injector.
+                    // If set to 'root', the component's dependency injections would only be derived from the root
+                    // injector and may loose context if the dock was opened from within a lazy-loaded module.
+                    providedIn: 'any',
                 }]
         }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
 
@@ -1552,7 +1555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-core' schematic.
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
@@ -1625,7 +1628,7 @@ class NumericOptions {
         this.iso = 'USD';
         /**
          * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
-         * such as K for thousands, M for millions, B for billions, and T for trillion.
+         * such as K for thousands, M for millions, B for billions, and T for trillions.
          */
         this.truncate = true;
         /**
@@ -2433,20 +2436,30 @@ class SkyScrollableHostService {
      */
     watchScrollableHost(elementRef) {
         const subscribers = [];
-        let mutationObserver;
+        let parentMutationObserver;
+        let documentHiddenElementMutationObserver;
         return new Observable((subscriber) => {
             subscribers.push(subscriber);
             let scrollableHost = this.findScrollableHost(elementRef.nativeElement);
             if (subscribers.length === 1) {
-                mutationObserver = this.mutationObserverSvc.create(() => {
+                parentMutationObserver = this.mutationObserverSvc.create(() => {
                     const newScrollableHost = this.findScrollableHost(elementRef.nativeElement);
-                    if (newScrollableHost !== scrollableHost) {
+                    if (newScrollableHost !== scrollableHost &&
+                        elementRef.nativeElement.offsetParent) {
                         scrollableHost = newScrollableHost;
-                        this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                        this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         notifySubscribers(subscribers, scrollableHost);
                     }
                 });
-                this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
+                documentHiddenElementMutationObserver = this.mutationObserverSvc.create(() => {
+                    if (!elementRef.nativeElement.offsetParent) {
+                        scrollableHost = undefined;
+                        this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
+                        notifySubscribers(subscribers, scrollableHost);
+                    }
+                });
+                this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
             }
             subscriber.next(scrollableHost);
             subscriber.add(() => {
@@ -2457,7 +2470,8 @@ class SkyScrollableHostService {
                     subscribers.splice(subIndex, 1);
                 }
                 if (subscribers.length === 0) {
-                    mutationObserver.disconnect();
+                    documentHiddenElementMutationObserver.disconnect();
+                    parentMutationObserver.disconnect();
                 }
             });
         });
@@ -2466,7 +2480,7 @@ class SkyScrollableHostService {
      * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
      * @param elementRef The element whose scrollable host scroll events are being requested
      * @param completionObservable An observable which alerts the internal observers that they should complete
-     * @returns An observable which emits the scroll events from the given element's scrollable host
+     * @returns An observable which emits when the elements scrollable host is scrolled or is changed
      */
     watchScrollableHostScrollEvents(elementRef) {
         const subscribers = [];
@@ -2485,11 +2499,13 @@ class SkyScrollableHostService {
                     }
                     scrollableHost = newScrollableHost;
                     newScrollableHostObservable = new Subject();
-                    scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
-                        .pipe(takeUntil(newScrollableHostObservable))
-                        .subscribe(() => {
-                        notifySubscribers(subscribers);
-                    });
+                    if (newScrollableHost) {
+                        scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
+                            .pipe(takeUntil(newScrollableHostObservable))
+                            .subscribe(() => {
+                            notifySubscribers(subscribers);
+                        });
+                    }
                 });
             }
             subscriber.add(() => {
@@ -2532,12 +2548,20 @@ class SkyScrollableHostService {
         }
         return parent;
     }
+    observeDocumentHiddenElementChanges(mutationObserver) {
+        mutationObserver.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['class', 'style', 'hidden'],
+            childList: true,
+            subtree: true,
+        });
+    }
     observeForScrollableHostChanges(element, mutationObserver) {
         mutationObserver.disconnect();
         if (element instanceof HTMLElement) {
             mutationObserver.observe(element, {
                 attributes: true,
-                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                attributeFilter: ['class', 'style'],
                 childList: true,
                 subtree: true,
             });
@@ -2545,7 +2569,7 @@ class SkyScrollableHostService {
         else {
             mutationObserver.observe(document.documentElement, {
                 attributes: true,
-                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                attributeFilter: ['class', 'style'],
                 childList: true,
                 subtree: true,
             });