@symbo.ls/uikit 2.11.203 → 2.11.205

package/dist/index.cjs.js

@@ -864,22 +864,28 @@ var require_cjs = __commonJS({
           delete objectized[prop];
           return stack;
         };
-        var isEqualDeep = (param, element) => {
-          if (param === element)
+        var isEqualDeep = (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 = isEqualDeep(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 (!isEqualDeep(paramProp, elementProp, visited)) {
+              return false;
             }
           }
           return true;
@@ -921,6 +927,7 @@ var require_cjs = __commonJS({
         var function_exports = {};
         __export22(function_exports, {
           debounce: () => debounce,
+          isStringFunction: () => isStringFunction,
           memoize: () => memoize2
         });
         module22.exports = __toCommonJS22(function_exports);
@@ -946,6 +953,10 @@ var require_cjs = __commonJS({
             }
           };
         };
+        var isStringFunction = (inputString) => {
+          const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
+          return functionRegex.test(inputString);
+        };
       }
     });
     var require_log2 = __commonJS2({
@@ -3758,22 +3769,28 @@ var require_object = __commonJS({
       delete objectized[prop];
       return stack;
     };
-    var isEqualDeep = (param, element) => {
-      if (param === element)
+    var isEqualDeep = (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 = isEqualDeep(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 (!isEqualDeep(paramProp, elementProp, visited)) {
+          return false;
         }
       }
       return true;
@@ -3817,6 +3834,7 @@ var require_function = __commonJS({
     var function_exports = {};
     __export2(function_exports, {
       debounce: () => debounce,
+      isStringFunction: () => isStringFunction,
       memoize: () => memoize2
     });
     module2.exports = __toCommonJS2(function_exports);
@@ -3842,6 +3860,10 @@ var require_function = __commonJS({
         }
       };
     };
+    var isStringFunction = (inputString) => {
+      const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
+      return functionRegex.test(inputString);
+    };
   }
 });
 
@@ -5080,6 +5102,7 @@ __export(domql_exports, {
   Animation: () => Animation,
   Avatar: () => Avatar,
   AvatarBundle: () => AvatarBundle,
+  AvatarChooser: () => AvatarChooser,
   AvatarIndicator: () => AvatarIndicator,
   BalanceCard: () => BalanceCard,
   Block: () => Block,
@@ -6062,6 +6085,8 @@ var Iframe = {
     src: ({ props: props4 }) => props4.src,
     loading: ({ props: props4 }) => props4.loading,
     allowfullscreen: ({ props: props4 }) => props4.allowfullscreen,
+    frameborder: ({ props: props4 }) => props4.frameborder,
+    allow: ({ props: props4 }) => props4.allow,
     referrerpolicy: ({ props: props4 }) => props4.referrerpolicy
   }
 };
@@ -9292,16 +9317,14 @@ var CardLabel = {
 // 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}`
+  })
 };
 
 // Avatar/AvatarIndicator.js
@@ -9334,6 +9357,62 @@ var AvatarBundle = {
   ...[{}, {}, {}, {}]
 };
 
+// Avatar/AvatarChooser.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 }) => {
+      if (!parent.props.options)
+        return [];
+      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);
+      }
+    }
+  }
+};
+
 // Notification/index.js
 var Notification = {
   extend: Flex,