@symbo.ls/create 2.11.449 → 2.11.451

package/dist/cjs/bundle/index.js

@@ -604,9 +604,10 @@ var require_object = __commonJS({
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
-      exec: () => exec6,
+      exec: () => exec7,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
+      isCyclic: () => isCyclic,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
       isEqualDeep: () => isEqualDeep2,
@@ -630,7 +631,7 @@ var require_object = __commonJS({
     var import_string = require_string();
     var import_node = require_node();
     var ENV3 = "development";
-    var exec6 = (param, element, state, context) => {
+    var exec7 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param.call(
           element,
@@ -643,7 +644,7 @@ var require_object = __commonJS({
     };
     var map = (obj, extention, element) => {
       for (const e in extention) {
-        obj[e] = exec6(extention[e], element);
+        obj[e] = exec7(extention[e], element);
       }
     };
     var merge6 = (element, obj, excludeFrom = []) => {
@@ -1212,6 +1213,25 @@ var require_object = __commonJS({
         }
       }
     };
+    var isCyclic = (obj) => {
+      const seenObjects = [];
+      function detect(obj2) {
+        if (obj2 && typeof obj2 === "object") {
+          if (seenObjects.indexOf(obj2) !== -1) {
+            return true;
+          }
+          seenObjects.push(obj2);
+          for (const key in obj2) {
+            if (Object.hasOwnProperty.call(obj2, key) && detect(obj2[key])) {
+              console.log(obj2, "cycle at " + key);
+              return true;
+            }
+          }
+        }
+        return false;
+      }
+      return detect(obj);
+    };
   }
 });
 
@@ -2457,9 +2477,10 @@ var require_cjs2 = __commonJS({
           diff: () => diff,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
-          exec: () => exec6,
+          exec: () => exec7,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
+          isCyclic: () => isCyclic,
           isEmpty: () => isEmpty,
           isEmptyObject: () => isEmptyObject,
           isEqualDeep: () => isEqualDeep2,
@@ -2483,7 +2504,7 @@ var require_cjs2 = __commonJS({
         var import_string = require_string3();
         var import_node = require_node4();
         var ENV22 = "development";
-        var exec6 = (param, element, state, context) => {
+        var exec7 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param.call(
               element,
@@ -2496,7 +2517,7 @@ var require_cjs2 = __commonJS({
         };
         var map = (obj, extention, element) => {
           for (const e in extention) {
-            obj[e] = exec6(extention[e], element);
+            obj[e] = exec7(extention[e], element);
           }
         };
         var merge52 = (element, obj, excludeFrom = []) => {
@@ -2585,20 +2606,28 @@ var require_cjs2 = __commonJS({
           }
           return clone2;
         };
-        var deepCloneWithExtend3 = (obj, excludeFrom = ["node"], options = {}) => {
+        var deepCloneWithExtend3 = (obj, excludeFrom = ["node"], options = {}, visited = /* @__PURE__ */ new WeakSet()) => {
+          if ((0, import_types.isObjectLike)(obj)) {
+            if (visited.has(obj)) {
+              return obj;
+            }
+            visited.add(obj);
+          }
           const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
           for (const prop in obj) {
             if (!Object.prototype.hasOwnProperty.call(obj, prop))
               continue;
             const objProp = obj[prop];
-            if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
+            if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp)) {
               continue;
+            }
             if ((0, import_types.isObjectLike)(objProp)) {
-              o[prop] = deepCloneWithExtend3(objProp, excludeFrom, options);
+              o[prop] = deepCloneWithExtend3(objProp, excludeFrom, options, visited);
             } else if ((0, import_types.isFunction)(objProp) && options.window) {
               o[prop] = (options.window || import_globals3.window).eval("(" + objProp.toString() + ")");
-            } else
+            } else {
               o[prop] = objProp;
+            }
           }
           return o;
         };
@@ -3057,6 +3086,25 @@ var require_cjs2 = __commonJS({
             }
           }
         };
+        var isCyclic = (obj) => {
+          const seenObjects = [];
+          function detect(obj2) {
+            if (obj2 && typeof obj2 === "object") {
+              if (seenObjects.indexOf(obj2) !== -1) {
+                return true;
+              }
+              seenObjects.push(obj2);
+              for (const key in obj2) {
+                if (Object.hasOwnProperty.call(obj2, key) && detect(obj2[key])) {
+                  console.log(obj2, "cycle at " + key);
+                  return true;
+                }
+              }
+            }
+            return false;
+          }
+          return detect(obj);
+        };
       }
     });
     var require_function3 = __commonJS2({
@@ -4254,7 +4302,7 @@ var require_cjs2 = __commonJS({
               diff: () => diff,
               diffArrays: () => diffArrays,
               diffObjects: () => diffObjects,
-              exec: () => exec6,
+              exec: () => exec7,
               flattenRecursive: () => flattenRecursive,
               hasOwnProperty: () => hasOwnProperty,
               isEmpty: () => isEmpty,
@@ -4280,7 +4328,7 @@ var require_cjs2 = __commonJS({
             var import_string = require_string22();
             var import_node = require_node22();
             var ENV22 = "development";
-            var exec6 = (param, element, state, context) => {
+            var exec7 = (param, element, state, context) => {
               if ((0, import_types.isFunction)(param)) {
                 return param.call(
                   element,
@@ -4293,7 +4341,7 @@ var require_cjs2 = __commonJS({
             };
             var map = (obj, extention, element) => {
               for (const e in extention) {
-                obj[e] = exec6(extention[e], element);
+                obj[e] = exec7(extention[e], element);
               }
             };
             var merge52 = (element, obj, excludeFrom = []) => {
@@ -8269,7 +8317,7 @@ var require_cjs3 = __commonJS({
           diff: () => diff,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
-          exec: () => exec6,
+          exec: () => exec7,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
           isEmpty: () => isEmpty,
@@ -8295,7 +8343,7 @@ var require_cjs3 = __commonJS({
         var import_string = require_string3();
         var import_node = require_node4();
         var ENV3 = "development";
-        var exec6 = (param, element, state, context) => {
+        var exec7 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param.call(
               element,
@@ -8308,7 +8356,7 @@ var require_cjs3 = __commonJS({
         };
         var map = (obj, extention, element) => {
           for (const e in extention) {
-            obj[e] = exec6(extention[e], element);
+            obj[e] = exec7(extention[e], element);
           }
         };
         var merge6 = (element, obj, excludeFrom = []) => {
@@ -12944,8 +12992,8 @@ var require_methods2 = __commonJS({
         if (v === param)
           return childElem;
         else if ((0, import_utils32.isFunction)(param)) {
-          const exec6 = param(childElem, childElem.state, childElem.context);
-          if (childElem.state && exec6) {
+          const exec7 = param(childElem, childElem.state, childElem.context);
+          if (childElem.state && exec7) {
             return childElem;
           }
         }
@@ -12966,8 +13014,8 @@ var require_methods2 = __commonJS({
         if (v === param)
           results.push(childElem);
         else if ((0, import_utils32.isFunction)(param)) {
-          const exec6 = param(childElem, childElem.state, childElem.context);
-          if (childElem.state && exec6)
+          const exec7 = param(childElem, childElem.state, childElem.context);
+          if (childElem.state && exec7)
             results.push(childElem);
         }
         (_a = childElem == null ? void 0 : childElem.lookdownAll) == null ? void 0 : _a.call(childElem, param, results);
@@ -13181,6 +13229,7 @@ var require_iterate = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var iterate_exports = {};
     __export2(iterate_exports, {
+      throughExecProps: () => throughExecProps,
       throughInitialDefine: () => throughInitialDefine,
       throughInitialExec: () => throughInitialExec,
       throughUpdatedDefine: () => throughUpdatedDefine,
@@ -13226,6 +13275,20 @@ var require_iterate = __commonJS({
       }
       return changes;
     };
+    var throughExecProps = (element) => {
+      const { __ref: ref } = element;
+      const { props: props2 } = element;
+      for (const k in props2) {
+        const isDefine = k.startsWith("is") || k.startsWith("has") || k.startsWith("use");
+        const cachedExecProp = ref.__execProps[k];
+        if ((0, import_utils32.isFunction)(cachedExecProp)) {
+          props2[k] = (0, import_utils32.exec)(cachedExecProp, element);
+        } else if (isDefine && (0, import_utils32.isFunction)(props2[k])) {
+          ref.__execProps[k] = props2[k];
+          props2[k] = (0, import_utils32.exec)(props2[k], element);
+        }
+      }
+    };
     var throughInitialDefine = (element) => {
       const { define, context, __ref: ref } = element;
       let defineObj = {};
@@ -13435,6 +13498,7 @@ var require_node2 = __commonJS({
         if ((0, import_utils32.isFunction)(node3.setAttribute))
           node3.setAttribute("key", element.key);
       }
+      (0, import_iterate.throughExecProps)(element);
       (0, import_iterate.throughInitialDefine)(element);
       (0, import_iterate.throughInitialExec)(element);
       if (element.tag !== "string" && element.tag !== "fragment") {
@@ -13568,16 +13632,13 @@ var require_update2 = __commonJS({
         if (beforeUpdateReturns === false)
           return element;
       }
-      const overwriteChanges = (0, import_utils32.overwriteDeep)(element, params, import_utils210.METHODS_EXL);
-      const execChanges = (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
-      const definedChanges = (0, import_iterate.throughUpdatedDefine)(element);
+      (0, import_utils32.overwriteDeep)(element, params, import_utils210.METHODS_EXL);
+      (0, import_iterate.throughExecProps)(element);
+      (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
+      (0, import_iterate.throughUpdatedDefine)(element);
       if (!options.isForced && !options.preventListeners) {
         (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
       }
-      if (options.stackChanges && element.__stackChanges) {
-        const stackChanges = (0, import_utils32.merge)(definedChanges, (0, import_utils32.merge)(execChanges, overwriteChanges));
-        element.__stackChanges.push(stackChanges);
-      }
       if (!ref.__if)
         return false;
       if (!node3) {
@@ -14071,6 +14132,8 @@ var require_create4 = __commonJS({
         ref.__defineCache = {};
       if (!ref.__exec)
         ref.__exec = {};
+      if (!ref.__execProps)
+        ref.__execProps = {};
       if (!ref.__class)
         ref.__class = {};
       if (!ref.__classNames)
@@ -14772,7 +14835,7 @@ var require_object3 = __commonJS({
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
-      exec: () => exec6,
+      exec: () => exec7,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
       isEmpty: () => isEmpty,
@@ -14795,7 +14858,7 @@ var require_object3 = __commonJS({
     var import_types = require_types2();
     var import_array = require_array2();
     var import_string = require_string2();
-    var exec6 = (param, element, state, context) => {
+    var exec7 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
           element,
@@ -14807,7 +14870,7 @@ var require_object3 = __commonJS({
     };
     var map = (obj, extention, element) => {
       for (const e in extention) {
-        obj[e] = exec6(extention[e], element);
+        obj[e] = exec7(extention[e], element);
       }
     };
     var merge6 = (element, obj, excludeFrom = []) => {
@@ -17656,8 +17719,8 @@ var Img = {
   attr: {
     src: (el) => {
       const { props: props2, context } = el;
-      const { exec: exec6, isString: isString13, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = context.utils;
-      let src = (props2.preSrc || "") + exec6(props2.src, el);
+      const { exec: exec7, isString: isString13, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = context.utils;
+      let src = (props2.preSrc || "") + exec7(props2.src, el);
       if (isString13(src) && src.includes("{{")) {
         src = replaceLiteralsWithObjectFields3(src, el.state);
       }
@@ -17742,8 +17805,8 @@ var getComputedBackgroundColor = ({ props: props2 }) => {
   return (0, import_scratch6.getColor)(props2.shapeDirectionColor) || (0, import_scratch6.getColor)(props2.borderColor) || (0, import_scratch6.getColor)(props2.backgroundColor) || (0, import_scratch6.getColor)(props2.background);
 };
 var inheritTransition = ({ props: props2, deps }) => {
-  const exec6 = Timing.class.transition({ props: props2, deps });
-  return exec6 && exec6.transition;
+  const exec7 = Timing.class.transition({ props: props2, deps });
+  return exec7 && exec7.transition;
 };
 var SHAPES = {
   rectangle: {},
@@ -18239,14 +18302,14 @@ var applyVariableProps = (key, props2, result, element) => {
 };
 var applyConditionalCaseProps = (key, props2, result, element) => {
   const caseKey = key.slice(1);
-  const isPropTrue = element.props[caseKey] || element.state[caseKey] || element[caseKey];
+  const isPropTrue = element.props[caseKey] === true || element.state[caseKey] || element[caseKey];
   if (!isPropTrue)
     return;
   return (0, import_utils7.overwriteDeep)(result, convertPropsToClass(props2, result, element));
 };
 var applyConditionalFalsyProps = (key, props2, result, element) => {
   const caseKey = key.slice(1);
-  const isPropTrue = element.props[caseKey] || element.state[caseKey] || element[caseKey];
+  const isPropTrue = element.props[caseKey] === true || element.state[caseKey] || element[caseKey];
   if (!isPropTrue)
     return (0, import_utils7.overwriteDeep)(result, convertPropsToClass(props2, result, element));
 };
@@ -18941,20 +19004,22 @@ var Circle = {
 
 // ../uikit/Icon/index.js
 var import_utils15 = __toESM(require_cjs());
-var getIconName = ({ key, props: props2, context, deps, state }) => {
-  let iconName = props2.name || props2.icon || key;
+var getIconName = (el, s) => {
+  const { key, props: props2, deps } = el;
+  let iconName = (0, import_utils15.exec)(props2.name || props2.icon || key, el);
   if ((0, import_utils15.isString)(iconName) && iconName.includes("{{")) {
-    iconName = deps.replaceLiteralsWithObjectFields(iconName, state);
+    iconName = deps.replaceLiteralsWithObjectFields(iconName, s);
   }
   return deps.isString(iconName) ? iconName : key;
 };
 var Icon = {
   extend: "Svg",
   deps: { isString: import_utils15.isString, replaceLiteralsWithObjectFields: import_utils15.replaceLiteralsWithObjectFields },
-  props: ({ key, props: props2, parent, context, deps, state }) => {
+  props: (el, s) => {
+    const { props: props2, parent, context, deps, state } = el;
     const { ICONS, SEMANTIC_ICONS, useIconSprite, verbose } = context && context.designSystem;
     const { toCamelCase } = context && context.utils;
-    let iconName = getIconName({ key, props: props2, parent, context, deps, state });
+    let iconName = getIconName(el, s);
     const camelCase = toCamelCase(iconName);
     const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
     const semanticIconRootName = isArray5[1] ? isArray5[0] : iconName.split(".")[0].split(" ")[0];
@@ -18982,11 +19047,14 @@ var Icon = {
       };
     }
     let activeIconName;
-    if (props2.active) {
-      activeIconName = props2[".active"].name || props2[".active"].icon;
+    if (props2.isActive) {
+      activeIconName = props2[".isActive"].name || props2[".isActive"].icon;
     }
-    if (parent && parent.props && parent.props.active && parent.props[".active"] && parent.props[".active"].icon) {
-      activeIconName = parent.props[".active"].icon.name || parent.props[".active"].icon.icon || parent.props[".active"].icon;
+    if (parent && parent.props && parent.props.isActive && parent.props[".isActive"] && parent.props[".isActive"].icon) {
+      activeIconName = (0, import_utils15.exec)(
+        parent.props[".isActive"].icon.name || parent.props[".isActive"].icon.icon || parent.props[".isActive"].icon,
+        el
+      );
     }
     if ((0, import_utils15.isString)(activeIconName) && activeIconName.includes("{{")) {
       activeIconName = deps.replaceLiteralsWithObjectFields(activeIconName, state);
@@ -19024,10 +19092,9 @@ var IconText = {
     lineHeight: 1
   },
   Icon: {
-    props: ({ parent, props: props2 }) => ({ icon: parent.props.icon }),
+    props: ({ parent }) => ({ icon: parent.props.icon }),
     if: ({ parent, props: props2 }) => {
-      const doesExist = parent.props.icon || parent.props.Icon || props2.name || props2.icon || props2.sfSymbols || parent.props.sfSymbols;
-      return doesExist;
+      return parent.props.icon || parent.props.Icon || props2.name || props2.icon || props2.sfSymbols || parent.props.sfSymbols;
     }
   },
   text: ({ props: props2 }) => props2.text,
@@ -19319,8 +19386,8 @@ var Link = {
   },
   attr: {
     href: (el, s, ctx) => {
-      const { isString: isString13, exec: exec6, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = ctx.utils;
-      const href = exec6(el.props.href, el) || exec6(exec6(el.props, el).href, el);
+      const { isString: isString13, exec: exec7, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = ctx.utils;
+      const href = exec7(el.props.href, el) || exec7(exec7(el.props, el).href, el);
       if (isString13(href) && href.includes("{{")) {
         return replaceLiteralsWithObjectFields3(href, s);
       }
@@ -19336,8 +19403,8 @@ var RouterLink = {
     click: (event, el, s) => {
       const { props: props2, context: ctx } = el;
       const { href: h, scrollToTop, stopPropagation } = props2;
-      const { exec: exec6, isString: isString13, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3, isDefined: isDefined2 } = ctx.utils;
-      let href = exec6(h, el, s);
+      const { exec: exec7, isString: isString13, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3, isDefined: isDefined2 } = ctx.utils;
+      let href = exec7(h, el, s);
       if (isString13(href) && href.includes("{{")) {
         href = replaceLiteralsWithObjectFields3(href, s);
       }
@@ -20775,8 +20842,8 @@ var Pills = {
         boxSize: "Y2",
         round: "A",
         background: "currentColor",
-        active: parseInt(key) === parseInt(state.active || parent.props.active),
-        "!active": { opacity: 0.35 }
+        isActive: parseInt(key) === parseInt(state.active || parent.props.active),
+        "!isActive": { opacity: 0.35 }
       })
     },
     on: {
@@ -21524,6 +21591,8 @@ var DropdownList = {
     style: { listStyleType: "none" },
     transition: "B defaultBezier",
     transitionProperty: "transform, opacity, visibility",
+    children: ({ props: props2 }) => props2.options || [],
+    childrenAs: "props",
     ".hidden": {
       transform: "translate3d(0,10%,0)",
       opacity: 0,
@@ -21533,8 +21602,8 @@ var DropdownList = {
   childExtend: {
     extend: "Button",
     state: {},
-    props: ({ key, state }) => ({
-      active: state.active === key,
+    props: {
+      isActive: ({ key, state }) => state.active === key,
       position: "relative",
       round: "0",
       align: "center flex-end",
@@ -21549,7 +21618,7 @@ var DropdownList = {
         }
       },
       Icon: {
-        active: state.active === key,
+        isActive: ({ key, state }) => state.active === key,
         name: "checkmark",
         opacity: "0.1",
         ".active": { opacity: "1" }
@@ -21559,9 +21628,8 @@ var DropdownList = {
         "@light": { border: "gray11, solid" },
         borderWidth: "1px 0 0"
       }
-    })
-  },
-  $propsCollection: ({ props: props2 }) => props2.options
+    }
+  }
 };
 var DropdownParent = {
   props: {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.449",
+  "version": "2.11.451",
   "license": "MIT",
-  "gitHead": "4b7f8173844a92575be87e42a3e93bb71ccf4a19",
+  "gitHead": "f3a8fdc4c82ba34580bd324cd1c922f2041506e3",
   "files": [
     "src",
     "dist"
@@ -34,11 +34,11 @@
     "@domql/emotion": "^2.5.0",
     "@domql/report": "^2.5.0",
     "@domql/router": "^2.5.0",
-    "@symbo.ls/fetch": "^2.11.446",
-    "@symbo.ls/init": "^2.11.446",
-    "@symbo.ls/scratch": "^2.11.446",
-    "@symbo.ls/sync": "^2.11.448",
-    "@symbo.ls/uikit": "^2.11.448",
+    "@symbo.ls/fetch": "^2.11.450",
+    "@symbo.ls/init": "^2.11.450",
+    "@symbo.ls/scratch": "^2.11.450",
+    "@symbo.ls/sync": "^2.11.451",
+    "@symbo.ls/uikit": "^2.11.451",
     "@symbo.ls/utils": "^2.11.446",
     "domql": "^2.5.0"
   },