@symbo.ls/scratch 2.11.373 → 2.11.389

package/dist/cjs/utils/sequence.js

@@ -293,6 +293,7 @@ var require_array = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var array_exports = {};
     __export2(array_exports, {
+      addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
       createNestedObject: () => createNestedObject,
       cutArrayAfterValue: () => cutArrayAfterValue,
@@ -304,6 +305,7 @@ var require_array = __commonJS({
       removeFromArray: () => removeFromArray,
       removeValueFromArray: () => removeValueFromArray,
       removeValueFromArrayAll: () => removeValueFromArrayAll,
+      reorderArrayByValues: () => reorderArrayByValues,
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(array_exports);
@@ -388,6 +390,27 @@ var require_array = __commonJS({
     var removeValueFromArrayAll = (arr, value) => {
       return arr.filter((item) => item !== value);
     };
+    var addItemAfterEveryElement = (array, item) => {
+      const result = [];
+      for (let i = 0; i < array.length; i++) {
+        result.push(array[i]);
+        if (i < array.length - 1) {
+          result.push(item);
+        }
+      }
+      return result;
+    };
+    var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+      const newArray = [...array];
+      const indexToMove = newArray.indexOf(valueToMove);
+      const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+      if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+        const removedItem = newArray.splice(indexToMove, 1)[0];
+        const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+        newArray.splice(insertIndex, 0, removedItem);
+      }
+      return newArray;
+    };
   }
 });
 
@@ -664,7 +687,7 @@ var require_object = __commonJS({
       }
       return stringified;
     };
-    var objectToString = (obj, indent = 0) => {
+    var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
@@ -731,7 +754,7 @@ var require_object = __commonJS({
           continue;
         const objProp = obj[prop];
         if ((0, import_types.isString)(objProp)) {
-          if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
+          if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
             try {
               const evalProp = import_globals.window.eval(`(${objProp})`);
               destringified[prop] = evalProp;
@@ -1635,6 +1658,7 @@ var require_cjs2 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var array_exports = {};
         __export22(array_exports, {
+          addItemAfterEveryElement: () => addItemAfterEveryElement,
           arrayContainsOtherArray: () => arrayContainsOtherArray,
           createNestedObject: () => createNestedObject,
           cutArrayAfterValue: () => cutArrayAfterValue,
@@ -1646,6 +1670,7 @@ var require_cjs2 = __commonJS({
           removeFromArray: () => removeFromArray,
           removeValueFromArray: () => removeValueFromArray,
           removeValueFromArrayAll: () => removeValueFromArrayAll,
+          reorderArrayByValues: () => reorderArrayByValues,
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
@@ -1730,6 +1755,27 @@ var require_cjs2 = __commonJS({
         var removeValueFromArrayAll = (arr, value) => {
           return arr.filter((item) => item !== value);
         };
+        var addItemAfterEveryElement = (array, item) => {
+          const result = [];
+          for (let i = 0; i < array.length; i++) {
+            result.push(array[i]);
+            if (i < array.length - 1) {
+              result.push(item);
+            }
+          }
+          return result;
+        };
+        var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+          const newArray = [...array];
+          const indexToMove = newArray.indexOf(valueToMove);
+          const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+          if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+            const removedItem = newArray.splice(indexToMove, 1)[0];
+            const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+            newArray.splice(insertIndex, 0, removedItem);
+          }
+          return newArray;
+        };
       }
     });
     var require_string2 = __commonJS2({
@@ -2002,7 +2048,7 @@ var require_cjs2 = __commonJS({
           }
           return stringified;
         };
-        var objectToString = (obj, indent = 0) => {
+        var objectToString = (obj = {}, indent = 0) => {
           const spaces = "  ".repeat(indent);
           let str = "{\n";
           for (const [key, value] of Object.entries(obj)) {
@@ -2069,7 +2115,7 @@ var require_cjs2 = __commonJS({
               continue;
             const objProp = obj[prop];
             if ((0, import_types.isString)(objProp)) {
-              if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
+              if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
                 try {
                   const evalProp = import_globals.window.eval(`(${objProp})`);
                   destringified[prop] = evalProp;
@@ -2837,6 +2883,7 @@ __export(defaultConfig_exports, {
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
+  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
   SEQUENCE: () => SEQUENCE,
   SHADOW: () => SHADOW,
   SPACING: () => SPACING,
@@ -2948,6 +2995,7 @@ var SHADOW = {};
 
 // src/defaultConfig/icons.js
 var ICONS = {};
+var SEMANTIC_ICONS = {};
 
 // src/defaultConfig/timing.js
 var defaultProps3 = {

package/dist/cjs/utils/sprite.js

@@ -293,6 +293,7 @@ var require_array = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var array_exports = {};
     __export2(array_exports, {
+      addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
       createNestedObject: () => createNestedObject,
       cutArrayAfterValue: () => cutArrayAfterValue,
@@ -304,6 +305,7 @@ var require_array = __commonJS({
       removeFromArray: () => removeFromArray,
       removeValueFromArray: () => removeValueFromArray,
       removeValueFromArrayAll: () => removeValueFromArrayAll,
+      reorderArrayByValues: () => reorderArrayByValues,
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(array_exports);
@@ -388,6 +390,27 @@ var require_array = __commonJS({
     var removeValueFromArrayAll = (arr, value) => {
       return arr.filter((item) => item !== value);
     };
+    var addItemAfterEveryElement = (array, item) => {
+      const result = [];
+      for (let i = 0; i < array.length; i++) {
+        result.push(array[i]);
+        if (i < array.length - 1) {
+          result.push(item);
+        }
+      }
+      return result;
+    };
+    var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+      const newArray = [...array];
+      const indexToMove = newArray.indexOf(valueToMove);
+      const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+      if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+        const removedItem = newArray.splice(indexToMove, 1)[0];
+        const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+        newArray.splice(insertIndex, 0, removedItem);
+      }
+      return newArray;
+    };
   }
 });
 
@@ -664,7 +687,7 @@ var require_object = __commonJS({
       }
       return stringified;
     };
-    var objectToString = (obj, indent = 0) => {
+    var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
@@ -731,7 +754,7 @@ var require_object = __commonJS({
           continue;
         const objProp = obj[prop];
         if ((0, import_types.isString)(objProp)) {
-          if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
+          if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
             try {
               const evalProp = import_globals.window.eval(`(${objProp})`);
               destringified[prop] = evalProp;
@@ -1379,6 +1402,7 @@ __export(defaultConfig_exports, {
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
+  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
   SEQUENCE: () => SEQUENCE,
   SHADOW: () => SHADOW,
   SPACING: () => SPACING,
@@ -1490,6 +1514,7 @@ var SHADOW = {};
 
 // src/defaultConfig/icons.js
 var ICONS = {};
+var SEMANTIC_ICONS = {};
 
 // src/defaultConfig/timing.js
 var defaultProps3 = {

package/dist/cjs/utils/var.js

@@ -293,6 +293,7 @@ var require_array = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var array_exports = {};
     __export2(array_exports, {
+      addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
       createNestedObject: () => createNestedObject,
       cutArrayAfterValue: () => cutArrayAfterValue,
@@ -304,6 +305,7 @@ var require_array = __commonJS({
       removeFromArray: () => removeFromArray,
       removeValueFromArray: () => removeValueFromArray,
       removeValueFromArrayAll: () => removeValueFromArrayAll,
+      reorderArrayByValues: () => reorderArrayByValues,
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(array_exports);
@@ -388,6 +390,27 @@ var require_array = __commonJS({
     var removeValueFromArrayAll = (arr, value) => {
       return arr.filter((item) => item !== value);
     };
+    var addItemAfterEveryElement = (array, item) => {
+      const result = [];
+      for (let i = 0; i < array.length; i++) {
+        result.push(array[i]);
+        if (i < array.length - 1) {
+          result.push(item);
+        }
+      }
+      return result;
+    };
+    var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+      const newArray = [...array];
+      const indexToMove = newArray.indexOf(valueToMove);
+      const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+      if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+        const removedItem = newArray.splice(indexToMove, 1)[0];
+        const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+        newArray.splice(insertIndex, 0, removedItem);
+      }
+      return newArray;
+    };
   }
 });
 
@@ -664,7 +687,7 @@ var require_object = __commonJS({
       }
       return stringified;
     };
-    var objectToString = (obj, indent = 0) => {
+    var objectToString = (obj = {}, indent = 0) => {
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
@@ -731,7 +754,7 @@ var require_object = __commonJS({
           continue;
         const objProp = obj[prop];
         if ((0, import_types.isString)(objProp)) {
-          if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
+          if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
             try {
               const evalProp = import_globals.window.eval(`(${objProp})`);
               destringified[prop] = evalProp;
@@ -1635,6 +1658,7 @@ var require_cjs2 = __commonJS({
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
         var array_exports = {};
         __export22(array_exports, {
+          addItemAfterEveryElement: () => addItemAfterEveryElement,
           arrayContainsOtherArray: () => arrayContainsOtherArray,
           createNestedObject: () => createNestedObject,
           cutArrayAfterValue: () => cutArrayAfterValue,
@@ -1646,6 +1670,7 @@ var require_cjs2 = __commonJS({
           removeFromArray: () => removeFromArray,
           removeValueFromArray: () => removeValueFromArray,
           removeValueFromArrayAll: () => removeValueFromArrayAll,
+          reorderArrayByValues: () => reorderArrayByValues,
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
@@ -1730,6 +1755,27 @@ var require_cjs2 = __commonJS({
         var removeValueFromArrayAll = (arr, value) => {
           return arr.filter((item) => item !== value);
         };
+        var addItemAfterEveryElement = (array, item) => {
+          const result = [];
+          for (let i = 0; i < array.length; i++) {
+            result.push(array[i]);
+            if (i < array.length - 1) {
+              result.push(item);
+            }
+          }
+          return result;
+        };
+        var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+          const newArray = [...array];
+          const indexToMove = newArray.indexOf(valueToMove);
+          const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+          if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+            const removedItem = newArray.splice(indexToMove, 1)[0];
+            const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+            newArray.splice(insertIndex, 0, removedItem);
+          }
+          return newArray;
+        };
       }
     });
     var require_string2 = __commonJS2({
@@ -2002,7 +2048,7 @@ var require_cjs2 = __commonJS({
           }
           return stringified;
         };
-        var objectToString = (obj, indent = 0) => {
+        var objectToString = (obj = {}, indent = 0) => {
           const spaces = "  ".repeat(indent);
           let str = "{\n";
           for (const [key, value] of Object.entries(obj)) {
@@ -2069,7 +2115,7 @@ var require_cjs2 = __commonJS({
               continue;
             const objProp = obj[prop];
             if ((0, import_types.isString)(objProp)) {
-              if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
+              if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
                 try {
                   const evalProp = import_globals.window.eval(`(${objProp})`);
                   destringified[prop] = evalProp;
@@ -2829,6 +2875,7 @@ __export(defaultConfig_exports, {
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
+  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
   SEQUENCE: () => SEQUENCE,
   SHADOW: () => SHADOW,
   SPACING: () => SPACING,
@@ -2940,6 +2987,7 @@ var SHADOW = {};
 
 // src/defaultConfig/icons.js
 var ICONS = {};
+var SEMANTIC_ICONS = {};
 
 // src/defaultConfig/timing.js
 var defaultProps3 = {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.373",
+  "version": "2.11.389",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "latest",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "71ddf72da03fdac28f9d1fe2c9e163b5b6ba9f09"
+  "gitHead": "e260280a4a50ca08fd7df53104a884086dc3da88"
 }

package/src/defaultConfig/icons.js

@@ -1,3 +1,4 @@
 'use strict'
 
 export const ICONS = {}
+export const SEMANTIC_ICONS = {}

package/src/set.js

@@ -7,7 +7,7 @@ import {
   setFont,
   setFontFamily,
   setTheme,
-  setIcon,
+  setSvgIcon,
   setSVG,
   applyTypographySequence,
   applySpacingSequence,
@@ -32,7 +32,8 @@ export const VALUE_TRANSFORMERS = {
   font: setFont,
   font_family: setFontFamily,
   theme: setTheme,
-  icons: setIcon,
+  icons: setSvgIcon,
+  semantic_icons: setSameValue,
   svg: setSVG,
   svg_data: setSameValue,
   typography: setSameValue,
@@ -94,6 +95,7 @@ export const set = (recivedConfig, options = SET_OPTIONS) => {
     globalTheme,
     useDocumentTheme,
     useDefaultConfig,
+    SEMANTIC_ICONS,
     ...config
   } = recivedConfig
 
@@ -110,6 +112,7 @@ export const set = (recivedConfig, options = SET_OPTIONS) => {
   if (useDocumentTheme !== undefined) CONFIG.useDocumentTheme = useDocumentTheme
   if (globalTheme !== undefined) CONFIG.globalTheme = globalTheme
   if (useDefaultConfig !== undefined) CONFIG.useDefaultConfig = useDefaultConfig
+  if (SEMANTIC_ICONS !== undefined) CONFIG.SEMANTIC_ICONS = SEMANTIC_ICONS
   if (CONFIG.verbose) console.log(CONFIG)
 
   if (!CONFIG.__svg_cache) CONFIG.__svg_cache = {}
@@ -118,9 +121,9 @@ export const set = (recivedConfig, options = SET_OPTIONS) => {
   keys.map(key => setEach(key, config[key]))
 
   // apply generic configs
-  applyTypographySequence()
-  applySpacingSequence()
-  applyTimingSequence()
+  if (config.TYPOGRAPHY) applyTypographySequence()
+  if (config.SPACING) applySpacingSequence()
+  if (config.TIMING) applyTimingSequence()
   applyDocument()
   applyReset()
 

package/src/system/svg.js

@@ -28,14 +28,14 @@ export const appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
   appendSVG(lib, options)
 }
 
-export const setIcon = (val, key) => {
+export const setSvgIcon = (val, key) => {
   const CONFIG = getActiveConfig()
-  if (CONFIG.useIconSprite) {
+  if (CONFIG.useIconSprite && !CONFIG.SEMANTIC_ICONS?.[key]) {
     return setSVG(val, key)
   } return val
 }
 
-export const appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
+export const appendSvgIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG = getActiveConfig()
 
   const lib = Object.keys(LIBRARY).length ? {} : CONFIG.ICONS