@symbo.ls/scratch 2.27.16 → 2.28.1

package/dist/cjs/system/typography.js

@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -133,10 +135,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -207,6 +211,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document3.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document3.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document3.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document3.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document3.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document3.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -233,12 +290,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
       if (typeof str !== "string") return;

package/dist/cjs/transforms/index.js

@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase2,
       toDashCase: () => toDashCase2,
@@ -133,10 +135,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -207,6 +211,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document3.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document3.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document3.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document3.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document3.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document3.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -233,12 +290,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
       if (typeof str !== "string") return;

package/dist/cjs/utils/index.js

@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -133,10 +135,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -207,6 +211,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document3.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document3.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document3.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document3.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document3.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document3.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -233,12 +290,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
       if (typeof str !== "string") return;

package/dist/cjs/utils/sequence.js

@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -133,10 +135,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -207,6 +211,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document3.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document3.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document3.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document3.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document3.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document3.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -233,12 +290,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
       if (typeof str !== "string") return;

package/dist/cjs/utils/var.js

@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -133,10 +135,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -207,6 +211,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document3.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document3.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document3.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window3 = globalThis } = options;
+      const { document: document3 = window3.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document3.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document3.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document3.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -233,12 +290,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
       if (typeof str !== "string") return;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.27.16",
+  "version": "2.28.1",
   "files": [
     "src",
     "dist"
@@ -25,9 +25,9 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/utils": "^2.27.16",
-    "@symbo.ls/utils": "^2.27.16",
+    "@domql/utils": "^2.28.1",
+    "@symbo.ls/utils": "^2.28.1",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "aa562640d37f34a66e567c177be8f6ab6b41eccc"
+  "gitHead": "371cc070cdca345fcd7ea73558d336a03c847825"
 }