@skyux/theme 11.40.0 → 11.42.0

package/esm2022/lib/viewport/viewport-reserve-args.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtcmVzZXJ2ZS1hcmdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RoZW1lL3NyYy9saWIvdmlld3BvcnQvdmlld3BvcnQtcmVzZXJ2ZS1hcmdzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlIH0gZnJvbSAnLi92aWV3cG9ydC1yZXNlcnZlLXBvc2l0aW9uLXR5cGUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3Mge1xuICAvKipcbiAgICogQSB1bmlxdWUgSUQgZm9yIHRoZSBjb21wb25lbnQgcmVzZXJ2aW5nIHNwYWNlLlxuICAgKi9cbiAgaWQ6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIGluIHRoZSB2aWV3cG9ydCB3aGVyZSB0aGUgc3BhY2Ugd2lsbCBiZSByZXNlcnZlZC5cbiAgICovXG4gIHBvc2l0aW9uOiBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlO1xuXG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHBpeGVscyB0byByZXNlcnZlLlxuICAgKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtcmVzZXJ2ZS1hcmdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RoZW1lL3NyYy9saWIvdmlld3BvcnQvdmlld3BvcnQtcmVzZXJ2ZS1hcmdzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlIH0gZnJvbSAnLi92aWV3cG9ydC1yZXNlcnZlLXBvc2l0aW9uLXR5cGUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3Mge1xuICAvKipcbiAgICogQSB1bmlxdWUgSUQgZm9yIHRoZSBjb21wb25lbnQgcmVzZXJ2aW5nIHNwYWNlLlxuICAgKi9cbiAgaWQ6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIGluIHRoZSB2aWV3cG9ydCB3aGVyZSB0aGUgc3BhY2Ugd2lsbCBiZSByZXNlcnZlZC5cbiAgICovXG4gIHBvc2l0aW9uOiBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlO1xuXG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHBpeGVscyB0byByZXNlcnZlLlxuICAgKi9cbiAgc2l6ZTogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBPbmx5IHJlc2VydmUgc3BhY2Ugd2hlbiB0aGlzIGVsZW1lbnQgaXMgaW4gdmlldy5cbiAgICovXG4gIHJlc2VydmVGb3JFbGVtZW50PzogSFRNTEVsZW1lbnQ7XG59XG4iXX0=

package/esm2022/lib/viewport/viewport.service.mjs

@@ -1,14 +1,19 @@
 import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
+import { DestroyRef, Injectable, inject } from '@angular/core';
 import { ReplaySubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Provides information about the state of the application's viewport.
  */
 export class SkyAppViewportService {
+    // ESLint doesn't recognize how this is used.
+    // eslint-disable-next-line no-unused-private-class-members
+    #updateRequest;
     #reserveItems;
+    #conditionallyReserveItems;
     #document;
-    constructor(document) {
+    #intersectionObserver;
+    constructor() {
         /**
          * Updated when the viewport becomes visible.  While the page is rendered, the
          * viewport may remain hidden as fonts and styles are loaded asynchronously;
@@ -16,15 +21,46 @@ export class SkyAppViewportService {
          * and styles are ready.
          */
         this.visible = new ReplaySubject(1);
+        // ESLint doesn't recognize how this is used.
+        // eslint-disable-next-line no-unused-private-class-members
+        this.#updateRequest = undefined;
         this.#reserveItems = new Map();
-        this.#document = document;
+        this.#conditionallyReserveItems = new Map();
+        this.#document = inject(DOCUMENT);
+        this.#intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                const item = this.#conditionallyReserveItems.get(entry.target);
+                if (item) {
+                    item.active = entry.isIntersecting;
+                }
+            });
+            this.#updateViewportArea();
+        }, {
+            root: this.#document,
+            threshold: Array.from({ length: 11 }, (_, i) => i / 10),
+        });
+        const onScroll = () => {
+            if (this.#conditionallyReserveItems.size > 0) {
+                this.#updateViewportArea();
+            }
+        };
+        this.#document.addEventListener('scroll', onScroll);
+        inject(DestroyRef).onDestroy(() => {
+            this.#intersectionObserver.disconnect();
+            this.#document.removeEventListener('scroll', onScroll);
+        });
     }
     /**
      * Reserves space for components docked to the left, top, right, or bottom of the viewport.
      * @param args
      */
     reserveSpace(args) {
-        this.#reserveItems.set(args.id, args);
+        const item = {
+            ...args,
+            active: !args.reserveForElement,
+        };
+        this.#reserveItems.set(args.id, item);
+        this.#watchVisibility(item);
         this.#updateViewportArea();
     }
     /**
@@ -32,25 +68,54 @@ export class SkyAppViewportService {
      * @param id
      */
     unreserveSpace(id) {
+        const args = this.#reserveItems.get(id);
+        if (args?.reserveForElement) {
+            this.#intersectionObserver.unobserve(args.reserveForElement);
+            this.#conditionallyReserveItems.delete(args.reserveForElement);
+        }
         this.#reserveItems.delete(id);
         this.#updateViewportArea();
     }
     #updateViewportArea() {
-        const reservedSpaces = {
-            bottom: 0,
-            left: 0,
-            right: 0,
-            top: 0,
-        };
-        for (const { position, size } of this.#reserveItems.values()) {
-            reservedSpaces[position] += size;
-        }
-        const documentElementStyle = this.#document.documentElement.style;
-        for (const [position, size] of Object.entries(reservedSpaces)) {
-            documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
+        this.#updateRequest ??= requestAnimationFrame(() => {
+            const reservedSpaces = {
+                bottom: 0,
+                left: 0,
+                right: 0,
+                top: 0,
+            };
+            for (const { position, size, active, reserveForElement, } of this.#reserveItems.values()) {
+                if (active &&
+                    (!reserveForElement || this.#isElementVisible(reserveForElement))) {
+                    reservedSpaces[position] += size;
+                }
+            }
+            const documentElementStyle = this.#document.documentElement.style;
+            for (const [position, size] of Object.entries(reservedSpaces)) {
+                documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
+            }
+            this.#updateRequest = undefined;
+        });
+    }
+    #watchVisibility(item) {
+        if (item.reserveForElement) {
+            this.#conditionallyReserveItems.set(item.reserveForElement, item);
+            this.#intersectionObserver.observe(item.reserveForElement);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    #isElementVisible(element) {
+        const rect = element.getBoundingClientRect();
+        return (
+        // Vertically in view
+        rect.y <= window.innerHeight &&
+            rect.y >= 0 &&
+            // Horizontally in view
+            rect.x <= window.innerWidth &&
+            rect.x >= 0 &&
+            // Element is not hidden by another element
+            this.#document.elementFromPoint(rect.x + 1, rect.y + 1) === element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, decorators: [{
@@ -58,8 +123,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aGVtZS9zcmMvbGliL3ZpZXdwb3J0L3ZpZXdwb3J0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBS3JDOztHQUVHO0FBSUgsTUFBTSxPQUFPLHFCQUFxQjtJQVNoQyxhQUFhLENBQWdEO0lBQzdELFNBQVMsQ0FBVztJQUVwQixZQUE4QixRQUFrQjtRQVhoRDs7Ozs7V0FLRztRQUNJLFlBQU8sR0FBRyxJQUFJLGFBQWEsQ0FBVSxDQUFDLENBQUMsQ0FBQztRQUUvQyxrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFxQyxDQUFDO1FBSTNELElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxZQUFZLENBQUMsSUFBK0I7UUFDakQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksY0FBYyxDQUFDLEVBQVU7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixNQUFNLGNBQWMsR0FFaEI7WUFDRixNQUFNLEVBQUUsQ0FBQztZQUNULElBQUksRUFBRSxDQUFDO1lBQ1AsS0FBSyxFQUFFLENBQUM7WUFDUixHQUFHLEVBQUUsQ0FBQztTQUNQLENBQUM7UUFFRixLQUFLLE1BQU0sRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDO1lBQzdELGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUM7UUFDbkMsQ0FBQztRQUVELE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDO1FBRWxFLEtBQUssTUFBTSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUM7WUFDOUQsb0JBQW9CLENBQUMsV0FBVyxDQUM5QixrQkFBa0IsUUFBUSxFQUFFLEVBQzVCLElBQUksR0FBRyxJQUFJLENBQ1osQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDOytHQXhEVSxxQkFBcUIsa0JBWVosUUFBUTttSEFaakIscUJBQXFCLGNBRnBCLE1BQU07OzRGQUVQLHFCQUFxQjtrQkFIakMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7OzBCQWFjLE1BQU07MkJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBSZXBsYXlTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3MgfSBmcm9tICcuL3ZpZXdwb3J0LXJlc2VydmUtYXJncyc7XG5pbXBvcnQgeyBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlIH0gZnJvbSAnLi92aWV3cG9ydC1yZXNlcnZlLXBvc2l0aW9uLXR5cGUnO1xuXG4vKipcbiAqIFByb3ZpZGVzIGluZm9ybWF0aW9uIGFib3V0IHRoZSBzdGF0ZSBvZiB0aGUgYXBwbGljYXRpb24ncyB2aWV3cG9ydC5cbiAqL1xuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFwcFZpZXdwb3J0U2VydmljZSB7XG4gIC8qKlxuICAgKiBVcGRhdGVkIHdoZW4gdGhlIHZpZXdwb3J0IGJlY29tZXMgdmlzaWJsZS4gIFdoaWxlIHRoZSBwYWdlIGlzIHJlbmRlcmVkLCB0aGVcbiAgICogdmlld3BvcnQgbWF5IHJlbWFpbiBoaWRkZW4gYXMgZm9udHMgYW5kIHN0eWxlcyBhcmUgbG9hZGVkIGFzeW5jaHJvbm91c2x5O1xuICAgKiB0aGlzIGlzIGRvbmUgdG8gYXZvaWQgYSBGT1VDIChGbGFzaCBPZiBVbnN0eWxlZCBDb250ZW50KSBiZWZvcmUgdGhlIGZvbnRzXG4gICAqIGFuZCBzdHlsZXMgYXJlIHJlYWR5LlxuICAgKi9cbiAgcHVibGljIHZpc2libGUgPSBuZXcgUmVwbGF5U3ViamVjdDxib29sZWFuPigxKTtcblxuICAjcmVzZXJ2ZUl0ZW1zID0gbmV3IE1hcDxzdHJpbmcsIFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3M+KCk7XG4gICNkb2N1bWVudDogRG9jdW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IERvY3VtZW50KSB7XG4gICAgdGhpcy4jZG9jdW1lbnQgPSBkb2N1bWVudDtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNlcnZlcyBzcGFjZSBmb3IgY29tcG9uZW50cyBkb2NrZWQgdG8gdGhlIGxlZnQsIHRvcCwgcmlnaHQsIG9yIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqIEBwYXJhbSBhcmdzXG4gICAqL1xuICBwdWJsaWMgcmVzZXJ2ZVNwYWNlKGFyZ3M6IFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3MpOiB2b2lkIHtcbiAgICB0aGlzLiNyZXNlcnZlSXRlbXMuc2V0KGFyZ3MuaWQsIGFyZ3MpO1xuICAgIHRoaXMuI3VwZGF0ZVZpZXdwb3J0QXJlYSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZXMgcmVzZXJ2ZWQgc3BhY2UgZm9yIGEgY29tcG9uZW50IGJ5IHRoZSBJRCBwcm92aWRlZCB3aGVuIGl0IHdhcyByZXNlcnZlZC5cbiAgICogQHBhcmFtIGlkXG4gICAqL1xuICBwdWJsaWMgdW5yZXNlcnZlU3BhY2UoaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuI3Jlc2VydmVJdGVtcy5kZWxldGUoaWQpO1xuICAgIHRoaXMuI3VwZGF0ZVZpZXdwb3J0QXJlYSgpO1xuICB9XG5cbiAgI3VwZGF0ZVZpZXdwb3J0QXJlYSgpOiB2b2lkIHtcbiAgICBjb25zdCByZXNlcnZlZFNwYWNlczoge1xuICAgICAgW2tleSBpbiBTa3lBcHBWaWV3cG9ydFJlc2VydmVkUG9zaXRpb25UeXBlXTogbnVtYmVyO1xuICAgIH0gPSB7XG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB0b3A6IDAsXG4gICAgfTtcblxuICAgIGZvciAoY29uc3QgeyBwb3NpdGlvbiwgc2l6ZSB9IG9mIHRoaXMuI3Jlc2VydmVJdGVtcy52YWx1ZXMoKSkge1xuICAgICAgcmVzZXJ2ZWRTcGFjZXNbcG9zaXRpb25dICs9IHNpemU7XG4gICAgfVxuXG4gICAgY29uc3QgZG9jdW1lbnRFbGVtZW50U3R5bGUgPSB0aGlzLiNkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGU7XG5cbiAgICBmb3IgKGNvbnN0IFtwb3NpdGlvbiwgc2l6ZV0gb2YgT2JqZWN0LmVudHJpZXMocmVzZXJ2ZWRTcGFjZXMpKSB7XG4gICAgICBkb2N1bWVudEVsZW1lbnRTdHlsZS5zZXRQcm9wZXJ0eShcbiAgICAgICAgYC0tc2t5LXZpZXdwb3J0LSR7cG9zaXRpb259YCxcbiAgICAgICAgc2l6ZSArICdweCcsXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIl19
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aGVtZS9zcmMvbGliL3ZpZXdwb3J0L3ZpZXdwb3J0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVNyQzs7R0FFRztBQUlILE1BQU0sT0FBTyxxQkFBcUI7SUFTaEMsNkNBQTZDO0lBQzdDLDJEQUEyRDtJQUMzRCxjQUFjLENBQWlDO0lBQ3RDLGFBQWEsQ0FBc0M7SUFDbkQsMEJBQTBCLENBQXVDO0lBQ2pFLFNBQVMsQ0FBb0I7SUFDN0IscUJBQXFCLENBYzVCO0lBRUY7UUE5QkE7Ozs7O1dBS0c7UUFDSSxZQUFPLEdBQUcsSUFBSSxhQUFhLENBQVUsQ0FBQyxDQUFDLENBQUM7UUFFL0MsNkNBQTZDO1FBQzdDLDJEQUEyRDtRQUMzRCxtQkFBYyxHQUF1QixTQUFTLENBQUM7UUFDdEMsa0JBQWEsR0FBRyxJQUFJLEdBQUcsRUFBMkIsQ0FBQztRQUNuRCwrQkFBMEIsR0FBRyxJQUFJLEdBQUcsRUFBNEIsQ0FBQztRQUNqRSxjQUFTLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdCLDBCQUFxQixHQUFHLElBQUksb0JBQW9CLENBQ3ZELENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDVixPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ3hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUMvRCxJQUFJLElB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LENBQUM7K0dBaklVLHFCQUFxQjttSEFBckIscUJBQXFCLGNBRnBCLE1BQU07OzRGQUVQLHFCQUFxQjtrQkFIakMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEZXN0cm95UmVmLCBJbmplY3RhYmxlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBTa3lBcHBWaWV3cG9ydFJlc2VydmVBcmdzIH0gZnJvbSAnLi92aWV3cG9ydC1yZXNlcnZlLWFyZ3MnO1xuaW1wb3J0IHsgU2t5QXBwVmlld3BvcnRSZXNlcnZlZFBvc2l0aW9uVHlwZSB9IGZyb20gJy4vdmlld3BvcnQtcmVzZXJ2ZS1wb3NpdGlvbi10eXBlJztcblxudHlwZSBSZXNlcnZlSXRlbVR5cGUgPSBTa3lBcHBWaWV3cG9ydFJlc2VydmVBcmdzICYge1xuICBhY3RpdmU6IGJvb2xlYW47XG59O1xuXG4vKipcbiAqIFByb3ZpZGVzIGluZm9ybWF0aW9uIGFib3V0IHRoZSBzdGF0ZSBvZiB0aGUgYXBwbGljYXRpb24ncyB2aWV3cG9ydC5cbiAqL1xuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFwcFZpZXdwb3J0U2VydmljZSB7XG4gIC8qKlxuICAgKiBVcGRhdGVkIHdoZW4gdGhlIHZpZXdwb3J0IGJlY29tZXMgdmlzaWJsZS4gIFdoaWxlIHRoZSBwYWdlIGlzIHJlbmRlcmVkLCB0aGVcbiAgICogdmlld3BvcnQgbWF5IHJlbWFpbiBoaWRkZW4gYXMgZm9udHMgYW5kIHN0eWxlcyBhcmUgbG9hZGVkIGFzeW5jaHJvbm91c2x5O1xuICAgKiB0aGlzIGlzIGRvbmUgdG8gYXZvaWQgYSBGT1VDIChGbGFzaCBPZiBVbnN0eWxlZCBDb250ZW50KSBiZWZvcmUgdGhlIGZvbnRzXG4gICAqIGFuZCBzdHlsZXMgYXJlIHJlYWR5LlxuICAgKi9cbiAgcHVibGljIHZpc2libGUgPSBuZXcgUmVwbGF5U3ViamVjdDxib29sZWFuPigxKTtcblxuICAvLyBFU0xpbnQgZG9lc24ndCByZWNvZ25pemUgaG93IHRoaXMgaXMgdXNlZC5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVudXNlZC1wcml2YXRlLWNsYXNzLW1lbWJlcnNcbiAgI3VwZGF0ZVJlcXVlc3Q6IG51bWJlciB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcbiAgcmVhZG9ubHkgI3Jlc2VydmVJdGVtcyA9IG5ldyBNYXA8c3RyaW5nLCBSZXNlcnZlSXRlbVR5cGU+KCk7XG4gIHJlYWRvbmx5ICNjb25kaXRpb25hbGx5UmVzZXJ2ZUl0ZW1zID0gbmV3IE1hcDxFbGVtZW50LCBSZXNlcnZlSXRlbVR5cGU+KCk7XG4gIHJlYWRvbmx5ICNkb2N1bWVudCA9IGluamVjdChET0NVTUVOVCk7XG4gIHJlYWRvbmx5ICNpbnRlcnNlY3Rpb25PYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAoZW50cmllcykgPT4ge1xuICAgICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgICBjb25zdCBpdGVtID0gdGhpcy4jY29uZGl0aW9uYWxseVJlc2VydmVJdGVtcy5nZXQoZW50cnkudGFyZ2V0KTtcbiAgICAgICAgaWYgKGl0ZW0pIHtcbiAgICAgICAgICBpdGVtLmFjdGl2ZSA9IGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMuI3VwZGF0ZVZpZXdwb3J0QXJlYSgpO1xuICAgIH0sXG4gICAge1xuICAgICAgcm9vdDogdGhpcy4jZG9jdW1lbnQsXG4gICAgICB0aHJlc2hvbGQ6IEFycmF5LmZyb20oeyBsZW5ndGg6IDExIH0sIChfLCBpKSA9PiBpIC8gMTApLFxuICAgIH0sXG4gICk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgY29uc3Qgb25TY3JvbGwgPSAoKTogdm9pZCA9PiB7XG4gICAgICBpZiAodGhpcy4jY29uZGl0aW9uYWxseVJlc2VydmVJdGVtcy5zaXplID4gMCkge1xuICAgICAgICB0aGlzLiN1cGRhdGVWaWV3cG9ydEFyZWEoKTtcbiAgICAgIH1cbiAgICB9O1xuICAgIHRoaXMuI2RvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIG9uU2Nyb2xsKTtcbiAgICBpbmplY3QoRGVzdHJveVJlZikub25EZXN0cm95KCgpID0+IHtcbiAgICAgIHRoaXMuI2ludGVyc2VjdGlvbk9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIHRoaXMuI2RvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIG9uU2Nyb2xsKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNlcnZlcyBzcGFjZSBmb3IgY29tcG9uZW50cyBkb2NrZWQgdG8gdGhlIGxlZnQsIHRvcCwgcmlnaHQsIG9yIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqIEBwYXJhbSBhcmdzXG4gICAqL1xuICBwdWJsaWMgcmVzZXJ2ZVNwYWNlKGFyZ3M6IFNreUFwcFZpZXdwb3J0UmVzZXJ2ZUFyZ3MpOiB2b2lkIHtcbiAgICBjb25zdCBpdGVtID0ge1xuICAgICAgLi4uYXJncyxcbiAgICAgIGFjdGl2ZTogIWFyZ3MucmVzZXJ2ZUZvckVsZW1lbnQsXG4gICAgfTtcbiAgICB0aGlzLiNyZXNlcnZlSXRlbXMuc2V0KGFyZ3MuaWQsIGl0ZW0pO1xuICAgIHRoaXMuI3dhdGNoVmlzaWJpbGl0eShpdGVtKTtcbiAgICB0aGlzLiN1cGRhdGVWaWV3cG9ydEFyZWEoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIHJlc2VydmVkIHNwYWNlIGZvciBhIGNvbXBvbmVudCBieSB0aGUgSUQgcHJvdmlkZWQgd2hlbiBpdCB3YXMgcmVzZXJ2ZWQuXG4gICAqIEBwYXJhbSBpZFxuICAgKi9cbiAgcHVibGljIHVucmVzZXJ2ZVNwYWNlKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBjb25zdCBhcmdzID0gdGhpcy4jcmVzZXJ2ZUl0ZW1zLmdldChpZCk7XG4gICAgaWYgKGFyZ3M/LnJlc2VydmVGb3JFbGVtZW50KSB7XG4gICAgICB0aGlzLiNpbnRlcnNlY3Rpb25PYnNlcnZlci51bm9ic2VydmUoYXJncy5yZXNlcnZlRm9yRWxlbWVudCk7XG4gICAgICB0aGlzLiNjb25kaXRpb25hbGx5UmVzZXJ2ZUl0ZW1zLmRlbGV0ZShhcmdzLnJlc2VydmVGb3JFbGVtZW50KTtcbiAgICB9XG4gICAgdGhpcy4jcmVzZXJ2ZUl0ZW1zLmRlbGV0ZShpZCk7XG4gICAgdGhpcy4jdXBkYXRlVmlld3BvcnRBcmVhKCk7XG4gIH1cblxuICAjdXBkYXRlVmlld3BvcnRBcmVhKCk6IHZvaWQge1xuICAgIHRoaXMuI3VwZGF0ZVJlcXVlc3QgPz89IHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICBjb25zdCByZXNlcnZlZFNwYWNlczoge1xuICAgICAgICBba2V5IGluIFNreUFwcFZpZXdwb3J0UmVzZXJ2ZWRQb3NpdGlvblR5cGVdOiBudW1iZXI7XG4gICAgICB9ID0ge1xuICAgICAgICBib3R0b206IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICB0b3A6IDAsXG4gICAgICB9O1xuXG4gICAgICBmb3IgKGNvbnN0IHtcbiAgICAgICAgcG9zaXRpb24sXG4gICAgICAgIHNpemUsXG4gICAgICAgIGFjdGl2ZSxcbiAgICAgICAgcmVzZXJ2ZUZvckVsZW1lbnQsXG4gICAgICB9IG9mIHRoaXMuI3Jlc2VydmVJdGVtcy52YWx1ZXMoKSkge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgYWN0aXZlICYmXG4gICAgICAgICAgKCFyZXNlcnZlRm9yRWxlbWVudCB8fCB0aGlzLiNpc0VsZW1lbnRWaXNpYmxlKHJlc2VydmVGb3JFbGVtZW50KSlcbiAgICAgICAgKSB7XG4gICAgICAgICAgcmVzZXJ2ZWRTcGFjZXNbcG9zaXRpb25dICs9IHNpemU7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgY29uc3QgZG9jdW1lbnRFbGVtZW50U3R5bGUgPSB0aGlzLiNkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGU7XG5cbiAgICAgIGZvciAoY29uc3QgW3Bvc2l0aW9uLCBzaXplXSBvZiBPYmplY3QuZW50cmllcyhyZXNlcnZlZFNwYWNlcykpIHtcbiAgICAgICAgZG9jdW1lbnRFbGVtZW50U3R5bGUuc2V0UHJvcGVydHkoXG4gICAgICAgICAgYC0tc2t5LXZpZXdwb3J0LSR7cG9zaXRpb259YCxcbiAgICAgICAgICBzaXplICsgJ3B4JyxcbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgdGhpcy4jdXBkYXRlUmVxdWVzdCA9IHVuZGVmaW5lZDtcbiAgICB9KTtcbiAgfVxuXG4gICN3YXRjaFZpc2liaWxpdHkoaXRlbTogUmVzZXJ2ZUl0ZW1UeXBlKTogdm9pZCB7XG4gICAgaWYgKGl0ZW0ucmVzZXJ2ZUZvckVsZW1lbnQpIHtcbiAgICAgIHRoaXMuI2NvbmRpdGlvbmFsbHlSZXNlcnZlSXRlbXMuc2V0KGl0ZW0ucmVzZXJ2ZUZvckVsZW1lbnQsIGl0ZW0pO1xuICAgICAgdGhpcy4jaW50ZXJzZWN0aW9uT2JzZXJ2ZXIub2JzZXJ2ZShpdGVtLnJlc2VydmVGb3JFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICAjaXNFbGVtZW50VmlzaWJsZShlbGVtZW50OiBIVE1MRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHJlY3QgPSBlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHJldHVybiAoXG4gICAgICAvLyBWZXJ0aWNhbGx5IGluIHZpZXdcbiAgICAgIHJlY3QueSA8PSB3aW5kb3cuaW5uZXJIZWlnaHQgJiZcbiAgICAgIHJlY3QueSA+PSAwICYmXG4gICAgICAvLyBIb3Jpem9udGFsbHkgaW4gdmlld1xuICAgICAgcmVjdC54IDw9IHdpbmRvdy5pbm5lcldpZHRoICYmXG4gICAgICByZWN0LnggPj0gMCAmJlxuICAgICAgLy8gRWxlbWVudCBpcyBub3QgaGlkZGVuIGJ5IGFub3RoZXIgZWxlbWVudFxuICAgICAgdGhpcy4jZG9jdW1lbnQuZWxlbWVudEZyb21Qb2ludChyZWN0LnggKyAxLCByZWN0LnkgKyAxKSA9PT0gZWxlbWVudFxuICAgICk7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/skyux-theme.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, Directive, Input, NgModule, inject, ChangeDetectorRef, HostBinding, Inject, makeEnvironmentProviders, APP_INITIALIZER, RendererFactory2 } from '@angular/core';
+import { Injectable, Optional, Directive, Input, NgModule, inject, ChangeDetectorRef, HostBinding, DestroyRef, makeEnvironmentProviders, APP_INITIALIZER, RendererFactory2 } from '@angular/core';
 import { getIconManifest } from '@skyux/icons';
 import FontFaceObserver from 'fontfaceobserver';
 import { take, takeUntil } from 'rxjs/operators';
@@ -528,9 +528,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Provides information about the state of the application's viewport.
  */
 class SkyAppViewportService {
+    // ESLint doesn't recognize how this is used.
+    // eslint-disable-next-line no-unused-private-class-members
+    #updateRequest;
     #reserveItems;
+    #conditionallyReserveItems;
     #document;
-    constructor(document) {
+    #intersectionObserver;
+    constructor() {
         /**
          * Updated when the viewport becomes visible.  While the page is rendered, the
          * viewport may remain hidden as fonts and styles are loaded asynchronously;
@@ -538,15 +543,46 @@ class SkyAppViewportService {
          * and styles are ready.
          */
         this.visible = new ReplaySubject(1);
+        // ESLint doesn't recognize how this is used.
+        // eslint-disable-next-line no-unused-private-class-members
+        this.#updateRequest = undefined;
         this.#reserveItems = new Map();
-        this.#document = document;
+        this.#conditionallyReserveItems = new Map();
+        this.#document = inject(DOCUMENT);
+        this.#intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                const item = this.#conditionallyReserveItems.get(entry.target);
+                if (item) {
+                    item.active = entry.isIntersecting;
+                }
+            });
+            this.#updateViewportArea();
+        }, {
+            root: this.#document,
+            threshold: Array.from({ length: 11 }, (_, i) => i / 10),
+        });
+        const onScroll = () => {
+            if (this.#conditionallyReserveItems.size > 0) {
+                this.#updateViewportArea();
+            }
+        };
+        this.#document.addEventListener('scroll', onScroll);
+        inject(DestroyRef).onDestroy(() => {
+            this.#intersectionObserver.disconnect();
+            this.#document.removeEventListener('scroll', onScroll);
+        });
     }
     /**
      * Reserves space for components docked to the left, top, right, or bottom of the viewport.
      * @param args
      */
     reserveSpace(args) {
-        this.#reserveItems.set(args.id, args);
+        const item = {
+            ...args,
+            active: !args.reserveForElement,
+        };
+        this.#reserveItems.set(args.id, item);
+        this.#watchVisibility(item);
         this.#updateViewportArea();
     }
     /**
@@ -554,25 +590,54 @@ class SkyAppViewportService {
      * @param id
      */
     unreserveSpace(id) {
+        const args = this.#reserveItems.get(id);
+        if (args?.reserveForElement) {
+            this.#intersectionObserver.unobserve(args.reserveForElement);
+            this.#conditionallyReserveItems.delete(args.reserveForElement);
+        }
         this.#reserveItems.delete(id);
         this.#updateViewportArea();
     }
     #updateViewportArea() {
-        const reservedSpaces = {
-            bottom: 0,
-            left: 0,
-            right: 0,
-            top: 0,
-        };
-        for (const { position, size } of this.#reserveItems.values()) {
-            reservedSpaces[position] += size;
-        }
-        const documentElementStyle = this.#document.documentElement.style;
-        for (const [position, size] of Object.entries(reservedSpaces)) {
-            documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
+        this.#updateRequest ??= requestAnimationFrame(() => {
+            const reservedSpaces = {
+                bottom: 0,
+                left: 0,
+                right: 0,
+                top: 0,
+            };
+            for (const { position, size, active, reserveForElement, } of this.#reserveItems.values()) {
+                if (active &&
+                    (!reserveForElement || this.#isElementVisible(reserveForElement))) {
+                    reservedSpaces[position] += size;
+                }
+            }
+            const documentElementStyle = this.#document.documentElement.style;
+            for (const [position, size] of Object.entries(reservedSpaces)) {
+                documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
+            }
+            this.#updateRequest = undefined;
+        });
+    }
+    #watchVisibility(item) {
+        if (item.reserveForElement) {
+            this.#conditionallyReserveItems.set(item.reserveForElement, item);
+            this.#intersectionObserver.observe(item.reserveForElement);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    #isElementVisible(element) {
+        const rect = element.getBoundingClientRect();
+        return (
+        // Vertically in view
+        rect.y <= window.innerHeight &&
+            rect.y >= 0 &&
+            // Horizontally in view
+            rect.x <= window.innerWidth &&
+            rect.x >= 0 &&
+            // Element is not hidden by another element
+            this.#document.elementFromPoint(rect.x + 1, rect.y + 1) === element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyAppViewportService, decorators: [{
@@ -580,10 +645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 function provideInitialTheme(name = 'default', options) {
     return makeEnvironmentProviders([

package/fesm2022/skyux-theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-theme.mjs","sources":["../../../../../libs/components/theme/src/lib/icons/icon-manifest.service.ts","../../../../../libs/components/theme/src/lib/theming/theme.service.ts","../../../../../libs/components/theme/src/lib/style-loader.ts","../../../../../libs/components/theme/src/lib/theming/theme-class.directive.ts","../../../../../libs/components/theme/src/lib/theming/theme-if.directive.ts","../../../../../libs/components/theme/src/lib/theming/theme-mode.ts","../../../../../libs/components/theme/src/lib/theming/theme-spacing.ts","../../../../../libs/components/theme/src/lib/theming/theme.ts","../../../../../libs/components/theme/src/lib/theming/theme-settings.ts","../../../../../libs/components/theme/src/lib/theming/theme.directive.ts","../../../../../libs/components/theme/src/lib/theme.module.ts","../../../../../libs/components/theme/src/lib/theming/theme-component-class.directive.ts","../../../../../libs/components/theme/src/lib/viewport/viewport.service.ts","../../../../../libs/components/theme/src/lib/providers/provide-initial-theme.ts","../../../../../libs/components/theme/src/skyux-theme.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { getIconManifest } from '@skyux/icons';\n\nimport { SkyThemeIconManifest } from './icon-manifest';\n\n/**\n * Provides a method for retrieving metadata about the SKY UX icon font.\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyThemeIconManifestService {\n  /**\n   * Gets metadata about the SKY UX icon font.\n   */\n  public getManifest(): SkyThemeIconManifest {\n    return getIconManifest();\n  }\n}\n","import { Injectable, Renderer2 } from '@angular/core';\n\nimport { Observable, ReplaySubject } from 'rxjs';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeSettingsChange } from './theme-settings-change';\n\n/**\n * Provides methods for updating and handling changes to the current theme.\n */\n@Injectable()\nexport class SkyThemeService {\n  /**\n   * Notifies consumers when the current theme settings have changed.\n   */\n  public get settingsChange(): Observable<SkyThemeSettingsChange> {\n    return this.#_settingsObs;\n  }\n\n  #current: SkyThemeSettings | undefined;\n\n  #hostEl: any | undefined;\n\n  #renderer: Renderer2 | undefined;\n\n  #settings: ReplaySubject<SkyThemeSettingsChange>;\n\n  #_settingsObs: Observable<SkyThemeSettingsChange>;\n\n  constructor() {\n    this.#settings = new ReplaySubject<SkyThemeSettingsChange>(1);\n    this.#_settingsObs = this.#settings.asObservable();\n  }\n\n  /**\n   * Initializes the theme service with the specified parameters. This should only be called\n   * from a host component that provides its own theme to child components.\n   * @param hostEl The host element under which themed components are rendered.\n   * @param renderer A Renderer2 instance for updating the host element with theme changes.\n   * @param theme The initial theme.\n   */\n  public init(hostEl: any, renderer: Renderer2, theme: SkyThemeSettings): void {\n    this.#hostEl = hostEl;\n    this.#renderer = renderer;\n\n    this.setTheme(theme);\n  }\n\n  /**\n   * Destroys the current theme service. This should only be called from a host component that\n   * provides its own theme to child components.\n   */\n  public destroy(): void {\n    this.#settings.complete();\n\n    this.#hostEl = this.#renderer = undefined;\n  }\n\n  /**\n   * Updates the current theme settings.\n   * @param settings The new theme settings to apply.\n   */\n  public setTheme(settings: SkyThemeSettings): void {\n    const previous = this.#current;\n\n    this.#applyThemeClass(previous, settings, 'theme');\n    this.#applyThemeClass(previous, settings, 'mode', 'supportedModes');\n    this.#applyThemeClass(previous, settings, 'spacing', 'supportedSpacing');\n\n    this.#settings.next({\n      currentSettings: settings,\n      previousSettings: previous,\n    });\n\n    this.#current = settings;\n  }\n\n  #applyThemeClass(\n    previous: SkyThemeSettings | undefined,\n    current: SkyThemeSettings,\n    prop: 'theme' | 'mode' | 'spacing',\n    supportedProp?: 'supportedModes' | 'supportedSpacing',\n  ): void {\n    const currentSetting = current[prop];\n\n    const previousClass = previous?.[prop].hostClass;\n    const currentClass = currentSetting.hostClass;\n\n    const classChanged = !previous || previousClass !== currentClass;\n\n    if (classChanged) {\n      if (previousClass) {\n        this.#removeHostClass(previousClass);\n      }\n\n      if (\n        !supportedProp ||\n        current.theme[supportedProp].indexOf(currentSetting) >= 0\n      ) {\n        this.#addHostClass(currentClass);\n      }\n    }\n  }\n\n  #addHostClass(className: string): void {\n    this.#renderer!.addClass(this.#hostEl, className);\n  }\n\n  #removeHostClass(className: string): void {\n    this.#renderer!.removeClass(this.#hostEl, className);\n  }\n}\n","import { Injectable, Optional } from '@angular/core';\n\nimport FontFaceObserver from 'fontfaceobserver';\nimport { take } from 'rxjs/operators';\n\nimport { SkyThemeService } from './theming/theme.service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAppStyleLoader {\n  public static readonly LOAD_TIMEOUT = 3000;\n  public isLoaded = false;\n\n  #themeSvc: SkyThemeService | undefined;\n\n  constructor(@Optional() themeSvc?: SkyThemeService) {\n    this.#themeSvc = themeSvc;\n  }\n\n  public loadStyles(): Promise<any> {\n    if (this.isLoaded) {\n      return Promise.resolve();\n    }\n\n    let themePromise: Promise<any>;\n\n    if (this.#themeSvc) {\n      themePromise = this.#themeSvc.settingsChange.pipe(take(1)).toPromise();\n    } else {\n      themePromise = Promise.resolve();\n    }\n\n    const fontAwesome = new FontFaceObserver('FontAwesome');\n    const skyuxIcons = new FontFaceObserver('skyux-icons');\n    const blackbaudSans = new FontFaceObserver('BLKB Sans');\n\n    return Promise.all([\n      // Specify a character for FontAwesome since some browsers will fail to detect\n      // when the font is loaded unless a known character with a different width\n      // than the default is not specified.\n      fontAwesome.load('\\uf0fc', SkyAppStyleLoader.LOAD_TIMEOUT),\n      skyuxIcons.load('\\ue999', SkyAppStyleLoader.LOAD_TIMEOUT),\n      blackbaudSans.load(undefined, SkyAppStyleLoader.LOAD_TIMEOUT),\n      themePromise,\n    ])\n      .then(() => {\n        this.isLoaded = true;\n      })\n      .catch((error) => {\n        // Errors loading the font should not stop the page from rendering.\n        // Passing the error along in case the client wants to do something with it.\n        return Promise.resolve({\n          error,\n        });\n      });\n  }\n}\n","import {\n  Directive,\n  ElementRef,\n  Input,\n  OnDestroy,\n  Optional,\n  Renderer2,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\ntype SkyThemeClassMap = Record<string, string>;\n\n/**\n * Component to add classes conditionally based on the current theme.\n *\n * If the directive is within a `skyTheme` directive, it uses settings from that directive.\n */\n@Directive({\n  selector: '[skyThemeClass]',\n})\nexport class SkyThemeClassDirective implements OnDestroy {\n  /**\n   * The HTML class attribute.\n   *\n   * @param value\n   */\n  @Input()\n  public set class(value: string | undefined) {\n    this.#removeInitialClasses(this.#initialClasses);\n    this.#initialClasses = typeof value === 'string' ? value.split(/\\s+/) : [];\n    this.#applyInitialClasses(this.#initialClasses);\n    this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n  }\n\n  /**\n   * An object with class names in a string for keys, and theme names (e.g. 'default' or 'modern') as values.\n   *\n   * @param value\n   */\n  @Input()\n  public set skyThemeClass(value: SkyThemeClassMap | undefined) {\n    this.#removeSkyThemeClassMap(this.#skyThemeClassMap);\n    this.#applyInitialClasses(this.#initialClasses);\n\n    this.#skyThemeClassMap = value as SkyThemeClassMap;\n\n    /* istanbul ignore else */\n    if (this.#skyThemeClassMap) {\n      this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n    }\n  }\n\n  set #themeSettings(settings: SkyThemeSettings) {\n    this.#currentTheme = settings;\n    this.#removeSkyThemeClassMap(this.#skyThemeClassMap);\n    this.#applyInitialClasses(this.#initialClasses);\n    this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n  }\n\n  #currentTheme: SkyThemeSettings | undefined;\n  #ngUnsubscribe = new Subject<void>();\n  #initialClasses: string[] = [];\n  #skyThemeClassMap: SkyThemeClassMap | undefined;\n\n  #ngEl: ElementRef;\n  #renderer: Renderer2;\n\n  constructor(\n    ngEl: ElementRef,\n    renderer: Renderer2,\n    @Optional() themeSvc?: SkyThemeService,\n  ) {\n    this.#ngEl = ngEl;\n    this.#renderer = renderer;\n    if (themeSvc) {\n      themeSvc.settingsChange\n        .pipe(takeUntil(this.#ngUnsubscribe))\n        .subscribe((settingsChange) => {\n          this.#themeSettings = settingsChange.currentSettings;\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  #applyInitialClasses(classes: string[]): void {\n    /* istanbul ignore else */\n    if (classes) {\n      classes.forEach((className) => this.#toggleClass(className, true));\n    }\n  }\n\n  #applySkyThemeClassMap(skyThemeClassMap: SkyThemeClassMap | undefined): void {\n    if (skyThemeClassMap) {\n      const themeName = this.#currentTheme?.theme.name || 'default';\n      Object.keys(skyThemeClassMap).forEach((className) => {\n        const enabled = themeName === skyThemeClassMap[className];\n        this.#toggleClass(className, enabled);\n      });\n    }\n  }\n\n  #removeInitialClasses(classes: string[]): void {\n    /* istanbul ignore else */\n    if (classes) {\n      classes.forEach((className) => this.#toggleClass(className, false));\n    }\n  }\n\n  #removeSkyThemeClassMap(\n    skyThemeClassMap: SkyThemeClassMap | undefined,\n  ): void {\n    if (skyThemeClassMap) {\n      Object.keys(skyThemeClassMap).forEach((className) =>\n        this.#toggleClass(className, false),\n      );\n    }\n  }\n\n  #toggleClass(className: string, enabled: boolean): void {\n    className = className.trim();\n    /* istanbul ignore else */\n    if (className) {\n      className.split(/\\s+/g).forEach((classNameItem) => {\n        if (enabled) {\n          this.#renderer.addClass(this.#ngEl.nativeElement, classNameItem);\n        } else {\n          this.#renderer.removeClass(this.#ngEl.nativeElement, classNameItem);\n        }\n      });\n    }\n  }\n}\n","import {\n  ChangeDetectorRef,\n  Directive,\n  Input,\n  OnDestroy,\n  Optional,\n  TemplateRef,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\n/**\n * Component that works like `ngIf` to show markup for matching theme.\n *\n * If the directive is within a `skyTheme` directive, it uses settings from that directive.\n */\n@Directive({\n  selector: '[skyThemeIf]',\n})\nexport class SkyThemeIfDirective implements OnDestroy {\n  /**\n   * A string that should match the name of a theme, `'default'` or `'modern'`.\n   *\n   * @param value\n   */\n  @Input()\n  public set skyThemeIf(value: 'default' | 'modern' | undefined) {\n    this.#context = value;\n    this.#updateView();\n  }\n\n  #context: string | undefined;\n  #currentTheme: SkyThemeSettings | undefined;\n  #ngUnsubscribe = new Subject<void>();\n  #hasView = false;\n\n  #templateRef: TemplateRef<unknown>;\n  #viewContainer: ViewContainerRef;\n\n  constructor(\n    templateRef: TemplateRef<unknown>,\n    viewContainer: ViewContainerRef,\n    changeDetector: ChangeDetectorRef,\n    @Optional() themeSvc?: SkyThemeService,\n  ) {\n    this.#templateRef = templateRef;\n    this.#viewContainer = viewContainer;\n    if (themeSvc) {\n      themeSvc.settingsChange\n        .pipe(takeUntil(this.#ngUnsubscribe))\n        .subscribe((settingsChange) => {\n          this.#currentTheme = settingsChange.currentSettings;\n          this.#updateView();\n\n          // Components that use OnPush change detection will not automatically\n          // check for changes when created as a result of a theme change if\n          // it happens outside of an Angular change detection cycle. This\n          // ensures change detection runs on those components.\n          changeDetector.markForCheck();\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  #updateView(): void {\n    const themeName = this.#currentTheme?.theme.name || 'default';\n    const condition = this.#context && themeName === this.#context;\n    if (condition && !this.#hasView) {\n      this.#viewContainer.createEmbeddedView(this.#templateRef);\n      this.#hasView = true;\n    } else if (!condition && this.#hasView) {\n      this.#viewContainer.clear();\n      this.#hasView = false;\n    }\n  }\n}\n","/**\n * Defines properties of a SKY UX theme mode.\n */\nexport class SkyThemeMode {\n  /**\n   * The preset themes available in SKY UX.\n   */\n  public static readonly presets = {\n    light: new SkyThemeMode('light', 'sky-theme-mode-light'),\n    dark: new SkyThemeMode('dark', 'sky-theme-mode-dark'),\n  };\n\n  /**\n   * Creates a new theme mode.\n   * @param name The name of the theme mode.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme mode.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n  ) {}\n}\n","/**\n * Defines properties of SKY UX theme spacing.\n */\nexport class SkyThemeSpacing {\n  /**\n   * The preset spacing available in SKY UX.\n   */\n  public static readonly presets = {\n    standard: new SkyThemeSpacing('standard', 'sky-theme-spacing-standard'),\n    compact: new SkyThemeSpacing('compact', 'sky-theme-spacing-compact'),\n  };\n\n  /**\n   * Creates a new theme spacing.\n   * @param name The name of the theme spacing.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme spacing.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n  ) {}\n}\n","import { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSpacing } from './theme-spacing';\n\n/**\n * Defines properties of a SKY UX theme.\n */\nexport class SkyTheme {\n  /**\n   * The preset themes available in SKY UX.\n   */\n  public static readonly presets = {\n    default: new SkyTheme(\n      'default',\n      'sky-theme-default',\n      [SkyThemeMode.presets.light],\n      [SkyThemeSpacing.presets.standard],\n    ),\n    modern: new SkyTheme(\n      'modern',\n      'sky-theme-modern',\n      [SkyThemeMode.presets.light, SkyThemeMode.presets.dark],\n      [SkyThemeSpacing.presets.standard, SkyThemeSpacing.presets.compact],\n    ),\n  };\n\n  /**\n   * Creates a new theme.\n   * @param name The name of the theme.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme.\n   * @param supportedModes An array of modes supported by the theme.\n   * @param supportedSpacing An array of spacing modes supported by the theme.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n    public readonly supportedModes: SkyThemeMode[],\n    public readonly supportedSpacing = [SkyThemeSpacing.presets.standard],\n  ) {}\n}\n","import { SkyTheme } from './theme';\nimport { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSpacing } from './theme-spacing';\n\n/**\n * Specifies the theme and mode to be applied to a host element.\n */\nexport class SkyThemeSettings {\n  /**\n   * Creates a new SkyThemeSettings instance.\n   * @param theme The theme configuration.\n   * @param mode The theme mode.\n   */\n  constructor(\n    public readonly theme: SkyTheme,\n    public readonly mode: SkyThemeMode,\n    public readonly spacing = SkyThemeSpacing.presets.standard,\n  ) {}\n}\n","import {\n  Directive,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  Renderer2,\n} from '@angular/core';\n\nimport { SkyTheme } from './theme';\nimport { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\nconst defaultTheme = new SkyThemeSettings(\n  SkyTheme.presets.default,\n  SkyThemeMode.presets.light,\n);\n\n/**\n * Creates a new instance of `SkyThemeService` to allow a container\n * to have its own theme.\n */\n@Directive({\n  selector: '[skyTheme]',\n  providers: [SkyThemeService],\n})\nexport class SkyThemeDirective implements OnInit, OnDestroy {\n  @Input()\n  public set skyTheme(value: SkyThemeSettings | undefined) {\n    this.skyThemeOrDefault = value || defaultTheme;\n\n    if (this.#initialized) {\n      this.#themeSvc.setTheme(this.skyThemeOrDefault);\n    }\n  }\n\n  public skyThemeOrDefault = defaultTheme;\n\n  #initialized = false;\n\n  #elRef: ElementRef;\n  #renderer: Renderer2;\n  #themeSvc: SkyThemeService;\n\n  constructor(\n    elRef: ElementRef,\n    renderer: Renderer2,\n    themeSvc: SkyThemeService,\n  ) {\n    this.#elRef = elRef;\n    this.#renderer = renderer;\n    this.#themeSvc = themeSvc;\n  }\n\n  public ngOnInit(): void {\n    this.#themeSvc.init(\n      this.#elRef.nativeElement,\n      this.#renderer,\n      this.skyThemeOrDefault,\n    );\n\n    this.#initialized = true;\n  }\n\n  public ngOnDestroy(): void {\n    this.#themeSvc.destroy();\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { SkyThemeClassDirective } from './theming/theme-class.directive';\nimport { SkyThemeIfDirective } from './theming/theme-if.directive';\nimport { SkyThemeDirective } from './theming/theme.directive';\n\n@NgModule({\n  declarations: [\n    SkyThemeClassDirective,\n    SkyThemeDirective,\n    SkyThemeIfDirective,\n  ],\n  exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective],\n})\nexport class SkyThemeModule {}\n","import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SkyThemeService } from '../theming/theme.service';\n\n@Directive({\n  selector: '[skyThemeClass]',\n  standalone: true,\n})\nexport class SkyThemeComponentClassDirective {\n  @HostBinding('class')\n  public theme = 'sky-cmp-theme-default';\n\n  #changeDetector = inject(ChangeDetectorRef);\n  #themeService = inject(SkyThemeService, { optional: true });\n\n  constructor() {\n    this.#themeService?.settingsChange\n      .pipe(takeUntilDestroyed())\n      .subscribe((change) => {\n        this.theme = `sky-cmp-theme-${change.currentSettings.theme.name}`;\n        this.#changeDetector.markForCheck();\n      });\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Inject, Injectable } from '@angular/core';\n\nimport { ReplaySubject } from 'rxjs';\n\nimport { SkyAppViewportReserveArgs } from './viewport-reserve-args';\nimport { SkyAppViewportReservedPositionType } from './viewport-reserve-position-type';\n\n/**\n * Provides information about the state of the application's viewport.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAppViewportService {\n  /**\n   * Updated when the viewport becomes visible.  While the page is rendered, the\n   * viewport may remain hidden as fonts and styles are loaded asynchronously;\n   * this is done to avoid a FOUC (Flash Of Unstyled Content) before the fonts\n   * and styles are ready.\n   */\n  public visible = new ReplaySubject<boolean>(1);\n\n  #reserveItems = new Map<string, SkyAppViewportReserveArgs>();\n  #document: Document;\n\n  constructor(@Inject(DOCUMENT) document: Document) {\n    this.#document = document;\n  }\n\n  /**\n   * Reserves space for components docked to the left, top, right, or bottom of the viewport.\n   * @param args\n   */\n  public reserveSpace(args: SkyAppViewportReserveArgs): void {\n    this.#reserveItems.set(args.id, args);\n    this.#updateViewportArea();\n  }\n\n  /**\n   * Removes reserved space for a component by the ID provided when it was reserved.\n   * @param id\n   */\n  public unreserveSpace(id: string): void {\n    this.#reserveItems.delete(id);\n    this.#updateViewportArea();\n  }\n\n  #updateViewportArea(): void {\n    const reservedSpaces: {\n      [key in SkyAppViewportReservedPositionType]: number;\n    } = {\n      bottom: 0,\n      left: 0,\n      right: 0,\n      top: 0,\n    };\n\n    for (const { position, size } of this.#reserveItems.values()) {\n      reservedSpaces[position] += size;\n    }\n\n    const documentElementStyle = this.#document.documentElement.style;\n\n    for (const [position, size] of Object.entries(reservedSpaces)) {\n      documentElementStyle.setProperty(\n        `--sky-viewport-${position}`,\n        size + 'px',\n      );\n    }\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  APP_INITIALIZER,\n  EnvironmentProviders,\n  RendererFactory2,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { SkyTheme } from '../theming/theme';\nimport { SkyThemeMode } from '../theming/theme-mode';\nimport { SkyThemeSettings } from '../theming/theme-settings';\nimport { SkyThemeSpacing } from '../theming/theme-spacing';\nimport { SkyThemeService } from '../theming/theme.service';\n\nexport function provideInitialTheme(\n  name: keyof typeof SkyTheme.presets = 'default',\n  options?: {\n    mode?: keyof typeof SkyThemeMode.presets;\n    spacing?: keyof typeof SkyThemeSpacing.presets;\n  },\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    SkyThemeService,\n    {\n      provide: APP_INITIALIZER,\n      multi: true,\n      useFactory: (\n        themeService: SkyThemeService,\n        doc: Document,\n        rendererFactory: RendererFactory2,\n      ) => {\n        return () => {\n          themeService.init(\n            doc.body,\n            rendererFactory.createRenderer(null, null),\n            new SkyThemeSettings(\n              SkyTheme.presets[name],\n              SkyThemeMode.presets[options?.mode ?? 'light'],\n              SkyThemeSpacing.presets[options?.spacing ?? 'standard'],\n            ),\n          );\n        };\n      },\n      deps: [SkyThemeService, DOCUMENT, RendererFactory2],\n    },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SkyThemeService"],"mappings":"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"}
+{"version":3,"file":"skyux-theme.mjs","sources":["../../../../../libs/components/theme/src/lib/icons/icon-manifest.service.ts","../../../../../libs/components/theme/src/lib/theming/theme.service.ts","../../../../../libs/components/theme/src/lib/style-loader.ts","../../../../../libs/components/theme/src/lib/theming/theme-class.directive.ts","../../../../../libs/components/theme/src/lib/theming/theme-if.directive.ts","../../../../../libs/components/theme/src/lib/theming/theme-mode.ts","../../../../../libs/components/theme/src/lib/theming/theme-spacing.ts","../../../../../libs/components/theme/src/lib/theming/theme.ts","../../../../../libs/components/theme/src/lib/theming/theme-settings.ts","../../../../../libs/components/theme/src/lib/theming/theme.directive.ts","../../../../../libs/components/theme/src/lib/theme.module.ts","../../../../../libs/components/theme/src/lib/theming/theme-component-class.directive.ts","../../../../../libs/components/theme/src/lib/viewport/viewport.service.ts","../../../../../libs/components/theme/src/lib/providers/provide-initial-theme.ts","../../../../../libs/components/theme/src/skyux-theme.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { getIconManifest } from '@skyux/icons';\n\nimport { SkyThemeIconManifest } from './icon-manifest';\n\n/**\n * Provides a method for retrieving metadata about the SKY UX icon font.\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyThemeIconManifestService {\n  /**\n   * Gets metadata about the SKY UX icon font.\n   */\n  public getManifest(): SkyThemeIconManifest {\n    return getIconManifest();\n  }\n}\n","import { Injectable, Renderer2 } from '@angular/core';\n\nimport { Observable, ReplaySubject } from 'rxjs';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeSettingsChange } from './theme-settings-change';\n\n/**\n * Provides methods for updating and handling changes to the current theme.\n */\n@Injectable()\nexport class SkyThemeService {\n  /**\n   * Notifies consumers when the current theme settings have changed.\n   */\n  public get settingsChange(): Observable<SkyThemeSettingsChange> {\n    return this.#_settingsObs;\n  }\n\n  #current: SkyThemeSettings | undefined;\n\n  #hostEl: any | undefined;\n\n  #renderer: Renderer2 | undefined;\n\n  #settings: ReplaySubject<SkyThemeSettingsChange>;\n\n  #_settingsObs: Observable<SkyThemeSettingsChange>;\n\n  constructor() {\n    this.#settings = new ReplaySubject<SkyThemeSettingsChange>(1);\n    this.#_settingsObs = this.#settings.asObservable();\n  }\n\n  /**\n   * Initializes the theme service with the specified parameters. This should only be called\n   * from a host component that provides its own theme to child components.\n   * @param hostEl The host element under which themed components are rendered.\n   * @param renderer A Renderer2 instance for updating the host element with theme changes.\n   * @param theme The initial theme.\n   */\n  public init(hostEl: any, renderer: Renderer2, theme: SkyThemeSettings): void {\n    this.#hostEl = hostEl;\n    this.#renderer = renderer;\n\n    this.setTheme(theme);\n  }\n\n  /**\n   * Destroys the current theme service. This should only be called from a host component that\n   * provides its own theme to child components.\n   */\n  public destroy(): void {\n    this.#settings.complete();\n\n    this.#hostEl = this.#renderer = undefined;\n  }\n\n  /**\n   * Updates the current theme settings.\n   * @param settings The new theme settings to apply.\n   */\n  public setTheme(settings: SkyThemeSettings): void {\n    const previous = this.#current;\n\n    this.#applyThemeClass(previous, settings, 'theme');\n    this.#applyThemeClass(previous, settings, 'mode', 'supportedModes');\n    this.#applyThemeClass(previous, settings, 'spacing', 'supportedSpacing');\n\n    this.#settings.next({\n      currentSettings: settings,\n      previousSettings: previous,\n    });\n\n    this.#current = settings;\n  }\n\n  #applyThemeClass(\n    previous: SkyThemeSettings | undefined,\n    current: SkyThemeSettings,\n    prop: 'theme' | 'mode' | 'spacing',\n    supportedProp?: 'supportedModes' | 'supportedSpacing',\n  ): void {\n    const currentSetting = current[prop];\n\n    const previousClass = previous?.[prop].hostClass;\n    const currentClass = currentSetting.hostClass;\n\n    const classChanged = !previous || previousClass !== currentClass;\n\n    if (classChanged) {\n      if (previousClass) {\n        this.#removeHostClass(previousClass);\n      }\n\n      if (\n        !supportedProp ||\n        current.theme[supportedProp].indexOf(currentSetting) >= 0\n      ) {\n        this.#addHostClass(currentClass);\n      }\n    }\n  }\n\n  #addHostClass(className: string): void {\n    this.#renderer!.addClass(this.#hostEl, className);\n  }\n\n  #removeHostClass(className: string): void {\n    this.#renderer!.removeClass(this.#hostEl, className);\n  }\n}\n","import { Injectable, Optional } from '@angular/core';\n\nimport FontFaceObserver from 'fontfaceobserver';\nimport { take } from 'rxjs/operators';\n\nimport { SkyThemeService } from './theming/theme.service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAppStyleLoader {\n  public static readonly LOAD_TIMEOUT = 3000;\n  public isLoaded = false;\n\n  #themeSvc: SkyThemeService | undefined;\n\n  constructor(@Optional() themeSvc?: SkyThemeService) {\n    this.#themeSvc = themeSvc;\n  }\n\n  public loadStyles(): Promise<any> {\n    if (this.isLoaded) {\n      return Promise.resolve();\n    }\n\n    let themePromise: Promise<any>;\n\n    if (this.#themeSvc) {\n      themePromise = this.#themeSvc.settingsChange.pipe(take(1)).toPromise();\n    } else {\n      themePromise = Promise.resolve();\n    }\n\n    const fontAwesome = new FontFaceObserver('FontAwesome');\n    const skyuxIcons = new FontFaceObserver('skyux-icons');\n    const blackbaudSans = new FontFaceObserver('BLKB Sans');\n\n    return Promise.all([\n      // Specify a character for FontAwesome since some browsers will fail to detect\n      // when the font is loaded unless a known character with a different width\n      // than the default is not specified.\n      fontAwesome.load('\\uf0fc', SkyAppStyleLoader.LOAD_TIMEOUT),\n      skyuxIcons.load('\\ue999', SkyAppStyleLoader.LOAD_TIMEOUT),\n      blackbaudSans.load(undefined, SkyAppStyleLoader.LOAD_TIMEOUT),\n      themePromise,\n    ])\n      .then(() => {\n        this.isLoaded = true;\n      })\n      .catch((error) => {\n        // Errors loading the font should not stop the page from rendering.\n        // Passing the error along in case the client wants to do something with it.\n        return Promise.resolve({\n          error,\n        });\n      });\n  }\n}\n","import {\n  Directive,\n  ElementRef,\n  Input,\n  OnDestroy,\n  Optional,\n  Renderer2,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\ntype SkyThemeClassMap = Record<string, string>;\n\n/**\n * Component to add classes conditionally based on the current theme.\n *\n * If the directive is within a `skyTheme` directive, it uses settings from that directive.\n */\n@Directive({\n  selector: '[skyThemeClass]',\n})\nexport class SkyThemeClassDirective implements OnDestroy {\n  /**\n   * The HTML class attribute.\n   *\n   * @param value\n   */\n  @Input()\n  public set class(value: string | undefined) {\n    this.#removeInitialClasses(this.#initialClasses);\n    this.#initialClasses = typeof value === 'string' ? value.split(/\\s+/) : [];\n    this.#applyInitialClasses(this.#initialClasses);\n    this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n  }\n\n  /**\n   * An object with class names in a string for keys, and theme names (e.g. 'default' or 'modern') as values.\n   *\n   * @param value\n   */\n  @Input()\n  public set skyThemeClass(value: SkyThemeClassMap | undefined) {\n    this.#removeSkyThemeClassMap(this.#skyThemeClassMap);\n    this.#applyInitialClasses(this.#initialClasses);\n\n    this.#skyThemeClassMap = value as SkyThemeClassMap;\n\n    /* istanbul ignore else */\n    if (this.#skyThemeClassMap) {\n      this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n    }\n  }\n\n  set #themeSettings(settings: SkyThemeSettings) {\n    this.#currentTheme = settings;\n    this.#removeSkyThemeClassMap(this.#skyThemeClassMap);\n    this.#applyInitialClasses(this.#initialClasses);\n    this.#applySkyThemeClassMap(this.#skyThemeClassMap);\n  }\n\n  #currentTheme: SkyThemeSettings | undefined;\n  #ngUnsubscribe = new Subject<void>();\n  #initialClasses: string[] = [];\n  #skyThemeClassMap: SkyThemeClassMap | undefined;\n\n  #ngEl: ElementRef;\n  #renderer: Renderer2;\n\n  constructor(\n    ngEl: ElementRef,\n    renderer: Renderer2,\n    @Optional() themeSvc?: SkyThemeService,\n  ) {\n    this.#ngEl = ngEl;\n    this.#renderer = renderer;\n    if (themeSvc) {\n      themeSvc.settingsChange\n        .pipe(takeUntil(this.#ngUnsubscribe))\n        .subscribe((settingsChange) => {\n          this.#themeSettings = settingsChange.currentSettings;\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  #applyInitialClasses(classes: string[]): void {\n    /* istanbul ignore else */\n    if (classes) {\n      classes.forEach((className) => this.#toggleClass(className, true));\n    }\n  }\n\n  #applySkyThemeClassMap(skyThemeClassMap: SkyThemeClassMap | undefined): void {\n    if (skyThemeClassMap) {\n      const themeName = this.#currentTheme?.theme.name || 'default';\n      Object.keys(skyThemeClassMap).forEach((className) => {\n        const enabled = themeName === skyThemeClassMap[className];\n        this.#toggleClass(className, enabled);\n      });\n    }\n  }\n\n  #removeInitialClasses(classes: string[]): void {\n    /* istanbul ignore else */\n    if (classes) {\n      classes.forEach((className) => this.#toggleClass(className, false));\n    }\n  }\n\n  #removeSkyThemeClassMap(\n    skyThemeClassMap: SkyThemeClassMap | undefined,\n  ): void {\n    if (skyThemeClassMap) {\n      Object.keys(skyThemeClassMap).forEach((className) =>\n        this.#toggleClass(className, false),\n      );\n    }\n  }\n\n  #toggleClass(className: string, enabled: boolean): void {\n    className = className.trim();\n    /* istanbul ignore else */\n    if (className) {\n      className.split(/\\s+/g).forEach((classNameItem) => {\n        if (enabled) {\n          this.#renderer.addClass(this.#ngEl.nativeElement, classNameItem);\n        } else {\n          this.#renderer.removeClass(this.#ngEl.nativeElement, classNameItem);\n        }\n      });\n    }\n  }\n}\n","import {\n  ChangeDetectorRef,\n  Directive,\n  Input,\n  OnDestroy,\n  Optional,\n  TemplateRef,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\n/**\n * Component that works like `ngIf` to show markup for matching theme.\n *\n * If the directive is within a `skyTheme` directive, it uses settings from that directive.\n */\n@Directive({\n  selector: '[skyThemeIf]',\n})\nexport class SkyThemeIfDirective implements OnDestroy {\n  /**\n   * A string that should match the name of a theme, `'default'` or `'modern'`.\n   *\n   * @param value\n   */\n  @Input()\n  public set skyThemeIf(value: 'default' | 'modern' | undefined) {\n    this.#context = value;\n    this.#updateView();\n  }\n\n  #context: string | undefined;\n  #currentTheme: SkyThemeSettings | undefined;\n  #ngUnsubscribe = new Subject<void>();\n  #hasView = false;\n\n  #templateRef: TemplateRef<unknown>;\n  #viewContainer: ViewContainerRef;\n\n  constructor(\n    templateRef: TemplateRef<unknown>,\n    viewContainer: ViewContainerRef,\n    changeDetector: ChangeDetectorRef,\n    @Optional() themeSvc?: SkyThemeService,\n  ) {\n    this.#templateRef = templateRef;\n    this.#viewContainer = viewContainer;\n    if (themeSvc) {\n      themeSvc.settingsChange\n        .pipe(takeUntil(this.#ngUnsubscribe))\n        .subscribe((settingsChange) => {\n          this.#currentTheme = settingsChange.currentSettings;\n          this.#updateView();\n\n          // Components that use OnPush change detection will not automatically\n          // check for changes when created as a result of a theme change if\n          // it happens outside of an Angular change detection cycle. This\n          // ensures change detection runs on those components.\n          changeDetector.markForCheck();\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  #updateView(): void {\n    const themeName = this.#currentTheme?.theme.name || 'default';\n    const condition = this.#context && themeName === this.#context;\n    if (condition && !this.#hasView) {\n      this.#viewContainer.createEmbeddedView(this.#templateRef);\n      this.#hasView = true;\n    } else if (!condition && this.#hasView) {\n      this.#viewContainer.clear();\n      this.#hasView = false;\n    }\n  }\n}\n","/**\n * Defines properties of a SKY UX theme mode.\n */\nexport class SkyThemeMode {\n  /**\n   * The preset themes available in SKY UX.\n   */\n  public static readonly presets = {\n    light: new SkyThemeMode('light', 'sky-theme-mode-light'),\n    dark: new SkyThemeMode('dark', 'sky-theme-mode-dark'),\n  };\n\n  /**\n   * Creates a new theme mode.\n   * @param name The name of the theme mode.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme mode.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n  ) {}\n}\n","/**\n * Defines properties of SKY UX theme spacing.\n */\nexport class SkyThemeSpacing {\n  /**\n   * The preset spacing available in SKY UX.\n   */\n  public static readonly presets = {\n    standard: new SkyThemeSpacing('standard', 'sky-theme-spacing-standard'),\n    compact: new SkyThemeSpacing('compact', 'sky-theme-spacing-compact'),\n  };\n\n  /**\n   * Creates a new theme spacing.\n   * @param name The name of the theme spacing.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme spacing.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n  ) {}\n}\n","import { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSpacing } from './theme-spacing';\n\n/**\n * Defines properties of a SKY UX theme.\n */\nexport class SkyTheme {\n  /**\n   * The preset themes available in SKY UX.\n   */\n  public static readonly presets = {\n    default: new SkyTheme(\n      'default',\n      'sky-theme-default',\n      [SkyThemeMode.presets.light],\n      [SkyThemeSpacing.presets.standard],\n    ),\n    modern: new SkyTheme(\n      'modern',\n      'sky-theme-modern',\n      [SkyThemeMode.presets.light, SkyThemeMode.presets.dark],\n      [SkyThemeSpacing.presets.standard, SkyThemeSpacing.presets.compact],\n    ),\n  };\n\n  /**\n   * Creates a new theme.\n   * @param name The name of the theme.\n   * @param hostClass The class on the host element which child components should reference when\n   * adjusting for a specified theme.\n   * @param supportedModes An array of modes supported by the theme.\n   * @param supportedSpacing An array of spacing modes supported by the theme.\n   */\n  constructor(\n    public readonly name: string,\n    public readonly hostClass: string,\n    public readonly supportedModes: SkyThemeMode[],\n    public readonly supportedSpacing = [SkyThemeSpacing.presets.standard],\n  ) {}\n}\n","import { SkyTheme } from './theme';\nimport { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSpacing } from './theme-spacing';\n\n/**\n * Specifies the theme and mode to be applied to a host element.\n */\nexport class SkyThemeSettings {\n  /**\n   * Creates a new SkyThemeSettings instance.\n   * @param theme The theme configuration.\n   * @param mode The theme mode.\n   */\n  constructor(\n    public readonly theme: SkyTheme,\n    public readonly mode: SkyThemeMode,\n    public readonly spacing = SkyThemeSpacing.presets.standard,\n  ) {}\n}\n","import {\n  Directive,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  Renderer2,\n} from '@angular/core';\n\nimport { SkyTheme } from './theme';\nimport { SkyThemeMode } from './theme-mode';\nimport { SkyThemeSettings } from './theme-settings';\nimport { SkyThemeService } from './theme.service';\n\nconst defaultTheme = new SkyThemeSettings(\n  SkyTheme.presets.default,\n  SkyThemeMode.presets.light,\n);\n\n/**\n * Creates a new instance of `SkyThemeService` to allow a container\n * to have its own theme.\n */\n@Directive({\n  selector: '[skyTheme]',\n  providers: [SkyThemeService],\n})\nexport class SkyThemeDirective implements OnInit, OnDestroy {\n  @Input()\n  public set skyTheme(value: SkyThemeSettings | undefined) {\n    this.skyThemeOrDefault = value || defaultTheme;\n\n    if (this.#initialized) {\n      this.#themeSvc.setTheme(this.skyThemeOrDefault);\n    }\n  }\n\n  public skyThemeOrDefault = defaultTheme;\n\n  #initialized = false;\n\n  #elRef: ElementRef;\n  #renderer: Renderer2;\n  #themeSvc: SkyThemeService;\n\n  constructor(\n    elRef: ElementRef,\n    renderer: Renderer2,\n    themeSvc: SkyThemeService,\n  ) {\n    this.#elRef = elRef;\n    this.#renderer = renderer;\n    this.#themeSvc = themeSvc;\n  }\n\n  public ngOnInit(): void {\n    this.#themeSvc.init(\n      this.#elRef.nativeElement,\n      this.#renderer,\n      this.skyThemeOrDefault,\n    );\n\n    this.#initialized = true;\n  }\n\n  public ngOnDestroy(): void {\n    this.#themeSvc.destroy();\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { SkyThemeClassDirective } from './theming/theme-class.directive';\nimport { SkyThemeIfDirective } from './theming/theme-if.directive';\nimport { SkyThemeDirective } from './theming/theme.directive';\n\n@NgModule({\n  declarations: [\n    SkyThemeClassDirective,\n    SkyThemeDirective,\n    SkyThemeIfDirective,\n  ],\n  exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective],\n})\nexport class SkyThemeModule {}\n","import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SkyThemeService } from '../theming/theme.service';\n\n@Directive({\n  selector: '[skyThemeClass]',\n  standalone: true,\n})\nexport class SkyThemeComponentClassDirective {\n  @HostBinding('class')\n  public theme = 'sky-cmp-theme-default';\n\n  #changeDetector = inject(ChangeDetectorRef);\n  #themeService = inject(SkyThemeService, { optional: true });\n\n  constructor() {\n    this.#themeService?.settingsChange\n      .pipe(takeUntilDestroyed())\n      .subscribe((change) => {\n        this.theme = `sky-cmp-theme-${change.currentSettings.theme.name}`;\n        this.#changeDetector.markForCheck();\n      });\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Injectable, inject } from '@angular/core';\n\nimport { ReplaySubject } from 'rxjs';\n\nimport { SkyAppViewportReserveArgs } from './viewport-reserve-args';\nimport { SkyAppViewportReservedPositionType } from './viewport-reserve-position-type';\n\ntype ReserveItemType = SkyAppViewportReserveArgs & {\n  active: boolean;\n};\n\n/**\n * Provides information about the state of the application's viewport.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAppViewportService {\n  /**\n   * Updated when the viewport becomes visible.  While the page is rendered, the\n   * viewport may remain hidden as fonts and styles are loaded asynchronously;\n   * this is done to avoid a FOUC (Flash Of Unstyled Content) before the fonts\n   * and styles are ready.\n   */\n  public visible = new ReplaySubject<boolean>(1);\n\n  // ESLint doesn't recognize how this is used.\n  // eslint-disable-next-line no-unused-private-class-members\n  #updateRequest: number | undefined = undefined;\n  readonly #reserveItems = new Map<string, ReserveItemType>();\n  readonly #conditionallyReserveItems = new Map<Element, ReserveItemType>();\n  readonly #document = inject(DOCUMENT);\n  readonly #intersectionObserver = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        const item = this.#conditionallyReserveItems.get(entry.target);\n        if (item) {\n          item.active = entry.isIntersecting;\n        }\n      });\n      this.#updateViewportArea();\n    },\n    {\n      root: this.#document,\n      threshold: Array.from({ length: 11 }, (_, i) => i / 10),\n    },\n  );\n\n  constructor() {\n    const onScroll = (): void => {\n      if (this.#conditionallyReserveItems.size > 0) {\n        this.#updateViewportArea();\n      }\n    };\n    this.#document.addEventListener('scroll', onScroll);\n    inject(DestroyRef).onDestroy(() => {\n      this.#intersectionObserver.disconnect();\n      this.#document.removeEventListener('scroll', onScroll);\n    });\n  }\n\n  /**\n   * Reserves space for components docked to the left, top, right, or bottom of the viewport.\n   * @param args\n   */\n  public reserveSpace(args: SkyAppViewportReserveArgs): void {\n    const item = {\n      ...args,\n      active: !args.reserveForElement,\n    };\n    this.#reserveItems.set(args.id, item);\n    this.#watchVisibility(item);\n    this.#updateViewportArea();\n  }\n\n  /**\n   * Removes reserved space for a component by the ID provided when it was reserved.\n   * @param id\n   */\n  public unreserveSpace(id: string): void {\n    const args = this.#reserveItems.get(id);\n    if (args?.reserveForElement) {\n      this.#intersectionObserver.unobserve(args.reserveForElement);\n      this.#conditionallyReserveItems.delete(args.reserveForElement);\n    }\n    this.#reserveItems.delete(id);\n    this.#updateViewportArea();\n  }\n\n  #updateViewportArea(): void {\n    this.#updateRequest ??= requestAnimationFrame(() => {\n      const reservedSpaces: {\n        [key in SkyAppViewportReservedPositionType]: number;\n      } = {\n        bottom: 0,\n        left: 0,\n        right: 0,\n        top: 0,\n      };\n\n      for (const {\n        position,\n        size,\n        active,\n        reserveForElement,\n      } of this.#reserveItems.values()) {\n        if (\n          active &&\n          (!reserveForElement || this.#isElementVisible(reserveForElement))\n        ) {\n          reservedSpaces[position] += size;\n        }\n      }\n\n      const documentElementStyle = this.#document.documentElement.style;\n\n      for (const [position, size] of Object.entries(reservedSpaces)) {\n        documentElementStyle.setProperty(\n          `--sky-viewport-${position}`,\n          size + 'px',\n        );\n      }\n\n      this.#updateRequest = undefined;\n    });\n  }\n\n  #watchVisibility(item: ReserveItemType): void {\n    if (item.reserveForElement) {\n      this.#conditionallyReserveItems.set(item.reserveForElement, item);\n      this.#intersectionObserver.observe(item.reserveForElement);\n    }\n  }\n\n  #isElementVisible(element: HTMLElement): boolean {\n    const rect = element.getBoundingClientRect();\n    return (\n      // Vertically in view\n      rect.y <= window.innerHeight &&\n      rect.y >= 0 &&\n      // Horizontally in view\n      rect.x <= window.innerWidth &&\n      rect.x >= 0 &&\n      // Element is not hidden by another element\n      this.#document.elementFromPoint(rect.x + 1, rect.y + 1) === element\n    );\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  APP_INITIALIZER,\n  EnvironmentProviders,\n  RendererFactory2,\n  makeEnvironmentProviders,\n} from '@angular/core';\n\nimport { SkyTheme } from '../theming/theme';\nimport { SkyThemeMode } from '../theming/theme-mode';\nimport { SkyThemeSettings } from '../theming/theme-settings';\nimport { SkyThemeSpacing } from '../theming/theme-spacing';\nimport { SkyThemeService } from '../theming/theme.service';\n\nexport function provideInitialTheme(\n  name: keyof typeof SkyTheme.presets = 'default',\n  options?: {\n    mode?: keyof typeof SkyThemeMode.presets;\n    spacing?: keyof typeof SkyThemeSpacing.presets;\n  },\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    SkyThemeService,\n    {\n      provide: APP_INITIALIZER,\n      multi: true,\n      useFactory: (\n        themeService: SkyThemeService,\n        doc: Document,\n        rendererFactory: RendererFactory2,\n      ) => {\n        return () => {\n          themeService.init(\n            doc.body,\n            rendererFactory.createRenderer(null, null),\n            new SkyThemeSettings(\n              SkyTheme.presets[name],\n              SkyThemeMode.presets[options?.mode ?? 'light'],\n              SkyThemeSpacing.presets[options?.spacing ?? 'standard'],\n            ),\n          );\n        };\n      },\n      deps: [SkyThemeService, DOCUMENT, RendererFactory2],\n    },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SkyThemeService"],"mappings":"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"}

package/lib/viewport/viewport-reserve-args.d.ts

@@ -15,4 +15,8 @@ export interface SkyAppViewportReserveArgs {
      * The number of pixels to reserve.
      */
     size: number;
+    /**
+     * Only reserve space when this element is in view.
+     */
+    reserveForElement?: HTMLElement;
 }

package/lib/viewport/viewport.service.d.ts

@@ -13,7 +13,7 @@ export declare class SkyAppViewportService {
      * and styles are ready.
      */
     visible: ReplaySubject<boolean>;
-    constructor(document: Document);
+    constructor();
     /**
      * Reserves space for components docked to the left, top, right, or bottom of the viewport.
      * @param args

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/theme",
-  "version": "11.40.0",
+  "version": "11.42.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",