slate-angular 21.0.0-next.2 → 21.1.0

package/fesm2022/slate-angular.mjs

@@ -1128,7 +1128,8 @@ const buildHeightsAndAccumulatedHeights = (editor, visibleStates) => {
     accumulatedHeights[0] = 0;
     for (let i = 0; i < children.length; i++) {
         const isVisible = visibleStates[i];
-        let height = isVisible ? getCachedHeightByElement(editor, children[i]) : 0;
+        const isFloating = editor.isFloating(children[i]);
+        let height = isVisible && !isFloating ? getCachedHeightByElement(editor, children[i]) : 0;
         if (height === null) {
             try {
                 height = editor.getRoughHeight(children[i]);
@@ -1873,6 +1874,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
     e.getRoughHeight = (element, defaultHeight) => {
         return defaultHeight === undefined ? VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT : defaultHeight;
     };
+    e.isFloating = element => false;
     return e;
 };
 
@@ -3212,6 +3214,13 @@ class ListRender {
                 rootNodes.forEach(rootNode => {
                     rootNode.setAttribute('debug-index', index.toString());
                     rootNode.setAttribute('debug-height', height?.toString());
+                    const isFloating = this.viewContext.editor.isFloating(children[i]);
+                    if (isFloating) {
+                        rootNode.setAttribute('debug-floating', 'true');
+                    }
+                    else {
+                        rootNode.removeAttribute('debug-floating');
+                    }
                 });
             }
         }
@@ -3837,6 +3846,18 @@ class SlateEditable {
             inViewportChildren.push(...children);
             inViewportIndics.push(...Array.from({ length: elementLength }, (_, i) => i));
         }
+        else {
+            const lastIndex = inViewportIndics[inViewportIndics.length - 1];
+            for (let i = lastIndex + 1; i < elementLength; i++) {
+                if (this.editor.isFloating(children[i])) {
+                    inViewportChildren.push(children[i]);
+                    inViewportIndics.push(i);
+                }
+                else {
+                    break;
+                }
+            }
+        }
         const inViewportStartIndex = inViewportIndics[0];
         const inViewportEndIndex = inViewportIndics[inViewportIndics.length - 1];
         const top = accumulatedHeights[inViewportStartIndex];
@@ -5002,6 +5023,7 @@ class SlateEditable {
             manualListener();
         });
         this.destroy$.complete();
+        this.indicsOfNeedRemeasured$.complete();
         EDITOR_TO_ON_CHANGE.delete(this.editor);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SlateEditable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }