@breadstone/mosaik-elements-angular 0.0.271 → 0.0.273

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.0.273 (2026-05-15)
+
+### 🩹 Fixes
+
+- **ItemDefDirective:** update line numbers in documentation for clarity ([84911e1e80](https://github.com/RueDeRennes/mosaik/commit/84911e1e80))
+
+## 0.0.272 (2026-05-13)
+
+### 🚀 Features
+
+- **ItemDefDirective:** schedule deferred cleanup of disconnected views ([9fa77c66fd](https://github.com/RueDeRennes/mosaik/commit/9fa77c66fd))
+
 ## 0.0.271 (2026-05-13)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -5809,6 +5809,7 @@ class ItemDefDirective {
     _injector;
     _views;
     _nativeElement;
+    _cleanupScheduled;
     // #endregion
     // #region Ctor
     constructor() {
@@ -5817,6 +5818,7 @@ class ItemDefDirective {
         this._injector = inject(Injector);
         this._views = [];
         this._nativeElement = null;
+        this._cleanupScheduled = false;
     }
     // #endregion
     // #region Properties
@@ -5875,7 +5877,7 @@ class ItemDefDirective {
      */
     createItemTemplateCallback(itemCellDef) {
         return (item, definition) => {
-            this.cleanupDisconnectedViews();
+            this.scheduleViewCleanup();
             const viewRef = this._vcr.createEmbeddedView(itemCellDef.template, {
                 $implicit: item,
                 definition: definition
@@ -5889,6 +5891,23 @@ class ItemDefDirective {
             return fragment;
         };
     }
+    /**
+     * Schedules a deferred cleanup of disconnected views.
+     * The cleanup runs after the current Lit render cycle completes via `requestAnimationFrame`,
+     * ensuring that newly created DOM nodes have been flushed to the document before checking `isConnected`.
+     *
+     * @private
+     */
+    scheduleViewCleanup() {
+        if (this._cleanupScheduled) {
+            return;
+        }
+        this._cleanupScheduled = true;
+        requestAnimationFrame(() => {
+            this._cleanupScheduled = false;
+            this.cleanupDisconnectedViews();
+        });
+    }
     /**
      * Destroys embedded views whose DOM nodes are no longer connected to the document.
      * This prevents memory leaks when the DataList re-renders and replaces item content.