slate-angular 20.2.0-next.13 → 20.2.0-next.14

package/fesm2022/slate-angular.mjs

@@ -1801,6 +1801,7 @@ class BaseElementFlavour extends BaseFlavour {
         if (ELEMENT_TO_COMPONENT.get(this.element) === this) {
             ELEMENT_TO_COMPONENT.delete(this.element);
         }
+        this.listRender.destroy();
         this.nativeElement?.remove();
     }
     onContextChange() {
@@ -2197,6 +2198,9 @@ class LeavesRender {
         });
         return { decoratedLeaves, contexts };
     }
+    destroy() {
+        this.views.forEach(view => view.destroy());
+    }
 }
 function getContext$1(index, leafContexts) {
     return leafContexts[index];
@@ -2239,6 +2243,7 @@ class BaseTextFlavour extends BaseFlavour {
             NODE_TO_ELEMENT.delete(this.text);
         }
         ELEMENT_TO_NODE.delete(this.nativeElement);
+        this.leavesRender.destroy();
         this.nativeElement?.remove();
     }
     onContextChange() {
@@ -3075,7 +3080,9 @@ const isDebug = localStorage.getItem(SLATE_DEBUG_KEY) === 'true';
 class SlateEditable {
     set virtualScroll(config) {
         this.virtualScrollConfig = config;
-        this.tryUpdateVirtualViewport();
+        if (this.isEnabledVirtualScroll()) {
+            this.tryUpdateVirtualViewport();
+        }
     }
     get hasBeforeInputSupport() {
         return HAS_BEFORE_INPUT_SUPPORT;
@@ -3187,16 +3194,26 @@ class SlateEditable {
         if (value && value.length) {
             this.editor.children = value;
             this.initializeContext();
-            const virtualView = this.calculateVirtualViewport();
-            this.applyVirtualView(virtualView);
-            const childrenForRender = virtualView.inViewportChildren;
-            if (!this.listRender.initialized) {
-                this.listRender.initialize(childrenForRender, this.editor, this.context);
+            if (this.isEnabledVirtualScroll()) {
+                const virtualView = this.calculateVirtualViewport();
+                this.applyVirtualView(virtualView);
+                const childrenForRender = virtualView.inViewportChildren;
+                if (!this.listRender.initialized) {
+                    this.listRender.initialize(childrenForRender, this.editor, this.context);
+                }
+                else {
+                    this.listRender.update(childrenForRender, this.editor, this.context);
+                }
+                this.scheduleMeasureVisibleHeights();
             }
             else {
-                this.listRender.update(childrenForRender, this.editor, this.context);
+                if (!this.listRender.initialized) {
+                    this.listRender.initialize(this.editor.children, this.editor, this.context);
+                }
+                else {
+                    this.listRender.update(this.editor.children, this.editor, this.context);
+                }
             }
-            this.scheduleMeasureVisibleHeights();
             this.cdr.markForCheck();
         }
     }
@@ -3230,7 +3247,7 @@ class SlateEditable {
     toNativeSelection() {
         try {
             let { selection } = this.editor;
-            if (this.virtualScrollConfig?.enabled && selection) {
+            if (this.isEnabledVirtualScroll() && selection) {
                 const indics = Array.from(this.inViewportIndics.values());
                 if (indics.length > 0) {
                     const currentVisibleRange = {
@@ -3335,11 +3352,16 @@ class SlateEditable {
     ngDoCheck() { }
     forceRender() {
         this.updateContext();
-        const virtualView = this.calculateVirtualViewport();
-        this.applyVirtualView(virtualView);
-        const visibleIndexes = Array.from(this.inViewportIndics);
-        this.listRender.update(this.inViewportChildren, this.editor, this.context);
-        this.remeasureHeightByIndics(visibleIndexes);
+        if (this.isEnabledVirtualScroll()) {
+            const virtualView = this.calculateVirtualViewport();
+            this.applyVirtualView(virtualView);
+            this.listRender.update(this.inViewportChildren, this.editor, this.context);
+            const visibleIndexes = Array.from(this.inViewportIndics);
+            this.remeasureHeightByIndics(visibleIndexes);
+        }
+        else {
+            this.listRender.update(this.editor.children, this.editor, this.context);
+        }
         // repair collaborative editing when Chinese input is interrupted by other users' cursors
         // when the DOMElement where the selection is located is removed
         // the compositionupdate and compositionend events will no longer be fired
@@ -3378,10 +3400,15 @@ class SlateEditable {
     render() {
         const changed = this.updateContext();
         if (changed) {
-            const virtualView = this.calculateVirtualViewport();
-            this.applyVirtualView(virtualView);
-            this.listRender.update(virtualView.inViewportChildren, this.editor, this.context);
-            this.scheduleMeasureVisibleHeights();
+            if (this.isEnabledVirtualScroll()) {
+                const virtualView = this.calculateVirtualViewport();
+                this.applyVirtualView(virtualView);
+                this.listRender.update(virtualView.inViewportChildren, this.editor, this.context);
+                this.scheduleMeasureVisibleHeights();
+            }
+            else {
+                this.listRender.update(this.editor.children, this.editor, this.context);
+            }
         }
     }
     updateContext() {
@@ -3451,7 +3478,7 @@ class SlateEditable {
         if (this.virtualScrollInitialized) {
             return;
         }
-        if (this.virtualScrollConfig && this.virtualScrollConfig.enabled) {
+        if (this.isEnabledVirtualScroll()) {
             this.virtualScrollInitialized = true;
             this.virtualTopHeightElement = document.createElement('div');
             this.virtualTopHeightElement.classList.add('virtual-top-height');
@@ -4793,6 +4820,7 @@ class BaseElementComponent extends BaseComponent {
         if (ELEMENT_TO_COMPONENT.get(this.element) === this) {
             ELEMENT_TO_COMPONENT.delete(this.element);
         }
+        this.listRender.destroy();
     }
     onContextChange() {
         this.childrenContext = this.getChildrenContext();
@@ -4880,6 +4908,7 @@ class BaseTextComponent extends BaseComponent {
             NODE_TO_ELEMENT.delete(this.text);
         }
         ELEMENT_TO_NODE.delete(this.nativeElement);
+        this.leavesRender.destroy();
     }
     onContextChange() {
         this.updateWeakMap();