@symbo.ls/create 2.11.447 → 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,
@@ -732,20 +733,28 @@ var require_object = __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_globals2.window).eval("(" + objProp.toString() + ")");
-        } else
+        } else {
           o[prop] = objProp;
+        }
       }
       return o;
     };
@@ -1204,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);
+    };
   }
 });
 
@@ -2452,6 +2480,7 @@ var require_cjs2 = __commonJS({
           exec: () => exec6,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
+          isCyclic: () => isCyclic,
           isEmpty: () => isEmpty,
           isEmptyObject: () => isEmptyObject,
           isEqualDeep: () => isEqualDeep2,
@@ -2577,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;
         };
@@ -3049,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({
@@ -13173,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,
@@ -13218,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 = {};
@@ -13427,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") {
@@ -13560,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) {
@@ -13614,6 +13683,9 @@ var require_update2 = __commonJS({
           if (!canUpdate)
             continue;
           const lazyLoad = element.props.lazyLoad || options.lazyLoad;
+          if (options.onEachUpdate) {
+            options.onEachUpdate(param, element, element.state, element.context);
+          }
           const childUpdateCall = () => update.call(prop, params[prop], {
             ...options,
             currentSnapshot: snapshotOnCallee,
@@ -13779,31 +13851,31 @@ var require_set2 = __commonJS({
     var import_update = __toESM2(require_update2(), 1);
     var import__ = require_methods2();
     var import_content = require_content();
-    var addMethods = (element, parent) => {
+    var addMethods = (element, parent, options) => {
       const proto = {
-        set: import_set.default.bind(element),
-        reset: import_set.reset.bind(element),
-        update: import_update.default.bind(element),
-        variables: import__.variables.bind(element),
-        remove: import__.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),
-        lookdown: import__.lookdown.bind(element),
-        lookdownAll: import__.lookdownAll.bind(element),
-        setNodeStyles: import__.setNodeStyles.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)
+        set: import_set.default,
+        reset: import_set.reset,
+        update: import_update.default,
+        variables: import__.variables,
+        remove: import__.remove,
+        updateContent: import_content.updateContent,
+        removeContent: import_content.removeContent,
+        setProps: import__.setProps,
+        lookup: import__.lookup,
+        lookdown: import__.lookdown,
+        lookdownAll: import__.lookdownAll,
+        setNodeStyles: import__.setNodeStyles,
+        spotByPath: import__.spotByPath,
+        parse: import__.parse,
+        parseDeep: import__.parseDeep,
+        keys: import__.keys,
+        nextElement: import__.nextElement,
+        previousElement: import__.previousElement
       };
       if (element.context.methods)
         (0, import_utils32.merge)(proto, element.context.methods);
       if ((0, import_utils32.isDevelopment)())
-        proto.log = import__.log.bind(element);
+        proto.log = import__.log;
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -14060,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)
@@ -14268,7 +14342,7 @@ var require_cjs13 = __commonJS({
     module2.exports = __toCommonJS2(domql_exports);
     var import_element = require_cjs12();
     var create2 = (element, parent, key, options) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       const domqlElement = (0, import_element.create)(element, parent, key, options);
       const complete = (_a = domqlElement.on) == null ? void 0 : _a.complete;
       if (complete)
@@ -14276,6 +14350,12 @@ var require_cjs13 = __commonJS({
       const onComplete = (_b = domqlElement.props) == null ? void 0 : _b.onComplete;
       if (onComplete)
         (_c = domqlElement.props) == null ? void 0 : _c.onComplete(element, element.state, element.context, options);
+      const initInspect = (_d = domqlElement.on) == null ? void 0 : _d.initInspect;
+      if (initInspect)
+        domqlElement.on.initInspect(element, element.state, element.context, options);
+      const initSync = (_e = domqlElement.on) == null ? void 0 : _e.initSync;
+      if (initSync)
+        domqlElement.on.initSync(element, element.state, element.context, options);
       return domqlElement;
     };
     var domql_default = {
@@ -17310,10 +17390,10 @@ var Block = {
     display: ({ props: props2, deps }) => !deps.isUndefined(props2.display) && {
       display: props2.display
     },
-    show: (el, s, ctx) => ctx.utils.exec(el.props.show, el, s) === false && {
+    show: (el, s, ctx) => !!(ctx.utils.exec(el.props.show, el, s) === false) && {
       display: "none !important"
     },
-    hide: (el, s, ctx) => ctx.utils.exec(el.props.hide, el, s) && {
+    hide: (el, s, ctx) => !!ctx.utils.exec(el.props.hide, el, s) && {
       display: "none !important"
     },
     height: ({ props: props2, deps }) => deps.transformSizeRatio("height", props2),
@@ -18222,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));
 };
@@ -20758,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: {
@@ -21507,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,
@@ -21516,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",
@@ -21532,7 +21614,7 @@ var DropdownList = {
         }
       },
       Icon: {
-        active: state.active === key,
+        isActive: ({ key, state }) => state.active === key,
         name: "checkmark",
         opacity: "0.1",
         ".active": { opacity: "1" }
@@ -21542,9 +21624,8 @@ var DropdownList = {
         "@light": { border: "gray11, solid" },
         borderWidth: "1px 0 0"
       }
-    })
-  },
-  $propsCollection: ({ props: props2 }) => props2.options
+    }
+  }
 };
 var DropdownParent = {
   props: {
@@ -27909,7 +27990,8 @@ var prepareMethods = (context) => {
     require: context.utils.require,
     requireOnDemand: context.utils.requireOnDemand,
     call: function(fnKey, ...args) {
-      return (context.utils[fnKey] || context.methods[fnKey]).call(this, ...args);
+      var _a;
+      return (_a = context.utils[fnKey] || context.methods[fnKey]) == null ? void 0 : _a.call(this, ...args);
     }
   };
 };

package/dist/cjs/prepare.js

@@ -85,7 +85,8 @@ const prepareMethods = (context) => {
     require: context.utils.require,
     requireOnDemand: context.utils.requireOnDemand,
     call: function(fnKey, ...args) {
-      return (context.utils[fnKey] || context.methods[fnKey]).call(this, ...args);
+      var _a;
+      return (_a = context.utils[fnKey] || context.methods[fnKey]) == null ? void 0 : _a.call(this, ...args);
     }
   };
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.447",
+  "version": "2.11.450",
   "license": "MIT",
-  "gitHead": "e59d0443eec7f94e5737a916d49daf00d1ee9c47",
+  "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.447",
-    "@symbo.ls/uikit": "^2.11.447",
+    "@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"
   },

package/src/prepare.js

@@ -56,7 +56,7 @@ export const prepareMethods = (context) => {
     require: context.utils.require,
     requireOnDemand: context.utils.requireOnDemand,
     call: function (fnKey, ...args) {
-      return (context.utils[fnKey] || context.methods[fnKey]).call(this, ...args)
+      return (context.utils[fnKey] || context.methods[fnKey])?.call(this, ...args)
     }
   }
 }