@symbo.ls/scratch 2.11.429 → 2.11.430

package/dist/cjs/utils/var.js

@@ -166,6 +166,7 @@ var require_node = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var node_exports = {};
     __export2(node_exports, {
+      isDOMNode: () => isDOMNode,
       isHtmlElement: () => isHtmlElement,
       isNode: () => isNode
     });
@@ -177,6 +178,9 @@ var require_node = __commonJS({
     var isHtmlElement = (obj) => {
       return (typeof HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
     };
+    var isDOMNode = (obj) => {
+      return typeof import_globals.window !== "undefined" && (obj instanceof import_globals.window.Node || obj instanceof import_globals.window.Window || obj === import_globals.window || obj === document);
+    };
   }
 });
 
@@ -639,6 +643,7 @@ var require_object = __commonJS({
     var import_types = require_types();
     var import_array = require_array();
     var import_string = require_string();
+    var import_node = require_node();
     var exec = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
@@ -717,27 +722,28 @@ var require_object = __commonJS({
     var mergeArrayExclude = (arr, excl = []) => {
       return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
     };
-    var deepClone2 = (obj, excludeFrom = [], cleanUndefined = false) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, prop))
-          continue;
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        let objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
-          continue;
-        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
-          objProp = (0, import_array.mergeArray)(objProp);
+    var deepClone2 = (obj, exclude = [], cleanUndefined = false, visited = /* @__PURE__ */ new WeakMap()) => {
+      if (!(0, import_types.isObjectLike)(obj) || (0, import_node.isDOMNode)(obj))
+        return obj;
+      if (visited.has(obj))
+        return visited.get(obj);
+      const clone2 = (0, import_types.isArray)(obj) ? [] : {};
+      visited.set(obj, clone2);
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key) && !exclude.includes(key)) {
+          const value = obj[key];
+          if ((0, import_node.isDOMNode)(value)) {
+            clone2[key] = value;
+          } else if (key === "extend" && (0, import_types.isArray)(value)) {
+            clone2[key] = (0, import_array.mergeArray)(value, exclude);
+          } else if ((0, import_types.isObjectLike)(value)) {
+            clone2[key] = deepClone2(value, exclude, cleanUndefined, visited);
+          } else {
+            clone2[key] = value;
+          }
         }
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone2(objProp, excludeFrom, cleanUndefined);
-        } else
-          o[prop] = objProp;
       }
-      return o;
+      return clone2;
     };
     var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
@@ -1048,30 +1054,40 @@ var require_object = __commonJS({
       }
       return true;
     };
-    var deepContains = (obj1, obj2) => {
-      if (typeof obj1 !== typeof obj2) {
+    var deepContains = (obj1, obj2, ignoredKeys = ["node", "__ref"]) => {
+      if (obj1 === obj2)
+        return true;
+      if (!(0, import_types.isObjectLike)(obj1) || !(0, import_types.isObjectLike)(obj2))
         return false;
-      }
-      if ((0, import_types.isObjectLike)(obj1)) {
-        if (Array.isArray(obj1) && Array.isArray(obj2)) {
-          if (obj1.length !== obj2.length) {
+      if ((0, import_node.isDOMNode)(obj1) || (0, import_node.isDOMNode)(obj2))
+        return obj1 === obj2;
+      const stack = [[obj1, obj2]];
+      const visited = /* @__PURE__ */ new WeakSet();
+      while (stack.length > 0) {
+        const [current1, current2] = stack.pop();
+        if (visited.has(current1))
+          continue;
+        visited.add(current1);
+        const keys1 = Object.keys(current1).filter((key) => !ignoredKeys.includes(key));
+        const keys2 = Object.keys(current2).filter((key) => !ignoredKeys.includes(key));
+        if (keys1.length !== keys2.length)
+          return false;
+        for (const key of keys1) {
+          if (!Object.prototype.hasOwnProperty.call(current2, key))
             return false;
-          }
-          for (let i = 0; i < obj1.length; i++) {
-            if (!deepContains(obj1[i], obj2[i])) {
-              return false;
-            }
-          }
-        } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
-          for (const key in obj1) {
-            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
-            if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
+          const value1 = current1[key];
+          const value2 = current2[key];
+          if ((0, import_node.isDOMNode)(value1) || (0, import_node.isDOMNode)(value2)) {
+            if (value1 !== value2)
               return false;
+          } else if ((0, import_types.isObjectLike)(value1) && (0, import_types.isObjectLike)(value2)) {
+            if (value1 !== value2) {
+              stack.push([value1, value2]);
             }
+          } else if (value1 !== value2) {
+            return false;
           }
         }
-      } else {
-        return obj2 === obj1;
       }
       return true;
     };
@@ -1861,10 +1877,10 @@ var require_cjs2 = __commonJS({
           return [].concat(...arrays);
         };
         var mergeArray = (arr, excludeFrom = []) => {
-          return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+          return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepCloneWithExtend)(c, excludeFrom), excludeFrom), {});
         };
         var mergeAndCloneIfArray = (obj) => {
-          return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
+          return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepCloneWithExtend)(obj);
         };
         var cutArrayBeforeValue = (arr, value) => {
           const index = arr.indexOf(value);
@@ -1968,6 +1984,8 @@ var require_cjs2 = __commonJS({
         __export22(string_exports, {
           customDecodeURIComponent: () => customDecodeURIComponent,
           customEncodeURIComponent: () => customEncodeURIComponent,
+          decodeNewlines: () => decodeNewlines,
+          encodeNewlines: () => encodeNewlines,
           findKeyPosition: () => findKeyPosition,
           lowercaseFirstLetter: () => lowercaseFirstLetter,
           replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
@@ -2071,6 +2089,12 @@ var require_cjs2 = __commonJS({
             return char;
           });
         };
+        var encodeNewlines = (str) => {
+          return str.split("\n").join("/////n").split("`").join("/////tilde").split("$").join("/////dlrsgn");
+        };
+        var decodeNewlines = (encodedStr) => {
+          return encodedStr.split("/////n").join("\n").split("/////tilde").join("`").split("/////dlrsgn").join("$");
+        };
         var customEncodeURIComponent = (str) => {
           return str.split("").map((char) => {
             if (/[^a-zA-Z0-9\s]/.test(char)) {
@@ -2501,7 +2525,7 @@ var require_cjs2 = __commonJS({
         };
         var overwriteDeep = (obj, params, excludeFrom = []) => {
           for (const e in params) {
-            if (e === "__proto__")
+            if (e === "__ref")
               continue;
             if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
@@ -3025,6 +3049,7 @@ var require_cjs2 = __commonJS({
     var src_exports = {};
     __export2(src_exports, {
       arrayzeValue: () => arrayzeValue,
+      copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
       copyStringToClipboard: () => copyStringToClipboard,
       fibonacciNumberByIndex: () => fibonacciNumberByIndex,
       findClosestNumber: () => findClosestNumber,
@@ -3152,15 +3177,22 @@ var require_cjs2 = __commonJS({
       }
     };
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
-    var copyStringToClipboard = (str) => {
-      const el = document.createElement("textarea");
-      el.value = str;
-      el.setAttribute("readonly", "");
-      el.style = { position: "absolute", left: "-9999px" };
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand("copy");
-      document.body.removeChild(el);
+    var copyStringToClipboard = async (str) => {
+      try {
+        await navigator.clipboard.writeText(str);
+      } catch (err) {
+        console.warn("Failed to copy text: ", err);
+      }
+    };
+    var copyJavaScriptToClipboard = async (jsCode) => {
+      try {
+        const blob = new Blob([jsCode], { type: "text/javascript" });
+        const clipboardItem = new window.ClipboardItem({ "text/plain": blob });
+        await navigator.clipboard.write([clipboardItem]);
+        console.log("JavaScript code copied to clipboard as text/javascript");
+      } catch (err) {
+        console.error("Failed to copy JavaScript code: ", err);
+      }
     };
     var removeChars = (str) => {
       return str.replace(/[^a-zA-Z0-9_]/g, "");
@@ -3374,9 +3406,11 @@ var BREAKPOINTS = {
   mobileXS: 375
 };
 var DEVICES = {
+  screenXXL: [2560, 1440],
+  screenXL: [2240, 1260],
   screenL: [1920, 1024],
   screenM: [1680, 1024],
-  screenS: [1440, 978],
+  screenS: [1440, 720],
   tabletL: [1366, 926],
   tabletM: [1280, 768],
   tabletS: [1024, 768],

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.429",
+  "version": "2.11.430",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "latest",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "ff81d19b0ad978bbba24590f269a7bdbb6799798"
+  "gitHead": "340f3f6f7aa8ebd812340008730e4490a607be19"
 }

package/src/defaultConfig/responsive.js

@@ -14,9 +14,11 @@ export const BREAKPOINTS = {
 }
 
 export const DEVICES = {
+  screenXXL: [2560, 1440],
+  screenXL: [2240, 1260],
   screenL: [1920, 1024],
   screenM: [1680, 1024],
-  screenS: [1440, 978],
+  screenS: [1440, 720],
   tabletL: [1366, 926],
   tabletM: [1280, 768],
   tabletS: [1024, 768],