@domql/element 2.5.140 → 2.5.142

package/create.js

@@ -252,6 +252,9 @@ const renderElement = (element, parent, options, attachOptions) => {
 
   // run `on.done`
   triggerEventOn('done', element, options)
+
+  // run `on.done`
+  triggerEventOn('create', element, options)
 }
 
 const checkIfPrimitive = (element) => is(element)('string', 'number')
@@ -259,10 +262,11 @@ const checkIfPrimitive = (element) => is(element)('string', 'number')
 const applyValueAsText = (element, parent, key) => {
   const extendTag = element.extend && element.extend.tag
   const childExtendTag = parent.childExtend && parent.childExtend.tag
+  const childPropsTag = parent.props.childProps && parent.props.childProps.tag
   const isKeyValidHTMLTag = ((HTML_TAGS.body.indexOf(key) > -1) && key)
   return {
     text: element,
-    tag: extendTag || childExtendTag || isKeyValidHTMLTag || 'string'
+    tag: extendTag || childExtendTag || childPropsTag || isKeyValidHTMLTag || 'string'
   }
 }
 
@@ -361,7 +365,7 @@ const onlyResolveExtends = (element, parent, key, options) => {
     for (const k in element) {
       if (
         isUndefined(element[k]) ||
-        isMethod(k) ||
+        isMethod(k, element) ||
         isObject(registry[k]) ||
         isVariant(k)
       ) continue

package/dist/cjs/create.js

@@ -203,15 +203,17 @@ const renderElement = (element, parent, options, attachOptions) => {
   (0, import_event.triggerEventOn)("renderRouter", element, options);
   (0, import_event.triggerEventOn)("render", element, options);
   (0, import_event.triggerEventOn)("done", element, options);
+  (0, import_event.triggerEventOn)("create", element, options);
 };
 const checkIfPrimitive = (element) => (0, import_utils.is)(element)("string", "number");
 const applyValueAsText = (element, parent, key) => {
   const extendTag = element.extend && element.extend.tag;
   const childExtendTag = parent.childExtend && parent.childExtend.tag;
+  const childPropsTag = parent.props.childProps && parent.props.childProps.tag;
   const isKeyValidHTMLTag = import_utils.HTML_TAGS.body.indexOf(key) > -1 && key;
   return {
     text: element,
-    tag: extendTag || childExtendTag || isKeyValidHTMLTag || "string"
+    tag: extendTag || childExtendTag || childPropsTag || isKeyValidHTMLTag || "string"
   };
 };
 const applyContext = (element, parent, options) => {
@@ -289,7 +291,7 @@ const onlyResolveExtends = (element, parent, key, options) => {
     (0, import_iterate.throughInitialDefine)(element);
     (0, import_iterate.throughInitialExec)(element);
     for (const k in element) {
-      if ((0, import_utils.isUndefined)(element[k]) || (0, import_methods.isMethod)(k) || (0, import_utils.isObject)(import_mixins.registry[k]) || (0, import_utils.isVariant)(k))
+      if ((0, import_utils.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils.isObject)(import_mixins.registry[k]) || (0, import_utils.isVariant)(k))
         continue;
       const hasDefine = element.define && element.define[k];
       const contextHasDefine = element.context && element.context.define && element.context.define[k];

package/dist/cjs/extend.js

@@ -60,11 +60,11 @@ const applyExtend = (element, parent, options = {}) => {
     stack = extendStack;
   } else if (childExtendLength) {
     stack = childExtendStack;
-  } else if (!options.extend)
+  } else if (!context.defaultExtends)
     return element;
-  if (options.extend) {
+  if (context.defaultExtends) {
     if (!mainExtend) {
-      const defaultOptionsExtend = (0, import_utils2.getExtendStack)(options.extend, context);
+      const defaultOptionsExtend = (0, import_utils2.getExtendStack)(context.defaultExtends, context);
       mainExtend = (0, import_utils2.cloneAndMergeArrayExtend)(defaultOptionsExtend);
       delete mainExtend.extend;
     }

package/dist/cjs/iterate.js

@@ -33,7 +33,7 @@ const throughInitialExec = (element, exclude = {}) => {
     if (exclude[param])
       continue;
     const prop = element[param];
-    if ((0, import_utils.isFunction)(prop) && !(0, import_methods.isMethod)(param) && !(0, import_utils.isVariant)(param)) {
+    if ((0, import_utils.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils.isVariant)(param)) {
       ref.__exec[param] = prop;
       element[param] = prop(element, element.state, element.context);
     }
@@ -73,7 +73,7 @@ const throughInitialDefine = (element) => {
     defineObj = { ...defineObj, ...context.define };
   for (const param in defineObj) {
     let elementProp = element[param];
-    if ((0, import_utils.isFunction)(elementProp) && !(0, import_methods.isMethod)(param) && !(0, import_utils.isVariant)(param)) {
+    if ((0, import_utils.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils.isVariant)(param)) {
       ref.__exec[param] = elementProp;
       const execParam2 = elementProp = (0, import_utils.exec)(elementProp, element);
       if (execParam2) {

package/dist/cjs/methods/index.js

@@ -297,6 +297,7 @@ const METHODS = [
   "nextElement",
   "previousElement"
 ];
-const isMethod = function(param) {
-  return METHODS.includes(param);
+const isMethod = function(param, element) {
+  var _a, _b;
+  return METHODS.includes(param) || ((_b = (_a = element == null ? void 0 : element.context) == null ? void 0 : _a.methods) == null ? void 0 : _b[param]);
 };

package/dist/cjs/methods/set.js

@@ -57,6 +57,8 @@ const addMethods = (element, parent) => {
     nextElement: import__.nextElement.bind(element),
     previousElement: import__.previousElement.bind(element)
   };
+  if (element.context.methods)
+    (0, import_utils.merge)(proto, element.context.methods);
   if ((0, import_utils.isDevelopment)())
     proto.log = import__.log.bind(element);
   Object.setPrototypeOf(element, proto);

package/dist/cjs/node.js

@@ -73,7 +73,7 @@ const createNode = (element, options) => {
     const value = element[param];
     if (!Object.hasOwnProperty.call(element, param))
       continue;
-    if ((0, import_utils.isUndefined)(value) || (0, import_methods.isMethod)(param) || (0, import_utils.isVariant)(param) || (0, import_utils.isObject)(import_mixins.registry[param]))
+    if ((0, import_utils.isUndefined)(value) || (0, import_methods.isMethod)(param, element) || (0, import_utils.isVariant)(param) || (0, import_utils.isObject)(import_mixins.registry[param]))
       continue;
     const isElement = (0, import_applyParam.applyParam)(param, element, options);
     if (isElement) {

package/dist/cjs/set.js

@@ -60,6 +60,7 @@ const reset = (options) => {
   });
 };
 const set = function(params, options = {}, el) {
+  var _a;
   const element = el || this;
   const { __ref: ref } = element;
   const content = (0, import_utils.setContentKey)(element, options);
@@ -79,9 +80,14 @@ const set = function(params, options = {}, el) {
     return;
   }
   if (params) {
-    const { childExtend } = params;
+    const { childExtend, childProps, props } = params;
     if (!childExtend && element.childExtend)
       params.childExtend = element.childExtend;
+    if (!childProps && element.childProps)
+      params.childProps = element.childProps;
+    if (!(props == null ? void 0 : props.childProps) && ((_a = element.props) == null ? void 0 : _a.childProps)) {
+      params.props.childProps = element.props.childProps;
+    }
     if (lazyLoad) {
       window.requestAnimationFrame(() => resetElement(params, element, options));
     } else

package/dist/cjs/update.js

@@ -136,7 +136,7 @@ const update = function(params = {}, opts) {
     const isInPreventUpdate = (0, import_utils.isArray)(preventUpdate) && preventUpdate.includes(param);
     const isInPreventDefineUpdate = (0, import_utils.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
     const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-    if ((0, import_utils.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_utils.isVariant)(param))
+    if ((0, import_utils.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_utils.isVariant)(param))
       continue;
     if (preventStateUpdate === "once")
       options.preventStateUpdate = false;
@@ -174,11 +174,11 @@ const captureSnapshot = (element, options) => {
   return [snapshotOnCallee, calleeElement];
 };
 const checkIfOnUpdate = (element, parent, options) => {
-  var _a, _b;
-  if (!(0, import_utils.isFunction)(element.if) && !(0, import_utils.isFunction)(element.props.if) || !parent)
+  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;
   const ref = element.__ref;
-  const ifPassed = (element.if || ((_a = element.props) == null ? void 0 : _a.if))(element, element.state, element.context, options);
+  const ifPassed = (element.if || ((_b = element.props) == null ? void 0 : _b.if))(element, element.state, element.context, options);
   const itWasFalse = ref.__if !== true;
   if (ifPassed) {
     ref.__if = true;
@@ -201,7 +201,7 @@ const checkIfOnUpdate = (element, parent, options) => {
       const contentKey = ref.contentElementKey;
       if (element.$collection || element.$stateCollection || element.$propsCollection) {
         element.removeContent();
-      } else if ((_b = element[contentKey]) == null ? void 0 : _b.parseDeep)
+      } else if ((_c = element[contentKey]) == null ? void 0 : _c.parseDeep)
         element[contentKey] = element[contentKey].parseDeep();
       const previousElement = element.previousElement();
       const previousNode = previousElement == null ? void 0 : previousElement.node;

package/dist/cjs/utils/component.js

@@ -30,6 +30,7 @@ const replaceOnKeys = (key) => key.replace(/on\w+/g, (match) => match.substring(
 const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
   const newElem = {
     props: {},
+    define: {},
     on: {}
   };
   for (const k in el) {
@@ -39,6 +40,10 @@ const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
       const onKey = replaceOnKeys(prop);
       newElem.on[onKey] = prop;
     }
+    const isDefine = k.startsWith("is") || k.startsWith("has") || k.startsWith("use");
+    if (isDefine) {
+      newElem.define[k] = prop;
+    }
     const isComponent = (0, import_utils.checkIfKeyIsComponent)(k);
     const isRegistry = import_mixins.registry[k];
     if (isComponent || isRegistry) {

package/dist/cjs/utils/onlyResolveExtends.js

@@ -74,7 +74,7 @@ const onlyResolveExtends = (element, parent, key, options) => {
     (0, import_iterate.throughInitialExec)(element);
     for (const param in element) {
       const prop = element[param];
-      if ((0, import_utils.isUndefined)(prop) || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import__2.isVariant)(param))
+      if ((0, import_utils.isUndefined)(prop) || (0, import_methods.isMethod)(param, element) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import__2.isVariant)(param))
         continue;
       const hasDefine = element.define && element.define[param];
       const contextHasDefine = element.context && element.context.define && element.context.define[param];

package/extend.js

@@ -63,22 +63,20 @@ export const applyExtend = (element, parent, options = {}) => {
     stack = extendStack
   } else if (childExtendLength) {
     stack = childExtendStack
-  } else if (!options.extend) return element
+  } else if (!context.defaultExtends) return element
 
-  if (options.extend) {
+  if (context.defaultExtends) {
     if (!mainExtend) {
-      const defaultOptionsExtend = getExtendStack(options.extend, context)
+      const defaultOptionsExtend = getExtendStack(context.defaultExtends, context)
       mainExtend = cloneAndMergeArrayExtend(defaultOptionsExtend)
       delete mainExtend.extend
     }
     stack = [].concat(stack, mainExtend)
   }
 
-  // check if array contains string extends
   if (__ref) __ref.__extend = stack
   let mergedExtend = cloneAndMergeArrayExtend(stack)
 
-  // apply `component:` property
   const COMPONENTS = (context && context.components) || options.components
   const component = exec(element.component || mergedExtend.component, element)
   if (component && COMPONENTS && COMPONENTS[component]) {

package/iterate.js

@@ -19,7 +19,7 @@ export const throughInitialExec = (element, exclude = {}) => {
   for (const param in element) {
     if (exclude[param]) continue
     const prop = element[param]
-    if (isFunction(prop) && !isMethod(param) && !isVariant(param)) {
+    if (isFunction(prop) && !isMethod(param, element) && !isVariant(param)) {
       ref.__exec[param] = prop
       element[param] = prop(element, element.state, element.context)
       // if (isComponent)
@@ -69,7 +69,7 @@ export const throughInitialDefine = (element) => {
   for (const param in defineObj) {
     let elementProp = element[param]
 
-    if (isFunction(elementProp) && !isMethod(param) && !isVariant(param)) {
+    if (isFunction(elementProp) && !isMethod(param, element) && !isVariant(param)) {
       ref.__exec[param] = elementProp
       const execParam = elementProp = exec(elementProp, element)
 

package/methods/index.js

@@ -267,6 +267,6 @@ export const METHODS = [
   'previousElement'
 ]
 
-export const isMethod = function (param) {
-  return METHODS.includes(param)
+export const isMethod = function (param, element) {
+  return METHODS.includes(param) || element?.context?.methods?.[param]
 }

package/methods/set.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isDevelopment } from '@domql/utils'
+import { isDevelopment, merge } from '@domql/utils'
 
 import set, { reset } from '../set'
 import update from '../update'
@@ -45,6 +45,7 @@ export const addMethods = (element, parent) => {
     nextElement: nextElement.bind(element),
     previousElement: previousElement.bind(element)
   }
+  if (element.context.methods) merge(proto, element.context.methods)
   if (isDevelopment()) proto.log = log.bind(element)
   Object.setPrototypeOf(element, proto)
 }

package/node.js

@@ -68,7 +68,7 @@ export const createNode = (element, options) => {
 
     if (
       isUndefined(value) ||
-      isMethod(param) ||
+      isMethod(param, element) ||
       isVariant(param) ||
       isObject(registry[param])
     ) continue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.140",
+  "version": "2.5.142",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -26,12 +26,12 @@
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.5.140",
-    "@domql/render": "^2.5.140",
-    "@domql/state": "^2.5.140",
-    "@domql/utils": "^2.5.140"
+    "@domql/event": "^2.5.142",
+    "@domql/render": "^2.5.142",
+    "@domql/state": "^2.5.142",
+    "@domql/utils": "^2.5.142"
   },
-  "gitHead": "2fc2e5d07523014581b0747b4201cc6afea32860",
+  "gitHead": "65537c9b9a818948e1835b75a5c8a3e79bffdecd",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { deepContains , setContentKey } from '@domql/utils'
+import { deepContains, setContentKey } from '@domql/utils'
 
 import create from './create'
 import OPTIONS from './cache/options'
@@ -51,8 +51,12 @@ const set = function (params, options = {}, el) {
   }
 
   if (params) {
-    const { childExtend } = params
+    const { childExtend, childProps, props } = params
     if (!childExtend && element.childExtend) params.childExtend = element.childExtend
+    if (!childProps && element.childProps) params.childProps = element.childProps
+    if (!props?.childProps && element.props?.childProps) {
+      params.props.childProps = element.props.childProps
+    }
 
     if (lazyLoad) {
       window.requestAnimationFrame(() => resetElement(params, element, options))

package/update.js

@@ -133,7 +133,7 @@ const update = function (params = {}, opts) {
       preventDefineUpdate === param ||
       (preventContentUpdate && param === 'content' && !hasCollection) ||
       (preventStateUpdate && param) === 'state' ||
-      isMethod(param) || isObject(registry[param]) || isVariant(param)
+      isMethod(param, element) || isObject(registry[param]) || isVariant(param)
     ) continue
 
     if (preventStateUpdate === 'once') options.preventStateUpdate = false
@@ -180,7 +180,7 @@ const captureSnapshot = (element, options) => {
 }
 
 const checkIfOnUpdate = (element, parent, options) => {
-  if ((!isFunction(element.if) && !isFunction(element.props.if)) || !parent) return
+  if ((!isFunction(element.if) && !isFunction(element.props?.if)) || !parent) return
 
   const ref = element.__ref
   const ifPassed = (element.if || element.props?.if)(element, element.state, element.context, options)

package/utils/component.js

@@ -18,6 +18,7 @@ const replaceOnKeys = key => key.replace(/on\w+/g, match => match.substring(2))
 export const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
   const newElem = {
     props: {},
+    define: {},
     on: {}
   }
   for (const k in el) {
@@ -29,6 +30,12 @@ export const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
     // } else if (!isMethod && checkIfKeyIsProperty(k)) {
     }
 
+    const isDefine = k.startsWith('is') || k.startsWith('has') || k.startsWith('use')
+    if (isDefine) {
+      newElem.define[k] = prop
+    // } else if (!isMethod && checkIfKeyIsProperty(k)) {
+    }
+
     const isComponent = checkIfKeyIsComponent(k)
     const isRegistry = registry[k]
     if (isComponent || isRegistry) {

package/utils/onlyResolveExtends.js

@@ -80,7 +80,7 @@ export const onlyResolveExtends = (element, parent, key, options) => {
       const prop = element[param]
       if (
         isUndefined(prop) ||
-        isMethod(param) ||
+        isMethod(param, element) ||
         isObject(registry[param]) ||
         isVariant(param)
       ) continue