@domql/element 2.5.112 → 2.5.113

package/dist/cjs/methods/index.js

@@ -141,6 +141,8 @@ const remove = function() {
     element.log();
   }
   delete element.parent[element.key];
+  if (element.parent.__ref)
+    element.parent.__ref.__children = (0, import_utils.removeValueFromArray)(element.parent.__ref.__children, element.key);
 };
 const get = function(param) {
   const element = this;

package/dist/cjs/mixins/content.js

@@ -51,8 +51,11 @@ const removeContent = function(el, opts = {}) {
     if (element[contentElementKey].node && element.node) {
       if (element[contentElementKey].tag === "fragment")
         element.node.innerHTML = "";
-      else
-        element.node.removeChild(element[contentElementKey].node);
+      else {
+        const contentNode = element[contentElementKey].node;
+        if (contentNode.parentNode === element.node)
+          element.node.removeChild(element[contentElementKey].node);
+      }
     }
     const { __cached } = __ref;
     if (__cached && __cached[contentElementKey]) {

package/dist/cjs/update.js

@@ -213,11 +213,11 @@ const checkIfOnUpdate = (element, parent, options) => {
       };
       delete element.__ref;
       delete element.parent;
-      const created = (0, import_create.default)(element, parent, element.key, import_options.default.create, attachOptions);
+      const createdElement = (0, import_create.default)(element, parent, element.key, import_options.default.create, attachOptions);
       if (options.preventUpdate !== true && element.on && (0, import_utils.isFunction)(element.on.update)) {
-        (0, import_event.applyEvent)(element.on.update, created, created.state);
+        (0, import_event.applyEvent)(element.on.update, createdElement, createdElement.state);
       }
-      return created;
+      return createdElement;
     }
   } else if (element.node && !ifPassed) {
     element.node.remove();

package/methods/index.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isDefined, isObject, isFunction, isObjectLike, isProduction } from '@domql/utils'
+import { isDefined, isObject, isFunction, isObjectLike, isProduction, removeValueFromArray } from '@domql/utils'
 import { TREE } from '../tree'
 import { parseFilters, registry } from '../mixins'
 
@@ -107,6 +107,7 @@ export const remove = function () {
     element.log()
   }
   delete element.parent[element.key]
+  if (element.parent.__ref) element.parent.__ref.__children = removeValueFromArray(element.parent.__ref.__children, element.key)
 }
 
 export const get = function (param) {

package/mixins/content.js

@@ -18,7 +18,10 @@ export const removeContent = function (el, opts = {}) {
   if (element[contentElementKey]) {
     if (element[contentElementKey].node && element.node) {
       if (element[contentElementKey].tag === 'fragment') element.node.innerHTML = ''
-      else element.node.removeChild(element[contentElementKey].node)
+      else {
+        const contentNode = element[contentElementKey].node
+        if (contentNode.parentNode === element.node) element.node.removeChild(element[contentElementKey].node)
+      }
     }
 
     const { __cached } = __ref

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.112",
+  "version": "2.5.113",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "8a59640e77bcd22114bdf64dfa4945604b5bfd1f",
+  "gitHead": "8436abbfa2752c4659982516ff9ad1db80862e42",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/update.js

@@ -223,12 +223,12 @@ const checkIfOnUpdate = (element, parent, options) => {
 
       delete element.__ref
       delete element.parent
-      const created = create(element, parent, element.key, OPTIONS.create, attachOptions)
+      const createdElement = create(element, parent, element.key, OPTIONS.create, attachOptions)
       // check preventUpdate for an array (Line: 87)
       if (options.preventUpdate !== true && element.on && isFunction(element.on.update)) {
-        applyEvent(element.on.update, created, created.state)
+        applyEvent(element.on.update, createdElement, createdElement.state)
       }
-      return created
+      return createdElement
     }
   } else if (element.node && !ifPassed) {
     element.node.remove()