@symbo.ls/scratch 3.2.3 → 3.2.8

package/dist/cjs/system/typography.js

@@ -1,1311 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// ../utils/dist/cjs/index.js
-var require_cjs = __commonJS({
-  "../utils/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp3(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames2(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var index_exports = {};
-    __export2(index_exports, {
-      arrayzeValue: () => arrayzeValue,
-      copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
-      copyStringToClipboard: () => copyStringToClipboard,
-      fibonacciNumberByIndex: () => fibonacciNumberByIndex,
-      findClosestNumber: () => findClosestNumber,
-      findClosestNumberInFactory: () => findClosestNumberInFactory,
-      formatDate: () => formatDate,
-      isPhoto: () => isPhoto,
-      loadCssFile: () => loadCssFile,
-      loadJavascript: () => loadJavascript,
-      loadJavascriptFile: () => loadJavascriptFile,
-      loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
-      loadJavascriptFileSync: () => loadJavascriptFileSync,
-      loadRemoteCSS: () => loadRemoteCSS,
-      loadRemoteScript: () => loadRemoteScript,
-      removeChars: () => removeChars,
-      toCamelCase: () => toCamelCase,
-      toDashCase: () => toDashCase2,
-      toDescriptionCase: () => toDescriptionCase,
-      toTitleCase: () => toTitleCase,
-      toggleFullscreen: () => toggleFullscreen
-    });
-    module2.exports = __toCommonJS2(index_exports);
-    var window22 = globalThis;
-    var document22 = window22.document;
-    var isObject2 = (arg) => {
-      if (arg === null) return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString2 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isArray2 = (arg) => Array.isArray(arg);
-    var STATE_METHODS3 = [
-      "update",
-      "parse",
-      "clean",
-      "create",
-      "destroy",
-      "add",
-      "toggle",
-      "remove",
-      "apply",
-      "set",
-      "reset",
-      "replace",
-      "quietReplace",
-      "quietUpdate",
-      "applyReplace",
-      "applyFunction",
-      "keys",
-      "values",
-      "ref",
-      "rootUpdate",
-      "parentUpdate",
-      "parent",
-      "__element",
-      "__depends",
-      "__ref",
-      "__children",
-      "root",
-      "setByPath",
-      "setPathCollection",
-      "removeByPath",
-      "removePathCollection",
-      "getByPath"
-    ];
-    var PROPS_METHODS3 = ["update", "__element"];
-    var METHODS3 = [
-      "set",
-      "reset",
-      "update",
-      "remove",
-      "updateContent",
-      "removeContent",
-      "lookup",
-      "lookdown",
-      "lookdownAll",
-      "getRef",
-      "getPath",
-      "setNodeStyles",
-      "spotByPath",
-      "keys",
-      "parse",
-      "setProps",
-      "parseDeep",
-      "variables",
-      "if",
-      "log",
-      "verbose",
-      "warn",
-      "error",
-      "call",
-      "nextElement",
-      "previousElement"
-    ];
-    var METHODS_EXL3 = [
-      ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS3,
-      ...STATE_METHODS3,
-      ...PROPS_METHODS3
-    ];
-    var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-    var STATE_METHODS22 = [
-      "update",
-      "parse",
-      "clean",
-      "create",
-      "destroy",
-      "add",
-      "toggle",
-      "remove",
-      "apply",
-      "set",
-      "reset",
-      "replace",
-      "quietReplace",
-      "quietUpdate",
-      "applyReplace",
-      "applyFunction",
-      "keys",
-      "values",
-      "ref",
-      "rootUpdate",
-      "parentUpdate",
-      "parent",
-      "__element",
-      "__depends",
-      "__ref",
-      "__children",
-      "root",
-      "setByPath",
-      "setPathCollection",
-      "removeByPath",
-      "removePathCollection",
-      "getByPath"
-    ];
-    var PROPS_METHODS22 = ["update", "__element"];
-    var METHODS22 = [
-      "set",
-      "reset",
-      "update",
-      "remove",
-      "updateContent",
-      "removeContent",
-      "lookup",
-      "lookdown",
-      "lookdownAll",
-      "getRef",
-      "getPath",
-      "setNodeStyles",
-      "spotByPath",
-      "keys",
-      "parse",
-      "setProps",
-      "parseDeep",
-      "variables",
-      "if",
-      "log",
-      "verbose",
-      "warn",
-      "error",
-      "call",
-      "nextElement",
-      "previousElement"
-    ];
-    var METHODS_EXL22 = [
-      ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS22,
-      ...STATE_METHODS22,
-      ...PROPS_METHODS22
-    ];
-    var window32 = globalThis;
-    var document32 = window32.document;
-    async function toggleFullscreen(opts) {
-      if (!document.fullscreenElement) {
-        try {
-          await (this.node || document).requestFullscreen();
-        } catch (err) {
-          console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
-        }
-      } else {
-        await document.exitFullscreen();
-      }
-    }
-    var findClosestNumber = (number, arr) => {
-      return (isArray2(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
-        return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
-      });
-    };
-    var findClosestNumberInFactory = (val, factory) => {
-      val = parseFloat(val);
-      if (isObject2(factory)) factory = Object.values(factory);
-      return findClosestNumber(val, factory);
-    };
-    var formatDate = (timestamp) => {
-      if (!timestamp) return "";
-      const d = new Date(timestamp);
-      const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
-      const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
-      const da = new Intl.DateTimeFormat("en", { day: "2-digit" }).format(d);
-      return `${da} ${mo}, ${ye}`;
-    };
-    var fibonacciNumberByIndex = function fibonacciNumberByIndex2(n) {
-      const fib = [0, 1];
-      for (let i = 2; i <= n; i++) {
-        fib[i] = fib[i - 1] + fib[i - 2];
-      }
-      return fib[n];
-    };
-    var loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        try {
-          const scriptEle = doc.createElement("script");
-          scriptEle.type = type;
-          scriptEle.async = async;
-          scriptEle.src = FILE_URL;
-          scriptEle.addEventListener("load", (ev) => {
-            resolve({
-              status: true
-            });
-          });
-          scriptEle.addEventListener("error", (ev) => {
-            reject(
-              new Error({
-                status: false,
-                message: `Failed to load the script ${FILE_URL}`
-              })
-            );
-          });
-          doc.body.appendChild(scriptEle);
-        } catch (error) {
-          reject(error);
-        }
-      });
-    };
-    var loadJavascriptFileSync = (fileUrl, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.src = fileUrl;
-        const blocker = doc.createElement("div");
-        blocker.style.cssText = "position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:9999;";
-        doc.body.appendChild(blocker);
-        scriptEle.onload = () => {
-          console.log(`Successfully loaded: ${fileUrl}`);
-          doc.body.removeChild(blocker);
-          resolve();
-        };
-        scriptEle.onerror = () => {
-          doc.body.removeChild(blocker);
-          reject(new Error(`Failed to load: ${fileUrl}`));
-        };
-        doc.body.appendChild(scriptEle);
-      });
-    };
-    var loadJavascriptFileEmbedSync = (FILE_URL, doc = document, fallback, type = "text/javascript") => {
-      const xhr = new window.XMLHttpRequest();
-      xhr.open("GET", FILE_URL, false);
-      xhr.send();
-      if (xhr.status === 200) {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.text = xhr.responseText;
-        doc.body.appendChild(scriptEle);
-        if (typeof fallback === "function") fallback();
-      } else {
-        throw new Error(`Failed to load the script ${FILE_URL}`);
-      }
-    };
-    var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        try {
-          const linkElem = doc.createElement("link");
-          linkElem.rel = "stylesheet";
-          linkElem.href = FILE_URL;
-          linkElem.addEventListener("load", (ev) => {
-            resolve({
-              status: true
-            });
-          });
-          doc.head.appendChild(linkElem);
-        } catch (error) {
-          reject(error);
-        }
-      });
-    };
-    var loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
-      try {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.async = async;
-        scriptEle.id = id;
-        scriptEle.innerHTML = body;
-        doc.body.appendChild(scriptEle);
-      } catch (error) {
-        console.warn(error);
-      }
-    };
-    function loadRemoteScript(url, options = {}) {
-      const { window: window4 = globalThis } = options;
-      const { document: document4 = window4.document } = options;
-      return new Promise((resolve, reject) => {
-        const existingScript = document4.querySelector(`script[src="${url}"]`);
-        if (existingScript) {
-          return resolve(existingScript);
-        }
-        const script = document4.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}`));
-        };
-        document4.head.appendChild(script);
-      });
-    }
-    async function loadRemoteCSS(url, options = {}) {
-      const { window: window4 = globalThis } = options;
-      const { document: document4 = window4.document } = options;
-      return new Promise((resolve, reject) => {
-        const existingLink = document4.querySelector(`link[href="${url}"]`);
-        if (existingLink) {
-          return resolve(existingLink);
-        }
-        const link = document4.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}`));
-        };
-        document4.head.appendChild(link);
-      });
-    }
-    var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
-    var copyStringToClipboard = async (str) => {
-      try {
-        await navigator.clipboard.writeText(str);
-      } catch (err) {
-        console.warn("Failed to copy text: ", err);
-      }
-    };
-    var copyJavaScriptToClipboard = async (jsCode) => {
-      try {
-        const blob = new Blob([jsCode], { type: "text/javascript" });
-        const clipboardItem = new window.ClipboardItem({ "text/plain": blob });
-        await navigator.clipboard.write([clipboardItem]);
-        console.log("JavaScript code copied to clipboard as text/javascript");
-      } catch (err) {
-        console.error("Failed to copy JavaScript code: ", err);
-      }
-    };
-    var removeChars = (str) => {
-      return str.replace(/[^a-zA-Z0-9_]/g, "");
-    };
-    var toCamelCase = (str) => {
-      return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
-        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 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;
-      const result = str.replace(/([A-Z])/g, " $1");
-      return result.charAt(0).toUpperCase() + result.slice(1);
-    };
-    var arrayzeValue = (val) => {
-      if (isArray2(val)) return val;
-      if (isString2(val)) return val.split(" ");
-      if (isObject2(val)) return Object.values(val);
-      if (isNumber2(val)) return [val];
-    };
-  }
-});
-
-// src/system/typography.js
-var typography_exports = {};
-__export(typography_exports, {
-  applyHeadings: () => applyHeadings,
-  applyTypographySequence: () => applyTypographySequence,
-  getFontSizeByKey: () => getFontSizeByKey,
-  runThroughMedia: () => runThroughMedia
-});
-module.exports = __toCommonJS(typography_exports);
-
-// ../../../domql/packages/utils/dist/esm/globals.js
-var window2 = globalThis;
-var document2 = window2.document;
-
-// ../../../domql/packages/utils/dist/esm/node.js
-var isDOMNode = (obj) => {
-  return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
-};
-
-// ../../../domql/packages/utils/dist/esm/types.js
-var isString = (arg) => typeof arg === "string";
-var isFunction = (arg) => typeof arg === "function";
-var isNull = (arg) => arg === null;
-var isArray = (arg) => Array.isArray(arg);
-var isObjectLike = (arg) => {
-  if (arg === null) return false;
-  return typeof arg === "object";
-};
-var isUndefined = (arg) => {
-  return arg === void 0;
-};
-
-// ../../../domql/packages/utils/dist/esm/array.js
-var unstackArrayOfObjects = (arr, exclude = []) => {
-  return arr.reduce(
-    (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
-    {}
-  );
-};
-
-// ../../../domql/packages/utils/dist/esm/keys.js
-var STATE_METHODS = [
-  "update",
-  "parse",
-  "clean",
-  "create",
-  "destroy",
-  "add",
-  "toggle",
-  "remove",
-  "apply",
-  "set",
-  "reset",
-  "replace",
-  "quietReplace",
-  "quietUpdate",
-  "applyReplace",
-  "applyFunction",
-  "keys",
-  "values",
-  "ref",
-  "rootUpdate",
-  "parentUpdate",
-  "parent",
-  "__element",
-  "__depends",
-  "__ref",
-  "__children",
-  "root",
-  "setByPath",
-  "setPathCollection",
-  "removeByPath",
-  "removePathCollection",
-  "getByPath"
-];
-var PROPS_METHODS = ["update", "__element"];
-var METHODS = [
-  "set",
-  "reset",
-  "update",
-  "remove",
-  "updateContent",
-  "removeContent",
-  "lookup",
-  "lookdown",
-  "lookdownAll",
-  "getRef",
-  "getPath",
-  "setNodeStyles",
-  "spotByPath",
-  "keys",
-  "parse",
-  "setProps",
-  "parseDeep",
-  "variables",
-  "if",
-  "log",
-  "verbose",
-  "warn",
-  "error",
-  "call",
-  "nextElement",
-  "previousElement"
-];
-var METHODS_EXL = [
-  ...["node", "context", "extends", "__element", "__ref"],
-  ...METHODS,
-  ...STATE_METHODS,
-  ...PROPS_METHODS
-];
-
-// ../../../domql/packages/utils/dist/esm/object.js
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var merge = (element, obj, excludeFrom = []) => {
-  for (const e in obj) {
-    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
-      continue;
-    }
-    const elementProp = element[e];
-    const objProp = obj[e];
-    if (elementProp === void 0) {
-      element[e] = objProp;
-    }
-  }
-  return element;
-};
-var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
-  for (const e in extend) {
-    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
-      continue;
-    }
-    const elementProp = element[e];
-    const extendProp = extend[e];
-    if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
-      deepMerge(elementProp, extendProp, excludeFrom);
-    } else if (elementProp === void 0) {
-      element[e] = extendProp;
-    }
-  }
-  return element;
-};
-var deepClone = (obj, options = {}) => {
-  const {
-    exclude = [],
-    cleanUndefined = false,
-    cleanNull = false,
-    window: targetWindow,
-    visited = /* @__PURE__ */ new WeakMap(),
-    handleExtends = false
-  } = options;
-  const contentWindow = targetWindow || window2 || globalThis;
-  if (!isObjectLike(obj) || isDOMNode(obj)) {
-    return obj;
-  }
-  if (visited.has(obj)) {
-    return visited.get(obj);
-  }
-  const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
-  visited.set(obj, clone2);
-  for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
-      continue;
-    }
-    const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) {
-      continue;
-    }
-    if (isDOMNode(value)) {
-      clone2[key] = value;
-      continue;
-    }
-    if (handleExtends && key === "extends" && isArray(value)) {
-      clone2[key] = unstackArrayOfObjects(value, exclude);
-      continue;
-    }
-    if (isFunction(value) && options.window) {
-      clone2[key] = contentWindow.eval("(" + value.toString() + ")");
-      continue;
-    }
-    if (isObjectLike(value)) {
-      clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
-        visited
-      }));
-    } else {
-      clone2[key] = value;
-    }
-  }
-  return clone2;
-};
-
-// ../../../domql/packages/utils/dist/esm/env.js
-var NODE_ENV = "development";
-var isProduction = (env = NODE_ENV) => env === "production";
-var isNotProduction = (env = NODE_ENV) => !isProduction(env);
-
-// ../../../domql/packages/utils/dist/esm/cookie.js
-var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-
-// ../../../domql/packages/event/dist/esm/keys.js
-var STATE_METHODS2 = [
-  "update",
-  "parse",
-  "clean",
-  "create",
-  "destroy",
-  "add",
-  "toggle",
-  "remove",
-  "apply",
-  "set",
-  "reset",
-  "replace",
-  "quietReplace",
-  "quietUpdate",
-  "applyReplace",
-  "applyFunction",
-  "keys",
-  "values",
-  "ref",
-  "rootUpdate",
-  "parentUpdate",
-  "parent",
-  "__element",
-  "__depends",
-  "__ref",
-  "__children",
-  "root",
-  "setByPath",
-  "setPathCollection",
-  "removeByPath",
-  "removePathCollection",
-  "getByPath"
-];
-var PROPS_METHODS2 = ["update", "__element"];
-var METHODS2 = [
-  "set",
-  "reset",
-  "update",
-  "remove",
-  "updateContent",
-  "removeContent",
-  "lookup",
-  "lookdown",
-  "lookdownAll",
-  "getRef",
-  "getPath",
-  "setNodeStyles",
-  "spotByPath",
-  "keys",
-  "parse",
-  "setProps",
-  "parseDeep",
-  "variables",
-  "if",
-  "log",
-  "verbose",
-  "warn",
-  "error",
-  "call",
-  "nextElement",
-  "previousElement"
-];
-var METHODS_EXL2 = [
-  ...["node", "context", "extends", "__element", "__ref"],
-  ...METHODS2,
-  ...STATE_METHODS2,
-  ...PROPS_METHODS2
-];
-
-// ../../../domql/packages/event/dist/esm/globals.js
-var window3 = globalThis;
-var document3 = window3.document;
-
-// src/defaultConfig/index.js
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  CLASS: () => CLASS,
-  COLOR: () => COLOR,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FONT: () => FONT,
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-  GRADIENT: () => GRADIENT,
-  GRID: () => GRID,
-  ICONS: () => ICONS,
-  MEDIA: () => MEDIA,
-  RESET: () => RESET,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
-  SEQUENCE: () => SEQUENCE,
-  SHADOW: () => SHADOW,
-  SPACING: () => SPACING,
-  SVG: () => SVG,
-  SVG_DATA: () => SVG_DATA,
-  TEMPLATES: () => TEMPLATES,
-  THEME: () => THEME,
-  TIMING: () => TIMING,
-  TYPOGRAPHY: () => TYPOGRAPHY,
-  UNIT: () => UNIT
-});
-
-// src/defaultConfig/sequence.js
-var SEQUENCE = {
-  "minor-second": 1.067,
-  "major-second": 1.125,
-  "minor-third": 1.2,
-  "major-third": 1.25,
-  "perfect-fourth": 1.333,
-  "augmented-fourth": 1.414,
-  "perfect-fifth": 1.5,
-  "minor-sixth": 1.6,
-  phi: 1.618,
-  // golden-ratio
-  "major-sixth": 1.667,
-  "square-root-3": 1.732,
-  // theodorus
-  "minor-seventh": 1.778,
-  "major-seventh": 1.875,
-  octave: 2,
-  "square-root-5": 2.23,
-  // pythagoras
-  "major-tenth": 2.5,
-  "major-eleventh": 2.667,
-  "major-twelfth": 3,
-  pi: 3.14,
-  // archimedes
-  "double-octave": 4
-};
-
-// src/defaultConfig/unit.js
-var UNIT = {
-  default: "em"
-};
-
-// src/defaultConfig/typography.js
-var defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: "font-size",
-  ratio: SEQUENCE["minor-third"],
-  range: [-3, 12],
-  h1Matches: 6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TYPOGRAPHY = defaultProps;
-
-// src/defaultConfig/font.js
-var FONT = {};
-
-// src/defaultConfig/font-family.js
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-var FONT_FACE = {};
-
-// src/defaultConfig/media.js
-var MEDIA = {
-  tv: "(min-width: 2780px)",
-  light: "(prefers-color-scheme: light)",
-  dark: "(prefers-color-scheme: dark)",
-  print: "print"
-};
-
-// src/defaultConfig/spacing.js
-var defaultProps2 = {
-  base: TYPOGRAPHY.base,
-  type: "spacing",
-  ratio: SEQUENCE.phi,
-  range: [-5, 15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var SPACING = defaultProps2;
-
-// src/defaultConfig/color.js
-var COLOR = {};
-var GRADIENT = {};
-
-// src/defaultConfig/theme.js
-var THEME = {};
-
-// src/defaultConfig/shadow.js
-var SHADOW = {};
-
-// src/defaultConfig/icons.js
-var ICONS = {};
-var SEMANTIC_ICONS = {};
-
-// src/defaultConfig/timing.js
-var defaultProps3 = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: SEQUENCE["perfect-fourth"],
-  range: [-3, 12],
-  mediaRegenerate: false,
-  unit: "ms",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TIMING = defaultProps3;
-
-// src/defaultConfig/document.js
-var DOCUMENT = {};
-
-// src/defaultConfig/responsive.js
-var BREAKPOINTS = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-var DEVICES = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-};
-
-// src/defaultConfig/cases.js
-var CASES = {};
-
-// src/defaultConfig/animation.js
-var ANIMATION = {};
-
-// src/defaultConfig/svg.js
-var SVG = {};
-var SVG_DATA = {};
-
-// src/defaultConfig/templates.js
-var TEMPLATES = {};
-
-// src/defaultConfig/grid.js
-var defaultProps4 = {};
-var GRID = defaultProps4;
-
-// src/defaultConfig/class.js
-var defaultProps5 = {};
-var CLASS = defaultProps5;
-
-// src/defaultConfig/index.js
-var RESET = {};
-
-// src/factory.js
-var CSS_VARS = {};
-var CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  CSS_VARS,
-  ...void 0 || defaultConfig_exports
-};
-var cachedConfig = deepClone(CONFIG);
-var FACTORY = {
-  active: "0",
-  0: CONFIG
-};
-var getActiveConfig = (def) => {
-  return FACTORY[def || FACTORY.active] || CONFIG;
-};
-
-// src/utils/unit.js
-var isScalingUnit = (unit) => {
-  return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
-};
-
-// src/utils/sequence.js
-var import_utils5 = __toESM(require_cjs(), 1);
-var numToLetterMap = {
-  "-6": "U",
-  "-5": "V",
-  "-4": "W",
-  "-3": "X",
-  "-2": "Y",
-  "-1": "Z",
-  0: "A",
-  1: "B",
-  2: "C",
-  3: "D",
-  4: "E",
-  5: "F",
-  6: "G",
-  7: "H",
-  8: "I",
-  9: "J",
-  10: "K",
-  11: "L",
-  12: "M",
-  13: "N",
-  14: "O",
-  15: "P",
-  16: "Q",
-  17: "R",
-  18: "S",
-  19: "T"
-};
-var setSequenceValue = (props, sequenceProps) => {
-  const { key, variable, value, scaling, index, scalingVariable } = props;
-  sequenceProps.sequence[key] = {
-    key,
-    decimal: ~~(value * 100) / 100,
-    val: ~~value,
-    scaling,
-    index,
-    scalingVariable,
-    variable
-  };
-  sequenceProps.scales[key] = scaling;
-  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
-};
-var setScalingVar = (key, sequenceProps) => {
-  const { base, type, unit } = sequenceProps;
-  const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
-  if (key === 0) return defaultVal;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  const ratioVar = `${prefix}-ratio`;
-  if (key > 0) {
-    const prevLetterKey = numToLetterMap[key - 1];
-    return `calc(var(${prefix}-${prevLetterKey}) * var(${ratioVar}))`;
-  }
-  if (key < 0) {
-    const nextLetterKey = numToLetterMap[key + 1];
-    return `calc(var(${prefix}-${nextLetterKey}) / var(${ratioVar}))`;
-  }
-};
-var setSubScalingVar = (index, arr, variable, sequenceProps) => {
-  const { type } = sequenceProps;
-  const skipMiddle = index === 2 && arr.length === 2;
-  const indexMapWithLength = skipMiddle ? index + 1 : index;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  const subRatioVarPrefix = `${prefix}-sub-ratio-`;
-  return `calc(var(${variable}) * var(${subRatioVarPrefix + indexMapWithLength}))`;
-};
-var getSubratioDifference = (base, ratio) => {
-  const diff = base * ratio - base;
-  const subRatio = diff / 1.618;
-  const first = base * ratio - subRatio;
-  const second = base + subRatio;
-  const middle = (first + second) / 2;
-  return [first, middle, second];
-};
-var getSubratio = (base, ratio) => {
-  return getSubratioDifference(base, ratio).map((v) => v / base);
-};
-var generateSubSequence = (props, sequenceProps) => {
-  const { key, base, value, ratio, variable, index } = props;
-  const next = value * ratio;
-  const diffRounded = ~~next - ~~value;
-  let arr;
-  const [first, middle, second] = getSubratioDifference(value, ratio);
-  if (diffRounded > 16) arr = [first, middle, second];
-  else arr = [first, second];
-  arr.forEach((v, k) => {
-    const scaling = ~~(v / base * 1e3) / 1e3;
-    const newVar = variable + (k + 1);
-    const newIndex = index + (k + 1) / 10;
-    const scalingVariable = setSubScalingVar(k + 1, arr, variable, sequenceProps);
-    const props2 = {
-      key: key + (k + 1),
-      variable: newVar,
-      value: v,
-      scaling,
-      scalingVariable,
-      index: newIndex
-    };
-    setSequenceValue(props2, sequenceProps);
-  });
-};
-var switchSequenceOnNegative = (key, base, ratio) => {
-  return base * Math.pow(ratio, key);
-};
-var generateSequence = (sequenceProps) => {
-  const { type, base, ratio, range, subSequence } = sequenceProps;
-  const n = Math.abs(range[0]) + Math.abs(range[1]);
-  const prefix = "--" + (type && type.replace(".", "-")) + "-";
-  for (let i = 0; i <= n; i++) {
-    const key = range[1] - i;
-    const letterKey = numToLetterMap[key];
-    const value = switchSequenceOnNegative(key, base, ratio);
-    const scaling = ~~(value / base * 100) / 100;
-    const variable = prefix + letterKey;
-    const scalingVariable = setScalingVar(key, sequenceProps);
-    const props = {
-      key: letterKey,
-      variable,
-      value,
-      base,
-      scaling,
-      scalingVariable,
-      ratio,
-      index: key
-    };
-    setSequenceValue(props, sequenceProps);
-    if (subSequence) generateSubSequence(props, sequenceProps);
-  }
-  return sequenceProps;
-};
-var getSequenceValue = (value = "A", sequenceProps) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2 } = CONFIG2;
-  const {
-    sequence,
-    unit = UNIT2.default,
-    useVariable
-  } = sequenceProps;
-  if (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
-  const prefix = `--${(0, import_utils5.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
-  const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
-  const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
-  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter) return value;
-  const letterVal = value.toUpperCase();
-  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
-  let absValue = isNegative ? letterVal.slice(1) : letterVal;
-  let mediaName = "";
-  if (absValue.includes("_")) {
-    mediaName = "_" + absValue.split("_")[1].toLowerCase();
-    absValue = absValue.split("_")[0];
-  }
-  const varValue = (v) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix}${v}${mediaName})` : v;
-  if (absValue.includes("+")) {
-    const [first, second] = absValue.split("+");
-    const joint = `${varValue(first)} + ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("*")) {
-    const [first, second] = absValue.split("*");
-    const joint = `${varValue(first)} * ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("-")) {
-    const [first, second] = absValue.split("-");
-    const joint = `${varValue(first)} - ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  }
-  if (!sequence[absValue] && absValue.length === 2) {
-    if (CONFIG2.verbose) console.warn(absValue, "- value is not found because `subSequence` is set to false");
-    absValue = absValue.slice(0, 1);
-  }
-  if (useVariable || CONFIG2.useVariable) {
-    const varValue2 = `var(${prefix}${absValue}${mediaName})`;
-    return isNegative ? `calc(${varValue2} * -1)` : varValue2;
-  }
-  const sequenceItem = sequence ? sequence[absValue] : null;
-  if (!sequenceItem) return console.warn("can't find", sequence, absValue);
-  if (unit === "ms" || unit === "s") {
-    return isNegative + sequenceItem.val + unit;
-  }
-  return isNegative + sequenceItem.scaling + unit;
-};
-var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
-  if (typeof value !== "string") {
-    const CONFIG2 = getActiveConfig();
-    if (CONFIG2.verbose) console.warn(propertyName, value, "is not a string");
-    return { [propertyName]: value };
-  }
-  if (value === "-" || value === "") return {};
-  return { [propertyName]: getSequenceValue(value, sequenceProps) };
-};
-var findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];
-var findHeadings = (propertyNames) => {
-  const { h1Matches, sequence } = propertyNames;
-  return new Array(6).fill(null).map((_, i) => {
-    const findLetter = findHeadingLetter(h1Matches, i);
-    return sequence[findLetter];
-  });
-};
-
-// src/utils/var.js
-var applySequenceGlobalVars = (vars, obj, options) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2 } = CONFIG2;
-  const unit = obj.unit || UNIT2.default;
-  const { base, ratio, type } = obj;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  vars[`${prefix}-base`] = base;
-  vars[`${prefix}-unit`] = unit;
-  const ratioVar = `${prefix}-ratio`;
-  vars[ratioVar] = ratio;
-  const [first, middle, second] = getSubratio(base, ratio);
-  vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
-  vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
-  vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
-};
-var applySequenceVars = (FACTORY2, options = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const unit = FACTORY2.unit || UNIT2.default;
-  const { mediaRegenerate, sequence, scales } = FACTORY2;
-  if (!mediaRegenerate) {
-    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
-  }
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (FACTORY2.type === TIMING2.type ? sequence[key].val : scales[key]) + unit;
-    if (!mediaRegenerate) {
-      CSS_VARS2[item.variable + "_default"] = value;
-      CSS_VARS2[item.variable] = item.scalingVariable;
-      continue;
-    }
-    if (options.useDefault === false) {
-      CSS_VARS2[item.variable] = value;
-    } else {
-      CSS_VARS2[item.variable + "_default"] = value;
-      CSS_VARS2[item.variable] = `var(${item.variable + "_default"})`;
-    }
-  }
-};
-var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2, MEDIA: MEDIA2, CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const mediaName = media.slice(1);
-  const unit = FACTORY2.unit || UNIT2.default;
-  const { mediaRegenerate } = FACTORY2;
-  const { sequence, scales } = FACTORY2[media];
-  const query = MEDIA2[mediaName];
-  if (!query && CONFIG2.verbose) console.warn("Can't find media query ", query);
-  if (!mediaRegenerate) {
-    let underMediaQuery = CSS_VARS2[`@media ${query}`];
-    if (!underMediaQuery) underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
-    return;
-  }
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (isScalingUnit(unit) ? scales[key] : sequence[key].val) + unit;
-    if (!query && CONFIG2.verbose) console.warn("Can't find query ", query);
-    let underMediaQuery = CSS_VARS2[`@media ${query}`];
-    if (!underMediaQuery) underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
-    CSS_VARS2[item.variable + "_" + mediaName] = value;
-  }
-};
-
-// src/utils/sprite.js
-var isDev = isNotProduction();
-
-// src/system/typography.js
-var runThroughMedia = (FACTORY2) => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG2;
-  for (const prop in FACTORY2) {
-    const isPropMedia = prop.slice(0, 1) === "@";
-    const mediaValue = FACTORY2[prop];
-    if (!isPropMedia) continue;
-    const { mediaRegenerate } = FACTORY2;
-    const mediaName = prop.slice(1);
-    const { type, base, ratio, range, subSequence, h1Matches, unit } = FACTORY2;
-    merge(mediaValue, {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit
-    });
-    const query = MEDIA2[mediaName];
-    const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-    TYPOGRAPHY2.templates[media] = {
-      fontSize: mediaValue.base / TYPOGRAPHY2.browserDefault + unit
-    };
-    if (!mediaRegenerate) {
-      applyMediaSequenceVars(FACTORY2, prop);
-      continue;
-    }
-    merge(mediaValue, {
-      sequence: {},
-      scales: {},
-      templates: {},
-      vars: {}
-    });
-    generateSequence(mediaValue);
-    applyMediaSequenceVars(FACTORY2, prop);
-  }
-};
-var applyHeadings = (props) => {
-  var _a, _b;
-  const CONFIG2 = getActiveConfig();
-  if (props.h1Matches) {
-    const unit = props.unit;
-    const HEADINGS = findHeadings(props);
-    const { templates } = props;
-    for (const k in HEADINGS) {
-      const headerName = `h${parseInt(k) + 1}`;
-      const headerStyle = templates[headerName];
-      templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${(_b = HEADINGS[k]) == null ? void 0 : _b.scaling}${unit}`,
-        margin: headerStyle ? headerStyle.margin : 0,
-        lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
-        letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
-        fontWeight: headerStyle ? headerStyle.fontWeight : 900 - k * 100
-      };
-    }
-  }
-};
-var applyTypographySequence = () => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  generateSequence(TYPOGRAPHY2);
-  applyHeadings(TYPOGRAPHY2);
-  applySequenceVars(TYPOGRAPHY2);
-  runThroughMedia(TYPOGRAPHY2);
-};
-var getFontSizeByKey = (value) => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  return getSequenceValuePropertyPair(value, "fontSize", TYPOGRAPHY2);
-};
-// @preserve-env