@symbo.ls/create 2.11.449 → 2.11.450

package/dist/cjs/bundle/index.js

@@ -607,6 +607,7 @@ var require_object = __commonJS({
       exec: () => exec6,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
+      isCyclic: () => isCyclic,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
       isEqualDeep: () => isEqualDeep2,
@@ -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);
+    };
   }
 });
 
@@ -2460,6 +2480,7 @@ var require_cjs2 = __commonJS({
           exec: () => exec6,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
+          isCyclic: () => isCyclic,
           isEmpty: () => isEmpty,
           isEmptyObject: () => isEmptyObject,
           isEqualDeep: () => isEqualDeep2,
@@ -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({
@@ -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)
@@ -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));
 };
@@ -20775,8 +20838,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 +21587,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 +21598,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 +21614,7 @@ var DropdownList = {
         }
       },
       Icon: {
-        active: state.active === key,
+        isActive: ({ key, state }) => state.active === key,
         name: "checkmark",
         opacity: "0.1",
         ".active": { opacity: "1" }
@@ -21559,9 +21624,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.450",
   "license": "MIT",
-  "gitHead": "4b7f8173844a92575be87e42a3e93bb71ccf4a19",
+  "gitHead": "4153a92a328d62db727ee4c99cd53f389ee6e05b",
   "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.450",
+    "@symbo.ls/uikit": "^2.11.450",
     "@symbo.ls/utils": "^2.11.446",
     "domql": "^2.5.0"
   },