@symbo.ls/create 2.11.441 → 2.11.444

package/dist/cjs/bundle/index.js

@@ -598,6 +598,7 @@ var require_object = __commonJS({
       deepDiff: () => deepDiff,
       deepMerge: () => deepMerge7,
       deepStringify: () => deepStringify,
+      deepStringifyWithMaxDepth: () => deepStringifyWithMaxDepth,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       detectInfiniteLoop: () => detectInfiniteLoop,
       diff: () => diff,
@@ -748,6 +749,11 @@ var require_object = __commonJS({
       return o;
     };
     var deepStringify = (obj, stringified = {}) => {
+      var _a;
+      if (obj.node || obj.__ref || obj.parent || obj.__element || obj.parse) {
+        console.warn("Trying to clone element or state at", obj);
+        obj = (_a = obj.parse) == null ? void 0 : _a.call(obj);
+      }
       for (const prop in obj) {
         const objProp = obj[prop];
         if ((0, import_types.isFunction)(objProp)) {
@@ -773,6 +779,39 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var MAX_DEPTH = 100;
+    var deepStringifyWithMaxDepth = (obj, stringified = {}, depth2 = 0, path = "") => {
+      if (depth2 > MAX_DEPTH) {
+        console.warn(`Maximum depth exceeded at path: ${path}. Possible circular reference.`);
+        return "[MAX_DEPTH_EXCEEDED]";
+      }
+      for (const prop in obj) {
+        const currentPath = path ? `${path}.${prop}` : prop;
+        const objProp = obj[prop];
+        if ((0, import_types.isFunction)(objProp)) {
+          stringified[prop] = objProp.toString();
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = {};
+          deepStringifyWithMaxDepth(objProp, stringified[prop], depth2 + 1, currentPath);
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((v, i) => {
+            const itemPath = `${currentPath}[${i}]`;
+            if ((0, import_types.isObject)(v)) {
+              stringified[prop][i] = {};
+              deepStringifyWithMaxDepth(v, stringified[prop][i], depth2 + 1, itemPath);
+            } else if ((0, import_types.isFunction)(v)) {
+              stringified[prop][i] = v.toString();
+            } else {
+              stringified[prop][i] = v;
+            }
+          });
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
     var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
@@ -1320,6 +1359,7 @@ var require_cookie = __commonJS({
     __export2(cookie_exports, {
       getCookie: () => getCookie,
       isMobile: () => isMobile,
+      removeCookie: () => removeCookie,
       setCookie: () => setCookie
     });
     module2.exports = __toCommonJS2(cookie_exports);
@@ -1349,6 +1389,11 @@ var require_cookie = __commonJS({
       }
       return "";
     };
+    var removeCookie = (cname) => {
+      if ((0, import_types.isUndefined)(import_utils32.document) || (0, import_types.isUndefined)(import_utils32.document.cookie))
+        return;
+      import_utils32.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+    };
   }
 });
 
@@ -1756,7 +1801,7 @@ var require_cjs2 = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var require_cjs18 = __commonJS2({
+    var require_cjs16 = __commonJS2({
       "../../node_modules/@domql/globals/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1790,7 +1835,7 @@ var require_cjs2 = __commonJS({
         var document4 = window32.document;
       }
     });
-    var require_key4 = __commonJS2({
+    var require_key3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1827,7 +1872,7 @@ var require_cjs2 = __commonJS({
         var createSnapshotId = generateKey;
       }
     });
-    var require_env4 = __commonJS2({
+    var require_env3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1863,7 +1908,7 @@ var require_cjs2 = __commonJS({
         var getNev = (key, env = NODE_ENV) => env[key];
       }
     });
-    var require_globals4 = __commonJS2({
+    var require_globals3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1897,7 +1942,7 @@ var require_cjs2 = __commonJS({
         var document4 = window32.document;
       }
     });
-    var require_node5 = __commonJS2({
+    var require_node4 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1924,7 +1969,7 @@ var require_cjs2 = __commonJS({
           isNode: () => isNode
         });
         module22.exports = __toCommonJS22(node_exports);
-        var import_globals3 = require_globals4();
+        var import_globals3 = require_globals3();
         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;
         };
@@ -1936,7 +1981,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_types4 = __commonJS2({
+    var require_types3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -1974,7 +2019,7 @@ var require_cjs2 = __commonJS({
           isUndefined: () => isUndefined22
         });
         module22.exports = __toCommonJS22(types_exports);
-        var import_node = require_node5();
+        var import_node = require_node4();
         var isObject72 = (arg) => {
           if (arg === null)
             return false;
@@ -2024,7 +2069,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_array4 = __commonJS2({
+    var require_array3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -2062,8 +2107,8 @@ var require_cjs2 = __commonJS({
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
-        var import_object = require_object5();
-        var import_types = require_types4();
+        var import_object = require_object4();
+        var import_types = require_types3();
         var arrayContainsOtherArray = (arr1, arr2) => {
           return arr2.every((val) => arr1.includes(val));
         };
@@ -2161,7 +2206,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_string4 = __commonJS2({
+    var require_string3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -2309,7 +2354,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_object5 = __commonJS2({
+    var require_object4 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -2367,11 +2412,11 @@ var require_cjs2 = __commonJS({
           stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
-        var import_globals3 = require_globals4();
-        var import_types = require_types4();
-        var import_array = require_array4();
-        var import_string = require_string4();
-        var import_node = require_node5();
+        var import_globals3 = require_globals3();
+        var import_types = require_types3();
+        var import_array = require_array3();
+        var import_string = require_string3();
+        var import_node = require_node4();
         var ENV22 = "development";
         var exec6 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
@@ -2910,7 +2955,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_function4 = __commonJS2({
+    var require_function3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -2995,7 +3040,7 @@ var require_cjs2 = __commonJS({
         }
       }
     });
-    var require_log4 = __commonJS2({
+    var require_log3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -3034,7 +3079,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_cookie4 = __commonJS2({
+    var require_cookie3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -3061,7 +3106,7 @@ var require_cjs2 = __commonJS({
           setCookie: () => setCookie
         });
         module22.exports = __toCommonJS22(cookie_exports);
-        var import_types = require_types4();
+        var import_types = require_types3();
         var import_utils272 = require_cjs22();
         var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
         var setCookie = (cname, cvalue, exdays = 365) => {
@@ -3089,7 +3134,7 @@ var require_cjs2 = __commonJS({
         };
       }
     });
-    var require_tags5 = __commonJS2({
+    var require_tags3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -3438,18 +3483,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_key4(), module22.exports);
-        __reExport2(utils_exports2, require_env4(), module22.exports);
-        __reExport2(utils_exports2, require_types4(), module22.exports);
-        __reExport2(utils_exports2, require_object5(), module22.exports);
-        __reExport2(utils_exports2, require_function4(), module22.exports);
-        __reExport2(utils_exports2, require_array4(), module22.exports);
-        __reExport2(utils_exports2, require_node5(), module22.exports);
-        __reExport2(utils_exports2, require_log4(), module22.exports);
-        __reExport2(utils_exports2, require_string4(), module22.exports);
-        __reExport2(utils_exports2, require_globals4(), module22.exports);
-        __reExport2(utils_exports2, require_cookie4(), module22.exports);
-        __reExport2(utils_exports2, require_tags5(), module22.exports);
+        __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_tags3(), module22.exports);
         __reExport2(utils_exports2, require_component3(), module22.exports);
       }
     });
@@ -5534,7 +5579,7 @@ 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_cjs18(), 1);
+    var import_globals2 = __toESM2(require_cjs16(), 1);
     var import_utils32 = __toESM2(require_cjs22(), 1);
     var ENV3 = "development";
     var colorStringToRgbaArray = (color) => {
@@ -6991,7 +7036,7 @@ var require_cjs2 = __commonJS({
         lineHeight: TYPOGRAPHY22.lineHeight
       });
     };
-    var import_globals22 = __toESM2(require_cjs18(), 1);
+    var import_globals22 = __toESM2(require_cjs16(), 1);
     var DEF_OPTIONS = {
       document: import_globals22.document
     };
@@ -7196,7 +7241,7 @@ var require_cjs2 = __commonJS({
           return {
             backgroundImage: getMediaColor3(backgroundImage, globalTheme || CONFIG22.globalTheme)
           };
-        } else if (v.includes("/") || v.includes("http"))
+        } else if (v.includes("/") || v.startsWith("http") || v.includes("."))
           return `url(${v})`;
         return v;
       }).join(" ");
@@ -7400,7 +7445,7 @@ var require_cjs3 = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var require_key4 = __commonJS2({
+    var require_key3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7437,7 +7482,7 @@ var require_cjs3 = __commonJS({
         var createSnapshotId = generateKey;
       }
     });
-    var require_env4 = __commonJS2({
+    var require_env3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7473,7 +7518,7 @@ var require_cjs3 = __commonJS({
         var getNev = (key, env = NODE_ENV) => env[key];
       }
     });
-    var require_globals4 = __commonJS2({
+    var require_globals3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7507,7 +7552,7 @@ var require_cjs3 = __commonJS({
         var document2 = window22.document;
       }
     });
-    var require_node5 = __commonJS2({
+    var require_node4 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7534,7 +7579,7 @@ var require_cjs3 = __commonJS({
           isNode: () => isNode
         });
         module22.exports = __toCommonJS22(node_exports);
-        var import_globals2 = require_globals4();
+        var import_globals2 = require_globals3();
         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;
         };
@@ -7546,7 +7591,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_types4 = __commonJS2({
+    var require_types3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7584,7 +7629,7 @@ var require_cjs3 = __commonJS({
           isUndefined: () => isUndefined11
         });
         module22.exports = __toCommonJS22(types_exports);
-        var import_node = require_node5();
+        var import_node = require_node4();
         var isObject32 = (arg) => {
           if (arg === null)
             return false;
@@ -7634,7 +7679,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_array4 = __commonJS2({
+    var require_array3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7672,8 +7717,8 @@ var require_cjs3 = __commonJS({
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
-        var import_object = require_object5();
-        var import_types = require_types4();
+        var import_object = require_object4();
+        var import_types = require_types3();
         var arrayContainsOtherArray = (arr1, arr2) => {
           return arr2.every((val) => arr1.includes(val));
         };
@@ -7771,7 +7816,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_string4 = __commonJS2({
+    var require_string3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7919,7 +7964,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_object5 = __commonJS2({
+    var require_object4 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -7977,11 +8022,11 @@ var require_cjs3 = __commonJS({
           stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
-        var import_globals2 = require_globals4();
-        var import_types = require_types4();
-        var import_array = require_array4();
-        var import_string = require_string4();
-        var import_node = require_node5();
+        var import_globals2 = require_globals3();
+        var import_types = require_types3();
+        var import_array = require_array3();
+        var import_string = require_string3();
+        var import_node = require_node4();
         var ENV3 = "development";
         var exec6 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
@@ -8520,7 +8565,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_function4 = __commonJS2({
+    var require_function3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -8605,7 +8650,7 @@ var require_cjs3 = __commonJS({
         }
       }
     });
-    var require_log4 = __commonJS2({
+    var require_log3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -8644,7 +8689,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_cookie4 = __commonJS2({
+    var require_cookie3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -8671,8 +8716,8 @@ var require_cjs3 = __commonJS({
           setCookie: () => setCookie
         });
         module22.exports = __toCommonJS22(cookie_exports);
-        var import_types = require_types4();
-        var import_utils33 = require_cjs18();
+        var import_types = require_types3();
+        var import_utils33 = require_cjs16();
         var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
         var setCookie = (cname, cvalue, exdays = 365) => {
           if ((0, import_types.isUndefined)(import_utils33.document) || (0, import_types.isUndefined)(import_utils33.document.cookie))
@@ -8699,7 +8744,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_tags5 = __commonJS2({
+    var require_tags3 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -8899,7 +8944,7 @@ var require_cjs3 = __commonJS({
           isVariant: () => isVariant
         });
         module22.exports = __toCommonJS22(component_exports);
-        var import__ = require_cjs18();
+        var import__ = require_cjs16();
         var ENV3 = "development";
         var checkIfKeyIsComponent2 = (key) => {
           const isFirstKeyString = (0, import__.isString)(key);
@@ -9029,7 +9074,7 @@ var require_cjs3 = __commonJS({
         };
       }
     });
-    var require_cjs18 = __commonJS2({
+    var require_cjs16 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -9048,18 +9093,18 @@ var require_cjs3 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var utils_exports = {};
         module22.exports = __toCommonJS22(utils_exports);
-        __reExport2(utils_exports, require_key4(), module22.exports);
-        __reExport2(utils_exports, require_env4(), module22.exports);
-        __reExport2(utils_exports, require_types4(), module22.exports);
-        __reExport2(utils_exports, require_object5(), module22.exports);
-        __reExport2(utils_exports, require_function4(), module22.exports);
-        __reExport2(utils_exports, require_array4(), module22.exports);
-        __reExport2(utils_exports, require_node5(), module22.exports);
-        __reExport2(utils_exports, require_log4(), module22.exports);
-        __reExport2(utils_exports, require_string4(), module22.exports);
-        __reExport2(utils_exports, require_globals4(), module22.exports);
-        __reExport2(utils_exports, require_cookie4(), module22.exports);
-        __reExport2(utils_exports, require_tags5(), module22.exports);
+        __reExport2(utils_exports, require_key3(), module22.exports);
+        __reExport2(utils_exports, require_env3(), module22.exports);
+        __reExport2(utils_exports, require_types3(), module22.exports);
+        __reExport2(utils_exports, require_object4(), module22.exports);
+        __reExport2(utils_exports, require_function3(), module22.exports);
+        __reExport2(utils_exports, require_array3(), module22.exports);
+        __reExport2(utils_exports, require_node4(), module22.exports);
+        __reExport2(utils_exports, require_log3(), module22.exports);
+        __reExport2(utils_exports, require_string3(), module22.exports);
+        __reExport2(utils_exports, require_globals3(), module22.exports);
+        __reExport2(utils_exports, require_cookie3(), module22.exports);
+        __reExport2(utils_exports, require_tags3(), module22.exports);
         __reExport2(utils_exports, require_component3(), module22.exports);
       }
     });
@@ -9087,7 +9132,7 @@ var require_cjs3 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_utils210 = __toESM2(require_cjs18(), 1);
+    var import_utils210 = __toESM2(require_cjs16(), 1);
     var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
         try {
@@ -9099,7 +9144,7 @@ var require_cjs3 = __commonJS({
         await document.exitFullscreen();
       }
     };
-    var import_utils32 = __toESM2(require_cjs18(), 1);
+    var import_utils32 = __toESM2(require_cjs16(), 1);
     var findClosestNumber = (number, arr) => {
       return ((0, import_utils32.isArray)(arr) ? arr : Object.values(arr)).reduce((prev3, curr) => {
         return Math.abs(curr - number) < Math.abs(prev3 - number) ? curr : prev3;
@@ -9765,6 +9810,9 @@ var require_ignore = __commonJS({
       "quietUpdate",
       "applyReplace",
       "applyFunction",
+      "keys",
+      "values",
+      "ref",
       "rootUpdate",
       "parentUpdate",
       "parent",
@@ -9806,6 +9854,7 @@ var require_methods = __commonJS({
       applyReplace: () => applyReplace,
       clean: () => clean,
       destroy: () => destroy,
+      keys: () => keys,
       parentUpdate: () => parentUpdate,
       parse: () => parse4,
       quietReplace: () => quietReplace,
@@ -9815,7 +9864,8 @@ var require_methods = __commonJS({
       reset: () => reset,
       rootUpdate: () => rootUpdate,
       set: () => set3,
-      toggle: () => toggle
+      toggle: () => toggle,
+      values: () => values
     });
     module2.exports = __toCommonJS2(methods_exports);
     var import_utils32 = require_cjs();
@@ -9960,6 +10010,14 @@ var require_methods = __commonJS({
       const state = this;
       return state.replace(obj, { preventUpdate: true, ...options });
     };
+    var keys = function(obj, options = {}) {
+      const state = this;
+      return Object.keys(state);
+    };
+    var values = function(obj, options = {}) {
+      const state = this;
+      return Object.values(state);
+    };
   }
 });
 
@@ -10081,7 +10139,7 @@ var require_inherit = __commonJS({
     var isState2 = function(state) {
       if (!(0, import_utils32.isObjectLike)(state))
         return false;
-      return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.replace && state.quietUpdate && state.quietReplace && state.add && state.apply && state.applyReplace && state.applyFunction && state.__element && state.__children;
+      return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.keys && state.values && state.toggle && state.replace && state.quietUpdate && state.quietReplace && state.add && state.apply && state.applyReplace && state.applyFunction && state.__element && state.__children;
     };
     var createNestedObjectByKeyPath = (path, value2) => {
       if (!path) {
@@ -10368,6 +10426,8 @@ var require_create = __commonJS({
         quietReplace: import_methods.quietReplace.bind(state),
         reset: import_methods.reset.bind(state),
         parent: element.parent.state || state,
+        keys: import_methods.keys.bind(state),
+        values: import_methods.values.bind(state),
         __element: element,
         __children: {},
         root: ref.root ? ref.root.state : state
@@ -11380,7 +11440,7 @@ var require_text = __commonJS({
       default: () => text_default
     });
     module2.exports = __toCommonJS2(text_exports);
-    var import__ = require_cjs15();
+    var import__ = require_cjs13();
     var import_utils32 = require_cjs();
     var text_default = (param, element, node3) => {
       let prop = (0, import_utils32.exec)(param, element);
@@ -12932,6 +12992,7 @@ var require_applyParam = __commonJS({
     var applyParam = (param, element, options) => {
       const { node: node3, context, __ref: ref } = element;
       const prop = element[param];
+      const { onlyUpdate } = options;
       const DOMQLProperty = import_mixins.registry[param];
       const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
       const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
@@ -12939,7 +13000,8 @@ var require_applyParam = __commonJS({
       const hasContextDefine = context && context.define && context.define[param];
       if (!ref.__if)
         return;
-      if (isGlobalTransformer && !hasContextDefine) {
+      const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
+      if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
         if ((0, import_utils32.isFunction)(isGlobalTransformer)) {
           isGlobalTransformer(prop, element, node3, options);
           return;
@@ -13097,13 +13159,15 @@ var require_node2 = __commonJS({
   }
 });
 
-// ../../../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) {
+// ../../../domql/packages/element/dist/cjs/update.js
+var require_update2 = __commonJS({
+  "../../../domql/packages/element/dist/cjs/update.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)
@@ -13117,1650 +13181,81 @@ var require_key2 = __commonJS({
       }
       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 key_exports = {};
-    __export2(key_exports, {
-      createSnapshotId: () => createSnapshotId,
-      generateKey: () => generateKey
+    var update_exports = {};
+    __export2(update_exports, {
+      default: () => update_default
     });
-    module2.exports = __toCommonJS2(key_exports);
-    var generateKey = /* @__PURE__ */ 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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
+    module2.exports = __toCommonJS2(update_exports);
+    var import_utils32 = require_cjs();
+    var import_event = require_cjs6();
+    var import_methods = require_methods2();
+    var import_props = require_props();
+    var import_state2 = require_cjs8();
+    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 import_utils210 = require_utils();
+    var snapshot = {
+      snapshotId: import_utils32.createSnapshotId
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var env_exports = {};
-    __export2(env_exports, {
-      NODE_ENV: () => NODE_ENV,
-      getNev: () => getNev,
-      isDevelopment: () => isDevelopment4,
-      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 isDevelopment4 = (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 UPDATE_DEFAULT_OPTIONS = {
+      stackChanges: false,
+      cleanExec: true,
+      preventRecursive: false,
+      currentSnapshot: false,
+      calleeElement: false,
+      excludes: import_utils210.METHODS_EXL
     };
-    var __copyProps2 = (to, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
+    var update = function(params = {}, opts) {
+      const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
+      const options = (0, import_utils210.deepClone)((0, import_utils32.isObject)(opts) ? (0, import_utils210.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, ["calleeElement"]);
+      options.calleeElement = calleeElementCache;
+      const element = this;
+      const { parent, node: node3, key } = element;
+      const { excludes, preventInheritAtCurrentState } = options;
+      let ref = element.__ref;
+      if (!ref)
+        ref = element.__ref = {};
+      const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options);
+      if (snapshotHasUpdated)
+        return;
+      if (!options.preventListeners)
+        (0, import_event.triggerEventOnUpdate)("startUpdate", params, element, options);
+      if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
+        return;
+      if (!excludes)
+        (0, import_utils32.merge)(options, UPDATE_DEFAULT_OPTIONS);
+      if ((0, import_utils32.isString)(params) || (0, import_utils32.isNumber)(params)) {
+        params = { text: params };
       }
-      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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
+      const inheritState = inheritStateUpdates(element, options);
+      if (inheritState === false)
+        return;
+      const ifFails = checkIfOnUpdate(element, parent, options);
+      if (ifFails)
+        return;
+      if (ref.__if && !options.preventPropsUpdate) {
+        const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
+        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils32.isFunction)(v));
+        const props2 = params.props || hasParentProps || hasFunctionInProps.length;
+        if (props2)
+          (0, import_props.updateProps)(props2, element, parent);
       }
-      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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, 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: () => isArray5,
-      isBoolean: () => isBoolean2,
-      isDate: () => isDate,
-      isDefined: () => isDefined2,
-      isFunction: () => isFunction4,
-      isNot: () => isNot2,
-      isNull: () => isNull,
-      isNumber: () => isNumber2,
-      isObject: () => isObject10,
-      isObjectLike: () => isObjectLike3,
-      isString: () => isString13,
-      isUndefined: () => isUndefined11
-    });
-    module2.exports = __toCommonJS2(types_exports);
-    var import_node = require_node3();
-    var isObject10 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString13 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isFunction4 = (arg) => typeof arg === "function";
-    var isBoolean2 = (arg) => arg === true || arg === false;
-    var isNull = (arg) => arg === null;
-    var isArray5 = (arg) => Array.isArray(arg);
-    var isDate = (d) => d instanceof Date;
-    var isObjectLike3 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object";
-    };
-    var isDefined2 = (arg) => {
-      return isObject10(arg) || isObjectLike3(arg) || isString13(arg) || isNumber2(arg) || isFunction4(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
-    };
-    var isUndefined11 = (arg) => {
-      return arg === void 0;
-    };
-    var TYPES = {
-      boolean: isBoolean2,
-      array: isArray5,
-      object: isObject10,
-      string: isString13,
-      date: isDate,
-      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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, 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,
-      getFrequencyInArray: () => getFrequencyInArray,
-      joinArrays: () => joinArrays,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      removeFromArray: () => removeFromArray,
-      removeValueFromArray: () => removeValueFromArray,
-      removeValueFromArrayAll: () => removeValueFromArrayAll,
-      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 getFrequencyInArray = (arr, value2) => {
-      return arr.reduce((count, currentValue) => {
-        return currentValue === value2 ? count + 1 : count;
-      }, 0);
-    };
-    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, i, j) => {
-      [arr[i], arr[j]] = [arr[j], arr[i]];
-    };
-    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) => {
-      if (!(0, import_types.isArray)(arr))
-        return;
-      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;
-    };
-    var removeValueFromArray = (arr, value2) => {
-      const index = arr.indexOf(value2);
-      if (index > -1) {
-        const newArray = [...arr];
-        newArray.splice(index, 1);
-        return newArray;
-      }
-      return arr;
-    };
-    var removeValueFromArrayAll = (arr, value2) => {
-      return arr.filter((item) => item !== value2);
-    };
-  }
-});
-
-// ../../../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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var string_exports = {};
-    __export2(string_exports, {
-      lowercaseFirstLetter: () => lowercaseFirstLetter,
-      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields3,
-      stringIncludesAny: () => stringIncludesAny,
-      trimStringFromSymbols: () => trimStringFromSymbols
-    });
-    module2.exports = __toCommonJS2(string_exports);
-    var stringIncludesAny = (str, characters3) => {
-      for (const char3 of characters3) {
-        if (str.includes(char3)) {
-          return true;
-        }
-      }
-      return false;
-    };
-    var trimStringFromSymbols = (str, characters3) => {
-      const pattern = new RegExp(`[${characters3.join("\\")}]`, "g");
-      return str.replace(pattern, "");
-    };
-    var brackRegex = {
-      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
-      3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
-    };
-    var replaceLiteralsWithObjectFields3 = (str, state, options = {}) => {
-      if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
-        return str;
-      const reg = brackRegex[options.bracketsLength || 2];
-      return str.replace(reg, (_, parentPath, variable) => {
-        if (parentPath) {
-          const parentLevels = parentPath.match(options.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
-          let parentState = state;
-          for (let i = 0; i < parentLevels; i++) {
-            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}` : "";
-        }
-      });
-    };
-    var lowercaseFirstLetter = (inputString) => {
-      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
-    };
-  }
-});
-
-// ../../../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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var object_exports = {};
-    __export2(object_exports, {
-      clone: () => clone,
-      deepClone: () => deepClone3,
-      deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtend: () => deepCloneWithExtend3,
-      deepContains: () => deepContains,
-      deepDestringify: () => deepDestringify,
-      deepDiff: () => deepDiff,
-      deepMerge: () => deepMerge7,
-      deepStringify: () => deepStringify,
-      detachFunctionsFromObject: () => detachFunctionsFromObject,
-      diff: () => diff,
-      diffArrays: () => diffArrays,
-      diffObjects: () => diffObjects,
-      exec: () => exec6,
-      flattenRecursive: () => flattenRecursive,
-      hasOwnProperty: () => hasOwnProperty,
-      isEmpty: () => isEmpty,
-      isEmptyObject: () => isEmptyObject,
-      isEqualDeep: () => isEqualDeep2,
-      makeObjectWithoutPrototype: () => makeObjectWithoutPrototype,
-      map: () => map,
-      merge: () => merge6,
-      mergeArrayExclude: () => mergeArrayExclude,
-      mergeIfExisted: () => mergeIfExisted,
-      objectToString: () => objectToString,
-      overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep2,
-      overwriteShallow: () => overwriteShallow3,
-      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 exec6 = (param, element, state, context) => {
-      if ((0, import_types.isFunction)(param)) {
-        return param(
-          element,
-          state || element.state,
-          context || element.context
-        );
-      }
-      return param;
-    };
-    var map = (obj, extention, element) => {
-      for (const e in extention) {
-        obj[e] = exec6(extention[e], element);
-      }
-    };
-    var merge6 = (element, obj, excludeFrom = []) => {
-      for (const e in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
-        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const objProp = obj[e];
-        if (elementProp === void 0) {
-          element[e] = objProp;
-        }
-      }
-      return element;
-    };
-    var deepMerge7 = (element, extend, excludeFrom = []) => {
-      for (const e in extend) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const extendProp = extend[e];
-        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge7(elementProp, extendProp, excludeFrom);
-        } else if (elementProp === void 0) {
-          element[e] = extendProp;
-        }
-      }
-      return element;
-    };
-    var clone = (obj, excludeFrom = []) => {
-      const o = {};
-      for (const prop in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty2 || 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 hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, k);
-        if (!hasOwnProperty2 || 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 deepClone3 = (obj, excludeFrom = [], cleanUndefined = false) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, prop))
-          continue;
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        let objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
-          continue;
-        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
-          objProp = (0, import_array.mergeArray)(objProp);
-        }
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone3(objProp, excludeFrom, cleanUndefined);
-        } else
-          o[prop] = objProp;
-      }
-      return o;
-    };
-    var deepCloneWithExtend3 = (obj, excludeFrom = ["node"], options = {}) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, prop))
-          continue;
-        const objProp = obj[prop];
-        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
-          continue;
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtend3(objProp, excludeFrom, options);
-        } 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, i) => {
-            if ((0, import_types.isObject)(v)) {
-              stringified[prop][i] = {};
-              deepStringify(v, stringified[prop][i]);
-            } else if ((0, import_types.isFunction)(v)) {
-              stringified[prop][i] = v.toString();
-            } else {
-              stringified[prop][i] = 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 keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
-        const stringedKey = keyNotAllowdChars ? `'${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.isObjectLike)(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, i) => {
-            if ((0, import_types.isFunction)(v))
-              return;
-            if ((0, import_types.isObject)(v)) {
-              detached[prop][i] = {};
-              detachFunctionsFromObject(v, detached[prop][i]);
-            } else {
-              detached[prop][i] = v;
-            }
-          });
-        } else {
-          detached[prop] = objProp;
-        }
-      }
-      return detached;
-    };
-    var deepDestringify = (obj, destringified = {}) => {
-      for (const prop in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty2)
-          continue;
-        const objProp = obj[prop];
-        if ((0, import_types.isString)(objProp)) {
-          if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
-            try {
-              const evalProp = import_globals2.window.eval(`(${objProp})`);
-              destringified[prop] = evalProp;
-            } catch (e) {
-              if (e)
-                destringified[prop] = objProp;
-            }
-          } else {
-            destringified[prop] = objProp;
-          }
-        } else if ((0, import_types.isArray)(objProp)) {
-          destringified[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})`);
-                  destringified[prop].push(evalProp);
-                } catch (e) {
-                  if (e)
-                    destringified[prop].push(arrProp);
-                }
-              } else {
-                destringified[prop].push(arrProp);
-              }
-            } else if ((0, import_types.isObject)(arrProp)) {
-              destringified[prop].push(deepDestringify(arrProp));
-            } else {
-              destringified[prop].push(arrProp);
-            }
-          });
-        } else if ((0, import_types.isObject)(objProp)) {
-          destringified[prop] = deepDestringify(objProp, destringified[prop]);
-        } else {
-          destringified[prop] = objProp;
-        }
-      }
-      return destringified;
-    };
-    var stringToObject = (str, opts = { verbose: true }) => {
-      try {
-        return import_globals2.window.eval("(" + str + ")");
-      } catch (e) {
-        if (opts.verbose)
-          console.warn(e);
-      }
-    };
-    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 i = 0; i < original.length; i++) {
-          const diffObj = diff(original[i], objToDiff[i]);
-          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 hasOwnProperty = (o, ...args) => Object.prototype.hasOwnProperty.call(o, ...args);
-    var isEmpty = (o) => Object.keys(o).length === 0;
-    var isEmptyObject = (o) => (0, import_types.isObject)(o) && isEmpty(o);
-    var makeObjectWithoutPrototype = () => /* @__PURE__ */ Object.create(null);
-    var deepDiff = (lhs, rhs) => {
-      if (lhs === rhs)
-        return {};
-      if (!(0, import_types.isObjectLike)(lhs) || !(0, import_types.isObjectLike)(rhs))
-        return rhs;
-      const deletedValues = Object.keys(lhs).reduce((acc, key) => {
-        if (!hasOwnProperty(rhs, key)) {
-          acc[key] = void 0;
-        }
-        return acc;
-      }, makeObjectWithoutPrototype());
-      if ((0, import_types.isDate)(lhs) || (0, import_types.isDate)(rhs)) {
-        if (lhs.valueOf() === rhs.valueOf())
-          return {};
-        return rhs;
-      }
-      return Object.keys(rhs).reduce((acc, key) => {
-        if (!hasOwnProperty(lhs, key)) {
-          acc[key] = rhs[key];
-          return acc;
-        }
-        const difference = diff(lhs[key], rhs[key]);
-        if (isEmptyObject(difference) && !(0, import_types.isDate)(difference) && (isEmptyObject(lhs[key]) || !isEmptyObject(rhs[key]))) {
-          return acc;
-        }
-        acc[key] = difference;
-        return acc;
-      }, deletedValues);
-    };
-    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 overwriteShallow3 = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        obj[e] = params[e];
-      }
-      return obj;
-    };
-    var overwriteDeep2 = (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)) {
-          overwriteDeep2(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, visited = /* @__PURE__ */ new Set()) => {
-      if (typeof param !== "object" || typeof element !== "object" || param === null || element === null) {
-        return param === element;
-      }
-      if (visited.has(param) || visited.has(element)) {
-        return true;
-      }
-      visited.add(param);
-      visited.add(element);
-      const keysParam = Object.keys(param);
-      const keysElement = Object.keys(element);
-      if (keysParam.length !== keysElement.length) {
-        return false;
-      }
-      for (const key of keysParam) {
-        if (!keysElement.includes(key)) {
-          return false;
-        }
-        const paramProp = param[key];
-        const elementProp = element[key];
-        if (!isEqualDeep2(paramProp, elementProp, visited)) {
-          return false;
-        }
-      }
-      return true;
-    };
-    var deepContains = (obj1, obj2) => {
-      if (typeof obj1 !== typeof obj2) {
-        return false;
-      }
-      if ((0, import_types.isObjectLike)(obj1)) {
-        if (Array.isArray(obj1) && Array.isArray(obj2)) {
-          if (obj1.length !== obj2.length) {
-            return false;
-          }
-          for (let i = 0; i < obj1.length; i++) {
-            if (!deepContains(obj1[i], obj2[i])) {
-              return false;
-            }
-          }
-        } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
-          for (const key in obj1) {
-            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
-            if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
-              return false;
-            }
-          }
-        }
-      } else {
-        return obj2 === obj1;
-      }
-      return true;
-    };
-    var removeFromObject = (obj, props2) => {
-      if (props2 === void 0 || props2 === null)
-        return obj;
-      if ((0, import_types.is)(props2)("string", "number")) {
-        delete obj[props2];
-      } else if ((0, import_types.isArray)(props2)) {
-        props2.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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var function_exports = {};
-    __export2(function_exports, {
-      debounce: () => debounce,
-      debounceOnContext: () => debounceOnContext,
-      isStringFunction: () => isStringFunction,
-      memoize: () => memoize3
-    });
-    module2.exports = __toCommonJS2(function_exports);
-    function debounce(func, wait, immediate) {
-      let timeout;
-      return function() {
-        const context = this;
-        const args = arguments;
-        const later = function() {
-          timeout = null;
-          if (!immediate)
-            func.apply(context, args);
-        };
-        const callNow = immediate && !timeout;
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-        if (callNow)
-          func.apply(context, args);
-      };
-    }
-    var debounceOnContext = (element, func, timeout = 300) => {
-      let timer;
-      return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          func.apply(element, args);
-        }, timeout);
-      };
-    };
-    var memoize3 = (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;
-        }
-      };
-    };
-    var isStringFunction = (inputString) => {
-      const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
-      return functionRegex.test(inputString);
-    };
-  }
-});
-
-// ../../../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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, 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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, 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 i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === " ")
-          c = c.substring(1);
-        if (c.indexOf(name) === 0)
-          return c.substring(name.length, c.length);
-      }
-      return "";
-    };
-  }
-});
-
-// ../../../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) {
-    "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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var tags_exports = {};
-    __export2(tags_exports, {
-      HTML_TAGS: () => HTML_TAGS,
-      isValidHtmlTag: () => isValidHtmlTag
-    });
-    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",
-        "search",
-        "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",
-        "hgroup",
-        "q",
-        "rp",
-        "rt",
-        "ruby",
-        "s",
-        "samp",
-        "script",
-        "section",
-        "select",
-        "small",
-        "source",
-        "span",
-        "strike",
-        "strong",
-        "sub",
-        "summary",
-        "sup",
-        "table",
-        "tbody",
-        "td",
-        "template",
-        "hgroup",
-        "textarea",
-        "tfoot",
-        "th",
-        "thead",
-        "time",
-        "tr",
-        "track",
-        "tt",
-        "u",
-        "ul",
-        "var",
-        "video",
-        "wbr",
-        // SVG
-        "svg",
-        "path"
-      ]
-    };
-    var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs13 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/node_modules/@domql/utils/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 __copyProps2 = (to, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    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);
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/dist/cjs/methods.js
-var require_methods3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/dist/cjs/methods.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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var methods_exports = {};
-    __export2(methods_exports, {
-      DEFAULT_METHODS: () => DEFAULT_METHODS
-    });
-    module2.exports = __toCommonJS2(methods_exports);
-    var import_utils32 = require_cjs13();
-    var DEFAULT_METHODS = {
-      key: {},
-      tag: {},
-      if: {},
-      define: {},
-      attr: {},
-      style: {},
-      content: {},
-      class: {},
-      props: {},
-      state: {},
-      method: {},
-      transform: {},
-      on: {},
-      ref: {},
-      extend: {},
-      childExtend: {},
-      text: (element, state) => {
-        element.ref.text = {
-          tag: "text",
-          text: (0, import_utils32.exec)(element.text, element, state)
-        };
-      },
-      innerHTML: {},
-      set: {},
-      update: {},
-      remove: {}
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/dist/cjs/tags.js
-var require_tags3 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/dist/cjs/tags.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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var tags_exports = {};
-    __export2(tags_exports, {
-      TAGS: () => TAGS
-    });
-    module2.exports = __toCommonJS2(tags_exports);
-    var TAGS = {
-      root: [
-        "body",
-        "html"
-      ],
-      head: [
-        "title",
-        "base",
-        "meta",
-        "style"
-      ],
-      body: [
-        "html",
-        "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"
-      ]
-    };
-  }
-});
-
-// ../../../domql/node_modules/@domql/registry/dist/cjs/index.js
-var require_cjs14 = __commonJS({
-  "../../../domql/node_modules/@domql/registry/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 __copyProps2 = (to, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var registry_exports = {};
-    module2.exports = __toCommonJS2(registry_exports);
-    __reExport2(registry_exports, require_methods3(), module2.exports);
-    __reExport2(registry_exports, require_tags3(), module2.exports);
-  }
-});
-
-// ../../../domql/packages/element/dist/cjs/update.js
-var require_update2 = __commonJS({
-  "../../../domql/packages/element/dist/cjs/update.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, from3, except, desc) => {
-      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-        for (let key of __getOwnPropNames2(from3))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, 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 update_exports = {};
-    __export2(update_exports, {
-      default: () => update_default
-    });
-    module2.exports = __toCommonJS2(update_exports);
-    var import_utils32 = require_cjs();
-    var import_event = require_cjs6();
-    var import_methods = require_methods2();
-    var import_props = require_props();
-    var import_state2 = require_cjs8();
-    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 import_utils210 = require_utils();
-    var snapshot = {
-      snapshotId: import_utils32.createSnapshotId
-    };
-    var UPDATE_DEFAULT_OPTIONS = {
-      stackChanges: false,
-      cleanExec: true,
-      preventRecursive: false,
-      currentSnapshot: false,
-      calleeElement: false,
-      excludes: import_utils210.METHODS_EXL
-    };
-    var update = function(params = {}, opts) {
-      const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
-      const options = (0, import_utils210.deepClone)((0, import_utils32.isObject)(opts) ? (0, import_utils210.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, ["calleeElement"]);
-      options.calleeElement = calleeElementCache;
-      const element = this;
-      const { parent, node: node3, key } = element;
-      const { excludes, preventInheritAtCurrentState } = options;
-      let ref = element.__ref;
-      if (!ref)
-        ref = element.__ref = {};
-      const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options);
-      if (snapshotHasUpdated)
-        return;
-      if (!options.preventListeners)
-        (0, import_event.triggerEventOnUpdate)("startUpdate", params, element, options);
-      if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
-        return;
-      if (!excludes)
-        (0, import_utils32.merge)(options, UPDATE_DEFAULT_OPTIONS);
-      if ((0, import_utils32.isString)(params) || (0, import_utils32.isNumber)(params)) {
-        params = { text: params };
-      }
-      const inheritState = inheritStateUpdates(element, options);
-      if (inheritState === false)
-        return;
-      const ifFails = checkIfOnUpdate(element, parent, options);
-      if (ifFails)
-        return;
-      if (ref.__if && !options.preventPropsUpdate) {
-        const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
-        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils32.isFunction)(v));
-        const props2 = params.props || hasParentProps || hasFunctionInProps.length;
-        if (props2)
-          (0, import_props.updateProps)(props2, element, parent);
-      }
-      if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-        const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
-        if (beforeUpdateReturns === false)
-          return element;
+      if (!options.preventBeforeUpdateListener && !options.preventListeners) {
+        const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
+        if (beforeUpdateReturns === false)
+          return element;
       }
       const overwriteChanges = (0, import_utils32.overwriteDeep)(element, params, import_utils210.METHODS_EXL);
       const execChanges = (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
@@ -14778,7 +13273,6 @@ var require_update2 = __commonJS({
         return;
       }
       const {
-        onlyUpdate,
         preventUpdate,
         preventDefineUpdate,
         preventContentUpdate,
@@ -14803,11 +13297,10 @@ var require_update2 = __commonJS({
         }
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        const hasOnlyUpdateFalsy = onlyUpdate && (onlyUpdate !== param || !element.lookup(onlyUpdate));
         const isInPreventUpdate = (0, import_utils32.isArray)(preventUpdate) && preventUpdate.includes(param);
         const isInPreventDefineUpdate = (0, import_utils32.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
         const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-        if ((0, import_utils32.isUndefined)(prop) || hasOnlyUpdateFalsy || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils32.isObject)(import_mixins.registry[param]) || (0, import_utils32.isVariant)(param))
+        if ((0, import_utils32.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils32.isObject)(import_mixins.registry[param]) || (0, import_utils32.isVariant)(param))
           continue;
         if (preventStateUpdate === "once")
           options.preventStateUpdate = false;
@@ -15048,7 +13541,7 @@ 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_cjs14();
+    var import_utils32 = require_cjs();
     var import_event = require_cjs6();
     var import_render = require_cjs12();
     var import_state2 = require_cjs8();
@@ -15059,7 +13552,6 @@ var require_create4 = __commonJS({
     var import_set = require_set2();
     var import_classList = require_classList();
     var import_iterate = require_iterate();
-    var import_utils32 = require_cjs();
     var import_options3 = __toESM2(require_options(), 1);
     var import_component = require_component2();
     var ENV3 = "development";
@@ -15223,7 +13715,7 @@ var require_create4 = __commonJS({
     var applyValueAsText = (element, parent, key) => {
       const extendTag = element.extend && element.extend.tag;
       const childExtendTag = parent.childExtend && parent.childExtend.tag;
-      const isKeyValidHTMLTag = import_registry.TAGS.body.indexOf(key) > -1 && key;
+      const isKeyValidHTMLTag = import_utils32.HTML_TAGS.body.indexOf(key) > -1 && key;
       return {
         text: element,
         tag: extendTag || childExtendTag || isKeyValidHTMLTag || "string"
@@ -15390,7 +13882,7 @@ var require_define = __commonJS({
 });
 
 // ../../../domql/packages/element/dist/cjs/index.js
-var require_cjs15 = __commonJS({
+var require_cjs13 = __commonJS({
   "../../../domql/packages/element/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
@@ -15440,7 +13932,7 @@ var require_cjs15 = __commonJS({
 });
 
 // ../../../domql/packages/domql/dist/cjs/index.js
-var require_cjs16 = __commonJS({
+var require_cjs14 = __commonJS({
   "../../../domql/packages/domql/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15465,7 +13957,7 @@ var require_cjs16 = __commonJS({
       default: () => domql_default
     });
     module2.exports = __toCommonJS2(domql_exports);
-    var import_element = require_cjs15();
+    var import_element = require_cjs13();
     var create2 = (element, parent, key, options) => {
       return (0, import_element.create)(element, parent, key, options);
     };
@@ -15477,7 +13969,7 @@ var require_cjs16 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/key.js
-var require_key3 = __commonJS({
+var require_key2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15516,7 +14008,7 @@ var require_key3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/env.js
-var require_env3 = __commonJS({
+var require_env2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15554,7 +14046,7 @@ var require_env3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/globals.js
-var require_globals3 = __commonJS({
+var require_globals2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15590,7 +14082,7 @@ var require_globals3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/node.js
-var require_node4 = __commonJS({
+var require_node3 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15616,7 +14108,7 @@ var require_node4 = __commonJS({
       isNode: () => isNode
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_globals2 = require_globals3();
+    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;
     };
@@ -15627,7 +14119,7 @@ var require_node4 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/types.js
-var require_types3 = __commonJS({
+var require_types2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15665,7 +14157,7 @@ var require_types3 = __commonJS({
       isUndefined: () => isUndefined11
     });
     module2.exports = __toCommonJS2(types_exports);
-    var import_node = require_node4();
+    var import_node = require_node3();
     var isObject10 = (arg) => {
       if (arg === null)
         return false;
@@ -15717,7 +14209,7 @@ var require_types3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/array.js
-var require_array3 = __commonJS({
+var require_array2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15753,8 +14245,8 @@ var require_array3 = __commonJS({
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(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));
     };
@@ -15838,7 +14330,7 @@ var require_array3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/string.js
-var require_string3 = __commonJS({
+var require_string2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15911,7 +14403,7 @@ var require_string3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/object.js
-var require_object4 = __commonJS({
+var require_object3 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -15965,10 +14457,10 @@ var require_object4 = __commonJS({
       stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_globals3();
-    var import_types = require_types3();
-    var import_array = require_array3();
-    var import_string = require_string3();
+    var import_globals2 = require_globals2();
+    var import_types = require_types2();
+    var import_array = require_array2();
+    var import_string = require_string2();
     var exec6 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
@@ -16421,7 +14913,7 @@ var require_object4 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/function.js
-var require_function3 = __commonJS({
+var require_function2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -16496,7 +14988,7 @@ var require_function3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/log.js
-var require_log3 = __commonJS({
+var require_log2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -16537,7 +15029,7 @@ var require_log3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/cookie.js
-var require_cookie3 = __commonJS({
+var require_cookie2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -16564,7 +15056,7 @@ var require_cookie3 = __commonJS({
       setCookie: () => setCookie
     });
     module2.exports = __toCommonJS2(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))
@@ -16593,7 +15085,7 @@ var require_cookie3 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/tags.js
-var require_tags4 = __commonJS({
+var require_tags2 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -16761,7 +15253,7 @@ var require_tags4 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs17 = __commonJS({
+var require_cjs15 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -16780,18 +15272,18 @@ var require_cjs17 = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var utils_exports = {};
     module2.exports = __toCommonJS2(utils_exports);
-    __reExport2(utils_exports, require_key3(), module2.exports);
-    __reExport2(utils_exports, require_env3(), module2.exports);
-    __reExport2(utils_exports, require_types3(), module2.exports);
-    __reExport2(utils_exports, require_object4(), module2.exports);
-    __reExport2(utils_exports, require_function3(), module2.exports);
-    __reExport2(utils_exports, require_array3(), module2.exports);
-    __reExport2(utils_exports, require_node4(), module2.exports);
-    __reExport2(utils_exports, require_log3(), module2.exports);
-    __reExport2(utils_exports, require_string3(), module2.exports);
-    __reExport2(utils_exports, require_globals3(), module2.exports);
-    __reExport2(utils_exports, require_cookie3(), module2.exports);
-    __reExport2(utils_exports, require_tags4(), module2.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);
   }
 });
 
@@ -19158,13 +17650,17 @@ var Theme = {
         backgroundColor: deps.getMediaColor(props2.backgroundColor, globalTheme)
       };
     },
-    backgroundImage: (element) => {
+    backgroundImage: (element, s, context) => {
       const { props: props2, deps } = element;
       const globalTheme = deps.getSystemGlobalTheme(element);
-      if (!props2.backgroundImage)
+      let val = props2.backgroundImage;
+      if (!val)
         return;
+      const file = context.files && context.files[val];
+      if (file && file.content)
+        val = file.content.src;
       return {
-        backgroundImage: deps.transformBackgroundImage(props2.backgroundImage, globalTheme)
+        backgroundImage: deps.transformBackgroundImage(val, globalTheme)
       };
     },
     backgroundSize: ({ props: props2 }) => !(0, import_utils6.isUndefined)(props2.backgroundSize) ? {
@@ -19511,7 +18007,15 @@ var Interaction = {
   class: {
     userSelect: ({ props: props2 }) => props2.userSelect && { userSelect: props2.userSelect },
     pointerEvents: ({ props: props2 }) => props2.pointerEvents && { pointerEvents: props2.pointerEvents },
-    cursor: ({ props: props2 }) => props2.cursor && { cursor: props2.cursor }
+    cursor: (el, s, ctx) => {
+      let val = el.props.cursor;
+      if (!val)
+        return;
+      const file = ctx.files && ctx.files[val];
+      if (file && file.content)
+        val = `url(${file.content.src})`;
+      return { cursor: val };
+    }
   }
 };
 
@@ -27134,7 +25638,7 @@ var CREATE_OPTIONS = {
 var options_default = CREATE_OPTIONS;
 
 // src/createDomql.js
-var import_domql = __toESM(require_cjs16(), 1);
+var import_domql = __toESM(require_cjs14(), 1);
 var import_utils30 = __toESM(require_cjs(), 1);
 
 // src/prepare.js
@@ -27144,7 +25648,7 @@ var import_utils29 = __toESM(require_cjs(), 1);
 var import_utils27 = __toESM(require_cjs());
 
 // ../../../domql/node_modules/@domql/classlist/index.js
-var import_utils25 = __toESM(require_cjs17());
+var import_utils25 = __toESM(require_cjs15());
 var classify = (obj, element) => {
   let className = "";
   for (const item in obj) {