@ngutil/style 0.0.3-dev.17 → 0.0.3-dev.19

package/esm2022/index.mjs

@@ -1,4 +1,5 @@
-export { watchMedia } from "./services/media-watcher";
+export { MediaWatcher } from "./services/media-watcher.service";
 export { ColorSchemeService } from "./services/color-scheme.service";
 export { Ease, Duration } from "./sass";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9zdHlsZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgd2F0Y2hNZWRpYSB9IGZyb20gXCIuL3NlcnZpY2VzL21lZGlhLXdhdGNoZXJcIlxuZXhwb3J0IHsgQ29sb3JTY2hlbWVTZXJ2aWNlIH0gZnJvbSBcIi4vc2VydmljZXMvY29sb3Itc2NoZW1lLnNlcnZpY2VcIlxuZXhwb3J0IHsgRWFzZSwgRHVyYXRpb24gfSBmcm9tIFwiLi9zYXNzXCJcbiJdfQ==
+export { DimensionWatcher } from "./services/dimension-watcher.service";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9zdHlsZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBWSxNQUFNLHNDQUFzQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgTWVkaWFXYXRjaGVyIH0gZnJvbSBcIi4vc2VydmljZXMvbWVkaWEtd2F0Y2hlci5zZXJ2aWNlXCJcbmV4cG9ydCB7IENvbG9yU2NoZW1lU2VydmljZSB9IGZyb20gXCIuL3NlcnZpY2VzL2NvbG9yLXNjaGVtZS5zZXJ2aWNlXCJcbmV4cG9ydCB7IEVhc2UsIER1cmF0aW9uIH0gZnJvbSBcIi4vc2Fzc1wiXG5leHBvcnQgeyBEaW1lbnNpb24sIFJlY3QgfSBmcm9tIFwiLi91dGlsL3JlY3RcIlxuZXhwb3J0IHsgRGltZW5zaW9uV2F0Y2hlciwgV2F0Y2hCb3ggfSBmcm9tIFwiLi9zZXJ2aWNlcy9kaW1lbnNpb24td2F0Y2hlci5zZXJ2aWNlXCJcbiJdfQ==

package/esm2022/services/color-scheme.service.mjs

@@ -1,12 +1,14 @@
-import { Injectable } from "@angular/core";
+import { inject, Injectable } from "@angular/core";
 import { map, shareReplay } from "rxjs";
-import { watchMedia } from "./media-watcher";
+import { MediaWatcher } from "./media-watcher.service";
 import * as i0 from "@angular/core";
 export class ColorSchemeService {
     constructor() {
-        this.isDark = watchMedia("(prefers-color-scheme: dark)");
+        this.#mq = inject(MediaWatcher);
+        this.isDark = this.#mq.watch("(prefers-color-scheme: dark)");
         this.isLight = this.isDark.pipe(map(v => !v), shareReplay(1));
     }
+    #mq;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColorSchemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColorSchemeService, providedIn: "root" }); }
 }
@@ -14,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2NoZW1lLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdHlsZS9zcmMvc2VydmljZXMvY29sb3Itc2NoZW1lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQTtBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUE7O0FBRzVDLE1BQU0sT0FBTyxrQkFBa0I7SUFEL0I7UUFFYSxXQUFNLEdBQUcsVUFBVSxDQUFDLDhCQUE4QixDQUFDLENBQUE7UUFDbkQsWUFBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUMvQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUNaLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDakIsQ0FBQTtLQUdKOzhHQVJZLGtCQUFrQjtrSEFBbEIsa0JBQWtCLGNBREwsTUFBTTs7MkZBQ25CLGtCQUFrQjtrQkFEOUIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuXG5pbXBvcnQgeyBtYXAsIHNoYXJlUmVwbGF5IH0gZnJvbSBcInJ4anNcIlxuXG5pbXBvcnQgeyB3YXRjaE1lZGlhIH0gZnJvbSBcIi4vbWVkaWEtd2F0Y2hlclwiXG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogXCJyb290XCIgfSlcbmV4cG9ydCBjbGFzcyBDb2xvclNjaGVtZVNlcnZpY2Uge1xuICAgIHJlYWRvbmx5IGlzRGFyayA9IHdhdGNoTWVkaWEoXCIocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspXCIpXG4gICAgcmVhZG9ubHkgaXNMaWdodCA9IHRoaXMuaXNEYXJrLnBpcGUoXG4gICAgICAgIG1hcCh2ID0+ICF2KSxcbiAgICAgICAgc2hhcmVSZXBsYXkoMSlcbiAgICApXG5cbiAgICAvLyBUT0RPOiBzZXQgcHJlZmVycmVkIGNvbG9yIHNjaGVtZSAoZGFyay9saWdodClcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2NoZW1lLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdHlsZS9zcmMvc2VydmljZXMvY29sb3Itc2NoZW1lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFbEQsT0FBTyxFQUFFLEdBQUcsRUFBYyxXQUFXLEVBQUUsTUFBTSxNQUFNLENBQUE7QUFFbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFBOztBQUd0RCxNQUFNLE9BQU8sa0JBQWtCO0lBRC9CO1FBRWEsUUFBRyxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQTtRQUMxQixXQUFNLEdBQXdCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLDhCQUE4QixDQUFDLENBQUE7UUFDNUUsWUFBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUMvQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUNaLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDakIsQ0FBQTtLQUdKO0lBUlksR0FBRyxDQUF1Qjs4R0FEMUIsa0JBQWtCO2tIQUFsQixrQkFBa0IsY0FETCxNQUFNOzsyRkFDbkIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuaW1wb3J0IHsgbWFwLCBPYnNlcnZhYmxlLCBzaGFyZVJlcGxheSB9IGZyb20gXCJyeGpzXCJcblxuaW1wb3J0IHsgTWVkaWFXYXRjaGVyIH0gZnJvbSBcIi4vbWVkaWEtd2F0Y2hlci5zZXJ2aWNlXCJcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiBcInJvb3RcIiB9KVxuZXhwb3J0IGNsYXNzIENvbG9yU2NoZW1lU2VydmljZSB7XG4gICAgcmVhZG9ubHkgI21xID0gaW5qZWN0KE1lZGlhV2F0Y2hlcilcbiAgICByZWFkb25seSBpc0Rhcms6IE9ic2VydmFibGU8Ym9vbGVhbj4gPSB0aGlzLiNtcS53YXRjaChcIihwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaylcIilcbiAgICByZWFkb25seSBpc0xpZ2h0ID0gdGhpcy5pc0RhcmsucGlwZShcbiAgICAgICAgbWFwKHYgPT4gIXYpLFxuICAgICAgICBzaGFyZVJlcGxheSgxKVxuICAgIClcblxuICAgIC8vIFRPRE86IHNldCBwcmVmZXJyZWQgY29sb3Igc2NoZW1lIChkYXJrL2xpZ2h0KVxufVxuIl19

package/esm2022/services/dimension-watcher.service.mjs

@@ -0,0 +1,94 @@
+import { ElementRef, inject, Injectable, NgZone } from "@angular/core";
+import { distinctUntilChanged, Observable, shareReplay } from "rxjs";
+import * as i0 from "@angular/core";
+export class DimensionWatcher {
+    #zone = inject(NgZone);
+    #watches = {};
+    watch(element, box) {
+        let watches = this.#watches[box];
+        if (watches == null) {
+            watches = new Map();
+            this.#watches[box] = watches;
+        }
+        const el = element instanceof ElementRef ? element.nativeElement : element;
+        let watcher = watches.get(el);
+        if (watcher == null) {
+            if (box === "scroll-box") {
+                watcher = this.#createScollWatcher(watches, el);
+            }
+            else {
+                watcher = this.#createResizeWatcher(watches, el, box);
+            }
+            watches.set(el, watcher);
+        }
+        return watcher;
+    }
+    #createResizeWatcher(watches, el, box) {
+        if (box !== "border-box") {
+            throw new Error(`Currently not implemented box mode: ${box}`);
+        }
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            const observer = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    if (entry.borderBoxSize) {
+                        sub.next({
+                            width: entry.borderBoxSize[0].inlineSize,
+                            height: entry.borderBoxSize[0].blockSize
+                        });
+                    }
+                    else {
+                        sub.next({
+                            width: el.offsetWidth,
+                            height: el.offsetHeight
+                        });
+                    }
+                }
+            });
+            observer.observe(el, { box: box });
+            return () => {
+                observer.disconnect();
+                watches.delete(el);
+            };
+        }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1)));
+    }
+    #createScollWatcher(watches, el) {
+        const borderBox = this.watch(el, "border-box");
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            let lastSw = NaN;
+            let lastSh = NaN;
+            const emit = () => {
+                const sw = el.scrollWidth;
+                const sh = el.scrollHeight;
+                if (lastSw !== sw || lastSh !== sh) {
+                    lastSw = sw;
+                    lastSh = sh;
+                    sub.next({ width: lastSw, height: lastSh });
+                }
+            };
+            const dimSum = borderBox.subscribe(emit);
+            const mutation = new MutationObserver(emit);
+            mutation.observe(el, {
+                subtree: true,
+                childList: true,
+                attributes: true,
+                characterData: true
+            });
+            emit();
+            return () => {
+                dimSum.unsubscribe();
+                mutation.disconnect();
+                watches.delete(el);
+            };
+        }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+function dimensionIsEq(a, b) {
+    return a && b && a.width === b.width && a.height === b.height;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltZW5zaW9uLXdhdGNoZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N0eWxlL3NyYy9zZXJ2aWNlcy9kaW1lbnNpb24td2F0Y2hlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFdEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQWMsTUFBTSxNQUFNLENBQUE7O0FBUWhGLE1BQU0sT0FBTyxnQkFBZ0I7SUFDaEIsS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUN0QixRQUFRLEdBQW9DLEVBQUUsQ0FBQTtJQUV2RCxLQUFLLENBQUMsT0FBOEMsRUFBRSxHQUFhO1FBQy9ELElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUE7UUFDaEMsSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFLENBQUM7WUFDbEIsT0FBTyxHQUFHLElBQUksR0FBRyxFQUFFLENBQUE7WUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUE7UUFDaEMsQ0FBQztRQUVELE1BQU0sRUFBRSxHQUFHLE9BQU8sWUFBWSxVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtRQUUxRSxJQUFJLE9BQU8sR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFBO1FBQzdCLElBQUksT0FBTyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ2xCLElBQUksR0FBRyxLQUFLLFlBQVksRUFBRSxDQUFDO2dCQUN2QixPQUFPLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMs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QUFTLENBQUMsSUFBSSxDQUFDLENBQUE7WUFDeEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUMzQyxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRTtnQkFDakIsT0FBTyxFQUFFLElBQUk7Z0JBQ2IsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsVUFBVSxFQUFFLElBQUk7Z0JBQ2hCLGFBQWEsRUFBRSxJQUFJO2FBQ3RCLENBQUMsQ0FBQTtZQUNGLElBQUksRUFBRSxDQUFBO1lBRU4sT0FBTyxHQUFHLEVBQUU7Z0JBQ1IsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFBO2dCQUNwQixRQUFRLENBQUMsVUFBVSxFQUFFLENBQUE7Z0JBQ3JCLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUE7WUFDdEIsQ0FBQyxDQUFBO1FBQ0wsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsQ0FBQyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUMvRCxDQUFBO0lBQ0wsQ0FBQzs4R0E1RlEsZ0JBQWdCO2tIQUFoQixnQkFBZ0IsY0FESCxNQUFNOzsyRkFDbkIsZ0JBQWdCO2tCQUQ1QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRTs7QUFnR2xDLFNBQVMsYUFBYSxDQUFDLENBQVksRUFBRSxDQUFZO0lBQzdDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFBO0FBQ2pFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBpbmplY3QsIEluamVjdGFibGUsIE5nWm9uZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIE9ic2VydmFibGUsIHNoYXJlUmVwbGF5LCBTdWJzY3JpYmVyIH0gZnJvbSBcInJ4anNcIlxuXG5pbXBvcnQgeyBEaW1lbnNpb24gfSBmcm9tIFwiLi4vdXRpbC9yZWN0XCJcblxuZXhwb3J0IHR5cGUgV2F0Y2hCb3ggPSBSZXNpemVPYnNlcnZlckJveE9wdGlvbnMgfCBcInNjcm9sbC1ib3hcIlxuZXhwb3J0IHR5cGUgV2F0Y2hlcyA9IE1hcDxIVE1MRWxlbWVudCwgT2JzZXJ2YWJsZTxEaW1lbnNpb24+PlxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46IFwicm9vdFwiIH0pXG5leHBvcnQgY2xhc3MgRGltZW5zaW9uV2F0Y2hlciB7XG4gICAgcmVhZG9ubHkgI3pvbmUgPSBpbmplY3QoTmdab25lKVxuICAgIHJlYWRvbmx5ICN3YXRjaGVzOiB7IFtrZXkgaW4gV2F0Y2hCb3hdPzogV2F0Y2hlcyB9ID0ge31cblxuICAgIHdhdGNoKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sIGJveDogV2F0Y2hCb3gpOiBPYnNlcnZhYmxlPERpbWVuc2lvbj4ge1xuICAgICAgICBsZXQgd2F0Y2hlcyA9IHRoaXMuI3dhdGNoZXNbYm94XVxuICAgICAgICBpZiAod2F0Y2hlcyA9PSBudWxsKSB7XG4gICAgICAgICAgICB3YXRjaGVzID0gbmV3IE1hcCgpXG4gICAgICAgICAgICB0aGlzLiN3YXRjaGVzW2JveF0gPSB3YXRjaGVzXG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBlbCA9IGVsZW1lbnQgaW5zdGFuY2VvZiBFbGVtZW50UmVmID8gZWxlbWVudC5uYXRpdmVFbGVtZW50IDogZWxlbWVudFxuXG4gICAgICAgIGxldCB3YXRjaGVyID0gd2F0Y2hlcy5nZXQoZWwpXG4gICAgICAgIGlmICh3YXRjaGVyID09IG51bGwpIHtcbiAgICAgICAgICAgIGlmIChib3ggPT09IFwic2Nyb2xsLWJveFwiKSB7XG4gICAgICAgICAgICAgICAgd2F0Y2hlciA9IHRoaXMuI2NyZWF0ZVNjb2xsV2F0Y2hlcih3YXRjaGVzLCBlbClcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgd2F0Y2hlciA9IHRoaXMuI2NyZWF0ZVJlc2l6ZVdhdGNoZXIod2F0Y2hlcywgZWwsIGJveClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHdhdGNoZXMuc2V0KGVsLCB3YXRjaGVyKVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHdhdGNoZXJcbiAgICB9XG5cbiAgICAjY3JlYXRlUmVzaXplV2F0Y2hlcih3YXRjaGVzOiBXYXRjaGVzLCBlbDogSFRNTEVsZW1lbnQsIGJveDogV2F0Y2hCb3gpOiBPYnNlcnZhYmxlPERpbWVuc2lvbj4ge1xuICAgICAgICBpZiAoYm94ICE9PSBcImJvcmRlci1ib3hcIikge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBDdXJyZW50bHkgbm90IGltcGxlbWVudGVkIGJveCBtb2RlOiAke2JveH1gKVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHRoaXMuI3pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT5cbiAgICAgICAgICAgIG5ldyBPYnNlcnZhYmxlKChzdWI6IFN1YnNjcmliZXI8RGltZW5zaW9uPikgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKGVudHJpZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IGVudHJ5IG9mIGVudHJpZXMpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChlbnRyeS5ib3JkZXJCb3hTaXplKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3ViLm5leHQoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogZW50cnkuYm9yZGVyQm94U2l6ZVswXS5pbmxpbmVTaXplLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGVudHJ5LmJvcmRlckJveFNpemVbMF0uYmxvY2tTaXplXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3ViLm5leHQoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogZWwub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogZWwub2Zmc2V0SGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZShlbCwgeyBib3g6IGJveCBhcyBSZXNpemVPYnNlcnZlckJveE9wdGlvbnMgfSlcblxuICAgICAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKVxuICAgICAgICAgICAgICAgICAgICB3YXRjaGVzLmRlbGV0ZShlbClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKGRpbWVuc2lvbklzRXEpLCBzaGFyZVJlcGxheSgxKSlcbiAgICAgICAgKVxuICAgIH1cblxuICAgICNjcmVhdGVTY29sbFdhdGNoZXIod2F0Y2hlczogV2F0Y2hlcywgZWw6IEhUTUxFbGVtZW50KTogT2JzZXJ2YWJsZTxEaW1lbnNpb24+IHtcbiAgICAgICAgY29uc3QgYm9yZGVyQm94ID0gdGhpcy53YXRjaChlbCwgXCJib3JkZXItYm94XCIpXG4gICAgICAgIHJldHVybiB0aGlzLiN6b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+XG4gICAgICAgICAgICBuZXcgT2JzZXJ2YWJsZSgoc3ViOiBTdWJzY3JpYmVyPERpbWVuc2lvbj4pID0+IHtcbiAgICAgICAgICAgICAgICBsZXQgbGFzdFN3OiBudW1iZXIgPSBOYU5cbiAgICAgICAgICAgICAgICBsZXQgbGFzdFNoOiBudW1iZXIgPSBOYU5cblxuICAgICAgICAgICAgICAgIGNvbnN0IGVtaXQgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHN3ID0gZWwuc2Nyb2xsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2ggPSBlbC5zY3JvbGxIZWlnaHRcbiAgICAgICAgICAgICAgICAgICAgaWYgKGxhc3RTdyAhPT0gc3cgfHwgbGFzdFNoICE9PSBzaCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgbGFzdFN3ID0gc3dcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhc3RTaCA9IHNoXG4gICAgICAgICAgICAgICAgICAgICAgICBzdWIubmV4dCh7IHdpZHRoOiBsYXN0U3csIGhlaWdodDogbGFzdFNoIH0pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBjb25zdCBkaW1TdW0gPSBib3JkZXJCb3guc3Vic2NyaWJlKGVtaXQpXG4gICAgICAgICAgICAgICAgY29uc3QgbXV0YXRpb24gPSBuZXcgTXV0YXRpb25PYnNlcnZlcihlbWl0KVxuICAgICAgICAgICAgICAgIG11dGF0aW9uLm9ic2VydmUoZWwsIHtcbiAgICAgICAgICAgICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVzOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICBjaGFyYWN0ZXJEYXRhOiB0cnVlXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICBlbWl0KClcblxuICAgICAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGRpbVN1bS51bnN1YnNjcmliZSgpXG4gICAgICAgICAgICAgICAgICAgIG11dGF0aW9uLmRpc2Nvbm5lY3QoKVxuICAgICAgICAgICAgICAgICAgICB3YXRjaGVzLmRlbGV0ZShlbClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKGRpbWVuc2lvbklzRXEpLCBzaGFyZVJlcGxheSgxKSlcbiAgICAgICAgKVxuICAgIH1cbn1cblxuZnVuY3Rpb24gZGltZW5zaW9uSXNFcShhOiBEaW1lbnNpb24sIGI6IERpbWVuc2lvbikge1xuICAgIHJldHVybiBhICYmIGIgJiYgYS53aWR0aCA9PT0gYi53aWR0aCAmJiBhLmhlaWdodCA9PT0gYi5oZWlnaHRcbn1cbiJdfQ==

package/esm2022/services/media-watcher.service.mjs

@@ -0,0 +1,39 @@
+import { inject, Injectable, NgZone } from "@angular/core";
+import { distinctUntilChanged, Observable, shareReplay } from "rxjs";
+import * as i0 from "@angular/core";
+export class MediaWatcher {
+    #zone = inject(NgZone);
+    #watches = {};
+    /**
+     * svc.watch("(display-mode: standalone)").subscribe(match => {})
+     */
+    watch(query) {
+        let watcher = this.#watches[query];
+        if (!watcher) {
+            watcher = this.#newWatcher(query);
+            this.#watches[query] = watcher;
+        }
+        return watcher;
+    }
+    #newWatcher(query) {
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            const queryWatcher = window.matchMedia(query);
+            const listener = (event) => {
+                sub.next(event.matches);
+            };
+            queryWatcher.addEventListener("change", listener);
+            sub.next(queryWatcher.matches);
+            return () => {
+                queryWatcher.removeEventListener("change", listener);
+                delete this.#watches[query];
+            };
+        }).pipe(distinctUntilChanged(), shareReplay(1)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtd2F0Y2hlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3R5bGUvc3JjL3NlcnZpY2VzL21lZGlhLXdhdGNoZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQWMsTUFBTSxNQUFNLENBQUE7O0FBR2hGLE1BQU0sT0FBTyxZQUFZO0lBQ1osS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMvQixRQUFRLEdBQTJDLEVBQUUsQ0FBQTtJQUVyRDs7T0FFRztJQUNILEtBQUssQ0FBQyxLQUFhO1FBQ2YsSUFBSSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNsQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDWCxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLE9BQU8sQ0FBQTtRQUNsQyxDQUFDO1FBQ0QsT0FBTyxPQUFPLENBQUE7SUFDbEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FDckMsSUFBSSxVQUFVLENBQUMsQ0FBQyxHQUF3QixFQUFFLEVBQUU7WUFDeEMsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUM3QyxNQUFNLFFBQVEsR0FBRyxDQUFDLEtBQTBCLEVBQUUsRUFBRTtnQkFDNUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUE7WUFDM0IsQ0FBQyxDQUFBO1lBQ0QsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQTtZQUNqRCxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtZQUM5QixPQUFPLEdBQUcsRUFBRTtnQkFDUixZQUFZLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFBO2dCQUNwRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDL0IsQ0FBQyxDQUFBO1FBQ0wsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ2xELENBQUE7SUFDTCxDQUFDOzhHQS9CUSxZQUFZO2tIQUFaLFlBQVksY0FEQyxNQUFNOzsyRkFDbkIsWUFBWTtrQkFEeEIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUsIE5nWm9uZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIE9ic2VydmFibGUsIHNoYXJlUmVwbGF5LCBTdWJzY3JpYmVyIH0gZnJvbSBcInJ4anNcIlxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46IFwicm9vdFwiIH0pXG5leHBvcnQgY2xhc3MgTWVkaWFXYXRjaGVyIHtcbiAgICByZWFkb25seSAjem9uZSA9IGluamVjdChOZ1pvbmUpXG4gICAgI3dhdGNoZXM6IHsgW2tleTogc3RyaW5nXTogT2JzZXJ2YWJsZTxib29sZWFuPiB9ID0ge31cblxuICAgIC8qKlxuICAgICAqIHN2Yy53YXRjaChcIihkaXNwbGF5LW1vZGU6IHN0YW5kYWxvbmUpXCIpLnN1YnNjcmliZShtYXRjaCA9PiB7fSlcbiAgICAgKi9cbiAgICB3YXRjaChxdWVyeTogc3RyaW5nKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgICAgIGxldCB3YXRjaGVyID0gdGhpcy4jd2F0Y2hlc1txdWVyeV1cbiAgICAgICAgaWYgKCF3YXRjaGVyKSB7XG4gICAgICAgICAgICB3YXRjaGVyID0gdGhpcy4jbmV3V2F0Y2hlcihxdWVyeSlcbiAgICAgICAgICAgIHRoaXMuI3dhdGNoZXNbcXVlcnldID0gd2F0Y2hlclxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB3YXRjaGVyXG4gICAgfVxuXG4gICAgI25ld1dhdGNoZXIocXVlcnk6IHN0cmluZyk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgICAgICByZXR1cm4gdGhpcy4jem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PlxuICAgICAgICAgICAgbmV3IE9ic2VydmFibGUoKHN1YjogU3Vic2NyaWJlcjxib29sZWFuPikgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHF1ZXJ5V2F0Y2hlciA9IHdpbmRvdy5tYXRjaE1lZGlhKHF1ZXJ5KVxuICAgICAgICAgICAgICAgIGNvbnN0IGxpc3RlbmVyID0gKGV2ZW50OiBNZWRpYVF1ZXJ5TGlzdEV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHN1Yi5uZXh0KGV2ZW50Lm1hdGNoZXMpXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHF1ZXJ5V2F0Y2hlci5hZGRFdmVudExpc3RlbmVyKFwiY2hhbmdlXCIsIGxpc3RlbmVyKVxuICAgICAgICAgICAgICAgIHN1Yi5uZXh0KHF1ZXJ5V2F0Y2hlci5tYXRjaGVzKVxuICAgICAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHF1ZXJ5V2F0Y2hlci5yZW1vdmVFdmVudExpc3RlbmVyKFwiY2hhbmdlXCIsIGxpc3RlbmVyKVxuICAgICAgICAgICAgICAgICAgICBkZWxldGUgdGhpcy4jd2F0Y2hlc1txdWVyeV1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksIHNoYXJlUmVwbGF5KDEpKVxuICAgICAgICApXG4gICAgfVxufVxuIl19

package/esm2022/util/rect.mjs

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

package/fesm2022/ngutil-style.mjs

@@ -1,39 +1,50 @@
 import * as i0 from '@angular/core';
-import { inject, NgZone, Injectable } from '@angular/core';
+import { inject, NgZone, Injectable, ElementRef } from '@angular/core';
 import { Observable, distinctUntilChanged, shareReplay, map } from 'rxjs';
 
-const WATCHES = {};
-/**
- * watchMedia("(display-mode: standalone)")
- */
-function watchMedia(expr) {
-    const existing = WATCHES[expr];
-    if (existing == null) {
-        return (WATCHES[expr] = _createWatcher(expr));
+class MediaWatcher {
+    #zone = inject(NgZone);
+    #watches = {};
+    /**
+     * svc.watch("(display-mode: standalone)").subscribe(match => {})
+     */
+    watch(query) {
+        let watcher = this.#watches[query];
+        if (!watcher) {
+            watcher = this.#newWatcher(query);
+            this.#watches[query] = watcher;
+        }
+        return watcher;
     }
-    return existing;
-}
-function _createWatcher(expr) {
-    const zone = inject(NgZone);
-    return zone.runOutsideAngular(() => new Observable((sub) => {
-        const query = window.matchMedia(expr);
-        const listener = (event) => {
-            sub.next(event.matches);
-        };
-        query.addEventListener("change", listener);
-        sub.next(query.matches);
-        return () => {
-            query.removeEventListener("change", listener);
-            delete WATCHES[expr];
-        };
-    }).pipe(distinctUntilChanged(), shareReplay(1)));
+    #newWatcher(query) {
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            const queryWatcher = window.matchMedia(query);
+            const listener = (event) => {
+                sub.next(event.matches);
+            };
+            queryWatcher.addEventListener("change", listener);
+            sub.next(queryWatcher.matches);
+            return () => {
+                queryWatcher.removeEventListener("change", listener);
+                delete this.#watches[query];
+            };
+        }).pipe(distinctUntilChanged(), shareReplay(1)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, providedIn: "root" }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MediaWatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
 
 class ColorSchemeService {
     constructor() {
-        this.isDark = watchMedia("(prefers-color-scheme: dark)");
+        this.#mq = inject(MediaWatcher);
+        this.isDark = this.#mq.watch("(prefers-color-scheme: dark)");
         this.isLight = this.isDark.pipe(map(v => !v), shareReplay(1));
     }
+    #mq;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColorSchemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColorSchemeService, providedIn: "root" }); }
 }
@@ -66,9 +77,100 @@ class Duration {
     static { this.SnailMs = 600; }
 }
 
+class DimensionWatcher {
+    #zone = inject(NgZone);
+    #watches = {};
+    watch(element, box) {
+        let watches = this.#watches[box];
+        if (watches == null) {
+            watches = new Map();
+            this.#watches[box] = watches;
+        }
+        const el = element instanceof ElementRef ? element.nativeElement : element;
+        let watcher = watches.get(el);
+        if (watcher == null) {
+            if (box === "scroll-box") {
+                watcher = this.#createScollWatcher(watches, el);
+            }
+            else {
+                watcher = this.#createResizeWatcher(watches, el, box);
+            }
+            watches.set(el, watcher);
+        }
+        return watcher;
+    }
+    #createResizeWatcher(watches, el, box) {
+        if (box !== "border-box") {
+            throw new Error(`Currently not implemented box mode: ${box}`);
+        }
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            const observer = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    if (entry.borderBoxSize) {
+                        sub.next({
+                            width: entry.borderBoxSize[0].inlineSize,
+                            height: entry.borderBoxSize[0].blockSize
+                        });
+                    }
+                    else {
+                        sub.next({
+                            width: el.offsetWidth,
+                            height: el.offsetHeight
+                        });
+                    }
+                }
+            });
+            observer.observe(el, { box: box });
+            return () => {
+                observer.disconnect();
+                watches.delete(el);
+            };
+        }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1)));
+    }
+    #createScollWatcher(watches, el) {
+        const borderBox = this.watch(el, "border-box");
+        return this.#zone.runOutsideAngular(() => new Observable((sub) => {
+            let lastSw = NaN;
+            let lastSh = NaN;
+            const emit = () => {
+                const sw = el.scrollWidth;
+                const sh = el.scrollHeight;
+                if (lastSw !== sw || lastSh !== sh) {
+                    lastSw = sw;
+                    lastSh = sh;
+                    sub.next({ width: lastSw, height: lastSh });
+                }
+            };
+            const dimSum = borderBox.subscribe(emit);
+            const mutation = new MutationObserver(emit);
+            mutation.observe(el, {
+                subtree: true,
+                childList: true,
+                attributes: true,
+                characterData: true
+            });
+            emit();
+            return () => {
+                dimSum.unsubscribe();
+                mutation.disconnect();
+                watches.delete(el);
+            };
+        }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DimensionWatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+function dimensionIsEq(a, b) {
+    return a && b && a.width === b.width && a.height === b.height;
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ColorSchemeService, Duration, Ease, watchMedia };
+export { ColorSchemeService, DimensionWatcher, Duration, Ease, MediaWatcher };
 //# sourceMappingURL=ngutil-style.mjs.map

package/fesm2022/ngutil-style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngutil-style.mjs","sources":["../../../../packages/style/src/services/media-watcher.ts","../../../../packages/style/src/services/color-scheme.service.ts","../../../../packages/style/src/sass/animation/vars/index.ts","../../../../packages/style/src/ngutil-style.ts"],"sourcesContent":["import { inject, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, Observable, shareReplay, Subscriber } from \"rxjs\"\n\nconst WATCHES: { [key: string]: Observable<boolean> } = {}\n\n/**\n * watchMedia(\"(display-mode: standalone)\")\n */\nexport function watchMedia(expr: string): Observable<boolean> {\n    const existing = WATCHES[expr]\n    if (existing == null) {\n        return (WATCHES[expr] = _createWatcher(expr))\n    }\n    return existing\n}\n\nfunction _createWatcher(expr: string): Observable<boolean> {\n    const zone = inject(NgZone)\n    return zone.runOutsideAngular(() =>\n        new Observable((sub: Subscriber<boolean>) => {\n            const query = window.matchMedia(expr)\n            const listener = (event: MediaQueryListEvent) => {\n                sub.next(event.matches)\n            }\n            query.addEventListener(\"change\", listener)\n            sub.next(query.matches)\n            return () => {\n                query.removeEventListener(\"change\", listener)\n                delete WATCHES[expr]\n            }\n        }).pipe(distinctUntilChanged(), shareReplay(1))\n    )\n}\n","import { Injectable } from \"@angular/core\"\n\nimport { map, shareReplay } from \"rxjs\"\n\nimport { watchMedia } from \"./media-watcher\"\n\n@Injectable({ providedIn: \"root\" })\nexport class ColorSchemeService {\n    readonly isDark = watchMedia(\"(prefers-color-scheme: dark)\")\n    readonly isLight = this.isDark.pipe(\n        map(v => !v),\n        shareReplay(1)\n    )\n\n    // TODO: set preferred color scheme (dark/light)\n}\n","/* eslint-disable */\n/* eslint-disable prettier/prettier */\n/* ! AUTO GENERATED DO NOT EDIT ! */\n\nexport class Ease {\n    static readonly Deceleration = \"cubic-bezier(0, 0, 0.2, 1)\" as const\n    static readonly Standard = \"cubic-bezier(0.4, 0, 0.2, 1)\" as const\n    static readonly Acceleration = \"cubic-bezier(0.4, 0, 1, 1)\" as const\n    static readonly Sharp = \"cubic-bezier(0.4, 0, 0.6, 1)\" as const\n    /**\n     * Reach nearly end position fast, and slowly move to final position\n     */\n    static readonly Emphasized = \"cubic-bezier(0.12, 0.9, 0.12, 0.9)\" as const\n}\n\nexport class Duration {\n    static readonly Fast = \"200ms\" as const\n    static readonly FastMs = 200 as const\n    static readonly Medium = \"300ms\" as const\n    static readonly MediumMs = 300 as const\n    static readonly Slow = \"400ms\" as const\n    static readonly SlowMs = 400 as const\n    static readonly Snail = \"600ms\" as const\n    static readonly SnailMs = 600 as const\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngutil-style.mjs","sources":["../../../../packages/style/src/services/media-watcher.service.ts","../../../../packages/style/src/services/color-scheme.service.ts","../../../../packages/style/src/sass/animation/vars/index.ts","../../../../packages/style/src/services/dimension-watcher.service.ts","../../../../packages/style/src/ngutil-style.ts"],"sourcesContent":["import { inject, Injectable, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, Observable, shareReplay, Subscriber } from \"rxjs\"\n\n@Injectable({ providedIn: \"root\" })\nexport class MediaWatcher {\n    readonly #zone = inject(NgZone)\n    #watches: { [key: string]: Observable<boolean> } = {}\n\n    /**\n     * svc.watch(\"(display-mode: standalone)\").subscribe(match => {})\n     */\n    watch(query: string): Observable<boolean> {\n        let watcher = this.#watches[query]\n        if (!watcher) {\n            watcher = this.#newWatcher(query)\n            this.#watches[query] = watcher\n        }\n        return watcher\n    }\n\n    #newWatcher(query: string): Observable<boolean> {\n        return this.#zone.runOutsideAngular(() =>\n            new Observable((sub: Subscriber<boolean>) => {\n                const queryWatcher = window.matchMedia(query)\n                const listener = (event: MediaQueryListEvent) => {\n                    sub.next(event.matches)\n                }\n                queryWatcher.addEventListener(\"change\", listener)\n                sub.next(queryWatcher.matches)\n                return () => {\n                    queryWatcher.removeEventListener(\"change\", listener)\n                    delete this.#watches[query]\n                }\n            }).pipe(distinctUntilChanged(), shareReplay(1))\n        )\n    }\n}\n","import { inject, Injectable } from \"@angular/core\"\n\nimport { map, Observable, shareReplay } from \"rxjs\"\n\nimport { MediaWatcher } from \"./media-watcher.service\"\n\n@Injectable({ providedIn: \"root\" })\nexport class ColorSchemeService {\n    readonly #mq = inject(MediaWatcher)\n    readonly isDark: Observable<boolean> = this.#mq.watch(\"(prefers-color-scheme: dark)\")\n    readonly isLight = this.isDark.pipe(\n        map(v => !v),\n        shareReplay(1)\n    )\n\n    // TODO: set preferred color scheme (dark/light)\n}\n","/* eslint-disable */\n/* eslint-disable prettier/prettier */\n/* ! AUTO GENERATED DO NOT EDIT ! */\n\nexport class Ease {\n    static readonly Deceleration = \"cubic-bezier(0, 0, 0.2, 1)\" as const\n    static readonly Standard = \"cubic-bezier(0.4, 0, 0.2, 1)\" as const\n    static readonly Acceleration = \"cubic-bezier(0.4, 0, 1, 1)\" as const\n    static readonly Sharp = \"cubic-bezier(0.4, 0, 0.6, 1)\" as const\n    /**\n     * Reach nearly end position fast, and slowly move to final position\n     */\n    static readonly Emphasized = \"cubic-bezier(0.12, 0.9, 0.12, 0.9)\" as const\n}\n\nexport class Duration {\n    static readonly Fast = \"200ms\" as const\n    static readonly FastMs = 200 as const\n    static readonly Medium = \"300ms\" as const\n    static readonly MediumMs = 300 as const\n    static readonly Slow = \"400ms\" as const\n    static readonly SlowMs = 400 as const\n    static readonly Snail = \"600ms\" as const\n    static readonly SnailMs = 600 as const\n}\n","import { ElementRef, inject, Injectable, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, Observable, shareReplay, Subscriber } from \"rxjs\"\n\nimport { Dimension } from \"../util/rect\"\n\nexport type WatchBox = ResizeObserverBoxOptions | \"scroll-box\"\nexport type Watches = Map<HTMLElement, Observable<Dimension>>\n\n@Injectable({ providedIn: \"root\" })\nexport class DimensionWatcher {\n    readonly #zone = inject(NgZone)\n    readonly #watches: { [key in WatchBox]?: Watches } = {}\n\n    watch(element: HTMLElement | ElementRef<HTMLElement>, box: WatchBox): Observable<Dimension> {\n        let watches = this.#watches[box]\n        if (watches == null) {\n            watches = new Map()\n            this.#watches[box] = watches\n        }\n\n        const el = element instanceof ElementRef ? element.nativeElement : element\n\n        let watcher = watches.get(el)\n        if (watcher == null) {\n            if (box === \"scroll-box\") {\n                watcher = this.#createScollWatcher(watches, el)\n            } else {\n                watcher = this.#createResizeWatcher(watches, el, box)\n            }\n            watches.set(el, watcher)\n        }\n\n        return watcher\n    }\n\n    #createResizeWatcher(watches: Watches, el: HTMLElement, box: WatchBox): Observable<Dimension> {\n        if (box !== \"border-box\") {\n            throw new Error(`Currently not implemented box mode: ${box}`)\n        }\n\n        return this.#zone.runOutsideAngular(() =>\n            new Observable((sub: Subscriber<Dimension>) => {\n                const observer = new ResizeObserver(entries => {\n                    for (const entry of entries) {\n                        if (entry.borderBoxSize) {\n                            sub.next({\n                                width: entry.borderBoxSize[0].inlineSize,\n                                height: entry.borderBoxSize[0].blockSize\n                            })\n                        } else {\n                            sub.next({\n                                width: el.offsetWidth,\n                                height: el.offsetHeight\n                            })\n                        }\n                    }\n                })\n                observer.observe(el, { box: box as ResizeObserverBoxOptions })\n\n                return () => {\n                    observer.disconnect()\n                    watches.delete(el)\n                }\n            }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1))\n        )\n    }\n\n    #createScollWatcher(watches: Watches, el: HTMLElement): Observable<Dimension> {\n        const borderBox = this.watch(el, \"border-box\")\n        return this.#zone.runOutsideAngular(() =>\n            new Observable((sub: Subscriber<Dimension>) => {\n                let lastSw: number = NaN\n                let lastSh: number = NaN\n\n                const emit = () => {\n                    const sw = el.scrollWidth\n                    const sh = el.scrollHeight\n                    if (lastSw !== sw || lastSh !== sh) {\n                        lastSw = sw\n                        lastSh = sh\n                        sub.next({ width: lastSw, height: lastSh })\n                    }\n                }\n\n                const dimSum = borderBox.subscribe(emit)\n                const mutation = new MutationObserver(emit)\n                mutation.observe(el, {\n                    subtree: true,\n                    childList: true,\n                    attributes: true,\n                    characterData: true\n                })\n                emit()\n\n                return () => {\n                    dimSum.unsubscribe()\n                    mutation.disconnect()\n                    watches.delete(el)\n                }\n            }).pipe(distinctUntilChanged(dimensionIsEq), shareReplay(1))\n        )\n    }\n}\n\nfunction dimensionIsEq(a: Dimension, b: Dimension) {\n    return a && b && a.width === b.width && a.height === b.height\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,3 +1,5 @@
-export { watchMedia } from "./services/media-watcher";
+export { MediaWatcher } from "./services/media-watcher.service";
 export { ColorSchemeService } from "./services/color-scheme.service";
 export { Ease, Duration } from "./sass";
+export { Dimension, Rect } from "./util/rect";
+export { DimensionWatcher, WatchBox } from "./services/dimension-watcher.service";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngutil/style",
-  "version": "0.0.3-dev.17",
+  "version": "0.0.3-dev.19",
   "publishConfig": {
     "access": "public",
     "directory": "../../dist/packages/style/"

package/services/color-scheme.service.d.ts

@@ -1,7 +1,9 @@
+import { Observable } from "rxjs";
 import * as i0 from "@angular/core";
 export declare class ColorSchemeService {
-    readonly isDark: import("rxjs").Observable<boolean>;
-    readonly isLight: import("rxjs").Observable<boolean>;
+    #private;
+    readonly isDark: Observable<boolean>;
+    readonly isLight: Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorSchemeService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColorSchemeService>;
 }

package/services/dimension-watcher.service.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef } from "@angular/core";
+import { Observable } from "rxjs";
+import { Dimension } from "../util/rect";
+import * as i0 from "@angular/core";
+export type WatchBox = ResizeObserverBoxOptions | "scroll-box";
+export type Watches = Map<HTMLElement, Observable<Dimension>>;
+export declare class DimensionWatcher {
+    #private;
+    watch(element: HTMLElement | ElementRef<HTMLElement>, box: WatchBox): Observable<Dimension>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DimensionWatcher, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DimensionWatcher>;
+}

package/services/media-watcher.service.d.ts

@@ -0,0 +1,11 @@
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class MediaWatcher {
+    #private;
+    /**
+     * svc.watch("(display-mode: standalone)").subscribe(match => {})
+     */
+    watch(query: string): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaWatcher, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MediaWatcher>;
+}

package/src/sass/elevation/index.scss

@@ -0,0 +1,28 @@
+@use "sass:list";
+@use "./vars" as *;
+@use "../animation/vars" as anim;
+
+
+@mixin elevation($level, $color) {
+    @if ($level == 0) {
+        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+    } @else {
+        box-shadow: #{list.nth($umbra-offset, $level + 1)} rgba(#{$color}, $umbra-opacity),
+                    #{list.nth($penumbra-offset, $level + 1)} rgba(#{$color}, $penumbra-opacity),
+                    #{list.nth($ambient-offset, $level + 1)} rgba(#{$color}, $ambient-opacity);
+    }
+}
+
+/// Define elevation selectors: [elevation=level]
+@mixin define-elevations($color) {
+    // [animate-elevation] {
+    //     transition: box-shadow #{anim.$duration-fast} #{anim.$ease-standard};
+    //     // will-change: box-shadow;
+    // }
+
+    @for $i from 1 through list.length($umbra-offset) {
+        [elevation="#{$i - 1}"] {
+            @include elevation($i - 1, $color);
+        }
+    }
+}

package/src/sass/elevation/vars/index.scss

@@ -0,0 +1,86 @@
+/* ! AUTO GENERATED DO NOT EDIT ! */
+
+$umbra-opacity: 0.2;
+$umbra-offset: (
+    0px 0px 0px 0px,
+    0px 2px 1px -1px,
+    0px 3px 1px -2px,
+    0px 3px 3px -2px,
+    0px 2px 4px -1px,
+    0px 3px 5px -1px,
+    0px 3px 5px -1px,
+    0px 4px 5px -2px,
+    0px 5px 5px -3px,
+    0px 5px 6px -3px,
+    0px 6px 6px -3px,
+    0px 6px 7px -4px,
+    0px 7px 8px -4px,
+    0px 7px 8px -4px,
+    0px 7px 9px -4px,
+    0px 8px 9px -5px,
+    0px 8px 10px -5px,
+    0px 8px 11px -5px,
+    0px 9px 11px -5px,
+    0px 9px 12px -6px,
+    0px 10px 13px -6px,
+    0px 10px 13px -6px,
+    0px 10px 14px -6px,
+    0px 11px 14px -7px,
+    0px 11px 15px -7px
+);
+$penumbra-opacity: 0.14;
+$penumbra-offset: (
+    0px 0px 0px 0px,
+    0px 1px 1px 0px,
+    0px 2px 2px 0px,
+    0px 3px 4px 0px,
+    0px 4px 5px 0px,
+    0px 5px 8px 0px,
+    0px 6px 10px 0px,
+    0px 7px 10px 1px,
+    0px 8px 10px 1px,
+    0px 9px 12px 1px,
+    0px 10px 14px 1px,
+    0px 11px 15px 1px,
+    0px 12px 17px 2px,
+    0px 13px 19px 2px,
+    0px 14px 21px 2px,
+    0px 15px 22px 2px,
+    0px 16px 24px 2px,
+    0px 17px 26px 2px,
+    0px 18px 28px 2px,
+    0px 19px 29px 2px,
+    0px 20px 31px 3px,
+    0px 21px 33px 3px,
+    0px 22px 35px 3px,
+    0px 23px 36px 3px,
+    0px 24px 38px 3px
+);
+$ambient-opacity: 0.12;
+$ambient-offset: (
+    0px 0px 0px 0px,
+    0px 1px 3px 0px,
+    0px 1px 5px 0px,
+    0px 1px 8px 0px,
+    0px 1px 10px 0px,
+    0px 1px 14px 0px,
+    0px 1px 18px 0px,
+    0px 2px 16px 1px,
+    0px 3px 14px 2px,
+    0px 3px 16px 2px,
+    0px 4px 18px 3px,
+    0px 4px 20px 3px,
+    0px 5px 22px 4px,
+    0px 5px 24px 4px,
+    0px 5px 26px 4px,
+    0px 6px 28px 5px,
+    0px 6px 30px 5px,
+    0px 6px 32px 5px,
+    0px 7px 34px 6px,
+    0px 7px 36px 6px,
+    0px 8px 38px 7px,
+    0px 8px 40px 7px,
+    0px 8px 42px 7px,
+    0px 9px 44px 8px,
+    0px 9px 46px 8px
+);

package/src/sass/index.scss

@@ -1,2 +1,3 @@
 @forward "./vars" hide _var-chain;
 @forward "./animation/vars";
+@forward "./elevation";

package/src/stories/style.scss

@@ -0,0 +1,7 @@
+@use "../sass" as *;
+
+:root {
+    ---elevation-color: 0, 0, 0;
+}
+
+@include define-elevations(var(---elevation-color));

package/util/rect.d.ts

@@ -0,0 +1,8 @@
+export interface Dimension {
+    width: number;
+    height: number;
+}
+export interface Rect extends Dimension {
+    x: number;
+    y: number;
+}

package/esm2022/services/media-watcher.mjs

@@ -1,29 +0,0 @@
-import { inject, NgZone } from "@angular/core";
-import { distinctUntilChanged, Observable, shareReplay } from "rxjs";
-const WATCHES = {};
-/**
- * watchMedia("(display-mode: standalone)")
- */
-export function watchMedia(expr) {
-    const existing = WATCHES[expr];
-    if (existing == null) {
-        return (WATCHES[expr] = _createWatcher(expr));
-    }
-    return existing;
-}
-function _createWatcher(expr) {
-    const zone = inject(NgZone);
-    return zone.runOutsideAngular(() => new Observable((sub) => {
-        const query = window.matchMedia(expr);
-        const listener = (event) => {
-            sub.next(event.matches);
-        };
-        query.addEventListener("change", listener);
-        sub.next(query.matches);
-        return () => {
-            query.removeEventListener("change", listener);
-            delete WATCHES[expr];
-        };
-    }).pipe(distinctUntilChanged(), shareReplay(1)));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtd2F0Y2hlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N0eWxlL3NyYy9zZXJ2aWNlcy9tZWRpYS13YXRjaGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRTlDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFjLE1BQU0sTUFBTSxDQUFBO0FBRWhGLE1BQU0sT0FBTyxHQUEyQyxFQUFFLENBQUE7QUFFMUQ7O0dBRUc7QUFDSCxNQUFNLFVBQVUsVUFBVSxDQUFDLElBQVk7SUFDbkMsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzlCLElBQUksUUFBUSxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7SUFDakQsQ0FBQztJQUNELE9BQU8sUUFBUSxDQUFBO0FBQ25CLENBQUM7QUFFRCxTQUFTLGNBQWMsQ0FBQyxJQUFZO0lBQ2hDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FDL0IsSUFBSSxVQUFVLENBQUMsQ0FBQyxHQUF3QixFQUFFLEVBQUU7UUFDeEMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNyQyxNQUFNLFFBQVEsR0FBRyxDQUFDLEtBQTBCLEVBQUUsRUFBRTtZQUM1QyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQTtRQUMzQixDQUFDLENBQUE7UUFDRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFBO1FBQzFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBQ3ZCLE9BQU8sR0FBRyxFQUFFO1lBQ1IsS0FBSyxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQTtZQUM3QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUN4QixDQUFDLENBQUE7SUFDTCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDbEQsQ0FBQTtBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIE5nWm9uZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIE9ic2VydmFibGUsIHNoYXJlUmVwbGF5LCBTdWJzY3JpYmVyIH0gZnJvbSBcInJ4anNcIlxuXG5jb25zdCBXQVRDSEVTOiB7IFtrZXk6IHN0cmluZ106IE9ic2VydmFibGU8Ym9vbGVhbj4gfSA9IHt9XG5cbi8qKlxuICogd2F0Y2hNZWRpYShcIihkaXNwbGF5LW1vZGU6IHN0YW5kYWxvbmUpXCIpXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB3YXRjaE1lZGlhKGV4cHI6IHN0cmluZyk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIGNvbnN0IGV4aXN0aW5nID0gV0FUQ0hFU1tleHByXVxuICAgIGlmIChleGlzdGluZyA9PSBudWxsKSB7XG4gICAgICAgIHJldHVybiAoV0FUQ0hFU1tleHByXSA9IF9jcmVhdGVXYXRjaGVyKGV4cHIpKVxuICAgIH1cbiAgICByZXR1cm4gZXhpc3Rpbmdcbn1cblxuZnVuY3Rpb24gX2NyZWF0ZVdhdGNoZXIoZXhwcjogc3RyaW5nKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgY29uc3Qgem9uZSA9IGluamVjdChOZ1pvbmUpXG4gICAgcmV0dXJuIHpvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT5cbiAgICAgICAgbmV3IE9ic2VydmFibGUoKHN1YjogU3Vic2NyaWJlcjxib29sZWFuPikgPT4ge1xuICAgICAgICAgICAgY29uc3QgcXVlcnkgPSB3aW5kb3cubWF0Y2hNZWRpYShleHByKVxuICAgICAgICAgICAgY29uc3QgbGlzdGVuZXIgPSAoZXZlbnQ6IE1lZGlhUXVlcnlMaXN0RXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBzdWIubmV4dChldmVudC5tYXRjaGVzKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcXVlcnkuYWRkRXZlbnRMaXN0ZW5lcihcImNoYW5nZVwiLCBsaXN0ZW5lcilcbiAgICAgICAgICAgIHN1Yi5uZXh0KHF1ZXJ5Lm1hdGNoZXMpXG4gICAgICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHF1ZXJ5LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjaGFuZ2VcIiwgbGlzdGVuZXIpXG4gICAgICAgICAgICAgICAgZGVsZXRlIFdBVENIRVNbZXhwcl1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSkucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSlcbiAgICApXG59XG4iXX0=

package/services/media-watcher.d.ts

@@ -1,5 +0,0 @@
-import { Observable } from "rxjs";
-/**
- * watchMedia("(display-mode: standalone)")
- */
-export declare function watchMedia(expr: string): Observable<boolean>;