@worktile/theia 20.1.0-next.14 → 20.1.0-next.15

package/fesm2022/worktile-theia.mjs

@@ -10,7 +10,7 @@ import { cloneDeep, map, assign, defaults, groupBy, uniq, isEqual } from 'lodash
 export { assign, cloneDeep, debounce, defaults, groupBy, isEqual, map, uniq } from 'lodash';
 import { Editor, Element, Span, Range, Path, Node, Point, Text, Transforms, Operation, createEditor } from 'slate';
 import * as i4 from 'slate-angular';
-import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
+import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, getRealHeightByElement, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
 import { HistoryEditor, withHistory } from 'slate-history';
 import { NODE_TO_PARENT, NODE_TO_INDEX, NODE_TO_ELEMENT, DOMEditor, EDITOR_TO_ELEMENT } from 'slate-dom';
 import { TheiaConverter } from '@atinc/selene';
@@ -14383,13 +14383,12 @@ class TheImage extends TheBaseElement {
         if (!AngularEditor.isEnabledVirtualScroll(this.editor)) {
             return;
         }
-        const heights = ELEMENT_KEY_TO_HEIGHTS.get(this.editor);
-        const key = AngularEditor.findKey(this.editor, this.element);
-        if (heights && heights.get(key.id)) {
+        const realHeight = getRealHeightByElement(this.editor, this.element, 0);
+        if (realHeight > 0) {
             const blockCard = getBlockCardByNativeElement(this.nativeElement);
             if (blockCard) {
                 const style = getComputedStyle(blockCard);
-                blockCard.style.minHeight = heights.get(key.id) - parseFloat(style.marginTop) - parseFloat(style.marginBottom) + 'px';
+                blockCard.style.minHeight = realHeight - parseFloat(style.marginTop) - parseFloat(style.marginBottom) + 'px';
             }
         }
     }
@@ -14398,8 +14397,12 @@ class TheImage extends TheBaseElement {
             return;
         }
         const blockCard = getBlockCardByNativeElement(this.nativeElement);
-        if (blockCard) {
+        if (blockCard && blockCard.style.minHeight) {
             blockCard.style.minHeight = '';
+            return true;
+        }
+        else {
+            return false;
         }
     }
     setImagePluginOptions() {
@@ -14639,13 +14642,15 @@ class TheImage extends TheBaseElement {
             .withPositions([bottomPosition]);
     }
     imageLoaded(event) {
-        this.clearMinHeight();
         const img = event.target;
         this.naturalWidth = img.naturalWidth;
         this.naturalHeight = img.naturalHeight;
         if (AngularEditor.isEnabledVirtualScroll(this.editor)) {
             this.imageLoadedCacheHeightTimer = setTimeout(() => {
-                this.cacheImageHeight(this.getRealHeight());
+                const result = this.clearMinHeight();
+                if (!result) {
+                    this.cacheImageHeight(this.getRealHeight());
+                }
             }, 0);
         }
     }