@domql/element 2.5.112 → 2.5.114

package/dist/cjs/methods/index.js

@@ -34,7 +34,8 @@ __export(methods_exports, {
   remove: () => remove,
   setNodeStyles: () => setNodeStyles,
   setProps: () => setProps,
-  spotByPath: () => spotByPath
+  spotByPath: () => spotByPath,
+  variables: () => variables
 });
 module.exports = __toCommonJS(methods_exports);
 var import_utils = require("@domql/utils");
@@ -141,6 +142,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;
@@ -235,6 +238,40 @@ const previousElement = function(el) {
   const currentIndex = __children.indexOf(key);
   return parent[__children[currentIndex - 1]];
 };
+const variables = function(obj = {}) {
+  const element = this;
+  if (!element.data)
+    element.data = {};
+  if (!element.data.varCaches)
+    element.data.varCaches = {};
+  const varCaches = element.data.varCaches;
+  const changes = {};
+  let changed;
+  for (const key in obj) {
+    if (obj[key] !== varCaches[key]) {
+      changed = true;
+      changes[key] = obj[key];
+    }
+  }
+  return {
+    changed: (cb) => {
+      if (!changed)
+        return;
+      cb(changes, (0, import_utils.deepClone)(varCaches));
+      for (const key in changes) {
+        varCaches[key] = changes[key];
+      }
+    },
+    timeout: (cb, timeout) => {
+      if (!changed)
+        return;
+      const t = setTimeout(() => {
+        cb(changes);
+        clearTimeout(t);
+      }, timeout);
+    }
+  };
+};
 const METHODS = [
   "set",
   "reset",
@@ -251,6 +288,7 @@ const METHODS = [
   "parse",
   "setProps",
   "parseDeep",
+  "variables",
   "if",
   "log",
   "nextElement",

package/dist/cjs/methods/set.js

@@ -41,6 +41,7 @@ const addMethods = (element, parent) => {
     set: import_set.default.bind(element),
     reset: import_set.reset.bind(element),
     update: import_update.default.bind(element),
+    variables: import__.variables.bind(element),
     remove: import__.remove.bind(element),
     updateContent: import_content.updateContent.bind(element),
     removeContent: import_content.removeContent.bind(element),

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/mixins/registry.js

@@ -61,6 +61,7 @@ var registry_default = {
   remove: {},
   updateContent: {},
   removeContent: {},
+  variables: {},
   lookup: {},
   lookdown: {},
   lookdownAll: {},

package/dist/cjs/set.js

@@ -66,6 +66,7 @@ const set = function(params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection)
     return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils.deepContains)(params, content)) {
+    console.log((0, import_utils.deepContains)(params, content));
     if (content == null ? void 0 : content.update)
       content.update();
     return;

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, deepClone } 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) {
@@ -209,6 +210,37 @@ export const previousElement = function (el) {
   return parent[__children[currentIndex - 1]]
 }
 
+export const variables = function (obj = {}) {
+  const element = this
+  if (!element.data) element.data = {}
+  if (!element.data.varCaches) element.data.varCaches = {}
+  const varCaches = element.data.varCaches
+  const changes = {}
+  let changed
+  for (const key in obj) {
+    if (obj[key] !== varCaches[key]) {
+      changed = true
+      changes[key] = obj[key]
+    }
+  }
+  return {
+    changed: (cb) => {
+      if (!changed) return
+      cb(changes, deepClone(varCaches))
+      for (const key in changes) {
+        varCaches[key] = changes[key]
+      }
+    },
+    timeout: (cb, timeout) => {
+      if (!changed) return
+      const t = setTimeout(() => {
+        cb(changes)
+        clearTimeout(t)
+      }, timeout)
+    }
+  }
+}
+
 export const METHODS = [
   'set',
   'reset',
@@ -225,6 +257,7 @@ export const METHODS = [
   'parse',
   'setProps',
   'parseDeep',
+  'variables',
   'if',
   'log',
   'nextElement',

package/methods/set.js

@@ -14,6 +14,7 @@ import {
   remove,
   spotByPath,
   log,
+  variables,
   keys,
   parse,
   parseDeep,
@@ -28,6 +29,7 @@ export const addMethods = (element, parent) => {
     set: set.bind(element),
     reset: reset.bind(element),
     update: update.bind(element),
+    variables: variables.bind(element),
     remove: remove.bind(element),
     updateContent: updateContent.bind(element),
     removeContent: removeContent.bind(element),

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/mixins/registry.js

@@ -45,6 +45,7 @@ export default {
   remove: {},
   updateContent: {},
   removeContent: {},
+  variables: {},
   lookup: {},
   lookdown: {},
   lookdownAll: {},

package/package.json

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

package/set.js

@@ -37,6 +37,7 @@ const set = function (params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection) return
 
   if (ref.__noCollectionDifference || (__contentRef && __contentRef.__cached && deepContains(params, content))) {
+    console.log(deepContains(params, content))
     if (content?.update) content.update()
     return
   }

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()