@skyux/core 5.6.1 → 5.7.1

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;
         /**
@@ -1653,8 +1656,6 @@ function parseIntAutoRadix(text) {
 // See: https://github.com/ng-packagr/ng-packagr/issues/641
 // @dynamic
 class SkyNumberFormatUtility {
-    /* istanbul ignore next */
-    constructor() { }
     static formatNumber(locale, value, style, digits, currency = null, currencyAsSymbol = false, currencySign) {
         if (value == null) {
             return null;
@@ -2435,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, parentMutationObserver);
+                documentHiddenElementMutationObserver = this.mutationObserverSvc.create(() => {
+                    if (!elementRef.nativeElement.offsetParent) {
+                        scrollableHost = undefined;
+                        this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         notifySubscribers(subscribers, scrollableHost);
                     }
                 });
-                this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
             }
             subscriber.next(scrollableHost);
             subscriber.add(() => {
@@ -2459,7 +2470,8 @@ class SkyScrollableHostService {
                     subscribers.splice(subIndex, 1);
                 }
                 if (subscribers.length === 0) {
-                    mutationObserver.disconnect();
+                    documentHiddenElementMutationObserver.disconnect();
+                    parentMutationObserver.disconnect();
                 }
             });
         });
@@ -2468,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 = [];
@@ -2487,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(() => {
@@ -2534,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,
             });
@@ -2547,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,
             });