@symbo.ls/scratch 2.11.55 → 2.11.94

package/dist/cjs/transforms/index.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: () => isString8,
+      isString: () => isString9,
       isUndefined: () => isUndefined,
       isValidHtmlTag: () => isValidHtmlTag
     });
@@ -376,8 +376,8 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString8 = (arg) => typeof arg === "string";
-    var isNumber = (arg) => typeof arg === "number";
+    var isString9 = (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) || isString8(arg) || isNumber(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString9(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: isString8,
-      number: isNumber,
+      string: isString9,
+      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: () => 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,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 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];
@@ -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);
   }
 });
 
@@ -983,7 +1101,7 @@ __export(transforms_exports, {
   transfromGap: () => transfromGap
 });
 module.exports = __toCommonJS(transforms_exports);
-var import_utils25 = __toESM(require_cjs4(), 1);
+var import_utils26 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
 var import_utils = __toESM(require_cjs4(), 1);
@@ -1205,10 +1323,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 hexToRgbArray = (hex, alpha = 1) => {
   const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
   return [r, g, b];
@@ -1244,17 +1363,35 @@ 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());
 
 // ../utils/src/index.js
 var toCamelCase = (str) => {
@@ -1262,13 +1399,13 @@ var toCamelCase = (str) => {
     return index === 0 ? word.toLowerCase() : word.toUpperCase();
   }).replaceAll(/\s+/g, "");
 };
-var toDashCase = (val) => val.replace(/[A-Z]/g, (match, offset) => (offset > 0 ? "-" : "") + match.toLowerCase()).replace(".", "-");
+var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
-  if ((0, import_utils3.isString)(val))
+  if ((0, import_utils4.isString)(val))
     return val.split(" ");
-  if ((0, import_utils3.isObject)(val))
+  if ((0, import_utils4.isObject)(val))
     return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils3.isArray)(val))
+  if ((0, import_utils4.isArray)(val))
     return val;
 };
 
@@ -1379,7 +1516,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if ((0, import_utils4.isString)(value) && value.slice(0, 2) === "--")
+  if ((0, import_utils5.isString)(value) && value.slice(0, 2) === "--")
     return `var(${value})`;
   const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
@@ -1434,15 +1571,15 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
 };
 
 // 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;
@@ -1451,7 +1588,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) {
@@ -1466,22 +1603,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])
@@ -1494,17 +1620,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) {
@@ -1527,16 +1653,16 @@ var getMediaColor = (value, globalTheme, config) => {
 };
 
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs4(), 1);
+var import_utils11 = __toESM(require_cjs4(), 1);
 
 // 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);
 var getSequence = (sequenceProps) => {
   const CONFIG2 = getActiveConfig();
   const { SPACING: SPACING2 } = CONFIG2;
@@ -1550,7 +1676,7 @@ var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
   const stack = arrayzeValue(value);
   if (!stack)
     return;
-  if ((0, import_utils17.isString)(value) && value.includes("calc")) {
+  if ((0, import_utils18.isString)(value) && value.includes("calc")) {
     return { [propertyName]: value };
   }
   if (stack.length > 1) {
@@ -1595,13 +1721,13 @@ var getTimingByKey = (value, property = "timing") => {
 };
 
 // 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);
 
 // src/system/reset.js
-var import_utils24 = __toESM(require_cjs4(), 1);
+var import_utils25 = __toESM(require_cjs4(), 1);
 
 // src/transforms/index.js
 var isBorderStyle = (str) => [
@@ -1674,7 +1800,7 @@ var transformBackgroundImage = (backgroundImage, globalTheme) => {
     return v;
   }).join(" ");
 };
-var transfromGap = (gap) => (0, import_utils25.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey(v, "gap").gap).join(" ");
+var transfromGap = (gap) => (0, import_utils26.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey(v, "gap").gap).join(" ");
 var transformTransition = (transition) => {
   const arr = transition.split(" ");
   if (!arr.length)
@@ -1692,7 +1818,7 @@ var transformTransition = (transition) => {
   }).join(" ");
 };
 var transformDuration = (duration, props, propertyName) => {
-  if (!(0, import_utils25.isString)(duration))
+  if (!(0, import_utils26.isString)(duration))
     return;
   return duration.split(",").map((v) => getTimingByKey(v).timing || v).join(",");
 };