@domql/element 2.33.27 → 2.33.29

package/create.js

@@ -435,11 +435,8 @@ const createScope = (element, parent) => {
 
 const createIfConditionFlag = (element, parent) => {
   const { __ref: ref } = element
-
-  if (
-    isFunction(element.if) &&
-    !element.if(element, element.state, element.context)
-  ) {
+  const ifFn = element.props?.if || element.if
+  if (isFunction(ifFn) && !ifFn(element, element.state, element.context)) {
     delete ref.__if
   } else ref.__if = true
 }

package/dist/cjs/create.js

@@ -301,8 +301,10 @@ const createScope = (element, parent2) => {
   if (!element.scope) element.scope = parent2.scope || ref.root.scope || {};
 };
 const createIfConditionFlag = (element, parent2) => {
+  var _a;
   const { __ref: ref } = element;
-  if ((0, import_utils.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
+  const ifFn = ((_a = element.props) == null ? void 0 : _a.if) || element.if;
+  if ((0, import_utils.isFunction)(ifFn) && !ifFn(element, element.state, element.context)) {
     delete ref.__if;
   } else ref.__if = true;
 };

package/dist/cjs/set.js

@@ -86,12 +86,16 @@ const set = async function(params, options = {}, el) {
     return;
   }
   if (params) {
-    let { childExtend, props } = params;
+    let { childExtend, childExtendRecursive, props } = params;
     if (!props) props = params.props = {};
     if (!childExtend && element.childExtend) {
       params.childExtend = element.childExtend;
       props.ignoreChildExtend = true;
     }
+    if (!childExtendRecursive && element.childExtendRecursive) {
+      params.childExtendRecursive = element.childExtendRecursive;
+      props.ignoreChildExtendRecursive = true;
+    }
     if (!(props == null ? void 0 : props.childProps) && ((_d = element.props) == null ? void 0 : _d.childProps)) {
       props.childProps = element.props.childProps;
       props.ignoreChildProps = true;

package/dist/cjs/update.js

@@ -200,16 +200,11 @@ const captureSnapshot = (element, options) => {
   return [snapshotOnCallee, calleeElement];
 };
 const checkIfOnUpdate = (element, parent, options) => {
-  var _a, _b, _c;
-  if (!(0, import_utils.isFunction)(element.if) && !(0, import_utils.isFunction)((_a = element.props) == null ? void 0 : _a.if) || !parent)
-    return;
+  var _a, _b;
+  const ifFn = ((_a = element.props) == null ? void 0 : _a.if) || element.if;
+  if (!(0, import_utils.isFunction)(ifFn) || !parent) return;
   const ref = element.__ref;
-  const ifPassed = (element.if || ((_b = element.props) == null ? void 0 : _b.if))(
-    element,
-    element.state,
-    element.context,
-    options
-  );
+  const ifPassed = ifFn(element, element.state, element.context, options);
   const itWasFalse = ref.__if !== true;
   if (ifPassed) {
     ref.__if = true;
@@ -232,7 +227,7 @@ const checkIfOnUpdate = (element, parent, options) => {
       const contentKey = ref.contentElementKey;
       if (element.$collection || element.$stateCollection || element.$propsCollection) {
         element.removeContent();
-      } else if ((_c = element[contentKey]) == null ? void 0 : _c.parseDeep)
+      } else if ((_b = element[contentKey]) == null ? void 0 : _b.parseDeep)
         element[contentKey] = element[contentKey].parseDeep();
       const previousElement = element.previousElement();
       const previousNode = previousElement == null ? void 0 : previousElement.node;

package/dist/esm/create.js

@@ -297,8 +297,10 @@ const createScope = (element, parent2) => {
   if (!element.scope) element.scope = parent2.scope || ref.root.scope || {};
 };
 const createIfConditionFlag = (element, parent2) => {
+  var _a;
   const { __ref: ref } = element;
-  if (isFunction(element.if) && !element.if(element, element.state, element.context)) {
+  const ifFn = ((_a = element.props) == null ? void 0 : _a.if) || element.if;
+  if (isFunction(ifFn) && !ifFn(element, element.state, element.context)) {
     delete ref.__if;
   } else ref.__if = true;
 };

package/dist/esm/set.js

@@ -60,12 +60,16 @@ const set = async function(params, options = {}, el) {
     return;
   }
   if (params) {
-    let { childExtend, props } = params;
+    let { childExtend, childExtendRecursive, props } = params;
     if (!props) props = params.props = {};
     if (!childExtend && element.childExtend) {
       params.childExtend = element.childExtend;
       props.ignoreChildExtend = true;
     }
+    if (!childExtendRecursive && element.childExtendRecursive) {
+      params.childExtendRecursive = element.childExtendRecursive;
+      props.ignoreChildExtendRecursive = true;
+    }
     if (!(props == null ? void 0 : props.childProps) && ((_d = element.props) == null ? void 0 : _d.childProps)) {
       props.childProps = element.props.childProps;
       props.ignoreChildProps = true;

package/dist/esm/update.js

@@ -194,16 +194,11 @@ const captureSnapshot = (element, options) => {
   return [snapshotOnCallee, calleeElement];
 };
 const checkIfOnUpdate = (element, parent, options) => {
-  var _a, _b, _c;
-  if (!isFunction(element.if) && !isFunction((_a = element.props) == null ? void 0 : _a.if) || !parent)
-    return;
+  var _a, _b;
+  const ifFn = ((_a = element.props) == null ? void 0 : _a.if) || element.if;
+  if (!isFunction(ifFn) || !parent) return;
   const ref = element.__ref;
-  const ifPassed = (element.if || ((_b = element.props) == null ? void 0 : _b.if))(
-    element,
-    element.state,
-    element.context,
-    options
-  );
+  const ifPassed = ifFn(element, element.state, element.context, options);
   const itWasFalse = ref.__if !== true;
   if (ifPassed) {
     ref.__if = true;
@@ -226,7 +221,7 @@ const checkIfOnUpdate = (element, parent, options) => {
       const contentKey = ref.contentElementKey;
       if (element.$collection || element.$stateCollection || element.$propsCollection) {
         element.removeContent();
-      } else if ((_c = element[contentKey]) == null ? void 0 : _c.parseDeep)
+      } else if ((_b = element[contentKey]) == null ? void 0 : _b.parseDeep)
         element[contentKey] = element[contentKey].parseDeep();
       const previousElement = element.previousElement();
       const previousNode = previousElement == null ? void 0 : previousElement.node;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.33.27",
+  "version": "2.33.29",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -27,12 +27,12 @@
     "prepublish": "npx rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.33.27",
-    "@domql/render": "^2.33.27",
-    "@domql/state": "^2.33.27",
-    "@domql/utils": "^2.33.27"
+    "@domql/event": "^2.33.29",
+    "@domql/render": "^2.33.29",
+    "@domql/state": "^2.33.29",
+    "@domql/utils": "^2.33.29"
   },
-  "gitHead": "305c78c0cd824b365d3e464dc3ede6b250c8baf1",
+  "gitHead": "4a29b29c86a47fa047345b16120cc426bbe57f41",
   "devDependencies": {
     "@babel/core": "^7.27.1"
   }

package/set.js

@@ -88,12 +88,16 @@ export const set = async function (params, options = {}, el) {
   }
 
   if (params) {
-    let { childExtend, props } = params
+    let { childExtend, childExtendRecursive, props } = params
     if (!props) props = params.props = {}
     if (!childExtend && element.childExtend) {
       params.childExtend = element.childExtend
       props.ignoreChildExtend = true
     }
+    if (!childExtendRecursive && element.childExtendRecursive) {
+      params.childExtendRecursive = element.childExtendRecursive
+      props.ignoreChildExtendRecursive = true
+    }
     if (!props?.childProps && element.props?.childProps) {
       props.childProps = element.props.childProps
       props.ignoreChildProps = true

package/update.js

@@ -286,16 +286,11 @@ const captureSnapshot = (element, options) => {
 }
 
 const checkIfOnUpdate = (element, parent, options) => {
-  if ((!isFunction(element.if) && !isFunction(element.props?.if)) || !parent)
-    return
+  const ifFn = element.props?.if || element.if
+  if (!isFunction(ifFn) || !parent) return
 
   const ref = element.__ref
-  const ifPassed = (element.if || element.props?.if)(
-    element,
-    element.state,
-    element.context,
-    options
-  )
+  const ifPassed = ifFn(element, element.state, element.context, options)
   const itWasFalse = ref.__if !== true
 
   if (ifPassed) {