@domql/element 2.5.192 → 2.5.193

package/dist/cjs/methods/index.js

@@ -144,8 +144,8 @@ function setNodeStyles(params = {}) {
 }
 function remove(opts) {
   const element = this;
-  const beforeUpdateReturns = (0, import_event.triggerEventOn)("beforeRemove", element, opts);
-  if (beforeUpdateReturns === false)
+  const beforeRemoveReturns = (0, import_event.triggerEventOn)("beforeRemove", element, opts);
+  if (beforeRemoveReturns === false)
     return element;
   if ((0, import_utils.isFunction)(element.node.remove))
     element.node.remove();

package/dist/cjs/set.js

@@ -50,7 +50,7 @@ const reset = (options) => {
     ...options
   });
 };
-const set = function(params, options = {}, el) {
+const set = async function(params, options = {}, el) {
   var _a;
   const element = el || this;
   const { __ref: ref } = element;
@@ -62,14 +62,14 @@ const set = function(params, options = {}, el) {
     return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils.deepContains)(params, content)) {
     if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-      const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
+      const beforeUpdateReturns = await (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
       if (beforeUpdateReturns === false)
         return element;
     }
     if (content == null ? void 0 : content.update)
       content.update();
     if (!options.preventUpdateListener)
-      (0, import_event.triggerEventOn)("update", element, options);
+      await (0, import_event.triggerEventOn)("update", element, options);
     return;
   }
   if (params) {

package/dist/cjs/update.js

@@ -44,7 +44,7 @@ const UPDATE_DEFAULT_OPTIONS = {
   calleeElement: false,
   excludes: import_utils2.METHODS_EXL
 };
-const update = function(params = {}, opts) {
+const update = async function(params = {}, opts) {
   const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
   const options = (0, import_utils.deepClone)((0, import_utils.isObject)(opts) ? (0, import_utils2.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
   options.calleeElement = calleeElementCache;
@@ -58,7 +58,7 @@ const update = function(params = {}, opts) {
   if (snapshotHasUpdated)
     return;
   if (!options.preventListeners)
-    (0, import_event.triggerEventOnUpdate)("startUpdate", params, element, options);
+    await (0, import_event.triggerEventOnUpdate)("startUpdate", params, element, options);
   if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
     return;
   if (!excludes)
@@ -66,7 +66,7 @@ const update = function(params = {}, opts) {
   if ((0, import_utils.isString)(params) || (0, import_utils.isNumber)(params)) {
     params = { text: params };
   }
-  const inheritState = inheritStateUpdates(element, options);
+  const inheritState = await inheritStateUpdates(element, options);
   if (inheritState === false)
     return;
   const ifFails = checkIfOnUpdate(element, parent, options);
@@ -80,7 +80,7 @@ const update = function(params = {}, opts) {
       (0, import_props.updateProps)(props, element, parent);
   }
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-    const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
+    const beforeUpdateReturns = await (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
     if (beforeUpdateReturns === false)
       return element;
   }
@@ -116,9 +116,6 @@ const update = function(params = {}, opts) {
   }
   for (const param in element) {
     const prop = element[param];
-    if (element.Iframe && element.Overlay && element.ComponentFrameCanvas && param === "Iframe") {
-      console.log("isframe");
-    }
     if (!Object.hasOwnProperty.call(element, param))
       continue;
     const isInPreventUpdate = (0, import_utils.isArray)(preventUpdate) && preventUpdate.includes(param);
@@ -222,7 +219,7 @@ const checkIfOnUpdate = (element, parent, options) => {
     delete ref.__if;
   }
 };
-const inheritStateUpdates = (element, options) => {
+const inheritStateUpdates = async (element, options) => {
   const { __ref: ref } = element;
   const stateKey = ref.__state;
   const { parent, state } = element;
@@ -243,13 +240,13 @@ const inheritStateUpdates = (element, options) => {
   if (!keyInParentState || options.preventInheritedStateUpdate)
     return;
   if (!options.preventBeforeStateUpdateListener && !options.preventListeners) {
-    const initStateReturns = (0, import_event.triggerEventOnUpdate)("beforeStateUpdate", keyInParentState, element, options);
+    const initStateReturns = await (0, import_event.triggerEventOnUpdate)("beforeStateUpdate", keyInParentState, element, options);
     if (initStateReturns === false)
       return element;
   }
   const newState = createStateUpdate(element, parent, options);
   if (!options.preventStateUpdateListener && !options.preventListeners) {
-    (0, import_event.triggerEventOnUpdate)("stateUpdate", newState.parse(), element, options);
+    await (0, import_event.triggerEventOnUpdate)("stateUpdate", newState.parse(), element, options);
   }
 };
 const createStateUpdate = (element, parent, options) => {

package/dist/esm/methods/index.js

@@ -98,8 +98,8 @@ function setNodeStyles(params = {}) {
 }
 function remove(opts) {
   const element = this;
-  const beforeUpdateReturns = triggerEventOn("beforeRemove", element, opts);
-  if (beforeUpdateReturns === false)
+  const beforeRemoveReturns = triggerEventOn("beforeRemove", element, opts);
+  if (beforeRemoveReturns === false)
     return element;
   if (isFunction(element.node.remove))
     element.node.remove();

package/dist/esm/set.js

@@ -24,7 +24,7 @@ const reset = (options) => {
     ...options
   });
 };
-const set = function(params, options = {}, el) {
+const set = async function(params, options = {}, el) {
   var _a;
   const element = el || this;
   const { __ref: ref } = element;
@@ -36,14 +36,14 @@ const set = function(params, options = {}, el) {
     return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && deepContains(params, content)) {
     if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-      const beforeUpdateReturns = triggerEventOnUpdate("beforeUpdate", params, element, options);
+      const beforeUpdateReturns = await triggerEventOnUpdate("beforeUpdate", params, element, options);
       if (beforeUpdateReturns === false)
         return element;
     }
     if (content == null ? void 0 : content.update)
       content.update();
     if (!options.preventUpdateListener)
-      triggerEventOn("update", element, options);
+      await triggerEventOn("update", element, options);
     return;
   }
   if (params) {

package/dist/esm/update.js

@@ -34,7 +34,7 @@ const UPDATE_DEFAULT_OPTIONS = {
   calleeElement: false,
   excludes: METHODS_EXL
 };
-const update = function(params = {}, opts) {
+const update = async function(params = {}, opts) {
   const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
   const options = deepClone(isObject(opts) ? deepMerge(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
   options.calleeElement = calleeElementCache;
@@ -48,7 +48,7 @@ const update = function(params = {}, opts) {
   if (snapshotHasUpdated)
     return;
   if (!options.preventListeners)
-    triggerEventOnUpdate("startUpdate", params, element, options);
+    await triggerEventOnUpdate("startUpdate", params, element, options);
   if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
     return;
   if (!excludes)
@@ -56,7 +56,7 @@ const update = function(params = {}, opts) {
   if (isString(params) || isNumber(params)) {
     params = { text: params };
   }
-  const inheritState = inheritStateUpdates(element, options);
+  const inheritState = await inheritStateUpdates(element, options);
   if (inheritState === false)
     return;
   const ifFails = checkIfOnUpdate(element, parent, options);
@@ -70,7 +70,7 @@ const update = function(params = {}, opts) {
       updateProps(props, element, parent);
   }
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-    const beforeUpdateReturns = triggerEventOnUpdate("beforeUpdate", params, element, options);
+    const beforeUpdateReturns = await triggerEventOnUpdate("beforeUpdate", params, element, options);
     if (beforeUpdateReturns === false)
       return element;
   }
@@ -106,9 +106,6 @@ const update = function(params = {}, opts) {
   }
   for (const param in element) {
     const prop = element[param];
-    if (element.Iframe && element.Overlay && element.ComponentFrameCanvas && param === "Iframe") {
-      console.log("isframe");
-    }
     if (!Object.hasOwnProperty.call(element, param))
       continue;
     const isInPreventUpdate = isArray(preventUpdate) && preventUpdate.includes(param);
@@ -212,7 +209,7 @@ const checkIfOnUpdate = (element, parent, options) => {
     delete ref.__if;
   }
 };
-const inheritStateUpdates = (element, options) => {
+const inheritStateUpdates = async (element, options) => {
   const { __ref: ref } = element;
   const stateKey = ref.__state;
   const { parent, state } = element;
@@ -233,13 +230,13 @@ const inheritStateUpdates = (element, options) => {
   if (!keyInParentState || options.preventInheritedStateUpdate)
     return;
   if (!options.preventBeforeStateUpdateListener && !options.preventListeners) {
-    const initStateReturns = triggerEventOnUpdate("beforeStateUpdate", keyInParentState, element, options);
+    const initStateReturns = await triggerEventOnUpdate("beforeStateUpdate", keyInParentState, element, options);
     if (initStateReturns === false)
       return element;
   }
   const newState = createStateUpdate(element, parent, options);
   if (!options.preventStateUpdateListener && !options.preventListeners) {
-    triggerEventOnUpdate("stateUpdate", newState.parse(), element, options);
+    await triggerEventOnUpdate("stateUpdate", newState.parse(), element, options);
   }
 };
 const createStateUpdate = (element, parent, options) => {

package/methods/index.js

@@ -103,8 +103,8 @@ export function setNodeStyles (params = {}) {
 
 export function remove (opts) {
   const element = this
-  const beforeUpdateReturns = triggerEventOn('beforeRemove', element, opts)
-  if (beforeUpdateReturns === false) return element
+  const beforeRemoveReturns = triggerEventOn('beforeRemove', element, opts)
+  if (beforeRemoveReturns === false) return element
   if (isFunction(element.node.remove)) element.node.remove()
   else if (!isProduction()) {
     console.warn('This item cant be removed')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.192",
+  "version": "2.5.193",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -29,10 +29,10 @@
   "dependencies": {
     "@domql/event": "^2.5.190",
     "@domql/render": "^2.5.190",
-    "@domql/state": "^2.5.190",
+    "@domql/state": "^2.5.193",
     "@domql/utils": "^2.5.187"
   },
-  "gitHead": "54bd1babb63a37591e24d4bda2e6a4716a924e0d",
+  "gitHead": "43f57cec4a807f104342f92da621aedcd0b48e3e",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -29,7 +29,7 @@ export const reset = (options) => {
   })
 }
 
-export const set = function (params, options = {}, el) {
+export const set = async function (params, options = {}, el) {
   const element = el || this
   const { __ref: ref } = element
 
@@ -42,11 +42,11 @@ export const set = function (params, options = {}, el) {
 
   if (ref.__noCollectionDifference || (__contentRef && __contentRef.__cached && deepContains(params, content))) {
     if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-      const beforeUpdateReturns = triggerEventOnUpdate('beforeUpdate', params, element, options)
+      const beforeUpdateReturns = await triggerEventOnUpdate('beforeUpdate', params, element, options)
       if (beforeUpdateReturns === false) return element
     }
     if (content?.update) content.update()
-    if (!options.preventUpdateListener) triggerEventOn('update', element, options)
+    if (!options.preventUpdateListener) await triggerEventOn('update', element, options)
     return
   }
 

package/update.js

@@ -41,7 +41,7 @@ const UPDATE_DEFAULT_OPTIONS = {
   excludes: METHODS_EXL
 }
 
-export const update = function (params = {}, opts) {
+export const update = async function (params = {}, opts) {
   const calleeElementCache = opts?.calleeElement
   const options = deepClone(isObject(opts) ? deepMerge(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ['calleeElement'] })
   options.calleeElement = calleeElementCache
@@ -54,7 +54,7 @@ export const update = function (params = {}, opts) {
   const [snapshotOnCallee, calleeElement, snapshotHasUpdated] = captureSnapshot(element, options)
   if (snapshotHasUpdated) return
 
-  if (!options.preventListeners) triggerEventOnUpdate('startUpdate', params, element, options)
+  if (!options.preventListeners) await triggerEventOnUpdate('startUpdate', params, element, options)
 
   if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element) return
   if (!excludes) merge(options, UPDATE_DEFAULT_OPTIONS)
@@ -63,7 +63,7 @@ export const update = function (params = {}, opts) {
     params = { text: params }
   }
 
-  const inheritState = inheritStateUpdates(element, options)
+  const inheritState = await inheritStateUpdates(element, options)
   if (inheritState === false) return
 
   const ifFails = checkIfOnUpdate(element, parent, options)
@@ -77,11 +77,14 @@ export const update = function (params = {}, opts) {
   }
 
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {
-    const beforeUpdateReturns = triggerEventOnUpdate('beforeUpdate', params, element, options)
+    const beforeUpdateReturns = await triggerEventOnUpdate('beforeUpdate', params, element, options)
     if (beforeUpdateReturns === false) return element
   }
 
+  // apply new updates
   overwriteDeep(element, params, { exclude: METHODS_EXL })
+
+  // exec updates
   throughExecProps(element)
   throughUpdatedExec(element, { ignore: UPDATE_DEFAULT_OPTIONS })
   throughUpdatedDefine(element)
@@ -110,10 +113,6 @@ export const update = function (params = {}, opts) {
   for (const param in element) {
     const prop = element[param]
 
-    if (element.Iframe && element.Overlay && element.ComponentFrameCanvas && param === 'Iframe') {
-      console.log('isframe')
-    }
-
     if (!Object.hasOwnProperty.call(element, param)) continue
 
     const isInPreventUpdate = isArray(preventUpdate) && preventUpdate.includes(param)
@@ -262,7 +261,7 @@ const checkIfOnUpdate = (element, parent, options) => {
  * @param {boolean} [options.preventStateUpdateListener] - If true, prevent the 'stateUpdate' event listener.
  * @returns {boolean} - If returns false, it breaks the update function
  */
-const inheritStateUpdates = (element, options) => {
+const inheritStateUpdates = async (element, options) => {
   const { __ref: ref } = element
   const stateKey = ref.__state
   const { parent, state } = element
@@ -290,7 +289,7 @@ const inheritStateUpdates = (element, options) => {
 
   // Trigger on.beforeStateUpdate event
   if (!options.preventBeforeStateUpdateListener && !options.preventListeners) {
-    const initStateReturns = triggerEventOnUpdate('beforeStateUpdate', keyInParentState, element, options)
+    const initStateReturns = await triggerEventOnUpdate('beforeStateUpdate', keyInParentState, element, options)
     if (initStateReturns === false) return element
   }
 
@@ -299,7 +298,7 @@ const inheritStateUpdates = (element, options) => {
 
   // Trigger on.stateUpdate event
   if (!options.preventStateUpdateListener && !options.preventListeners) {
-    triggerEventOnUpdate('stateUpdate', newState.parse(), element, options)
+    await triggerEventOnUpdate('stateUpdate', newState.parse(), element, options)
   }
 }