@symbo.ls/create 2.11.498 → 2.11.500

package/dist/cjs/bundle/index.js

@@ -3673,6 +3673,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;
@@ -5944,6 +5960,7 @@ var require_cjs2 = __commonJS({
       ANIMATION: () => ANIMATION,
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
+      CLASS: () => CLASS,
       COLOR: () => COLOR2,
       CONFIG: () => CONFIG3,
       CSS_VARS: () => CSS_VARS,
@@ -6322,6 +6339,7 @@ var require_cjs2 = __commonJS({
       ANIMATION: () => ANIMATION,
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
+      CLASS: () => CLASS,
       COLOR: () => COLOR2,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -6472,6 +6490,8 @@ var require_cjs2 = __commonJS({
     var TEMPLATES = {};
     var defaultProps4 = {};
     var GRID = defaultProps4;
+    var defaultProps5 = {};
+    var CLASS = defaultProps5;
     var RESET = {};
     var CSS_VARS = {};
     var CONFIG3 = {
@@ -11823,7 +11843,8 @@ var require_cjs7 = __commonJS({
       contentElementKey: "content",
       scrollToOptions: { behavior: "smooth" }
     };
-    var router = (path, element, state = {}, options = {}) => {
+    var router = (path, el, state = {}, options = {}) => {
+      const element = el || void 0;
       const win = element.context.window || import_utils25.window;
       const doc = element.context.document || import_utils25.document;
       const opts = { ...defaultOptions, ...element.context.routerOptions, ...options };
@@ -12881,7 +12902,7 @@ var init_Media = __esm({
         return (0, import_utils7.overwriteDeep)(result, convertPropsToClass(props4, result, element));
     };
     applyTrueProps = (props4, result, element) => (0, import_utils7.merge)(result, convertPropsToClass(props4, result, element));
-    beforeClassAssign = (element, s) => {
+    beforeClassAssign = (element, s, ctx) => {
       const { props: props4, class: className, context } = element;
       const CLASS_NAMES = {
         media: {},
@@ -12908,7 +12929,17 @@ var init_Media = __esm({
         }
         if (setter)
           setter(key, props4[key], CLASS_NAMES, element);
-        else if (key === "true")
+        else if (key === "class") {
+          const value2 = element.props.class;
+          if (!element.call("isString", value2))
+            return;
+          const classArr = value2.split(" ");
+          const scratchClasses = ctx.designSystem.CLASS;
+          CLASS_NAMES.class = classArr.reduce((accumulator, current) => {
+            const scratchClass = scratchClasses[current];
+            return (0, import_utils7.merge)(accumulator, scratchClass);
+          }, {});
+        } else if (key === "true")
           applyTrueProps(props4[key], CLASS_NAMES, element);
       }
       const parentProps = element.parent && element.parent.props;
@@ -13582,8 +13613,8 @@ var require_updateState = __commonJS({
     var hoistStateUpdate = (state, obj, options) => {
       const element = state.__element;
       const { parent, __ref: ref } = element;
-      const stateKey = ref.__state;
-      const stateType = ref.__stateType;
+      const stateKey = ref == null ? void 0 : ref.__state;
+      const stateType = ref == null ? void 0 : ref.__stateType;
       if (!stateKey)
         return;
       const asksForInherit = (0, import_inherit.checkIfInherits)(element);
@@ -14980,9 +15011,6 @@ var init_Select = __esm({
         cursor: "pointer",
         childProps: {
           tag: "option",
-          value: "",
-          selected: "",
-          disabled: "",
           attr: {
             value: ({ props: props4 }) => props4.value,
             selected: ({ props: props4 }) => props4.selected,
@@ -22744,9 +22772,9 @@ var init_client = __esm({
   }
 });
 
-// ../sync/dist/cjs/Notifications.js
-var require_Notifications = __commonJS({
-  "../sync/dist/cjs/Notifications.js"(exports, module2) {
+// ../sync/dist/cjs/SyncNotifications.js
+var require_SyncNotifications = __commonJS({
+  "../sync/dist/cjs/SyncNotifications.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -22765,12 +22793,12 @@ var require_Notifications = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var Notifications_exports = {};
-    __export2(Notifications_exports, {
+    var SyncNotifications_exports = {};
+    __export2(SyncNotifications_exports, {
       Notifications: () => Notifications2,
       connectedToSymbols: () => connectedToSymbols
     });
-    module2.exports = __toCommonJS2(Notifications_exports);
+    module2.exports = __toCommonJS2(SyncNotifications_exports);
     var NOTIF_COLORS = {
       success: "green",
       error: "red",
@@ -23071,13 +23099,6 @@ var require_Inspect = __commonJS({
   }
 });
 
-// ../sync/dist/cjs/DefaultSyncApp.js
-var require_DefaultSyncApp = __commonJS({
-  "../sync/dist/cjs/DefaultSyncApp.js"() {
-    "use strict";
-  }
-});
-
 // ../sync/dist/cjs/index.js
 var require_cjs14 = __commonJS({
   "../sync/dist/cjs/index.js"(exports, module2) {
@@ -23112,10 +23133,9 @@ var require_cjs14 = __commonJS({
     var import_client = (init_client(), __toCommonJS(client_exports));
     var import_globals = require_cjs9();
     var import_utils25 = require_cjs();
-    var import_Notifications = require_Notifications();
+    var import_SyncNotifications = require_SyncNotifications();
     var import_Inspect = require_Inspect();
-    __reExport2(sync_exports, require_DefaultSyncApp(), module2.exports);
-    __reExport2(sync_exports, require_Notifications(), module2.exports);
+    __reExport2(sync_exports, require_SyncNotifications(), module2.exports);
     __reExport2(sync_exports, require_Inspect(), module2.exports);
     var isLocalhost = import_globals.window && import_globals.window.location && import_globals.window.location.host.includes("local");
     var onConnect = (element, state) => {
@@ -23161,7 +23181,7 @@ var require_cjs14 = __commonJS({
             (0, import_init3.init)(designSystem);
         }
         if (ctx.editor.verbose && event === "clients") {
-          (0, import_Notifications.connectedToSymbols)(data, el, s);
+          (0, import_SyncNotifications.connectedToSymbols)(data, el, s);
         }
       };
     };
@@ -23181,7 +23201,7 @@ var require_cjs14 = __commonJS({
       }
     };
     var DefaultSyncApp = {
-      extend: [SyncComponent2, import_Inspect.Inspect, import_Notifications.Notifications]
+      extend: [SyncComponent2, import_Inspect.Inspect, import_SyncNotifications.Notifications]
     };
   }
 });

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.498",
+  "version": "2.11.500",
   "license": "MIT",
-  "gitHead": "2064fa85a948fadd9d5b64e2b645506579fcf670",
+  "gitHead": "26be30022a9bbce9288b98f013bb1c3381767960",
   "files": [
     "src",
     "dist"
@@ -35,10 +35,10 @@
     "@domql/report": "^2.5.0",
     "@domql/router": "^2.5.0",
     "@symbo.ls/fetch": "^2.11.475",
-    "@symbo.ls/init": "^2.11.497",
-    "@symbo.ls/scratch": "^2.11.497",
-    "@symbo.ls/sync": "^2.11.497",
-    "@symbo.ls/uikit": "^2.11.497",
+    "@symbo.ls/init": "^2.11.500",
+    "@symbo.ls/scratch": "^2.11.500",
+    "@symbo.ls/sync": "^2.11.500",
+    "@symbo.ls/uikit": "^2.11.500",
     "@symbo.ls/utils": "^2.11.497",
     "domql": "^2.5.158"
   },