@worktile/theia 14.1.8 → 14.2.1

package/components/listbox/listbox.d.ts

@@ -0,0 +1,85 @@
+import { NgZone } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { TheListboxChangeEventType } from './listbox.type';
+import * as i0 from "@angular/core";
+export declare class TheListboxOptionDirective implements OnInit, AfterContentInit {
+    parentOption: TheListboxOptionDirective;
+    parentGroup: TheListboxGroupDirective;
+    private elementRef;
+    private _active;
+    className: string;
+    _options: QueryList<TheListboxOptionDirective>;
+    get hasChild(): boolean;
+    get firstChild(): TheListboxOptionDirective;
+    constructor(parentOption: TheListboxOptionDirective, parentGroup: TheListboxGroupDirective, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    getGroups(): TheListboxGroupDirective[];
+    setActive(active: boolean): void;
+    getActive(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheListboxOptionDirective, [{ optional: true; skipSelf: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TheListboxOptionDirective, "[theListboxOpton]", ["theListboxOpton"], {}, {}, ["_options"], never, false>;
+}
+export declare class TheListboxGroupDirective implements OnInit, AfterContentInit {
+    parentOption: TheListboxOptionDirective;
+    theListBox: TheListboxDirective;
+    className: string;
+    options: TheListboxOptionDirective[];
+    _options: QueryList<TheListboxOptionDirective>;
+    /**
+     * 大于 1 表示水平分组，小于等于 1 表示垂直分组
+     */
+    horizontalColumn: number;
+    constructor(parentOption: TheListboxOptionDirective, theListBox: TheListboxDirective);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    filterOptions(): void;
+    getSiblingGroups(): TheListboxGroupDirective[];
+    getFirst(): TheListboxOptionDirective;
+    getLast(): TheListboxOptionDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheListboxGroupDirective, [{ optional: true; skipSelf: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TheListboxGroupDirective, "[theListboxGroup]", ["theListboxGroup"], { "horizontalColumn": "horizontalColumn"; }, {}, ["_options"], never, false>;
+}
+export declare class TheListboxDirective implements OnInit, AfterContentInit, OnDestroy {
+    private ngZone;
+    private elementRef;
+    className: string;
+    private _optionChangesSubscription;
+    private _keyboardSubscription;
+    activeOption: TheListboxOptionDirective;
+    groups: TheListboxGroupDirective[];
+    protected _groups: QueryList<TheListboxGroupDirective>;
+    keyboardContainer: HTMLElement;
+    theActiveOptionChange: EventEmitter<TheListboxChangeEvent>;
+    constructor(ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    filterGroups(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    /**
+     * ←
+     */
+    setPreviousItemActive(): void;
+    /**
+     * ↓ 键
+     */
+    setNextLineActive(): void;
+    /**
+     * → 键
+     */
+    setNextItemActive(): void;
+    /**
+     * ↑ 键
+     */
+    setPreviousLineActive(): void;
+    enterNextGroup(): void;
+    enterPreviousGroup(): void;
+    setActiveItem(previous: TheListboxOptionDirective | null, option: TheListboxOptionDirective, type: TheListboxChangeEventType): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheListboxDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TheListboxDirective, "[theListBox]", ["theListBox"], { "keyboardContainer": "keyboardContainer"; }, { "theActiveOptionChange": "theActiveOptionChange"; }, ["_groups"], never, false>;
+}
+export interface TheListboxChangeEvent {
+    option: TheListboxOptionDirective;
+    type: TheListboxChangeEventType;
+}

package/components/listbox/listbox.type.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+export declare const THE_LISTBOX_PARENT_OPTION_TOKEN: InjectionToken<unknown>;
+export declare const THE_LISTBOX_PARENT_GROUP_TOKEN: InjectionToken<unknown>;
+export declare const THE_LISTBOX_TOKEN: InjectionToken<unknown>;
+export declare type TheListboxChangeEventType = 'turn' | 'child' | 'parent' | 'init';

package/components/plugin-menu/plugin-menu.component.d.ts

@@ -0,0 +1,39 @@
+import { OnInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { MixinBase } from 'ngx-tethys/core';
+import { Editor } from 'slate';
+import { ThePluginMenuItemType } from '../../constants/plugin-menu';
+import { ThePluginMenu, ThePluginMenuGroup, ThePluginMenuItem } from '../../interfaces/plugins/plugin-menu';
+import * as i0 from "@angular/core";
+declare const ThePluginMenuComponent_base: import("ngx-tethys/core").Constructor<import("ngx-tethys/core").ThyUnsubscribe> & typeof MixinBase;
+export declare class ThePluginMenuComponent extends ThePluginMenuComponent_base implements OnInit, OnDestroy {
+    elementRef: ElementRef;
+    cdr: ChangeDetectorRef;
+    editorElement: HTMLElement;
+    ThePluginMenu: {
+        isMenuGroup(value: any): value is ThePluginMenuGroup;
+        isMenuItem(value: any): value is ThePluginMenuItem;
+    };
+    pluginMenu: ThePluginMenu;
+    groupMenu: ThePluginMenu;
+    iconMenu: ThePluginMenu;
+    ThePluginMenuItemType: typeof ThePluginMenuItemType;
+    keyWords: string;
+    thyMessage: string;
+    searchGroup: ThePluginMenuGroup;
+    expandPopoverOptions: {
+        placement: string;
+        width: string;
+    };
+    containerClassName: string;
+    editor: Editor;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    buildMenus(): void;
+    executeItem(event: MouseEvent, menuItem: ThePluginMenuItem): void;
+    removeKeywords: () => void;
+    updateKeywords(keywords: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThePluginMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThePluginMenuComponent, "the-plugin-menu", never, { "editor": "editor"; }, {}, never, never, false>;
+}
+export {};

package/components/plugin-menu/plugin-menu.component.scss

@@ -0,0 +1,50 @@
+@use 'ngx-tethys/styles/variables.scss';
+
+.the-plugin-menu-container {
+    width: 260px;
+    max-height: 600px;
+    overflow: auto;
+    display: inline-block;
+    .icon-menu {
+        flex-wrap: wrap;
+        .thy-action {
+            margin-right: calc((220px - 32px * 6) / 5);
+            &:not(:hover) {
+                color: variables.$gray-700;
+            }
+        }
+        :nth-child(6) {
+            margin-right: 0;
+        }
+    }
+    .dropdown-menu-group .dropdown-menu-group-title {
+        line-height: 32px;
+        margin: 4px 0;
+        padding: 0 20px;
+        color: variables.$gray-600;
+    }
+    .dropdown-menu-item {
+        height: 48px;
+        .menu-icon .thy-icon {
+            font-size: 36px;
+        }
+        .menu-content {
+            flex: 1;
+            flex-flow: wrap;
+            .menu-item-title .menu-item-display-key {
+                float: right;
+            }
+        }
+        .dropdown-submenu {
+            padding: 12px 0 8px 0;
+        }
+    }
+    .empty {
+        width: 260px;
+        height: 280px;
+    }
+}
+
+.plugin-menu-table .table-selector-container {
+    padding-left: 5px;
+}

package/components/table-select/table-select.component.d.ts

@@ -7,14 +7,14 @@ export declare class TheTableSelectComponent implements OnInit {
     private popoverRef;
     optionsParam: TableOptions;
     editor: TheEditor;
+    beforeInsert: () => void;
     tableData: any[];
     maxRowIndex: number;
     maxColIndex: number;
-    handleDocumentMouseDown(event: MouseEvent): void;
     constructor(popoverRef: ThyPopoverRef<TheTableSelectComponent>);
     ngOnInit(): void;
     onSelectCells(rowIndex: any, colIndex: any): void;
     executeTable(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTableSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheTableSelectComponent, "table-select", never, { "optionsParam": "optionsParam"; "editor": "editor"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheTableSelectComponent, "table-select", never, { "optionsParam": "optionsParam"; "editor": "editor"; "beforeInsert": "beforeInsert"; }, {}, never, never, false>;
 }

package/components/table-select/table-select.component.scss

@@ -1,6 +1,6 @@
 @use 'ngx-tethys/styles/variables.scss';
 
-.the-table-selector-pannel {
+.the-table-selector-panel {
     text-align: center;
 
     .thy-popover-container {

package/components/toolbar/toolbar.component.d.ts

@@ -27,12 +27,13 @@ export declare class TheToolbarComponent implements OnInit, OnChanges, OnDestroy
     ngOnDestroy(): void;
     setToolbarClass(): void;
     private resizeElement;
+    private isTableActive;
     selectionChange(editor: Editor): void;
     renderToolbarView(): void;
     /**
      * calculation display toolbar and more grouped toolbars
      *
-     *	┌──────────────────────────────────────── GoolbarToolbarView ───────────────────────────────────┐
+     *	┌────────────────────────────────────────  GlobalToolbarView ───────────────────────────────────┐
      *	| ┌─────────────────────────────────────── #children ─────────────────────────────────────────┐ |
      *	| |   ┌─────── #itemsView ────────┐ ┌──────────────────────┐ ┌── #groupedItemsDropdown ───┐   | |
      *	| |   |       #ungroupedItems     | | ToolbarSeparatorView | |        #groupedItems       |   | |
@@ -40,8 +41,8 @@ export declare class TheToolbarComponent implements OnInit, OnChanges, OnDestroy
      *	| |                                  \---------- only when toolbar items overflow --------/   | |
      *	| └───────────────────────────────────────────────────────────────────────────────────────────┘ |
      *	└───────────────────────────────────────────────────────────────────────────────────────────────┘
-     * split width: 17px
-     * item width: default item: 35px; dropdown item: 42px
+     * split width: 13px
+     * item width: default item: 32px; dropdown item: 48px
      * default paddingRight: 4px
      * set aside 50px
      */

package/components/toolbar-dropdown/toolbar-dropdown.component.d.ts

@@ -3,7 +3,7 @@ import { Overlay } from '@angular/cdk/overlay';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
 import { Editor } from 'slate';
 import { DropdownMode } from '../../constants/toolbar';
-import { ToolbarItem } from '../../interfaces/toolbar';
+import { ToolbarItem, ToolbarKey } from '../../interfaces/toolbar';
 import { TheBaseToolbarDropdown } from '../../core/toolbar-item/base-toolbar-item';
 import * as i0 from "@angular/core";
 export declare class TheToolbarDropdownComponent extends TheBaseToolbarDropdown implements OnInit {
@@ -14,14 +14,18 @@ export declare class TheToolbarDropdownComponent extends TheBaseToolbarDropdown
     className: string;
     itemMousedownHandle: (item: ToolbarItem) => void;
     editor: Editor;
+    activeKeys: ToolbarKey[];
     dropdownMode: typeof DropdownMode;
     dropdownPopoverRef: ThyPopoverRef<any>;
     get isOpen(): boolean;
+    get activeIcon(): string;
+    get activeDropdown(): boolean;
     iconModeTemplate: TemplateRef<any>;
     textModeTemplate: TemplateRef<any>;
     dropdownTemplate: TemplateRef<any>;
     constructor(elementRef: ElementRef, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef, overlay: Overlay);
     ngOnInit(): void;
+    selectionChange(editor: Editor): void;
     toggleDropdown(event: MouseEvent): void;
     itemMousedown(event: MouseEvent, item: ToolbarItem): void;
     preventDefault(event: Event): void;

package/components/toolbar-dropdown/toolbar-dropdown.component.scss

@@ -25,13 +25,6 @@
         transform: translateY(-65%);
         right: 0.438rem;
     }
-    .link-with-down {
-        margin-right: 0px !important;
-        .link-down-icon {
-            color: initial;
-            position: relative;
-        }
-    }
 }
 
 .the-toolbar-dropdown-popover {
@@ -47,10 +40,6 @@
         overflow-y: auto;
         background-color: variables.$white;
         z-index: 100;
-
-        .dropdown-menu-item {
-            color: variables.$gray-700;
-        }
     }
 
     &.heading-list {

package/components/toolbar-group/toolbar-group.component.d.ts

@@ -28,7 +28,7 @@ export declare class TheToolbarGroupComponent implements OnInit, OnDestroy {
     menusActive(editor: Editor): DefaultToolbarItem;
     activeChange(): void;
     openGroup(event: MouseEvent): void;
-    colseGroup(): void;
+    closeGroup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheToolbarGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheToolbarGroupComponent, "the-toolbar-group", never, { "menus": "menus"; "item": "item"; }, {}, never, never, false>;
 }

package/components/toolbar-group/toolbar-group.component.scss

@@ -7,10 +7,9 @@
     .group {
         width: auto;
         max-height: 40px;
-        padding: 5px 10px;
+        padding: 4px 8px;
         background-color: variables.$white;
-        box-shadow: 0px 2px 8px -1px rgba(variables.$black, 0.15);
-        border-radius: 4px;
+        border-radius: variables.$border-radius;
 
         .the-toolbar-item:last-child {
             margin-right: initial;

package/components/toolbar-item/toolbar-item.component.d.ts

@@ -1,19 +1,14 @@
-import { NgZone, OnInit, ViewContainerRef } from '@angular/core';
+import { NgZone, OnInit } from '@angular/core';
 import { TheBaseToolbarItem } from '../../core/toolbar-item/base-toolbar-item';
-import { ToolbarItemMode } from '../../constants/toolbar';
 import * as i0 from "@angular/core";
 export declare class TheToolbarItemComponent extends TheBaseToolbarItem implements OnInit {
     private ngZone;
-    ToolbarItemMode: typeof ToolbarItemMode;
     className: string;
-    itemMode: ToolbarItemMode;
-    toolbarContainer: ViewContainerRef;
     toggleDropdown(event: MouseEvent): void;
     constructor(ngZone: NgZone);
     ngOnInit(): void;
     preventDefault(event: Event): void;
     execute(event: MouseEvent): void;
-    renderToolbarItem(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheToolbarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheToolbarItemComponent, "the-toolbar-item", never, { "itemMode": "itemMode"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheToolbarItemComponent, "the-toolbar-item", never, {}, {}, never, never, false>;
 }

package/constants/index.d.ts

@@ -3,3 +3,4 @@ export * from './node-types';
 export * from './error';
 export * from './code';
 export * from './toolbar';
+export * from './plugin-menu';

package/constants/node-types.d.ts

@@ -85,7 +85,8 @@ export declare enum ToolbarActionTypes {
     headingList = "heading-list",
     tableRemove = "table-remove",
     tableDeleteRows = "table-delete-rows",
-    tableDeleteColumns = "table-delete-columns"
+    tableDeleteColumns = "table-delete-columns",
+    group = "group"
 }
 export declare const MarkProps: Array<MarkTypes>;
 export declare const THE_INLINE_TOOLBAR_TYPES: Array<ElementKinds>;

package/constants/plugin-menu.d.ts

@@ -0,0 +1,24 @@
+import { ThePluginMenuItemConfig } from '../interfaces/plugins/plugin-menu';
+export declare const DefaultPluginMenu: ThePluginMenuItemConfig[];
+export declare enum ThePluginMenuItemType {
+    icon = "iconMenu",
+    group = "groupMenu"
+}
+export declare enum PluginMenuIcons {
+    heading_1 = "the-icon-heading-one",
+    heading_2 = "the-icon-heading-two",
+    heading_3 = "the-icon-heading-three",
+    heading_4 = "the-icon-heading-four",
+    numberedList = "the-icon-numbered-list",
+    bulletedList = "the-icon-bulleted-list",
+    link = "the-icon-link",
+    image = "the-icon-image",
+    blockquote = "the-icon-block-quote",
+    code = "the-icon-code",
+    table = "the-icon-table",
+    hr = "the-icon-hr"
+}
+export declare const PluginMenuSvgs: {
+    key: PluginMenuIcons;
+    svg: string;
+}[];

package/constants/toolbar.d.ts

@@ -7,11 +7,6 @@ export declare enum DropdownMode {
     icon = "icon-mode",
     text = "text-mode"
 }
-export declare enum ToolbarItemMode {
-    horizontal = 0,
-    vertical = 1
-}
 export declare const DefaultGlobalToolbarDefinition: ToolbarKey[];
 export declare const DefaultInlineToolbarDefinition: ToolbarKey[];
-export declare const DefaultQuickToolbarDefinition: ToolbarKey[];
 export declare const ToolbarMoreGroup: ToolbarItem;

package/core/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './merge-deep-plugins';
 export * from './nested-structure-by-key';
 export * from './plugins-by-key';
 export * from './merge-array';
+export * from './plugin-menu';

package/core/utils/plugin-menu.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from 'slate';
+import { ThePluginMenu, ThePluginMenuItem, ThePluginMenuItemConfig, ThePluginMenuItemKey } from '../../interfaces/plugins/plugin-menu';
+/**
+ * 构建插入菜单，用于绑定界面
+ * @param editor
+ * @param items
+ * @returns
+ */
+export declare const buildPluginMenu: (menuItemMap: Map<ThePluginMenuItemKey, ThePluginMenuItem>, items: ThePluginMenuItemConfig[]) => ThePluginMenu;
+export declare const buildPluginMenuItemMap: (editor: Editor) => Map<string, ThePluginMenuItem>;

package/editor.component.d.ts

@@ -9,6 +9,8 @@ import { TheTextComponent } from './components/text/text.component';
 import { TheContextService } from './services/context.service';
 import { TheQuickInsertComponent } from './plugins/quick-insert/components/quick-insert.component';
 import { ThePlugin } from './interfaces/plugins/plugins';
+import { ThyIconRegistry } from 'ngx-tethys/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 declare const TheEditorComponent_base: import("ngx-tethys/core").Constructor<import("ngx-tethys/core").ThyUnsubscribe> & typeof MixinBase;
 export declare class TheEditorComponent extends TheEditorComponent_base implements OnInit, OnChanges, OnDestroy {
@@ -17,6 +19,8 @@ export declare class TheEditorComponent extends TheEditorComponent_base implemen
     private elementRef;
     private ngZone;
     private cdr;
+    private iconRegistry;
+    private domSanitizer;
     visibleQuickInsertPlus: boolean;
     theOptions: TheOptions;
     thePlugins: ThePlugin[];
@@ -40,17 +44,17 @@ export declare class TheEditorComponent extends TheEditorComponent_base implemen
     decorate: (nodeEntry: NodeEntry) => Range[];
     get theGlobalToolbarInstance(): TheToolbarComponent;
     get maxHeight(): string;
-    get quickToolbarItems(): import("./interfaces").ToolbarItem[];
     autoScrollView: ((editor: Editor, scrollContainer: string) => void) & import("lodash").Cancelable;
     elementToHtml: WeakMap<Element, string>;
     private onChangeCallback;
     private onTouchedCallback;
-    constructor(theContextService: TheContextService, viewContainerRef: ViewContainerRef, elementRef: ElementRef, ngZone: NgZone, cdr: ChangeDetectorRef);
+    constructor(theContextService: TheContextService, viewContainerRef: ViewContainerRef, elementRef: ElementRef, ngZone: NgZone, cdr: ChangeDetectorRef, iconRegistry: ThyIconRegistry, domSanitizer: DomSanitizer);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     initialize(): void;
     initializeOptions(): void;
+    initializeMenuIcon(): void;
     applyAutoFocus(): void;
     toolbarCalculate(): void;
     globalToolbarInit(): void;

package/editor.module.d.ts

@@ -19,7 +19,6 @@ import { TheLinkEditComponent } from './plugins/link/edit/link-edit.component';
 import { TheLinkHoverComponent } from './plugins/link/hover/link-hover.component';
 import { TheLinkComponent } from './plugins/link/link.component';
 import { TheQuickInsertComponent } from './plugins/quick-insert/components/quick-insert.component';
-import { TheQuickToolbarComponent } from './plugins/quick-insert/components/quick-toolbar/quick-toolbar.component';
 import { TheInsertMarkComponent } from './plugins/table/components/insert-mark/insert-mark.component';
 import { TheTableComponent } from './plugins/table/components/table.component';
 import { TheTdComponent } from './plugins/table/components/td/td.component';
@@ -27,6 +26,8 @@ import { TheTableOptionsComponent } from './plugins/table/components/toolbar/tab
 import { TheTableToolbarComponent } from './plugins/table/components/toolbar/table-toolbar.component';
 import { TheTableToolbarItemComponent } from './plugins/table/toolbar-item.component';
 import { TheVerticalToolbarItemComponent } from './plugins/vertical-align/toolbar-item.component';
+import { ThePluginMenuComponent } from './components/plugin-menu/plugin-menu.component';
+import { TheListboxDirective, TheListboxOptionDirective, TheListboxGroupDirective } from './components/listbox/listbox';
 import * as i0 from "@angular/core";
 import * as i1 from "./editor.component";
 import * as i2 from "./pipes";
@@ -38,7 +39,7 @@ import * as i7 from "./components/inline-toolbar/inline-toolbar.component";
 import * as i8 from "./components/text/text.component";
 import * as i9 from "./components/element/element.component";
 import * as i10 from "./plugins/quick-insert/components/quick-insert.component";
-import * as i11 from "./plugins/quick-insert/components/quick-toolbar/quick-toolbar.component";
+import * as i11 from "./components/plugin-menu/plugin-menu.component";
 import * as i12 from "./components/color-select/color-select.component";
 import * as i13 from "./plugins/color/toolbar-item.component";
 import * as i14 from "./components/contextmenu/contextmenu.component";
@@ -48,54 +49,57 @@ import * as i17 from "./plugins/table/toolbar-item.component";
 import * as i18 from "./components/conversion-hint/conversion-hint.component";
 import * as i19 from "./plugins/vertical-align/toolbar-item.component";
 import * as i20 from "./plugins/table/components/toolbar/table-options.component";
-import * as i21 from "./plugins/image/image.component";
-import * as i22 from "./components/template/template.component";
-import * as i23 from "./plugins/hr/hr.component";
-import * as i24 from "./plugins/blockquote/blockquote.component";
-import * as i25 from "./plugins/todo-item/todo-item.component";
-import * as i26 from "./plugins/list/components/list-item.component";
-import * as i27 from "./plugins/list/components/bulleted-list.component";
-import * as i28 from "./plugins/list/components/numbered-list.component";
-import * as i29 from "./plugins/code/code.component";
-import * as i30 from "./plugins/link/link.component";
-import * as i31 from "./plugins/link/edit/link-edit.component";
-import * as i32 from "./plugins/link/hover/link-hover.component";
-import * as i33 from "./plugins/table/components/toolbar/table-toolbar.component";
-import * as i34 from "./plugins/table/components/table.component";
-import * as i35 from "./plugins/table/components/row/row.component";
-import * as i36 from "./plugins/table/components/td/td.component";
-import * as i37 from "./plugins/inline-code/inline-code.component";
-import * as i38 from "@angular/common";
-import * as i39 from "@angular/cdk/scrolling";
-import * as i40 from "slate-angular";
-import * as i41 from "@angular/forms";
-import * as i42 from "ngx-tethys/icon";
-import * as i43 from "ngx-tethys/avatar";
-import * as i44 from "ngx-tethys/nav";
-import * as i45 from "ngx-tethys/form";
-import * as i46 from "ngx-tethys/shared";
-import * as i47 from "ngx-tethys/list";
-import * as i48 from "ngx-tethys/tooltip";
-import * as i49 from "ngx-tethys/progress";
-import * as i50 from "ngx-tethys/autocomplete";
-import * as i51 from "ngx-tethys/input";
-import * as i52 from "ngx-tethys/select";
-import * as i53 from "ngx-tethys/button";
-import * as i54 from "ngx-tethys/notify";
-import * as i55 from "ngx-tethys/alert";
-import * as i56 from "ngx-tethys/resizable";
-import * as i57 from "ngx-tethys/switch";
-import * as i58 from "ngx-tethys/image";
-import * as i59 from "ngx-tethys/dialog";
-import * as i60 from "ngx-tethys/action";
-import * as i61 from "ngx-tethys/divider";
-import * as i62 from "ngx-tethys/dropdown";
-import * as i63 from "ng-codemirror";
-import * as i64 from "./components/column-resize/column-resize.module";
-export declare const COMPONENTS: (typeof TheDefaultElementComponent | typeof TheToolbarGroupComponent | typeof TheColorSelectComponent | typeof TheContextMenuComponent | typeof TheTableOptionsComponent | typeof TheTextComponent | typeof TheToolbarDropdownComponent | typeof TheToolbarItemComponent | typeof TheToolbarComponent | typeof TheQuickToolbarComponent | typeof TheQuickInsertComponent | typeof TheColorToolbarItemComponent | typeof TheConversionHintComponent | typeof TheTableSelectComponent | typeof TheTableToolbarItemComponent | typeof TheVerticalToolbarItemComponent | typeof TheInlineToolbarComponent | typeof TheInsertMarkComponent)[];
-export declare const PLUGIN_COMPONENTS: (typeof TheTableToolbarComponent | typeof TheTableComponent | typeof TheTemplateComponent | typeof TheBlockquoteComponent | typeof TheCodeComponent | typeof TheImageComponent | typeof TheLinkHoverComponent | typeof TheLinkEditComponent | typeof TheLinkComponent | typeof TheTdComponent | typeof TheTodoItemComponent)[];
+import * as i21 from "./components/listbox/listbox";
+import * as i22 from "./plugins/image/image.component";
+import * as i23 from "./components/template/template.component";
+import * as i24 from "./plugins/hr/hr.component";
+import * as i25 from "./plugins/blockquote/blockquote.component";
+import * as i26 from "./plugins/todo-item/todo-item.component";
+import * as i27 from "./plugins/list/components/list-item.component";
+import * as i28 from "./plugins/list/components/bulleted-list.component";
+import * as i29 from "./plugins/list/components/numbered-list.component";
+import * as i30 from "./plugins/code/code.component";
+import * as i31 from "./plugins/link/link.component";
+import * as i32 from "./plugins/link/edit/link-edit.component";
+import * as i33 from "./plugins/link/hover/link-hover.component";
+import * as i34 from "./plugins/table/components/toolbar/table-toolbar.component";
+import * as i35 from "./plugins/table/components/table.component";
+import * as i36 from "./plugins/table/components/row/row.component";
+import * as i37 from "./plugins/table/components/td/td.component";
+import * as i38 from "./plugins/inline-code/inline-code.component";
+import * as i39 from "@angular/common";
+import * as i40 from "@angular/cdk/scrolling";
+import * as i41 from "slate-angular";
+import * as i42 from "@angular/forms";
+import * as i43 from "ngx-tethys/icon";
+import * as i44 from "ngx-tethys/avatar";
+import * as i45 from "ngx-tethys/nav";
+import * as i46 from "ngx-tethys/form";
+import * as i47 from "ngx-tethys/shared";
+import * as i48 from "ngx-tethys/list";
+import * as i49 from "ngx-tethys/tooltip";
+import * as i50 from "ngx-tethys/progress";
+import * as i51 from "ngx-tethys/autocomplete";
+import * as i52 from "ngx-tethys/input";
+import * as i53 from "ngx-tethys/select";
+import * as i54 from "ngx-tethys/button";
+import * as i55 from "ngx-tethys/notify";
+import * as i56 from "ngx-tethys/alert";
+import * as i57 from "ngx-tethys/resizable";
+import * as i58 from "ngx-tethys/switch";
+import * as i59 from "ngx-tethys/image";
+import * as i60 from "ngx-tethys/dialog";
+import * as i61 from "ngx-tethys/action";
+import * as i62 from "ngx-tethys/divider";
+import * as i63 from "ngx-tethys/dropdown";
+import * as i64 from "ngx-tethys/menu";
+import * as i65 from "ngx-tethys/empty";
+import * as i66 from "ng-codemirror";
+import * as i67 from "./components/column-resize/column-resize.module";
+export declare const COMPONENTS: (typeof TheDefaultElementComponent | typeof TheToolbarGroupComponent | typeof TheColorSelectComponent | typeof TheContextMenuComponent | typeof TheTableOptionsComponent | typeof TheTextComponent | typeof TheToolbarDropdownComponent | typeof TheToolbarItemComponent | typeof TheToolbarComponent | typeof ThePluginMenuComponent | typeof TheVerticalToolbarItemComponent | typeof TheQuickInsertComponent | typeof TheColorToolbarItemComponent | typeof TheConversionHintComponent | typeof TheTableSelectComponent | typeof TheTableToolbarItemComponent | typeof TheInlineToolbarComponent | typeof TheInsertMarkComponent | typeof TheListboxOptionDirective | typeof TheListboxGroupDirective | typeof TheListboxDirective)[];
+export declare const PLUGIN_COMPONENTS: (typeof TheTableToolbarComponent | typeof TheTableComponent | typeof TheTemplateComponent | typeof TheLinkHoverComponent | typeof TheLinkEditComponent | typeof TheLinkComponent | typeof TheBlockquoteComponent | typeof TheCodeComponent | typeof TheImageComponent | typeof TheTdComponent | typeof TheTodoItemComponent)[];
 export declare class TheEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheEditorModule, [typeof i1.TheEditorComponent, typeof i2.ElementStylePipe, typeof i2.ElementClassPipe, typeof i3.TheToolbarComponent, typeof i4.TheToolbarDropdownComponent, typeof i5.TheToolbarGroupComponent, typeof i6.TheToolbarItemComponent, typeof i7.TheInlineToolbarComponent, typeof i8.TheTextComponent, typeof i9.TheDefaultElementComponent, typeof i10.TheQuickInsertComponent, typeof i11.TheQuickToolbarComponent, typeof i12.TheColorSelectComponent, typeof i13.TheColorToolbarItemComponent, typeof i14.TheContextMenuComponent, typeof i15.TheInsertMarkComponent, typeof i16.TheTableSelectComponent, typeof i17.TheTableToolbarItemComponent, typeof i18.TheConversionHintComponent, typeof i19.TheVerticalToolbarItemComponent, typeof i20.TheTableOptionsComponent, typeof i21.TheImageComponent, typeof i22.TheTemplateComponent, typeof i23.TheHrComponent, typeof i24.TheBlockquoteComponent, typeof i25.TheTodoItemComponent, typeof i26.TheListItemComponent, typeof i27.TheBulletedListComponent, typeof i28.TheNumberedListComponent, typeof i29.TheCodeComponent, typeof i30.TheLinkComponent, typeof i31.TheLinkEditComponent, typeof i32.TheLinkHoverComponent, typeof i33.TheTableToolbarComponent, typeof i34.TheTableComponent, typeof i35.TheTableRowComponent, typeof i36.TheTdComponent, typeof i37.TheInlineCodeComponent], [typeof i38.CommonModule, typeof i39.ScrollingModule, typeof i40.SlateModule, typeof i41.FormsModule, typeof i42.ThyIconModule, typeof i43.ThyAvatarModule, typeof i44.ThyNavModule, typeof i45.ThyFormModule, typeof i46.ThySharedModule, typeof i47.ThyListModule, typeof i48.ThyTooltipModule, typeof i49.ThyProgressModule, typeof i50.ThyAutocompleteModule, typeof i51.ThyInputModule, typeof i52.ThySelectModule, typeof i53.ThyButtonModule, typeof i54.ThyNotifyModule, typeof i55.ThyAlertModule, typeof i56.ThyResizableModule, typeof i57.ThySwitchModule, typeof i58.ThyImageModule, typeof i59.ThyDialogModule, typeof i60.ThyActionModule, typeof i61.ThyDividerModule, typeof i62.ThyDropdownModule, typeof i63.CodemirrorModule, typeof i64.TheColumnSizeModule], [typeof i1.TheEditorComponent, typeof i3.TheToolbarComponent, typeof i4.TheToolbarDropdownComponent, typeof i6.TheToolbarItemComponent, typeof i9.TheDefaultElementComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheEditorModule, [typeof i1.TheEditorComponent, typeof i2.ElementStylePipe, typeof i2.ElementClassPipe, typeof i3.TheToolbarComponent, typeof i4.TheToolbarDropdownComponent, typeof i5.TheToolbarGroupComponent, typeof i6.TheToolbarItemComponent, typeof i7.TheInlineToolbarComponent, typeof i8.TheTextComponent, typeof i9.TheDefaultElementComponent, typeof i10.TheQuickInsertComponent, typeof i11.ThePluginMenuComponent, typeof i12.TheColorSelectComponent, typeof i13.TheColorToolbarItemComponent, typeof i14.TheContextMenuComponent, typeof i15.TheInsertMarkComponent, typeof i16.TheTableSelectComponent, typeof i17.TheTableToolbarItemComponent, typeof i18.TheConversionHintComponent, typeof i19.TheVerticalToolbarItemComponent, typeof i20.TheTableOptionsComponent, typeof i21.TheListboxOptionDirective, typeof i21.TheListboxGroupDirective, typeof i21.TheListboxDirective, typeof i22.TheImageComponent, typeof i23.TheTemplateComponent, typeof i24.TheHrComponent, typeof i25.TheBlockquoteComponent, typeof i26.TheTodoItemComponent, typeof i27.TheListItemComponent, typeof i28.TheBulletedListComponent, typeof i29.TheNumberedListComponent, typeof i30.TheCodeComponent, typeof i31.TheLinkComponent, typeof i32.TheLinkEditComponent, typeof i33.TheLinkHoverComponent, typeof i34.TheTableToolbarComponent, typeof i35.TheTableComponent, typeof i36.TheTableRowComponent, typeof i37.TheTdComponent, typeof i38.TheInlineCodeComponent], [typeof i39.CommonModule, typeof i40.ScrollingModule, typeof i41.SlateModule, typeof i42.FormsModule, typeof i43.ThyIconModule, typeof i44.ThyAvatarModule, typeof i45.ThyNavModule, typeof i46.ThyFormModule, typeof i47.ThySharedModule, typeof i48.ThyListModule, typeof i49.ThyTooltipModule, typeof i50.ThyProgressModule, typeof i51.ThyAutocompleteModule, typeof i52.ThyInputModule, typeof i53.ThySelectModule, typeof i54.ThyButtonModule, typeof i55.ThyNotifyModule, typeof i56.ThyAlertModule, typeof i57.ThyResizableModule, typeof i58.ThySwitchModule, typeof i59.ThyImageModule, typeof i60.ThyDialogModule, typeof i61.ThyActionModule, typeof i62.ThyDividerModule, typeof i63.ThyDropdownModule, typeof i64.ThyMenuModule, typeof i65.ThyEmptyModule, typeof i66.CodemirrorModule, typeof i67.TheColumnSizeModule], [typeof i1.TheEditorComponent, typeof i3.TheToolbarComponent, typeof i4.TheToolbarDropdownComponent, typeof i6.TheToolbarItemComponent, typeof i9.TheDefaultElementComponent, typeof i21.TheListboxOptionDirective, typeof i21.TheListboxGroupDirective, typeof i21.TheListboxDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheEditorModule>;
 }