@symbo.ls/uikit 2.11.210 → 2.11.211

package/dist/index.cjs.js

@@ -3501,7 +3501,7 @@ var require_object = __commonJS({
         const elementProp = element[e];
         const extendProp = extend[e];
         if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(elementProp, extendProp);
+          deepMerge2(elementProp, extendProp, excludeFrom);
         } else if (elementProp === void 0) {
           element[e] = extendProp;
         }
@@ -3591,8 +3591,8 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
-        const stringedKey = keyAllowdChars ? `'${key}'` : key;
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
+        const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
           str += "[\n";
@@ -3647,7 +3647,7 @@ var require_object = __commonJS({
       }
       return detached;
     };
-    var deepDestringify = (obj, stringified = {}) => {
+    var deepDestringify = (obj, destringified = {}) => {
       for (const prop in obj) {
         const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
         if (!hasOwnProperty)
@@ -3657,52 +3657,50 @@ var require_object = __commonJS({
           if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
             try {
               const evalProp = import_globals.window.eval(`(${objProp})`);
-              stringified[prop] = evalProp;
+              destringified[prop] = evalProp;
             } catch (e) {
               if (e)
-                stringified[prop] = objProp;
+                destringified[prop] = objProp;
             }
           } else {
-            stringified[prop] = objProp;
+            destringified[prop] = objProp;
           }
         } else if ((0, import_types.isArray)(objProp)) {
-          stringified[prop] = [];
+          destringified[prop] = [];
           objProp.forEach((arrProp) => {
             if ((0, import_types.isString)(arrProp)) {
               if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
                 try {
                   const evalProp = import_globals.window.eval(`(${arrProp})`);
-                  stringified[prop].push(evalProp);
+                  destringified[prop].push(evalProp);
                 } catch (e) {
                   if (e)
-                    stringified[prop].push(arrProp);
+                    destringified[prop].push(arrProp);
                 }
               } else {
-                stringified[prop].push(arrProp);
+                destringified[prop].push(arrProp);
               }
             } else if ((0, import_types.isObject)(arrProp)) {
-              stringified[prop].push(deepDestringify(arrProp));
+              destringified[prop].push(deepDestringify(arrProp));
             } else {
-              stringified[prop].push(arrProp);
+              destringified[prop].push(arrProp);
             }
           });
         } else if ((0, import_types.isObject)(objProp)) {
-          stringified[prop] = deepDestringify(objProp, stringified[prop]);
+          destringified[prop] = deepDestringify(objProp, destringified[prop]);
         } else {
-          stringified[prop] = objProp;
+          destringified[prop] = objProp;
         }
       }
-      return stringified;
+      return destringified;
     };
-    var stringToObject = (str) => {
-      let obj;
+    var stringToObject = (str, verbose) => {
       try {
-        obj = import_globals.window.eval("(" + str + ")");
+        return import_globals.window.eval("(" + str + ")");
       } catch (e) {
-        console.warn(e);
+        if (verbose)
+          console.warn(e);
       }
-      if (obj)
-        return obj;
     };
     var diffObjects = (original, objToDiff, cache) => {
       for (const e in objToDiff) {
@@ -3890,11 +3888,29 @@ var require_function = __commonJS({
     var function_exports = {};
     __export2(function_exports, {
       debounce: () => debounce,
+      debounceOnContext: () => debounceOnContext,
       isStringFunction: () => isStringFunction,
       memoize: () => memoize2
     });
     module2.exports = __toCommonJS2(function_exports);
-    var debounce = (element, func, timeout = 300) => {
+    function debounce(func, wait, immediate) {
+      let timeout;
+      return function() {
+        const context = this;
+        const args = arguments;
+        const later = function() {
+          timeout = null;
+          if (!immediate)
+            func.apply(context, args);
+        };
+        const callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow)
+          func.apply(context, args);
+      };
+    }
+    var debounceOnContext = (element, func, timeout = 300) => {
       let timer;
       return (...args) => {
         clearTimeout(timer);
@@ -4710,12 +4726,12 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if (!inheritedState)
+      if ((0, import_utils13.isUndefined)(inheritedState))
         return element.state;
       if ((0, import_utils13.is)(inheritedState)("object", "array")) {
         return (0, import_utils13.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils13.is)(inheritedState)("string", "number")) {
-        ref.__stateType = "string";
+      } else if ((0, import_utils13.is)(inheritedState)("string", "number", "boolean")) {
+        ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
       console.warn(ref.__state, "is not present. Replacing with", {});
@@ -4723,9 +4739,9 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (!stateKey || (0, import_utils13.isNot)(stateKey)("number", "string"))
-        return false;
-      return true;
+      if (stateKey && (0, import_utils13.is)(stateKey)("number", "string", "boolean"))
+        return true;
+      return false;
     };
     var isState2 = function(state) {
       if (!(0, import_utils13.isObjectLike)(state))
@@ -4831,6 +4847,7 @@ var require_updateState = __commonJS({
       const element = state.__element;
       const { parent, __ref: ref } = element;
       const stateKey = ref.__state;
+      const stateType = ref.__stateType;
       if (!stateKey)
         return;
       const asksForInherit = (0, import_inherit.checkIfInherits)(element);
@@ -4838,7 +4855,7 @@ var require_updateState = __commonJS({
       const shouldPropagateState = asksForInherit && inheritedState && !options.stopStatePropagation;
       if (!shouldPropagateState)
         return;
-      const isStringState = ref.__stateType === "string";
+      const isStringState = stateType === "string" || stateType === "number" || stateType === "boolean";
       const value = isStringState ? state.value : state.parse();
       const passedValue = isStringState ? state.value : obj;
       const findGrandParentState = (0, import_inherit.getParentStateInKey)(stateKey, parent.state);
@@ -4935,7 +4952,7 @@ var require_create = __commonJS({
         return element.state;
       if ((0, import_inherit.checkIfInherits)(element)) {
         const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
-        element.state = inheritedState || {};
+        element.state = (0, import_utils13.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state);
       if (dependentState)
@@ -10238,16 +10255,16 @@ var VerificationCode = {
             value: state.value[parent.key] || ""
           }),
           on: {
-            keydown: (event, element, state) => {
-              const { value } = element.node;
+            keydown: (event, { node: node2 }) => {
+              const { value } = node2;
               if (value.length > 1)
                 return false;
             },
-            keyup: (event, element, state) => {
+            keyup: (event, { parent, state }) => {
               const { target, keyCode } = event;
               const { value } = target;
-              const next2 = element.parent.nextElement();
-              const previous = element.parent.previousElement();
+              const next2 = parent.nextElement();
+              const previous = parent.previousElement();
               const isNumber = keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105;
               const isBackspace = event.keyCode === 8 || event.keyCode === 46;
               target.select();
@@ -10255,9 +10272,9 @@ var VerificationCode = {
                 next2.NumberInput.node.focus();
               if ((!value.length || isBackspace) && previous)
                 previous.NumberInput.node.focus();
-              state.value[element.parent.key] = value;
+              state.value[parent.key] = value;
             },
-            paste: (event, element, state) => {
+            paste: (event, { state }) => {
               event.preventDefault();
               const paste = (event.clipboardData || window.clipboardData).getData("text");
               if (!paste)
@@ -10480,12 +10497,16 @@ var GroupListTemplate = {
   extend: GroupList,
   Header: {},
   Groups: {
+    props: {},
     Flex: {
+      props: {},
       ...[
         {
           Title: null,
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } }
@@ -10496,7 +10517,9 @@ var GroupListTemplate = {
         {
           Title: {},
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } },
@@ -10508,7 +10531,9 @@ var GroupListTemplate = {
         {
           Title: {},
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } },
@@ -10706,8 +10731,9 @@ var TimeSwitcher = {
       ".active": { theme: "primary" }
     }),
     on: {
-      click: (event, element, state) => {
-        state.update({ activeShift: element.key });
+      click: (event, { key, state }) => {
+        console.log(event, key, state);
+        state.update({ activeShift: key });
       }
     }
   },
@@ -11979,7 +12005,7 @@ var ConvertCard = {
   }
 };
 
-// Board/CurrencyConvert.js
+// Card/CurrencyConvertCard.js
 var CurrencyConvert = {
   extend: Modal,
   props: {
@@ -12019,10 +12045,32 @@ var CurrencyConvert = {
       margin: "- -X2 -X2"
     },
     CommonButton: {
-      flex: "1",
-      padding: "Z1 -",
-      round: "Z",
-      Caption: { text: "Convert", fontWeight: "500" }
+      extend: {
+        extend: "Button",
+        props: {
+          theme: "primary",
+          boxSize: "fit-content",
+          padding: "A A2",
+          round: "Z2",
+          gap: "Y2",
+          position: "relative"
+        },
+        Icon: {
+          props: { fontSize: "C" }
+        },
+        Caption: {
+          props: {
+            text: "Button",
+            line_height: "1em"
+          }
+        }
+      },
+      props: {
+        flex: "1",
+        padding: "Z1 -",
+        round: "Z",
+        Caption: { text: "Convert", fontWeight: "500" }
+      }
     }
   }
 };