@symbo.ls/scratch 2.11.5 → 2.11.17

package/dist/cjs/system/index.js

@@ -354,7 +354,7 @@ var require_types = __commonJS({
     __export2(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
-      isArray: () => isArray5,
+      isArray: () => isArray6,
       isBoolean: () => isBoolean,
       isDefined: () => isDefined2,
       isFunction: () => isFunction,
@@ -381,21 +381,21 @@ var require_types = __commonJS({
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
-    var isArray5 = (arg) => Array.isArray(arg);
+    var isArray6 = (arg) => Array.isArray(arg);
     var isObjectLike3 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
       boolean: isBoolean,
-      array: isArray5,
+      array: isArray6,
       object: isObject7,
       string: isString7,
       number: isNumber,
@@ -457,13 +457,11 @@ var require_object = __commonJS({
       isEqualDeep: () => isEqualDeep,
       map: () => map,
       merge: () => merge5,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep,
       overwriteObj: () => overwriteObj,
+      overwriteShallow: () => overwriteShallow,
       removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
@@ -480,81 +478,75 @@ var require_object = __commonJS({
       return param;
     };
     var map = (obj, extention, element) => {
-      for (const e in extention) {
-        obj[e] = exec(extention[e], element);
+      for (const e2 in extention) {
+        obj[e2] = exec(extention[e2], element);
       }
     };
     var merge5 = (element, obj) => {
-      for (const e in obj) {
-        const elementProp = element[e];
-        const objProp = obj[e];
+      for (const e2 in obj) {
+        const elementProp = element[e2];
+        const objProp = obj[e2];
         if (elementProp === void 0) {
-          element[e] = objProp;
+          element[e2] = objProp;
         }
       }
       return element;
     };
-    var deepMerge3 = (element, extend) => {
-      for (const e in extend) {
-        const elementProp = element[e];
-        const extendProp = extend[e];
-        if (e === "parent" || e === "props")
+    var deepMerge3 = (element, extend, excludeFrom = []) => {
+      for (const e2 in extend) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
           continue;
+        const elementProp = element[e2];
+        const extendProp = extend[e2];
         if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
           deepMerge3(elementProp, extendProp);
         } else if (elementProp === void 0) {
-          element[e] = extendProp;
+          element[e2] = extendProp;
         }
       }
       return element;
     };
-    var clone = (obj) => {
+    var clone = (obj, excludeFrom = []) => {
       const o = {};
       for (const prop in obj) {
-        if (prop === "node")
+        if (excludeFrom.includes(e) || e.includes("__"))
           continue;
         o[prop] = obj[prop];
       }
       return o;
     };
-    var deepCloneExclude = (obj, exclude = []) => {
+    var deepCloneExclude = (obj, excludeFrom = []) => {
       if ((0, import_types.isArray)(obj)) {
-        return obj.map((x) => deepCloneExclude(x, exclude));
+        return obj.map((x) => deepCloneExclude(x, excludeFrom));
       }
       const o = {};
       for (const k in obj) {
-        if (exclude.indexOf(k) > -1)
+        if (excludeFrom.includes(k) || k.includes("__"))
           continue;
         let v = obj[k];
         if (k === "extend" && (0, import_types.isArray)(v)) {
-          v = mergeArrayExclude(v, exclude);
+          v = mergeArrayExclude(v, excludeFrom);
         }
         if ((0, import_types.isArray)(v)) {
-          o[k] = v.map((x) => deepCloneExclude(x, exclude));
+          o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
         } else if ((0, import_types.isObject)(v)) {
-          o[k] = deepCloneExclude(v, exclude);
+          o[k] = deepCloneExclude(v, excludeFrom);
         } else
           o[k] = v;
       }
       return o;
     };
-    var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
-    };
-    var deepClone2 = (obj) => {
-      if ((0, import_types.isArray)(obj)) {
-        return obj.map(deepClone2);
-      }
-      const o = {};
+    var deepClone2 = (obj, excludeFrom = []) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
+        if (excludeFrom.includes(prop) || prop.includes("__"))
+          continue;
         let objProp = obj[prop];
         if (prop === "extend" && (0, import_types.isArray)(objProp)) {
           objProp = mergeArray(objProp);
         }
-        if ((0, import_types.isArray)(objProp)) {
-          o[prop] = objProp.map((v) => (0, import_types.isObject)(v) ? deepClone2(v) : v);
-        } else if ((0, import_types.isObject)(objProp)) {
-          o[prop] = deepClone2(objProp);
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepClone2(objProp, excludeFrom);
         } else
           o[prop] = objProp;
       }
@@ -620,8 +612,8 @@ var require_object = __commonJS({
             try {
               const evalProp = import_globals3.window.eval(`(${objProp})`);
               stringified[prop] = evalProp;
-            } catch (e) {
-              if (e)
+            } catch (e2) {
+              if (e2)
                 stringified[prop] = objProp;
             }
           } else {
@@ -635,8 +627,8 @@ var require_object = __commonJS({
                 try {
                   const evalProp = import_globals3.window.eval(`(${arrProp})`);
                   stringified[prop].push(evalProp);
-                } catch (e) {
-                  if (e)
+                } catch (e2) {
+                  if (e2)
                     stringified[prop].push(arrProp);
                 }
               } else {
@@ -656,32 +648,32 @@ var require_object = __commonJS({
       }
       return stringified;
     };
-    var overwrite = (element, params, options) => {
+    var overwrite = (element, params, excludeFrom = []) => {
       const { ref } = element;
       const changes = {};
-      for (const e in params) {
-        if (e === "props")
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
           continue;
-        const elementProp = element[e];
-        const paramsProp = params[e];
+        const elementProp = element[e2];
+        const paramsProp = params[e2];
         if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
+          ref.__cache[e2] = changes[e2] = elementProp;
+          ref[e2] = paramsProp;
         }
       }
       return changes;
     };
     var diffObjects = (original, objToDiff, cache) => {
-      for (const e in objToDiff) {
-        if (e === "ref")
+      for (const e2 in objToDiff) {
+        if (e2 === "ref")
           continue;
-        const originalProp = original[e];
-        const objToDiffProp = objToDiff[e];
+        const originalProp = original[e2];
+        const objToDiffProp = objToDiff[e2];
         if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
-          cache[e] = {};
-          diff(originalProp, objToDiffProp, cache[e]);
+          cache[e2] = {};
+          diff(originalProp, objToDiffProp, cache[e2]);
         } else if (objToDiffProp !== void 0) {
-          cache[e] = objToDiffProp;
+          cache[e2] = objToDiffProp;
         }
       }
       return cache;
@@ -714,23 +706,33 @@ var require_object = __commonJS({
     };
     var overwriteObj = (params, obj) => {
       const changes = {};
-      for (const e in params) {
-        const objProp = obj[e];
-        const paramsProp = params[e];
+      for (const e2 in params) {
+        const objProp = obj[e2];
+        const paramsProp = params[e2];
         if (paramsProp) {
-          obj[e] = changes[e] = objProp;
+          obj[e2] = changes[e2] = objProp;
         }
       }
       return changes;
     };
-    var overwriteDeep = (params, obj) => {
-      for (const e in params) {
-        const objProp = obj[e];
-        const paramsProp = params[e];
+    var overwriteShallow = (obj, params, excludeFrom = []) => {
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
+          continue;
+        obj[e2] = params[e2];
+      }
+      return obj;
+    };
+    var overwriteDeep = (params, obj, excludeFrom = []) => {
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
+          continue;
+        const objProp = obj[e2];
+        const paramsProp = params[e2];
         if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
           overwriteDeep(paramsProp, objProp);
         } else if (paramsProp !== void 0) {
-          obj[e] = paramsProp;
+          obj[e2] = paramsProp;
         }
       }
       return obj;
@@ -740,12 +742,6 @@ var require_object = __commonJS({
         return deepMerge3(a, b);
       return a || b;
     };
-    var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge3(a, deepClone2(c)), {});
-    };
-    var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
-    };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
       stack.push(objectized);
@@ -867,10 +863,13 @@ var require_array = __commonJS({
     __export2(array_exports, {
       arrayContainsOtherArray: () => arrayContainsOtherArray,
       joinArrays: () => joinArrays,
+      mergeAndCloneIfArray: () => mergeAndCloneIfArray2,
+      mergeArray: () => mergeArray2,
       removeFromArray: () => removeFromArray,
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(array_exports);
+    var import_object = require_object();
     var import_types = require_types();
     var arrayContainsOtherArray = (arr1, arr2) => {
       return arr2.every((val) => arr1.includes(val));
@@ -896,6 +895,12 @@ var require_array = __commonJS({
     var joinArrays = (...arrays) => {
       return [].concat(...arrays);
     };
+    var mergeArray2 = (arr, excludeFrom = []) => {
+      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+    };
+    var mergeAndCloneIfArray2 = (obj) => {
+      return (0, import_types.isArray)(obj) ? mergeArray2(obj) : (0, import_object.deepClone)(obj);
+    };
   }
 });
 
@@ -1583,12 +1588,27 @@ var parseRootAttributes = (htmlString) => {
     return acc;
   }, {});
 };
+var replaceIdsAndUrls = (code, key) => {
+  const idRegex = /id="([^"]*)"/;
+  const urlRegex = /url\(#([^)]*)\)/g;
+  const matches = code.match(/id="([^"]*)"/g);
+  let replacedCode = code;
+  if ((0, import_utils7.isArray)(matches)) {
+    matches.forEach(() => {
+      const randomKey = Math.floor(Math.random() * 1e5);
+      replacedCode = code.replace(idRegex, `id="${key}-${randomKey}"`).replace(urlRegex, `url(#${key}-${randomKey})`);
+    });
+  }
+  return replacedCode;
+};
 var convertSvgToSymbol = (key, code) => {
   const extractAttrs = parseRootAttributes(code);
   const { width, height } = extractAttrs;
+  console.log(extractAttrs);
   const viewBox = extractAttrs.viewBox || `0 0 ${width || 24} ${height || 24}`;
   const xmlns = "http://www.w3.org/2000/svg";
-  let symbol = code.replace(
+  const replacedCode = replaceIdsAndUrls(code, key);
+  let symbol = replacedCode.replace(
     "<svg",
     `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
   );
@@ -1599,8 +1619,8 @@ var convertSvgToSymbol = (key, code) => {
 };
 
 // src/system/color.js
-var getColor = (value, key) => {
-  const CONFIG2 = getActiveConfig();
+var getColor = (value, key, config) => {
+  const CONFIG2 = config || getActiveConfig();
   if (!(0, import_utils8.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
@@ -1625,34 +1645,32 @@ var getColor = (value, key) => {
       console.warn(value, " - does not have ", key);
   }
   let rgb = val.rgb;
-  if (rgb) {
-    if (tone) {
-      if (!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;
-        }
-        val[tone] = { rgb, var: `${val.var}-${tone}` };
-      } else
-        rgb = val[tone].rgb;
-    }
-    if (alpha)
-      return `rgba(${rgb}, ${alpha})`;
-    return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
-  } else
+  if (!rgb)
     return CONFIG2.useVariable ? `var(${val.var})` : val.value;
-};
-var getMediaColor = (value, globalTheme) => {
-  const CONFIG2 = getActiveConfig();
+  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;
+    }
+    val[tone] = { rgb, var: `${val.var}-${tone}` };
+  }
+  if (val[tone])
+    rgb = val[tone].rgb;
+  if (alpha)
+    return `rgba(${rgb}, ${alpha})`;
+  return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
+};
+var getMediaColor = (value, globalTheme, config) => {
+  const CONFIG2 = config || getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
   if (!(0, import_utils8.isString)(value)) {
@@ -1667,16 +1685,16 @@ var getMediaColor = (value, globalTheme) => {
   const val = COLOR2[name] || GRADIENT2[name];
   const isObj = (0, import_utils8.isObject)(val);
   if (isObj && val.value)
-    return getColor(value, `@${globalTheme}`);
+    return getColor(value, `@${globalTheme}`, config);
   else if (isObj) {
     if (globalTheme)
-      return getColor(value, `@${globalTheme}`);
+      return getColor(value, `@${globalTheme}`, config);
     else {
       const obj = {};
       for (const mediaName in val) {
         const query = CONFIG2.MEDIA[mediaName.slice(1)];
         const media = `@media screen and ${query}`;
-        obj[media] = getColor(value, mediaName);
+        obj[media] = getColor(value, mediaName, config);
       }
       return obj;
     }
@@ -2293,7 +2311,7 @@ var applyReset = (reset = {}) => {
         top: "0",
         left: "0",
         margin: "0",
-        WebkitFontSmoothing: "antialiased",
+        WebkitFontSmoothing: "subpixel-antialiased",
         scrollBehavior: "smooth",
         fontSize: TYPOGRAPHY2.browserDefault + "px",
         ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},