@symbo.ls/scratch 2.11.55 → 2.11.94

package/dist/cjs/system/color.js

@@ -282,13 +282,13 @@ var require_cjs3 = __commonJS({
       document: () => document3,
       global: () => global,
       self: () => self,
-      window: () => window3
+      window: () => window2
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    var window2 = globalThis;
+    var document3 = window2.document;
   }
 });
 
@@ -360,10 +360,10 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber,
+      isNumber: () => isNumber2,
       isObject: () => isObject5,
       isObjectLike: () => isObjectLike2,
-      isString: () => isString5,
+      isString: () => isString6,
       isUndefined: () => isUndefined,
       isValidHtmlTag: () => isValidHtmlTag
     });
@@ -376,8 +376,8 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString5 = (arg) => typeof arg === "string";
-    var isNumber = (arg) => typeof arg === "number";
+    var isString6 = (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 isObject5(arg) || isObjectLike2(arg) || isString5(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike2(arg) || isString6(arg) || isNumber2(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -397,8 +397,8 @@ var require_types = __commonJS({
       boolean: isBoolean,
       array: isArray5,
       object: isObject5,
-      string: isString5,
-      number: isNumber,
+      string: isString6,
+      number: isNumber2,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -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: () => merge,
       mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
+      objectToString: () => objectToString,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep,
       overwriteShallow: () => overwriteShallow,
-      removeFromObject: () => removeFromObject
+      removeFromObject: () => removeFromObject,
+      stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
     var import_globals2 = 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 merge = (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 deepMerge2 = (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_globals2.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,7 +895,7 @@ 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];
       }
@@ -786,7 +903,7 @@ var require_object = __commonJS({
     };
     var overwriteDeep = (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];
@@ -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);
   }
 });
 
@@ -1200,10 +1318,11 @@ 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);
 var colorStringToRgbaArray = (color) => {
   if (color === "")
     return;
@@ -1276,28 +1395,46 @@ var getColorShade = (col, amt) => {
     g = 255;
   else if (g < 0)
     g = 0;
-  return (g | b << 8 | r << 16).toString(16);
+  return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
+};
+var getRgbTone = (rgb, tone) => {
+  if ((0, import_utils2.isString)(rgb))
+    rgb = rgb.split(", ").map((v) => parseFloat(v));
+  if ((0, import_utils2.isNumber)(tone))
+    tone += "";
+  const toHex = rgbArrayToHex(rgb);
+  const abs = tone.slice(0, 1);
+  if (abs === "-" || abs === "+") {
+    const colorShade = getColorShade(toHex, parseFloat(tone));
+    return hexToRgbArray(colorShade).join(", ");
+  } else {
+    const [r, g, b] = rgb;
+    const hsl = rgbToHSL(r, g, b);
+    const [h, s, l] = hsl;
+    const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
+    return newRgb;
+  }
 };
 
 // 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/color.js
 var getColor = (value, key, config) => {
   const CONFIG2 = config || getActiveConfig();
-  if (!(0, import_utils8.isString)(value)) {
+  if (!(0, import_utils9.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
@@ -1306,7 +1443,7 @@ var getColor = (value, key, config) => {
     return `var(${value})`;
   if (key && value[key])
     value = value[key];
-  const [name, alpha, tone] = (0, import_utils8.isArray)(value) ? value : value.split(" ");
+  const [name, alpha, tone] = (0, import_utils9.isArray)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   let val = COLOR2[name] || GRADIENT2[name];
   if (!val) {
@@ -1321,22 +1458,11 @@ var getColor = (value, key, config) => {
       console.warn(value, " - does not have ", key);
   }
   let rgb = val.rgb;
-  if (!rgb)
+  if (!rgb) {
     return CONFIG2.useVariable ? `var(${val.var})` : val.value;
+  }
   if (tone && !val[tone]) {
-    const toHex = rgbArrayToHex(rgb.split(", ").map((v) => parseFloat(v)));
-    const abs = tone.slice(0, 1);
-    if (abs === "-" || abs === "+") {
-      rgb = hexToRgbArray(
-        getColorShade(toHex, parseFloat(tone))
-      ).join(", ");
-    } else {
-      const [r, g, b] = [...rgb.split(", ").map((v) => parseInt(v))];
-      const hsl = rgbToHSL(r, g, b);
-      const [h, s, l] = hsl;
-      const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
-      rgb = newRgb;
-    }
+    rgb = getRgbTone(rgb, tone);
     val[tone] = { rgb, var: `${val.var}-${tone}` };
   }
   if (val[tone])
@@ -1349,17 +1475,17 @@ var getMediaColor = (value, globalTheme, config) => {
   const CONFIG2 = config || getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
-  if (!(0, import_utils8.isString)(value)) {
+  if (!(0, import_utils9.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
   }
   if (value.slice(0, 2) === "--")
     return `var(${value})`;
-  const [name] = (0, import_utils8.isArray)(value) ? value : value.split(" ");
+  const [name] = (0, import_utils9.isArray)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = (0, import_utils8.isObject)(val);
+  const isObj = (0, import_utils9.isObject)(val);
   if (isObj && val.value)
     return getColor(value, `@${globalTheme}`, config);
   else if (isObj) {
@@ -1382,15 +1508,15 @@ var getMediaColor = (value, globalTheme, config) => {
 };
 var setColor = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((0, import_utils8.isString)(val) && val.slice(0, 2) === "--")
+  if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if ((0, import_utils8.isArray)(val)) {
+  if ((0, import_utils9.isArray)(val)) {
     return {
       "@light": setColor(val[0], key, "light"),
       "@dark": setColor(val[1], key, "dark")
     };
   }
-  if ((0, import_utils8.isObject)(val)) {
+  if ((0, import_utils9.isObject)(val)) {
     const obj = {};
     for (const variant in val)
       obj[variant] = setColor(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -1413,15 +1539,15 @@ var setColor = (val, key, suffix) => {
 };
 var setGradient = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((0, import_utils8.isString)(val) && val.slice(0, 2) === "--")
+  if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if ((0, import_utils8.isArray)(val)) {
+  if ((0, import_utils9.isArray)(val)) {
     return {
       "@light": setGradient(val[0], key, "light"),
       "@dark": setGradient(val[0], key, "dark")
     };
   }
-  if ((0, import_utils8.isObject)(val)) {
+  if ((0, import_utils9.isObject)(val)) {
     const obj = {};
     for (const variant in val)
       obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);