slate-angular 17.1.2 → 17.1.3

package/fesm2022/slate-angular.mjs

@@ -47,6 +47,7 @@ const PLACEHOLDER_SYMBOL = Symbol('placeholder');
  * Weak map for associating the html element with the component.
  */
 const ELEMENT_TO_COMPONENT = new WeakMap();
+const EDITOR_TO_AFTER_VIEW_INIT_QUEUE = new WeakMap();
 
 /**
  * Types.
@@ -1837,11 +1838,6 @@ function createEmbeddedViewOrComponent(viewType, context, viewContext, viewConta
         return componentRef;
     }
 }
-function executeAfterViewInit(view) {
-    if (view instanceof ComponentRef && view.instance.afterViewInit) {
-        view.instance.afterViewInit();
-    }
-}
 function updateContext(view, newContext, viewContext) {
     if (view instanceof ComponentRef) {
         view.instance.context = newContext;
@@ -1937,7 +1933,7 @@ class ListRender {
         this.getOutletParent = getOutletParent;
         this.getOutletElement = getOutletElement;
         this.views = [];
-        this.addedViews = [];
+        // private addedViews: (EmbeddedViewRef<any> | ComponentRef<any>)[] = [];
         this.blockCards = [];
         this.contexts = [];
         this.viewTypes = [];
@@ -1956,7 +1952,6 @@ class ListRender {
             const view = createEmbeddedViewOrComponent(viewType, context, this.viewContext, this.viewContainerRef);
             const blockCard = createBlockCard(descendant, view, this.viewContainerRef, this.viewContext);
             this.views.push(view);
-            this.addedViews.push(view);
             this.contexts.push(context);
             this.viewTypes.push(viewType);
             this.blockCards.push(blockCard);
@@ -1966,7 +1961,7 @@ class ListRender {
         this.differ = newDiffers.find(children).create(trackBy$1(this.viewContext));
         this.differ.diff(children);
         if (parent === this.viewContext.editor) {
-            this.afterViewInit();
+            executeAfterViewInit(this.viewContext.editor);
         }
     }
     update(children, parent, childrenContext) {
@@ -1999,7 +1994,6 @@ class ListRender {
                     blockCard = createBlockCard(record.item, view, this.viewContainerRef, this.viewContext);
                     newContexts.push(context);
                     newViews.push(view);
-                    this.addedViews.push(view);
                     newBlockCards.push(blockCard);
                     mountOnItemChange(record.currentIndex, record.item, newViews, newBlockCards, outletParent, firstRootNode, this.viewContext);
                 }
@@ -2010,7 +2004,6 @@ class ListRender {
                     const previousBlockCard = this.blockCards[record.previousIndex];
                     if (previousViewType !== viewType) {
                         view = createEmbeddedViewOrComponent(viewType, context, this.viewContext, this.viewContainerRef);
-                        this.addedViews.push(view);
                         blockCard = createBlockCard(record.item, view, this.viewContainerRef, this.viewContext);
                         const firstRootNode = getRootNodes(previousView, previousBlockCard)[0];
                         const newRootNodes = getRootNodes(view, blockCard);
@@ -2054,7 +2047,7 @@ class ListRender {
             this.children = children;
             this.blockCards = newBlockCards;
             if (parent === this.viewContext.editor) {
-                this.afterViewInit();
+                executeAfterViewInit(this.viewContext.editor);
             }
         }
         else {
@@ -2075,12 +2068,6 @@ class ListRender {
             this.contexts = newContexts;
         }
     }
-    afterViewInit() {
-        this.addedViews.forEach(view => {
-            executeAfterViewInit(view);
-        });
-        this.addedViews = [];
-    }
     destroy() {
         this.children.forEach((element, index) => {
             if (this.views[index]) {
@@ -2213,6 +2200,22 @@ function memoizedTextContext(prev, next) {
         next.text === prev.text &&
         isDecoratorRangeListEqual(next.decorations, prev.decorations));
 }
+function addAfterViewInitQueue(editor, afterViewInitCallback) {
+    const queue = getAfterViewInitQueue(editor);
+    queue.push(afterViewInitCallback);
+    EDITOR_TO_AFTER_VIEW_INIT_QUEUE.set(editor, queue);
+}
+function getAfterViewInitQueue(editor) {
+    return EDITOR_TO_AFTER_VIEW_INIT_QUEUE.get(editor) || [];
+}
+function clearAfterViewInitQueue(editor) {
+    EDITOR_TO_AFTER_VIEW_INIT_QUEUE.set(editor, []);
+}
+function executeAfterViewInit(editor) {
+    const queue = getAfterViewInitQueue(editor);
+    queue.forEach(callback => callback());
+    clearAfterViewInitQueue(editor);
+}
 
 class LeavesRender {
     constructor(viewContext, viewContainerRef, getOutletParent, getOutletElement) {
@@ -2492,12 +2495,14 @@ class BaseElementComponent extends BaseComponent {
         if (this.editor.isExpanded(this.element)) {
             this.listRender.initialize(this.children, this.element, this.childrenContext);
         }
+        addAfterViewInitQueue(this.editor, () => {
+            this.afterViewInit();
+        });
     }
     afterViewInit() {
         if (this._context.contentEditable !== undefined) {
             this.nativeElement.setAttribute('contenteditable', this._context.contentEditable + '');
         }
-        this.listRender.afterViewInit();
     }
     updateWeakMap() {
         NODE_TO_ELEMENT.set(this.element, this.nativeElement);
@@ -4306,5 +4311,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateLeaves, SlateModule, SlateString, check, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, shallowCompare, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateLeaves, SlateModule, SlateString, check, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, shallowCompare, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map