@symbo.ls/scratch 2.10.121 → 2.10.123

package/dist/index.cjs.js

@@ -3,9 +3,6 @@ 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 });
@@ -20,693 +17,6 @@ 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, {
@@ -814,29 +124,258 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../../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 });
+// ../../../domql/packages/globals/index.js
+var window2 = globalThis;
+var document2 = window2.document;
+
+// ../../../domql/packages/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);
+};
+
+// ../../../domql/packages/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);
   }
-  return to;
 };
-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);
+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;
+    }
+  }
+  return true;
+};
+
+// ../../../domql/packages/utils/node.js
+var createID = function() {
+  let index = 0;
+  function newId() {
+    index++;
+    return index;
+  }
+  return newId;
+}();
 
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
@@ -964,7 +503,6 @@ var arrayze = (val) => {
 var isFunction2 = (arg) => typeof arg === "function";
 
 // src/utils/color.js
-init_globals();
 var ENV = "development";
 var colorStringToRgbaArray = (color) => {
   if (color === "")
@@ -1248,7 +786,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if ((void 0)(value) && value.slice(0, 2) === "--")
+  if (isString(value) && value.slice(0, 2) === "--")
     return `var(${value})`;
   const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
@@ -1314,7 +852,7 @@ var findHeadings = (propertyNames) => {
 var setVariables = (result, key) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
-  if ((void 0)(result.value)) {
+  if (isObjectLike(result.value)) {
   } else {
     CSS_VARS2[result.var] = result.value;
   }
@@ -1359,7 +897,7 @@ var generateSprite = (icons) => {
   return sprite;
 };
 var parseRootAttributes = (htmlString) => {
-  if (!(void 0)(htmlString)) {
+  if (!isString(htmlString)) {
     return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
   }
   let match = htmlString.match(/<svg\s+(.*?)>/);
@@ -1505,20 +1043,20 @@ var CONFIG = {
   CSS_VARS,
   ...defaultConfig_exports
 };
-var cachedConfig = (void 0)(CONFIG);
+var cachedConfig = deepClone(CONFIG);
 var FACTORY = {
   active: "0",
   0: CONFIG
 };
 var activateConfig = (def) => {
-  if ((void 0)(def)) {
+  if (isDefined(def)) {
     FACTORY.active = def;
   }
   return FACTORY[def || FACTORY.active];
 };
 var getActiveConfig = (def) => {
-  if ((void 0)(def) && !FACTORY[def]) {
-    FACTORY[def] = (void 0)(cachedConfig);
+  if (isDefined(def) && !FACTORY[def]) {
+    FACTORY[def] = deepClone(cachedConfig);
     return FACTORY[def];
   }
   return FACTORY[def || FACTORY.active];
@@ -1530,7 +1068,7 @@ var setActiveConfig = (def) => {
 // src/system/color.js
 var getColor = (value, key) => {
   const CONFIG2 = getActiveConfig();
-  if (!(void 0)(value)) {
+  if (!isString(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
@@ -1539,7 +1077,7 @@ var getColor = (value, key) => {
     return `var(${value})`;
   if (key && value[key])
     value = value[key];
-  const [name, alpha, tone] = (void 0)(value) ? value : value.split(" ");
+  const [name, alpha, tone] = isArray(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   let val = COLOR2[name] || GRADIENT2[name];
   if (!val) {
@@ -1581,17 +1119,17 @@ var getMediaColor = (value, property, globalTheme) => {
   const CONFIG2 = getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
-  if (!(void 0)(value)) {
+  if (!isString(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] = (void 0)(value) ? value : value.split(" ");
+  const [name] = isArray(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = (void 0)(val);
+  const isObj = isObject(val);
   if (isObj && val.value)
     return { [property]: getColor(value, globalTheme) };
   else if (isObj) {
@@ -1614,15 +1152,15 @@ var getMediaColor = (value, property, globalTheme) => {
 };
 var setColor = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((void 0)(val) && val.slice(0, 2) === "--")
+  if (isString(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if ((void 0)(val)) {
+  if (isArray(val)) {
     return {
       "@light": setColor(val[0], key, "light"),
       "@dark": setColor(val[1], key, "dark")
     };
   }
-  if ((void 0)(val)) {
+  if (isObject(val)) {
     const obj2 = {};
     for (const variant in val)
       obj2[variant] = setColor(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -1645,15 +1183,15 @@ var setColor = (val, key, suffix) => {
 };
 var setGradient = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((void 0)(val) && val.slice(0, 2) === "--")
+  if (isString(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if ((void 0)(val)) {
+  if (isArray(val)) {
     return {
       "@light": setGradient(val[0], key, "light"),
       "@dark": setGradient(val[0], key, "dark")
     };
   }
-  if ((void 0)(val)) {
+  if (isObject(val)) {
     const obj2 = {};
     for (const variant in val)
       obj2[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -1692,7 +1230,7 @@ var getTheme = (value, modifier) => {
   if (CONFIG2.useVariable)
     return getMediaTheme(value, modifier);
   const { THEME: THEME2 } = CONFIG2;
-  if ((void 0)(value)) {
+  if (isString(value)) {
     const [theme, subtheme] = value.split(" ");
     const isOurTheme = THEME2[theme];
     if (isOurTheme) {
@@ -1701,7 +1239,7 @@ var getTheme = (value, modifier) => {
       value = [theme, subtheme || modifier];
     }
   }
-  if ((void 0)(value) && value[1]) {
+  if (isObjectLike(value) && value[1]) {
     const themeName = value[0];
     const subThemeName = value[1];
     const { helpers, media, state } = THEME2[themeName];
@@ -1711,11 +1249,11 @@ var getTheme = (value, modifier) => {
       return getThemeValue(helpers[subThemeName]);
     if (state && state[subThemeName])
       return getThemeValue(state[subThemeName]);
-  } else if ((void 0)(value))
+  } else if (isObject(value))
     return setThemeValue(value);
 };
 var setInverseTheme = (theme, variant, value) => {
-  if ((void 0)(variant)) {
+  if (isObject(variant)) {
     theme.variants.inverse.value = setThemeValue(variant);
   } else if (variant === true) {
     const { color, background } = value;
@@ -1730,7 +1268,7 @@ var setInverseTheme = (theme, variant, value) => {
 var setPseudo = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`&:${key}`] = result;
-  if ((void 0)(variant) && !variant.value)
+  if (isObject(variant) && !variant.value)
     variant.value = result;
 };
 var setSelectors = (theme, value) => {
@@ -1748,7 +1286,7 @@ var setSelectors = (theme, value) => {
 var setPrefersScheme = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-  if ((void 0)(variant) && !variant.value)
+  if (isObject(variant) && !variant.value)
     variant.value = result;
 };
 var setMedia = (theme, value) => {
@@ -1774,7 +1312,7 @@ var setHelpers = (theme, value) => {
   const keys = Object.keys(helpers);
   keys.map((key) => {
     const helper = helpers[key];
-    if ((void 0)(helper))
+    if (isString(helper))
       helpers[key] = CONFIG2.THEME[helper];
     else
       getThemeValue(helpers[key]);
@@ -1798,7 +1336,7 @@ var setMediaTheme = (val, key, suffix, prefers) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
   const theme = { value: val };
-  if ((void 0)(val)) {
+  if (isObjectLike(val)) {
     for (const param in val) {
       const symb = param.slice(0, 1);
       const value = val[param];
@@ -1826,7 +1364,7 @@ var setMediaTheme = (val, key, suffix, prefers) => {
       };
     }
   }
-  if ((void 0)(val) && val.slice(0, 2) === "--") {
+  if (isString(val) && val.slice(0, 2) === "--") {
     const { THEME: THEME2 } = CONFIG2;
     const value = THEME2[val.slice(2)];
     const getReferenced = getMediaTheme(value, prefers);
@@ -1839,7 +1377,7 @@ var recursiveTheme = (val) => {
   const obj2 = {};
   for (const param in val) {
     const symb = param.slice(0, 1);
-    if ((void 0)(val[param])) {
+    if (isObjectLike(val[param])) {
       if (symb === "@") {
         const query = CONFIG2.MEDIA[param.slice(1)];
         const media = `@media screen and ${query}`;
@@ -1859,23 +1397,23 @@ var findModifierFromArray = (val, modifierArray) => {
   return val;
 };
 var findModifier = (val, modifier) => {
-  if ((void 0)(modifier))
+  if (isArray(modifier))
     return findModifierFromArray(val, modifier);
-  else if ((void 0)(modifier) && val[modifier])
+  else if (isString(modifier) && val[modifier])
     return val[modifier];
   else
     return val;
 };
 var getMediaTheme = (val, mod) => {
   const CONFIG2 = getActiveConfig();
-  if ((void 0)(val) && val.slice(0, 2) === "--")
+  if (isString(val) && val.slice(0, 2) === "--")
     val = getMediaTheme(val.slice(2));
-  if (!val || !(void 0)(val)) {
+  if (!val || !isString(val)) {
     if (CONFIG2.verbose)
       console.warn(val, "- theme is not string");
     return;
   }
-  const [name, ...modifier] = (void 0)(val) ? val : val.split(" ");
+  const [name, ...modifier] = isArray(val) ? val : val.split(" ");
   let value = CONFIG2.THEME[name];
   if (value && (modifier || mod)) {
     value = findModifier(value, modifier.length ? modifier : mod);
@@ -1901,7 +1439,7 @@ var setFontFamily = (val, key) => {
   let { value, type } = val;
   if (val.isDefault)
     FONT_FAMILY2.default = key;
-  if ((void 0)(value))
+  if (isObject(value))
     value = arrayze(value);
   const CSSvar = `--font-family-${key}`;
   const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
@@ -2021,7 +1559,7 @@ var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
   const stack = arrayze(value);
   if (!stack)
     return;
-  if ((void 0)(value) && value.includes("calc")) {
+  if (isString(value) && value.includes("calc")) {
     return { [propertyName]: value };
   }
   if (stack.length > 1) {
@@ -2114,11 +1652,12 @@ var applyDocument = () => {
 };
 
 // src/system/svg.js
-init_globals();
 var DEF_OPTIONS = {
   document: document2
 };
 var setSVG = (val, key) => {
+  if (!val)
+    return console.log("setSVG: val is not defined");
   const CONFIG2 = getActiveConfig();
   if (CONFIG2.useSvgSprite) {
     return convertSvgToSymbol(key, val);
@@ -2183,7 +1722,7 @@ var applyReset = (reset = {}) => {
       configReset.h6 = configTemplates.h6;
     }
     const { body, ...templates } = TYPOGRAPHY2.templates;
-    return (void 0)((void 0)(RESET2, reset), {
+    return deepMerge(merge(RESET2, reset), {
       html: {
         position: "absolute",
         overflow: "hidden",