@symbo.ls/scratch 2.11.398 → 2.11.429

package/dist/cjs/system/typography.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/@domql/utils/dist/cjs/key.js
+// ../../../domql/packages/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -69,9 +69,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/env.js
+// ../../../domql/packages/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -107,9 +107,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/globals.js
+// ../../../domql/packages/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -133,19 +133,19 @@ var require_globals = __commonJS({
       document: () => document3,
       global: () => global,
       self: () => self,
-      window: () => window2
+      window: () => window3
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window2 = globalThis;
-    var document3 = window2.document;
+    var window3 = globalThis;
+    var document3 = window3.document;
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/node.js
+// ../../../domql/packages/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -180,9 +180,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/types.js
+// ../../../domql/packages/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -270,9 +270,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/array.js
+// ../../../domql/packages/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -295,6 +295,7 @@ var require_array = __commonJS({
     __export2(array_exports, {
       addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
+      arraysEqual: () => arraysEqual,
       createNestedObject: () => createNestedObject,
       cutArrayAfterValue: () => cutArrayAfterValue,
       cutArrayBeforeValue: () => cutArrayBeforeValue,
@@ -341,10 +342,10 @@ var require_array = __commonJS({
       return [].concat(...arrays);
     };
     var mergeArray = (arr, excludeFrom = []) => {
-      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepCloneWithExtend)(c, excludeFrom), excludeFrom), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
+      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepCloneWithExtend)(obj);
     };
     var cutArrayBeforeValue = (arr, value) => {
       const index = arr.indexOf(value);
@@ -411,12 +412,23 @@ var require_array = __commonJS({
       }
       return newArray;
     };
+    var arraysEqual = (arr1, arr2) => {
+      if (arr1.length !== arr2.length) {
+        return false;
+      }
+      for (let i = 0; i < arr1.length; i++) {
+        if (arr1[i] !== arr2[i]) {
+          return false;
+        }
+      }
+      return true;
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/string.js
+// ../../../domql/packages/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -437,8 +449,14 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      customDecodeURIComponent: () => customDecodeURIComponent,
+      customEncodeURIComponent: () => customEncodeURIComponent,
+      decodeNewlines: () => decodeNewlines,
+      encodeNewlines: () => encodeNewlines,
+      findKeyPosition: () => findKeyPosition,
       lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
+      replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
     });
@@ -484,12 +502,83 @@ var require_string = __commonJS({
     var lowercaseFirstLetter = (inputString) => {
       return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
     };
+    var findKeyPosition = (str, key) => {
+      const lines = str.split("\n");
+      let startLineNumber = -1;
+      let endLineNumber = -1;
+      let startColumn = -1;
+      let endColumn = -1;
+      const keyPattern = new RegExp(`\\b${key}\\b\\s*:\\s*`);
+      let braceCount = 0;
+      let foundKey = false;
+      for (let i = 0; i < lines.length; i++) {
+        if (keyPattern.test(lines[i]) && !foundKey) {
+          foundKey = true;
+          startLineNumber = i + 1;
+          startColumn = lines[i].indexOf(key) + 1;
+          if (lines[i].includes("{}")) {
+            endLineNumber = startLineNumber;
+            endColumn = lines[i].indexOf("{}") + 3;
+            break;
+          }
+          const line = lines[i].slice(startColumn + key.length);
+          if (line.includes("{") || line.includes("[")) {
+            braceCount = 1;
+          } else {
+            endLineNumber = i + 1;
+            endColumn = lines[i].length + 1;
+            break;
+          }
+        } else if (foundKey) {
+          braceCount += (lines[i].match(/{/g) || []).length;
+          braceCount += (lines[i].match(/\[/g) || []).length;
+          braceCount -= (lines[i].match(/}/g) || []).length;
+          braceCount -= (lines[i].match(/]/g) || []).length;
+          if (braceCount === 0) {
+            endLineNumber = i + 1;
+            endColumn = lines[i].lastIndexOf("}") !== -1 ? lines[i].lastIndexOf("}") + 2 : lines[i].length + 1;
+            break;
+          }
+        }
+      }
+      return {
+        startColumn,
+        endColumn,
+        startLineNumber,
+        endLineNumber
+      };
+    };
+    var replaceOctalEscapeSequences = (str) => {
+      const octalRegex = /\\([0-7]{1,3})/g;
+      return str.replace(octalRegex, (match, p1) => {
+        const octalValue = parseInt(p1, 8);
+        const char = String.fromCharCode(octalValue);
+        return char;
+      });
+    };
+    var encodeNewlines = (str) => {
+      return str.split("\n").join("/////n").split("`").join("/////tilde").split("$").join("/////dlrsgn");
+    };
+    var decodeNewlines = (encodedStr) => {
+      return encodedStr.split("/////n").join("\n").split("/////tilde").join("`").split("/////dlrsgn").join("$");
+    };
+    var customEncodeURIComponent = (str) => {
+      return str.split("").map((char) => {
+        if (/[^a-zA-Z0-9\s]/.test(char)) {
+          return "%" + char.charCodeAt(0).toString(16).toUpperCase();
+        }
+        return char;
+      }).join("");
+    };
+    var customDecodeURIComponent = (encodedStr) => {
+      return encodedStr.replace(/%[0-9A-Fa-f]{2}/g, (match) => String.fromCharCode(parseInt(match.slice(1), 16)));
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/object.js
+// ../../../domql/packages/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -510,7 +599,9 @@ var require_object = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var object_exports = {};
     __export2(object_exports, {
+      checkIfKeyIsComponent: () => checkIfKeyIsComponent,
       clone: () => clone,
+      createObjectWithoutPrototype: () => createObjectWithoutPrototype,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepCloneWithExtend: () => deepCloneWithExtend,
@@ -525,6 +616,8 @@ var require_object = __commonJS({
       diffObjects: () => diffObjects,
       exec: () => exec,
       flattenRecursive: () => flattenRecursive,
+      getChildrenComponentsByKey: () => getChildrenComponentsByKey,
+      getExtendsInElement: () => getExtendsInElement,
       hasOwnProperty: () => hasOwnProperty,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
@@ -647,7 +740,7 @@ var require_object = __commonJS({
       return o;
     };
     var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
+      const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (!Object.prototype.hasOwnProperty.call(obj, prop))
           continue;
@@ -901,7 +994,7 @@ var require_object = __commonJS({
     };
     var overwriteDeep = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (e === "__proto__")
+        if (e === "__ref")
           continue;
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -994,12 +1087,72 @@ var require_object = __commonJS({
       }
       return obj;
     };
+    var createObjectWithoutPrototype = (obj) => {
+      if (obj === null || typeof obj !== "object") {
+        return obj;
+      }
+      const newObj = /* @__PURE__ */ Object.create(null);
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          newObj[key] = createObjectWithoutPrototype(obj[key]);
+        }
+      }
+      return newObj;
+    };
+    var checkIfKeyIsComponent = (key) => {
+      const isFirstKeyString = (0, import_types.isString)(key);
+      if (!isFirstKeyString)
+        return;
+      const firstCharKey = key.slice(0, 1);
+      return /^[A-Z]*$/.test(firstCharKey);
+    };
+    var getChildrenComponentsByKey = (key, el) => {
+      if (key === el.key || el.__ref.__componentKey === key) {
+        return el;
+      }
+      if (el.extend) {
+        const foundString = (0, import_types.isString)(el.extend) && el.extend === key;
+        const foundInArray = (0, import_types.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
+        if (foundString || foundInArray)
+          return el;
+      }
+      if (el.parent && el.parent.childExtend) {
+        const foundString = (0, import_types.isString)(el.parent.childExtend) && el.parent.childExtend === key;
+        const foundInArray = (0, import_types.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
+        if (foundString || foundInArray)
+          return el;
+      }
+    };
+    var getExtendsInElement = (obj) => {
+      let result = [];
+      function traverse(o) {
+        for (const key in o) {
+          if (Object.hasOwnProperty.call(o, key)) {
+            if (checkIfKeyIsComponent(key)) {
+              result.push(key);
+            }
+            if (key === "extend") {
+              if (typeof o[key] === "string") {
+                result.push(o[key]);
+              } else if (Array.isArray(o[key])) {
+                result = result.concat(o[key]);
+              }
+            }
+            if (typeof o[key] === "object" && o[key] !== null) {
+              traverse(o[key]);
+            }
+          }
+        }
+      }
+      traverse(obj);
+      return result;
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/function.js
+// ../../../domql/packages/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1072,9 +1225,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/log.js
+// ../../../domql/packages/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1113,9 +1266,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/cookie.js
+// ../../../domql/packages/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1170,9 +1323,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/tags.js
+// ../../../domql/packages/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1338,9 +1491,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/index.js
+// ../../../domql/packages/utils/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1399,19 +1552,19 @@ var require_cjs2 = __commonJS({
       document: () => document3,
       global: () => global,
       self: () => self,
-      window: () => window2
+      window: () => window3
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window2 = globalThis;
-    var document3 = window2.document;
+    var window3 = globalThis;
+    var document3 = window3.document;
   }
 });
 
-// ../../node_modules/@symbo.ls/utils/dist/cjs/index.js
+// ../utils/dist/cjs/index.js
 var require_cjs3 = __commonJS({
-  "../../node_modules/@symbo.ls/utils/dist/cjs/index.js"(exports, module2) {
+  "../utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -1444,7 +1597,7 @@ var require_cjs3 = __commonJS({
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var require_key2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1481,7 +1634,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_env2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1517,7 +1670,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_globals2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1541,17 +1694,17 @@ var require_cjs3 = __commonJS({
           document: () => document22,
           global: () => global,
           self: () => self,
-          window: () => window2
+          window: () => window22
         });
         module22.exports = __toCommonJS22(globals_exports);
         var global = globalThis;
         var self = globalThis;
-        var window2 = globalThis;
-        var document22 = window2.document;
+        var window22 = globalThis;
+        var document22 = window22.document;
       }
     });
     var require_node2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1586,7 +1739,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_types2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1674,7 +1827,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_array2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1697,6 +1850,7 @@ var require_cjs3 = __commonJS({
         __export22(array_exports, {
           addItemAfterEveryElement: () => addItemAfterEveryElement,
           arrayContainsOtherArray: () => arrayContainsOtherArray,
+          arraysEqual: () => arraysEqual,
           createNestedObject: () => createNestedObject,
           cutArrayAfterValue: () => cutArrayAfterValue,
           cutArrayBeforeValue: () => cutArrayBeforeValue,
@@ -1813,10 +1967,21 @@ var require_cjs3 = __commonJS({
           }
           return newArray;
         };
+        var arraysEqual = (arr1, arr2) => {
+          if (arr1.length !== arr2.length) {
+            return false;
+          }
+          for (let i = 0; i < arr1.length; i++) {
+            if (arr1[i] !== arr2[i]) {
+              return false;
+            }
+          }
+          return true;
+        };
       }
     });
     var require_string2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1837,8 +2002,12 @@ var require_cjs3 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var string_exports = {};
         __export22(string_exports, {
+          customDecodeURIComponent: () => customDecodeURIComponent,
+          customEncodeURIComponent: () => customEncodeURIComponent,
+          findKeyPosition: () => findKeyPosition,
           lowercaseFirstLetter: () => lowercaseFirstLetter,
           replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
+          replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
           stringIncludesAny: () => stringIncludesAny,
           trimStringFromSymbols: () => trimStringFromSymbols
         });
@@ -1884,10 +2053,75 @@ var require_cjs3 = __commonJS({
         var lowercaseFirstLetter = (inputString) => {
           return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
         };
+        var findKeyPosition = (str, key) => {
+          const lines = str.split("\n");
+          let startLineNumber = -1;
+          let endLineNumber = -1;
+          let startColumn = -1;
+          let endColumn = -1;
+          const keyPattern = new RegExp(`\\b${key}\\b\\s*:\\s*`);
+          let braceCount = 0;
+          let foundKey = false;
+          for (let i = 0; i < lines.length; i++) {
+            if (keyPattern.test(lines[i]) && !foundKey) {
+              foundKey = true;
+              startLineNumber = i + 1;
+              startColumn = lines[i].indexOf(key) + 1;
+              if (lines[i].includes("{}")) {
+                endLineNumber = startLineNumber;
+                endColumn = lines[i].indexOf("{}") + 3;
+                break;
+              }
+              const line = lines[i].slice(startColumn + key.length);
+              if (line.includes("{") || line.includes("[")) {
+                braceCount = 1;
+              } else {
+                endLineNumber = i + 1;
+                endColumn = lines[i].length + 1;
+                break;
+              }
+            } else if (foundKey) {
+              braceCount += (lines[i].match(/{/g) || []).length;
+              braceCount += (lines[i].match(/\[/g) || []).length;
+              braceCount -= (lines[i].match(/}/g) || []).length;
+              braceCount -= (lines[i].match(/]/g) || []).length;
+              if (braceCount === 0) {
+                endLineNumber = i + 1;
+                endColumn = lines[i].lastIndexOf("}") !== -1 ? lines[i].lastIndexOf("}") + 2 : lines[i].length + 1;
+                break;
+              }
+            }
+          }
+          return {
+            startColumn,
+            endColumn,
+            startLineNumber,
+            endLineNumber
+          };
+        };
+        var replaceOctalEscapeSequences = (str) => {
+          const octalRegex = /\\([0-7]{1,3})/g;
+          return str.replace(octalRegex, (match, p1) => {
+            const octalValue = parseInt(p1, 8);
+            const char = String.fromCharCode(octalValue);
+            return char;
+          });
+        };
+        var customEncodeURIComponent = (str) => {
+          return str.split("").map((char) => {
+            if (/[^a-zA-Z0-9\s]/.test(char)) {
+              return "%" + char.charCodeAt(0).toString(16).toUpperCase();
+            }
+            return char;
+          }).join("");
+        };
+        var customDecodeURIComponent = (encodedStr) => {
+          return encodedStr.replace(/%[0-9A-Fa-f]{2}/g, (match) => String.fromCharCode(parseInt(match.slice(1), 16)));
+        };
       }
     });
     var require_object2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1908,7 +2142,9 @@ var require_cjs3 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var object_exports = {};
         __export22(object_exports, {
+          checkIfKeyIsComponent: () => checkIfKeyIsComponent,
           clone: () => clone,
+          createObjectWithoutPrototype: () => createObjectWithoutPrototype,
           deepClone: () => deepClone2,
           deepCloneExclude: () => deepCloneExclude,
           deepCloneWithExtend: () => deepCloneWithExtend,
@@ -1923,6 +2159,8 @@ var require_cjs3 = __commonJS({
           diffObjects: () => diffObjects,
           exec: () => exec,
           flattenRecursive: () => flattenRecursive,
+          getChildrenComponentsByKey: () => getChildrenComponentsByKey,
+          getExtendsInElement: () => getExtendsInElement,
           hasOwnProperty: () => hasOwnProperty,
           isEmpty: () => isEmpty,
           isEmptyObject: () => isEmptyObject,
@@ -2045,7 +2283,7 @@ var require_cjs3 = __commonJS({
           return o;
         };
         var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
-          const o = (0, import_types.isArray)(obj) ? [] : {};
+          const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
           for (const prop in obj) {
             if (!Object.prototype.hasOwnProperty.call(obj, prop))
               continue;
@@ -2392,10 +2630,70 @@ var require_cjs3 = __commonJS({
           }
           return obj;
         };
+        var createObjectWithoutPrototype = (obj) => {
+          if (obj === null || typeof obj !== "object") {
+            return obj;
+          }
+          const newObj = /* @__PURE__ */ Object.create(null);
+          for (const key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              newObj[key] = createObjectWithoutPrototype(obj[key]);
+            }
+          }
+          return newObj;
+        };
+        var checkIfKeyIsComponent = (key) => {
+          const isFirstKeyString = (0, import_types.isString)(key);
+          if (!isFirstKeyString)
+            return;
+          const firstCharKey = key.slice(0, 1);
+          return /^[A-Z]*$/.test(firstCharKey);
+        };
+        var getChildrenComponentsByKey = (key, el) => {
+          if (key === el.key || el.__ref.__componentKey === key) {
+            return el;
+          }
+          if (el.extend) {
+            const foundString = (0, import_types.isString)(el.extend) && el.extend === key;
+            const foundInArray = (0, import_types.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
+            if (foundString || foundInArray)
+              return el;
+          }
+          if (el.parent && el.parent.childExtend) {
+            const foundString = (0, import_types.isString)(el.parent.childExtend) && el.parent.childExtend === key;
+            const foundInArray = (0, import_types.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
+            if (foundString || foundInArray)
+              return el;
+          }
+        };
+        var getExtendsInElement = (obj) => {
+          let result = [];
+          function traverse(o) {
+            for (const key in o) {
+              if (Object.hasOwnProperty.call(o, key)) {
+                if (checkIfKeyIsComponent(key)) {
+                  result.push(key);
+                }
+                if (key === "extend") {
+                  if (typeof o[key] === "string") {
+                    result.push(o[key]);
+                  } else if (Array.isArray(o[key])) {
+                    result = result.concat(o[key]);
+                  }
+                }
+                if (typeof o[key] === "object" && o[key] !== null) {
+                  traverse(o[key]);
+                }
+              }
+            }
+          }
+          traverse(obj);
+          return result;
+        };
       }
     });
     var require_function2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2468,7 +2766,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_log2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2507,7 +2805,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_cookie2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2562,7 +2860,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_tags2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2728,7 +3026,7 @@ var require_cjs3 = __commonJS({
       }
     });
     var require_cjs4 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2768,8 +3066,11 @@ var require_cjs3 = __commonJS({
       findClosestNumber: () => findClosestNumber,
       findClosestNumberInFactory: () => findClosestNumberInFactory,
       formatDate: () => formatDate,
+      isPhoto: () => isPhoto,
+      loadCssFile: () => loadCssFile,
       loadJavascript: () => loadJavascript,
       loadJavascriptFile: () => loadJavascriptFile,
+      loadJavascriptFileSync: () => loadJavascriptFileSync,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -2779,13 +3080,15 @@ var require_cjs3 = __commonJS({
     });
     module2.exports = __toCommonJS2(src_exports);
     var import_utils22 = __toESM2(require_cjs4(), 1);
-    var toggleFullscreen = (el) => {
+    var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
-        el.node.requestFullscreen().catch((err) => {
+        try {
+          await (el.node || document).requestFullscreen();
+        } catch (err) {
           console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
-        });
+        }
       } else {
-        document.exitFullscreen();
+        await document.exitFullscreen();
       }
     };
     var import_utils9 = __toESM2(require_cjs4(), 1);
@@ -2816,7 +3119,7 @@ var require_cjs3 = __commonJS({
       }
       return fib[n];
     };
-    var loadJavascriptFile = (FILE_URL, async = true, doc = document, type = "text/javascript") => {
+    var loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
       return new Promise((resolve, reject) => {
         try {
           const scriptEle = doc.createElement("script");
@@ -2829,10 +3132,10 @@ var require_cjs3 = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject({
+            reject(new Error({
               status: false,
               message: `Failed to load the script ${FILE_URL}`
-            });
+            }));
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -2840,17 +3143,51 @@ var require_cjs3 = __commonJS({
         }
       });
     };
-    var loadJavascript = (body, async = true, doc = document, type = "text/javascript") => {
+    var loadJavascriptFileSync = (FILE_URL, doc = document, fallback, type = "text/javascript") => {
+      const xhr = new window.XMLHttpRequest();
+      xhr.open("GET", FILE_URL, false);
+      xhr.send();
+      if (xhr.status === 200) {
+        const scriptEle = doc.createElement("script");
+        scriptEle.type = type;
+        scriptEle.text = xhr.responseText;
+        doc.body.appendChild(scriptEle);
+        if (typeof fallback === "function")
+          fallback();
+      } else {
+        throw new Error(`Failed to load the script ${FILE_URL}`);
+      }
+    };
+    var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
+      return new Promise((resolve, reject) => {
+        try {
+          const linkElem = doc.createElement("link");
+          linkElem.rel = "stylesheet";
+          linkElem.href = FILE_URL;
+          linkElem.addEventListener("load", (ev) => {
+            resolve({
+              status: true
+            });
+          });
+          doc.head.appendChild(linkElem);
+        } catch (error) {
+          reject(error);
+        }
+      });
+    };
+    var loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
       try {
         const scriptEle = doc.createElement("script");
         scriptEle.type = type;
         scriptEle.async = async;
+        scriptEle.id = id;
         scriptEle.innerHTML = body;
         doc.body.appendChild(scriptEle);
       } catch (error) {
         console.warn(error);
       }
     };
+    var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = (str) => {
       const el = document.createElement("textarea");
       el.value = str;
@@ -3324,7 +3661,9 @@ var getSequenceValue = (value = "A", sequenceProps) => {
 };
 var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
   if (typeof value !== "string") {
-    console.warn(propertyName, value, "is not a string");
+    const CONFIG2 = getActiveConfig();
+    if (CONFIG2.verbose)
+      console.warn(propertyName, value, "is not a string");
     return { [propertyName]: value };
   }
   if (value === "-" || value === "")