@stemy/ngx-utils 19.4.15 → 19.4.17

package/fesm2022/stemy-ngx-utils.mjs

@@ -129,15 +129,22 @@ class ObjectUtils {
         return !obj || Object.keys(obj).length == 0;
     }
     static iterate(obj, cb) {
-        if (!obj)
-            return;
-        const keys = Array.isArray(obj) ? Array.from(obj.keys()) : Object.keys(obj);
+        const keys = Array.isArray(obj)
+            ? Array.from(obj.keys())
+            : (ObjectUtils.isObject(obj) ? Object.keys(obj) : []);
         keys.forEach(
         // @dynamic
         key => {
             cb(obj[key], key);
         });
     }
+    static iterateRecursive(obj, cb, path = "") {
+        return ObjectUtils.iterate(obj, (value, key) => {
+            const subPath = !path ? key : `${path}.${key}`;
+            cb(value, key, subPath, obj);
+            ObjectUtils.iterateRecursive(value, cb, subPath);
+        });
+    }
     static getValue(obj, key, defaultValue, treeFallback = false) {
         key = key || "";
         const keys = key.split(".");
@@ -4399,6 +4406,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     args: [DOCUMENT]
                 }] }, { type: UniversalService }] });
 
+class ResizeDetector {
+    constructor(resizeStrategy) {
+        this.resizeStrategy = resizeStrategy;
+        this.detector = elementResizeDetectorMaker({
+            strategy: resizeStrategy === "observer" ? "object" : resizeStrategy
+        });
+        this.isObservable = resizeStrategy === "observer" && typeof ResizeObserver === "function";
+        this.observers = new Map();
+    }
+    listenTo(elem, cb) {
+        if (!this.isObservable) {
+            this.detector.listenTo(elem, cb);
+            return;
+        }
+        if (this.observers.has(elem))
+            return;
+        const observer = new ResizeObserver(() => {
+            requestAnimationFrame(() => {
+                cb(elem);
+            });
+        });
+        observer.observe(elem);
+        this.observers.set(elem, observer);
+    }
+    uninstall(elem) {
+        if (!this.isObservable) {
+            this.detector.uninstall(elem);
+            return;
+        }
+        if (!this.observers.has(elem))
+            return;
+        const observer = this.observers.get(elem);
+        observer.unobserve(elem);
+        this.observers.delete(elem);
+    }
+}
+
 function emptyRemove$1() {
 }
 function isWindow(el) {
@@ -4411,9 +4455,7 @@ class ResizeEventPlugin extends _DomEventsPlugin {
         this.resizeDelay = resizeDelay;
         this.resizeStrategy = resizeStrategy;
         this.universal = universal;
-        this.detector = elementResizeDetectorMaker({
-            strategy: resizeStrategy
-        });
+        this.detector = new ResizeDetector(resizeStrategy);
     }
     supports(eventName) {
         return eventName === ResizeEventPlugin.EVENT_NAME;
@@ -4424,7 +4466,7 @@ class ResizeEventPlugin extends _DomEventsPlugin {
             if (this.universal.isServer)
                 return emptyRemove$1;
             const timer = TimerUtils.createTimeout();
-            const cb = el => {
+            const cb = (el) => {
                 timer.set(() => {
                     zone.run(() => handler(el));
                 }, this.resizeDelay);
@@ -8057,7 +8099,7 @@ class NgxUtilsModule {
             },
             {
                 provide: RESIZE_STRATEGY,
-                useValue: (!config ? null : config.resizeStrategy) ?? "object",
+                useValue: (!config ? null : config.resizeStrategy) ?? "observer",
             },
             {
                 provide: SOCKET_IO_PATH,