@symbo.ls/scratch 2.10.107 → 2.10.121

package/dist/index.cjs.js

@@ -3,6 +3,9 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -17,6 +20,693 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../../node_modules/@domql/globals/index.js
+var globals_exports = {};
+__export(globals_exports, {
+  document: () => document2,
+  global: () => global,
+  self: () => self,
+  window: () => window2
+});
+var global, self, window2, document2;
+var init_globals = __esm({
+  "../../node_modules/@domql/globals/index.js"() {
+    "use strict";
+    global = globalThis;
+    self = globalThis;
+    window2 = globalThis;
+    document2 = window2.document;
+  }
+});
+
+// ../../node_modules/@domql/tags/htmlTags.js
+var HTML_TAGS;
+var init_htmlTags = __esm({
+  "../../node_modules/@domql/tags/htmlTags.js"() {
+    "use strict";
+    HTML_TAGS = {
+      root: [
+        "body",
+        "html"
+      ],
+      head: [
+        "title",
+        "base",
+        "meta",
+        "style"
+      ],
+      body: [
+        "string",
+        "fragment",
+        "a",
+        "abbr",
+        "acronym",
+        "address",
+        "applet",
+        "area",
+        "article",
+        "aside",
+        "audio",
+        "b",
+        "basefont",
+        "bdi",
+        "bdo",
+        "big",
+        "blockquote",
+        "br",
+        "button",
+        "canvas",
+        "caption",
+        "center",
+        "cite",
+        "code",
+        "col",
+        "colgroup",
+        "data",
+        "datalist",
+        "dd",
+        "del",
+        "details",
+        "dfn",
+        "dialog",
+        "dir",
+        "div",
+        "dl",
+        "dt",
+        "em",
+        "embed",
+        "fieldset",
+        "figcaption",
+        "figure",
+        "font",
+        "footer",
+        "form",
+        "frame",
+        "frameset",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "head",
+        "header",
+        "hr",
+        "i",
+        "iframe",
+        "img",
+        "input",
+        "ins",
+        "kbd",
+        "label",
+        "legend",
+        "li",
+        "link",
+        "main",
+        "map",
+        "mark",
+        "meter",
+        "nav",
+        "noframes",
+        "noscript",
+        "object",
+        "ol",
+        "optgroup",
+        "option",
+        "output",
+        "p",
+        "param",
+        "picture",
+        "pre",
+        "progress",
+        "q",
+        "rp",
+        "rt",
+        "ruby",
+        "s",
+        "samp",
+        "script",
+        "section",
+        "select",
+        "small",
+        "source",
+        "span",
+        "strike",
+        "strong",
+        "sub",
+        "summary",
+        "sup",
+        "table",
+        "tbody",
+        "td",
+        "template",
+        "textarea",
+        "tfoot",
+        "th",
+        "thead",
+        "time",
+        "tr",
+        "track",
+        "tt",
+        "u",
+        "ul",
+        "var",
+        "video",
+        "wbr",
+        // SVG
+        "svg",
+        "path"
+      ]
+    };
+  }
+});
+
+// ../../node_modules/@domql/tags/index.js
+var tags_exports = {};
+__export(tags_exports, {
+  HTML_TAGS: () => HTML_TAGS
+});
+var init_tags = __esm({
+  "../../node_modules/@domql/tags/index.js"() {
+    "use strict";
+    init_htmlTags();
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/types.js
+var types_exports = {};
+var __defProp2, __getOwnPropDesc2, __getOwnPropNames2, __hasOwnProp2, __export2, __copyProps2, __toCommonJS2, types_exports2, import_globals, import_tags, isValidHtmlTag, isObject, isString, isNumber, isFunction, isBoolean, isNull, isArray, isObjectLike, isNode, isHtmlElement, isDefined, isUndefined, TYPES, is, isNot;
+var init_types = __esm({
+  "../../node_modules/@domql/utils/dist/types.js"() {
+    "use strict";
+    __defProp2 = Object.defineProperty;
+    __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    __getOwnPropNames2 = Object.getOwnPropertyNames;
+    __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    types_exports2 = {};
+    __export2(types_exports2, {
+      TYPES: () => TYPES,
+      is: () => is,
+      isArray: () => isArray,
+      isBoolean: () => isBoolean,
+      isDefined: () => isDefined,
+      isFunction: () => isFunction,
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode,
+      isNot: () => isNot,
+      isNull: () => isNull,
+      isNumber: () => isNumber,
+      isObject: () => isObject,
+      isObjectLike: () => isObjectLike,
+      isString: () => isString,
+      isUndefined: () => isUndefined,
+      isValidHtmlTag: () => isValidHtmlTag
+    });
+    module.exports = __toCommonJS2(types_exports2);
+    import_globals = (init_globals(), __toCommonJS(globals_exports));
+    import_tags = (init_tags(), __toCommonJS(tags_exports));
+    isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    isObject = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object" && arg.constructor === Object;
+    };
+    isString = (arg) => typeof arg === "string";
+    isNumber = (arg) => typeof arg === "number";
+    isFunction = (arg) => typeof arg === "function";
+    isBoolean = (arg) => arg === true || arg === false;
+    isNull = (arg) => arg === null;
+    isArray = (arg) => Array.isArray(arg);
+    isObjectLike = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object";
+    };
+    isNode = (obj2) => {
+      return typeof import_globals.window.Node === "object" ? obj2 instanceof import_globals.window.Node : obj2 && typeof obj2 === "object" && typeof obj2.nodeType === "number" && typeof obj2.nodeName === "string";
+    };
+    isHtmlElement = (obj2) => {
+      return typeof import_globals.window.HTMLElement === "object" ? obj2 instanceof import_globals.window.HTMLElement : obj2 && typeof obj2 === "object" && obj2 !== null && obj2.nodeType === 1 && typeof obj2.nodeName === "string";
+    };
+    isDefined = (arg) => {
+      return isObject(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isNull(arg);
+    };
+    isUndefined = (arg) => {
+      return arg === void 0;
+    };
+    TYPES = {
+      boolean: isBoolean,
+      array: isArray,
+      object: isObject,
+      string: isString,
+      number: isNumber,
+      null: isNull,
+      function: isFunction,
+      objectLike: isObjectLike,
+      node: isNode,
+      htmlElement: isHtmlElement,
+      defined: isDefined
+    };
+    is = (arg) => {
+      return (...args) => {
+        return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
+      };
+    };
+    isNot = (arg) => {
+      return (...args) => {
+        return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
+      };
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/object.js
+var object_exports = {};
+var __defProp3, __getOwnPropDesc3, __getOwnPropNames3, __hasOwnProp3, __export3, __copyProps3, __toCommonJS3, object_exports2, import_types, exec, map, merge, deepMerge, clone, deepCloneExclude, mergeArrayExclude, deepClone, deepStringify, deepDestringify, overwrite, diff, overwriteObj, overwriteDeep, mergeIfExisted, mergeArray, mergeAndCloneIfArray, flattenRecursive, isEqualDeep;
+var init_object = __esm({
+  "../../node_modules/@domql/utils/dist/object.js"() {
+    "use strict";
+    __defProp3 = Object.defineProperty;
+    __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    __getOwnPropNames3 = Object.getOwnPropertyNames;
+    __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    __export3 = (target, all) => {
+      for (var name in all)
+        __defProp3(target, name, { get: all[name], enumerable: true });
+    };
+    __copyProps3 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames3(from))
+          if (!__hasOwnProp3.call(to, key) && key !== except)
+            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    object_exports2 = {};
+    __export3(object_exports2, {
+      clone: () => clone,
+      deepClone: () => deepClone,
+      deepCloneExclude: () => deepCloneExclude,
+      deepDestringify: () => deepDestringify,
+      deepMerge: () => deepMerge,
+      deepStringify: () => deepStringify,
+      diff: () => diff,
+      exec: () => exec,
+      flattenRecursive: () => flattenRecursive,
+      isEqualDeep: () => isEqualDeep,
+      map: () => map,
+      merge: () => merge,
+      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
+      mergeArray: () => mergeArray,
+      mergeArrayExclude: () => mergeArrayExclude,
+      mergeIfExisted: () => mergeIfExisted,
+      overwrite: () => overwrite,
+      overwriteDeep: () => overwriteDeep,
+      overwriteObj: () => overwriteObj
+    });
+    module.exports = __toCommonJS3(object_exports2);
+    import_types = (init_types(), __toCommonJS(types_exports));
+    exec = (param, element, state) => {
+      if ((0, import_types.isFunction)(param))
+        return param(element, state || element.state);
+      return param;
+    };
+    map = (obj2, extention, element) => {
+      for (const e in extention) {
+        obj2[e] = exec(extention[e], element);
+      }
+    };
+    merge = (element, obj2) => {
+      for (const e in obj2) {
+        const elementProp = element[e];
+        const objProp2 = obj2[e];
+        if (elementProp === void 0) {
+          element[e] = objProp2;
+        }
+      }
+      return element;
+    };
+    deepMerge = (element, extend) => {
+      for (const e in extend) {
+        const elementProp = element[e];
+        const extendProp = extend[e];
+        if (e === "parent" || e === "props")
+          continue;
+        if (elementProp === void 0) {
+          element[e] = extendProp;
+        } else if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObject)(extendProp)) {
+          deepMerge(elementProp, extendProp);
+        }
+      }
+      return element;
+    };
+    clone = (obj2) => {
+      const o = {};
+      for (const prop2 in obj2) {
+        if (prop2 === "node")
+          continue;
+        o[prop2] = obj2[prop2];
+      }
+      return o;
+    };
+    deepCloneExclude = (obj2, exclude = []) => {
+      if ((0, import_types.isArray)(obj2)) {
+        return obj2.map((x) => deepCloneExclude(x, exclude));
+      }
+      const o = {};
+      for (const k in obj2) {
+        if (exclude.indexOf(k) > -1)
+          continue;
+        let v = obj2[k];
+        if (k === "extend" && (0, import_types.isArray)(v)) {
+          v = mergeArrayExclude(v, exclude);
+        }
+        if ((0, import_types.isArray)(v)) {
+          o[k] = v.map((x) => deepCloneExclude(x, exclude));
+        } else if ((0, import_types.isObject)(v)) {
+          o[k] = deepCloneExclude(v, exclude);
+        } else
+          o[k] = v;
+      }
+      return o;
+    };
+    mergeArrayExclude = (arr, excl = []) => {
+      return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
+    };
+    deepClone = (obj2) => {
+      if ((0, import_types.isArray)(obj2)) {
+        return obj2.map(deepClone);
+      }
+      const o = {};
+      for (const prop2 in obj2) {
+        let objProp2 = obj2[prop2];
+        if (prop2 === "extend" && (0, import_types.isArray)(objProp2)) {
+          objProp2 = mergeArray(objProp2);
+        }
+        if ((0, import_types.isArray)(objProp2)) {
+          o[prop2] = objProp2.map((v) => (0, import_types.isObject)(v) ? deepClone(v) : v);
+        } else if ((0, import_types.isObject)(objProp2)) {
+          o[prop2] = deepClone(objProp2);
+        } else
+          o[prop2] = objProp2;
+      }
+      return o;
+    };
+    deepStringify = (obj2, stringified2 = {}) => {
+      for (const prop2 in obj2) {
+        const objProp2 = obj2[prop2];
+        if ((0, import_types.isFunction)(objProp2)) {
+          stringified2[prop2] = objProp2.toString();
+        } else if ((0, import_types.isObject)(objProp2)) {
+          stringified2[prop2] = {};
+          deepStringify(objProp2[prop2], stringified2[prop2]);
+        } else if ((0, import_types.isArray)(objProp2)) {
+          stringified2[prop2] = [];
+          objProp2.map((v, i) => deepStringify(v, stringified2[prop2][i]));
+        } else
+          stringified2[prop2] = objProp2;
+      }
+      return stringified2;
+    };
+    deepDestringify = (obj, stringified = {}) => {
+      for (const prop in obj) {
+        const objProp = obj[prop];
+        if ((0, import_types.isString)(objProp)) {
+          if (objProp.includes("=>") || objProp.includes("function") || objProp[0] === "(") {
+            try {
+              const evalProp = eval(objProp);
+              stringified[prop] = evalProp;
+            } catch (e) {
+              if (e)
+                stringified[prop] = objProp;
+            }
+          }
+        } else
+          stringified[prop] = objProp;
+        if ((0, import_types.isObject)(objProp))
+          deepDestringify(stringified[prop], stringified[prop]);
+      }
+      return stringified;
+    };
+    overwrite = (element, params, options) => {
+      const { ref } = element;
+      const changes = {};
+      for (const e in params) {
+        if (e === "props")
+          continue;
+        const elementProp = element[e];
+        const paramsProp = params[e];
+        if (paramsProp) {
+          ref.__cache[e] = changes[e] = elementProp;
+          ref[e] = paramsProp;
+        }
+      }
+      return changes;
+    };
+    diff = (obj2, original, cache) => {
+      const changes = cache || {};
+      for (const e in obj2) {
+        if (e === "ref")
+          continue;
+        const originalProp = original[e];
+        const objProp2 = obj2[e];
+        if ((0, import_types.isObjectLike)(originalProp) && (0, import_types.isObjectLike)(objProp2)) {
+          changes[e] = {};
+          diff(originalProp, objProp2, changes[e]);
+        } else if (objProp2 !== void 0) {
+          changes[e] = objProp2;
+        }
+      }
+      return changes;
+    };
+    overwriteObj = (params, obj2) => {
+      const changes = {};
+      for (const e in params) {
+        const objProp2 = obj2[e];
+        const paramsProp = params[e];
+        if (paramsProp) {
+          obj2[e] = changes[e] = objProp2;
+        }
+      }
+      return changes;
+    };
+    overwriteDeep = (params, obj2) => {
+      for (const e in params) {
+        const objProp2 = obj2[e];
+        const paramsProp = params[e];
+        if ((0, import_types.isObjectLike)(objProp2) && (0, import_types.isObjectLike)(paramsProp)) {
+          overwriteDeep(objProp2, paramsProp);
+        } else if (paramsProp !== void 0) {
+          obj2[e] = paramsProp;
+        }
+      }
+      return obj2;
+    };
+    mergeIfExisted = (a, b) => {
+      if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
+        return deepMerge(a, b);
+      return a || b;
+    };
+    mergeArray = (arr) => {
+      return arr.reduce((a, c) => deepMerge(a, deepClone(c)), {});
+    };
+    mergeAndCloneIfArray = (obj2) => {
+      return (0, import_types.isArray)(obj2) ? mergeArray(obj2) : deepClone(obj2);
+    };
+    flattenRecursive = (param, prop2, stack = []) => {
+      const objectized = mergeAndCloneIfArray(param);
+      stack.push(objectized);
+      const extendOfExtend = objectized[prop2];
+      if (extendOfExtend)
+        flattenRecursive(extendOfExtend, prop2, stack);
+      delete objectized[prop2];
+      return stack;
+    };
+    isEqualDeep = (param, element) => {
+      if (param === element)
+        return true;
+      if (!param || !element)
+        return false;
+      for (const prop2 in param) {
+        const paramProp = param[prop2];
+        const elementProp = element[prop2];
+        if ((0, import_types.isObjectLike)(paramProp)) {
+          const isEqual = isEqualDeep(paramProp, elementProp);
+          if (!isEqual)
+            return false;
+        } else {
+          const isEqual = paramProp === elementProp;
+          if (!isEqual)
+            return false;
+        }
+      }
+      return true;
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/function.js
+var function_exports = {};
+var __defProp4, __getOwnPropDesc4, __getOwnPropNames4, __hasOwnProp4, __export4, __copyProps4, __toCommonJS4, function_exports2, debounce, memoize;
+var init_function = __esm({
+  "../../node_modules/@domql/utils/dist/function.js"() {
+    "use strict";
+    __defProp4 = Object.defineProperty;
+    __getOwnPropDesc4 = Object.getOwnPropertyDescriptor;
+    __getOwnPropNames4 = Object.getOwnPropertyNames;
+    __hasOwnProp4 = Object.prototype.hasOwnProperty;
+    __export4 = (target, all) => {
+      for (var name in all)
+        __defProp4(target, name, { get: all[name], enumerable: true });
+    };
+    __copyProps4 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames4(from))
+          if (!__hasOwnProp4.call(to, key) && key !== except)
+            __defProp4(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc4(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    __toCommonJS4 = (mod) => __copyProps4(__defProp4({}, "__esModule", { value: true }), mod);
+    function_exports2 = {};
+    __export4(function_exports2, {
+      debounce: () => debounce,
+      memoize: () => memoize
+    });
+    module.exports = __toCommonJS4(function_exports2);
+    debounce = (element, func, timeout = 300) => {
+      let timer;
+      return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          func.apply(element, args);
+        }, timeout);
+      };
+    };
+    memoize = (fn) => {
+      const cache = {};
+      return (...args) => {
+        const n = args[0];
+        if (n in cache) {
+          return cache[n];
+        } else {
+          const result = fn(n);
+          cache[n] = result;
+          return result;
+        }
+      };
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/array.js
+var array_exports = {};
+var init_array = __esm({
+  "../../node_modules/@domql/utils/dist/array.js"() {
+    "use strict";
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/node.js
+var node_exports = {};
+var __defProp5, __getOwnPropDesc5, __getOwnPropNames5, __hasOwnProp5, __export5, __copyProps5, __toCommonJS5, node_exports2, cleanWithNode, createID, createSnapshotId;
+var init_node = __esm({
+  "../../node_modules/@domql/utils/dist/node.js"() {
+    "use strict";
+    __defProp5 = Object.defineProperty;
+    __getOwnPropDesc5 = Object.getOwnPropertyDescriptor;
+    __getOwnPropNames5 = Object.getOwnPropertyNames;
+    __hasOwnProp5 = Object.prototype.hasOwnProperty;
+    __export5 = (target, all) => {
+      for (var name in all)
+        __defProp5(target, name, { get: all[name], enumerable: true });
+    };
+    __copyProps5 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames5(from))
+          if (!__hasOwnProp5.call(to, key) && key !== except)
+            __defProp5(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc5(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    __toCommonJS5 = (mod) => __copyProps5(__defProp5({}, "__esModule", { value: true }), mod);
+    node_exports2 = {};
+    __export5(node_exports2, {
+      cleanWithNode: () => cleanWithNode,
+      createID: () => createID,
+      createSnapshotId: () => createSnapshotId
+    });
+    module.exports = __toCommonJS5(node_exports2);
+    cleanWithNode = (extend) => delete extend.node && extend;
+    createID = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    createSnapshotId = createID;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/log.js
+var log_exports = {};
+var __defProp6, __getOwnPropDesc6, __getOwnPropNames6, __hasOwnProp6, __export6, __copyProps6, __toCommonJS6, log_exports2, logIf, logGroupIf;
+var init_log = __esm({
+  "../../node_modules/@domql/utils/dist/log.js"() {
+    "use strict";
+    __defProp6 = Object.defineProperty;
+    __getOwnPropDesc6 = Object.getOwnPropertyDescriptor;
+    __getOwnPropNames6 = Object.getOwnPropertyNames;
+    __hasOwnProp6 = Object.prototype.hasOwnProperty;
+    __export6 = (target, all) => {
+      for (var name in all)
+        __defProp6(target, name, { get: all[name], enumerable: true });
+    };
+    __copyProps6 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames6(from))
+          if (!__hasOwnProp6.call(to, key) && key !== except)
+            __defProp6(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc6(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    __toCommonJS6 = (mod) => __copyProps6(__defProp6({}, "__esModule", { value: true }), mod);
+    log_exports2 = {};
+    __export6(log_exports2, {
+      logGroupIf: () => logGroupIf,
+      logIf: () => logIf
+    });
+    module.exports = __toCommonJS6(log_exports2);
+    logIf = (bool, ...arg) => {
+      if (bool)
+        arg.map((v) => console.log(v));
+    };
+    logGroupIf = (bool, key, ...arg) => {
+      if (bool) {
+        console.group(key);
+        arg.map((v) => console.log(v));
+        console.groupEnd(key);
+      }
+    };
+  }
+});
+
 // src/index.js
 var src_exports = {};
 __export(src_exports, {
@@ -124,258 +814,29 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../../node_modules/@domql/globals/index.js
-var window2 = globalThis;
-var document2 = window2.document;
-
-// ../../node_modules/@domql/utils/types.js
-var isObject = (arg) => {
-  if (arg === null)
-    return false;
-  return typeof arg === "object" && arg.constructor === Object;
-};
-var isString = (arg) => typeof arg === "string";
-var isNumber = (arg) => typeof arg === "number";
-var isFunction = (arg) => typeof arg === "function";
-var isBoolean = (arg) => arg === true || arg === false;
-var isNull = (arg) => arg === null;
-var isArray = (arg) => Array.isArray(arg);
-var isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
-  return typeof arg === "object";
-};
-var isDefined = (arg) => {
-  return isObject(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isNull(arg);
-};
-
-// ../../node_modules/@domql/utils/object.js
-var exec = (param, element, state) => {
-  if (isFunction(param))
-    return param(element, state || element.state);
-  return param;
-};
-var map = (obj2, extention, element) => {
-  for (const e in extention) {
-    obj2[e] = exec(extention[e], element);
-  }
-};
-var merge = (element, obj2) => {
-  for (const e in obj2) {
-    const elementProp = element[e];
-    const objProp2 = obj2[e];
-    if (elementProp === void 0) {
-      element[e] = objProp2;
-    }
-  }
-  return element;
-};
-var deepMerge = (element, extend) => {
-  for (const e in extend) {
-    const elementProp = element[e];
-    const extendProp = extend[e];
-    if (e === "parent" || e === "props")
-      continue;
-    if (elementProp === void 0) {
-      element[e] = extendProp;
-    } else if (isObjectLike(elementProp) && isObject(extendProp)) {
-      deepMerge(elementProp, extendProp);
-    }
-  }
-  return element;
-};
-var clone = (obj2) => {
-  const o = {};
-  for (const prop2 in obj2) {
-    if (prop2 === "node")
-      continue;
-    o[prop2] = obj2[prop2];
-  }
-  return o;
-};
-var deepCloneExclude = (obj2, exclude = []) => {
-  if (isArray(obj2)) {
-    return obj2.map((x) => deepCloneExclude(x, exclude));
-  }
-  const o = {};
-  for (const k in obj2) {
-    if (exclude.indexOf(k) > -1)
-      continue;
-    let v = obj2[k];
-    if (k === "extend" && isArray(v)) {
-      v = mergeArrayExclude(v, exclude);
-    }
-    if (isArray(v)) {
-      o[k] = v.map((x) => deepCloneExclude(x, exclude));
-    } else if (isObject(v)) {
-      o[k] = deepCloneExclude(v, exclude);
-    } else
-      o[k] = v;
-  }
-  return o;
-};
-var mergeArrayExclude = (arr, excl = []) => {
-  return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
-};
-var deepClone = (obj2) => {
-  if (isArray(obj2)) {
-    return obj2.map(deepClone);
-  }
-  const o = {};
-  for (const prop2 in obj2) {
-    let objProp2 = obj2[prop2];
-    if (prop2 === "extend" && isArray(objProp2)) {
-      objProp2 = mergeArray(objProp2);
-    }
-    if (isArray(objProp2)) {
-      o[prop2] = objProp2.map((v) => isObject(v) ? deepClone(v) : v);
-    } else if (isObject(objProp2)) {
-      o[prop2] = deepClone(objProp2);
-    } else
-      o[prop2] = objProp2;
-  }
-  return o;
-};
-var deepStringify = (obj2, stringified2 = {}) => {
-  for (const prop2 in obj2) {
-    const objProp2 = obj2[prop2];
-    if (isFunction(objProp2)) {
-      stringified2[prop2] = objProp2.toString();
-    } else if (isObject(objProp2)) {
-      stringified2[prop2] = {};
-      deepStringify(objProp2[prop2], stringified2[prop2]);
-    } else if (isArray(objProp2)) {
-      stringified2[prop2] = [];
-      objProp2.map((v, i) => deepStringify(v, stringified2[prop2][i]));
-    } else
-      stringified2[prop2] = objProp2;
-  }
-  return stringified2;
-};
-var deepDestringify = (obj, stringified = {}) => {
-  for (const prop in obj) {
-    const objProp = obj[prop];
-    if (isString(objProp)) {
-      if (objProp.includes("=>") || objProp.includes("function") || objProp[0] === "(") {
-        try {
-          const evalProp = eval(objProp);
-          stringified[prop] = evalProp;
-        } catch (e) {
-          if (e)
-            stringified[prop] = objProp;
-        }
-      }
-    } else
-      stringified[prop] = objProp;
-    if (isObject(objProp))
-      deepDestringify(stringified[prop], stringified[prop]);
-  }
-  return stringified;
-};
-var overwrite = (element, params, options) => {
-  const { ref } = element;
-  const changes = {};
-  for (const e in params) {
-    if (e === "props")
-      continue;
-    const elementProp = element[e];
-    const paramsProp = params[e];
-    if (paramsProp) {
-      ref.__cache[e] = changes[e] = elementProp;
-      ref[e] = paramsProp;
-    }
-  }
-  return changes;
-};
-var diff = (obj2, original, cache) => {
-  const changes = cache || {};
-  for (const e in obj2) {
-    if (e === "ref")
-      continue;
-    const originalProp = original[e];
-    const objProp2 = obj2[e];
-    if (isObjectLike(originalProp) && isObjectLike(objProp2)) {
-      changes[e] = {};
-      diff(originalProp, objProp2, changes[e]);
-    } else if (objProp2 !== void 0) {
-      changes[e] = objProp2;
-    }
-  }
-  return changes;
-};
-var overwriteObj = (params, obj2) => {
-  const changes = {};
-  for (const e in params) {
-    const objProp2 = obj2[e];
-    const paramsProp = params[e];
-    if (paramsProp) {
-      obj2[e] = changes[e] = objProp2;
-    }
-  }
-  return changes;
-};
-var overwriteDeep = (params, obj2) => {
-  for (const e in params) {
-    const objProp2 = obj2[e];
-    const paramsProp = params[e];
-    if (isObjectLike(objProp2) && isObjectLike(paramsProp)) {
-      overwriteDeep(objProp2, paramsProp);
-    } else if (paramsProp !== void 0) {
-      obj2[e] = paramsProp;
-    }
-  }
-  return obj2;
-};
-var mergeIfExisted = (a, b) => {
-  if (isObjectLike(a) && isObjectLike(b))
-    return deepMerge(a, b);
-  return a || b;
-};
-var mergeArray = (arr) => {
-  return arr.reduce((a, c) => deepMerge(a, deepClone(c)), {});
-};
-var mergeAndCloneIfArray = (obj2) => {
-  return isArray(obj2) ? mergeArray(obj2) : deepClone(obj2);
-};
-var flattenRecursive = (param, prop2, stack = []) => {
-  const objectized = mergeAndCloneIfArray(param);
-  stack.push(objectized);
-  const extendOfExtend = objectized[prop2];
-  if (extendOfExtend)
-    flattenRecursive(extendOfExtend, prop2, stack);
-  delete objectized[prop2];
-  return stack;
-};
-var isEqualDeep = (param, element) => {
-  if (param === element)
-    return true;
-  if (!param || !element)
-    return false;
-  for (const prop2 in param) {
-    const paramProp = param[prop2];
-    const elementProp = element[prop2];
-    if (isObjectLike(paramProp)) {
-      const isEqual = isEqualDeep(paramProp, elementProp);
-      if (!isEqual)
-        return false;
-    } else {
-      const isEqual = paramProp === elementProp;
-      if (!isEqual)
-        return false;
-    }
+// ../../node_modules/@domql/utils/dist/index.js
+var __defProp7 = Object.defineProperty;
+var __getOwnPropDesc7 = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames7 = Object.getOwnPropertyNames;
+var __hasOwnProp7 = Object.prototype.hasOwnProperty;
+var __copyProps7 = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames7(from))
+      if (!__hasOwnProp7.call(to, key) && key !== except)
+        __defProp7(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc7(from, key)) || desc.enumerable });
   }
-  return true;
+  return to;
 };
-
-// ../../node_modules/@domql/utils/node.js
-var createID = function() {
-  let index = 0;
-  function newId() {
-    index++;
-    return index;
-  }
-  return newId;
-}();
+var __reExport = (target, mod, secondTarget) => (__copyProps7(target, mod, "default"), secondTarget && __copyProps7(secondTarget, mod, "default"));
+var __toCommonJS7 = (mod) => __copyProps7(__defProp7({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+module.exports = __toCommonJS7(utils_exports);
+__reExport(utils_exports, (init_types(), __toCommonJS(types_exports)), module.exports);
+__reExport(utils_exports, (init_object(), __toCommonJS(object_exports)), module.exports);
+__reExport(utils_exports, (init_function(), __toCommonJS(function_exports)), module.exports);
+__reExport(utils_exports, (init_array(), __toCommonJS(array_exports)), module.exports);
+__reExport(utils_exports, (init_node(), __toCommonJS(node_exports)), module.exports);
+__reExport(utils_exports, (init_log(), __toCommonJS(log_exports)), module.exports);
 
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
@@ -503,6 +964,7 @@ var arrayze = (val) => {
 var isFunction2 = (arg) => typeof arg === "function";
 
 // src/utils/color.js
+init_globals();
 var ENV = "development";
 var colorStringToRgbaArray = (color) => {
   if (color === "")
@@ -786,7 +1248,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if (isString(value) && value.slice(0, 2) === "--")
+  if ((void 0)(value) && value.slice(0, 2) === "--")
     return `var(${value})`;
   const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
@@ -852,7 +1314,7 @@ var findHeadings = (propertyNames) => {
 var setVariables = (result, key) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
-  if (isObjectLike(result.value)) {
+  if ((void 0)(result.value)) {
   } else {
     CSS_VARS2[result.var] = result.value;
   }
@@ -897,7 +1359,7 @@ var generateSprite = (icons) => {
   return sprite;
 };
 var parseRootAttributes = (htmlString) => {
-  if (!isString(htmlString)) {
+  if (!(void 0)(htmlString)) {
     return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
   }
   let match = htmlString.match(/<svg\s+(.*?)>/);
@@ -930,8 +1392,8 @@ var convertSvgToSymbol = (key, code) => {
 // src/defaultConfig/font-family.js
 var FONT_FAMILY = {};
 var FONT_FAMILY_TYPES = {
-  serif: "Helvetica, Arial, sans-serif, --system-default",
-  "sans-serif": "Times New Roman, Georgia, serif, --system-default",
+  "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 = getFontFace(FONT_FAMILY);
@@ -1043,20 +1505,20 @@ var CONFIG = {
   CSS_VARS,
   ...defaultConfig_exports
 };
-var cachedConfig = deepClone(CONFIG);
+var cachedConfig = (void 0)(CONFIG);
 var FACTORY = {
   active: "0",
   0: CONFIG
 };
 var activateConfig = (def) => {
-  if (isDefined(def)) {
+  if ((void 0)(def)) {
     FACTORY.active = def;
   }
   return FACTORY[def || FACTORY.active];
 };
 var getActiveConfig = (def) => {
-  if (isDefined(def) && !FACTORY[def]) {
-    FACTORY[def] = deepClone(cachedConfig);
+  if ((void 0)(def) && !FACTORY[def]) {
+    FACTORY[def] = (void 0)(cachedConfig);
     return FACTORY[def];
   }
   return FACTORY[def || FACTORY.active];
@@ -1068,7 +1530,7 @@ var setActiveConfig = (def) => {
 // src/system/color.js
 var getColor = (value, key) => {
   const CONFIG2 = getActiveConfig();
-  if (!isString(value)) {
+  if (!(void 0)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
@@ -1077,7 +1539,7 @@ var getColor = (value, key) => {
     return `var(${value})`;
   if (key && value[key])
     value = value[key];
-  const [name, alpha, tone] = isArray(value) ? value : value.split(" ");
+  const [name, alpha, tone] = (void 0)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   let val = COLOR2[name] || GRADIENT2[name];
   if (!val) {
@@ -1119,17 +1581,17 @@ var getMediaColor = (value, property, globalTheme) => {
   const CONFIG2 = getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
-  if (!isString(value)) {
+  if (!(void 0)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
   }
   if (value.slice(0, 2) === "--")
     return { [property]: `var(${value})` };
-  const [name] = isArray(value) ? value : value.split(" ");
+  const [name] = (void 0)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = isObject(val);
+  const isObj = (void 0)(val);
   if (isObj && val.value)
     return { [property]: getColor(value, globalTheme) };
   else if (isObj) {
@@ -1152,15 +1614,15 @@ var getMediaColor = (value, property, globalTheme) => {
 };
 var setColor = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if (isString(val) && val.slice(0, 2) === "--")
+  if ((void 0)(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if (isArray(val)) {
+  if ((void 0)(val)) {
     return {
       "@light": setColor(val[0], key, "light"),
       "@dark": setColor(val[1], key, "dark")
     };
   }
-  if (isObject(val)) {
+  if ((void 0)(val)) {
     const obj2 = {};
     for (const variant in val)
       obj2[variant] = setColor(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -1183,15 +1645,15 @@ var setColor = (val, key, suffix) => {
 };
 var setGradient = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if (isString(val) && val.slice(0, 2) === "--")
+  if ((void 0)(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if (isArray(val)) {
+  if ((void 0)(val)) {
     return {
       "@light": setGradient(val[0], key, "light"),
       "@dark": setGradient(val[0], key, "dark")
     };
   }
-  if (isObject(val)) {
+  if ((void 0)(val)) {
     const obj2 = {};
     for (const variant in val)
       obj2[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -1230,7 +1692,7 @@ var getTheme = (value, modifier) => {
   if (CONFIG2.useVariable)
     return getMediaTheme(value, modifier);
   const { THEME: THEME2 } = CONFIG2;
-  if (isString(value)) {
+  if ((void 0)(value)) {
     const [theme, subtheme] = value.split(" ");
     const isOurTheme = THEME2[theme];
     if (isOurTheme) {
@@ -1239,7 +1701,7 @@ var getTheme = (value, modifier) => {
       value = [theme, subtheme || modifier];
     }
   }
-  if (isObjectLike(value) && value[1]) {
+  if ((void 0)(value) && value[1]) {
     const themeName = value[0];
     const subThemeName = value[1];
     const { helpers, media, state } = THEME2[themeName];
@@ -1249,11 +1711,11 @@ var getTheme = (value, modifier) => {
       return getThemeValue(helpers[subThemeName]);
     if (state && state[subThemeName])
       return getThemeValue(state[subThemeName]);
-  } else if (isObject(value))
+  } else if ((void 0)(value))
     return setThemeValue(value);
 };
 var setInverseTheme = (theme, variant, value) => {
-  if (isObject(variant)) {
+  if ((void 0)(variant)) {
     theme.variants.inverse.value = setThemeValue(variant);
   } else if (variant === true) {
     const { color, background } = value;
@@ -1268,7 +1730,7 @@ var setInverseTheme = (theme, variant, value) => {
 var setPseudo = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`&:${key}`] = result;
-  if (isObject(variant) && !variant.value)
+  if ((void 0)(variant) && !variant.value)
     variant.value = result;
 };
 var setSelectors = (theme, value) => {
@@ -1286,7 +1748,7 @@ var setSelectors = (theme, value) => {
 var setPrefersScheme = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-  if (isObject(variant) && !variant.value)
+  if ((void 0)(variant) && !variant.value)
     variant.value = result;
 };
 var setMedia = (theme, value) => {
@@ -1312,7 +1774,7 @@ var setHelpers = (theme, value) => {
   const keys = Object.keys(helpers);
   keys.map((key) => {
     const helper = helpers[key];
-    if (isString(helper))
+    if ((void 0)(helper))
       helpers[key] = CONFIG2.THEME[helper];
     else
       getThemeValue(helpers[key]);
@@ -1336,7 +1798,7 @@ var setMediaTheme = (val, key, suffix, prefers) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
   const theme = { value: val };
-  if (isObjectLike(val)) {
+  if ((void 0)(val)) {
     for (const param in val) {
       const symb = param.slice(0, 1);
       const value = val[param];
@@ -1364,7 +1826,7 @@ var setMediaTheme = (val, key, suffix, prefers) => {
       };
     }
   }
-  if (isString(val) && val.slice(0, 2) === "--") {
+  if ((void 0)(val) && val.slice(0, 2) === "--") {
     const { THEME: THEME2 } = CONFIG2;
     const value = THEME2[val.slice(2)];
     const getReferenced = getMediaTheme(value, prefers);
@@ -1377,7 +1839,7 @@ var recursiveTheme = (val) => {
   const obj2 = {};
   for (const param in val) {
     const symb = param.slice(0, 1);
-    if (isObjectLike(val[param])) {
+    if ((void 0)(val[param])) {
       if (symb === "@") {
         const query = CONFIG2.MEDIA[param.slice(1)];
         const media = `@media screen and ${query}`;
@@ -1397,23 +1859,23 @@ var findModifierFromArray = (val, modifierArray) => {
   return val;
 };
 var findModifier = (val, modifier) => {
-  if (isArray(modifier))
+  if ((void 0)(modifier))
     return findModifierFromArray(val, modifier);
-  else if (isString(modifier) && val[modifier])
+  else if ((void 0)(modifier) && val[modifier])
     return val[modifier];
   else
     return val;
 };
 var getMediaTheme = (val, mod) => {
   const CONFIG2 = getActiveConfig();
-  if (isString(val) && val.slice(0, 2) === "--")
+  if ((void 0)(val) && val.slice(0, 2) === "--")
     val = getMediaTheme(val.slice(2));
-  if (!val || !isString(val)) {
+  if (!val || !(void 0)(val)) {
     if (CONFIG2.verbose)
       console.warn(val, "- theme is not string");
     return;
   }
-  const [name, ...modifier] = isArray(val) ? val : val.split(" ");
+  const [name, ...modifier] = (void 0)(val) ? val : val.split(" ");
   let value = CONFIG2.THEME[name];
   if (value && (modifier || mod)) {
     value = findModifier(value, modifier.length ? modifier : mod);
@@ -1439,7 +1901,7 @@ var setFontFamily = (val, key) => {
   let { value, type } = val;
   if (val.isDefault)
     FONT_FAMILY2.default = key;
-  if (isObject(value))
+  if ((void 0)(value))
     value = arrayze(value);
   const CSSvar = `--font-family-${key}`;
   const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
@@ -1559,7 +2021,7 @@ var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
   const stack = arrayze(value);
   if (!stack)
     return;
-  if (isString(value) && value.includes("calc")) {
+  if ((void 0)(value) && value.includes("calc")) {
     return { [propertyName]: value };
   }
   if (stack.length > 1) {
@@ -1652,6 +2114,7 @@ var applyDocument = () => {
 };
 
 // src/system/svg.js
+init_globals();
 var DEF_OPTIONS = {
   document: document2
 };
@@ -1720,7 +2183,7 @@ var applyReset = (reset = {}) => {
       configReset.h6 = configTemplates.h6;
     }
     const { body, ...templates } = TYPOGRAPHY2.templates;
-    return deepMerge(merge(RESET2, reset), {
+    return (void 0)((void 0)(RESET2, reset), {
       html: {
         position: "absolute",
         overflow: "hidden",