domql 3.6.1 → 3.6.4

package/dist/iife/index.js

@@ -1159,6 +1159,7 @@ var Domql = (() => {
   // ../utils/dist/esm/props.js
   var RE_UPPER = /^[A-Z]/;
   var RE_DIGITS = /^\d+$/;
+  var CSS_SELECTOR_PREFIXES = /* @__PURE__ */ new Set([":", "@", "[", "*", "+", "~", "&", ">", "$", "-", ".", "!"]);
   var ELEMENT_INDICATOR_KEYS = /* @__PURE__ */ new Set([
     "extend",
     "props",
@@ -1205,11 +1206,27 @@ var Domql = (() => {
         delete obj[key];
         continue;
       }
-      const hasDefine = isObject(this.define?.[key]);
-      const hasGlobalDefine = isObject(this.context?.define?.[key]);
+      if (key === "childProps") {
+        obj.props[key] = value;
+        delete obj[key];
+        cachedKeys.push(key);
+        continue;
+      }
+      const defineValue = this.define?.[key];
+      const globalDefineValue = this.context?.define?.[key];
+      const hasDefine = isObject(defineValue) || isFunction(defineValue);
+      const hasGlobalDefine = isObject(globalDefineValue) || isFunction(globalDefineValue);
+      if (hasDefine || hasGlobalDefine) continue;
+      const firstChar = key.charAt(0);
+      if (CSS_SELECTOR_PREFIXES.has(firstChar)) {
+        obj.props[key] = value;
+        delete obj[key];
+        cachedKeys.push(key);
+        continue;
+      }
       const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key) || looksLikeElement(value);
       const isBuiltin = DOMQ_PROPERTIES.has(key);
-      if (!isElement && !isBuiltin && !hasDefine && !hasGlobalDefine) {
+      if (!isElement && !isBuiltin) {
         obj.props[key] = value;
         delete obj[key];
         cachedKeys.push(key);
@@ -1229,8 +1246,13 @@ var Domql = (() => {
         continue;
       }
       if (cachedKeys.includes(key)) continue;
-      const hasDefine = isObject(this.define?.[key]);
-      const hasGlobalDefine = isObject(this.context?.define?.[key]);
+      if (key === "childProps") continue;
+      const firstChar = key.charAt(0);
+      if (CSS_SELECTOR_PREFIXES.has(firstChar)) continue;
+      const defineValue = this.define?.[key];
+      const globalDefineValue = this.context?.define?.[key];
+      const hasDefine = isObject(defineValue) || isFunction(defineValue);
+      const hasGlobalDefine = isObject(globalDefineValue) || isFunction(globalDefineValue);
       const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key);
       const isBuiltin = DOMQ_PROPERTIES.has(key);
       if (isElement || isBuiltin || hasDefine || hasGlobalDefine) {
@@ -1265,7 +1287,7 @@ var Domql = (() => {
     const parentProps = parent.props;
     if (!parentProps) return propsStack;
     const matchParentKeyProps = parentProps[element.key];
-    const matchParentChildProps = parentProps.childProps;
+    const matchParentChildProps = parentProps.childProps || parent.childProps;
     const ignoreChildProps = element.props?.ignoreChildProps;
     if (matchParentChildProps && !ignoreChildProps) {
       const childProps = objectizeStringProperty(matchParentChildProps);
@@ -2695,7 +2717,9 @@ ${element}` : "";
     extends: {},
     children: {},
     content: {},
+    childExtend: {},
     childExtends: {},
+    childExtendRecursive: {},
     childExtendsRecursive: {},
     props: {},
     if: {},
@@ -2909,6 +2933,16 @@ ${element}` : "";
   };
   var set = function(params, options = {}, el) {
     const element = el || this;
+    const { __ref: ref } = element;
+    if (ref.__settingContent) return element;
+    ref.__settingContent = true;
+    try {
+      return _setInner(params, options, element);
+    } finally {
+      ref.__settingContent = false;
+    }
+  };
+  var _setInner = function(params, options, element) {
     const { __ref: ref } = element;
     const contentElementKey = setContentKey(element, options);
     const content = element[contentElementKey];
@@ -2938,14 +2972,16 @@ ${element}` : "";
     let { childExtends, props, tag } = params;
     if (!props) props = params.props = {};
     if (tag === "fragment") {
-      if (!childExtends && element.childExtends) {
-        params.childExtends = element.childExtends;
+      const elementChildExtends = element.childExtends || element.childExtend;
+      if (!childExtends && elementChildExtends) {
+        params.childExtends = elementChildExtends;
         props.ignoreChildExtends = true;
       }
-      if (!props?.childProps && element.props?.childProps) {
-        props.childProps = element.props.childProps;
-        props.ignoreChildProps = true;
+      const elementChildProps = element.childProps || element.props?.childProps;
+      if (!props?.childProps && elementChildProps) {
+        props.childProps = elementChildProps;
       }
+      props.ignoreChildProps = true;
     }
     if (lazyLoad) {
       window.requestAnimationFrame(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domql",
-  "version": "3.6.1",
+  "version": "3.6.4",
   "license": "MIT",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -25,9 +25,9 @@
     "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=Domql --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV"
   },
   "dependencies": {
-    "@domql/element": "^3.6.1",
-    "@domql/state": "^3.6.1",
-    "@domql/utils": "^3.6.1"
+    "@domql/element": "^3.6.4",
+    "@domql/state": "^3.6.4",
+    "@domql/utils": "^3.6.4"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "browser": "./dist/esm/index.js",