@domql/element 2.29.37 → 2.29.39

package/dist/cjs/node.js

@@ -35,6 +35,9 @@ var import_env = require("@domql/utils/env.js");
 const createNode = async (element, options) => {
   let { node, tag, __ref: ref } = element;
   let isNewNode;
+  if (options.contentElement && options.lastElement) {
+    if (options.contentElement !== options.lastElement.content) return;
+  }
   if (!node) {
     isNewNode = true;
     if (!ref.__if) return element;

package/dist/cjs/set.js

@@ -31,7 +31,7 @@ var import_mixins = require("./mixins/index.js");
 var import_content = require("./mixins/content.js");
 var import_event = require("@domql/event");
 const resetElement = async (params, element, options) => {
-  if (!options.preventRemove) await (0, import_content.removeContent)(element, options);
+  if (!options.preventRemove) (0, import_content.removeContent)(element, options);
   const { __ref: ref } = element;
   if (params instanceof Promise) console.log(params, params instanceof Promise);
   await (0, import_create.create)(params, element, ref.contentElementKey || "content", {

package/dist/esm/node.js

@@ -21,6 +21,9 @@ import { isNotProduction } from "@domql/utils/env.js";
 const createNode = async (element, options) => {
   let { node, tag, __ref: ref } = element;
   let isNewNode;
+  if (options.contentElement && options.lastElement) {
+    if (options.contentElement !== options.lastElement.content) return;
+  }
   if (!node) {
     isNewNode = true;
     if (!ref.__if) return element;

package/dist/esm/set.js

@@ -5,7 +5,7 @@ import { registry } from "./mixins/index.js";
 import { removeContent } from "./mixins/content.js";
 import { triggerEventOn, triggerEventOnUpdate } from "@domql/event";
 const resetElement = async (params, element, options) => {
-  if (!options.preventRemove) await removeContent(element, options);
+  if (!options.preventRemove) removeContent(element, options);
   const { __ref: ref } = element;
   if (params instanceof Promise) console.log(params, params instanceof Promise);
   await create(params, element, ref.contentElementKey || "content", {

package/mixins/content.js

@@ -17,6 +17,7 @@ export const updateContent = async function (params, options) {
 export const removeContent = function (el, opts = {}) {
   const element = el || this
   const { __ref: ref } = element
+  // console.warn('removing content', ref.path)
   const contentElementKey = setContentKey(element, opts)
 
   if (opts.contentElementKey !== 'content') opts.contentElementKey = 'content'

package/node.js

@@ -29,6 +29,11 @@ export const createNode = async (element, options) => {
 
   let isNewNode
 
+  // handle content duplication bug with delayed rendering
+  if (options.contentElement && options.lastElement) {
+    if (options.contentElement !== options.lastElement.content) return
+  }
+
   if (!node) {
     isNewNode = true
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.29.37",
+  "version": "2.29.39",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -27,12 +27,12 @@
     "prepublish": "npx rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.29.37",
-    "@domql/render": "^2.29.37",
-    "@domql/state": "^2.29.37",
-    "@domql/utils": "^2.29.37"
+    "@domql/event": "^2.29.39",
+    "@domql/render": "^2.29.39",
+    "@domql/state": "^2.29.39",
+    "@domql/utils": "^2.29.39"
   },
-  "gitHead": "c095891809693d559b1de6ac70f6463cf0783c2f",
+  "gitHead": "a4e14a874ffcbd3839fc5ae916259887a47294e3",
   "devDependencies": {
     "@babel/core": "^7.27.1"
   }

package/set.js

@@ -9,8 +9,9 @@ import { removeContent } from './mixins/content.js'
 import { triggerEventOn, triggerEventOnUpdate } from '@domql/event'
 
 export const resetElement = async (params, element, options) => {
-  if (!options.preventRemove) await removeContent(element, options)
+  if (!options.preventRemove) removeContent(element, options)
   const { __ref: ref } = element
+  // console.warn('resetting content', ref.path)
   if (params instanceof Promise) console.log(params, params instanceof Promise)
   await create(params, element, ref.contentElementKey || 'content', {
     ignoreChildExtend: true,
@@ -34,6 +35,12 @@ export const set = async function (params, options = {}, el) {
   const element = el || this
   const { __ref: ref } = element
 
+  // if (
+  //   options.preventContentUpdate ||
+  //   options.preventUpdate?.includes('content')
+  // )
+  //   return
+
   const content = setContentKey(element, options)
   const __contentRef = content && content.__ref
   const lazyLoad = element.props && element.props.lazyLoad
@@ -73,6 +80,8 @@ export const set = async function (params, options = {}, el) {
       props.ignoreChildProps = true
     }
 
+    // console.warn('setting content', ref.path)
+
     if (lazyLoad) {
       window.requestAnimationFrame(async () => {
         await resetElement(params, element, options)