@symbo.ls/scratch 2.11.497 → 2.11.504

package/dist/cjs/utils/var.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../../domql/packages/utils/dist/cjs/key.js
+// ../../node_modules/@domql/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -69,9 +69,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/env.js
+// ../../node_modules/@domql/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -107,9 +107,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/globals.js
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/node.js
+// ../../node_modules/@domql/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -184,9 +184,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/types.js
+// ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -274,9 +274,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/array.js
+// ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -428,9 +428,9 @@ var require_array = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/string.js
+// ../../node_modules/@domql/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -579,9 +579,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/object.js
+// ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -815,6 +815,12 @@ var require_object = __commonJS({
       return stringified;
     };
     var objectToString = (obj = {}, indent = 0) => {
+      if (obj === null || typeof obj !== "object") {
+        return String(obj);
+      }
+      if (Object.keys(obj).length === 0) {
+        return "{}";
+      }
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
@@ -1242,9 +1248,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/function.js
+// ../../node_modules/@domql/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1329,9 +1335,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/log.js
+// ../../node_modules/@domql/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1370,9 +1376,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/cookie.js
+// ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1456,9 +1462,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/tags.js
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1627,9 +1633,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/component.js
+// ../../node_modules/@domql/utils/dist/cjs/component.js
 var require_component = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/component.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/component.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1732,6 +1738,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -1872,9 +1894,9 @@ var require_component = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/index.js
+// ../../node_modules/@domql/utils/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1943,7 +1965,7 @@ var require_cjs2 = __commonJS({
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var require_key2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1980,7 +2002,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_env2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2016,7 +2038,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_globals2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2050,7 +2072,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_node2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2089,7 +2111,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_types2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2177,7 +2199,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_array2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2329,7 +2351,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_string2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2478,7 +2500,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_object2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -2712,6 +2734,12 @@ var require_cjs2 = __commonJS({
           return stringified;
         };
         var objectToString = (obj = {}, indent = 0) => {
+          if (obj === null || typeof obj !== "object") {
+            return String(obj);
+          }
+          if (Object.keys(obj).length === 0) {
+            return "{}";
+          }
           const spaces = "  ".repeat(indent);
           let str = "{\n";
           for (const [key, value] of Object.entries(obj)) {
@@ -3139,7 +3167,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_function2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3224,7 +3252,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_log2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3263,7 +3291,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_cookie2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3347,7 +3375,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_tags2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3516,7 +3544,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_component2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/component.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/component.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3619,6 +3647,22 @@ var require_cjs2 = __commonJS({
               tag,
               props: { ...element }
             });
+            if (newElem.props.data) {
+              newElem.data = newElem.props.data;
+              delete newElem.props.data;
+            }
+            if (newElem.props.state) {
+              newElem.state = newElem.props.state;
+              delete newElem.props.state;
+            }
+            if (newElem.props.attr) {
+              newElem.attr = newElem.props.attr;
+              delete newElem.props.attr;
+            }
+            if (newElem.props.if) {
+              newElem.if = newElem.props.if;
+              delete newElem.props.if;
+            }
             if (childExtends)
               newElem.childExtend = childExtends;
             return newElem;
@@ -3759,7 +3803,7 @@ var require_cjs2 = __commonJS({
       }
     });
     var require_cjs3 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -3817,17 +3861,17 @@ var require_cjs2 = __commonJS({
     });
     module2.exports = __toCommonJS2(src_exports);
     var import_utils22 = __toESM2(require_cjs3(), 1);
-    var toggleFullscreen = async (el) => {
+    async function toggleFullscreen(opts) {
       if (!document.fullscreenElement) {
         try {
-          await (el.node || document).requestFullscreen();
+          await (this.node || document).requestFullscreen();
         } catch (err) {
           console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
         }
       } else {
         await document.exitFullscreen();
       }
-    };
+    }
     var import_utils5 = __toESM2(require_cjs3(), 1);
     var findClosestNumber = (number, arr) => {
       return ((0, import_utils5.isArray)(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
@@ -4023,6 +4067,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4212,6 +4257,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.497",
+  "version": "2.11.504",
   "files": [
     "src",
     "dist"
@@ -27,8 +27,8 @@
   "dependencies": {
     "@domql/globals": "latest",
     "@domql/utils": "^2.5.0",
-    "@symbo.ls/utils": "^2.11.497",
+    "@symbo.ls/utils": "^2.11.504",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "a0c5801e510630ee7b7ce38d995ed5db8408f320"
+  "gitHead": "faa2f47da27dd29f7c6a6637996c9bb016a2d356"
 }

package/src/defaultConfig/index.js

@@ -19,5 +19,6 @@ export * from './animation.js'
 export * from './svg.js'
 export * from './templates.js'
 export * from './grid.js'
+export * from './class.js'
 
 export const RESET = {}