@symbo.ls/scratch 2.11.36 → 2.11.92

package/dist/cjs/system/reset.js

@@ -282,13 +282,13 @@ var require_cjs3 = __commonJS({
       document: () => document4,
       global: () => global,
       self: () => self,
-      window: () => window3
+      window: () => window2
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window3 = globalThis;
-    var document4 = window3.document;
+    var window2 = globalThis;
+    var document4 = window2.document;
   }
 });
 
@@ -360,10 +360,10 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber,
+      isNumber: () => isNumber2,
       isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
-      isString: () => isString7,
+      isString: () => isString8,
       isUndefined: () => isUndefined,
       isValidHtmlTag: () => isValidHtmlTag
     });
@@ -376,8 +376,8 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString7 = (arg) => typeof arg === "string";
-    var isNumber = (arg) => typeof arg === "number";
+    var isString8 = (arg) => typeof arg === "string";
+    var isNumber2 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -388,7 +388,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString8(arg) || isNumber2(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -397,8 +397,8 @@ var require_types = __commonJS({
       boolean: isBoolean,
       array: isArray6,
       object: isObject7,
-      string: isString7,
-      number: isNumber,
+      string: isString8,
+      number: isNumber2,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike3,
@@ -443,6 +443,9 @@ var require_array = __commonJS({
     var array_exports = {};
     __export2(array_exports, {
       arrayContainsOtherArray: () => arrayContainsOtherArray,
+      createNestedObject: () => createNestedObject,
+      cutArrayAfterValue: () => cutArrayAfterValue,
+      cutArrayBeforeValue: () => cutArrayBeforeValue,
       joinArrays: () => joinArrays,
       mergeAndCloneIfArray: () => mergeAndCloneIfArray,
       mergeArray: () => mergeArray,
@@ -482,6 +485,73 @@ var require_array = __commonJS({
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
     };
+    var cutArrayBeforeValue = (arr, value) => {
+      const index = arr.indexOf(value);
+      if (index !== -1) {
+        return arr.slice(0, index);
+      }
+      return arr;
+    };
+    var cutArrayAfterValue = (arr, value) => {
+      const index = arr.indexOf(value);
+      if (index !== -1) {
+        return arr.slice(index + 1);
+      }
+      return arr;
+    };
+    var createNestedObject = (arr, lastValue) => {
+      let nestedObject = {};
+      if (arr.length === 0) {
+        return lastValue;
+      }
+      arr.reduce((obj, value, index) => {
+        if (!obj[value]) {
+          obj[value] = {};
+        }
+        if (index === arr.length - 1 && lastValue) {
+          obj[value] = lastValue;
+        }
+        return obj[value];
+      }, nestedObject);
+      return nestedObject;
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/string.js
+var require_string = __commonJS({
+  "../../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, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var string_exports = {};
+    __export2(string_exports, {
+      stringIncludesAny: () => stringIncludesAny
+    });
+    module2.exports = __toCommonJS2(string_exports);
+    var stringIncludesAny = (str, characters) => {
+      for (const char of characters) {
+        if (str.includes(char)) {
+          return true;
+        }
+      }
+      return false;
+    };
   }
 });
 
@@ -525,15 +595,18 @@ var require_object = __commonJS({
       merge: () => merge5,
       mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
+      objectToString: () => objectToString,
       overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep,
+      overwriteDeep: () => overwriteDeep2,
       overwriteShallow: () => overwriteShallow,
-      removeFromObject: () => removeFromObject
+      removeFromObject: () => removeFromObject,
+      stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
     var import_globals3 = require_cjs3();
     var import_types = require_types();
     var import_array = require_array();
+    var import_string = require_string();
     var exec = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
@@ -551,7 +624,7 @@ var require_object = __commonJS({
     };
     var merge5 = (element, obj, excludeFrom = []) => {
       for (const e in obj) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const objProp = obj[e];
@@ -563,7 +636,7 @@ var require_object = __commonJS({
     };
     var deepMerge3 = (element, extend, excludeFrom = []) => {
       for (const e in extend) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const extendProp = extend[e];
@@ -578,7 +651,7 @@ var require_object = __commonJS({
     var clone = (obj, excludeFrom = []) => {
       const o = {};
       for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.includes("__"))
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
           continue;
         o[prop] = obj[prop];
       }
@@ -590,7 +663,7 @@ var require_object = __commonJS({
       }
       const o = {};
       for (const k in obj) {
-        if (excludeFrom.includes(k) || k.includes("__"))
+        if (excludeFrom.includes(k) || k.startsWith("__"))
           continue;
         let v = obj[k];
         if (k === "extend" && (0, import_types.isArray)(v)) {
@@ -611,7 +684,7 @@ var require_object = __commonJS({
     var deepClone2 = (obj, excludeFrom = []) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.includes("__"))
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
           continue;
         let objProp = obj[prop];
         if (prop === "extend" && (0, import_types.isArray)(objProp)) {
@@ -650,6 +723,40 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var objectToString = (obj, indent = 0) => {
+      const spaces = "  ".repeat(indent);
+      let str = "{\n";
+      for (const [key, value] of Object.entries(obj)) {
+        const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
+        const stringedKey = keyAllowdChars ? `'${key}'` : key;
+        str += `${spaces}  ${stringedKey}: `;
+        if ((0, import_types.isArray)(value)) {
+          str += "[\n";
+          for (const element of value) {
+            if ((0, import_types.isObject)(element) && element !== null) {
+              str += `${spaces}    ${objectToString(element, indent + 2)},
+`;
+            } else if ((0, import_types.isString)(element)) {
+              str += `${spaces}    '${element}',
+`;
+            } else {
+              str += `${spaces}    ${element},
+`;
+            }
+          }
+          str += `${spaces}  ]`;
+        } else if ((0, import_types.isObject)(value)) {
+          str += objectToString(value, indent + 1);
+        } else if ((0, import_types.isString)(value)) {
+          str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
+        } else {
+          str += value;
+        }
+        str += ",\n";
+      }
+      str += `${spaces}}`;
+      return str;
+    };
     var detachFunctionsFromObject = (obj, detached = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -720,6 +827,16 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var stringToObject = (str) => {
+      let obj;
+      try {
+        obj = import_globals3.window.eval("(" + str + ")");
+      } catch (e) {
+        console.warn(e);
+      }
+      if (obj)
+        return obj;
+    };
     var diffObjects = (original, objToDiff, cache) => {
       for (const e in objToDiff) {
         if (e === "ref")
@@ -765,7 +882,7 @@ var require_object = __commonJS({
       const { ref } = element;
       const changes = {};
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const paramsProp = params[e];
@@ -778,20 +895,20 @@ var require_object = __commonJS({
     };
     var overwriteShallow = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         obj[e] = params[e];
       }
       return obj;
     };
-    var overwriteDeep = (obj, params, excludeFrom = []) => {
+    var overwriteDeep2 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
         if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          overwriteDeep(objProp, paramsProp);
+          overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
         }
@@ -967,6 +1084,7 @@ var require_cjs4 = __commonJS({
     __reExport(utils_exports, require_array(), module2.exports);
     __reExport(utils_exports, require_node(), module2.exports);
     __reExport(utils_exports, require_log(), module2.exports);
+    __reExport(utils_exports, require_string(), module2.exports);
   }
 });
 
@@ -976,7 +1094,7 @@ __export(reset_exports, {
   applyReset: () => applyReset
 });
 module.exports = __toCommonJS(reset_exports);
-var import_utils24 = __toESM(require_cjs4(), 1);
+var import_utils25 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
 var import_utils = __toESM(require_cjs4(), 1);
@@ -1198,34 +1316,35 @@ var getActiveConfig = (def) => {
 };
 
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs4(), 1);
+var import_utils9 = __toESM(require_cjs4(), 1);
 
 // src/utils/color.js
 var import_globals = __toESM(require_cjs3(), 1);
+var import_utils2 = __toESM(require_cjs4(), 1);
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs4(), 1);
+var import_utils5 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs4());
+var import_utils4 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs4());
+var import_utils3 = __toESM(require_cjs4());
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs4(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs4(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs4(), 1);
+var import_utils11 = __toESM(require_cjs4(), 1);
 var recursiveTheme = (val) => {
   const CONFIG2 = getActiveConfig();
   const obj = {};
   for (const param in val) {
     const symb = param.slice(0, 1);
-    if ((0, import_utils10.isObjectLike)(val[param])) {
+    if ((0, import_utils11.isObjectLike)(val[param])) {
       if (symb === "@") {
         const query = CONFIG2.MEDIA[param.slice(1)];
         const media = `@media screen and ${query}`;
@@ -1245,23 +1364,23 @@ var findModifierFromArray = (val, modifierArray) => {
   return val;
 };
 var findModifier = (val, modifier) => {
-  if ((0, import_utils10.isArray)(modifier))
+  if ((0, import_utils11.isArray)(modifier))
     return findModifierFromArray(val, modifier);
-  else if ((0, import_utils10.isString)(modifier) && val[modifier])
+  else if ((0, import_utils11.isString)(modifier) && val[modifier])
     return val[modifier];
   else
     return val;
 };
 var getMediaTheme = (val, mod) => {
   const CONFIG2 = getActiveConfig();
-  if ((0, import_utils10.isString)(val) && val.slice(0, 2) === "--")
+  if ((0, import_utils11.isString)(val) && val.slice(0, 2) === "--")
     val = getMediaTheme(val.slice(2));
-  if (!val || !(0, import_utils10.isString)(val)) {
+  if (!val || !(0, import_utils11.isString)(val)) {
     if (CONFIG2.verbose)
       console.warn(val, "- theme is not string");
     return;
   }
-  const [name, ...modifier] = (0, import_utils10.isArray)(val) ? val : val.split(" ");
+  const [name, ...modifier] = (0, import_utils11.isArray)(val) ? val : val.split(" ");
   let value = CONFIG2.THEME[name];
   if (value && (modifier || mod)) {
     value = findModifier(value, modifier.length ? modifier : mod);
@@ -1271,16 +1390,16 @@ var getMediaTheme = (val, mod) => {
 };
 
 // src/system/font.js
-var import_utils11 = __toESM(require_cjs4(), 1);
+var import_utils12 = __toESM(require_cjs4(), 1);
 
 // src/system/typography.js
-var import_utils14 = __toESM(require_cjs4(), 1);
+var import_utils15 = __toESM(require_cjs4(), 1);
 
 // src/system/spacing.js
-var import_utils17 = __toESM(require_cjs4(), 1);
+var import_utils18 = __toESM(require_cjs4(), 1);
 
 // src/system/document.js
-var import_utils21 = __toESM(require_cjs4(), 1);
+var import_utils22 = __toESM(require_cjs4(), 1);
 
 // src/system/svg.js
 var import_globals2 = __toESM(require_cjs3(), 1);
@@ -1305,7 +1424,10 @@ var applyReset = (reset = {}) => {
       configReset.h6 = configTemplates.h6;
     }
     const { body, ...templates } = TYPOGRAPHY2.templates;
-    return (0, import_utils24.deepMerge)((0, import_utils24.merge)(RESET2, reset), {
+    const globalTheme = CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {};
+    if (RESET2.html)
+      (0, import_utils25.overwriteDeep)(RESET2.html, globalTheme);
+    return (0, import_utils25.deepMerge)((0, import_utils25.merge)(RESET2, reset), {
       html: {
         position: "absolute",
         // overflow: 'hidden',
@@ -1316,8 +1438,8 @@ var applyReset = (reset = {}) => {
         margin: "0",
         WebkitFontSmoothing: "subpixel-antialiased",
         scrollBehavior: "smooth",
+        ...globalTheme,
         fontSize: TYPOGRAPHY2.browserDefault + "px",
-        ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},
         fontFamily: DOCUMENT2.fontFamily,
         lineHeight: DOCUMENT2.lineHeight
       },