@domql/element 2.5.67 → 2.5.70

package/dist/cjs/set.js

@@ -28,7 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var set_exports = {};
 __export(set_exports, {
-  default: () => set_default
+  default: () => set_default,
+  resetElement: () => resetElement
 });
 module.exports = __toCommonJS(set_exports);
 var import_utils = require("@domql/utils");
@@ -36,6 +37,19 @@ var import_create = __toESM(require("./create"), 1);
 var import_options = __toESM(require("./cache/options"), 1);
 var import_mixins = require("./mixins");
 var import_content = require("./mixins/content");
+const resetElement = (params, element, options) => {
+  const perf = performance.now();
+  if (!options.preventRemove)
+    (0, import_content.removeContent)(element, options);
+  (0, import_create.default)(params, element, options.contentElementKey || "content", {
+    ignoreChildExtend: true,
+    ...import_mixins.registry.defaultOptions,
+    ...import_options.default.create,
+    ...options
+  });
+  if (element.key === "Grid")
+    console.log(element.key, performance.now() - perf);
+};
 const set = function(params, options = {}, el) {
   const element = el || this;
   const { __ref: ref, content } = element;
@@ -45,25 +59,16 @@ const set = function(params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection)
     return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils.deepContains)(params, content)) {
-    return;
+    return content == null ? void 0 : content.update();
   }
-  const setAsync = () => {
-    (0, import_content.removeContent)(element);
-    (0, import_create.default)(params, element, options.newElementKey || "content", {
-      ignoreChildExtend: true,
-      ...import_mixins.registry.defaultOptions,
-      ...import_options.default.create,
-      ...options
-    });
-  };
   if (params) {
     const { childExtend } = params;
     if (!childExtend && element.childExtend)
       params.childExtend = element.childExtend;
     if (lazyLoad) {
-      window.requestAnimationFrame(setAsync);
+      window.requestAnimationFrame(() => resetElement(params, element, options));
     } else
-      setAsync();
+      resetElement(params, element, options);
   }
   return element;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.67",
+  "version": "2.5.70",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "ac764ed810a9148f3feef73f4fd3af80b51ac072",
+  "gitHead": "2b5a18c63d6037ad465f1dc7031b8f7e5f73938a",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -7,6 +7,19 @@ import OPTIONS from './cache/options'
 import { registry } from './mixins'
 import { removeContent } from './mixins/content'
 
+export const resetElement = (params, element, options) => {
+  const perf = performance.now()
+  if (!options.preventRemove) removeContent(element, options)
+  create(params, element, options.contentElementKey || 'content', {
+    ignoreChildExtend: true,
+    ...registry.defaultOptions,
+    ...OPTIONS.create,
+    ...options
+  })
+
+  if (element.key === 'Grid') console.log(element.key, performance.now() - perf)
+}
+
 const set = function (params, options = {}, el) {
   const element = el || this
   const { __ref: ref, content } = element
@@ -17,18 +30,8 @@ const set = function (params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection) return
 
   if (ref.__noCollectionDifference || (__contentRef && __contentRef.__cached && deepContains(params, content))) {
-    return
-    // return content.update()
-  }
-
-  const setAsync = () => {
-    removeContent(element)
-    create(params, element, options.newElementKey || 'content', {
-      ignoreChildExtend: true,
-      ...registry.defaultOptions,
-      ...OPTIONS.create,
-      ...options
-    })
+    return content?.update()
+    // return
   }
 
   if (params) {
@@ -36,8 +39,8 @@ const set = function (params, options = {}, el) {
     if (!childExtend && element.childExtend) params.childExtend = element.childExtend
 
     if (lazyLoad) {
-      window.requestAnimationFrame(setAsync)
-    } else setAsync()
+      window.requestAnimationFrame(() => resetElement(params, element, options))
+    } else resetElement(params, element, options)
   }
 
   return element