@symbo.ls/create 2.11.210 → 2.11.212

package/dist/cjs/bundle/index.js

@@ -516,7 +516,7 @@ var require_object = __commonJS({
         const elementProp = element[e];
         const extendProp = extend[e];
         if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge4(elementProp, extendProp);
+          deepMerge4(elementProp, extendProp, excludeFrom);
         } else if (elementProp === void 0) {
           element[e] = extendProp;
         }
@@ -606,8 +606,8 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value2] 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)(value2)) {
           str += "[\n";
@@ -662,7 +662,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)
@@ -672,52 +672,50 @@ var require_object = __commonJS({
           if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
             try {
               const evalProp = import_globals2.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_globals2.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_globals2.window.eval("(" + str + ")");
+        return import_globals2.window.eval("(" + str + ")");
       } catch (e) {
-        console.warn(e);
+        if (verbose)
+          console.warn(e);
       }
-      if (obj)
-        return obj;
     };
     var diffObjects = (original, objToDiff, cache2) => {
       for (const e in objToDiff) {
@@ -905,11 +903,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);
@@ -1974,7 +1990,7 @@ var require_set = __commonJS({
       const __contentRef = element.content && element.content.__ref;
       if (__contentRef && __contentRef.__cached && (0, import_utils23.deepContains)(params, element.content)) {
         console.log("is content equal");
-        return element;
+        return element.content.update();
       }
       (0, import_content.removeContent)(element);
       if (params) {
@@ -2224,7 +2240,7 @@ var require_text = __commonJS({
       default: () => text_default
     });
     module2.exports = __toCommonJS2(text_exports);
-    var import__ = require_cjs9();
+    var import__2 = require_cjs9();
     var import_utils23 = require_cjs();
     var asd = (param, element, node2) => {
       const prop = (0, import_utils23.exec)(param, element);
@@ -2237,7 +2253,7 @@ var require_text = __commonJS({
         if (element.__text.node)
           element.__text.node.nodeValue = prop;
         else
-          (0, import__.create)({ tag: "string", text: prop }, element, "__text");
+          (0, import__2.create)({ tag: "string", text: prop }, element, "__text");
       }
     };
     var text_default = (param, element, node2) => {
@@ -2257,7 +2273,7 @@ var require_text = __commonJS({
           if (element.__text.node)
             element.__text.node.nodeValue = prop;
         } else
-          (0, import__.create)({ tag: "string", text: prop }, element, "__text");
+          (0, import__2.create)({ tag: "string", text: prop }, element, "__text");
       }
     };
   }
@@ -2532,12 +2548,12 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if (!inheritedState)
+      if ((0, import_utils23.isUndefined)(inheritedState))
         return element.state;
       if ((0, import_utils23.is)(inheritedState)("object", "array")) {
         return (0, import_utils23.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils23.is)(inheritedState)("string", "number")) {
-        ref.__stateType = "string";
+      } else if ((0, import_utils23.is)(inheritedState)("string", "number", "boolean")) {
+        ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
       console.warn(ref.__state, "is not present. Replacing with", {});
@@ -2545,9 +2561,9 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (!stateKey || (0, import_utils23.isNot)(stateKey)("number", "string"))
-        return false;
-      return true;
+      if (stateKey && (0, import_utils23.is)(stateKey)("number", "string", "boolean"))
+        return true;
+      return false;
     };
     var isState2 = function(state) {
       if (!(0, import_utils23.isObjectLike)(state))
@@ -2653,6 +2669,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);
@@ -2660,7 +2677,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 value2 = isStringState ? state.value : state.parse();
       const passedValue = isStringState ? state.value : obj;
       const findGrandParentState = (0, import_inherit.getParentStateInKey)(stateKey, parent.state);
@@ -2757,7 +2774,7 @@ var require_create2 = __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_utils23.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state);
       if (dependentState)
@@ -2940,16 +2957,16 @@ var require_registry = __commonJS({
       parseFilters: () => parseFilters
     });
     module2.exports = __toCommonJS2(registry_exports);
-    var import__ = require_mixins();
+    var import__2 = require_mixins();
     var registry_default = {
-      attr: import__.attr,
-      style: import__.style,
-      text: import__.text,
-      html: import__.html,
-      content: import__.content,
-      data: import__.data,
-      class: import__.classList,
-      state: import__.state,
+      attr: import__2.attr,
+      style: import__2.style,
+      text: import__2.text,
+      html: import__2.html,
+      content: import__2.content,
+      data: import__2.data,
+      class: import__2.classList,
+      state: import__2.state,
       deps: (param, el) => param || el.parent.deps,
       extend: {},
       childExtend: {},
@@ -3780,8 +3797,6 @@ var require_extendUtils = __commonJS({
     var fallbackStringExtend = (extend, context, options) => {
       const COMPONENTS = context && context.components || options.components;
       if ((0, import_utils23.isString)(extend)) {
-        console.log("extend", extend);
-        console.log(COMPONENTS[extend]);
         if (COMPONENTS && COMPONENTS[extend]) {
           return COMPONENTS[extend];
         } else {
@@ -6012,26 +6027,26 @@ var require_set2 = __commonJS({
     var import_utils23 = require_cjs();
     var import_set = __toESM2(require_set(), 1);
     var import_update = __toESM2(require_update2(), 1);
-    var import__ = require_methods2();
+    var import__2 = require_methods2();
     var import_content = require_content();
     var addMethods = (element, parent) => {
       const proto = {
         set: import_set.default.bind(element),
         update: import_update.default.bind(element),
-        remove: import__.remove.bind(element),
+        remove: import__2.remove.bind(element),
         updateContent: import_content.updateContent.bind(element),
         removeContent: import_content.removeContent.bind(element),
-        setProps: import__.setProps.bind(element),
-        lookup: import__.lookup.bind(element),
-        spotByPath: import__.spotByPath.bind(element),
-        parse: import__.parse.bind(element),
-        parseDeep: import__.parseDeep.bind(element),
-        keys: import__.keys.bind(element),
-        nextElement: import__.nextElement.bind(element),
-        previousElement: import__.previousElement.bind(element)
+        setProps: import__2.setProps.bind(element),
+        lookup: import__2.lookup.bind(element),
+        spotByPath: import__2.spotByPath.bind(element),
+        parse: import__2.parse.bind(element),
+        parseDeep: import__2.parseDeep.bind(element),
+        keys: import__2.keys.bind(element),
+        nextElement: import__2.nextElement.bind(element),
+        previousElement: import__2.previousElement.bind(element)
       };
       if ((0, import_utils23.isDevelopment)())
-        proto.log = import__.log.bind(element);
+        proto.log = import__2.log.bind(element);
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -6102,7 +6117,9 @@ var require_create4 = __commonJS({
       ref.__initialProps = (0, import_utils23.deepClone)(element.props, []);
       applyContext(element, parent, options);
       (0, import_component.applyComponentFromContext)(element, parent, options);
-      (0, import_extend.applyExtend)(element, parent, options);
+      if (!ref.__skipCreate) {
+        (0, import_extend.applyExtend)(element, parent, options);
+      }
       element.key = key;
       if (options.onlyResolveExtends) {
         return onlyResolveExtends(element, parent, key, options);
@@ -6268,46 +6285,43 @@ var require_create4 = __commonJS({
       }
     };
     var onlyResolveExtends = (element, parent, key, options) => {
-      const { __ref } = element;
-      element.tag = (0, import_render.detectTag)(element);
-      {
-        const { __ref: ref2 } = element;
-        const { __ref: parentRef } = parent;
-        if (!ref2.__cached)
-          ref2.__cached = {};
-        if (!ref2.__defineCache)
-          ref2.__defineCache = {};
-        if (!ref2.__exec)
-          ref2.__exec = {};
-        if (!ref2.__class)
-          ref2.__class = {};
-        if (!ref2.__classNames)
-          ref2.__classNames = {};
-        if (!ref2.__attr)
-          ref2.__attr = {};
-        if (!ref2.__changes)
-          ref2.__changes = [];
-        if (!ref2.__children)
-          ref2.__children = [];
-      }
-      (0, import_set.addMethods)(element, parent);
-      (0, import_state2.createState)(element, parent);
-      const ref = __ref;
-      if ((0, import_utils23.isFunction)(element.if)) {
-        const ifPassed = element.if(element, element.state);
-        if (!ifPassed) {
-          delete ref.__if;
+      const { __ref: ref } = element;
+      if (!ref.__skipCreate) {
+        element.tag = (0, import_render.detectTag)(element);
+        if (!ref.__cached)
+          ref.__cached = {};
+        if (!ref.__defineCache)
+          ref.__defineCache = {};
+        if (!ref.__exec)
+          ref.__exec = {};
+        if (!ref.__class)
+          ref.__class = {};
+        if (!ref.__classNames)
+          ref.__classNames = {};
+        if (!ref.__attr)
+          ref.__attr = {};
+        if (!ref.__changes)
+          ref.__changes = [];
+        if (!ref.__children)
+          ref.__children = [];
+        (0, import_set.addMethods)(element, parent);
+        (0, import_state2.createState)(element, parent);
+        if ((0, import_utils23.isFunction)(element.if)) {
+          const ifPassed = element.if(element, element.state);
+          if (!ifPassed) {
+            delete ref.__if;
+          } else
+            ref.__if = true;
         } else
           ref.__if = true;
-      } else
-        ref.__if = true;
-      if (element.node && ref.__if) {
-        parent[key || element.key] = element;
+        if (element.node && ref.__if) {
+          parent[key || element.key] = element;
+        }
+        (0, import_props.createProps)(element, parent);
+        if (!element.props)
+          element.props = {};
+        (0, import_component.applyVariant)(element, parent);
       }
-      (0, import_props.createProps)(element, parent);
-      if (!element.props)
-        element.props = {};
-      (0, import_component.applyVariant)(element, parent);
       if (element.tag !== "string" && element.tag !== "fragment") {
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
@@ -6317,7 +6331,7 @@ var require_create4 = __commonJS({
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
           const optionsHasDefine = options.define && options.define[k];
-          if (import_mixins.registry[k] && !optionsHasDefine) {
+          if (!ref.__skipCreate && import_mixins.registry[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
             create2((0, import_utils23.exec)(element[k], element), element, k, options);
@@ -15243,16 +15257,16 @@ var VerificationCode = {
             value: state.value[parent.key] || ""
           }),
           on: {
-            keydown: (event, element, state) => {
-              const { value: value2 } = element.node;
+            keydown: (event, { node: node2 }) => {
+              const { value: value2 } = node2;
               if (value2.length > 1)
                 return false;
             },
-            keyup: (event, element, state) => {
+            keyup: (event, { parent, state }) => {
               const { target, keyCode } = event;
               const { value: value2 } = 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();
@@ -15260,9 +15274,9 @@ var VerificationCode = {
                 next2.NumberInput.node.focus();
               if ((!value2.length || isBackspace) && previous)
                 previous.NumberInput.node.focus();
-              state.value[element.parent.key] = value2;
+              state.value[parent.key] = value2;
             },
-            paste: (event, element, state) => {
+            paste: (event, { state }) => {
               event.preventDefault();
               const paste = (event.clipboardData || window.clipboardData).getData("text");
               if (!paste)
@@ -15485,12 +15499,16 @@ var GroupListTemplate = {
   extend: GroupList,
   Header: {},
   Groups: {
+    props: {},
     Flex: {
+      props: {},
       ...[
         {
           Title: null,
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } }
@@ -15501,7 +15519,9 @@ var GroupListTemplate = {
         {
           Title: {},
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } },
@@ -15513,7 +15533,9 @@ var GroupListTemplate = {
         {
           Title: {},
           List: {
+            props: {},
             Flex: {
+              props: {},
               ...[
                 { span: { text: "Item" } },
                 { span: { text: "Item" } },
@@ -15711,8 +15733,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 });
       }
     }
   },
@@ -16984,7 +17007,7 @@ var ConvertCard = {
   }
 };
 
-// ../../uikit/domql/Board/CurrencyConvert.js
+// ../../uikit/domql/Card/CurrencyConvertCard.js
 var CurrencyConvert = {
   extend: Modal,
   props: {
@@ -17024,10 +17047,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" }
+      }
     }
   }
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.210",
+  "version": "2.11.212",
   "license": "MIT",
-  "gitHead": "45ec4a9a2ab3233c83b705202980d45b0c3cb91e",
+  "gitHead": "12914eac8527ac1df36183098bbf3dfcfaa2e027",
   "files": [
     "src",
     "dist"