@domql/element 2.5.138 → 2.5.140

package/dist/cjs/mixins/content.js

@@ -38,15 +38,19 @@ var import_utils = require("@domql/utils");
 var import_set = __toESM(require("../set"), 1);
 const updateContent = function(params, options) {
   const element = this;
-  if (!element.content)
+  const ref = element.__ref;
+  const contentKey = ref.contentElementKey;
+  if (!element[contentKey])
     return;
-  if (element.content.update)
-    element.content.update(params, options);
+  if (element[contentKey].update)
+    element[contentKey].update(params, options);
 };
 const removeContent = function(el, opts = {}) {
   const element = el || this;
-  const { __ref } = element;
-  const contentElementKey = opts.contentElementKey || "content";
+  const { __ref: ref } = element;
+  const contentElementKey = (0, import_utils.setContentKey)(element, opts);
+  if (opts.contentElementKey !== "content")
+    opts.contentElementKey = "content";
   if (element[contentElementKey]) {
     if (element[contentElementKey].node && element.node) {
       if (element[contentElementKey].tag === "fragment")
@@ -57,22 +61,23 @@ const removeContent = function(el, opts = {}) {
           element.node.removeChild(element[contentElementKey].node);
       }
     }
-    const { __cached } = __ref;
+    const { __cached } = ref;
     if (__cached && __cached[contentElementKey]) {
       if (__cached[contentElementKey].tag === "fragment")
         __cached[contentElementKey].parent.node.innerHTML = "";
       else if (__cached[contentElementKey] && (0, import_utils.isFunction)(__cached[contentElementKey].remove))
         __cached[contentElementKey].remove();
     }
-    delete element.content;
+    delete element[contentElementKey];
   }
 };
-const setContent = (param, element, node, options) => {
+const setContent = (param, element, node, opts) => {
+  const contentElementKey = (0, import_utils.setContentKey)(element, opts);
   if (param && element) {
-    if (element.content.update) {
-      element.content.update({}, options);
+    if (element[contentElementKey].update) {
+      element[contentElementKey].update({}, opts);
     } else {
-      import_set.default.call(element, param, options);
+      import_set.default.call(element, param, opts);
     }
   }
 };

package/dist/cjs/set.js

@@ -42,7 +42,8 @@ var import_event = require("@domql/event");
 const resetElement = (params, element, options) => {
   if (!options.preventRemove)
     (0, import_content.removeContent)(element, options);
-  (0, import_create.default)(params, element, options.contentElementKey || "content", {
+  const { __ref: ref } = element;
+  (0, import_create.default)(params, element, ref.contentElementKey || "content", {
     ignoreChildExtend: true,
     ...import_mixins.registry.defaultOptions,
     ...import_options.default.create,
@@ -60,7 +61,8 @@ const reset = (options) => {
 };
 const set = function(params, options = {}, el) {
   const element = el || this;
-  const { __ref: ref, content } = element;
+  const { __ref: ref } = element;
+  const content = (0, import_utils.setContentKey)(element, options);
   const __contentRef = content && content.__ref;
   const lazyLoad = element.props && element.props.lazyLoad;
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {

package/dist/cjs/update.js

@@ -198,10 +198,11 @@ const checkIfOnUpdate = (element, parent, options) => {
         element.node.remove();
         delete element.node;
       }
+      const contentKey = ref.contentElementKey;
       if (element.$collection || element.$stateCollection || element.$propsCollection) {
         element.removeContent();
-      } else if ((_b = element.content) == null ? void 0 : _b.parseDeep)
-        element.content = element.content.parseDeep();
+      } else if ((_b = element[contentKey]) == null ? void 0 : _b.parseDeep)
+        element[contentKey] = element[contentKey].parseDeep();
       const previousElement = element.previousElement();
       const previousNode = previousElement == null ? void 0 : previousElement.node;
       const hasPrevious = previousNode == null ? void 0 : previousNode.parentNode;

package/mixins/content.js

@@ -1,20 +1,23 @@
 'use strict'
 
-import { isFunction } from '@domql/utils'
+import { isFunction, setContentKey } from '@domql/utils'
 import set from '../set'
 
 export const updateContent = function (params, options) {
   const element = this
+  const ref = element.__ref
 
-  if (!element.content) return
-  if (element.content.update) element.content.update(params, options)
+  const contentKey = ref.contentElementKey
+
+  if (!element[contentKey]) return
+  if (element[contentKey].update) element[contentKey].update(params, options)
 }
 
 export const removeContent = function (el, opts = {}) {
   const element = el || this
-  const { __ref } = element
-  const contentElementKey = opts.contentElementKey || 'content'
-
+  const { __ref: ref } = element
+  const contentElementKey = setContentKey(element, opts)
+  if (opts.contentElementKey !== 'content') opts.contentElementKey = 'content'
   if (element[contentElementKey]) {
     if (element[contentElementKey].node && element.node) {
       if (element[contentElementKey].tag === 'fragment') element.node.innerHTML = ''
@@ -24,13 +27,13 @@ export const removeContent = function (el, opts = {}) {
       }
     }
 
-    const { __cached } = __ref
+    const { __cached } = ref
     if (__cached && __cached[contentElementKey]) {
       if (__cached[contentElementKey].tag === 'fragment') __cached[contentElementKey].parent.node.innerHTML = ''
       else if (__cached[contentElementKey] && isFunction(__cached[contentElementKey].remove)) __cached[contentElementKey].remove()
     }
 
-    delete element.content
+    delete element[contentElementKey]
   }
 }
 
@@ -38,12 +41,13 @@ export const removeContent = function (el, opts = {}) {
  * Appends anything as content
  * an original one as a child
  */
-export const setContent = (param, element, node, options) => {
+export const setContent = (param, element, node, opts) => {
+  const contentElementKey = setContentKey(element, opts)
   if (param && element) {
-    if (element.content.update) {
-      element.content.update({}, options)
+    if (element[contentElementKey].update) {
+      element[contentElementKey].update({}, opts)
     } else {
-      set.call(element, param, options)
+      set.call(element, param, opts)
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.138",
+  "version": "2.5.140",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -26,12 +26,12 @@
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.5.138",
-    "@domql/render": "^2.5.138",
-    "@domql/state": "^2.5.138",
-    "@domql/utils": "^2.5.138"
+    "@domql/event": "^2.5.140",
+    "@domql/render": "^2.5.140",
+    "@domql/state": "^2.5.140",
+    "@domql/utils": "^2.5.140"
   },
-  "gitHead": "91afb60b8354f1a95c3364be94ba74612f907918",
+  "gitHead": "2fc2e5d07523014581b0747b4201cc6afea32860",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { deepContains } from '@domql/utils'
+import { deepContains , setContentKey } from '@domql/utils'
 
 import create from './create'
 import OPTIONS from './cache/options'
@@ -10,7 +10,8 @@ import { triggerEventOn, triggerEventOnUpdate } from '@domql/event'
 
 export const resetElement = (params, element, options) => {
   if (!options.preventRemove) removeContent(element, options)
-  create(params, element, options.contentElementKey || 'content', {
+  const { __ref: ref } = element
+  create(params, element, ref.contentElementKey || 'content', {
     ignoreChildExtend: true,
     ...registry.defaultOptions,
     ...OPTIONS.create,
@@ -30,7 +31,9 @@ export const reset = (options) => {
 
 const set = function (params, options = {}, el) {
   const element = el || this
-  const { __ref: ref, content } = element
+  const { __ref: ref } = element
+
+  const content = setContentKey(element, options)
   const __contentRef = content && content.__ref
   const lazyLoad = element.props && element.props.lazyLoad
 

package/update.js

@@ -207,9 +207,11 @@ const checkIfOnUpdate = (element, parent, options) => {
         delete element.node
       }
 
+      const contentKey = ref.contentElementKey
+
       if (element.$collection || element.$stateCollection || element.$propsCollection) {
         element.removeContent()
-      } else if (element.content?.parseDeep) element.content = element.content.parseDeep()
+      } else if (element[contentKey]?.parseDeep) element[contentKey] = element[contentKey].parseDeep()
 
       const previousElement = element.previousElement()
       const previousNode = previousElement?.node // document.body.contains(previousElement.node)