@stemy/ngx-utils 17.3.16 → 17.4.1

package/fesm2022/stemy-ngx-utils.mjs

@@ -3066,12 +3066,12 @@ class ConfigService {
             return "";
         return decodeURIComponent(results[2].replace(/\+/g, " "));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigService, deps: [{ token: i1$1.HttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigService, deps: [{ token: BaseHttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: UniversalService }, { type: i0.Injector }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: BaseHttpClient }, { type: UniversalService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ROOT_ELEMENT]
                 }] }, { type: undefined, decorators: [{
@@ -3723,6 +3723,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     args: [NgZone]
                 }] }] });
 
+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) {
@@ -3735,9 +3772,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;
@@ -3748,7 +3783,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);
@@ -6355,7 +6390,7 @@ class NgxUtilsModule {
             },
             {
                 provide: RESIZE_STRATEGY,
-                useValue: (!config ? null : config.resizeStrategy) ?? "object",
+                useValue: (!config ? null : config.resizeStrategy) ?? "observer",
             },
             {
                 provide: APP_INITIALIZER,