slate-angular 16.1.0-next.16 → 16.1.0-next.18

package/fesm2022/slate-angular.mjs

@@ -1836,12 +1836,9 @@ function createEmbeddedViewOrComponent(viewType, context, viewContext, viewConta
         return componentRef;
     }
 }
-function renderView(view) {
-    if (view instanceof ComponentRef) {
-        view.changeDetectorRef.detectChanges();
-    }
-    else {
-        view.detectChanges();
+function executeAfterViewInit(view) {
+    if (view instanceof ComponentRef && view.instance.afterViewInit) {
+        view.instance.afterViewInit();
     }
 }
 function updateContext(view, newContext, viewContext) {
@@ -1939,6 +1936,7 @@ class ListRender {
         this.getOutletParent = getOutletParent;
         this.getOutletElement = getOutletElement;
         this.views = [];
+        this.addedViews = [];
         this.blockCards = [];
         this.contexts = [];
         this.viewTypes = [];
@@ -1957,6 +1955,7 @@ 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);
@@ -1965,6 +1964,9 @@ class ListRender {
         const newDiffers = this.viewContainerRef.injector.get(IterableDiffers);
         this.differ = newDiffers.find(children).create(trackBy$1(this.viewContext));
         this.differ.diff(children);
+        if (parent === this.viewContext.editor) {
+            this.afterViewInit();
+        }
     }
     update(children, parent, childrenContext) {
         if (!this.initialized || this.children.length === 0) {
@@ -1996,6 +1998,7 @@ 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);
                 }
@@ -2006,6 +2009,7 @@ 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);
@@ -2048,6 +2052,9 @@ class ListRender {
             this.contexts = newContexts;
             this.children = children;
             this.blockCards = newBlockCards;
+            if (parent === this.viewContext.editor) {
+                this.afterViewInit();
+            }
         }
         else {
             const newContexts = [];
@@ -2065,6 +2072,12 @@ class ListRender {
             this.contexts = newContexts;
         }
     }
+    afterViewInit() {
+        this.addedViews.forEach(view => {
+            executeAfterViewInit(view);
+        });
+        this.addedViews = [];
+    }
     destroy() {
         this.children.forEach((element, index) => {
             if (this.views[index]) {
@@ -2103,7 +2116,7 @@ function getContext$1(index, item, parentPath, childrenContext, viewContext) {
         }
         if (isVoid) {
             elementContext.attributes['data-slate-void'] = true;
-            elementContext.attributes.contenteditable = false;
+            elementContext.contentEditable = false;
         }
         return elementContext;
     }
@@ -2164,6 +2177,7 @@ function createBlockCard(item, view, viewContainerRef, viewContext) {
             injector: viewContainerRef.injector
         });
         blockCardComponentRef.instance.initializeCenter(rootNodes);
+        blockCardComponentRef.changeDetectorRef.detectChanges();
         return blockCardComponentRef;
     }
     else {
@@ -2476,6 +2490,12 @@ class BaseElementComponent extends BaseComponent {
             this.listRender.initialize(this.children, this.element, this.childrenContext);
         }
     }
+    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);
         ELEMENT_TO_NODE.set(this.nativeElement, this.element);
@@ -2601,17 +2621,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
 
 class SlateVoidText extends BaseTextComponent {
     ngOnInit() {
-        this.isLeafBlock = AngularEditor.isLeafBlock(this.viewContext.editor, this.context.parent);
         super.ngOnInit();
     }
     ngOnChanges() {
         if (!this.initialized) {
             return;
         }
-        this.isLeafBlock = AngularEditor.isLeafBlock(this.viewContext.editor, this.context.parent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateVoidText, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateVoidText, isStandalone: true, selector: "span[slateVoidText]", host: { attributes: { "data-slate-spacer": "true", "data-slate-node": "text" }, properties: { "attr.contenteditable": "isLeafBlock" }, classAttribute: "slate-spacer" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateVoidText, isStandalone: true, selector: "span[slateVoidText]", host: { attributes: { "data-slate-spacer": "true", "data-slate-node": "text" }, classAttribute: "slate-spacer" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateVoidText, decorators: [{
             type: Component,
@@ -2620,7 +2638,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[attr.contenteditable]': 'isLeafBlock',
                         'data-slate-spacer': 'true',
                         class: 'slate-spacer',
                         'data-slate-node': 'text'