@stemy/ngx-utils 19.4.15 → 19.4.16

package/fesm2022/stemy-ngx-utils.mjs

@@ -4399,6 +4399,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 +4448,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 +4459,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 +8092,7 @@ class NgxUtilsModule {
             },
             {
                 provide: RESIZE_STRATEGY,
-                useValue: (!config ? null : config.resizeStrategy) ?? "object",
+                useValue: (!config ? null : config.resizeStrategy) ?? "observer",
             },
             {
                 provide: SOCKET_IO_PATH,