slate-angular 21.0.0 → 21.2.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;
 };
 
@@ -2267,6 +2269,25 @@ class BlockCardRef {
     }
 }
 
+function hasBeforeContextChange(value) {
+    if (value.beforeContextChange) {
+        return true;
+    }
+    return false;
+}
+function hasAfterContextChange(value) {
+    if (value.afterContextChange) {
+        return true;
+    }
+    return false;
+}
+function hasBeforeDomMove(value) {
+    if (value.instance?.beforeDomMove) {
+        return true;
+    }
+    return false;
+}
+
 function createEmbeddedViewOrComponentOrFlavour(viewType, context, viewContext, viewContainerRef) {
     if (isFlavourType(viewType)) {
         const flavourRef = new FlavourRef();
@@ -2358,6 +2379,9 @@ function getRootNodes(ref, blockCard) {
 }
 function mountOnItemChange(index, item, views, blockCards, outletParent, firstRootNode, viewContext) {
     const view = views[index];
+    if (hasBeforeDomMove(view)) {
+        view.instance.beforeDomMove('move');
+    }
     let rootNodes = getRootNodes(view);
     if (blockCards) {
         const isBlockCard = viewContext.editor.isBlockCard(item);
@@ -2388,19 +2412,6 @@ function mountOnItemChange(index, item, views, blockCards, outletParent, firstRo
     }
 }
 
-function hasBeforeContextChange(value) {
-    if (value.beforeContextChange) {
-        return true;
-    }
-    return false;
-}
-function hasAfterContextChange(value) {
-    if (value.afterContextChange) {
-        return true;
-    }
-    return false;
-}
-
 class BaseFlavour {
     constructor() {
         this.initialized = false;
@@ -3060,8 +3071,9 @@ class ListRender {
             const preRenderingElement = [...this.preRenderingHTMLElement];
             let previousRootNode = this.virtualTopHeightElement;
             preRenderingElement.forEach((rootNodes, index) => {
-                // const slateElement = this.children[index];
-                // if (slateElement && children.indexOf(slateElement) >= 0) {
+                if (hasBeforeDomMove(this.views[index])) {
+                    this.views[index].instance.beforeDomMove('virtual-scroll');
+                }
                 rootNodes.forEach(rootNode => {
                     setPreRenderingElementStyle(this.viewContext.editor, rootNode, true);
                     previousRootNode.insertAdjacentElement('afterend', rootNode);
@@ -3070,16 +3082,6 @@ class ListRender {
                 if (isDebug) {
                     debugLog('log', 'preRenderingHTMLElement index: ', this.viewContext.editor.children.indexOf(this.children[index]), 'is clear true');
                 }
-                // } else {
-                //     if (isDebug) {
-                //         debugLog(
-                //             'log',
-                //             'preRenderingHTMLElement index: ',
-                //             this.viewContext.editor.children.indexOf(this.children[index]),
-                //             'do not clear since it would be removed soon'
-                //         );
-                //     }
-                // }
             });
             this.preRenderingHTMLElement = [];
         }
@@ -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 }); }
@@ -5511,5 +5533,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_BUSINESS_TOP, EDITOR_TO_IS_FROM_SCROLL_TO, EDITOR_TO_ROOT_NODE_WIDTH, EDITOR_TO_VIEWPORT_HEIGHT, EDITOR_TO_VIRTUAL_SCROLL_CONFIG, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, ELEMENT_KEY_TO_HEIGHTS, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SLATE_DEBUG_KEY_SCROLL_TOP, SLATE_DEBUG_KEY_UPDATE, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, VIRTUAL_BOTTOM_HEIGHT_CLASS_NAME, VIRTUAL_CENTER_OUTLET_CLASS_NAME, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VIRTUAL_TOP_HEIGHT_CLASS_NAME, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, cacheHeightByElement, calcBusinessTop, calcHeightByElement, calculateAccumulatedTopHeight, check, clearMinHeightByElement, completeTable, createClipboardData, createText, createThrottleRAF, debugLog, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getBusinessTop, getCachedHeightByElement, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getScrollContainer, getSelection, getSlateFragmentAttribute, getViewportHeight, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDebug, isDebugScrollTop, isDebugUpdate, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isSelectionInsideVoid, isTemplateRef, isValid, isValidNumber, measureHeightByIndics, normalize, roundTo, scrollToElement, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setMinHeightByElement, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_BUSINESS_TOP, EDITOR_TO_IS_FROM_SCROLL_TO, EDITOR_TO_ROOT_NODE_WIDTH, EDITOR_TO_VIEWPORT_HEIGHT, EDITOR_TO_VIRTUAL_SCROLL_CONFIG, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, ELEMENT_KEY_TO_HEIGHTS, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SLATE_DEBUG_KEY_SCROLL_TOP, SLATE_DEBUG_KEY_UPDATE, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, VIRTUAL_BOTTOM_HEIGHT_CLASS_NAME, VIRTUAL_CENTER_OUTLET_CLASS_NAME, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VIRTUAL_TOP_HEIGHT_CLASS_NAME, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, cacheHeightByElement, calcBusinessTop, calcHeightByElement, calculateAccumulatedTopHeight, check, clearMinHeightByElement, completeTable, createClipboardData, createText, createThrottleRAF, debugLog, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getBusinessTop, getCachedHeightByElement, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getScrollContainer, getSelection, getSlateFragmentAttribute, getViewportHeight, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBeforeDomMove, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDebug, isDebugScrollTop, isDebugUpdate, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isSelectionInsideVoid, isTemplateRef, isValid, isValidNumber, measureHeightByIndics, normalize, roundTo, scrollToElement, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setMinHeightByElement, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map