slate-angular 16.1.0-next.2 → 16.1.0-next.20

package/module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "./components/block-card/block-card.component";
 import * as i11 from "./components/leaves/leaves.component";
 import * as i12 from "./components/leaf/default-leaf.component";
 import * as i13 from "./components/string/default-string.component";
+import * as i14 from "./components/children/children-outlet.component";
 export declare class SlateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SlateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SlateModule, never, [typeof i1.CommonModule, typeof i2.SlateEditable, typeof i3.SlateDefaultElement, typeof i4.SlateElement, typeof i5.SlateVoidText, typeof i6.SlateDefaultText, typeof i7.SlateString, typeof i8.SlateStringTemplate, typeof i9.SlateChildren, typeof i10.SlateBlockCard, typeof i11.SlateLeaves, typeof i12.SlateDefaultLeaf, typeof i13.SlateDefaultString], [typeof i2.SlateEditable, typeof i9.SlateChildren, typeof i4.SlateElement, typeof i11.SlateLeaves, typeof i7.SlateString, typeof i13.SlateDefaultString]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SlateModule, never, [typeof i1.CommonModule, typeof i2.SlateEditable, typeof i3.SlateDefaultElement, typeof i4.SlateElement, typeof i5.SlateVoidText, typeof i6.SlateDefaultText, typeof i7.SlateString, typeof i8.SlateStringTemplate, typeof i9.SlateChildren, typeof i10.SlateBlockCard, typeof i11.SlateLeaves, typeof i12.SlateDefaultLeaf, typeof i13.SlateDefaultString, typeof i14.SlateChildrenOutlet], [typeof i2.SlateEditable, typeof i9.SlateChildren, typeof i14.SlateChildrenOutlet, typeof i4.SlateElement, typeof i11.SlateLeaves, typeof i7.SlateString, typeof i13.SlateDefaultString]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SlateModule>;
 }

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "slate-angular",
-  "version": "16.1.0-next.2",
+  "version": "16.1.0-next.20",
   "description": "Angular view layer for Slate",
   "author": "pubuzhixing <pubuzhixing@gmail.com>",
   "homepage": "https://github.com/worktile/slate-angular#readme",
   "license": "MIT",
   "peerDependencies": {
-    "slate": ">= 0.63.0",
-    "slate-history": "^0.66.0",
+    "slate": ">= 0.101.5",
+    "slate-history": "^0.100.0",
     "debug": "^4.1.1",
     "direction": "^2.0.1",
     "is-hotkey": "^0.2.0",
     "scroll-into-view-if-needed": "^2.2.20"
   },
   "dependencies": {
-    "slate": "^0.72.8",
-    "slate-history": "^0.66.0",
+    "slate": "^0.101.5",
+    "slate-history": "^0.100.0",
     "direction": "^2.0.1",
     "is-hotkey": "^0.2.0",
-    "scroll-into-view-if-needed": "^2.2.20",
-    "tslib": "^2.5.0"
+    "scroll-into-view-if-needed": "^3.1.0",
+    "tslib": "^2.6.2"
   },
   "exports": {
     ".": {

package/plugins/angular-editor.d.ts

@@ -1,4 +1,4 @@
-import { Node, Path, Point, Range, BaseEditor } from 'slate';
+import { Node, Path, Point, Range, Element, BaseEditor } from 'slate';
 import { DOMElement, DOMNode, DOMPoint, DOMRange, DOMSelection, DOMStaticRange } from '../utils/dom';
 import { Injector } from '@angular/core';
 import { NodeEntry } from 'slate';
@@ -17,6 +17,7 @@ export interface AngularEditor extends BaseEditor {
     onClick: (event: MouseEvent) => void;
     injector: Injector;
     isBlockCard: (node: Node) => boolean;
+    isExpanded: (node: Element) => boolean;
     onError: (errorData: SlateError) => void;
     hasRange: (editor: AngularEditor, range: Range) => boolean;
 }
@@ -112,27 +113,37 @@ export declare const AngularEditor: {
     /**
      * Find a Slate node from a native DOM `element`.
      */
-    toSlateNode(editor: AngularEditor, domNode: DOMNode): Node;
+    toSlateNode<T extends boolean>(editor: AngularEditor, domNode: DOMNode, options?: {
+        suppressThrow: T;
+    }): T extends true ? Node : Node;
     /**
      * Get the target range from a DOM `event`.
      */
     findEventRange(editor: AngularEditor, event: any): Range;
-    isLeafInEditor(editor: AngularEditor, leafNode: DOMElement): boolean;
+    isLeafInEditor(editor: AngularEditor, leafNode: DOMElement, options: {
+        suppressThrow: boolean;
+    }): boolean;
     /**
      * Find a Slate point from a DOM selection's `domNode` and `domOffset`.
      */
-    toSlatePoint(editor: AngularEditor, domPoint: DOMPoint): Point;
+    toSlatePoint<T_1 extends boolean>(editor: AngularEditor, domPoint: DOMPoint, options: {
+        exactMatch?: boolean;
+        suppressThrow: T_1;
+    }): T_1 extends true ? import("slate").BasePoint : import("slate").BasePoint;
     /**
      * Find a Slate range from a DOM range or selection.
      */
-    toSlateRange(editor: AngularEditor, domRange: DOMRange | DOMStaticRange | DOMSelection): Range;
+    toSlateRange<T_2 extends boolean>(editor: AngularEditor, domRange: DOMRange | DOMStaticRange | DOMSelection, options?: {
+        exactMatch?: boolean;
+        suppressThrow: T_2;
+    }): T_2 extends true ? import("slate").BaseRange : import("slate").BaseRange;
     isLeafBlock(editor: AngularEditor, node: Node): boolean;
     isBlockCardLeftCursor(editor: AngularEditor): boolean;
     isBlockCardRightCursor(editor: AngularEditor): boolean;
     getCardCursorNode(editor: AngularEditor, blockCardNode: Node, options: {
         direction: 'left' | 'right' | 'center';
     }): ChildNode;
-    toSlateCardEntry(editor: AngularEditor, node: DOMNode): NodeEntry<Node>;
+    toSlateCardEntry(editor: AngularEditor, node: DOMNode): NodeEntry;
     /**
      * move native selection to card-left or card-right
      * @param editor

package/public-api.d.ts

@@ -5,11 +5,12 @@ export * from './components/element/element.component';
 export * from './components/string/string.component';
 export * from './components/string/default-string.component';
 export * from './components/children/children.component';
+export * from './components/children/children-outlet.component';
 export * from './components/leaves/leaves.component';
 export * from './module';
 export * from './types/error';
 export * from './view/base';
 export * from './view/context';
-export * from './view/before-context-change';
+export * from './view/context-change';
 export * from './utils';
 export * from './types';

package/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const TRIPLE_CLICK = 3;

package/utils/index.d.ts

@@ -7,3 +7,4 @@ export * from './key';
 export * from './range-list';
 export * from './block-card';
 export * from './global-normalize';
+export * from './throttle';

package/view/base.d.ts

@@ -1,10 +1,11 @@
 import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { AngularEditor } from '../plugins/angular-editor';
 import { SlateViewContext, SlateElementContext, SlateTextContext, SlateLeafContext } from './context';
-import { Descendant, Element, Path, Range, Text } from 'slate';
+import { Descendant, Element, Range, Text } from 'slate';
 import { SlateChildrenContext } from './context';
 import { ListRender } from './render/list-render';
 import { LeavesRender } from './render/leaves-render';
+import { SlateChildrenOutlet } from '../components/children/children-outlet.component';
 import * as i0 from "@angular/core";
 /**
  * base class for template
@@ -19,6 +20,7 @@ export interface BaseEmbeddedView<T, K extends AngularEditor = AngularEditor> {
 export declare abstract class BaseComponent<T = SlateTextContext | SlateLeafContext | SlateElementContext, K extends AngularEditor = AngularEditor> {
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
+    initialized: boolean;
     protected _context: T;
     set context(value: T);
     get context(): T;
@@ -34,7 +36,6 @@ export declare abstract class BaseComponent<T = SlateTextContext | SlateLeafCont
  * base class for custom leaf component
  */
 export declare class BaseLeafComponent extends BaseComponent<SlateLeafContext> implements OnInit {
-    initialized: boolean;
     placeholderElement: HTMLSpanElement;
     isSlateLeaf: boolean;
     get text(): Text;
@@ -53,22 +54,24 @@ export declare class BaseLeafComponent extends BaseComponent<SlateLeafContext> i
  */
 export declare class BaseElementComponent<T extends Element = Element, K extends AngularEditor = AngularEditor> extends BaseComponent<SlateElementContext<T>, K> implements OnInit, OnDestroy {
     viewContainerRef: ViewContainerRef;
-    initialized: boolean;
     childrenContext: SlateChildrenContext;
+    childrenOutletInstance?: SlateChildrenOutlet;
     get element(): T;
     get selection(): Range;
-    get path(): Path;
     get decorations(): Range[];
     get children(): Descendant[];
     get isCollapsed(): boolean;
     get isCollapsedAndNonReadonly(): boolean;
     get readonly(): boolean;
-    getOutletElement: () => any;
+    getOutletParent: () => any;
+    getOutletElement: () => HTMLElement;
     listRender: ListRender;
     ngOnInit(): void;
+    afterViewInit(): void;
     updateWeakMap(): void;
     ngOnDestroy(): void;
     onContextChange(): void;
+    updateChildrenView(): void;
     getChildrenContext(): SlateChildrenContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseElementComponent<any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseElementComponent<any, any>, never, never, {}, {}, never, never, false, never>;
@@ -77,11 +80,12 @@ export declare class BaseElementComponent<T extends Element = Element, K extends
  * base class for custom text component
  */
 export declare class BaseTextComponent<T extends Text = Text> extends BaseComponent<SlateTextContext<T>> implements OnInit, OnDestroy {
-    initialized: boolean;
     viewContainerRef: ViewContainerRef;
     get text(): T;
     leavesRender: LeavesRender;
-    getOutletElement: () => any;
+    childrenOutletInstance?: SlateChildrenOutlet;
+    getOutletParent: () => any;
+    getOutletElement: () => HTMLElement;
     ngOnInit(): void;
     updateWeakMap(): void;
     ngOnDestroy(): void;

package/view/{before-context-change.d.ts → context-change.d.ts}

@@ -1,4 +1,8 @@
 export interface BeforeContextChange<T> {
     beforeContextChange: (value: T) => void;
 }
+export interface AfterContextChange {
+    afterContextChange: () => void;
+}
 export declare function hasBeforeContextChange<T>(value: any): value is BeforeContextChange<T>;
+export declare function hasAfterContextChange<T>(value: any): value is AfterContextChange;

package/view/context.d.ts

@@ -1,4 +1,4 @@
-import { NodeEntry, Range, Element, Ancestor, Text, Path } from 'slate';
+import { NodeEntry, Range, Element, Ancestor, Text } from 'slate';
 import { SlateStringTemplate } from '../components/string/template.component';
 import { AngularEditor } from '../plugins/angular-editor';
 import { ComponentType, ViewType } from '../types/view';
@@ -26,9 +26,9 @@ export interface SlateChildrenContext {
 export interface SlateElementContext<T extends Element = Element> {
     element: T;
     selection: Range | null;
-    path: Path;
     decorations: Range[];
     attributes: SlateElementAttributes;
+    contentEditable?: boolean;
     decorate: (entry: NodeEntry) => Range[];
     readonly: boolean;
 }
@@ -49,7 +49,6 @@ export interface SlateElementAttributes {
     'data-slate-node': 'element';
     'data-slate-void'?: boolean;
     'data-slate-inline'?: boolean;
-    contenteditable?: boolean;
     'data-slate-key'?: string;
     dir?: 'rtl';
 }

package/view/render/leaves-render.d.ts

@@ -4,13 +4,14 @@ import { SlateLeafContext, SlateTextContext, SlateViewContext } from '../context
 export declare class LeavesRender {
     private viewContext;
     private viewContainerRef;
+    private getOutletParent;
     private getOutletElement;
     private leaves;
     private views;
     private contexts;
     private viewTypes;
     private differ;
-    constructor(viewContext: SlateViewContext, viewContainerRef: ViewContainerRef, getOutletElement: () => HTMLElement);
+    constructor(viewContext: SlateViewContext, viewContainerRef: ViewContainerRef, getOutletParent: () => HTMLElement, getOutletElement: () => HTMLElement);
     initialize(context: SlateTextContext): void;
     update(context: SlateTextContext): void;
     private getLeaves;

package/view/render/list-render.d.ts

@@ -6,17 +6,21 @@ import { SlateBlockCard } from '../../components/block-card/block-card.component
 export declare class ListRender {
     private viewContext;
     private viewContainerRef;
+    private getOutletParent;
     private getOutletElement;
     private children;
     private views;
+    private addedViews;
     private blockCards;
     private contexts;
     private viewTypes;
     private differ;
     initialized: boolean;
-    constructor(viewContext: SlateViewContext, viewContainerRef: ViewContainerRef, getOutletElement: () => HTMLElement);
-    initialize(children: Descendant[], parent: Ancestor, parentPath: Path, childrenContext: SlateChildrenContext): void;
-    update(children: Descendant[], parent: Ancestor, parentPath: Path, childrenContext: SlateChildrenContext): void;
+    constructor(viewContext: SlateViewContext, viewContainerRef: ViewContainerRef, getOutletParent: () => HTMLElement, getOutletElement: () => HTMLElement | null);
+    initialize(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext): void;
+    update(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext): void;
+    afterViewInit(): void;
+    destroy(): void;
 }
 export declare function getContext(index: number, item: Descendant, parentPath: Path, childrenContext: SlateChildrenContext, viewContext: SlateViewContext): SlateElementContext | SlateTextContext;
 export declare function getCommonContext(index: number, item: Descendant, parentPath: Path, viewContext: SlateViewContext, childrenContext: SlateChildrenContext): {

package/view/render/utils.d.ts

@@ -4,8 +4,8 @@ import { ViewType } from '../../types/view';
 import { SlateElementContext, SlateLeafContext, SlateTextContext, SlateViewContext } from '../context';
 import { SlateBlockCard } from '../../components/block-card/block-card.component';
 export declare function createEmbeddedViewOrComponent(viewType: ViewType, context: any, viewContext: SlateViewContext, viewContainerRef: ViewContainerRef): EmbeddedViewRef<any> | ComponentRef<any>;
-export declare function renderView(view: EmbeddedViewRef<any> | ComponentRef<any>): void;
+export declare function executeAfterViewInit(view: EmbeddedViewRef<any> | ComponentRef<any>): void;
 export declare function updateContext(view: EmbeddedViewRef<any> | ComponentRef<any>, newContext: SlateElementContext | SlateTextContext | SlateLeafContext, viewContext: SlateViewContext): void;
-export declare function mount(views: (EmbeddedViewRef<any> | ComponentRef<any>)[], blockCards: (ComponentRef<SlateBlockCard> | null)[] | null, outletElement: HTMLElement): void;
+export declare function mount(views: (EmbeddedViewRef<any> | ComponentRef<any>)[], blockCards: (ComponentRef<SlateBlockCard> | null)[] | null, outletParent: HTMLElement, outletElement: HTMLElement | null): void;
 export declare function getRootNodes(ref: EmbeddedViewRef<any> | ComponentRef<any>, blockCard?: ComponentRef<SlateBlockCard>): HTMLElement[];
-export declare function mountOnItemChange(index: number, item: Descendant, views: (EmbeddedViewRef<any> | ComponentRef<any>)[], blockCards: (ComponentRef<SlateBlockCard> | null)[] | null, outletElement: HTMLElement, viewContext: SlateViewContext): void;
+export declare function mountOnItemChange(index: number, item: Descendant, views: (EmbeddedViewRef<any> | ComponentRef<any>)[], blockCards: (ComponentRef<SlateBlockCard> | null)[] | null, outletParent: HTMLElement, firstRootNode: HTMLElement | null, viewContext: SlateViewContext): void;

package/esm2022/view/before-context-change.mjs

@@ -1,7 +0,0 @@
-export function hasBeforeContextChange(value) {
-    if (value.beforeContextChange) {
-        return true;
-    }
-    return false;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVmb3JlLWNvbnRleHQtY2hhbmdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcGFja2FnZXMvc3JjL3ZpZXcvYmVmb3JlLWNvbnRleHQtY2hhbmdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sVUFBVSxzQkFBc0IsQ0FBSSxLQUFLO0lBQzNDLElBQUksS0FBSyxDQUFDLG1CQUFtQixFQUFFO1FBQzNCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCZWZvcmVDb250ZXh0Q2hhbmdlPFQ+IHtcbiAgICBiZWZvcmVDb250ZXh0Q2hhbmdlOiAodmFsdWU6IFQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBoYXNCZWZvcmVDb250ZXh0Q2hhbmdlPFQ+KHZhbHVlKTogdmFsdWUgaXMgQmVmb3JlQ29udGV4dENoYW5nZTxUPiB7XG4gICAgaWYgKHZhbHVlLmJlZm9yZUNvbnRleHRDaGFuZ2UpIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbn1cbiJdfQ==