@domql/state 2.5.203 → 2.5.206

package/create.js

@@ -41,7 +41,7 @@ export const applyInitialState = async function (element, parent, options) {
   if (objectizeState === false) return parent.state || {}
   else element.state = objectizeState
 
-  const whatInitReturns = triggerEventOn('stateInit', element, options)
+  const whatInitReturns = await triggerEventOn('stateInit', element, options)
   if (whatInitReturns === false) return element.state
 
   if (checkIfInherits(element)) {
@@ -55,7 +55,7 @@ export const applyInitialState = async function (element, parent, options) {
   applyMethods(element)
 
   // trigger `on.stateCreated`
-  triggerEventOn('stateCreated', element)
+  await triggerEventOn('stateCreated', element)
 
   return element.state
 }

package/dist/cjs/create.js

@@ -34,29 +34,24 @@ const createState = async function(element, parent, options) {
 };
 const applyInitialState = async function(element, parent, options) {
   const objectizeState = await checkForTypes(element);
-  if (objectizeState === false)
-    return parent.state || {};
-  else
-    element.state = objectizeState;
-  const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
-  if (whatInitReturns === false)
-    return element.state;
+  if (objectizeState === false) return parent.state || {};
+  else element.state = objectizeState;
+  const whatInitReturns = await (0, import_event.triggerEventOn)("stateInit", element, options);
+  if (whatInitReturns === false) return element.state;
   if ((0, import_inherit.checkIfInherits)(element)) {
     const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
     element.state = (0, import_utils.isUndefined)(inheritedState) ? {} : inheritedState;
   }
   const dependentState = applyDependentState(element, element.state || parent.state || {});
-  if (dependentState)
-    element.state = dependentState;
+  if (dependentState) element.state = dependentState;
   applyMethods(element);
-  (0, import_event.triggerEventOn)("stateCreated", element);
+  await (0, import_event.triggerEventOn)("stateCreated", element);
   return element.state;
 };
 const applyDependentState = (element, state) => {
   const { __ref, ref, __element } = state;
   const origState = (0, import_utils.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
-  if (!origState)
-    return;
+  if (!origState) return;
   const dependentState = (0, import_utils.deepClone)(origState, import_ignore.IGNORE_STATE_PARAMS);
   const newDepends = { [element.key]: dependentState };
   const __depends = (0, import_utils.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;

package/dist/cjs/index.js

@@ -13,10 +13,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var state_exports = {};
-module.exports = __toCommonJS(state_exports);
-__reExport(state_exports, require("./ignore.js"), module.exports);
-__reExport(state_exports, require("./create.js"), module.exports);
-__reExport(state_exports, require("./updateState.js"), module.exports);
-__reExport(state_exports, require("./methods.js"), module.exports);
-__reExport(state_exports, require("./inherit.js"), module.exports);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ignore.js"), module.exports);
+__reExport(index_exports, require("./create.js"), module.exports);
+__reExport(index_exports, require("./updateState.js"), module.exports);
+__reExport(index_exports, require("./methods.js"), module.exports);
+__reExport(index_exports, require("./inherit.js"), module.exports);

package/dist/cjs/inherit.js

@@ -31,20 +31,16 @@ module.exports = __toCommonJS(inherit_exports);
 var import_utils = require("@domql/utils");
 var import_ignore = require("./ignore.js");
 const getRootStateInKey = (stateKey, parentState) => {
-  if (!stateKey.includes("~/"))
-    return;
+  if (!stateKey.includes("~/")) return;
   const arr = stateKey.split("~/");
-  if (arr.length > 1)
-    return parentState.root;
+  if (arr.length > 1) return parentState.root;
 };
 const getParentStateInKey = (stateKey, parentState) => {
-  if (!stateKey.includes("../"))
-    return;
+  if (!stateKey.includes("../")) return;
   const arr = stateKey.split("../");
   const arrLength = arr.length - 1;
   for (let i = 0; i < arrLength; i++) {
-    if (!parentState.parent)
-      return null;
+    if (!parentState.parent) return null;
     parentState = parentState.parent;
   }
   return parentState;
@@ -55,25 +51,20 @@ const getChildStateInKey = (stateKey, parentState, options = {}) => {
   for (let i = 0; i < arrLength; i++) {
     const childKey = arr[i];
     const grandChildKey = arr[i + 1];
-    if (childKey === "__proto__" || grandChildKey === "__proto__")
-      return;
+    if (childKey === "__proto__" || grandChildKey === "__proto__") return;
     let childInParent = parentState[childKey];
-    if (!childInParent)
-      childInParent = parentState[childKey] = {};
-    if (!childInParent[grandChildKey])
-      childInParent[grandChildKey] = {};
+    if (!childInParent) childInParent = parentState[childKey] = {};
+    if (!childInParent[grandChildKey]) childInParent[grandChildKey] = {};
     stateKey = grandChildKey;
     parentState = childInParent;
   }
-  if (options.returnParent)
-    return parentState;
+  if (options.returnParent) return parentState;
   return parentState[stateKey];
 };
 const findInheritedState = (element, parent, options = {}) => {
   const ref = element.__ref;
   let stateKey = ref.__state;
-  if (!checkIfInherits(element))
-    return;
+  if (!checkIfInherits(element)) return;
   const rootState = getRootStateInKey(stateKey, parent.state);
   let parentState = parent.state;
   if (rootState) {
@@ -86,15 +77,13 @@ const findInheritedState = (element, parent, options = {}) => {
       stateKey = stateKey.replaceAll("../", "");
     }
   }
-  if (!parentState)
-    return;
+  if (!parentState) return;
   return getChildStateInKey(stateKey, parentState, options);
 };
 const createInheritedState = (element, parent) => {
   const ref = element.__ref;
   const inheritedState = findInheritedState(element, parent);
-  if ((0, import_utils.isUndefined)(inheritedState))
-    return element.state;
+  if ((0, import_utils.isUndefined)(inheritedState)) return element.state;
   if ((0, import_utils.is)(inheritedState)("object", "array")) {
     return (0, import_utils.deepClone)(inheritedState, { exclude: import_ignore.IGNORE_STATE_PARAMS });
   } else if ((0, import_utils.is)(inheritedState)("string", "number", "boolean")) {
@@ -106,13 +95,11 @@ const createInheritedState = (element, parent) => {
 const checkIfInherits = (element) => {
   const ref = element.__ref;
   const stateKey = ref.__state;
-  if (stateKey && (0, import_utils.is)(stateKey)("number", "string", "boolean"))
-    return true;
+  if (stateKey && (0, import_utils.is)(stateKey)("number", "string", "boolean")) return true;
   return false;
 };
 const isState = function(state) {
-  if (!(0, import_utils.isObjectLike)(state))
-    return false;
+  if (!(0, import_utils.isObjectLike)(state)) return false;
   return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.keys && state.values && state.toggle && state.replace && state.quietUpdate && state.quietReplace && state.add && state.apply && state.applyReplace && state.setByPath && state.setPathCollection && state.removeByPath && state.removePathCollection && state.getByPath && state.applyFunction && state.__element && state.__children;
 };
 const createNestedObjectByKeyPath = (path, value) => {

package/dist/cjs/methods.js

@@ -109,14 +109,12 @@ const destroy = function(options = {}) {
 };
 const parentUpdate = function(obj, options = {}) {
   const state = this;
-  if (!state || !state.parent)
-    return;
+  if (!state || !state.parent) return;
   return state.parent.update(obj, { isHoisted: true, ...options });
 };
 const rootUpdate = function(obj, options = {}) {
   const state = this;
-  if (!state)
-    return;
+  if (!state) return;
   const rootState = state.__element.__ref.root.state;
   return rootState.update(obj, { isHoisted: false, ...options });
 };
@@ -136,12 +134,9 @@ const toggle = function(key, options = {}) {
 };
 const remove = function(key, options = {}) {
   const state = this;
-  if ((0, import_utils.isArray)(state))
-    (0, import_utils.removeFromArray)(state, key);
-  if ((0, import_utils.isObject)(state))
-    (0, import_utils.removeFromObject)(state, key);
-  if (options.applyReset)
-    return state.set(state.parse(), { replace: true, ...options });
+  if ((0, import_utils.isArray)(state)) (0, import_utils.removeFromArray)(state, key);
+  if ((0, import_utils.isObject)(state)) (0, import_utils.removeFromObject)(state, key);
+  if (options.applyReset) return state.set(state.parse(), { replace: true, ...options });
   return state.update();
 };
 const set = function(val, options = {}) {
@@ -154,8 +149,7 @@ const setByPath = function(path, val, options = {}) {
   const value = (0, import_utils.deepClone)(val);
   (0, import_utils.setInObjectByPath)(state, path, val);
   const update = (0, import_utils.createNestedObject)(path, value);
-  if (options.preventStateUpdate)
-    return update;
+  if (options.preventStateUpdate) return update;
   return state.update(update, options);
 };
 const setPathCollection = function(changes, options = {}) {
@@ -174,8 +168,7 @@ const setPathCollection = function(changes, options = {}) {
 const removeByPath = function(path, options = {}) {
   const state = this;
   (0, import_utils.removeNestedKeyByPath)(state, path);
-  if (options.preventUpdate)
-    return path;
+  if (options.preventUpdate) return path;
   return state.update({}, options);
 };
 const removePathCollection = function(changes, options = {}) {

package/dist/cjs/updateState.js

@@ -36,27 +36,21 @@ const STATE_UPDATE_OPTIONS = {
 const updateState = async function(obj, options = STATE_UPDATE_OPTIONS) {
   const state = this;
   const element = state.__element;
-  if (options.onEach)
-    options.onEach(element, state, element.context, options);
-  if (!options.updateByState)
-    (0, import_utils.merge)(options, STATE_UPDATE_OPTIONS);
-  if (!state.__element)
-    (0, import_report.report)("ElementOnStateIsNotDefined");
+  if (options.onEach) options.onEach(element, state, element.context, options);
+  if (!options.updateByState) (0, import_utils.merge)(options, STATE_UPDATE_OPTIONS);
+  if (!state.__element) (0, import_report.report)("ElementOnStateIsNotDefined");
   if (options.preventInheritAtCurrentState === true) {
     options.preventInheritAtCurrentState = state;
-  } else if (options.preventInheritAtCurrentState)
-    return;
+  } else if (options.preventInheritAtCurrentState) return;
   if (!options.preventBeforeStateUpdateListener) {
     const beforeStateUpdateReturns = await (0, import_event.triggerEventOnUpdate)("beforeStateUpdate", obj, element, options);
-    if (beforeStateUpdateReturns === false)
-      return element;
+    if (beforeStateUpdateReturns === false) return element;
   }
   applyOverwrite(state, obj, options);
-  const updateIsHoisted = hoistStateUpdate(state, obj, options);
-  if (updateIsHoisted)
-    return state;
-  updateDependentState(state, obj, options);
-  applyElementUpdate(state, obj, options);
+  const updateIsHoisted = await hoistStateUpdate(state, obj, options);
+  if (updateIsHoisted) return state;
+  await updateDependentState(state, obj, options);
+  await applyElementUpdate(state, obj, options);
   if (!options.preventStateUpdateListener) {
     await (0, import_event.triggerEventOnUpdate)("stateUpdate", obj, element, options);
   }
@@ -64,8 +58,7 @@ const updateState = async function(obj, options = STATE_UPDATE_OPTIONS) {
 };
 const applyOverwrite = (state, obj, options) => {
   const { overwrite } = options;
-  if (!overwrite)
-    return;
+  if (!overwrite) return;
   const shallow = overwrite === "shallow" || overwrite === "shallow-once";
   const merge2 = overwrite === "merge";
   if (merge2) {
@@ -73,22 +66,19 @@ const applyOverwrite = (state, obj, options) => {
     return;
   }
   const overwriteFunc = shallow ? import_utils.overwriteShallow : import_utils.overwriteDeep;
-  if (options.overwrite === "shallow-once")
-    options.overwrite = true;
+  if (options.overwrite === "shallow-once") options.overwrite = true;
   overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
 };
-const hoistStateUpdate = (state, obj, options) => {
+const hoistStateUpdate = async (state, obj, options) => {
   const element = state.__element;
   const { parent, __ref: ref } = element;
   const stateKey = ref == null ? void 0 : ref.__state;
   const stateType = ref == null ? void 0 : ref.__stateType;
-  if (!stateKey)
-    return;
+  if (!stateKey) return;
   const asksForInherit = (0, import_inherit.checkIfInherits)(element);
   const inheritedState = (0, import_inherit.findInheritedState)(element, parent, { returnParent: true });
   const shouldPropagateState = asksForInherit && inheritedState && !options.stopStatePropagation;
-  if (!shouldPropagateState)
-    return;
+  if (!shouldPropagateState) return;
   const isStringState = stateType === "string" || stateType === "number" || stateType === "boolean";
   const value = isStringState ? state.value : state.parse();
   const passedValue = isStringState ? state.value : obj;
@@ -96,9 +86,8 @@ const hoistStateUpdate = (state, obj, options) => {
   const findGrandParentState = (0, import_inherit.getParentStateInKey)(stateKey, parent.state);
   const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
   const targetParent = findRootState || findGrandParentState || parent.state;
-  if (options.replace)
-    (0, import_utils.overwriteDeep)(targetParent, changesValue || value);
-  targetParent.update(changesValue, {
+  if (options.replace) (0, import_utils.overwriteDeep)(targetParent, changesValue || value);
+  await targetParent.update(changesValue, {
     execStateFunction: false,
     isHoisted: true,
     preventUpdate: options.preventHoistElementUpdate,
@@ -107,27 +96,26 @@ const hoistStateUpdate = (state, obj, options) => {
   });
   const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate;
   if (!options.preventStateUpdateListener && hasNotUpdated) {
-    (0, import_event.triggerEventOnUpdate)("stateUpdate", obj, element, options);
+    await (0, import_event.triggerEventOnUpdate)("stateUpdate", obj, element, options);
   }
   return true;
 };
-const updateDependentState = (state, obj, options) => {
-  if (!state.__depends)
-    return;
+const updateDependentState = async (state, obj, options) => {
+  if (!state.__depends) return;
   for (const el in state.__depends) {
     const dependentState = state.__depends[el];
-    dependentState.clean().update(state.parse(), options);
+    await dependentState.clean().update(state.parse(), options);
   }
 };
-const applyElementUpdate = (state, obj, options) => {
+const applyElementUpdate = async (state, obj, options) => {
   const element = state.__element;
   if (options.preventUpdate !== true) {
-    element.update({}, {
+    await element.update({}, {
       ...options,
       updateByState: true
     });
   } else if (options.preventUpdate === "recursive") {
-    element.update({}, {
+    await element.update({}, {
       ...options,
       isHoisted: false,
       updateByState: true,

package/dist/esm/create.js

@@ -53,29 +53,24 @@ const createState = async function(element, parent, options) {
 };
 const applyInitialState = async function(element, parent, options) {
   const objectizeState = await checkForTypes(element);
-  if (objectizeState === false)
-    return parent.state || {};
-  else
-    element.state = objectizeState;
-  const whatInitReturns = triggerEventOn("stateInit", element, options);
-  if (whatInitReturns === false)
-    return element.state;
+  if (objectizeState === false) return parent.state || {};
+  else element.state = objectizeState;
+  const whatInitReturns = await triggerEventOn("stateInit", element, options);
+  if (whatInitReturns === false) return element.state;
   if (checkIfInherits(element)) {
     const inheritedState = createInheritedState(element, parent);
     element.state = isUndefined(inheritedState) ? {} : inheritedState;
   }
   const dependentState = applyDependentState(element, element.state || parent.state || {});
-  if (dependentState)
-    element.state = dependentState;
+  if (dependentState) element.state = dependentState;
   applyMethods(element);
-  triggerEventOn("stateCreated", element);
+  await triggerEventOn("stateCreated", element);
   return element.state;
 };
 const applyDependentState = (element, state) => {
   const { __ref, ref, __element } = state;
   const origState = exec(__ref || ref || (__element == null ? void 0 : __element.state), element);
-  if (!origState)
-    return;
+  if (!origState) return;
   const dependentState = deepClone(origState, IGNORE_STATE_PARAMS);
   const newDepends = { [element.key]: dependentState };
   const __depends = isObject(origState.__depends) ? __spreadValues(__spreadValues({}, origState.__depends), newDepends) : newDepends;

package/dist/esm/inherit.js

@@ -1,20 +1,16 @@
 import { deepClone, is, isObjectLike, isUndefined } from "@domql/utils";
 import { IGNORE_STATE_PARAMS } from "./ignore.js";
 const getRootStateInKey = (stateKey, parentState) => {
-  if (!stateKey.includes("~/"))
-    return;
+  if (!stateKey.includes("~/")) return;
   const arr = stateKey.split("~/");
-  if (arr.length > 1)
-    return parentState.root;
+  if (arr.length > 1) return parentState.root;
 };
 const getParentStateInKey = (stateKey, parentState) => {
-  if (!stateKey.includes("../"))
-    return;
+  if (!stateKey.includes("../")) return;
   const arr = stateKey.split("../");
   const arrLength = arr.length - 1;
   for (let i = 0; i < arrLength; i++) {
-    if (!parentState.parent)
-      return null;
+    if (!parentState.parent) return null;
     parentState = parentState.parent;
   }
   return parentState;
@@ -25,25 +21,20 @@ const getChildStateInKey = (stateKey, parentState, options = {}) => {
   for (let i = 0; i < arrLength; i++) {
     const childKey = arr[i];
     const grandChildKey = arr[i + 1];
-    if (childKey === "__proto__" || grandChildKey === "__proto__")
-      return;
+    if (childKey === "__proto__" || grandChildKey === "__proto__") return;
     let childInParent = parentState[childKey];
-    if (!childInParent)
-      childInParent = parentState[childKey] = {};
-    if (!childInParent[grandChildKey])
-      childInParent[grandChildKey] = {};
+    if (!childInParent) childInParent = parentState[childKey] = {};
+    if (!childInParent[grandChildKey]) childInParent[grandChildKey] = {};
     stateKey = grandChildKey;
     parentState = childInParent;
   }
-  if (options.returnParent)
-    return parentState;
+  if (options.returnParent) return parentState;
   return parentState[stateKey];
 };
 const findInheritedState = (element, parent, options = {}) => {
   const ref = element.__ref;
   let stateKey = ref.__state;
-  if (!checkIfInherits(element))
-    return;
+  if (!checkIfInherits(element)) return;
   const rootState = getRootStateInKey(stateKey, parent.state);
   let parentState = parent.state;
   if (rootState) {
@@ -56,15 +47,13 @@ const findInheritedState = (element, parent, options = {}) => {
       stateKey = stateKey.replaceAll("../", "");
     }
   }
-  if (!parentState)
-    return;
+  if (!parentState) return;
   return getChildStateInKey(stateKey, parentState, options);
 };
 const createInheritedState = (element, parent) => {
   const ref = element.__ref;
   const inheritedState = findInheritedState(element, parent);
-  if (isUndefined(inheritedState))
-    return element.state;
+  if (isUndefined(inheritedState)) return element.state;
   if (is(inheritedState)("object", "array")) {
     return deepClone(inheritedState, { exclude: IGNORE_STATE_PARAMS });
   } else if (is(inheritedState)("string", "number", "boolean")) {
@@ -76,13 +65,11 @@ const createInheritedState = (element, parent) => {
 const checkIfInherits = (element) => {
   const ref = element.__ref;
   const stateKey = ref.__state;
-  if (stateKey && is(stateKey)("number", "string", "boolean"))
-    return true;
+  if (stateKey && is(stateKey)("number", "string", "boolean")) return true;
   return false;
 };
 const isState = function(state) {
-  if (!isObjectLike(state))
-    return false;
+  if (!isObjectLike(state)) return false;
   return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.keys && state.values && state.toggle && state.replace && state.quietUpdate && state.quietReplace && state.add && state.apply && state.applyReplace && state.setByPath && state.setPathCollection && state.removeByPath && state.removePathCollection && state.getByPath && state.applyFunction && state.__element && state.__children;
 };
 const createNestedObjectByKeyPath = (path, value) => {

package/dist/esm/methods.js

@@ -93,14 +93,12 @@ const destroy = function(options = {}) {
 };
 const parentUpdate = function(obj, options = {}) {
   const state = this;
-  if (!state || !state.parent)
-    return;
+  if (!state || !state.parent) return;
   return state.parent.update(obj, __spreadValues({ isHoisted: true }, options));
 };
 const rootUpdate = function(obj, options = {}) {
   const state = this;
-  if (!state)
-    return;
+  if (!state) return;
   const rootState = state.__element.__ref.root.state;
   return rootState.update(obj, __spreadValues({ isHoisted: false }, options));
 };
@@ -120,12 +118,9 @@ const toggle = function(key, options = {}) {
 };
 const remove = function(key, options = {}) {
   const state = this;
-  if (isArray(state))
-    removeFromArray(state, key);
-  if (isObject(state))
-    removeFromObject(state, key);
-  if (options.applyReset)
-    return state.set(state.parse(), __spreadValues({ replace: true }, options));
+  if (isArray(state)) removeFromArray(state, key);
+  if (isObject(state)) removeFromObject(state, key);
+  if (options.applyReset) return state.set(state.parse(), __spreadValues({ replace: true }, options));
   return state.update();
 };
 const set = function(val, options = {}) {
@@ -138,8 +133,7 @@ const setByPath = function(path, val, options = {}) {
   const value = deepClone(val);
   setInObjectByPath(state, path, val);
   const update = createNestedObject(path, value);
-  if (options.preventStateUpdate)
-    return update;
+  if (options.preventStateUpdate) return update;
   return state.update(update, options);
 };
 const setPathCollection = function(changes, options = {}) {
@@ -158,8 +152,7 @@ const setPathCollection = function(changes, options = {}) {
 const removeByPath = function(path, options = {}) {
   const state = this;
   removeNestedKeyByPath(state, path);
-  if (options.preventUpdate)
-    return path;
+  if (options.preventUpdate) return path;
   return state.update({}, options);
 };
 const removePathCollection = function(changes, options = {}) {

package/dist/esm/updateState.js

@@ -32,27 +32,21 @@ const STATE_UPDATE_OPTIONS = {
 const updateState = async function(obj, options = STATE_UPDATE_OPTIONS) {
   const state = this;
   const element = state.__element;
-  if (options.onEach)
-    options.onEach(element, state, element.context, options);
-  if (!options.updateByState)
-    merge(options, STATE_UPDATE_OPTIONS);
-  if (!state.__element)
-    report("ElementOnStateIsNotDefined");
+  if (options.onEach) options.onEach(element, state, element.context, options);
+  if (!options.updateByState) merge(options, STATE_UPDATE_OPTIONS);
+  if (!state.__element) report("ElementOnStateIsNotDefined");
   if (options.preventInheritAtCurrentState === true) {
     options.preventInheritAtCurrentState = state;
-  } else if (options.preventInheritAtCurrentState)
-    return;
+  } else if (options.preventInheritAtCurrentState) return;
   if (!options.preventBeforeStateUpdateListener) {
     const beforeStateUpdateReturns = await triggerEventOnUpdate("beforeStateUpdate", obj, element, options);
-    if (beforeStateUpdateReturns === false)
-      return element;
+    if (beforeStateUpdateReturns === false) return element;
   }
   applyOverwrite(state, obj, options);
-  const updateIsHoisted = hoistStateUpdate(state, obj, options);
-  if (updateIsHoisted)
-    return state;
-  updateDependentState(state, obj, options);
-  applyElementUpdate(state, obj, options);
+  const updateIsHoisted = await hoistStateUpdate(state, obj, options);
+  if (updateIsHoisted) return state;
+  await updateDependentState(state, obj, options);
+  await applyElementUpdate(state, obj, options);
   if (!options.preventStateUpdateListener) {
     await triggerEventOnUpdate("stateUpdate", obj, element, options);
   }
@@ -60,8 +54,7 @@ const updateState = async function(obj, options = STATE_UPDATE_OPTIONS) {
 };
 const applyOverwrite = (state, obj, options) => {
   const { overwrite } = options;
-  if (!overwrite)
-    return;
+  if (!overwrite) return;
   const shallow = overwrite === "shallow" || overwrite === "shallow-once";
   const merge2 = overwrite === "merge";
   if (merge2) {
@@ -69,22 +62,19 @@ const applyOverwrite = (state, obj, options) => {
     return;
   }
   const overwriteFunc = shallow ? overwriteShallow : overwriteDeep;
-  if (options.overwrite === "shallow-once")
-    options.overwrite = true;
+  if (options.overwrite === "shallow-once") options.overwrite = true;
   overwriteFunc(state, obj, IGNORE_STATE_PARAMS);
 };
-const hoistStateUpdate = (state, obj, options) => {
+const hoistStateUpdate = async (state, obj, options) => {
   const element = state.__element;
   const { parent, __ref: ref } = element;
   const stateKey = ref == null ? void 0 : ref.__state;
   const stateType = ref == null ? void 0 : ref.__stateType;
-  if (!stateKey)
-    return;
+  if (!stateKey) return;
   const asksForInherit = checkIfInherits(element);
   const inheritedState = findInheritedState(element, parent, { returnParent: true });
   const shouldPropagateState = asksForInherit && inheritedState && !options.stopStatePropagation;
-  if (!shouldPropagateState)
-    return;
+  if (!shouldPropagateState) return;
   const isStringState = stateType === "string" || stateType === "number" || stateType === "boolean";
   const value = isStringState ? state.value : state.parse();
   const passedValue = isStringState ? state.value : obj;
@@ -92,9 +82,8 @@ const hoistStateUpdate = (state, obj, options) => {
   const findGrandParentState = getParentStateInKey(stateKey, parent.state);
   const changesValue = createNestedObjectByKeyPath(stateKey, passedValue);
   const targetParent = findRootState || findGrandParentState || parent.state;
-  if (options.replace)
-    overwriteDeep(targetParent, changesValue || value);
-  targetParent.update(changesValue, __spreadValues({
+  if (options.replace) overwriteDeep(targetParent, changesValue || value);
+  await targetParent.update(changesValue, __spreadValues({
     execStateFunction: false,
     isHoisted: true,
     preventUpdate: options.preventHoistElementUpdate,
@@ -102,26 +91,25 @@ const hoistStateUpdate = (state, obj, options) => {
   }, options));
   const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate;
   if (!options.preventStateUpdateListener && hasNotUpdated) {
-    triggerEventOnUpdate("stateUpdate", obj, element, options);
+    await triggerEventOnUpdate("stateUpdate", obj, element, options);
   }
   return true;
 };
-const updateDependentState = (state, obj, options) => {
-  if (!state.__depends)
-    return;
+const updateDependentState = async (state, obj, options) => {
+  if (!state.__depends) return;
   for (const el in state.__depends) {
     const dependentState = state.__depends[el];
-    dependentState.clean().update(state.parse(), options);
+    await dependentState.clean().update(state.parse(), options);
   }
 };
-const applyElementUpdate = (state, obj, options) => {
+const applyElementUpdate = async (state, obj, options) => {
   const element = state.__element;
   if (options.preventUpdate !== true) {
-    element.update({}, __spreadProps(__spreadValues({}, options), {
+    await element.update({}, __spreadProps(__spreadValues({}, options), {
       updateByState: true
     }));
   } else if (options.preventUpdate === "recursive") {
-    element.update({}, __spreadProps(__spreadValues({}, options), {
+    await element.update({}, __spreadProps(__spreadValues({}, options), {
       isHoisted: false,
       updateByState: true,
       preventUpdate: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/state",
-  "version": "2.5.203",
+  "version": "2.5.206",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -32,5 +32,5 @@
     "@domql/report": "^2.5.203",
     "@domql/utils": "^2.5.203"
   },
-  "gitHead": "f8c712416647ab3789253b7176eaa762627fc677"
+  "gitHead": "8d50915b5d72df7c8bdf35096b0a9cf50dc4d22e"
 }

package/updateState.js

@@ -33,12 +33,12 @@ export const updateState = async function (obj, options = STATE_UPDATE_OPTIONS)
   }
 
   applyOverwrite(state, obj, options)
-  const updateIsHoisted = hoistStateUpdate(state, obj, options)
+  const updateIsHoisted = await hoistStateUpdate(state, obj, options)
   if (updateIsHoisted) return state
 
-  updateDependentState(state, obj, options)
+  await updateDependentState(state, obj, options)
 
-  applyElementUpdate(state, obj, options)
+  await applyElementUpdate(state, obj, options)
 
   if (!options.preventStateUpdateListener) {
     await triggerEventOnUpdate('stateUpdate', obj, element, options)
@@ -64,7 +64,7 @@ const applyOverwrite = (state, obj, options) => {
   overwriteFunc(state, obj, IGNORE_STATE_PARAMS)
 }
 
-const hoistStateUpdate = (state, obj, options) => {
+const hoistStateUpdate = async (state, obj, options) => {
   const element = state.__element
   const { parent, __ref: ref } = element
 
@@ -86,7 +86,7 @@ const hoistStateUpdate = (state, obj, options) => {
   const changesValue = createNestedObjectByKeyPath(stateKey, passedValue)
   const targetParent = findRootState || findGrandParentState || parent.state
   if (options.replace) overwriteDeep(targetParent, changesValue || value) // check with createNestedObjectByKeyPath
-  targetParent.update(changesValue, {
+  await targetParent.update(changesValue, {
     execStateFunction: false,
     isHoisted: true,
     preventUpdate: options.preventHoistElementUpdate,
@@ -95,28 +95,28 @@ const hoistStateUpdate = (state, obj, options) => {
   })
   const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate
   if (!options.preventStateUpdateListener && hasNotUpdated) {
-    triggerEventOnUpdate('stateUpdate', obj, element, options)
+    await triggerEventOnUpdate('stateUpdate', obj, element, options)
   }
   return true
 }
 
-const updateDependentState = (state, obj, options) => {
+const updateDependentState = async (state, obj, options) => {
   if (!state.__depends) return
   for (const el in state.__depends) {
     const dependentState = state.__depends[el]
-    dependentState.clean().update(state.parse(), options)
+    await dependentState.clean().update(state.parse(), options)
   }
 }
 
-const applyElementUpdate = (state, obj, options) => {
+const applyElementUpdate = async (state, obj, options) => {
   const element = state.__element
   if (options.preventUpdate !== true) {
-    element.update({}, {
+    await element.update({}, {
       ...options,
       updateByState: true
     })
   } else if (options.preventUpdate === 'recursive') {
-    element.update({}, {
+    await element.update({}, {
       ...options,
       isHoisted: false,
       updateByState: true,