@symbo.ls/create 2.11.258 → 2.11.259

package/dist/cjs/bundle/index.js

@@ -31,9 +31,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../../domql/packages/utils/dist/cjs/key.js
+// ../../node_modules/@domql/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -58,7 +58,7 @@ var require_key = __commonJS({
       generateKey: () => generateKey
     });
     module2.exports = __toCommonJS2(key_exports);
-    var generateKey = function() {
+    var generateKey = /* @__PURE__ */ function() {
       let index = 0;
       function newId() {
         index++;
@@ -70,9 +70,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/env.js
+// ../../node_modules/@domql/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -108,9 +108,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/globals.js
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -144,9 +144,9 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/node.js
+// ../../node_modules/@domql/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -181,9 +181,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/types.js
+// ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -271,9 +271,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/array.js
+// ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -384,9 +384,9 @@ var require_array = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/string.js
+// ../../node_modules/@domql/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -449,9 +449,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/object.js
+// ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -498,7 +498,7 @@ var require_object = __commonJS({
       mergeIfExisted: () => mergeIfExisted,
       objectToString: () => objectToString,
       overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep,
+      overwriteDeep: () => overwriteDeep2,
       overwriteShallow: () => overwriteShallow2,
       removeFromObject: () => removeFromObject,
       stringToObject: () => stringToObject
@@ -861,7 +861,7 @@ var require_object = __commonJS({
       }
       return obj;
     };
-    var overwriteDeep = (obj, params, excludeFrom = []) => {
+    var overwriteDeep2 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
         if (e === "__proto__")
           continue;
@@ -870,7 +870,7 @@ var require_object = __commonJS({
         const objProp = obj[e];
         const paramsProp = params[e];
         if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          overwriteDeep(objProp, paramsProp);
+          overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -959,9 +959,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/function.js
+// ../../node_modules/@domql/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1034,9 +1034,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/log.js
+// ../../node_modules/@domql/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1075,9 +1075,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/cookie.js
+// ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1131,9 +1131,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/tags.js
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1296,9 +1296,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/index.js
+// ../../node_modules/@domql/utils/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1365,7 +1365,7 @@ var require_cjs2 = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var require_cjs15 = __commonJS2({
+    var require_cjs13 = __commonJS2({
       "../../node_modules/@domql/globals/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1399,8 +1399,8 @@ var require_cjs2 = __commonJS({
         var document4 = window22.document;
       }
     });
-    var require_key3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
+    var require_key2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1425,7 +1425,7 @@ var require_cjs2 = __commonJS({
           generateKey: () => generateKey
         });
         module22.exports = __toCommonJS22(key_exports);
-        var generateKey = function() {
+        var generateKey = /* @__PURE__ */ function() {
           let index = 0;
           function newId() {
             index++;
@@ -1436,8 +1436,8 @@ var require_cjs2 = __commonJS({
         var createSnapshotId = generateKey;
       }
     });
-    var require_env3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
+    var require_env2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1472,8 +1472,8 @@ var require_cjs2 = __commonJS({
         var getNev = (key, env = NODE_ENV) => env[key];
       }
     });
-    var require_globals3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
+    var require_globals2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1506,8 +1506,8 @@ var require_cjs2 = __commonJS({
         var document4 = window22.document;
       }
     });
-    var require_node4 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
+    var require_node3 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1532,7 +1532,7 @@ var require_cjs2 = __commonJS({
           isNode: () => isNode
         });
         module22.exports = __toCommonJS22(node_exports);
-        var import_globals3 = require_globals3();
+        var import_globals3 = require_globals2();
         var isNode = (obj) => {
           return (typeof Node === "object" ? obj instanceof import_globals3.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
         };
@@ -1541,8 +1541,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_types3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
+    var require_types2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1579,7 +1579,7 @@ var require_cjs2 = __commonJS({
           isUndefined: () => isUndefined5
         });
         module22.exports = __toCommonJS22(types_exports);
-        var import_node = require_node4();
+        var import_node = require_node3();
         var isObject82 = (arg) => {
           if (arg === null)
             return false;
@@ -1629,8 +1629,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_array3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
+    var require_array2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1664,8 +1664,8 @@ var require_cjs2 = __commonJS({
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
-        var import_object = require_object4();
-        var import_types = require_types3();
+        var import_object = require_object3();
+        var import_types = require_types2();
         var arrayContainsOtherArray = (arr1, arr2) => {
           return arr2.every((val) => arr1.includes(val));
         };
@@ -1740,8 +1740,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_string3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
+    var require_string2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1803,8 +1803,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_object4 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
+    var require_object3 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1857,10 +1857,10 @@ var require_cjs2 = __commonJS({
           stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
-        var import_globals3 = require_globals3();
-        var import_types = require_types3();
-        var import_array = require_array3();
-        var import_string = require_string3();
+        var import_globals3 = require_globals2();
+        var import_types = require_types2();
+        var import_array = require_array2();
+        var import_string = require_string2();
         var exec4 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param(
@@ -2311,8 +2311,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_function3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
+    var require_function2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2384,8 +2384,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_log3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
+    var require_log2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2423,8 +2423,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_cookie3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
+    var require_cookie2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2450,7 +2450,7 @@ var require_cjs2 = __commonJS({
           setCookie: () => setCookie
         });
         module22.exports = __toCommonJS22(cookie_exports);
-        var import_types = require_types3();
+        var import_types = require_types2();
         var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
         var setCookie = (cname, cvalue, exdays = 365) => {
           if ((0, import_types.isUndefined)(document) || (0, import_types.isUndefined)(document.cookie))
@@ -2477,8 +2477,8 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_tags4 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
+    var require_tags3 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2641,7 +2641,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_cjs22 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2659,18 +2659,18 @@ var require_cjs2 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var utils_exports2 = {};
         module22.exports = __toCommonJS22(utils_exports2);
-        __reExport2(utils_exports2, require_key3(), module22.exports);
-        __reExport2(utils_exports2, require_env3(), module22.exports);
-        __reExport2(utils_exports2, require_types3(), module22.exports);
-        __reExport2(utils_exports2, require_object4(), module22.exports);
-        __reExport2(utils_exports2, require_function3(), module22.exports);
-        __reExport2(utils_exports2, require_array3(), module22.exports);
-        __reExport2(utils_exports2, require_node4(), module22.exports);
-        __reExport2(utils_exports2, require_log3(), module22.exports);
-        __reExport2(utils_exports2, require_string3(), module22.exports);
-        __reExport2(utils_exports2, require_globals3(), module22.exports);
-        __reExport2(utils_exports2, require_cookie3(), module22.exports);
-        __reExport2(utils_exports2, require_tags4(), module22.exports);
+        __reExport2(utils_exports2, require_key2(), module22.exports);
+        __reExport2(utils_exports2, require_env2(), module22.exports);
+        __reExport2(utils_exports2, require_types2(), module22.exports);
+        __reExport2(utils_exports2, require_object3(), module22.exports);
+        __reExport2(utils_exports2, require_function2(), module22.exports);
+        __reExport2(utils_exports2, require_array2(), module22.exports);
+        __reExport2(utils_exports2, require_node3(), module22.exports);
+        __reExport2(utils_exports2, require_log2(), module22.exports);
+        __reExport2(utils_exports2, require_string2(), module22.exports);
+        __reExport2(utils_exports2, require_globals2(), module22.exports);
+        __reExport2(utils_exports2, require_cookie2(), module22.exports);
+        __reExport2(utils_exports2, require_tags3(), module22.exports);
       }
     });
     var src_exports2 = {};
@@ -2843,8 +2843,8 @@ var require_cjs2 = __commonJS({
     var isScalingUnit = (unit) => {
       return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
     };
-    var import_globals2 = __toESM2(require_cjs15(), 1);
-    var import_utils27 = __toESM2(require_cjs22(), 1);
+    var import_globals2 = __toESM2(require_cjs13(), 1);
+    var import_utils28 = __toESM2(require_cjs22(), 1);
     var ENV2 = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -2972,11 +2972,11 @@ var require_cjs2 = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils27.isString)(rgb) && rgb.includes("rgb"))
+      if ((0, import_utils28.isString)(rgb) && rgb.includes("rgb"))
         rgb = colorStringToRgbaArray(rgb).join(", ");
-      if ((0, import_utils27.isString)(rgb))
+      if ((0, import_utils28.isString)(rgb))
         rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-      if ((0, import_utils27.isNumber)(tone))
+      if ((0, import_utils28.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -3041,7 +3041,7 @@ var require_cjs2 = __commonJS({
     };
     var import_utils52 = __toESM2(require_cjs22(), 1);
     var import_utils32 = __toESM2(require_cjs22());
-    var import_utils28 = __toESM2(require_cjs22());
+    var import_utils29 = __toESM2(require_cjs22());
     var toCamelCase2 = (str) => {
       return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
@@ -4291,7 +4291,7 @@ var require_cjs2 = __commonJS({
         lineHeight: TYPOGRAPHY22.lineHeight
       });
     };
-    var import_globals22 = __toESM2(require_cjs15(), 1);
+    var import_globals22 = __toESM2(require_cjs13(), 1);
     var DEF_OPTIONS = {
       document: import_globals22.document
     };
@@ -4749,8 +4749,8 @@ var require_cjs4 = __commonJS({
       router: () => router2
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_utils27 = require_cjs();
-    var getActiveRoute = (level = 0, route = import_utils27.window.location.pathname) => {
+    var import_utils28 = require_cjs();
+    var getActiveRoute = (level = 0, route = import_utils28.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -4764,7 +4764,7 @@ var require_cjs4 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils27.document && import_utils27.document.documentElement,
+      scrollNode: import_utils28.document && import_utils28.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -4779,13 +4779,13 @@ var require_cjs4 = __commonJS({
       const route = getActiveRoute(options.level, pathname);
       const content = element.routes[route || "/"] || element.routes["/*"];
       const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
-      const hashChanged = hash2 && hash2 !== import_utils27.window.location.hash.slice(1);
+      const hashChanged = hash2 && hash2 !== import_utils28.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
       if (!content)
         return;
       if (options.pushState) {
-        import_utils27.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+        import_utils28.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
       }
       if (pathChanged || !hashChanged) {
         if (options.updateState) {
@@ -4811,7 +4811,7 @@ var require_cjs4 = __commonJS({
         });
       }
       if (hash2) {
-        const activeNode = import_utils27.document.getElementById(hash2);
+        const activeNode = import_utils28.document.getElementById(hash2);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -4826,9 +4826,9 @@ var require_cjs4 = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/ignore.js
+// ../../node_modules/@domql/state/dist/cjs/ignore.js
 var require_ignore = __commonJS({
-  "../../../domql/packages/state/dist/cjs/ignore.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/ignore.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4876,9 +4876,9 @@ var require_ignore = __commonJS({
   }
 });
 
-// ../../../domql/packages/event/dist/cjs/on.js
+// ../../node_modules/@domql/event/dist/cjs/on.js
 var require_on = __commonJS({
-  "../../../domql/packages/event/dist/cjs/on.js"(exports, module2) {
+  "../../node_modules/@domql/event/dist/cjs/on.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4906,12 +4906,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var applyEvent = (param, element, state, context, options) => {
       return param(element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
-      if (element.on && (0, import_utils27.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils28.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -4920,7 +4920,7 @@ var require_on = __commonJS({
       return param(updatedObj, element, state || element.state, context || element.context, options);
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
-      if (element.on && (0, import_utils27.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils28.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -4931,7 +4931,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
           continue;
         const appliedFunction = element.on[param];
-        if ((0, import_utils27.isFunction)(appliedFunction)) {
+        if ((0, import_utils28.isFunction)(appliedFunction)) {
           node2.addEventListener(param, (event) => {
             const { state, context } = element;
             appliedFunction(event, element, state, context, options);
@@ -4942,106 +4942,9 @@ var require_on = __commonJS({
   }
 });
 
-// ../../../domql/plugins/report/dist/cjs/index.js
-var require_cjs5 = __commonJS({
-  "../../../domql/plugins/report/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var report_exports = {};
-    __export2(report_exports, {
-      ERRORS_REGISTRY: () => ERRORS_REGISTRY,
-      report: () => report
-    });
-    module2.exports = __toCommonJS2(report_exports);
-    var ERRORS_REGISTRY = {
-      en: {
-        DocumentNotDefined: {
-          title: "Document is undefined",
-          description: "To tweak with DOM, you should use browser."
-        },
-        OverwriteToBuiltin: {
-          title: "Overwriting to builtin method",
-          description: "Overwriting a builtin method in the window define is not possible, please choose different name"
-        },
-        BrowserNotDefined: {
-          title: "Can't recognize environment",
-          description: "Environment should be browser application, that can run Javascript"
-        },
-        SetQuickPreferancesIsNotObject: {
-          title: "Quick preferances object is required",
-          description: 'Please pass a plain object with "lang", "culture" and "area" properties'
-        },
-        InvalidParams: {
-          title: "Params are invalid",
-          description: 'Please pass a plain object with "lang", "culture" and "area" properties'
-        },
-        CantCreateWithoutNode: {
-          title: "You must provide node",
-          description: "Can't create DOM element without setting node or text"
-        },
-        HTMLInvalidTag: {
-          title: "Element tag name (or DOM nodeName) is invalid",
-          description: "To create element, you must provide valid DOM node. See full list of them at here: http://www.w3schools.com/tags/"
-        },
-        HTMLInvalidAttr: {
-          title: "Attibutes object is invalid",
-          description: "Please pass a valid plain object to apply as an attributes for a DOM node"
-        },
-        HTMLInvalidData: {
-          title: "Data object is invalid",
-          description: "Please pass a valid plain object to apply as an dataset for a DOM node"
-        },
-        HTMLInvalidStyles: {
-          title: "Styles object is invalid",
-          description: "Please pass a valid plain object to apply as an style for a DOM node"
-        },
-        HTMLInvalidText: {
-          title: "Text string is invalid",
-          description: "Please pass a valid string to apply text to DOM node"
-        },
-        ElementOnStateIsNotDefined: {
-          title: "Element on state is not defined",
-          description: "Please check the element object"
-        }
-      }
-    };
-    var report = (err, arg, element) => {
-      const currentLang = "en";
-      let errObj;
-      if (err && typeof err === "string")
-        errObj = ERRORS_REGISTRY[currentLang][err];
-      return new Error(
-        `"${err}", "${arg}"
-
-`,
-        `${errObj.description}`,
-        element ? `
-
-${element}` : ""
-      );
-    };
-  }
-});
-
-// ../../../domql/packages/event/dist/cjs/can.js
+// ../../node_modules/@domql/event/dist/cjs/can.js
 var require_can = __commonJS({
-  "../../../domql/packages/event/dist/cjs/can.js"(exports, module2) {
+  "../../node_modules/@domql/event/dist/cjs/can.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5065,18 +4968,18 @@ var require_can = __commonJS({
       canRender: () => canRender
     });
     module2.exports = __toCommonJS2(can_exports);
-    var import_report = require_cjs5();
-    var import_utils27 = require_cjs();
+    var import_report = require_cjs3();
+    var import_utils28 = require_cjs();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils27.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils28.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
 
-// ../../../domql/packages/event/dist/cjs/index.js
-var require_cjs6 = __commonJS({
-  "../../../domql/packages/event/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/event/dist/cjs/index.js
+var require_cjs5 = __commonJS({
+  "../../node_modules/@domql/event/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5099,9 +5002,9 @@ var require_cjs6 = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/methods.js
+// ../../node_modules/@domql/state/dist/cjs/methods.js
 var require_methods = __commonJS({
-  "../../../domql/packages/state/dist/cjs/methods.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/methods.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5135,11 +5038,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_ignore = require_ignore();
     var parse3 = function() {
       const state = this;
-      if ((0, import_utils27.isObject)(state)) {
+      if ((0, import_utils28.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -5147,7 +5050,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils27.isArray)(state)) {
+      } else if ((0, import_utils28.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -5167,7 +5070,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils27.isString)(stateKey)) {
+      if ((0, import_utils28.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -5180,7 +5083,7 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            if ((0, import_utils27.isArray)(child.state)) {
+            if ((0, import_utils28.isArray)(child.state)) {
               Object.defineProperty(child.state, "parent", {
                 value: state.parent,
                 enumerable: false,
@@ -5214,10 +5117,10 @@ var require_methods = __commonJS({
     };
     var add = function(value2, options = {}) {
       const state = this;
-      if ((0, import_utils27.isArray)(state)) {
+      if ((0, import_utils28.isArray)(state)) {
         state.push(value2);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils27.isObject)(state)) {
+      } else if ((0, import_utils28.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value2 }, options);
       }
@@ -5228,25 +5131,25 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils27.isArray)(state))
-        (0, import_utils27.removeFromArray)(state, key);
-      if ((0, import_utils27.isObject)(state))
-        (0, import_utils27.removeFromObject)(state, key);
+      if ((0, import_utils28.isArray)(state))
+        (0, import_utils28.removeFromArray)(state, key);
+      if ((0, import_utils28.isObject)(state))
+        (0, import_utils28.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
     var set5 = function(val, options = {}) {
       const state = this;
-      const value2 = (0, import_utils27.deepCloneWithExtnd)(val);
+      const value2 = (0, import_utils28.deepCloneWithExtnd)(val);
       return state.clean({ preventStateUpdate: true, ...options }).update(value2, { replace: true, ...options });
     };
     var reset = function(options = {}) {
       const state = this;
-      const value2 = (0, import_utils27.deepCloneWithExtnd)(state.parse());
+      const value2 = (0, import_utils28.deepCloneWithExtnd)(state.parse());
       return state.set(value2, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils27.isFunction)(func)) {
+      if ((0, import_utils28.isFunction)(func)) {
         func(state);
         return state.update(state.parse(), { replace: true, ...options });
       }
@@ -5254,9 +5157,9 @@ var require_methods = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/inherit.js
+// ../../node_modules/@domql/state/dist/cjs/inherit.js
 var require_inherit = __commonJS({
-  "../../../domql/packages/state/dist/cjs/inherit.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/inherit.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5286,7 +5189,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -5338,11 +5241,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils27.isUndefined)(inheritedState))
+      if ((0, import_utils28.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils27.is)(inheritedState)("object", "array")) {
-        return (0, import_utils27.deepCloneWithExtnd)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils27.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils28.is)(inheritedState)("object", "array")) {
+        return (0, import_utils28.deepCloneWithExtnd)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils28.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -5351,12 +5254,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils27.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils28.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils27.isObjectLike)(state))
+      if (!(0, import_utils28.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
@@ -5376,9 +5279,9 @@ var require_inherit = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/updateState.js
+// ../../node_modules/@domql/state/dist/cjs/updateState.js
 var require_updateState = __commonJS({
-  "../../../domql/packages/state/dist/cjs/updateState.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/updateState.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5402,10 +5305,10 @@ var require_updateState = __commonJS({
       updateState: () => updateState
     });
     module2.exports = __toCommonJS2(updateState_exports);
-    var import_report = require_cjs5();
-    var import_event = require_cjs6();
+    var import_report = require_cjs3();
+    var import_event = require_cjs5();
     var import_ignore = require_ignore();
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -5418,7 +5321,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils27.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils28.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -5448,10 +5351,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils27.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils28.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils27.overwriteShallow : import_utils27.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils28.overwriteShallow : import_utils28.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -5473,7 +5376,7 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createChangesByKey)(stateKey, passedValue);
       const targetParent = findGrandParentState || parent.state;
       if (options.replace)
-        (0, import_utils27.overwriteDeep)(targetParent, changesValue || value2);
+        (0, import_utils28.overwriteDeep)(targetParent, changesValue || value2);
       targetParent.update(changesValue, {
         execStateFunction: false,
         isHoisted: true,
@@ -5514,9 +5417,9 @@ var require_updateState = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/create.js
+// ../../node_modules/@domql/state/dist/cjs/create.js
 var require_create = __commonJS({
-  "../../../domql/packages/state/dist/cjs/create.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/create.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5541,8 +5444,8 @@ var require_create = __commonJS({
       createState: () => createState
     });
     module2.exports = __toCommonJS2(create_exports);
-    var import_event = require_cjs6();
-    var import_utils27 = require_cjs();
+    var import_event = require_cjs5();
+    var import_utils28 = require_cjs();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -5556,13 +5459,13 @@ var require_create = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils27.deepCloneWithExtnd)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils28.deepCloneWithExtnd)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
       if ((0, import_inherit.checkIfInherits)(element)) {
         const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
-        element.state = (0, import_utils27.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils28.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state);
       if (dependentState)
@@ -5575,17 +5478,17 @@ var require_create = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils27.deepCloneWithExtnd)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils28.deepCloneWithExtnd)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils27.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils28.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils27.isFunction)(state)) {
+      if ((0, import_utils28.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils27.exec)(state, element);
-      } else if ((0, import_utils27.is)(state)("string", "number")) {
+        return (0, import_utils28.exec)(state, element);
+      } else if ((0, import_utils28.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       } else if (state === true) {
@@ -5633,7 +5536,7 @@ var require_create = __commonJS({
         __children: {},
         __root: ref.__root ? ref.__root.state : state
       };
-      if ((0, import_utils27.isArray)(state)) {
+      if ((0, import_utils28.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -5645,9 +5548,9 @@ var require_create = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/index.js
-var require_cjs7 = __commonJS({
-  "../../../domql/packages/state/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/state/dist/cjs/index.js
+var require_cjs6 = __commonJS({
+  "../../node_modules/@domql/state/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5674,7 +5577,7 @@ var require_cjs7 = __commonJS({
 });
 
 // ../../node_modules/@domql/globals/dist/cjs/index.js
-var require_cjs8 = __commonJS({
+var require_cjs7 = __commonJS({
   "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -5710,7 +5613,7 @@ var require_cjs8 = __commonJS({
 });
 
 // ../fetch/dist/cjs/index.js
-var require_cjs9 = __commonJS({
+var require_cjs8 = __commonJS({
   "../fetch/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
@@ -5749,8 +5652,8 @@ var require_cjs9 = __commonJS({
     });
     module2.exports = __toCommonJS2(fetch_exports);
     var utils2 = __toESM2(require_cjs(), 1);
-    var globals2 = __toESM2(require_cjs8(), 1);
-    var { overwriteDeep, deepDestringify } = utils2;
+    var globals2 = __toESM2(require_cjs7(), 1);
+    var { overwriteDeep: overwriteDeep2, deepDestringify } = utils2;
     var { window: window5 } = globals2;
     var IS_DEVELOPMENT = window5 && window5.location ? window5.location.host.includes("dev.") || window5.location.host.includes("symbo.ls") : true;
     var SERVER_URL = IS_DEVELOPMENT ? "http://localhost:13335/" : "https://api.symbols.app/";
@@ -5786,14 +5689,14 @@ var require_cjs9 = __commonJS({
           console.log(options);
           if (utils2.isArray(editor.serviceRoute)) {
             editor.serviceRoute.forEach((route) => {
-              overwriteDeep(options[route], evalData[route.toLowerCase()]);
+              overwriteDeep2(options[route], evalData[route.toLowerCase()]);
             });
           } else {
-            overwriteDeep(options[editor.serviceRoute], evalData);
+            overwriteDeep2(options[editor.serviceRoute], evalData);
           }
         } else {
           ["state", "designSystem", "components", "snippets", "pages"].forEach((key2) => {
-            overwriteDeep(options[key2], evalData[key2.toLowerCase()]);
+            overwriteDeep2(options[key2], evalData[key2.toLowerCase()]);
           });
         }
       }
@@ -5810,9 +5713,9 @@ var require_cjs9 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/tree.js
+// ../../node_modules/@domql/element/dist/cjs/tree.js
 var require_tree = __commonJS({
-  "../../../domql/packages/element/dist/cjs/tree.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/tree.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5837,19 +5740,19 @@ var require_tree = __commonJS({
       TREE: () => TREE
     });
     module2.exports = __toCommonJS2(tree_exports);
-    var import_utils27 = require_cjs();
-    var import_report = require_cjs5();
+    var import_utils28 = require_cjs();
+    var import_report = require_cjs3();
     var ROOT = {
       key: ":root",
-      node: import_utils27.document ? import_utils27.document.body : (0, import_report.report)("DocumentNotDefined", import_utils27.document)
+      node: import_utils28.document ? import_utils28.document.body : (0, import_report.report)("DocumentNotDefined", import_utils28.document)
     };
     var TREE = ROOT;
   }
 });
 
-// ../../../domql/packages/render/dist/cjs/create.js
+// ../../node_modules/@domql/render/dist/cjs/create.js
 var require_create2 = __commonJS({
-  "../../../domql/packages/render/dist/cjs/create.js"(exports, module2) {
+  "../../node_modules/@domql/render/dist/cjs/create.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5878,9 +5781,9 @@ var require_create2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/render/dist/cjs/cache.js
+// ../../node_modules/@domql/render/dist/cjs/cache.js
 var require_cache = __commonJS({
-  "../../../domql/packages/render/dist/cjs/cache.js"(exports, module2) {
+  "../../node_modules/@domql/render/dist/cjs/cache.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5906,9 +5809,9 @@ var require_cache = __commonJS({
       detectTag: () => detectTag
     });
     module2.exports = __toCommonJS2(cache_exports);
-    var import_report = require_cjs5();
-    var import_event = require_cjs6();
-    var import_utils27 = require_cjs();
+    var import_report = require_cjs3();
+    var import_event = require_cjs5();
+    var import_utils28 = require_cjs();
     var cache2 = {};
     var createHTMLNode = (element) => {
       const { tag } = element;
@@ -5927,20 +5830,20 @@ var require_cache = __commonJS({
     };
     var detectTag = (element) => {
       let { tag, key, props: props4 } = element;
-      tag = (0, import_utils27.exec)(tag, element);
+      tag = (0, import_utils28.exec)(tag, element);
       if (tag === true)
         tag = key;
-      if ((0, import_utils27.isObject)(props4) && (0, import_utils27.isString)(props4.tag)) {
-        const tagExists = (0, import_utils27.isValidHtmlTag)(props4.tag);
+      if ((0, import_utils28.isObject)(props4) && (0, import_utils28.isString)(props4.tag)) {
+        const tagExists = (0, import_utils28.isValidHtmlTag)(props4.tag);
         if (tagExists)
           return props4.tag;
       }
-      if ((0, import_utils27.isString)(tag)) {
-        const tagExists = (0, import_utils27.isValidHtmlTag)(tag);
+      if ((0, import_utils28.isString)(tag)) {
+        const tagExists = (0, import_utils28.isValidHtmlTag)(tag);
         if (tagExists)
           return tag;
       } else {
-        const isKeyATag = (0, import_utils27.isValidHtmlTag)(key);
+        const isKeyATag = (0, import_utils28.isValidHtmlTag)(key);
         if (isKeyATag)
           return key;
       }
@@ -5962,9 +5865,9 @@ var require_cache = __commonJS({
   }
 });
 
-// ../../../domql/packages/render/dist/cjs/append.js
+// ../../node_modules/@domql/render/dist/cjs/append.js
 var require_append = __commonJS({
-  "../../../domql/packages/render/dist/cjs/append.js"(exports, module2) {
+  "../../node_modules/@domql/render/dist/cjs/append.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6021,9 +5924,9 @@ var require_append = __commonJS({
   }
 });
 
-// ../../../domql/packages/render/dist/cjs/index.js
-var require_cjs10 = __commonJS({
-  "../../../domql/packages/render/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/render/dist/cjs/index.js
+var require_cjs9 = __commonJS({
+  "../../node_modules/@domql/render/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6047,9 +5950,9 @@ var require_cjs10 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/attr.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/attr.js
 var require_attr = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/attr.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/attr.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6073,16 +5976,16 @@ var require_attr = __commonJS({
       default: () => attr_default
     });
     module2.exports = __toCommonJS2(attr_exports);
-    var import_utils27 = require_cjs();
-    var import_report = require_cjs5();
+    var import_utils28 = require_cjs();
+    var import_report = require_cjs3();
     var attr_default = (params, element, node2) => {
       const { __ref } = element;
       const { __attr } = __ref;
-      if ((0, import_utils27.isNot)("object"))
+      if ((0, import_utils28.isNot)("object"))
         (0, import_report.report)("HTMLInvalidAttr", params);
       if (params) {
         for (const attr in params) {
-          const val = (0, import_utils27.exec)(params[attr], element);
+          const val = (0, import_utils28.exec)(params[attr], element);
           if (val && node2.setAttribute)
             node2.setAttribute(attr, val);
           else if (node2.removeAttribute)
@@ -6095,9 +5998,9 @@ var require_attr = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/classList.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/classList.js
 var require_classList = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/classList.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/classList.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6125,7 +6028,7 @@ var require_classList = __commonJS({
       default: () => classList_default
     });
     module2.exports = __toCommonJS2(classList_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var assignKeyAsClassname = (element) => {
       const { key } = element;
       if (element.class === true)
@@ -6143,7 +6046,7 @@ var require_classList = __commonJS({
         else if (typeof param === "string")
           className += ` ${param}`;
         else if (typeof param === "function") {
-          className += ` ${(0, import_utils27.exec)(param, element)}`;
+          className += ` ${(0, import_utils28.exec)(param, element)}`;
         }
       }
       return className;
@@ -6154,9 +6057,9 @@ var require_classList = __commonJS({
       const { key } = element;
       if (params === true)
         params = element.class = { key };
-      if ((0, import_utils27.isString)(params))
+      if ((0, import_utils28.isString)(params))
         params = element.class = { default: params };
-      if ((0, import_utils27.isObject)(params))
+      if ((0, import_utils28.isObject)(params))
         params = classify2(params, element);
       const className = params.replace(/\s+/g, " ").trim();
       if (element.ref)
@@ -6174,9 +6077,9 @@ var require_classList = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/cache/options.js
+// ../../node_modules/@domql/element/dist/cjs/cache/options.js
 var require_options = __commonJS({
-  "../../../domql/packages/element/dist/cjs/cache/options.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/cache/options.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6204,9 +6107,9 @@ var require_options = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/set.js
+// ../../node_modules/@domql/element/dist/cjs/set.js
 var require_set = __commonJS({
-  "../../../domql/packages/element/dist/cjs/set.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/set.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -6240,7 +6143,7 @@ var require_set = __commonJS({
       default: () => set_default
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_create = __toESM2(require_create4(), 1);
     var import_options3 = __toESM2(require_options(), 1);
     var import_mixins = require_mixins();
@@ -6252,7 +6155,7 @@ var require_set = __commonJS({
       const lazyLoad = element.props && element.props.lazyLoad;
       if (options.preventContentUpdate === true)
         return;
-      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils27.deepContains)(params, content)) {
+      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils28.deepContains)(params, content)) {
         return content.update();
       }
       const setAsync = () => {
@@ -6279,9 +6182,9 @@ var require_set = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/content.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/content.js
 var require_content = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/content.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/content.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -6318,7 +6221,7 @@ var require_content = __commonJS({
       updateContent: () => updateContent
     });
     module2.exports = __toCommonJS2(content_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_set = __toESM2(require_set(), 1);
     var updateContent = function(params, options) {
       const element = this;
@@ -6341,7 +6244,7 @@ var require_content = __commonJS({
         if (__cached && __cached.content) {
           if (__cached.content.tag === "fragment")
             __cached.content.parent.node.innerHTML = "";
-          else if (__cached.content && (0, import_utils27.isFunction)(__cached.content.remove))
+          else if (__cached.content && (0, import_utils28.isFunction)(__cached.content.remove))
             __cached.content.remove();
         }
         delete element.content;
@@ -6360,9 +6263,9 @@ var require_content = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/data.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/data.js
 var require_data = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/data.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/data.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6386,15 +6289,15 @@ var require_data = __commonJS({
       default: () => data_default
     });
     module2.exports = __toCommonJS2(data_exports);
-    var import_utils27 = require_cjs();
-    var import_report = require_cjs5();
+    var import_utils28 = require_cjs();
+    var import_report = require_cjs3();
     var data_default = (params, element, node2) => {
       if (params && params.showOnNode) {
-        if (!(0, import_utils27.isObject)(params))
+        if (!(0, import_utils28.isObject)(params))
           (0, import_report.report)("HTMLInvalidData", params);
         for (const dataset in params) {
           if (dataset !== "showOnNode") {
-            node2.dataset[dataset] = (0, import_utils27.exec)(params[dataset], element);
+            node2.dataset[dataset] = (0, import_utils28.exec)(params[dataset], element);
           }
         }
       }
@@ -6402,9 +6305,9 @@ var require_data = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/html.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/html.js
 var require_html = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/html.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/html.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6428,9 +6331,9 @@ var require_html = __commonJS({
       default: () => html_default
     });
     module2.exports = __toCommonJS2(html_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var html_default = (param, element, node2) => {
-      const prop = (0, import_utils27.exec)(param, element);
+      const prop = (0, import_utils28.exec)(param, element);
       const { __ref } = element;
       if (prop !== __ref.__html) {
         if (node2.nodeName === "SVG")
@@ -6443,9 +6346,9 @@ var require_html = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/style.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/style.js
 var require_style = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/style.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/style.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6469,12 +6372,12 @@ var require_style = __commonJS({
       default: () => style_default2
     });
     module2.exports = __toCommonJS2(style_exports);
-    var import_utils27 = require_cjs();
-    var import_report = require_cjs5();
+    var import_utils28 = require_cjs();
+    var import_report = require_cjs3();
     var style_default2 = (params, element, node2) => {
       if (params) {
-        if ((0, import_utils27.isObject)(params))
-          (0, import_utils27.map)(node2.style, params, element);
+        if ((0, import_utils28.isObject)(params))
+          (0, import_utils28.map)(node2.style, params, element);
         else
           (0, import_report.report)("HTMLInvalidStyles", params);
       }
@@ -6482,9 +6385,9 @@ var require_style = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/text.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/text.js
 var require_text = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/text.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/text.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6508,12 +6411,12 @@ var require_text = __commonJS({
       default: () => text_default
     });
     module2.exports = __toCommonJS2(text_exports);
-    var import__ = require_cjs13();
-    var import_utils27 = require_cjs();
+    var import__ = require_cjs11();
+    var import_utils28 = require_cjs();
     var text_default = (param, element, node2) => {
-      let prop = (0, import_utils27.exec)(param, element);
-      if ((0, import_utils27.isString)(prop) && prop.includes("{{")) {
-        prop = (0, import_utils27.replaceLiteralsWithObjectFields)(prop, element.state);
+      let prop = (0, import_utils28.exec)(param, element);
+      if ((0, import_utils28.isString)(prop) && prop.includes("{{")) {
+        prop = (0, import_utils28.replaceLiteralsWithObjectFields)(prop, element.state);
       }
       if (element.tag === "string") {
         node2.nodeValue = prop;
@@ -6531,9 +6434,9 @@ var require_text = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/state.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/state.js
 var require_state = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/state.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/state.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6558,11 +6461,11 @@ var require_state = __commonJS({
       state: () => state
     });
     module2.exports = __toCommonJS2(state_exports);
-    var import_state2 = require_cjs7();
-    var import_utils27 = require_cjs();
+    var import_state2 = require_cjs6();
+    var import_utils28 = require_cjs();
     var state = (params, element, node2) => {
-      const state2 = (0, import_utils27.exec)(params, element);
-      if ((0, import_utils27.isObject)(state2)) {
+      const state2 = (0, import_utils28.exec)(params, element);
+      if ((0, import_utils28.isObject)(state2)) {
         for (const param in state2) {
           if (import_state2.IGNORE_STATE_PARAMS.includes(param))
             continue;
@@ -6576,9 +6479,9 @@ var require_state = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/scope.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/scope.js
 var require_scope = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/scope.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/scope.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6602,13 +6505,13 @@ var require_scope = __commonJS({
       default: () => scope_default
     });
     module2.exports = __toCommonJS2(scope_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var scope_default = (params, element, node2) => {
-      if (!(0, import_utils27.isObject)(params))
+      if (!(0, import_utils28.isObject)(params))
         return;
       for (const scopeItem in params) {
         const value2 = params[scopeItem];
-        if ((0, import_utils27.isFunction)(value2)) {
+        if ((0, import_utils28.isFunction)(value2)) {
           element.scope[scopeItem] = value2.bind(element);
         } else {
           element.scope[scopeItem] = value2;
@@ -6618,9 +6521,9 @@ var require_scope = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/registry.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/registry.js
 var require_registry = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/registry.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/registry.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6716,9 +6619,9 @@ var require_registry = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/mixins/index.js
+// ../../node_modules/@domql/element/dist/cjs/mixins/index.js
 var require_mixins = __commonJS({
-  "../../../domql/packages/element/dist/cjs/mixins/index.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/mixins/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -6776,9 +6679,9 @@ var require_mixins = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/methods/index.js
+// ../../node_modules/@domql/element/dist/cjs/methods/index.js
 var require_methods2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/methods/index.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/methods/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6815,7 +6718,7 @@ var require_methods2 = __commonJS({
       spotByPath: () => spotByPath
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_tree = require_tree();
     var import_mixins = require_mixins();
     var spotByPath = function(path) {
@@ -6848,9 +6751,9 @@ var require_methods2 = __commonJS({
     };
     var remove = function(params) {
       const element = this;
-      if ((0, import_utils27.isFunction)(element.node.remove))
+      if ((0, import_utils28.isFunction)(element.node.remove))
         element.node.remove();
-      else if (!(0, import_utils27.isProduction)()) {
+      else if (!(0, import_utils28.isProduction)()) {
         console.warn("This item cant be removed");
         element.log();
       }
@@ -6890,12 +6793,12 @@ var require_methods2 = __commonJS({
         if (v === "state") {
           if (element.__ref && element.__ref.__hasRootState)
             return;
-          if ((0, import_utils27.isFunction)(val && val.parse))
+          if ((0, import_utils28.isFunction)(val && val.parse))
             val = val.parse();
         } else if (v === "props") {
           const { __element, update, ...props4 } = element[v];
           obj[v] = props4;
-        } else if ((0, import_utils27.isDefined)(val))
+        } else if ((0, import_utils28.isDefined)(val))
           obj[v] = val;
       });
       return obj;
@@ -6906,7 +6809,7 @@ var require_methods2 = __commonJS({
       for (const v in obj) {
         if (excl.includes(v))
           return;
-        if ((0, import_utils27.isObjectLike)(obj[v])) {
+        if ((0, import_utils28.isObjectLike)(obj[v])) {
           obj[v] = parseDeep.call(obj[v], excl);
         }
       }
@@ -6968,9 +6871,9 @@ var require_methods2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/props/ignore.js
+// ../../node_modules/@domql/element/dist/cjs/props/ignore.js
 var require_ignore2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/props/ignore.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/props/ignore.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -6998,9 +6901,9 @@ var require_ignore2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/props/inherit.js
+// ../../node_modules/@domql/element/dist/cjs/props/inherit.js
 var require_inherit2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/props/inherit.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/props/inherit.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7024,18 +6927,18 @@ var require_inherit2 = __commonJS({
       inheritParentProps: () => inheritParentProps
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var objectizeStringProperty = (propValue) => {
-      if ((0, import_utils27.is)(propValue)("string", "number")) {
+      if ((0, import_utils28.is)(propValue)("string", "number")) {
         return { inheritedString: propValue };
       }
       return propValue;
     };
     var inheritParentProps = (element, parent) => {
       let propsStack = [];
-      const parentProps = (0, import_utils27.exec)(parent, parent.state).props;
+      const parentProps = (0, import_utils28.exec)(parent, parent.state).props;
       const matchParent = parent.props && parentProps[element.key];
-      const matchParentIsString = (0, import_utils27.isString)(matchParent);
+      const matchParentIsString = (0, import_utils28.isString)(matchParent);
       const matchParentChildProps = parentProps && parentProps.childProps;
       if (matchParent) {
         if (matchParentIsString) {
@@ -7056,9 +6959,9 @@ var require_inherit2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/props/create.js
+// ../../node_modules/@domql/element/dist/cjs/props/create.js
 var require_create3 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/props/create.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/props/create.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7083,19 +6986,19 @@ var require_create3 = __commonJS({
       syncProps: () => syncProps
     });
     module2.exports = __toCommonJS2(create_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_ignore = require_ignore2();
     var import_inherit = require_inherit2();
     var createPropsStack = (element, parent) => {
       const { props: props4, __ref } = element;
       const propsStack = __ref.__props = (0, import_inherit.inheritParentProps)(element, parent);
-      if ((0, import_utils27.isObject)(props4))
+      if ((0, import_utils28.isObject)(props4))
         propsStack.push(props4);
       else if (props4 === "inherit" && parent.props)
         propsStack.push(parent.props);
       else if (props4)
         propsStack.push(props4);
-      if ((0, import_utils27.isArray)(__ref.__extend)) {
+      if ((0, import_utils28.isArray)(__ref.__extend)) {
         __ref.__extend.forEach((extend) => {
           if (extend.props && extend.props !== props4)
             propsStack.push(extend.props);
@@ -7110,10 +7013,10 @@ var require_create3 = __commonJS({
       props4.forEach((v) => {
         if (import_ignore.IGNORE_PROPS_PARAMS.includes(v))
           return;
-        const execProps = (0, import_utils27.exec)(v, element);
-        element.props = (0, import_utils27.deepMerge)(
+        const execProps = (0, import_utils28.exec)(v, element);
+        element.props = (0, import_utils28.deepMerge)(
           mergedProps,
-          (0, import_utils27.deepClone)(execProps, import_ignore.IGNORE_PROPS_PARAMS),
+          (0, import_utils28.deepClone)(execProps, import_ignore.IGNORE_PROPS_PARAMS),
           import_ignore.IGNORE_PROPS_PARAMS
         );
       });
@@ -7155,9 +7058,9 @@ var require_create3 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/props/update.js
+// ../../node_modules/@domql/element/dist/cjs/props/update.js
 var require_update = __commonJS({
-  "../../../domql/packages/element/dist/cjs/props/update.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/props/update.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7198,9 +7101,9 @@ var require_update = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/props/index.js
+// ../../node_modules/@domql/element/dist/cjs/props/index.js
 var require_props = __commonJS({
-  "../../../domql/packages/element/dist/cjs/props/index.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/props/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7225,9 +7128,9 @@ var require_props = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/utils/object.js
+// ../../node_modules/@domql/element/dist/cjs/utils/object.js
 var require_object2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/utils/object.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/utils/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7257,15 +7160,15 @@ var require_object2 = __commonJS({
       mergeArray: () => mergeArray,
       mergeIfExisted: () => mergeIfExisted,
       overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep,
+      overwriteDeep: () => overwriteDeep2,
       overwriteShallow: () => overwriteShallow2
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_utils27 = require_cjs();
-    var import_state2 = require_cjs7();
+    var import_utils28 = require_cjs();
+    var import_state2 = require_cjs6();
     var import_props = require_props();
     var import_methods = require_methods2();
-    var METHODS_EXL = (0, import_utils27.joinArrays)(
+    var METHODS_EXL = (0, import_utils28.joinArrays)(
       ["node", "state", "context", "extend"],
       import_methods.METHODS,
       import_state2.IGNORE_STATE_PARAMS,
@@ -7279,7 +7182,7 @@ var require_object2 = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils27.isObjectLike)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
+        } else if ((0, import_utils28.isObjectLike)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
           deepMerge7(elementProp, extendProp);
         }
       }
@@ -7295,15 +7198,15 @@ var require_object2 = __commonJS({
       return o;
     };
     var deepClone4 = (obj, exclude = METHODS_EXL) => {
-      const o = (0, import_utils27.isArray)(obj) ? [] : {};
+      const o = (0, import_utils28.isArray)(obj) ? [] : {};
       for (const e in obj) {
         if (exclude.includes(e))
           continue;
         let objProp = obj[e];
-        if (e === "extend" && (0, import_utils27.isArray)(objProp)) {
+        if (e === "extend" && (0, import_utils28.isArray)(objProp)) {
           objProp = mergeArray(objProp, exclude);
         }
-        if ((0, import_utils27.isObjectLike)(objProp)) {
+        if ((0, import_utils28.isObjectLike)(objProp)) {
           o[e] = deepClone4(objProp, exclude);
         } else
           o[e] = objProp;
@@ -7336,14 +7239,14 @@ var require_object2 = __commonJS({
       }
       return obj;
     };
-    var overwriteDeep = (obj, params, exclude = METHODS_EXL) => {
+    var overwriteDeep2 = (obj, params, exclude = METHODS_EXL) => {
       for (const e in params) {
         if (exclude.includes(e))
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
-        if ((0, import_utils27.isObjectLike)(objProp) && (0, import_utils27.isObjectLike)(paramsProp)) {
-          overwriteDeep(objProp, paramsProp);
+        if ((0, import_utils28.isObjectLike)(objProp) && (0, import_utils28.isObjectLike)(paramsProp)) {
+          overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -7351,7 +7254,7 @@ var require_object2 = __commonJS({
       return obj;
     };
     var mergeIfExisted = (a, b) => {
-      if ((0, import_utils27.isObjectLike)(a) && (0, import_utils27.isObjectLike)(b))
+      if ((0, import_utils28.isObjectLike)(a) && (0, import_utils28.isObjectLike)(b))
         return deepMerge7(a, b);
       return a || b;
     };
@@ -7359,7 +7262,7 @@ var require_object2 = __commonJS({
       return arr.reduce((a, c) => deepMerge7(a, deepClone4(c, exclude)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_utils27.isArray)(obj) ? mergeArray(obj) : deepClone4(obj);
+      return (0, import_utils28.isArray)(obj) ? mergeArray(obj) : deepClone4(obj);
     };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
@@ -7373,9 +7276,9 @@ var require_object2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/utils/extendUtils.js
+// ../../node_modules/@domql/element/dist/cjs/utils/extendUtils.js
 var require_extendUtils = __commonJS({
-  "../../../domql/packages/element/dist/cjs/utils/extendUtils.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/utils/extendUtils.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7414,7 +7317,7 @@ var require_extendUtils = __commonJS({
       setHashedExtend: () => setHashedExtend
     });
     module2.exports = __toCommonJS2(extendUtils_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var ENV2 = "development";
     var generateHash = () => Math.random().toString(36).substring(2);
     var extendStackRegistry = {};
@@ -7424,7 +7327,7 @@ var require_extendUtils = __commonJS({
     };
     var setHashedExtend = (extend, stack) => {
       const hash2 = generateHash();
-      if (!(0, import_utils27.isString)(extend)) {
+      if (!(0, import_utils28.isString)(extend)) {
         extend.__hash = hash2;
       }
       extendStackRegistry[hash2] = stack;
@@ -7450,9 +7353,9 @@ var require_extendUtils = __commonJS({
     var flattenExtend = (extend, stack, context) => {
       if (!extend)
         return stack;
-      if ((0, import_utils27.isArray)(extend))
+      if ((0, import_utils28.isArray)(extend))
         return extractArrayExtend(extend, stack, context);
-      if ((0, import_utils27.isString)(extend))
+      if ((0, import_utils28.isString)(extend))
         extend = fallbackStringExtend(extend, context);
       stack.push(extend);
       if (extend.extend)
@@ -7465,9 +7368,9 @@ var require_extendUtils = __commonJS({
         if (["parent", "node", "__element"].indexOf(prop) > -1)
           continue;
         const objProp = obj[prop];
-        if ((0, import_utils27.isObject)(objProp)) {
+        if ((0, import_utils28.isObject)(objProp)) {
           o[prop] = deepCloneExtend(objProp);
-        } else if ((0, import_utils27.isArray)(objProp)) {
+        } else if ((0, import_utils28.isArray)(objProp)) {
           o[prop] = objProp.map((x) => x);
         } else
           o[prop] = objProp;
@@ -7482,14 +7385,14 @@ var require_extendUtils = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils27.isObject)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
+        } else if ((0, import_utils28.isObject)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
           deepMergeExtend(elementProp, extendProp);
-        } else if ((0, import_utils27.isArray)(elementProp) && (0, import_utils27.isArray)(extendProp)) {
+        } else if ((0, import_utils28.isArray)(elementProp) && (0, import_utils28.isArray)(extendProp)) {
           element[e] = elementProp.concat(extendProp);
-        } else if ((0, import_utils27.isArray)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
+        } else if ((0, import_utils28.isArray)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
           const obj = deepMergeExtend({}, elementProp);
           element[e] = deepMergeExtend(obj, extendProp);
-        } else if (elementProp === void 0 && (0, import_utils27.isFunction)(extendProp)) {
+        } else if (elementProp === void 0 && (0, import_utils28.isFunction)(extendProp)) {
           element[e] = extendProp;
         }
       }
@@ -7502,7 +7405,7 @@ var require_extendUtils = __commonJS({
     };
     var fallbackStringExtend = (extend, context, options = {}) => {
       const COMPONENTS = context && context.components || options.components;
-      if ((0, import_utils27.isString)(extend)) {
+      if ((0, import_utils28.isString)(extend)) {
         const componentExists = COMPONENTS[extend] || COMPONENTS["smbls." + extend];
         if (COMPONENTS && componentExists) {
           return componentExists;
@@ -7533,9 +7436,9 @@ var require_extendUtils = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/extend.js
+// ../../node_modules/@domql/element/dist/cjs/extend.js
 var require_extend = __commonJS({
-  "../../../domql/packages/element/dist/cjs/extend.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/extend.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7559,27 +7462,27 @@ var require_extend = __commonJS({
       applyExtend: () => applyExtend
     });
     module2.exports = __toCommonJS2(extend_exports);
-    var import_utils27 = require_cjs();
-    var import_utils28 = require_utils();
+    var import_utils28 = require_cjs();
+    var import_utils29 = require_utils();
     var ENV2 = "development";
     var applyExtend = (element, parent, options = {}) => {
-      if ((0, import_utils27.isFunction)(element))
-        element = (0, import_utils27.exec)(element, parent);
+      if ((0, import_utils28.isFunction)(element))
+        element = (0, import_utils28.exec)(element, parent);
       let { extend, props: props4, context, __ref } = element;
-      extend = (0, import_utils28.fallbackStringExtend)(extend, context, options);
-      const extendStack = (0, import_utils28.getExtendStack)(extend, context);
+      extend = (0, import_utils29.fallbackStringExtend)(extend, context, options);
+      const extendStack = (0, import_utils29.getExtendStack)(extend, context);
       if (ENV2 !== "test" || ENV2 !== "development")
         delete element.extend;
       let childExtendStack = [];
       if (parent) {
         element.parent = parent;
         if (!options.ignoreChildExtend && !(props4 && props4.ignoreChildExtend)) {
-          childExtendStack = (0, import_utils28.getExtendStack)(parent.childExtend, context);
+          childExtendStack = (0, import_utils29.getExtendStack)(parent.childExtend, context);
           const ignoreChildExtendRecursive = props4 && props4.ignoreChildExtendRecursive;
           if (parent.childExtendRecursive && !ignoreChildExtendRecursive) {
             const canExtendRecursive = element.key !== "__text";
             if (canExtendRecursive) {
-              const childExtendRecursiveStack = (0, import_utils28.getExtendStack)(parent.childExtendRecursive, context);
+              const childExtendRecursiveStack = (0, import_utils29.getExtendStack)(parent.childExtendRecursive, context);
               childExtendStack = childExtendStack.concat(childExtendRecursiveStack);
               element.childExtendRecursive = parent.childExtendRecursive;
             }
@@ -7590,7 +7493,7 @@ var require_extend = __commonJS({
       const childExtendLength = childExtendStack.length;
       let stack = [];
       if (extendLength && childExtendLength) {
-        stack = (0, import_utils28.jointStacks)(extendStack, childExtendStack);
+        stack = (0, import_utils29.jointStacks)(extendStack, childExtendStack);
       } else if (extendLength) {
         stack = extendStack;
       } else if (childExtendLength) {
@@ -7598,26 +7501,26 @@ var require_extend = __commonJS({
       } else if (!options.extend)
         return element;
       if (options.extend) {
-        const defaultOptionsExtend = (0, import_utils28.getExtendStack)(options.extend, context);
+        const defaultOptionsExtend = (0, import_utils29.getExtendStack)(options.extend, context);
         stack = [].concat(stack, defaultOptionsExtend);
       }
       if (__ref)
         __ref.__extend = stack;
-      let mergedExtend = (0, import_utils28.cloneAndMergeArrayExtend)(stack);
+      let mergedExtend = (0, import_utils29.cloneAndMergeArrayExtend)(stack);
       const COMPONENTS = context && context.components || options.components;
-      const component = (0, import_utils27.exec)(element.component || mergedExtend.component, element);
+      const component = (0, import_utils28.exec)(element.component || mergedExtend.component, element);
       if (component && COMPONENTS && COMPONENTS[component]) {
-        const componentExtend = (0, import_utils28.cloneAndMergeArrayExtend)((0, import_utils28.getExtendStack)(COMPONENTS[component]));
-        mergedExtend = (0, import_utils28.deepMergeExtend)(componentExtend, mergedExtend);
+        const componentExtend = (0, import_utils29.cloneAndMergeArrayExtend)((0, import_utils29.getExtendStack)(COMPONENTS[component]));
+        mergedExtend = (0, import_utils29.deepMergeExtend)(componentExtend, mergedExtend);
       }
-      return (0, import_utils28.deepMergeExtend)(element, mergedExtend);
+      return (0, import_utils29.deepMergeExtend)(element, mergedExtend);
     };
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/utils/component.js
+// ../../node_modules/@domql/element/dist/cjs/utils/component.js
 var require_component = __commonJS({
-  "../../../domql/packages/element/dist/cjs/utils/component.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/utils/component.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7649,11 +7552,11 @@ var require_component = __commonJS({
       overwriteVariant: () => overwriteVariant
     });
     module2.exports = __toCommonJS2(component_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_extend = require_extend();
     var ENV2 = "development";
     var checkIfKeyIsComponent2 = (key) => {
-      const isFirstKeyString = (0, import_utils27.isString)(key);
+      const isFirstKeyString = (0, import_utils28.isString)(key);
       if (!isFirstKeyString)
         return;
       const firstCharKey = key.slice(0, 1);
@@ -7661,9 +7564,9 @@ var require_component = __commonJS({
     };
     var addAdditionalExtend = (newExtend, element) => {
       const { extend: elementExtend } = element;
-      const originalArray = (0, import_utils27.isArray)(elementExtend) ? elementExtend : [elementExtend];
-      const receivedArray = (0, import_utils27.isArray)(newExtend) ? newExtend : [newExtend];
-      const extend = (0, import_utils27.joinArrays)(receivedArray, originalArray);
+      const originalArray = (0, import_utils28.isArray)(elementExtend) ? elementExtend : [elementExtend];
+      const receivedArray = (0, import_utils28.isArray)(newExtend) ? newExtend : [newExtend];
+      const extend = (0, import_utils28.joinArrays)(receivedArray, originalArray);
       return { ...element, extend };
     };
     var extendizeByKey = (element, parent, key) => {
@@ -7687,11 +7590,11 @@ var require_component = __commonJS({
         };
       } else if (extend) {
         return addAdditionalExtend(extendFromKey, element);
-      } else if ((0, import_utils27.isFunction)(element)) {
+      } else if ((0, import_utils28.isFunction)(element)) {
         return {
           extend: extendFromKey,
           tag,
-          props: { ...(0, import_utils27.exec)(element, parent) }
+          props: { ...(0, import_utils28.exec)(element, parent) }
         };
       }
     };
@@ -7704,8 +7607,8 @@ var require_component = __commonJS({
         return;
       const { components } = context;
       const { extend } = element;
-      const execExtend = (0, import_utils27.exec)(extend, element);
-      if ((0, import_utils27.isString)(execExtend)) {
+      const execExtend = (0, import_utils28.exec)(extend, element);
+      if ((0, import_utils28.isString)(execExtend)) {
         const componentExists = components[execExtend] || components["smbls." + execExtend];
         if (componentExists)
           element.extend = componentExists;
@@ -7719,29 +7622,29 @@ var require_component = __commonJS({
       }
     };
     var isVariant = (param) => {
-      if (!(0, import_utils27.isString)(param))
+      if (!(0, import_utils28.isString)(param))
         return;
       const firstCharKey = param.slice(0, 1);
       return firstCharKey === ".";
     };
     var hasVariantProp = (element) => {
       const { props: props4 } = element;
-      if ((0, import_utils27.isObject)(props4) && (0, import_utils27.isString)(props4.variant))
+      if ((0, import_utils28.isObject)(props4) && (0, import_utils28.isString)(props4.variant))
         return true;
     };
     var overwriteVariant = (element, variant, variantProps) => {
       let variantElement = element[variant];
       if (!variantElement)
         return;
-      const props4 = (0, import_utils27.isObject)(variantProps) ? variantProps : {};
-      if ((0, import_utils27.isString)(variantElement)) {
+      const props4 = (0, import_utils28.isObject)(variantProps) ? variantProps : {};
+      if ((0, import_utils28.isString)(variantElement)) {
         variantElement = {
           extend: [{ props: props4 }, variantElement]
         };
       } else if (variantElement.extend) {
         variantElement = addAdditionalExtend({ props: props4 }, variantElement);
       }
-      return (0, import_utils27.overwriteDeep)(element, (0, import_extend.applyExtend)(variantElement));
+      return (0, import_utils28.overwriteDeep)(element, (0, import_extend.applyExtend)(variantElement));
     };
     var applyVariant = (element) => {
       const { props: props4 } = element;
@@ -7761,9 +7664,9 @@ var require_component = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/utils/index.js
+// ../../node_modules/@domql/element/dist/cjs/utils/index.js
 var require_utils = __commonJS({
-  "../../../domql/packages/element/dist/cjs/utils/index.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/utils/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7787,9 +7690,9 @@ var require_utils = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/iterate.js
+// ../../node_modules/@domql/element/dist/cjs/iterate.js
 var require_iterate = __commonJS({
-  "../../../domql/packages/element/dist/cjs/iterate.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/iterate.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -7816,8 +7719,8 @@ var require_iterate = __commonJS({
       throughUpdatedExec: () => throughUpdatedExec
     });
     module2.exports = __toCommonJS2(iterate_exports);
-    var import_utils27 = require_cjs();
-    var import_utils28 = require_utils();
+    var import_utils28 = require_cjs();
+    var import_utils29 = require_utils();
     var import_methods = require_methods2();
     var throughInitialExec = (element, exclude = {}) => {
       const { __ref: ref } = element;
@@ -7825,13 +7728,13 @@ var require_iterate = __commonJS({
         if (exclude[param])
           continue;
         const prop = element[param];
-        if ((0, import_utils27.isFunction)(prop) && !(0, import_methods.isMethod)(param) && !(0, import_utils28.isVariant)(param)) {
+        if ((0, import_utils28.isFunction)(prop) && !(0, import_methods.isMethod)(param) && !(0, import_utils29.isVariant)(param)) {
           ref.__exec[param] = prop;
           element[param] = prop(element, element.state);
         }
       }
     };
-    var throughUpdatedExec = (element, options = { excludes: import_utils28.METHODS_EXL }) => {
+    var throughUpdatedExec = (element, options = { excludes: import_utils29.METHODS_EXL }) => {
       const { __ref: ref } = element;
       const changes = {};
       for (const param in ref.__exec) {
@@ -7840,13 +7743,13 @@ var require_iterate = __commonJS({
         if (isDefinedParam)
           continue;
         const newExec = ref.__exec[param](element, element.state, element.context);
-        const execReturnsString = (0, import_utils27.isString)(newExec) || (0, import_utils27.isNumber)(newExec);
+        const execReturnsString = (0, import_utils28.isString)(newExec) || (0, import_utils28.isNumber)(newExec);
         if (prop && prop.node && execReturnsString) {
-          (0, import_utils28.overwrite)(prop, { text: newExec }, options);
+          (0, import_utils29.overwrite)(prop, { text: newExec }, options);
         } else if (newExec !== prop) {
-          if ((0, import_utils28.checkIfKeyIsComponent)(param)) {
-            const { extend, ...newElem } = (0, import_utils28.extendizeByKey)(newExec, element, param);
-            (0, import_utils28.overwrite)(prop, newElem, options);
+          if ((0, import_utils29.checkIfKeyIsComponent)(param)) {
+            const { extend, ...newElem } = (0, import_utils29.extendizeByKey)(newExec, element, param);
+            (0, import_utils29.overwrite)(prop, newElem, options);
           } else {
             ref.__cached[param] = changes[param] = prop;
             element[param] = newExec;
@@ -7858,16 +7761,16 @@ var require_iterate = __commonJS({
     var throughInitialDefine = (element) => {
       const { define, context, __ref: ref } = element;
       let defineObj = {};
-      const hasGlobalDefine = context && (0, import_utils27.isObject)(context.define);
-      if ((0, import_utils27.isObject)(define))
+      const hasGlobalDefine = context && (0, import_utils28.isObject)(context.define);
+      if ((0, import_utils28.isObject)(define))
         defineObj = { ...define };
       if (hasGlobalDefine)
         defineObj = { ...defineObj, ...context.define };
       for (const param in defineObj) {
         let elementProp = element[param];
-        if ((0, import_utils27.isFunction)(elementProp) && !(0, import_methods.isMethod)(param) && !(0, import_utils28.isVariant)(param)) {
+        if ((0, import_utils28.isFunction)(elementProp) && !(0, import_methods.isMethod)(param) && !(0, import_utils29.isVariant)(param)) {
           ref.__exec[param] = elementProp;
-          const execParam2 = elementProp = (0, import_utils27.exec)(elementProp, element);
+          const execParam2 = elementProp = (0, import_utils28.exec)(elementProp, element);
           if (execParam2) {
             elementProp = element[param] = execParam2.parse ? execParam2.parse() : execParam2;
             ref.__defineCache[param] = elementProp;
@@ -7883,1134 +7786,27 @@ var require_iterate = __commonJS({
       const { context, define, __ref: ref } = element;
       const changes = {};
       let obj = {};
-      if ((0, import_utils27.isObject)(define))
+      if ((0, import_utils28.isObject)(define))
         obj = { ...define };
-      if ((0, import_utils27.isObject)(context && context.define))
+      if ((0, import_utils28.isObject)(context && context.define))
         obj = { ...obj, ...context.define };
       for (const param in obj) {
         const execParam = ref.__exec[param];
         if (execParam)
-          ref.__defineCache[param] = execParam(element, element.state, element.context);
-        const cached = (0, import_utils27.exec)(ref.__defineCache[param], element);
-        const newExecParam = obj[param](cached, element, element.state, element.context);
-        if (newExecParam)
-          element[param] = newExecParam;
-      }
-      return changes;
-    };
-  }
-});
-
-// ../../../domql/packages/element/dist/cjs/applyParam.js
-var require_applyParam = __commonJS({
-  "../../../domql/packages/element/dist/cjs/applyParam.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var applyParam_exports = {};
-    __export2(applyParam_exports, {
-      applyParam: () => applyParam
-    });
-    module2.exports = __toCommonJS2(applyParam_exports);
-    var import_utils27 = require_cjs();
-    var import_mixins = require_mixins();
-    var applyParam = (param, element, options) => {
-      const { node: node2, context, __ref: ref } = element;
-      const prop = element[param];
-      const DOMQLProperty = import_mixins.registry[param];
-      const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
-      const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
-      const hasDefine = element.define && element.define[param];
-      const hasContextDefine = context && context.define && context.define[param];
-      if (!ref.__if)
-        return;
-      if (isGlobalTransformer && !hasContextDefine) {
-        if ((0, import_utils27.isFunction)(isGlobalTransformer)) {
-          isGlobalTransformer(prop, element, node2, options);
-          return;
-        }
-      }
-      return { hasDefine, hasContextDefine };
-    };
-  }
-});
-
-// ../../../domql/packages/element/dist/cjs/node.js
-var require_node2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/node.js"(exports, module2) {
-    "use strict";
-    var __create2 = Object.create;
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // 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 ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var node_exports = {};
-    __export2(node_exports, {
-      createNode: () => createNode,
-      default: () => node_default
-    });
-    module2.exports = __toCommonJS2(node_exports);
-    var import_utils27 = require_cjs();
-    var import_event = require_cjs6();
-    var import_render = require_cjs10();
-    var import_methods = require_methods2();
-    var import_create = __toESM2(require_create4(), 1);
-    var import_iterate = require_iterate();
-    var import_mixins = require_mixins();
-    var import_applyParam = require_applyParam();
-    var import_utils28 = require_utils();
-    var ENV2 = "development";
-    var createNode = (element, options) => {
-      let { node: node2, tag, __ref: ref } = element;
-      let isNewNode;
-      if (!node2) {
-        isNewNode = true;
-        if (!ref.__if)
-          return element;
-        if (tag === "shadow") {
-          node2 = element.node = element.parent.node.attachShadow({ mode: "open" });
-        } else
-          node2 = element.node = (0, import_render.cacheNode)(element);
-        (0, import_event.triggerEventOn)("attachNode", element, options);
-      }
-      if (ENV2 === "test" || ENV2 === "development" || options.alowRefReference) {
-        node2.ref = element;
-        if ((0, import_utils27.isFunction)(node2.setAttribute))
-          node2.setAttribute("key", element.key);
-      }
-      (0, import_iterate.throughInitialDefine)(element);
-      (0, import_iterate.throughInitialExec)(element);
-      if (element.tag !== "string" && element.tag !== "fragment") {
-        if (isNewNode && (0, import_utils27.isObject)(element.on))
-          (0, import_event.applyEventsOnNode)(element, options);
-      }
-      for (const param in element) {
-        const value2 = element[param];
-        if ((0, import_utils27.isUndefined)(value2) || (0, import_methods.isMethod)(param) || (0, import_utils28.isVariant)(param) || (0, import_utils27.isObject)(import_mixins.registry[param]))
-          continue;
-        const isElement = (0, import_applyParam.applyParam)(param, element, options);
-        if (isElement) {
-          const { hasDefine, hasContextDefine } = isElement;
-          if (element[param] && !hasDefine && !hasContextDefine) {
-            const createAsync2 = () => (0, import_create.default)((0, import_utils27.exec)(value2, element), element, param, options);
-            if (element.props && element.props.lazyLoad || options.lazyLoad) {
-              window.requestAnimationFrame(() => createAsync2());
-            } else
-              createAsync2();
-          }
-        }
-      }
-      return element;
-    };
-    var node_default = createNode;
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/key.js
-var require_key2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var key_exports = {};
-    __export2(key_exports, {
-      createSnapshotId: () => createSnapshotId,
-      generateKey: () => generateKey
-    });
-    module2.exports = __toCommonJS2(key_exports);
-    var generateKey = function() {
-      let index = 0;
-      function newId() {
-        index++;
-        return index;
-      }
-      return newId;
-    }();
-    var createSnapshotId = generateKey;
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/env.js
-var require_env2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var env_exports = {};
-    __export2(env_exports, {
-      NODE_ENV: () => NODE_ENV,
-      getNev: () => getNev,
-      isDevelopment: () => isDevelopment2,
-      isProduction: () => isProduction3,
-      isTest: () => isTest2
-    });
-    module2.exports = __toCommonJS2(env_exports);
-    var NODE_ENV = "development";
-    var isProduction3 = (env = NODE_ENV) => env === "production" || env === "prod" || env !== "development" && env !== "dev" && env !== "test";
-    var isTest2 = (env = NODE_ENV) => env === "test";
-    var isDevelopment2 = (env = NODE_ENV) => env === "development" || env === "dev";
-    var getNev = (key, env = NODE_ENV) => env[key];
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/globals.js
-var require_globals2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document2,
-      global: () => global,
-      self: () => self2,
-      window: () => window5
-    });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self2 = globalThis;
-    var window5 = globalThis;
-    var document2 = window5.document;
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/node.js
-var require_node3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var node_exports = {};
-    __export2(node_exports, {
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode
-    });
-    module2.exports = __toCommonJS2(node_exports);
-    var import_globals2 = require_globals2();
-    var isNode = (obj) => {
-      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
-    };
-    var isHtmlElement = (obj) => {
-      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/types.js
-var require_types2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var types_exports = {};
-    __export2(types_exports, {
-      TYPES: () => TYPES,
-      is: () => is,
-      isArray: () => isArray6,
-      isBoolean: () => isBoolean,
-      isDefined: () => isDefined2,
-      isFunction: () => isFunction4,
-      isNot: () => isNot2,
-      isNull: () => isNull,
-      isNumber: () => isNumber2,
-      isObject: () => isObject12,
-      isObjectLike: () => isObjectLike3,
-      isString: () => isString11,
-      isUndefined: () => isUndefined5
-    });
-    module2.exports = __toCommonJS2(types_exports);
-    var import_node = require_node3();
-    var isObject12 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString11 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isFunction4 = (arg) => typeof arg === "function";
-    var isBoolean = (arg) => arg === true || arg === false;
-    var isNull = (arg) => arg === null;
-    var isArray6 = (arg) => Array.isArray(arg);
-    var isObjectLike3 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object";
-    };
-    var isDefined2 = (arg) => {
-      return isObject12(arg) || isObjectLike3(arg) || isString11(arg) || isNumber2(arg) || isFunction4(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
-    };
-    var isUndefined5 = (arg) => {
-      return arg === void 0;
-    };
-    var TYPES = {
-      boolean: isBoolean,
-      array: isArray6,
-      object: isObject12,
-      string: isString11,
-      number: isNumber2,
-      null: isNull,
-      function: isFunction4,
-      objectLike: isObjectLike3,
-      node: import_node.isNode,
-      htmlElement: import_node.isHtmlElement,
-      defined: isDefined2
-    };
-    var is = (arg) => {
-      return (...args) => {
-        return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
-      };
-    };
-    var isNot2 = (arg) => {
-      return (...args) => {
-        return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
-      };
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/array.js
-var require_array2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var array_exports = {};
-    __export2(array_exports, {
-      arrayContainsOtherArray: () => arrayContainsOtherArray,
-      createNestedObject: () => createNestedObject,
-      cutArrayAfterValue: () => cutArrayAfterValue,
-      cutArrayBeforeValue: () => cutArrayBeforeValue,
-      joinArrays: () => joinArrays,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      removeFromArray: () => removeFromArray,
-      swapItemsInArray: () => swapItemsInArray
-    });
-    module2.exports = __toCommonJS2(array_exports);
-    var import_object = require_object3();
-    var import_types = require_types2();
-    var arrayContainsOtherArray = (arr1, arr2) => {
-      return arr2.every((val) => arr1.includes(val));
-    };
-    var removeFromArray = (arr, index) => {
-      if ((0, import_types.isString)(index))
-        index = parseInt(index);
-      if ((0, import_types.isNumber)(index)) {
-        if (index < 0 || index >= arr.length || isNaN(index)) {
-          throw new Error("Invalid index");
-        }
-        arr.splice(index, 1);
-      } else if ((0, import_types.isArray)(index)) {
-        index.forEach((idx) => removeFromArray(arr, idx));
-      } else {
-        throw new Error("Invalid index");
-      }
-      return arr;
-    };
-    var swapItemsInArray = (arr, i2, j) => {
-      [arr[i2], arr[j]] = [arr[j], arr[i2]];
-    };
-    var joinArrays = (...arrays) => {
-      return [].concat(...arrays);
-    };
-    var mergeArray = (arr, excludeFrom = []) => {
-      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
-    };
-    var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
-    };
-    var cutArrayBeforeValue = (arr, value2) => {
-      const index = arr.indexOf(value2);
-      if (index !== -1) {
-        return arr.slice(0, index);
-      }
-      return arr;
-    };
-    var cutArrayAfterValue = (arr, value2) => {
-      const index = arr.indexOf(value2);
-      if (index !== -1) {
-        return arr.slice(index + 1);
-      }
-      return arr;
-    };
-    var createNestedObject = (arr, lastValue) => {
-      const nestedObject = {};
-      if (arr.length === 0) {
-        return lastValue;
-      }
-      arr.reduce((obj, value2, index) => {
-        if (!obj[value2]) {
-          obj[value2] = {};
-        }
-        if (index === arr.length - 1 && lastValue) {
-          obj[value2] = lastValue;
-        }
-        return obj[value2];
-      }, nestedObject);
-      return nestedObject;
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/string.js
-var require_string2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var string_exports = {};
-    __export2(string_exports, {
-      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields2,
-      stringIncludesAny: () => stringIncludesAny
-    });
-    module2.exports = __toCommonJS2(string_exports);
-    var stringIncludesAny = (str, characters2) => {
-      for (const char2 of characters2) {
-        if (str.includes(char2)) {
-          return true;
-        }
-      }
-      return false;
-    };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields2 = (str, state) => {
-      if (!str.includes("{{"))
-        return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
-        if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
-          let parentState = state;
-          for (let i2 = 0; i2 < parentLevels; i2++) {
-            parentState = parentState.parent;
-            if (!parentState) {
-              return "";
-            }
-          }
-          const value2 = parentState[variable.trim()];
-          return value2 !== void 0 ? `${value2}` : "";
-        } else {
-          const value2 = state[variable.trim()];
-          return value2 !== void 0 ? `${value2}` : "";
-        }
-      });
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/object.js
-var require_object3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var object_exports = {};
-    __export2(object_exports, {
-      clone: () => clone,
-      deepClone: () => deepClone4,
-      deepCloneExclude: () => deepCloneExclude,
-      deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge7,
-      deepStringify: () => deepStringify,
-      detachFunctionsFromObject: () => detachFunctionsFromObject,
-      diff: () => diff,
-      diffArrays: () => diffArrays,
-      diffObjects: () => diffObjects,
-      exec: () => exec4,
-      flattenRecursive: () => flattenRecursive,
-      isEqualDeep: () => isEqualDeep2,
-      map: () => map2,
-      merge: () => merge4,
-      mergeArrayExclude: () => mergeArrayExclude,
-      mergeIfExisted: () => mergeIfExisted,
-      objectToString: () => objectToString,
-      overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep,
-      overwriteShallow: () => overwriteShallow2,
-      removeFromObject: () => removeFromObject,
-      stringToObject: () => stringToObject
-    });
-    module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_globals2();
-    var import_types = require_types2();
-    var import_array = require_array2();
-    var import_string = require_string2();
-    var exec4 = (param, element, state, context) => {
-      if ((0, import_types.isFunction)(param)) {
-        return param(
-          element,
-          state || element.state,
-          context || element.context
-        );
-      }
-      return param;
-    };
-    var map2 = (obj, extention, element) => {
-      for (const e in extention) {
-        obj[e] = exec4(extention[e], element);
-      }
-    };
-    var merge4 = (element, obj, excludeFrom = []) => {
-      for (const e in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
-        if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const objProp = obj[e];
-        if (elementProp === void 0) {
-          element[e] = objProp;
-        }
-      }
-      return element;
-    };
-    var deepMerge7 = (element, extend, excludeFrom = []) => {
-      for (const e in extend) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
-        if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const extendProp = extend[e];
-        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge7(elementProp, extendProp);
-        } else if (elementProp === void 0) {
-          element[e] = extendProp;
-        }
-      }
-      return element;
-    };
-    var clone = (obj, excludeFrom = []) => {
-      const o = {};
-      for (const prop in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty || excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        o[prop] = obj[prop];
-      }
-      return o;
-    };
-    var deepCloneExclude = (obj, excludeFrom = []) => {
-      if ((0, import_types.isArray)(obj)) {
-        return obj.map((x) => deepCloneExclude(x, excludeFrom));
-      }
-      const o = {};
-      for (const k in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, k);
-        if (!hasOwnProperty || excludeFrom.includes(k) || k.startsWith("__"))
-          continue;
-        let v = obj[k];
-        if (k === "extend" && (0, import_types.isArray)(v)) {
-          v = mergeArrayExclude(v, excludeFrom);
-        }
-        if ((0, import_types.isArray)(v)) {
-          o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
-        } else if ((0, import_types.isObject)(v)) {
-          o[k] = deepCloneExclude(v, excludeFrom);
-        } else
-          o[k] = v;
-      }
-      return o;
-    };
-    var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge7(acc, deepCloneExclude(curr, excl)), {});
-    };
-    var deepClone4 = (obj, excludeFrom = []) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        let objProp = obj[prop];
-        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
-          objProp = (0, import_array.mergeArray)(objProp);
-        }
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone4(objProp, excludeFrom);
-        } else
-          o[prop] = objProp;
-      }
-      return o;
-    };
-    var deepStringify = (obj, stringified = {}) => {
-      for (const prop in obj) {
-        const objProp = obj[prop];
-        if ((0, import_types.isFunction)(objProp)) {
-          stringified[prop] = objProp.toString();
-        } else if ((0, import_types.isObject)(objProp)) {
-          stringified[prop] = {};
-          deepStringify(objProp, stringified[prop]);
-        } else if ((0, import_types.isArray)(objProp)) {
-          stringified[prop] = [];
-          objProp.forEach((v, i2) => {
-            if ((0, import_types.isObject)(v)) {
-              stringified[prop][i2] = {};
-              deepStringify(v, stringified[prop][i2]);
-            } else if ((0, import_types.isFunction)(v)) {
-              stringified[prop][i2] = v.toString();
-            } else {
-              stringified[prop][i2] = v;
-            }
-          });
-        } else {
-          stringified[prop] = objProp;
-        }
-      }
-      return stringified;
-    };
-    var objectToString = (obj, indent = 0) => {
-      const spaces = "  ".repeat(indent);
-      let str = "{\n";
-      for (const [key, value2] of Object.entries(obj)) {
-        const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
-        const stringedKey = keyAllowdChars ? `'${key}'` : key;
-        str += `${spaces}  ${stringedKey}: `;
-        if ((0, import_types.isArray)(value2)) {
-          str += "[\n";
-          for (const element of value2) {
-            if ((0, import_types.isObject)(element) && element !== null) {
-              str += `${spaces}    ${objectToString(element, indent + 2)},
-`;
-            } else if ((0, import_types.isString)(element)) {
-              str += `${spaces}    '${element}',
-`;
-            } else {
-              str += `${spaces}    ${element},
-`;
-            }
-          }
-          str += `${spaces}  ]`;
-        } else if ((0, import_types.isObject)(value2)) {
-          str += objectToString(value2, indent + 1);
-        } else if ((0, import_types.isString)(value2)) {
-          str += (0, import_string.stringIncludesAny)(value2, ["\n", "'"]) ? `\`${value2}\`` : `'${value2}'`;
-        } else {
-          str += value2;
-        }
-        str += ",\n";
-      }
-      str += `${spaces}}`;
-      return str;
-    };
-    var detachFunctionsFromObject = (obj, detached = {}) => {
-      for (const prop in obj) {
-        const objProp = obj[prop];
-        if ((0, import_types.isFunction)(objProp))
-          continue;
-        else if ((0, import_types.isObject)(objProp)) {
-          detached[prop] = {};
-          deepStringify(objProp, detached[prop]);
-        } else if ((0, import_types.isArray)(objProp)) {
-          detached[prop] = [];
-          objProp.forEach((v, i2) => {
-            if ((0, import_types.isFunction)(v))
-              return;
-            if ((0, import_types.isObject)(v)) {
-              detached[prop][i2] = {};
-              detachFunctionsFromObject(v, detached[prop][i2]);
-            } else {
-              detached[prop][i2] = v;
-            }
-          });
-        } else {
-          detached[prop] = objProp;
-        }
-      }
-      return detached;
-    };
-    var deepDestringify = (obj, stringified = {}) => {
-      for (const prop in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty)
-          continue;
-        const objProp = obj[prop];
-        if ((0, import_types.isString)(objProp)) {
-          if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
-            try {
-              const evalProp = import_globals2.window.eval(`(${objProp})`);
-              stringified[prop] = evalProp;
-            } catch (e) {
-              if (e)
-                stringified[prop] = objProp;
-            }
-          } else {
-            stringified[prop] = objProp;
-          }
-        } else if ((0, import_types.isArray)(objProp)) {
-          stringified[prop] = [];
-          objProp.forEach((arrProp) => {
-            if ((0, import_types.isString)(arrProp)) {
-              if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
-                try {
-                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
-                  stringified[prop].push(evalProp);
-                } catch (e) {
-                  if (e)
-                    stringified[prop].push(arrProp);
-                }
-              } else {
-                stringified[prop].push(arrProp);
-              }
-            } else if ((0, import_types.isObject)(arrProp)) {
-              stringified[prop].push(deepDestringify(arrProp));
-            } else {
-              stringified[prop].push(arrProp);
-            }
-          });
-        } else if ((0, import_types.isObject)(objProp)) {
-          stringified[prop] = deepDestringify(objProp, stringified[prop]);
-        } else {
-          stringified[prop] = objProp;
-        }
-      }
-      return stringified;
-    };
-    var stringToObject = (str) => {
-      let obj;
-      try {
-        obj = import_globals2.window.eval("(" + str + ")");
-      } catch (e) {
-        console.warn(e);
-      }
-      if (obj)
-        return obj;
-    };
-    var diffObjects = (original, objToDiff, cache2) => {
-      for (const e in objToDiff) {
-        if (e === "ref")
-          continue;
-        const originalProp = original[e];
-        const objToDiffProp = objToDiff[e];
-        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
-          cache2[e] = {};
-          diff(originalProp, objToDiffProp, cache2[e]);
-        } else if (objToDiffProp !== void 0) {
-          cache2[e] = objToDiffProp;
-        }
-      }
-      return cache2;
-    };
-    var diffArrays = (original, objToDiff, cache2) => {
-      if (original.length !== objToDiff.length) {
-        cache2 = objToDiff;
-      } else {
-        const diffArr = [];
-        for (let i2 = 0; i2 < original.length; i2++) {
-          const diffObj = diff(original[i2], objToDiff[i2]);
-          if (Object.keys(diffObj).length > 0) {
-            diffArr.push(diffObj);
-          }
-        }
-        if (diffArr.length > 0) {
-          cache2 = diffArr;
-        }
-      }
-      return cache2;
-    };
-    var diff = (original, objToDiff, cache2 = {}) => {
-      if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
-        cache2 = [];
-        diffArrays(original, objToDiff, cache2);
-      } else {
-        diffObjects(original, objToDiff, cache2);
-      }
-      return cache2;
-    };
-    var overwrite = (element, params, excludeFrom = []) => {
-      const { ref } = element;
-      const changes = {};
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const paramsProp = params[e];
-        if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
-        }
-      }
-      return changes;
-    };
-    var overwriteShallow2 = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        obj[e] = params[e];
-      }
-      return obj;
-    };
-    var overwriteDeep = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (e === "__proto__")
-          continue;
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const objProp = obj[e];
-        const paramsProp = params[e];
-        if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          overwriteDeep(objProp, paramsProp);
-        } else if (paramsProp !== void 0) {
-          obj[e] = paramsProp;
-        }
-      }
-      return obj;
-    };
-    var mergeIfExisted = (a, b) => {
-      if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge7(a, b);
-      return a || b;
-    };
-    var flattenRecursive = (param, prop, stack = []) => {
-      const objectized = (0, import_array.mergeAndCloneIfArray)(param);
-      stack.push(objectized);
-      const extendOfExtend = objectized[prop];
-      if (extendOfExtend)
-        flattenRecursive(extendOfExtend, prop, stack);
-      delete objectized[prop];
-      return stack;
-    };
-    var isEqualDeep2 = (param, element) => {
-      if (param === element)
-        return true;
-      if (!param || !element)
-        return false;
-      for (const prop in param) {
-        const paramProp = param[prop];
-        const elementProp = element[prop];
-        if ((0, import_types.isObjectLike)(paramProp)) {
-          const isEqual = isEqualDeep2(paramProp, elementProp);
-          if (!isEqual)
-            return false;
-        } else {
-          const isEqual = paramProp === elementProp;
-          if (!isEqual)
-            return false;
-        }
-      }
-      return true;
-    };
-    var removeFromObject = (obj, props4) => {
-      if (props4 === void 0 || props4 === null)
-        return obj;
-      if ((0, import_types.is)(props4)("string", "number")) {
-        delete obj[props4];
-      } else if ((0, import_types.isArray)(props4)) {
-        props4.forEach((prop) => delete obj[prop]);
-      } else {
-        throw new Error("Invalid input: props must be a string or an array of strings");
-      }
-      return obj;
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/function.js
-var require_function2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var function_exports = {};
-    __export2(function_exports, {
-      debounce: () => debounce,
-      memoize: () => memoize2
-    });
-    module2.exports = __toCommonJS2(function_exports);
-    var debounce = (element, func, timeout = 300) => {
-      let timer;
-      return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          func.apply(element, args);
-        }, timeout);
-      };
-    };
-    var memoize2 = (fn) => {
-      const cache2 = {};
-      return (...args) => {
-        const n = args[0];
-        if (n in cache2) {
-          return cache2[n];
-        } else {
-          const result = fn(n);
-          cache2[n] = result;
-          return result;
-        }
-      };
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/log.js
-var require_log2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var log_exports = {};
-    __export2(log_exports, {
-      logGroupIf: () => logGroupIf,
-      logIf: () => logIf
-    });
-    module2.exports = __toCommonJS2(log_exports);
-    var logIf = (bool, ...arg) => {
-      if (bool)
-        arg.map((v) => console.log(v));
-    };
-    var logGroupIf = (bool, key, ...arg) => {
-      if (bool) {
-        console.group(key);
-        arg.map((v) => console.log(v));
-        console.groupEnd(key);
-      }
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/cookie.js
-var require_cookie2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var cookie_exports = {};
-    __export2(cookie_exports, {
-      getCookie: () => getCookie,
-      isMobile: () => isMobile,
-      setCookie: () => setCookie
-    });
-    module2.exports = __toCommonJS2(cookie_exports);
-    var import_types = require_types2();
-    var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-    var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(document) || (0, import_types.isUndefined)(document.cookie))
-        return;
-      const d = /* @__PURE__ */ new Date();
-      d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
-      const expires = `expires=${d.toUTCString()}`;
-      document.cookie = `${cname}=${cvalue};${expires};path=/`;
-    };
-    var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(document) || (0, import_types.isUndefined)(document.cookie))
-        return;
-      const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(document.cookie);
-      const ca = decodedCookie.split(";");
-      for (let i2 = 0; i2 < ca.length; i2++) {
-        let c = ca[i2];
-        while (c.charAt(0) === " ")
-          c = c.substring(1);
-        if (c.indexOf(name) === 0)
-          return c.substring(name.length, c.length);
+          ref.__defineCache[param] = execParam(element, element.state, element.context);
+        const cached = (0, import_utils28.exec)(ref.__defineCache[param], element);
+        const newExecParam = obj[param](cached, element, element.state, element.context);
+        if (newExecParam)
+          element[param] = newExecParam;
       }
-      return "";
+      return changes;
     };
   }
 });
 
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/tags.js
-var require_tags2 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
+// ../../node_modules/@domql/element/dist/cjs/applyParam.js
+var require_applyParam = __commonJS({
+  "../../node_modules/@domql/element/dist/cjs/applyParam.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -9029,158 +7825,48 @@ var require_tags2 = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var tags_exports = {};
-    __export2(tags_exports, {
-      HTML_TAGS: () => HTML_TAGS,
-      isValidHtmlTag: () => isValidHtmlTag
+    var applyParam_exports = {};
+    __export2(applyParam_exports, {
+      applyParam: () => applyParam
     });
-    module2.exports = __toCommonJS2(tags_exports);
-    var 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"
-      ]
+    module2.exports = __toCommonJS2(applyParam_exports);
+    var import_utils28 = require_cjs();
+    var import_mixins = require_mixins();
+    var applyParam = (param, element, options) => {
+      const { node: node2, context, __ref: ref } = element;
+      const prop = element[param];
+      const DOMQLProperty = import_mixins.registry[param];
+      const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
+      const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
+      const hasDefine = element.define && element.define[param];
+      const hasContextDefine = context && context.define && context.define[param];
+      if (!ref.__if)
+        return;
+      if (isGlobalTransformer && !hasContextDefine) {
+        if ((0, import_utils28.isFunction)(isGlobalTransformer)) {
+          isGlobalTransformer(prop, element, node2, options);
+          return;
+        }
+      }
+      return { hasDefine, hasContextDefine };
     };
-    var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
   }
 });
 
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs11 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/element/dist/cjs/node.js
+var require_node2 = __commonJS({
+  "../../node_modules/@domql/element/dist/cjs/node.js"(exports, module2) {
     "use strict";
+    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
     var __copyProps2 = (to, from2, except, desc) => {
       if (from2 && typeof from2 === "object" || typeof from2 === "function") {
         for (let key of __getOwnPropNames2(from2))
@@ -9189,28 +7875,80 @@ var require_cjs11 = __commonJS({
       }
       return to;
     };
-    var __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+      // 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 ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
+      mod
+    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var utils_exports = {};
-    module2.exports = __toCommonJS2(utils_exports);
-    __reExport2(utils_exports, require_key2(), module2.exports);
-    __reExport2(utils_exports, require_env2(), module2.exports);
-    __reExport2(utils_exports, require_types2(), module2.exports);
-    __reExport2(utils_exports, require_object3(), module2.exports);
-    __reExport2(utils_exports, require_function2(), module2.exports);
-    __reExport2(utils_exports, require_array2(), module2.exports);
-    __reExport2(utils_exports, require_node3(), module2.exports);
-    __reExport2(utils_exports, require_log2(), module2.exports);
-    __reExport2(utils_exports, require_string2(), module2.exports);
-    __reExport2(utils_exports, require_globals2(), module2.exports);
-    __reExport2(utils_exports, require_cookie2(), module2.exports);
-    __reExport2(utils_exports, require_tags2(), module2.exports);
+    var node_exports = {};
+    __export2(node_exports, {
+      createNode: () => createNode,
+      default: () => node_default
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_utils28 = require_cjs();
+    var import_event = require_cjs5();
+    var import_render = require_cjs9();
+    var import_methods = require_methods2();
+    var import_create = __toESM2(require_create4(), 1);
+    var import_iterate = require_iterate();
+    var import_mixins = require_mixins();
+    var import_applyParam = require_applyParam();
+    var import_utils29 = require_utils();
+    var ENV2 = "development";
+    var createNode = (element, options) => {
+      let { node: node2, tag, __ref: ref } = element;
+      let isNewNode;
+      if (!node2) {
+        isNewNode = true;
+        if (!ref.__if)
+          return element;
+        if (tag === "shadow") {
+          node2 = element.node = element.parent.node.attachShadow({ mode: "open" });
+        } else
+          node2 = element.node = (0, import_render.cacheNode)(element);
+        (0, import_event.triggerEventOn)("attachNode", element, options);
+      }
+      if (ENV2 === "test" || ENV2 === "development" || options.alowRefReference) {
+        node2.ref = element;
+        if ((0, import_utils28.isFunction)(node2.setAttribute))
+          node2.setAttribute("key", element.key);
+      }
+      (0, import_iterate.throughInitialDefine)(element);
+      (0, import_iterate.throughInitialExec)(element);
+      if (element.tag !== "string" && element.tag !== "fragment") {
+        if (isNewNode && (0, import_utils28.isObject)(element.on))
+          (0, import_event.applyEventsOnNode)(element, options);
+      }
+      for (const param in element) {
+        const value2 = element[param];
+        if ((0, import_utils28.isUndefined)(value2) || (0, import_methods.isMethod)(param) || (0, import_utils29.isVariant)(param) || (0, import_utils28.isObject)(import_mixins.registry[param]))
+          continue;
+        const isElement = (0, import_applyParam.applyParam)(param, element, options);
+        if (isElement) {
+          const { hasDefine, hasContextDefine } = isElement;
+          if (element[param] && !hasDefine && !hasContextDefine) {
+            const createAsync2 = () => (0, import_create.default)((0, import_utils28.exec)(value2, element), element, param, options);
+            if (element.props && element.props.lazyLoad || options.lazyLoad) {
+              window.requestAnimationFrame(() => createAsync2());
+            } else
+              createAsync2();
+          }
+        }
+      }
+      return element;
+    };
+    var node_default = createNode;
   }
 });
 
-// ../../../domql/node_modules/@domql/registry/dist/cjs/methods.js
+// ../../node_modules/@domql/registry/dist/cjs/methods.js
 var require_methods3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/dist/cjs/methods.js"(exports, module2) {
+  "../../node_modules/@domql/registry/dist/cjs/methods.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -9234,7 +7972,7 @@ var require_methods3 = __commonJS({
       DEFAULT_METHODS: () => DEFAULT_METHODS
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils27 = require_cjs11();
+    var import_utils28 = require_cjs();
     var DEFAULT_METHODS = {
       key: {},
       tag: {},
@@ -9255,7 +7993,7 @@ var require_methods3 = __commonJS({
       text: (element, state) => {
         element.ref.text = {
           tag: "text",
-          text: (0, import_utils27.exec)(element.text, element, state)
+          text: (0, import_utils28.exec)(element.text, element, state)
         };
       },
       innerHTML: {},
@@ -9266,9 +8004,9 @@ var require_methods3 = __commonJS({
   }
 });
 
-// ../../../domql/node_modules/@domql/registry/dist/cjs/tags.js
-var require_tags3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/dist/cjs/tags.js"(exports, module2) {
+// ../../node_modules/@domql/registry/dist/cjs/tags.js
+var require_tags2 = __commonJS({
+  "../../node_modules/@domql/registry/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -9431,9 +8169,9 @@ var require_tags3 = __commonJS({
   }
 });
 
-// ../../../domql/node_modules/@domql/registry/dist/cjs/index.js
-var require_cjs12 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/registry/dist/cjs/index.js
+var require_cjs10 = __commonJS({
+  "../../node_modules/@domql/registry/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -9452,13 +8190,13 @@ var require_cjs12 = __commonJS({
     var registry_exports = {};
     module2.exports = __toCommonJS2(registry_exports);
     __reExport2(registry_exports, require_methods3(), module2.exports);
-    __reExport2(registry_exports, require_tags3(), module2.exports);
+    __reExport2(registry_exports, require_tags2(), module2.exports);
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/update.js
+// ../../node_modules/@domql/element/dist/cjs/update.js
 var require_update2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/update.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/update.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -9492,19 +8230,19 @@ var require_update2 = __commonJS({
       default: () => update_default
     });
     module2.exports = __toCommonJS2(update_exports);
-    var import_utils27 = require_cjs();
-    var import_event = require_cjs6();
+    var import_utils28 = require_cjs();
+    var import_event = require_cjs5();
     var import_methods = require_methods2();
     var import_props = require_props();
-    var import_state2 = require_cjs7();
-    var import_utils28 = require_utils();
+    var import_state2 = require_cjs6();
+    var import_utils29 = require_utils();
     var import_create = __toESM2(require_create4(), 1);
     var import_iterate = require_iterate();
     var import_mixins = require_mixins();
     var import_applyParam = require_applyParam();
     var import_options3 = __toESM2(require_options(), 1);
     var snapshot = {
-      snapshotId: import_utils27.createSnapshotId
+      snapshotId: import_utils28.createSnapshotId
     };
     var UPDATE_DEFAULT_OPTIONS = {
       stackChanges: false,
@@ -9512,7 +8250,7 @@ var require_update2 = __commonJS({
       preventRecursive: false,
       currentSnapshot: false,
       calleeElement: false,
-      excludes: import_utils28.METHODS_EXL
+      excludes: import_utils29.METHODS_EXL
     };
     var update = function(params = {}, options = UPDATE_DEFAULT_OPTIONS) {
       const element = this;
@@ -9522,14 +8260,14 @@ var require_update2 = __commonJS({
       if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
         return;
       if (!excludes)
-        (0, import_utils27.merge)(options, UPDATE_DEFAULT_OPTIONS);
+        (0, import_utils28.merge)(options, UPDATE_DEFAULT_OPTIONS);
       let ref = element.__ref;
       if (!ref)
         ref = element.__ref = {};
       const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options);
       if (snapshotHasUpdated)
         return;
-      if ((0, import_utils27.isString)(params) || (0, import_utils27.isNumber)(params)) {
+      if ((0, import_utils28.isString)(params) || (0, import_utils28.isNumber)(params)) {
         params = { text: params };
       }
       const inheritState = inheritStateUpdates(element, options);
@@ -9540,7 +8278,7 @@ var require_update2 = __commonJS({
         return;
       if (ref.__if && !options.preventPropsUpdate) {
         const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
-        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils27.isFunction)(v));
+        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils28.isFunction)(v));
         const props4 = params.props || hasParentProps || hasFunctionInProps.length;
         if (props4)
           (0, import_props.updateProps)(props4, element, parent);
@@ -9550,14 +8288,14 @@ var require_update2 = __commonJS({
         if (initUpdateReturns === false)
           return element;
       }
-      const overwriteChanges = (0, import_utils27.overwriteDeep)(element, params, import_utils28.METHODS_EXL);
+      const overwriteChanges = (0, import_utils28.overwriteDeep)(element, params, import_utils29.METHODS_EXL);
       const execChanges = (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
       const definedChanges = (0, import_iterate.throughUpdatedDefine)(element);
       if (!options.isForced) {
         (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
       }
       if (options.stackChanges && element.__stackChanges) {
-        const stackChanges = (0, import_utils27.merge)(definedChanges, (0, import_utils27.merge)(execChanges, overwriteChanges));
+        const stackChanges = (0, import_utils28.merge)(definedChanges, (0, import_utils28.merge)(execChanges, overwriteChanges));
         element.__stackChanges.push(stackChanges);
       }
       if (!ref.__if)
@@ -9568,16 +8306,16 @@ var require_update2 = __commonJS({
       for (const param in element) {
         const prop = element[param];
         const hasOnlyUpdateFalsy = options.onlyUpdate && (options.onlyUpdate !== param || !element.lookup(options.onlyUpdate));
-        const isInPreventUpdate = (0, import_utils27.isArray)(options.preventUpdate) && options.preventUpdate.includes(param);
-        const isInPreventDefineUpdate = (0, import_utils27.isArray)(options.preventDefineUpdate) && options.preventDefineUpdate.includes(param);
-        if ((0, import_utils27.isUndefined)(prop) || hasOnlyUpdateFalsy || isInPreventUpdate || isInPreventDefineUpdate || options.preventDefineUpdate === true || options.preventDefineUpdate === param || options.preventContentUpdate && param === "content" || (options.preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils27.isObject)(import_mixins.registry[param]) || (0, import_utils28.isVariant)(param))
+        const isInPreventUpdate = (0, import_utils28.isArray)(options.preventUpdate) && options.preventUpdate.includes(param);
+        const isInPreventDefineUpdate = (0, import_utils28.isArray)(options.preventDefineUpdate) && options.preventDefineUpdate.includes(param);
+        if ((0, import_utils28.isUndefined)(prop) || hasOnlyUpdateFalsy || isInPreventUpdate || isInPreventDefineUpdate || options.preventDefineUpdate === true || options.preventDefineUpdate === param || options.preventContentUpdate && param === "content" || (options.preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils28.isObject)(import_mixins.registry[param]) || (0, import_utils29.isVariant)(param))
           continue;
         if (options.preventStateUpdate === "once")
           options.preventStateUpdate = false;
         const isElement = (0, import_applyParam.applyParam)(param, element, options);
         if (isElement) {
           const { hasDefine, hasContextDefine } = isElement;
-          const canUpdate = (0, import_utils27.isObject)(prop) && !hasDefine && !hasContextDefine && !options.preventRecursive;
+          const canUpdate = (0, import_utils28.isObject)(prop) && !hasDefine && !hasContextDefine && !options.preventRecursive;
           if (!canUpdate)
             continue;
           const lazyLoad = element.props.lazyLoad || options.lazyLoad;
@@ -9586,7 +8324,7 @@ var require_update2 = __commonJS({
             currentSnapshot: snapshotOnCallee,
             calleeElement
           });
-          lazyLoad ? import_utils27.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
+          lazyLoad ? import_utils28.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
         }
       }
       if (!options.preventUpdateListener)
@@ -9609,7 +8347,7 @@ var require_update2 = __commonJS({
     };
     var checkIfOnUpdate = (element, parent, options) => {
       var _a;
-      if (!(0, import_utils27.isFunction)(element.if) || !parent)
+      if (!(0, import_utils28.isFunction)(element.if) || !parent)
         return;
       const ref = element.__ref;
       const ifPassed = element.if(element, element.state, element.context, options);
@@ -9635,7 +8373,7 @@ var require_update2 = __commonJS({
             node: hasPrevious || hasNext
           };
           const created = (0, import_create.default)(element, parent, element.key, import_options3.default.create, attachOptions);
-          if (options.preventUpdate !== true && element.on && (0, import_utils27.isFunction)(element.on.update)) {
+          if (options.preventUpdate !== true && element.on && (0, import_utils28.isFunction)(element.on.update)) {
             (0, import_event.applyEvent)(element.on.update, created, created.state);
           }
           return created;
@@ -9656,9 +8394,9 @@ var require_update2 = __commonJS({
         element.state = parent && parent.state || {};
         return;
       }
-      const shouldForceFunctionState = (0, import_utils27.isFunction)(stateKey) && !isHoisted && execStateFunction;
+      const shouldForceFunctionState = (0, import_utils28.isFunction)(stateKey) && !isHoisted && execStateFunction;
       if (shouldForceFunctionState) {
-        const execState = (0, import_utils27.exec)(stateKey, element);
+        const execState = (0, import_utils28.exec)(stateKey, element);
         state.set(execState, { ...options, preventUpdate: true, updatedByStateFunction: true });
         return;
       }
@@ -9690,9 +8428,9 @@ var require_update2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/methods/set.js
+// ../../node_modules/@domql/element/dist/cjs/methods/set.js
 var require_set2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/methods/set.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/methods/set.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -9726,7 +8464,7 @@ var require_set2 = __commonJS({
       addMethods: () => addMethods
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_set = __toESM2(require_set(), 1);
     var import_update = __toESM2(require_update2(), 1);
     var import__ = require_methods2();
@@ -9747,16 +8485,16 @@ var require_set2 = __commonJS({
         nextElement: import__.nextElement.bind(element),
         previousElement: import__.previousElement.bind(element)
       };
-      if ((0, import_utils27.isDevelopment)())
+      if ((0, import_utils28.isDevelopment)())
         proto.log = import__.log.bind(element);
       Object.setPrototypeOf(element, proto);
     };
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/create.js
+// ../../node_modules/@domql/element/dist/cjs/create.js
 var require_create4 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/create.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/create.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -9792,10 +8530,10 @@ var require_create4 = __commonJS({
     module2.exports = __toCommonJS2(create_exports);
     var import_node = __toESM2(require_node2(), 1);
     var import_tree = require_tree();
-    var import_registry = require_cjs12();
-    var import_event = require_cjs6();
-    var import_render = require_cjs10();
-    var import_state2 = require_cjs7();
+    var import_registry = require_cjs10();
+    var import_event = require_cjs5();
+    var import_render = require_cjs9();
+    var import_state2 = require_cjs6();
     var import_methods = require_methods2();
     var import_props = require_props();
     var import_extend = require_extend();
@@ -9803,7 +8541,7 @@ var require_create4 = __commonJS({
     var import_set = require_set2();
     var import_classList = require_classList();
     var import_iterate = require_iterate();
-    var import_utils27 = require_cjs();
+    var import_utils28 = require_cjs();
     var import_options3 = __toESM2(require_options(), 1);
     var import_component = require_component();
     var ENV2 = "development";
@@ -9816,7 +8554,7 @@ var require_create4 = __commonJS({
       parent = redefineParent(element, parent, key);
       key = createKey(element, parent, key);
       const ref = addRef(element, parent, key);
-      ref.__initialProps = (0, import_utils27.deepClone)(element.props, []);
+      ref.__initialProps = (0, import_utils28.deepClone)(element.props, []);
       applyContext(element, parent, options);
       (0, import_component.applyComponentFromContext)(element, parent, options);
       if (!ref.__skipCreate) {
@@ -9859,7 +8597,7 @@ var require_create4 = __commonJS({
         }
         return {};
       }
-      if ((0, import_utils27.isString)(key) && key.slice(0, 2 === "__")) {
+      if ((0, import_utils28.isString)(key) && key.slice(0, 2 === "__")) {
         if (ENV2 === "test" || ENV2 === "development") {
           console.warn(key, "seems like to be in __ref");
         }
@@ -9886,7 +8624,7 @@ var require_create4 = __commonJS({
     var redefineParent = (element, parent, key, options) => {
       if (!parent)
         return import_tree.ROOT;
-      if ((0, import_utils27.isNode)(parent)) {
+      if ((0, import_utils28.isNode)(parent)) {
         const parentNodeWrapper = { key: ":root", node: parent };
         import_tree.ROOT[`${key}_parent`] = parentNodeWrapper;
         return parentNodeWrapper;
@@ -9900,7 +8638,7 @@ var require_create4 = __commonJS({
       }
     };
     var createKey = (element, parent, key) => {
-      return ((0, import_utils27.exec)(key, element) || key || element.key || (0, import_utils27.generateKey)()).toString();
+      return ((0, import_utils28.exec)(key, element) || key || element.key || (0, import_utils28.generateKey)()).toString();
     };
     var addRef = (element, parent) => {
       if (element.__ref)
@@ -9932,7 +8670,7 @@ var require_create4 = __commonJS({
       (0, import_event.triggerEventOn)("render", element, options);
     };
     var checkIfPrimitive = (element) => {
-      return (0, import_utils27.is)(element)("string", "number");
+      return (0, import_utils28.is)(element)("string", "number");
     };
     var applyValueAsText = (element, parent, key) => {
       const extendTag = element.extend && element.extend.tag;
@@ -9956,7 +8694,7 @@ var require_create4 = __commonJS({
     };
     var createIfConditionFlag = (element, parent) => {
       const { __ref: ref } = element;
-      if ((0, import_utils27.isFunction)(element.if) && !element.if(element, element.state)) {
+      if ((0, import_utils28.isFunction)(element.if) && !element.if(element, element.state)) {
         delete ref.__if;
       } else
         ref.__if = true;
@@ -10015,7 +8753,7 @@ var require_create4 = __commonJS({
           ref.__children = [];
         (0, import_set.addMethods)(element, parent);
         (0, import_state2.createState)(element, parent);
-        if ((0, import_utils27.isFunction)(element.if)) {
+        if ((0, import_utils28.isFunction)(element.if)) {
           const ifPassed = element.if(element, element.state);
           if (!ifPassed) {
             delete ref.__if;
@@ -10035,7 +8773,7 @@ var require_create4 = __commonJS({
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
         for (const k in element) {
-          if ((0, import_utils27.isUndefined)(element[k]) || (0, import_methods.isMethod)(k) || (0, import_utils27.isObject)(import_mixins.registry[k]) || (0, import_component.isVariant)(k))
+          if ((0, import_utils28.isUndefined)(element[k]) || (0, import_methods.isMethod)(k) || (0, import_utils28.isObject)(import_mixins.registry[k]) || (0, import_component.isVariant)(k))
             continue;
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
@@ -10043,7 +8781,7 @@ var require_create4 = __commonJS({
           if (!ref.__skipCreate && import_mixins.registry[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-            create2((0, import_utils27.exec)(element[k], element), element, k, options);
+            create2((0, import_utils28.exec)(element[k], element), element, k, options);
           }
         }
       }
@@ -10080,9 +8818,9 @@ var require_create4 = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/define.js
+// ../../node_modules/@domql/element/dist/cjs/define.js
 var require_define = __commonJS({
-  "../../../domql/packages/element/dist/cjs/define.js"(exports, module2) {
+  "../../node_modules/@domql/element/dist/cjs/define.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -10106,7 +8844,7 @@ var require_define = __commonJS({
       default: () => define_default
     });
     module2.exports = __toCommonJS2(define_exports);
-    var import_report = require_cjs5();
+    var import_report = require_cjs3();
     var import_mixins = require_mixins();
     var define_default = (params, options = {}) => {
       const { overwrite } = options;
@@ -10120,9 +8858,9 @@ var require_define = __commonJS({
   }
 });
 
-// ../../../domql/packages/element/dist/cjs/index.js
-var require_cjs13 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/@domql/element/dist/cjs/index.js
+var require_cjs11 = __commonJS({
+  "../../node_modules/@domql/element/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -10170,9 +8908,9 @@ var require_cjs13 = __commonJS({
   }
 });
 
-// ../../../domql/packages/domql/dist/cjs/index.js
-var require_cjs14 = __commonJS({
-  "../../../domql/packages/domql/dist/cjs/index.js"(exports, module2) {
+// ../../node_modules/domql/dist/cjs/index.js
+var require_cjs12 = __commonJS({
+  "../../node_modules/domql/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -10196,7 +8934,7 @@ var require_cjs14 = __commonJS({
       default: () => domql_default
     });
     module2.exports = __toCommonJS2(domql_exports);
-    var import_element = require_cjs13();
+    var import_element = require_cjs11();
     var create2 = (element, parent, key, options) => {
       return (0, import_element.create)(element, parent, key, options);
     };
@@ -10450,7 +9188,7 @@ __export(src_exports, {
   default: () => src_default2
 });
 module.exports = __toCommonJS(src_exports);
-var import_utils26 = __toESM(require_cjs(), 1);
+var import_utils27 = __toESM(require_cjs(), 1);
 
 // src/utilImports.js
 var utilImports_exports = {};
@@ -13118,7 +11856,7 @@ var Overflow = {
 };
 
 // ../uikit/Atoms/Collection.js
-var import_state = __toESM(require_cjs7());
+var import_state = __toESM(require_cjs6());
 var import_utils7 = __toESM(require_cjs());
 var Collection = {
   define: {
@@ -17937,7 +16675,7 @@ var injectRouterInLinkComponent = (routerOptions) => {
 
 // src/ferchOnCreate.js
 var import_utils18 = __toESM(require_cjs(), 1);
-var import_fetch = __toESM(require_cjs9(), 1);
+var import_fetch = __toESM(require_cjs8(), 1);
 var fetchSync = async (key, options) => {
   if (key && options.editor) {
     try {
@@ -17973,7 +16711,7 @@ var import_scratch14 = __toESM(require_cjs2());
 
 // ../socket/client.js
 var utils = __toESM(require_cjs(), 1);
-var globals = __toESM(require_cjs8(), 1);
+var globals = __toESM(require_cjs7(), 1);
 
 // ../../node_modules/engine.io-parser/build/esm/commons.js
 var PACKET_TYPES = /* @__PURE__ */ Object.create(null);
@@ -21372,7 +20110,8 @@ function send(event = "change", changes, options) {
 }
 
 // ../socket-ui/byld-socket.js
-var import_globals = __toESM(require_cjs8());
+var import_globals = __toESM(require_cjs7());
+var import_utils20 = __toESM(require_cjs());
 
 // ../socket-ui/devFocus.js
 var import_utils19 = __toESM(require_cjs());
@@ -21582,24 +20321,38 @@ var onDisconnect = (element, state) => {
   return () => {
   };
 };
-var onChange = (element, state, context) => {
+var onChange = (el, s, ctx) => {
   return (event, data) => {
     if (event === "change") {
       const obj = JSON.parse(data);
-      const { PROJECT_STATE, PROJECT_DESIGN_SYSTEM } = obj;
-      const { utils: utils2 } = context;
-      if (PROJECT_STATE) {
-        const route = PROJECT_STATE.route;
+      const { state, designSystem, pages, components, snippets } = obj.DATA;
+      const { utils: utils2 } = ctx;
+      if (pages) {
+        (0, import_utils20.overwriteDeep)(ctx.pages, pages);
+      }
+      if (components) {
+        (0, import_utils20.overwriteDeep)(ctx.components, components);
+      }
+      if (snippets) {
+        (0, import_utils20.overwriteDeep)(ctx.snippets, snippets);
+      }
+      if (state) {
+        const route = state.route;
         if (route)
-          (utils2.router || import_router3.router)(route.replace("/state", "") || "/", element, {}, true, false);
-        else
-          state.update(PROJECT_STATE);
+          (utils2.router || import_router3.router)(route.replace("/state", "") || "/", el, {});
+        else if (!(snippets && components && pages))
+          s.update(state);
       }
-      if (PROJECT_DESIGN_SYSTEM)
-        init(PROJECT_DESIGN_SYSTEM);
+      if (snippets || components || pages) {
+        console.log(pages);
+        console.log(import_globals.window.location.pathname);
+        (utils2.router || import_router3.router)(import_globals.window.location.pathname, el, {});
+      }
+      if (designSystem)
+        init(designSystem);
     }
     if (event === "clients") {
-      connectedToSymbols(data, element, state);
+      connectedToSymbols(data, el, s);
     }
   };
 };
@@ -21651,15 +20404,15 @@ var Sync = {
 };
 
 // src/syncExtend.js
-var import_utils20 = __toESM(require_cjs(), 1);
+var import_utils21 = __toESM(require_cjs(), 1);
 var applySyncDebug = (extend, options) => {
   const { editor } = options;
   if (!editor)
     return extend;
-  const inspect = (0, import_utils20.isUndefined)(editor.inspect) ? (0, import_utils20.isDevelopment)() : editor.inspect;
+  const inspect = (0, import_utils21.isUndefined)(editor.inspect) ? (0, import_utils21.isDevelopment)() : editor.inspect;
   if (inspect)
     extend.push(DevFocus);
-  const liveSync = (0, import_utils20.isUndefined)(editor.liveSync) ? (0, import_utils20.isDevelopment)() : editor.liveSync;
+  const liveSync = (0, import_utils21.isUndefined)(editor.liveSync) ? (0, import_utils21.isDevelopment)() : editor.liveSync;
   if (liveSync)
     extend.push(Sync);
   return extend;
@@ -21668,7 +20421,7 @@ var applyInspectListener = (root, options) => {
   const { editor } = options;
   if (!editor)
     return;
-  const inspect = (0, import_utils20.isUndefined)(editor.inspect) ? (0, import_utils20.isDevelopment)() : editor.inspect;
+  const inspect = (0, import_utils21.isUndefined)(editor.inspect) ? (0, import_utils21.isDevelopment)() : editor.inspect;
   if (inspect)
     inspectOnKey(root);
 };
@@ -21721,17 +20474,17 @@ var CREATE_OPTIONS = {
 var options_default = CREATE_OPTIONS;
 
 // src/createDomql.js
-var import_domql = __toESM(require_cjs14(), 1);
-var import_utils25 = __toESM(require_cjs(), 1);
+var import_domql = __toESM(require_cjs12(), 1);
+var import_utils26 = __toESM(require_cjs(), 1);
 
 // src/prepare.js
-var import_utils24 = __toESM(require_cjs(), 1);
+var import_utils25 = __toESM(require_cjs(), 1);
 
 // ../../node_modules/@domql/emotion/index.js
-var import_utils22 = __toESM(require_cjs());
+var import_utils23 = __toESM(require_cjs());
 
 // ../../node_modules/@domql/classlist/index.js
-var import_utils21 = __toESM(require_cjs());
+var import_utils22 = __toESM(require_cjs());
 var classify = (obj, element) => {
   let className = "";
   for (const item in obj) {
@@ -21741,7 +20494,7 @@ var classify = (obj, element) => {
     else if (typeof param === "string")
       className += ` ${param}`;
     else if (typeof param === "function") {
-      className += ` ${(0, import_utils21.exec)(param, element)}`;
+      className += ` ${(0, import_utils22.exec)(param, element)}`;
     }
   }
   return className;
@@ -21752,9 +20505,9 @@ var classList = (params, element) => {
   const { key } = element;
   if (params === true)
     params = element.class = { key };
-  if ((0, import_utils21.isString)(params))
+  if ((0, import_utils22.isString)(params))
     params = element.class = { default: params };
-  if ((0, import_utils21.isObject)(params))
+  if ((0, import_utils22.isObject)(params))
     params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
   if (element.ref)
@@ -21770,9 +20523,9 @@ var applyClassListOnNode = (params, element, node2) => {
 // ../../node_modules/@domql/emotion/index.js
 var transformEmotionStyle = (emotion2) => {
   return (params, element, state) => {
-    const execParams = (0, import_utils22.exec)(params, element);
+    const execParams = (0, import_utils23.exec)(params, element);
     if (params) {
-      if ((0, import_utils22.isObjectLike)(element.class))
+      if ((0, import_utils23.isObjectLike)(element.class))
         element.class.elementStyle = execParams;
       else
         element.class = { elementStyle: execParams };
@@ -21786,18 +20539,18 @@ var transformEmotionClass = (emotion2) => {
       return;
     const { __ref } = element;
     const { __class, __classNames } = __ref;
-    if (!(0, import_utils22.isObjectLike)(params))
+    if (!(0, import_utils23.isObjectLike)(params))
       return;
     for (const key in params) {
-      const prop = (0, import_utils22.exec)(params[key], element);
+      const prop = (0, import_utils23.exec)(params[key], element);
       if (!prop) {
         delete __class[key];
         delete __classNames[key];
         continue;
       }
-      const isEqual = (0, import_utils22.isEqualDeep)(__class[key], prop);
+      const isEqual = (0, import_utils23.isEqualDeep)(__class[key], prop);
       if (!isEqual) {
-        if (!(0, import_utils22.isProduction)() && (0, import_utils22.isObject)(prop))
+        if (!(0, import_utils23.isProduction)() && (0, import_utils23.isObject)(prop))
           prop.label = key || element.key;
         const CSSed = emotion2.css(prop);
         __class[key] = prop;
@@ -21817,7 +20570,7 @@ var transformDOMQLEmotion = (emotion2, options) => {
 };
 
 // src/initEmotion.js
-var import_utils23 = __toESM(require_cjs(), 1);
+var import_utils24 = __toESM(require_cjs(), 1);
 
 // ../icons/default/index.js
 var default_default = {
@@ -22215,8 +20968,8 @@ var initEmotion = (key, options = {}) => {
   if (!initOptions.emotion)
     initOptions.emotion = emotion;
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options);
-  const defaultDesignSystem = (0, import_utils23.deepClone)(src_default);
-  const designSystem = initOptions.useDefaultConfig ? (0, import_utils23.deepMerge)(options.designSystem, defaultDesignSystem) : options.designSystem || defaultDesignSystem;
+  const defaultDesignSystem = (0, import_utils24.deepClone)(src_default);
+  const designSystem = initOptions.useDefaultConfig ? (0, import_utils24.deepMerge)(options.designSystem, defaultDesignSystem) : options.designSystem || defaultDesignSystem;
   const scratchSystem2 = init(designSystem, {
     key,
     emotion: emotion2,
@@ -22230,7 +20983,7 @@ var initEmotion = (key, options = {}) => {
 
 // src/prepare.js
 var checkIfKeyIsComponent = (key) => {
-  const isFirstKeyString = (0, import_utils24.isString)(key);
+  const isFirstKeyString = (0, import_utils25.isString)(key);
   if (!isFirstKeyString)
     return;
   const firstCharKey = key.slice(0, 1);
@@ -22264,8 +21017,8 @@ var prepareState = (options, App) => {
   if (options.state)
     utilImports_exports.deepMerge(state, options.state);
   if (App && App.state)
-    (0, import_utils24.deepMerge)(state, App.state);
-  return (0, import_utils24.deepCloneWithExtnd)(state);
+    (0, import_utils25.deepMerge)(state, App.state);
+  return (0, import_utils25.deepCloneWithExtnd)(state);
 };
 var preparePages = (options) => {
   return options.pages || {};
@@ -22284,10 +21037,9 @@ var prepareDocument = (options) => {
 // src/createDomql.js
 var SYMBOLS_KEY = process.env.SYMBOLS_KEY;
 var createDomqlElement = (App, options) => {
-  const appIsKey = (0, import_utils25.isString)(App);
-  const key = options.key || SYMBOLS_KEY || (appIsKey ? App : "");
+  const key = options.key || SYMBOLS_KEY || ((0, import_utils26.isString)(App) ? App : "");
   const [scratcDesignSystem, emotion2, registry] = prepareDesignSystem(options, key);
-  if (appIsKey)
+  if ((0, import_utils26.isString)(App))
     App = {};
   const doc = prepareDocument(options);
   const state = prepareState(options, App);
@@ -22326,8 +21078,8 @@ var createDomqlElement = (App, options) => {
 // src/index.js
 var SYMBOLS_KEY2 = process.env.SYMBOLS_KEY;
 var mergeWithLocalFile2 = (options, optionsExternalFile) => {
-  const rcfile = (0, import_utils26.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {};
-  return (0, import_utils26.deepMerge)(options, rcfile);
+  const rcfile = (0, import_utils27.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {};
+  return (0, import_utils27.deepMerge)(options, rcfile);
 };
 var create = (App, options = options_default, optionsExternalFile) => {
   const redefinedOptions = { ...options_default, ...mergeWithLocalFile2(options, optionsExternalFile) };