@stemy/ngx-utils 19.4.11 → 19.4.13

package/fesm2022/stemy-ngx-utils.mjs

@@ -1907,57 +1907,58 @@ class JSONfn {
 }
 
 class LoaderUtils {
-    static { this.scriptPromises = {}; }
-    static { this.stylePromises = {}; }
+    static { this.promises = {}; }
     static loadScript(src, async = false, type = "text/javascript", parent) {
-        this.scriptPromises[src] = this.scriptPromises[src] || new Promise((resolve, reject) => {
-            // Load script
+        return LoaderUtils.loadElement(src, parent, () => {
+            const time = new Date().getTime();
             const script = document.createElement("script");
             script.type = type;
-            script.src = src;
+            script.src = src?.startsWith("data:") ? src : `${src}?time=${time}`;
             script.async = async;
-            if (script.readyState) {
-                // Internet explorer
-                script.onreadystatechange = () => {
-                    if (script.readyState === "loaded" || script.readyState === "complete") {
-                        script.onreadystatechange = null;
-                        resolve(script);
-                    }
-                };
-            }
-            else {
-                // Other browsers
-                script.onload = () => resolve(script);
-            }
-            script.onerror = (error) => reject(error);
-            (parent || document.body).appendChild(script);
+            return script;
         });
-        return this.scriptPromises[src];
     }
     static loadStyle(src, parent) {
-        this.stylePromises[src] = this.stylePromises[src] || new Promise((resolve, reject) => {
-            // Load script
+        return LoaderUtils.loadElement(src, parent, () => {
+            const time = new Date().getTime();
             const link = document.createElement("link");
             link.rel = "stylesheet";
             link.type = "text/css";
-            link.href = src;
-            if (link.readyState) {
+            link.href = src?.startsWith("data:") ? src : `${src}?time=${time}`;
+            return link;
+        });
+    }
+    static loadElement(src, parent, setup) {
+        const promises = LoaderUtils.promises;
+        parent = parent || document.body;
+        let { elem, promise } = promises[src] || {};
+        if (elem) {
+            if (parent === elem.parentElement)
+                return promise;
+            if (elem.parentElement) {
+                elem.remove();
+            }
+        }
+        elem = setup();
+        promise = new Promise((resolve, reject) => {
+            if (elem.readyState) {
                 // Internet explorer
-                link.onreadystatechange = () => {
-                    if (link.readyState === "loaded" || link.readyState === "complete") {
-                        link.onreadystatechange = null;
-                        resolve(link);
+                elem.onreadystatechange = () => {
+                    if (elem.readyState === "loaded" || elem.readyState === "complete") {
+                        elem.onreadystatechange = null;
+                        resolve(elem);
                     }
                 };
             }
             else {
                 // Other browsers
-                link.onload = () => resolve(link);
+                elem.onload = () => resolve(elem);
             }
-            link.onerror = (error) => reject(error);
-            (parent || document.body).appendChild(link);
+            elem.onerror = (error) => reject(error);
         });
-        return this.stylePromises[src];
+        parent.appendChild(elem);
+        promises[src] = { elem, promise };
+        return promise;
     }
 }