@domql/element 2.5.200 → 2.5.205

package/dist/esm/mixins/attr.js

@@ -4,13 +4,17 @@ import { deepMerge } from "../utils/index.js";
 function attr(params, element, node) {
   const { __ref: ref, props } = element;
   const { __attr } = ref;
-  if (isNot("object")) report("HTMLInvalidAttr", params);
+  if (isNot("object"))
+    report("HTMLInvalidAttr", params);
   if (params) {
-    if (props.attr) deepMerge(params, props.attr);
+    if (props.attr)
+      deepMerge(params, props.attr);
     for (const attr2 in params) {
       const val = exec(params[attr2], element);
-      if (val !== false && !isUndefined(val) && !isNull(val) && node.setAttribute) node.setAttribute(attr2, val);
-      else if (node.removeAttribute) node.removeAttribute(attr2);
+      if (val !== false && !isUndefined(val) && !isNull(val) && node.setAttribute)
+        node.setAttribute(attr2, val);
+      else if (node.removeAttribute)
+        node.removeAttribute(attr2);
       __attr[attr2] = val;
     }
   }

package/dist/esm/mixins/classList.js

@@ -1,7 +1,8 @@
 import { exec, isObject, isString } from "@domql/utils";
 const assignKeyAsClassname = (element) => {
   const { key } = element;
-  if (element.class === true) element.class = key;
+  if (element.class === true)
+    element.class = key;
   else if (!element.class && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
     element.class = key.slice(1);
   }
@@ -10,8 +11,10 @@ const classify = (obj, element) => {
   let className = "";
   for (const item in obj) {
     const param = obj[item];
-    if (typeof param === "boolean" && param) className += ` ${item}`;
-    else if (typeof param === "string") className += ` ${param}`;
+    if (typeof param === "boolean" && param)
+      className += ` ${item}`;
+    else if (typeof param === "string")
+      className += ` ${param}`;
     else if (typeof param === "function") {
       className += ` ${exec(param, element)}`;
     }
@@ -19,13 +22,18 @@ const classify = (obj, element) => {
   return className;
 };
 const classList = (params, element) => {
-  if (!params) return;
+  if (!params)
+    return;
   const { key } = element;
-  if (params === true) params = element.class = { key };
-  if (isString(params)) params = element.class = { default: params };
-  if (isObject(params)) params = classify(params, element);
+  if (params === true)
+    params = element.class = { key };
+  if (isString(params))
+    params = element.class = { default: params };
+  if (isObject(params))
+    params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
-  if (element.ref) element.ref.class = className;
+  if (element.ref)
+    element.ref.class = className;
   return className;
 };
 const applyClassListOnNode = (params, element, node) => {

package/dist/esm/mixins/content.js

@@ -4,37 +4,44 @@ const updateContent = function(params, options) {
   const element = this;
   const ref = element.__ref;
   const contentKey = ref.contentElementKey;
-  if (!element[contentKey]) return;
-  if (element[contentKey].update) element[contentKey].update(params, options);
+  if (!element[contentKey])
+    return;
+  if (element[contentKey].update)
+    element[contentKey].update(params, options);
 };
 const removeContent = function(el, opts = {}) {
   const element = el || this;
   const { __ref: ref } = element;
   const contentElementKey = setContentKey(element, opts);
-  if (opts.contentElementKey !== "content") opts.contentElementKey = "content";
+  if (opts.contentElementKey !== "content")
+    opts.contentElementKey = "content";
   if (element[contentElementKey]) {
     if (element[contentElementKey].node && element.node) {
-      if (element[contentElementKey].tag === "fragment") element.node.innerHTML = "";
+      if (element[contentElementKey].tag === "fragment")
+        element.node.innerHTML = "";
       else {
         const contentNode = element[contentElementKey].node;
-        if (contentNode.parentNode === element.node) element.node.removeChild(element[contentElementKey].node);
+        if (contentNode.parentNode === element.node)
+          element.node.removeChild(element[contentElementKey].node);
       }
     }
     const { __cached } = ref;
     if (__cached && __cached[contentElementKey]) {
-      if (__cached[contentElementKey].tag === "fragment") __cached[contentElementKey].parent.node.innerHTML = "";
-      else if (__cached[contentElementKey] && isFunction(__cached[contentElementKey].remove)) __cached[contentElementKey].remove();
+      if (__cached[contentElementKey].tag === "fragment")
+        __cached[contentElementKey].parent.node.innerHTML = "";
+      else if (__cached[contentElementKey] && isFunction(__cached[contentElementKey].remove))
+        __cached[contentElementKey].remove();
     }
     delete element[contentElementKey];
   }
 };
-function setContent(param, element, node, opts) {
+async function setContent(param, element, node, opts) {
   const contentElementKey = setContentKey(element, opts);
   if (param && element) {
     if (element[contentElementKey].update) {
       element[contentElementKey].update({}, opts);
     } else {
-      set.call(element, param, opts);
+      await set.call(element, param, opts);
     }
   }
 }

package/dist/esm/mixins/data.js

@@ -2,9 +2,11 @@ import { exec, isObject, deepMerge } from "@domql/utils";
 import { report } from "@domql/report";
 function data(params, element, node) {
   if (params) {
-    if (element.props.data) deepMerge(params, element.props.data);
+    if (element.props.data)
+      deepMerge(params, element.props.data);
     if (params.showOnNode) {
-      if (!isObject(params)) report("HTMLInvalidData", params);
+      if (!isObject(params))
+        report("HTMLInvalidData", params);
       for (const dataset in params) {
         if (dataset !== "showOnNode") {
           node.dataset[dataset] = exec(params[dataset], element);

package/dist/esm/mixins/html.js

@@ -4,8 +4,10 @@ function html(param, element, node) {
   const prop = exec(param, element) || exec((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
   const { __ref } = element;
   if (prop !== __ref.__html) {
-    if (node.nodeName === "SVG") node.textContent = prop;
-    else node.innerHTML = prop;
+    if (node.nodeName === "SVG")
+      node.textContent = prop;
+    else
+      node.innerHTML = prop;
     __ref.__html = prop;
   }
 }

package/dist/esm/mixins/scope.js

@@ -1,6 +1,7 @@
 import { isFunction, isObject } from "@domql/utils";
 function scope(params, element, node) {
-  if (!isObject(params)) return;
+  if (!isObject(params))
+    return;
   for (const scopeItem in params) {
     const value = params[scopeItem];
     if (isFunction(value)) {

package/dist/esm/mixins/state.js

@@ -4,8 +4,10 @@ function state(params, element, node) {
   const state2 = exec(params, element);
   if (isObject(state2)) {
     for (const param in state2) {
-      if (IGNORE_STATE_PARAMS.includes(param)) continue;
-      if (!Object.hasOwnProperty.call(state2, param)) continue;
+      if (IGNORE_STATE_PARAMS.includes(param))
+        continue;
+      if (!Object.hasOwnProperty.call(state2, param))
+        continue;
     }
   }
   return element;

package/dist/esm/mixins/style.js

@@ -2,8 +2,10 @@ import { isObject, map } from "@domql/utils";
 import { report } from "@domql/report";
 function style(params, element, node) {
   if (params) {
-    if (isObject(params)) map(node.style, params, element);
-    else report("HTMLInvalidStyles", params);
+    if (isObject(params))
+      map(node.style, params, element);
+    else
+      report("HTMLInvalidStyles", params);
   }
 }
 var style_default = style;

package/dist/esm/mixins/text.js

@@ -12,10 +12,13 @@ function text(param, element, node) {
     node.nodeValue = prop;
   } else if (param !== void 0 || param !== null) {
     if (element.__text) {
-      if (element.__text.text === prop) return;
+      if (element.__text.text === prop)
+        return;
       element.__text.text = prop;
-      if (element.__text.node) element.__text.node.nodeValue = prop;
-    } else create({ tag: "string", text: prop }, element, "__text");
+      if (element.__text.node)
+        element.__text.node.nodeValue = prop;
+    } else
+      create({ tag: "string", text: prop }, element, "__text");
   }
 }
 var text_default = text;

package/dist/esm/node.js

@@ -17,15 +17,18 @@ const createNode = async (element, options) => {
   let isNewNode;
   if (!node) {
     isNewNode = true;
-    if (!ref.__if) return element;
+    if (!ref.__if)
+      return element;
     if (tag === "shadow") {
       node = element.node = element.parent.node.attachShadow({ mode: "open" });
-    } else node = element.node = cacheNode(element);
+    } else
+      node = element.node = cacheNode(element);
     triggerEventOn("attachNode", element, options);
   }
-  if (ENV === "test" || ENV === "development" || options.alowRefReference) {
+  if (ENV === "testing" || ENV === "development" || options.alowRefReference) {
     node.ref = element;
-    if (isFunction(node.setAttribute)) node.setAttribute("key", element.key);
+    if (isFunction(node.setAttribute))
+      node.setAttribute("key", element.key);
   }
   throughExecProps(element);
   throughInitialDefine(element);
@@ -38,8 +41,10 @@ const createNode = async (element, options) => {
   }
   for (const param in element) {
     const value = element[param];
-    if (!Object.hasOwnProperty.call(element, param)) continue;
-    if (isUndefined(value) || isMethod(param, element) || isVariant(param) || isObject(REGISTRY[param])) continue;
+    if (!Object.hasOwnProperty.call(element, param))
+      continue;
+    if (isUndefined(value) || isMethod(param, element) || isVariant(param) || isObject(REGISTRY[param]))
+      continue;
     const isElement = applyParam(param, element, options);
     if (isElement) {
       const { hasDefine, hasContextDefine } = isElement;
@@ -54,7 +59,8 @@ const createNode = async (element, options) => {
               triggerEventOn("lazyLoad", element, options);
             }
           });
-        } else await createAsync();
+        } else
+          await createAsync();
       }
     }
   }

package/dist/esm/props/create.js

@@ -4,12 +4,16 @@ import { inheritParentProps } from "./inherit.js";
 const createPropsStack = (element, parent) => {
   const { props, __ref: ref } = element;
   const propsStack = ref.__props = inheritParentProps(element, parent);
-  if (isObject(props)) propsStack.push(props);
-  else if (props === "inherit" && parent.props) propsStack.push(parent.props);
-  else if (props) propsStack.push(props);
+  if (isObject(props))
+    propsStack.push(props);
+  else if (props === "inherit" && parent.props)
+    propsStack.push(parent.props);
+  else if (props)
+    propsStack.push(props);
   if (isArray(ref.__extend)) {
     ref.__extend.forEach((extend) => {
-      if (extend.props && extend.props !== props) propsStack.push(extend.props);
+      if (extend.props && extend.props !== props)
+        propsStack.push(extend.props);
     });
   }
   ref.__props = propsStack;
@@ -19,7 +23,8 @@ const syncProps = (props, element, opts) => {
   element.props = {};
   const mergedProps = {};
   props.forEach((v) => {
-    if (IGNORE_PROPS_PARAMS.includes(v)) return;
+    if (IGNORE_PROPS_PARAMS.includes(v))
+      return;
     let execProps;
     try {
       execProps = exec(v, element);
@@ -49,7 +54,8 @@ const createProps = function(element, parent, options) {
       element.props = {};
     }
   };
-  if (ref.__if) applyProps();
+  if (ref.__if)
+    applyProps();
   else {
     try {
       applyProps();

package/dist/esm/props/inherit.js

@@ -15,7 +15,8 @@ const inheritParentProps = (element, parent) => {
   if (matchParent) {
     if (matchParentIsString) {
       const inheritedStringExists = propsStack.filter((v) => v.inheritedString)[0];
-      if (inheritedStringExists) inheritedStringExists.inheritedString = matchParent;
+      if (inheritedStringExists)
+        inheritedStringExists.inheritedString = matchParent;
       else {
         propsStack = [].concat(objectizeStringProperty(matchParent), propsStack);
       }
@@ -23,7 +24,8 @@ const inheritParentProps = (element, parent) => {
       propsStack.push(objectizeStringProperty(matchParent));
     }
   }
-  if (matchParentChildProps && !((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.ignoreChildProps)) propsStack.push(matchParentChildProps);
+  if (matchParentChildProps && !((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.ignoreChildProps))
+    propsStack.push(matchParentChildProps);
   return propsStack;
 };
 export {

package/dist/esm/props/update.js

@@ -4,9 +4,12 @@ const updateProps = (newProps, element, parent) => {
   const { __ref } = element;
   let propsStack = __ref.__props;
   const parentProps = inheritParentProps(element, parent);
-  if (parentProps.length) propsStack = __ref.__props = [].concat(parentProps, propsStack);
-  if (newProps) propsStack = __ref.__props = [].concat(newProps, propsStack);
-  if (propsStack) syncProps(propsStack, element);
+  if (parentProps.length)
+    propsStack = __ref.__props = [].concat(parentProps, propsStack);
+  if (newProps)
+    propsStack = __ref.__props = [].concat(newProps, propsStack);
+  if (propsStack)
+    syncProps(propsStack, element);
   return element;
 };
 export {

package/dist/esm/set.js

@@ -5,7 +5,8 @@ import { registry } from "./mixins/index.js";
 import { removeContent } from "./mixins/content.js";
 import { triggerEventOn, triggerEventOnUpdate } from "@domql/event";
 const resetElement = async (params, element, options) => {
-  if (!options.preventRemove) removeContent(element, options);
+  if (!options.preventRemove)
+    removeContent(element, options);
   const { __ref: ref } = element;
   await create(params, element, ref.contentElementKey || "content", {
     ignoreChildExtend: true,
@@ -14,9 +15,9 @@ const resetElement = async (params, element, options) => {
     ...options
   });
 };
-const reset = (options) => {
+const reset = async (options) => {
   const element = void 0;
-  create(element, element.parent, void 0, {
+  await create(element, element.parent, void 0, {
     ignoreChildExtend: true,
     ...registry.defaultOptions,
     ...OPTIONS.create,
@@ -31,19 +32,24 @@ const set = async function(params, options = {}, el) {
   const __contentRef = content && content.__ref;
   const lazyLoad = element.props && element.props.lazyLoad;
   const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-  if (options.preventContentUpdate === true && !hasCollection) return;
+  if (options.preventContentUpdate === true && !hasCollection)
+    return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && deepContains(params, content)) {
     if (!options.preventBeforeUpdateListener && !options.preventListeners) {
       const beforeUpdateReturns = await triggerEventOnUpdate("beforeUpdate", params, element, options);
-      if (beforeUpdateReturns === false) return element;
+      if (beforeUpdateReturns === false)
+        return element;
     }
-    if (content == null ? void 0 : content.update) content.update();
-    if (!options.preventUpdateListener) await triggerEventOn("update", element, options);
+    if (content == null ? void 0 : content.update)
+      await content.update();
+    if (!options.preventUpdateListener)
+      await triggerEventOn("update", element, options);
     return;
   }
   if (params) {
     let { childExtend, props } = params;
-    if (!props) props = params.props = {};
+    if (!props)
+      props = params.props = {};
     if (!childExtend && element.childExtend) {
       params.childExtend = element.childExtend;
       props.ignoreChildExtend = true;
@@ -59,7 +65,8 @@ const set = async function(params, options = {}, el) {
           triggerEventOn("lazyLoad", element, options);
         }
       });
-    } else await resetElement(params, element, options);
+    } else
+      await resetElement(params, element, options);
   }
   return element;
 };

package/dist/esm/update.js

@@ -42,28 +42,37 @@ const update = async function(params = {}, opts) {
   const { parent, node, key } = element;
   const { excludes, preventInheritAtCurrentState } = options;
   let ref = element.__ref;
-  if (!ref) ref = element.__ref = {};
+  if (!ref)
+    ref = element.__ref = {};
   const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options);
-  if (snapshotHasUpdated) return;
-  if (!options.preventListeners) await triggerEventOnUpdate("startUpdate", params, element, options);
-  if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element) return;
-  if (!excludes) merge(options, UPDATE_DEFAULT_OPTIONS);
+  if (snapshotHasUpdated)
+    return;
+  if (!options.preventListeners)
+    await triggerEventOnUpdate("startUpdate", params, element, options);
+  if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
+    return;
+  if (!excludes)
+    merge(options, UPDATE_DEFAULT_OPTIONS);
   if (isString(params) || isNumber(params)) {
     params = { text: params };
   }
   const inheritState = await inheritStateUpdates(element, options);
-  if (inheritState === false) return;
+  if (inheritState === false)
+    return;
   const ifFails = checkIfOnUpdate(element, parent, options);
-  if (ifFails) return;
+  if (ifFails)
+    return;
   if (ref.__if && !options.preventPropsUpdate) {
     const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
     const hasFunctionInProps = ref.__props.filter((v) => isFunction(v));
     const props = params.props || hasParentProps || hasFunctionInProps.length;
-    if (props) updateProps(props, element, parent);
+    if (props)
+      updateProps(props, element, parent);
   }
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {
     const beforeUpdateReturns = await triggerEventOnUpdate("beforeUpdate", params, element, options);
-    if (beforeUpdateReturns === false) return element;
+    if (beforeUpdateReturns === false)
+      return element;
   }
   overwriteDeep(element, params, { exclude: METHODS_EXL });
   throughExecProps(element);
@@ -72,7 +81,8 @@ const update = async function(params = {}, opts) {
   if (!options.isForced && !options.preventListeners) {
     triggerEventOn("beforeClassAssign", element, options);
   }
-  if (!ref.__if) return false;
+  if (!ref.__if)
+    return false;
   if (!node) {
     return;
   }
@@ -87,41 +97,49 @@ const update = async function(params = {}, opts) {
     preventUpdateAfterCount
   } = options;
   if (preventUpdateAfter) {
-    if (isNumber(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount) return;
-    else if (options.preventUpdateAfterCount === void 0) options.preventUpdateAfterCount = 1;
-    else options.preventUpdateAfterCount++;
+    if (isNumber(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
+      return;
+    else if (options.preventUpdateAfterCount === void 0)
+      options.preventUpdateAfterCount = 1;
+    else
+      options.preventUpdateAfterCount++;
   }
   for (const param in element) {
     const prop = element[param];
-    if (!Object.hasOwnProperty.call(element, param)) continue;
+    if (!Object.hasOwnProperty.call(element, param))
+      continue;
     const isInPreventUpdate = isArray(preventUpdate) && preventUpdate.includes(param);
     const isInPreventDefineUpdate = isArray(preventDefineUpdate) && preventDefineUpdate.includes(param);
     const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-    if (isUndefined(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || isMethod(param, element) || isObject(REGISTRY[param]) || isVariant(param)) continue;
-    if (preventStateUpdate === "once") options.preventStateUpdate = false;
-    const isElement = applyParam(param, element, options);
+    if (isUndefined(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || isMethod(param, element) || isObject(REGISTRY[param]) || isVariant(param))
+      continue;
+    if (preventStateUpdate === "once")
+      options.preventStateUpdate = false;
+    const isElement = await applyParam(param, element, options);
     if (isElement) {
       const { hasDefine, hasContextDefine } = isElement;
       const canUpdate = isObject(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
-      if (!canUpdate) continue;
+      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], {
+      const childUpdateCall = async () => await update.call(prop, params[prop], {
         ...options,
         currentSnapshot: snapshotOnCallee,
         calleeElement
       });
-      lazyLoad ? window.requestAnimationFrame(() => {
-        childUpdateCall();
+      lazyLoad ? window.requestAnimationFrame(async () => {
+        await childUpdateCall();
         if (!options.preventUpdateListener) {
           triggerEventOn("lazyLoad", element, options);
         }
-      }) : childUpdateCall();
+      }) : await childUpdateCall();
     }
   }
-  if (!preventUpdateListener) triggerEventOn("update", element, options);
+  if (!preventUpdateListener)
+    await triggerEventOn("update", element, options);
 };
 const captureSnapshot = (element, options) => {
   const ref = element.__ref;
@@ -140,7 +158,8 @@ const captureSnapshot = (element, options) => {
 };
 const checkIfOnUpdate = (element, parent, options) => {
   var _a, _b, _c;
-  if (!isFunction(element.if) && !isFunction((_a = element.props) == null ? void 0 : _a.if) || !parent) return;
+  if (!isFunction(element.if) && !isFunction((_a = element.props) == null ? void 0 : _a.if) || !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 itWasFalse = ref.__if !== true;
@@ -165,7 +184,8 @@ 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) element[contentKey] = element[contentKey].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;
       const hasPrevious = previousNode == null ? void 0 : previousNode.parentNode;
@@ -194,7 +214,8 @@ const inheritStateUpdates = async (element, options) => {
   const stateKey = ref.__state;
   const { parent, state } = element;
   const { preventUpdateTriggerStateUpdate, isHoisted, execStateFunction } = options;
-  if (preventUpdateTriggerStateUpdate) return;
+  if (preventUpdateTriggerStateUpdate)
+    return;
   if (!stateKey && !ref.__hasRootState) {
     element.state = parent && parent.state || {};
     return;
@@ -206,10 +227,12 @@ const inheritStateUpdates = async (element, options) => {
     return;
   }
   const keyInParentState = findInheritedState(element, element.parent);
-  if (!keyInParentState || options.preventInheritedStateUpdate) return;
+  if (!keyInParentState || options.preventInheritedStateUpdate)
+    return;
   if (!options.preventBeforeStateUpdateListener && !options.preventListeners) {
     const initStateReturns = await triggerEventOnUpdate("beforeStateUpdate", keyInParentState, element, options);
-    if (initStateReturns === false) return element;
+    if (initStateReturns === false)
+      return element;
   }
   const newState = createStateUpdate(element, parent, options);
   if (!options.preventStateUpdateListener && !options.preventListeners) {
@@ -221,7 +244,8 @@ const createStateUpdate = (element, parent, options) => {
   const newState = createState(element, parent);
   element.state = newState;
   for (const child in __stateChildren) {
-    if (newState[child]) newState.__children[child] = __stateChildren[child];
+    if (newState[child])
+      newState.__children[child] = __stateChildren[child];
     Object.getPrototypeOf(__stateChildren[child]).parent = newState;
   }
   return newState;

package/dist/esm/utils/applyParam.js

@@ -1,6 +1,6 @@
 import { isFunction } from "@domql/utils";
 import { REGISTRY } from "../mixins/index.js";
-const applyParam = (param, element, options) => {
+const applyParam = async (param, element, options) => {
   const { node, context, __ref: ref } = element;
   const prop = element[param];
   const { onlyUpdate } = options;
@@ -9,11 +9,12 @@ const applyParam = (param, element, options) => {
   const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
   const hasDefine = element.define && element.define[param];
   const hasContextDefine = context && context.define && context.define[param];
-  if (!ref.__if) return;
+  if (!ref.__if)
+    return;
   const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
   if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
     if (isFunction(isGlobalTransformer)) {
-      isGlobalTransformer(prop, element, node, options);
+      await isGlobalTransformer(prop, element, node, options);
       return;
     }
   }

package/dist/esm/utils/component.js

@@ -29,7 +29,8 @@ const createValidDomqlObjectFromSugar = (el, parent, key, options) => {
 };
 const overwriteVariant = (element, variant, variantProps) => {
   let variantElement = element[variant];
-  if (!variantElement) return;
+  if (!variantElement)
+    return;
   const props = isObject(variantProps) ? variantProps : {};
   if (isString(variantElement)) {
     variantElement = {
@@ -44,14 +45,16 @@ const overwriteVariant = (element, variant, variantProps) => {
 };
 const applyVariant = (element) => {
   const { props } = element;
-  if (!hasVariantProp(element)) return element;
+  if (!hasVariantProp(element))
+    return element;
   const { variant } = props;
   overwriteVariant(element, `.${variant}`);
   const elKeys = Object.keys(element).filter((key) => isVariant(key));
   elKeys.forEach((variant2) => {
     const slicedVariantElementKey = variant2.slice(1);
     const variantElementProps = props[slicedVariantElementKey];
-    if (variantElementProps) overwriteVariant(element, variant2, variantElementProps);
+    if (variantElementProps)
+      overwriteVariant(element, variant2, variantElementProps);
   });
   return element;
 };