@symbo.ls/create 2.11.203 → 2.11.204

package/dist/cjs/bundle/index.js

@@ -812,22 +812,28 @@ var require_object = __commonJS({
       delete objectized[prop];
       return stack;
     };
-    var isEqualDeep2 = (param, element) => {
-      if (param === element)
+    var isEqualDeep2 = (param, element, visited = /* @__PURE__ */ new Set()) => {
+      if (typeof param !== "object" || typeof element !== "object" || param === null || element === null) {
+        return param === element;
+      }
+      if (visited.has(param) || visited.has(element)) {
         return true;
-      if (!param || !element)
+      }
+      visited.add(param);
+      visited.add(element);
+      const keysParam = Object.keys(param);
+      const keysElement = Object.keys(element);
+      if (keysParam.length !== keysElement.length) {
         return false;
-      for (const prop in param) {
-        const paramProp = param[prop];
-        const elementProp = element[prop];
-        if ((0, import_types.isObjectLike)(paramProp)) {
-          const isEqual = isEqualDeep2(paramProp, elementProp);
-          if (!isEqual)
-            return false;
-        } else {
-          const isEqual = paramProp === elementProp;
-          if (!isEqual)
-            return false;
+      }
+      for (const key of keysParam) {
+        if (!keysElement.includes(key)) {
+          return false;
+        }
+        const paramProp = param[key];
+        const elementProp = element[key];
+        if (!isEqualDeep2(paramProp, elementProp, visited)) {
+          return false;
         }
       }
       return true;
@@ -871,6 +877,7 @@ var require_function = __commonJS({
     var function_exports = {};
     __export2(function_exports, {
       debounce: () => debounce,
+      isStringFunction: () => isStringFunction,
       memoize: () => memoize2
     });
     module2.exports = __toCommonJS2(function_exports);
@@ -896,6 +903,10 @@ var require_function = __commonJS({
         }
       };
     };
+    var isStringFunction = (inputString) => {
+      const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
+      return functionRegex.test(inputString);
+    };
   }
 });
 
@@ -4181,7 +4192,11 @@ var require_node2 = __commonJS({
           if (isElement) {
             const { hasDefine, hasContextDefine } = isElement;
             if (element[param] && !hasDefine && !hasContextDefine) {
-              (0, import_create.default)((0, import_utils20.exec)(prop, element), element, param, options);
+              const createAsync = () => (0, import_create.default)((0, import_utils20.exec)(prop, element), element, param, options);
+              if (element.props && element.props.lazyLoad || options.lazyLoad) {
+                window.requestAnimationFrame(() => createAsync());
+              } else
+                createAsync();
             }
           }
         }
@@ -4871,7 +4886,7 @@ var require_create4 = __commonJS({
       }
     };
     var createKey = (element, parent, key) => {
-      return (key || element.key || (0, import_utils20.generateKey)()).toString();
+      return ((0, import_utils20.exec)(key, element) || key || element.key || (0, import_utils20.generateKey)()).toString();
     };
     var addRef = (element, parent) => {
       if (element.__ref)
@@ -6014,22 +6029,28 @@ var require_cjs9 = __commonJS({
           delete objectized[prop];
           return stack;
         };
-        var isEqualDeep2 = (param, element) => {
-          if (param === element)
+        var isEqualDeep2 = (param, element, visited = /* @__PURE__ */ new Set()) => {
+          if (typeof param !== "object" || typeof element !== "object" || param === null || element === null) {
+            return param === element;
+          }
+          if (visited.has(param) || visited.has(element)) {
             return true;
-          if (!param || !element)
+          }
+          visited.add(param);
+          visited.add(element);
+          const keysParam = Object.keys(param);
+          const keysElement = Object.keys(element);
+          if (keysParam.length !== keysElement.length) {
             return false;
-          for (const prop in param) {
-            const paramProp = param[prop];
-            const elementProp = element[prop];
-            if ((0, import_types.isObjectLike)(paramProp)) {
-              const isEqual = isEqualDeep2(paramProp, elementProp);
-              if (!isEqual)
-                return false;
-            } else {
-              const isEqual = paramProp === elementProp;
-              if (!isEqual)
-                return false;
+          }
+          for (const key of keysParam) {
+            if (!keysElement.includes(key)) {
+              return false;
+            }
+            const paramProp = param[key];
+            const elementProp = element[key];
+            if (!isEqualDeep2(paramProp, elementProp, visited)) {
+              return false;
             }
           }
           return true;
@@ -6071,6 +6092,7 @@ var require_cjs9 = __commonJS({
         var function_exports = {};
         __export22(function_exports, {
           debounce: () => debounce,
+          isStringFunction: () => isStringFunction,
           memoize: () => memoize2
         });
         module22.exports = __toCommonJS22(function_exports);
@@ -6096,6 +6118,10 @@ var require_cjs9 = __commonJS({
             }
           };
         };
+        var isStringFunction = (inputString) => {
+          const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
+          return functionRegex.test(inputString);
+        };
       }
     });
     var require_log2 = __commonJS2({
@@ -9897,6 +9923,7 @@ __export(domql_exports, {
   Animation: () => Animation,
   Avatar: () => Avatar,
   AvatarBundle: () => AvatarBundle,
+  AvatarChooser: () => AvatarChooser,
   AvatarIndicator: () => AvatarIndicator,
   BalanceCard: () => BalanceCard,
   Block: () => Block,
@@ -12701,16 +12728,14 @@ var CardLabel = {
 // ../../uikit/domql/Avatar/Avatar.js
 var Avatar = {
   extend: Img,
-  props: {
+  props: ({ key, props: props4 }) => ({
     display: "block",
     avatarType: "initials",
     borderRadius: "100%",
     boxSize: "C+X C+X",
-    cursor: "pointer"
-  },
-  attr: {
-    src: ({ key, props: props4 }) => props4.src || `https://avatars.dicebear.com/api/${props4.avatarType || "adventurer-neutral"}/${props4.key || key}.svg`
-  }
+    cursor: "pointer",
+    src: `https://api.dicebear.com/7.x/${props4.avatarType || "adventurer-neutral"}/svg?seed=${props4.key || key}`
+  })
 };
 
 // ../../uikit/domql/Avatar/AvatarIndicator.js
@@ -12743,6 +12768,60 @@ var AvatarBundle = {
   ...[{}, {}, {}, {}]
 };
 
+// ../../uikit/domql/Avatar/index.js
+var AvatarChooser = {
+  extend: Button,
+  tag: "label",
+  props: {
+    round: "C",
+    gap: "Y",
+    padding: "W2 A W2 W2",
+    theme: "tertiary",
+    position: "relative",
+    cursor: "pointer"
+  },
+  Avatar: {
+    props: ({ state }) => ({
+      key: state.key,
+      boxSize: "B1",
+      pointerEvents: "none"
+    })
+  },
+  Select: {
+    props: {
+      outline: "none",
+      pointerEvents: "all",
+      appearance: "none",
+      border: "none",
+      width: "100%",
+      height: "100%",
+      background: "none",
+      color: "currentColor",
+      fontSize: "A",
+      lineHeight: 1,
+      margin: "0 0 0 -B1+X",
+      padding: "0 A 0 B1+X",
+      ":focus-visible": {
+        outline: "none"
+      }
+    },
+    childExtend: { tag: "option" },
+    $setPropsCollection: ({ parent, state }) => {
+      return parent.props.options.map((v) => {
+        if (v.text === state.key)
+          return { ...v, selected: true };
+        return v;
+      });
+    },
+    on: {
+      change: (ev, { state }) => {
+        state.update({ key: ev.target.value });
+        console.log(state.key);
+      }
+    }
+  }
+};
+
 // ../../uikit/domql/Notification/index.js
 var Notification = {
   extend: Flex,
@@ -15347,7 +15426,7 @@ var transformEmotionStyle = (emotion2) => {
       else
         element.class = { elementStyle: execParams };
     }
-    transformEmotionClass(emotion2)(element.class, element, state, true);
+    transformEmotionClass(emotion2)(element.class, element, element.state, true);
   };
 };
 var transformEmotionClass = (emotion2) => {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.203",
+  "version": "2.11.204",
   "license": "MIT",
-  "gitHead": "259e21226f487484b278f3d039164e82bfccc972",
+  "gitHead": "dab7f6d84335bca5af356b849c51204910670e76",
   "files": [
     "src",
     "dist"