@domql/element 2.5.29 → 2.5.31

package/dist/cjs/update.js

@@ -147,6 +147,7 @@ const captureSnapshot = (element, options) => {
   return [snapshotOnCallee, calleeElement];
 };
 const checkIfOnUpdate = (element, parent, options) => {
+  var _a;
   if (!(0, import_utils.isFunction)(element.if) || !parent)
     return;
   const ref = element.__ref;
@@ -163,16 +164,21 @@ const checkIfOnUpdate = (element, parent, options) => {
       if (ref.__state) {
         element.state = ref.__state;
       }
+      (_a = element.node) == null ? void 0 : _a.remove();
       const previousElement = element.previousElement();
       const nextElement = element.nextElement();
       const hasPrevious = previousElement && previousElement.node;
       const hasNext = nextElement && nextElement.node;
-      const attachOptions = {
+      const attachOptions = ((hasPrevious == null ? void 0 : hasPrevious.parentNode) || (hasNext == null ? void 0 : hasNext.parentNode)) && {
         position: hasPrevious ? "after" : hasNext ? "before" : null,
-        node: hasPrevious || hasNext,
-        parentNode: parent.node
+        node: hasPrevious || hasNext
       };
+      console.log(element);
+      console.log(attachOptions);
+      console.log(previousElement);
+      console.log(nextElement);
       const created = (0, import_create.default)(element, parent, element.key, import_options.default.create, attachOptions);
+      console.log(created);
       if (options.preventUpdate !== true && element.on && (0, import_utils.isFunction)(element.on.update)) {
         (0, import_event.applyEvent)(element.on.update, created, created.state);
       }
@@ -197,7 +203,7 @@ const inheritStateUpdates = (element, options) => {
   const shouldForceFunctionState = (0, import_utils.isFunction)(stateKey) && !isHoisted && execStateFunction;
   if (shouldForceFunctionState) {
     const execState = (0, import_utils.exec)(stateKey, element);
-    state.set(execState, { ...options, preventUpdate: true });
+    state.set(execState, { ...options, preventUpdate: true, updatedByStateFunction: true });
     return;
   }
   const keyInParentState = (0, import_state.findInheritedState)(element, element.parent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.29",
+  "version": "2.5.31",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "df470e5a96cda567c9d99cc98337eac0136d0890",
+  "gitHead": "9407d22e1bbce8be17bd6b5b86eba8a2358ddeb9",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/update.js

@@ -1,6 +1,19 @@
 'use strict'
 
-import { window, exec, isArray, isFunction, isNumber, isObject, isString, isUndefined, merge, overwriteDeep, createSnapshotId } from '@domql/utils'
+import {
+  window,
+  exec,
+  isArray,
+  isFunction,
+  isNumber,
+  isObject,
+  isString,
+  isUndefined,
+  merge,
+  overwriteDeep,
+  createSnapshotId
+} from '@domql/utils'
+
 import { applyEvent, triggerEventOn, triggerEventOnUpdate } from '@domql/event'
 import { isMethod } from './methods'
 import { updateProps } from './props'
@@ -161,19 +174,26 @@ const checkIfOnUpdate = (element, parent, options) => {
         element.state = ref.__state
       }
 
+      element.node?.remove()
+
       const previousElement = element.previousElement()
       const nextElement = element.nextElement()
 
       const hasPrevious = previousElement && previousElement.node
       const hasNext = nextElement && nextElement.node
 
-      const attachOptions = {
+      const attachOptions = (hasPrevious?.parentNode || hasNext?.parentNode) && {
         position: hasPrevious ? 'after' : hasNext ? 'before' : null,
-        node: hasPrevious || hasNext,
-        parentNode: parent.node
+        node: hasPrevious || hasNext
       }
 
+      console.log(element)
+      console.log(attachOptions)
+      console.log(previousElement)
+      console.log(nextElement)
+
       const created = create(element, parent, element.key, OPTIONS.create, attachOptions)
+      console.log(created)
       // check preventUpdate for an array (Line: 87)
       if (options.preventUpdate !== true && element.on && isFunction(element.on.update)) {
         applyEvent(element.on.update, created, created.state)
@@ -218,7 +238,7 @@ const inheritStateUpdates = (element, options) => {
   const shouldForceFunctionState = isFunction(stateKey) && !isHoisted && execStateFunction
   if (shouldForceFunctionState) {
     const execState = exec(stateKey, element)
-    state.set(execState, { ...options, preventUpdate: true })
+    state.set(execState, { ...options, preventUpdate: true, updatedByStateFunction: true })
     return
   }