@worktile/theia 1.2.6 → 1.2.10

package/interfaces/editor.d.ts

@@ -14,105 +14,10 @@ export interface TheEditor extends AngularEditor, HistoryEditor {
     [key: string]: any;
 }
 export declare const TheEditor: {
-    setMarks: (editor: TheEditor, marks: {
-        bold?: any;
-        italic?: any;
-        underlined?: any;
-        strike?: any;
-        color?: any;
-        "background-color"?: any;
-        "code-line"?: any;
-    }, at?: Path | import("slate").BaseRange | import("slate").BasePoint) => void;
-    clearMarks: (editor: TheEditor) => void;
-    insertElement: (editor: TheEditor, element: import("@worktile/theia").CustomElement) => void;
-    insertElementNext: (editor: TheEditor, node: import("@worktile/theia").CustomElement) => void;
-    insertParagraph: (editor: TheEditor, at: import("slate").Location) => void;
-    setNode: (editor: TheEditor, props: Partial<import("@worktile/theia").CustomElement>, origin: import("@worktile/theia").CustomElement) => void;
-    unwrapNodesByType: (editor: TheEditor, types: string | string[], options?: Omit<WrapOptions, "match">) => void;
-    onKeyDownResetBlockType: ({ rules }: import("./reset-block-type-plugin-options").ResetBlockTypePluginOptions) => (event: KeyboardEvent, editor: TheEditor) => boolean;
-    moveChildren: (editor: TheEditor, { at, to, match, start }: import("../transforms/move-children").MoveChildrenOptions) => number;
-    applyDeepToNodes: ({ node, source, apply, query }: import("../transforms/apply-deep-to-nodes").ApplyDeepToNodesOptions) => void;
-    mergeDeepToNodes: (options: Omit<import("../transforms/apply-deep-to-nodes").ApplyDeepToNodesOptions, "apply">) => void;
-    unWrap: (editor: TheEditor, kind: import("@worktile/theia").BlockElementKinds) => void;
-    splitNode: (editor: TheEditor, indivisibleTypes: import("@worktile/theia").ElementKinds[]) => Path;
-    deleteElement: (editor: TheEditor, element: import("@worktile/theia").CustomElement) => void;
-    setEndSelection: (editor: TheEditor) => void;
-    insertTheElements: (editor: TheEditor, nodes: import("@worktile/theia").CustomElement[]) => void;
-    closeConversionHint: (editor: TheEditor) => void;
-    getLastNode: (editor: TheEditor, level: number) => NodeEntry<Node>;
-    getAnchorBlockEntry: (editor: TheEditor, at?: Path | import("slate").BasePoint) => NodeEntry<import("@worktile/theia").CustomElement>;
-    getAboveByType: (editor: TheEditor, types: string | string[], options?: Omit<EditorAboveOptions<Ancestor>, "match">) => NodeEntry<Ancestor>;
-    getNodes: (editor: TheEditor, options?: EditorNodesOptions & import("../transforms/un-hang-range").UnhangRangeOptions) => Generator<NodeEntry<Node>, void, undefined>;
-    getNodesByType: (editor: TheEditor, types: string | string[], options?: Omit<EditorNodesOptions, "match">) => Generator<NodeEntry<Node>, void, undefined>;
-    getBlockAbove: (editor: TheEditor, options?: Omit<EditorAboveOptions<Ancestor>, "match">) => NodeEntry<Ancestor>;
-    getPreviousPath: (path: Path) => Path;
-    getNode: (editor: TheEditor, path: Path) => Node;
-    getParent: (editor: TheEditor, at: import("slate").Location, options?: EditorParentOptions) => NodeEntry<Ancestor>;
-    getLastChild: (nodeEntry: NodeEntry<Ancestor>) => NodeEntry<import("slate").Descendant>;
-    getLastChildPath: (nodeEntry: NodeEntry<Ancestor>) => Path;
-    getNextSiblingNodes: (ancestorEntry: NodeEntry<Ancestor>, path: Path) => import("slate").Descendant[];
-    getAbove: <T = Ancestor>(editor: TheEditor, options?: EditorAboveOptions<T>) => NodeEntry<Ancestor>;
-    getChildren: (nodeEntry: NodeEntry<Node>) => NodeEntry<Node>[];
-    getPointBefore: (editor: TheEditor, at: import("slate").Location, options?: import("../queries/get-point-before").PointBeforeOptions) => any;
-    getSelectionNodesByType: (editor: TheEditor, fragmentData: import("slate").Descendant[], types?: import("@worktile/theia").ElementKinds[]) => Node;
-    getText: (editor: TheEditor, at?: import("slate").Location) => string;
-    getPointFromLocation: (editor: TheEditor, { at, focus }?: {
-        at?: import("slate").Location;
-        focus?: boolean;
-    }) => import("slate").BasePoint;
-    getRangeFromBlockStart: (editor: TheEditor, options?: Omit<EditorAboveOptions<Ancestor>, "match">) => false | {
-        anchor: import("slate").BasePoint;
-        focus: import("slate").BasePoint;
-    };
-    getRangeBefore: (editor: TheEditor, at: import("slate").Location, options?: import("../queries/get-point-before").PointBeforeOptions) => import("slate").BaseRange;
-    getBlockCardCenterCursor: (editor: TheEditor) => import("slate").BasePoint;
-    getBlockCardAbove: (editor: TheEditor, options?: Omit<EditorAboveOptions<Ancestor>, "match">) => NodeEntry<Ancestor>;
-    getPlainText: (editor: TheEditor, format?: string) => string;
-    getSelectionMarks: (editor: TheEditor) => {
-        bold?: any;
-        italic?: any;
-        underlined?: any;
-        strike?: any;
-        color?: any;
-        "background-color"?: any;
-        "code-line"?: any;
-    };
-    getContainerBlocks: (editor: TheEditor) => import("@worktile/theia").ElementKinds[];
-    isAncestor: (node: Node) => node is Ancestor;
-    isCollapsed: (range?: import("slate").BaseRange) => boolean;
-    isEmptyParagraph: (editor: TheEditor, at?: Path | import("slate").BasePoint) => boolean;
-    isParagraph: (editor: TheEditor) => boolean;
-    isBlockActive: (editor: TheEditor, format: import("@worktile/theia").BlockElementKinds) => boolean;
-    isIncludeTypes: (editor: TheEditor, types: import("@worktile/theia").ElementKinds[]) => boolean;
-    isAncestorEmpty: (editor: TheEditor, node: Ancestor) => boolean;
-    isBlockAboveEmpty: (editor: TheEditor) => boolean;
-    isNodeTypeIn: (editor: TheEditor, types: string | string[], options?: Omit<EditorNodesOptions, "match">) => boolean;
-    isFirstChild: (path: Path) => boolean;
-    isPointAtRoot: (point: import("slate").BasePoint) => boolean;
-    isRangeAtRoot: (range: import("slate").BaseRange) => boolean;
-    isBlockTextEmptyAfterSelection: (editor: TheEditor) => boolean;
-    isStart: (editor: TheEditor, point: import("slate").BasePoint, at: import("slate").Location) => boolean;
-    isRangeAcrossBlocks: (editor: TheEditor, { at, ...options }?: Omit<EditorAboveOptions<Ancestor>, "match" | "at"> & {
-        at?: import("slate").BaseRange;
-    }) => boolean;
-    isDescendant: (node: any) => node is import("slate").Descendant;
-    isNodeType: (entry?: NodeEntry<Node>, { filter, allow, exclude }?: QueryOptions) => boolean;
-    isAcrossBlocks: (editor: TheEditor, fragment: import("@worktile/theia").CustomElement[]) => boolean;
-    isBlockCardCursor: (editor: TheEditor) => boolean;
-    isEmptyContent: (children: import("slate").Descendant[]) => boolean;
-    isEmptyParagraphByPath: (editor: TheEditor, at: Path) => boolean;
-    isContainer: (editor: TheEditor, value: import("@worktile/theia").CustomElement) => boolean;
-    anchorBlock: (editor: TheEditor) => import("@worktile/theia").CustomElement;
-    anchorBlockEntry: (editor: TheEditor, at?: Path | import("slate").BasePoint) => NodeEntry<import("@worktile/theia").CustomElement>;
-    anchorInlineEntry: (editor: TheEditor) => NodeEntry<import("@worktile/theia").CustomElement>;
-    anchorInline: (editor: TheEditor) => import("@worktile/theia").CustomElement;
-    findPath: (editor: AngularEditor, node: Node) => Path;
-    findNode: <T_1 extends Node = Node>(editor: TheEditor, options: import("../queries/find-node").FindNodeOptions<T_1>) => NodeEntry<T_1>;
-    findDescendant: <T_2 extends Node = Node>(editor: TheEditor, options: import("../queries/find-node").FindNodeOptions<T_2>) => NodeEntry<T_2>;
-    someNode: <T_3 extends Node = Node>(editor: TheEditor, options: import("../queries/find-node").FindNodeOptions<T_3>) => boolean;
     getWindow(editor: AngularEditor): Window;
     findKey(editor: AngularEditor, node: Node): import("slate-angular").Key;
     onError(errorData: import("slate-angular").SlateError): void;
+    findPath(editor: AngularEditor, node: Node): Path;
     findDocumentOrShadowRoot(editor: AngularEditor): Document | ShadowRoot;
     isFocused(editor: AngularEditor): boolean;
     isReadonly(editor: AngularEditor): boolean;

package/interfaces/toolbar.d.ts

@@ -14,7 +14,7 @@ export declare enum ToolbarAlignment {
 export declare type ToolbarDefinition = {
     global?: string[];
     inline?: string[];
-    block?: string[];
+    quick?: string[];
 };
 interface ToolbarItemBase {
     key: ToolbarKey;
@@ -29,6 +29,7 @@ interface ToolbarItemBase {
 }
 export interface CustomizeToolbarItem extends ToolbarItemBase {
     iconComponent?: ComponentType<any>;
+    quickItemComponent?: ComponentType<any>;
     type?: ToolbarItemType;
     dropdownMode?: DropdownMode;
 }
@@ -41,7 +42,7 @@ export declare type ToolbarItem = CustomizeToolbarItem & DefaultToolbarItem;
 export declare type ToolbarEntity = {
     global?: ToolbarItem[];
     inline?: ToolbarItem[];
-    block?: ToolbarItem[];
+    quick?: ToolbarItem[];
 };
 export interface ToolbarInitOption {
     toolbarDefinition: ToolbarDefinition;

package/interfaces/valid-children-types.d.ts

@@ -1,8 +1,8 @@
-import { ElementKinds } from '../constants/node-types';
+import { CustomElementKinds } from '../custom-types';
 export interface ElementOptionsInfo {
-    type: ElementKinds;
-    inValidChildrenTypes: ElementKinds[];
+    type: CustomElementKinds;
+    inValidChildrenTypes: CustomElementKinds[];
     isIndivisible?: boolean;
 }
-export declare const inValidTypes: ElementKinds[];
+export declare const inValidTypes: CustomElementKinds[];
 export declare const DefaultElementOptions: ElementOptionsInfo[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "1.2.6",
+  "version": "1.2.10",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/plugins/code/code.component.d.ts

@@ -2,7 +2,7 @@ import { ElementRef, ChangeDetectorRef, OnInit, AfterViewInit, NgZone } from '@a
 import { ThyNotifyService } from 'ngx-tethys/notify';
 import { Editor } from 'slate';
 import { CodeMirrorComponent } from 'ng-codemirror';
-import { DropdownMode } from '../../constants';
+import { DropdownMode, CodeMode } from '../../constants';
 import { DefaultToolbarItem, TheBaseElementComponent } from '../../interfaces';
 import { CodeElement } from '../../custom-types';
 import * as i0 from "@angular/core";
@@ -11,6 +11,7 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     cdr: ChangeDetectorRef;
     private thyNotifyService;
     private ngZone;
+    private mode;
     startRenderCodemirror: boolean;
     dropdownMode: typeof DropdownMode;
     maxHeight: number;
@@ -32,7 +33,7 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     get code(): string;
     codemirror: CodeMirrorComponent;
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, ngZone: NgZone);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, ngZone: NgZone, mode: CodeMode);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     renderCodemirror(): void;

package/plugins/color/color.editor.d.ts

@@ -2,7 +2,7 @@ import { Editor } from 'slate';
 import { ColorType } from '../../constants/color-select';
 import { MarkTypes } from '../../constants/node-types';
 export declare const ColorEditor: {
-    getActiveColor(editor: any, type: MarkTypes.color | MarkTypes.backgroundColor): string;
+    getActiveColor(editor: Editor, type: MarkTypes.color | MarkTypes.backgroundColor): string;
     setColor(editor: Editor, color: ColorType, type: MarkTypes.color | MarkTypes.backgroundColor): void;
     selectColor(editor: Editor, type: MarkTypes.color | MarkTypes.backgroundColor): void;
 };

package/plugins/common/get-fragment.plugin.d.ts

@@ -1,2 +1,2 @@
-import { ElementKinds } from '../../constants';
-export declare const withGetFragment: (elementKinds?: ElementKinds[]) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;
+import { CustomElementKinds } from '../../custom-types';
+export declare const withGetFragment: (elementKinds?: CustomElementKinds[]) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;

package/plugins/image/image.component.d.ts

@@ -16,6 +16,7 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     imageEntry: ImageEntry;
     uploading: boolean;
     percentage: number;
+    file: File;
     private uploadingSubscription;
     private mouseMoveSubscription;
     private mouseUpSubscription;

package/plugins/image/image.component.scss

@@ -111,7 +111,7 @@
             border: 0.5px solid rgba(0, 0, 0, 0.05);
             border-radius: 3px;
             box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-            background: #fff;
+            background: $white;
             color: grey;
             font-weight: 500;
             text-align: center;
@@ -169,6 +169,16 @@
             cursor: pointer;
         }
     }
+
+    .image-loading {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 280px;
+        background: rgb(244, 245, 247);
+        color: $gray-500;
+    }
 }
 
 .image-container:hover .layer {

package/plugins/indent/indent.plugin.d.ts

@@ -1,2 +1,2 @@
-import { ElementKinds } from '../../constants';
-export declare const withIndent: (kinds: ElementKinds[]) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;
+import { CustomElementKinds } from '../../custom-types';
+export declare const withIndent: (kinds: CustomElementKinds[]) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;

package/plugins/indent/on-keydown-indent.d.ts

@@ -1,3 +1,3 @@
 import { Editor } from 'slate';
-import { ElementKinds } from '../../constants';
-export declare const onKeydownIndent: (editor: Editor, event: KeyboardEvent, kinds: ElementKinds[]) => boolean;
+import { CustomElementKinds } from '../../custom-types';
+export declare const onKeydownIndent: (editor: Editor, event: KeyboardEvent, kinds: CustomElementKinds[]) => boolean;

package/plugins/list/queries/get-start-list-item.d.ts

@@ -1,2 +1,8 @@
-import { Node } from 'slate';
-export declare const getStartListItem: (node: Node[], initialValue?: Node[]) => Node[];
+import { Element } from 'slate';
+/**
+ * 获取 List 中 ListItems，过滤掉空列表嵌套
+ * @param node
+ * @param initialValue
+ * @returns
+ */
+export declare const getStartListItem: (node: Element[], initialValue?: Element[]) => import("@worktile/theia").CustomElement[];

package/plugins/list/queries/is-selection-in-same-list-item.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from 'slate';
+/**
+ * Is the selection in same li
+ */
+export declare const isSelectionInSameListItem: (editor: Editor) => boolean;

package/plugins/mark/mark.editor.d.ts

@@ -3,6 +3,6 @@ export interface MarkEditor extends Editor {
     removeMark: (key: string, shouldChange?: boolean) => void;
 }
 export declare const MarkEditor: {
-    isMarkActive(editor: any, format: any): boolean;
+    isMarkActive(editor: Editor, format: any): boolean;
     toggleMark(editor: any, format: any): void;
 };

package/plugins/normalizers/insert-paragraph-nodes.d.ts

@@ -1,3 +1,3 @@
-import { ElementKinds } from '../../constants';
 import { TransformEditor } from '../common/transforms.plugin';
-export declare const withInsertParagraphNodes: (types?: ElementKinds[]) => <T extends import("@worktile/theia").TheEditor & TransformEditor>(editor: T) => T;
+import { CustomElementKinds } from '../../custom-types';
+export declare const withInsertParagraphNodes: (types?: CustomElementKinds[]) => <T extends import("@worktile/theia").TheEditor & TransformEditor>(editor: T) => T;

package/plugins/normalizers/trailing-node.plugin.d.ts

@@ -1,8 +1,8 @@
 import { QueryOptions } from '../../interfaces';
-import { ElementKinds } from '../../constants';
 import { TransformEditor } from '../common/transforms.plugin';
+import { CustomElementKinds } from '../../custom-types';
 export interface WithTrailingNode extends QueryOptions {
-    type?: ElementKinds;
+    type?: CustomElementKinds;
     level?: number;
 }
 export declare const withTrailingNode: ({ type, level, ...query }?: WithTrailingNode) => <T extends import("../../interfaces").TheEditor & TransformEditor>(editor: T) => T;

package/plugins/paint-format/options.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../../interfaces';
+export declare const PaintFormatOptions: ToolbarItem[];

package/plugins/paint-format/paint-format.editor.d.ts

@@ -0,0 +1,7 @@
+import { TheEditor } from '../../interfaces';
+export declare const PaintFormatEditor: {
+    formatBrush(editor: TheEditor): void;
+    isActive(editor: TheEditor): boolean;
+    enableFormatBrush(editor: TheEditor): void;
+    cancelFormatBrushStatus(editor: TheEditor): void;
+};

package/{components → plugins}/placeholder/placeholder.component.d.ts

@@ -1,20 +1,19 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { Editor, Descendant } from 'slate';
+import { Editor } from 'slate';
+import { TheOptions } from '../../interfaces';
 import * as i0 from "@angular/core";
 export declare class ThePlaceholderComponent {
     private renderer;
     private elementRef;
     editor: Editor;
-    autoFocus: boolean;
-    placeholder: string;
+    options: TheOptions;
     isHide: boolean;
-    get selection(): import("slate").BaseRange;
     handleCompositionStart(): void;
     handleCompositionEnd(event: any): void;
     constructor(renderer: Renderer2, elementRef: ElementRef);
-    checkStatus(value?: Descendant[]): void;
+    checkStatus(): void;
     private updatePosition;
     private hide;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThePlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThePlaceholderComponent, "div[thePlaceholder]", never, { "editor": "editor"; "autoFocus": "autoFocus"; "placeholder": "placeholder"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThePlaceholderComponent, "div[thePlaceholder]", never, { "editor": "editor"; "options": "options"; }, {}, never, never>;
 }

package/plugins/public-api.d.ts

@@ -11,3 +11,4 @@ export * from './table/table.editor';
 export * from './todo-item/todo-item.editor';
 export * from './vertical-align/vertical-align.editor';
 export * from './link/link.editor';
+export * from './quick-insert/quick-insert.editor';

package/plugins/quick-insert/components/quick-insert.component.d.ts

@@ -0,0 +1,25 @@
+import { ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { Editor } from 'slate';
+import { ToolbarItem } from '../../../interfaces/toolbar';
+import * as i0 from "@angular/core";
+export declare class TheQuickInsertComponent {
+    private renderer;
+    private elementRef;
+    private cdr;
+    editor: Editor;
+    quickToolbarItems: ToolbarItem[];
+    isHide: boolean;
+    defaultIconName: string;
+    iconNameFill: string;
+    displayIconName: string;
+    iconElement: ElementRef<any>;
+    handleMousedownNativeElement(event: any): void;
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    checkStatus(): void;
+    private updatePosition;
+    mouseEnter(event: MouseEvent): void;
+    mouseLeave(event: MouseEvent): void;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheQuickInsertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheQuickInsertComponent, "[theQuickInsert]", never, { "editor": "editor"; "quickToolbarItems": "quickToolbarItems"; }, {}, never, never>;
+}

package/plugins/quick-insert/components/quick-insert.component.scss

@@ -0,0 +1,21 @@
+.the-quick-insert {
+    position: absolute;
+    width: calc(100% - 30px);
+
+    &.hide {
+        display: none;
+    }
+
+    .quick-insert-icon {
+        position: absolute;
+        left: -25px;
+        top: 3px;
+        font-size: 18px !important;
+        color: #CACACA !important;
+        cursor: pointer;
+
+        &:hover {
+            color: $primary !important;
+        }
+    }
+}

package/plugins/quick-insert/components/quick-toolbar/quick-toolbar.component.d.ts

@@ -0,0 +1,29 @@
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { MixinBase } from 'ngx-tethys/core';
+import { ThyPopoverRef } from 'ngx-tethys/popover';
+import { Editor } from 'slate';
+import { ToolbarItem } from '../../../../interfaces/toolbar';
+import { ToolbarActionTypes } from '../../../../constants/node-types';
+import { ToolbarItemMode } from '../../../../constants/toolbar';
+import * as i0 from "@angular/core";
+declare const TheQuickToolbarComponent_base: import("ngx-tethys/core").Constructor<import("ngx-tethys/core").ThyUnsubscribe> & typeof MixinBase;
+export declare class TheQuickToolbarComponent extends TheQuickToolbarComponent_base implements OnInit, OnDestroy {
+    private popoverRef;
+    elementRef: ElementRef;
+    editor: Editor;
+    quickToolbarItems: ToolbarItem[];
+    editorElement: HTMLElement;
+    ToolbarItemMode: typeof ToolbarItemMode;
+    ToolbarActionTypes: typeof ToolbarActionTypes;
+    handleMouseDown(event: MouseEvent): void;
+    handleEnter(): void;
+    constructor(popoverRef: ThyPopoverRef<TheQuickToolbarComponent>, elementRef: ElementRef);
+    ngOnInit(): void;
+    stopPropagation(event: any): void;
+    selectionChange(event: any): void;
+    removeHotKey(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheQuickToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheQuickToolbarComponent, "the-quick-toolbar", never, { "editor": "editor"; "quickToolbarItems": "quickToolbarItems"; }, {}, never, never>;
+}
+export {};

package/plugins/quick-insert/components/quick-toolbar/quick-toolbar.component.scss

@@ -0,0 +1,21 @@
+.the-quick-toolbar {
+    width: 200px;
+    height: 400px;
+    padding: 10px 0;
+    overflow-y: scroll;
+
+    .quick-toolbar-icon {
+        margin-right: 8px;
+        color: $gray-600;
+    }
+    .quick-toolbar-name {
+        flex: 1;
+        color: $gray-800;
+    }
+
+    &-container {
+        .thy-popover-container {
+            min-width: auto;
+        }
+    }
+}

package/plugins/quick-insert/quick-insert.editor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { Editor } from 'slate';
+import { ToolbarItem } from '../../interfaces/toolbar';
+export declare const QuickInsertEditor: {
+    openQuickToolbar(editor: Editor, toolbarItems: ToolbarItem[], origin: HTMLElement | ElementRef): void;
+    closeQuickToolbar(editor: Editor): void;
+    isOpenToolbar(editor: Editor, opTypes?: string[]): boolean;
+};

package/plugins/quick-insert/quick-insert.plugint.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from 'slate';
+export declare const withQuickInsert: (editor: Editor) => import("@worktile/theia").TheEditor;

package/plugins/table/components/table.component.d.ts

@@ -45,6 +45,7 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     useTableWrapperWidth(): void;
     subscribeCellsChange(): void;
     useRowControls(): void;
+    detectChanges(): void;
     calculateMinRowSpanCellForRows(): {
         cell?: TableCellElement;
         rowIndex: number;

package/plugins/table/components/table.component.scss

@@ -215,7 +215,7 @@ $control-corner-width: 12px;
 
     &::after {
         background-color: #d8d8d8;
-        border-radius: ($dot-size + 1)/2;
+        border-radius: math.div($dot-size + 1, 2);
         box-shadow: inset $dot-padding-top 0 0 0 #d8d8d8, inset (-$dot-padding-top) 0 0 0 #d8d8d8, inset 0 (-$dot-shadow-top) 0 0 #d8d8d8,
             inset 0 $dot-shadow-top 0 0 #d8d8d8;
         height: $dot-size;

package/plugins/table/toolbar-item.component.d.ts

@@ -3,7 +3,6 @@ import { ThyPopover, ThyPopoverRef } from 'ngx-tethys';
 import { Editor } from 'slate';
 import { TheToolbarBaseItemComponent } from '../../components/toolbar-base-item/toolbar-base-item.component';
 import { TheTableSelectComponent } from '../../components/table-select/table-select.component';
-import { ElementKinds } from '../../constants';
 import { DefaultToolbarItem } from '../../interfaces';
 import { TableOptions } from './table.types';
 import * as i0 from "@angular/core";
@@ -18,7 +17,7 @@ export declare class TheTableToolbarItemComponent extends TheToolbarBaseItemComp
     constructor(thyPopover: ThyPopover, overlay: Overlay);
     statusChange(editor: Editor): void;
     execute(event: MouseEvent): void;
-    toggleTableSelect(event: MouseEvent, type: ElementKinds.table, optionsParam?: TableOptions): ThyPopoverRef<TheTableSelectComponent, unknown, unknown>;
+    toggleTableSelect(event: MouseEvent, optionsParam?: TableOptions): ThyPopoverRef<TheTableSelectComponent, unknown, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTableToolbarItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheTableToolbarItemComponent, "the-table-toolbar-item", never, { "item": "item"; "editor": "editor"; }, {}, never, never>;
 }

package/plugins/table/utils/split-cell.d.ts

@@ -1,5 +1,4 @@
 import { Editor } from 'slate';
 import { TableCellElement, TableElement } from '../../../custom-types';
-import { TheEditor } from '../../../interfaces/editor';
-export declare function splitCell(editor: Editor): TheEditor;
+export declare function splitCell(editor: Editor): import("@worktile/theia").TheEditor;
 export declare function resetTableCell(editor: Editor, table: TableElement, cell: TableCellElement, cellRow: number, cellCol: number): void;

package/plugins/todo-item/todo-item.component.scss

@@ -2,8 +2,6 @@
     height: auto;
     line-height: 24px;
     padding-left: 2em;
-    margin-left: 0px; // compat theia todo-item style and will be removed in the future
-    margin-bottom: 4px !important;
     position: relative;
 
     .todo-item-status {
@@ -18,8 +16,4 @@
         transform: translateY(3px);
         margin-top: 0;
     }
-
-    & + div:not(.the-check-item) {
-        margin-top: 8px;
-    }
 }

package/plugins/vertical-align/toolbar-item.component.d.ts

@@ -19,6 +19,7 @@ export declare class TheVerticalToolbarItemComponent extends TheToolbarBaseItemC
     toolbarItem: ToolbarItem;
     template: TemplateRef<any>;
     get isOpened(): boolean;
+    handleDocumentMouseDown(event: MouseEvent): void;
     constructor(elementRef: ElementRef, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     statusChange(editor: Editor): void;

package/public-api.d.ts

@@ -8,11 +8,12 @@ export * from './plugins/image/image.component';
 export * from './services/toolbar.service';
 export * from './editor.component';
 export * from './components/toolbar/toolbar.component';
+export * from './components/toolbar-base-item/toolbar-base-item.component';
 export * from './components/toolbar-dropdown/toolbar-dropdown.component';
 export * from './components/toolbar-group/toolbar-group.component';
 export * from './components/toolbar-item/toolbar-item.component';
 export * from './components/element/element.component';
-export * from './queries/index';
-export * from './transforms/index';
+export * as TheQueries from './queries/index';
+export * as TheTransforms from './transforms/index';
 export * from './utils/index';
 export * from './services/context.service';

package/queries/get-container-blocks.d.ts

@@ -1,2 +1,2 @@
-import { TheEditor } from '../interfaces';
-export declare const getContainerBlocks: (editor: TheEditor) => import("../constants/node-types").ElementKinds[];
+import { Editor } from 'slate';
+export declare const getContainerBlocks: (editor: Editor) => (import("../constants/node-types").ElementKinds.image | import("../constants/node-types").ElementKinds.paragraph | import("../constants/node-types").ElementKinds.heading_1 | import("../constants/node-types").ElementKinds.heading_2 | import("../constants/node-types").ElementKinds.heading_3 | import("../constants/node-types").ElementKinds.heading_4 | import("../constants/node-types").ElementKinds.heading_5 | import("../constants/node-types").ElementKinds.heading_6 | import("../constants/node-types").ElementKinds.numberedList | import("../constants/node-types").ElementKinds.bulletedList | import("../constants/node-types").ElementKinds.listItem | import("../constants/node-types").ElementKinds.checkItem | import("../constants/node-types").ElementKinds.table | import("../constants/node-types").ElementKinds.tableRow | import("../constants/node-types").ElementKinds.tableCell | import("../constants/node-types").ElementKinds.code | import("../constants/node-types").ElementKinds.blockquote | import("../constants/node-types").ElementKinds.hr | import("../constants/node-types").ElementKinds.link)[];

package/queries/get-selection-nodes-by-type.d.ts

@@ -1,3 +1,3 @@
 import { Node, Descendant, Editor } from 'slate';
-import { ElementKinds } from '../constants';
-export declare const getSelectionNodesByType: (editor: Editor, fragmentData: Descendant[], types?: ElementKinds[]) => Node;
+import { CustomElementKinds } from '../custom-types';
+export declare const getSelectionNodesByType: (editor: Editor, fragmentData: Descendant[], types?: CustomElementKinds[]) => Node;