@progress/kendo-vue-editor 2.7.3 → 3.0.0-dev.202201141128

package/dist/es/Editor.d.ts

@@ -1,6 +1,4 @@
-import * as Vue from 'vue';
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -10,249 +8,167 @@ import { EditorToolsSettings } from './config/toolsSettings';
 import { EditorProps } from './EditorProps';
 export declare const allTools: {
     Bold: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     Italic: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     Underline: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     Strikethrough: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     Subscript: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     Superscript: {
-        comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
-            [key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
-        }, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InlineFormatSettings;
     };
     AlignLeft: {
-        comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
-            [key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
-        }, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AlignSettings;
     };
     AlignCenter: {
-        comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
-            [key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
-        }, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AlignSettings;
     };
     AlignRight: {
-        comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
-            [key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
-        }, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AlignSettings;
     };
     AlignJustify: {
-        comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
-            [key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
-        }, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AlignSettings;
     };
     Indent: {
-        comp: Vue.ComponentOptions<import("./tools/indent").IndentAll, object | ((this: import("./tools/indent").IndentData) => {}), {
-            [key: string]: (this: import("./tools/indent").IndentAll, ...args: any[]) => any;
-        }, import("./tools/indent").IndentComputed, RecordPropsDefinition<import("./tools/indent").IndentProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.IndentationSettings;
     };
     Outdent: {
-        comp: Vue.ComponentOptions<import("./tools/outdent").OutdentAll, object | ((this: import("./tools/outdent").OutdentData) => {}), {
-            [key: string]: (this: import("./tools/outdent").OutdentAll, ...args: any[]) => any;
-        }, import("./tools/outdent").OutdentComputed, RecordPropsDefinition<import("./tools/outdent").OutdentProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.IndentationSettings;
     };
     OrderedList: {
-        comp: Vue.ComponentOptions<import("./tools/lists").ListAll, object | ((this: import("./tools/lists").ListData) => {}), {
-            [key: string]: (this: import("./tools/lists").ListAll, ...args: any[]) => any;
-        }, import("./tools/lists").ListComputed, RecordPropsDefinition<import("./tools/lists").ListToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ListSettings;
     };
     UnorderedList: {
-        comp: Vue.ComponentOptions<import("./tools/lists").ListAll, object | ((this: import("./tools/lists").ListData) => {}), {
-            [key: string]: (this: import("./tools/lists").ListAll, ...args: any[]) => any;
-        }, import("./tools/lists").ListComputed, RecordPropsDefinition<import("./tools/lists").ListToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ListSettings;
     };
     FontSize: {
-        comp: Vue.ComponentOptions<import("./tools/fontStyle").FontNameAll, object | ((this: import("./tools/fontStyle").FontNameData) => {}), {
-            [key: string]: (this: import("./tools/fontStyle").FontNameAll, ...args: any[]) => any;
-        }, import("./tools/fontStyle").FontNameComputed, RecordPropsDefinition<import("./tools/fontStyle").FontNameProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.StyleDropDownListSettings;
     };
     FontName: {
-        comp: Vue.ComponentOptions<import("./tools/fontStyle").FontNameAll, object | ((this: import("./tools/fontStyle").FontNameData) => {}), {
-            [key: string]: (this: import("./tools/fontStyle").FontNameAll, ...args: any[]) => any;
-        }, import("./tools/fontStyle").FontNameComputed, RecordPropsDefinition<import("./tools/fontStyle").FontNameProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.StyleDropDownListSettings;
     };
     FormatBlock: {
-        comp: Vue.ComponentOptions<import("./tools/formatBlock").FormatBlockAll, object | ((this: import("./tools/formatBlock").FormatBlockData) => {}), {
-            [key: string]: (this: import("./tools/formatBlock").FormatBlockAll, ...args: any[]) => any;
-        }, import("./tools/formatBlock").FormatBlockComputed, RecordPropsDefinition<import("./tools/formatBlock").FormatBlockProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.FormatBlockDropDownListSettings;
     };
     Undo: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ToolSettings;
     };
     Redo: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ToolSettings;
     };
     Link: {
-        comp: Vue.ComponentOptions<import("./tools/insertLink").LinkToolAll, object | ((this: import("./tools/insertLink").LinkToolData) => {}), {
-            [key: string]: (this: import("./tools/insertLink").LinkToolAll, ...args: any[]) => any;
-        }, import("./tools/insertLink").LinkToolComputed, RecordPropsDefinition<import("./tools/insertLink").LinkProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.LinkSettings;
     };
     Unlink: {
-        comp: Vue.ComponentOptions<import("./tools/unlink").UnlinkAll, object | ((this: import("./tools/unlink").UnlinkData) => {}), {
-            [key: string]: (this: import("./tools/unlink").UnlinkAll, ...args: any[]) => any;
-        }, import("./tools/unlink").UnlinkComputed, RecordPropsDefinition<import("./tools/unlink").UnlinkProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.UnlinkSettings;
     };
     InsertImage: {
-        comp: Vue.ComponentOptions<import("./tools/insertImage").InsertImageAll, object | ((this: import("./tools/insertImage").InsertImageData) => {}), {
-            [key: string]: (this: import("./tools/insertImage").InsertImageAll, ...args: any[]) => any;
-        }, import("./tools/insertImage").InsertImageComputed, RecordPropsDefinition<import("./tools/insertImage").InsertImageProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ImageSettings;
     };
     ViewHtml: {
-        comp: Vue.ComponentOptions<import("./tools/viewHtml").ViewHtmlAll, object | ((this: import("./tools/viewHtml").ViewHtmlData) => {}), {
-            [key: string]: (this: import("./tools/viewHtml").ViewHtmlAll, ...args: any[]) => any;
-        }, import("./tools/viewHtml").ViewHtmlComputed, RecordPropsDefinition<import("./tools/viewHtml").ViewHtmlProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ViewHtmlSettings;
     };
     CleanFormatting: {
-        comp: Vue.ComponentOptions<import("./tools/cleanFormatting").CleanFormattingAll, object | ((this: import("./tools/cleanFormatting").CleanFormattingData) => {}), {
-            [key: string]: (this: import("./tools/cleanFormatting").CleanFormattingAll, ...args: any[]) => any;
-        }, import("./tools/cleanFormatting").CleanFormattingComputed, RecordPropsDefinition<import("./tools/cleanFormatting").CleanFormattingProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.CleanFormattingSettings;
     };
     SelectAll: {
-        comp: Vue.ComponentOptions<import("./tools/selectAll").SelectAllAll, object | ((this: import("./tools/selectAll").SelectAllData) => {}), {
-            [key: string]: (this: import("./tools/selectAll").SelectAllAll, ...args: any[]) => any;
-        }, import("./tools/selectAll").SelectAllComputed, RecordPropsDefinition<import("./tools/selectAll").SelectAllProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.SelectAllSettings;
     };
     InsertTable: {
-        comp: Vue.ComponentOptions<import("./tools/insertTable/tool").InsertTableAll, object | ((this: import("./tools/insertTable/tool").InsertTableData) => {}), {
-            [key: string]: (this: import("./tools/insertTable/tool").InsertTableAll, ...args: any[]) => any;
-        }, import("./tools/insertTable/tool").InsertTableComputed, RecordPropsDefinition<import("./tools/insertTable/tool").InsertTableProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InsertTableSettings;
     };
     MergeCells: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.MergeCellsSettings;
     };
     SplitCell: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.SplitCellSettings;
     };
     AddRowBefore: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AddRowBeforeSettings;
     };
     AddRowAfter: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AddRowAfterSettings;
     };
     AddColumnBefore: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AddColumnBeforeSettings;
     };
     AddColumnAfter: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.AddColumnAfterSettings;
     };
     DeleteRow: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.DeleteRowSettings;
     };
     DeleteColumn: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.DeleteColumnSettings;
     };
     DeleteTable: {
-        comp: Vue.ComponentOptions<import("./tools/proseMirrorTool").ProseMirrorAll, object | ((this: import("./tools/proseMirrorTool").ProseMirrorData) => {}), {
-            [key: string]: (this: import("./tools/proseMirrorTool").ProseMirrorAll, ...args: any[]) => any;
-        }, import("./tools/proseMirrorTool").ProseMirrorComputed, RecordPropsDefinition<import("./tools/ToolProps").ToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.DeleteTableSettings;
     };
     Print: {
-        comp: Vue.ComponentOptions<import("./tools/print").PrintAll, object | ((this: import("./tools/print").PrintData) => {}), {
-            [key: string]: (this: import("./tools/print").PrintAll, ...args: any[]) => any;
-        }, import("./tools/print").PrintComputed, RecordPropsDefinition<import("./tools/print").PrintProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.PrintSettings;
     };
     Pdf: {
-        comp: Vue.ComponentOptions<import("./tools/pdf").PdfAll, object | ((this: import("./tools/pdf").PdfData) => {}), {
-            [key: string]: (this: import("./tools/pdf").PdfAll, ...args: any[]) => any;
-        }, import("./tools/pdf").PdfComputed, RecordPropsDefinition<import("./tools/pdf").PdfProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.PdfSettings;
     };
     InsertFile: {
-        comp: Vue.ComponentOptions<import("./tools/insertLink").LinkToolAll, object | ((this: import("./tools/insertLink").LinkToolData) => {}), {
-            [key: string]: (this: import("./tools/insertLink").LinkToolAll, ...args: any[]) => any;
-        }, import("./tools/insertLink").LinkToolComputed, RecordPropsDefinition<import("./tools/insertLink").LinkProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.InsertFileSettings;
     };
     FindAndReplace: {
-        comp: Vue.ComponentOptions<import("./tools/findReplace").FindAndReplaceAll, object | ((this: import("./tools/findReplace").FindAndReplaceData) => {}), {
-            [key: string]: (this: import("./tools/findReplace").FindAndReplaceAll, ...args: any[]) => any;
-        }, import("./tools/findReplace").FindAndReplaceComputed, RecordPropsDefinition<import("./tools/findReplace").FindAndReplaceProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.FindReplaceSettings;
     };
     ForeColor: {
-        comp: Vue.ComponentOptions<import("./tools/applyColor").ApplyColorAll, object | ((this: import("./tools/applyColor").ApplyColorData) => {}), {
-            [key: string]: (this: import("./tools/applyColor").ApplyColorAll, ...args: any[]) => any;
-        }, import("./tools/applyColor").ApplyColorComputed, RecordPropsDefinition<import("./tools/applyColor").ApplyColorToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ApplyColorSettings;
     };
     BackColor: {
-        comp: Vue.ComponentOptions<import("./tools/applyColor").ApplyColorAll, object | ((this: import("./tools/applyColor").ApplyColorData) => {}), {
-            [key: string]: (this: import("./tools/applyColor").ApplyColorAll, ...args: any[]) => any;
-        }, import("./tools/applyColor").ApplyColorComputed, RecordPropsDefinition<import("./tools/applyColor").ApplyColorToolProps>, Record<string, any>>;
+        comp: any;
         props: EditorToolsSettings.ApplyColorSettings;
     };
 };
@@ -261,7 +177,7 @@ export declare const allTools: {
  */
 export interface EditorComponentState {
     element: HTMLElement | null;
-    view?: EditorView;
+    _view?: EditorView;
     contentElement: HTMLDivElement | null;
     iframe: HTMLIFrameElement | null;
     trOnChange: Transaction | null;
@@ -284,12 +200,14 @@ export interface EditorMethods {
  * @hidden
  */
 export interface EditorData {
+    view?: EditorView;
+    linkDialog?: boolean;
 }
 /**
  * @hidden
  */
-export interface EditorAll extends Vue, EditorMethods, EditorData, EditorComputed, EditorComponentState {
+export interface EditorAll extends Vue2type, EditorMethods, EditorData, EditorComputed, EditorComponentState {
 }
-declare let Editor: ComponentOptions<EditorAll, DefaultData<EditorData>, DefaultMethods<EditorAll>, EditorComputed, RecordPropsDefinition<EditorProps>>;
-declare const EditorVue3: DefineComponent<EditorProps, any, EditorData, EditorComputed, EditorMethods, {}, {}, {}, string, EditorProps, EditorProps, {}>;
-export { Editor, EditorVue3 };
+declare let EditorVue2: ComponentOptions<EditorAll, DefaultData<EditorData>, DefaultMethods<EditorAll>, EditorComputed, RecordPropsDefinition<EditorProps>>;
+declare const Editor: DefineComponent<EditorProps, any, EditorData, EditorComputed, EditorMethods, {}, {}, {}, string, EditorProps, EditorProps, {}>;
+export { Editor, EditorVue2 };

package/dist/es/Editor.js

@@ -33,7 +33,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var markRaw = allVue.markRaw;
-import { ButtonGroup, Toolbar } from '@progress/kendo-vue-buttons';
+import { ButtonGroup, Toolbar, ToolbarSeparator } from '@progress/kendo-vue-buttons';
 import { classNames, validatePackage, getTemplate, getListeners, templateRendering, guid } from '@progress/kendo-vue-common';
 import { EditorState, Plugin, PluginKey, EditorView, Schema, baseKeymap, keymap, history, dropCursor, gapCursor, getMark, spacesFix, tableEditing } from '@progress/kendo-editor-common';
 import { marks, nodes } from './config/schema';
@@ -235,7 +235,7 @@ export var allTools = {
   }
 }; // tslint:enable:max-line-length
 
-var Editor = {
+var EditorVue2 = {
   name: 'KendoEditor',
   props: {
     defaultContent: String,
@@ -250,7 +250,10 @@ var Editor = {
     contentStyle: Object,
     dir: String,
     tools: Array,
-    keyboardNavigation: Boolean,
+    keyboardNavigation: {
+      type: Boolean,
+      default: true
+    },
     resizable: Boolean,
     preserveWhitespace: {
       type: [String, Boolean],
@@ -258,7 +261,9 @@ var Editor = {
       validator: function validator(value) {
         return [true, false, 'full'].includes(value);
       }
-    }
+    },
+    pasteHtml: Function,
+    extendView: Function
   },
   data: function data() {
     return {
@@ -343,10 +348,10 @@ var Editor = {
         _d = _a.preserveWhitespace,
         preserveWhitespace = _d === void 0 ? 'full' : _d,
         style = _a.style;
-    var view = this.v3 ? this._view : this.view;
+    var view = this.getView();
 
-    if (view) {
-      var editorProps = editorPropsKey.getState(view.state);
+    if (this.view) {
+      var editorProps = editorPropsKey.getState(this.view.state);
       editorProps.preserveWhitespace = preserveWhitespace;
     }
 
@@ -390,8 +395,14 @@ var Editor = {
         return h(this.v3 ? markRaw(allTools[currentTool].comp) : allTools[currentTool].comp, this.v3 ? toolProps : {
           props: toolProps
         });
+      } else if (ct === 'Separator') {
+        return (// @ts-ignore
+          h(ToolbarSeparator, {
+            key: index
+          })
+        );
       } else {
-        var tool = templateRendering.call(this, ct, getListeners.call(this));
+        var tool = templateRendering.call(this, ct.render, getListeners.call(this));
         return getTemplate.call(this, {
           h: h,
           template: tool,
@@ -400,11 +411,11 @@ var Editor = {
           additionalProps: {
             view: view,
             dir: this.$props.dir,
-            key: index
+            key: guid(),
+            settings: ct.props
           }
         });
-      } // return tool.type === ToolbarSeparator ? <Tool key={index} /> : tool;
-
+      }
     };
 
     var renderTools = function renderTools(item, index) {
@@ -461,14 +472,29 @@ var Editor = {
     }, [h("div", {
       ref: this.v3 ? function (el) {
         _this.contentElementRef = el;
-      } : 'contentElement',
-      suppressContentEditableWarning: true,
-      attrs: this.v3 ? undefined : {
-        suppressContentEditableWarning: true
-      }
+      } : 'contentElement'
     })]), renderDialog.call(this)]);
   },
   methods: {
+    getView: function getView() {
+      return this.v3 ? this._view : this.view;
+    },
+    getHTML: function getHTML() {
+      var view = this.getView();
+
+      if (view) {
+        return EditorUtils.getHtml(view.state);
+      }
+
+      return '';
+    },
+    setHTML: function setHTML(value) {
+      var view = this.getView();
+
+      if (view) {
+        EditorUtils.setHtml(view, value);
+      }
+    },
     focus: function focus() {
       if (this._view) {
         this._view.focus();
@@ -578,8 +604,7 @@ var Editor = {
       var _b = this.$props,
           _c = _b.defaultContent,
           defaultContent = _c === void 0 ? '' : _c,
-          value = _b.value,
-          onMount = _b.onMount;
+          value = _b.value;
       var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
         nodes: nodes,
         marks: marks
@@ -606,7 +631,8 @@ var Editor = {
         viewProps: viewProps,
         dom: dom
       };
-      var view = this._view = onMount && onMount.call(undefined, mountEvent) || new EditorView({
+      this.$emit('loaded', mountEvent);
+      var view = this._view = this.$props.extendView && this.$props.extendView(mountEvent) || new EditorView({
         mount: dom
       }, viewProps);
       this.view = view;
@@ -621,13 +647,13 @@ var Editor = {
       return true;
     },
     onPasteHtml: function onPasteHtml(html) {
-      if (this.$props.onPasteHtml && this.pasteEvent) {
+      if (this.$props.pasteHtml && this.pasteEvent) {
         var event_1 = {
           target: this,
           pastedHtml: html,
-          nativeEvent: this.pasteEvent
+          event: this.pasteEvent
         };
-        var newHtml = this.$props.onPasteHtml.call(undefined, event_1);
+        var newHtml = this.$props.pasteHtml(event_1);
         this.pasteEvent = undefined;
 
         if (typeof newHtml === 'string') {
@@ -690,7 +716,7 @@ var Editor = {
       return false;
     },
     onPaste: function onPaste(_view, nativeEvent) {
-      if (this.$props.onPasteHtml) {
+      if (this.$props.pasteHtml) {
         this.pasteEvent = nativeEvent;
       }
 
@@ -701,5 +727,5 @@ var Editor = {
     }
   }
 };
-var EditorVue3 = Editor;
-export { Editor, EditorVue3 };
+var Editor = EditorVue2;
+export { Editor, EditorVue2 };

package/dist/es/EditorProps.d.ts

@@ -66,7 +66,7 @@ export interface EditorPasteEvent extends EditorEvent {
     /**
      * The native paste event.
      */
-    nativeEvent: ClipboardEvent;
+    event: ClipboardEvent;
 }
 /**
  * Represents the object of the `onExecute` Editor event.
@@ -127,17 +127,23 @@ export interface EditorProps {
      * Sets the tools of the Editor. By default, the Editor renders no tools.
      */
     tools?: Array<any>;
+    /**
+     * A funciton that fires each time the Editor is about to insert pasted content.
+     * Useful for modifying pasted content.
+     */
+    pasteHtml?: (event: EditorPasteEvent) => string | void;
     /**
      * Fires each time the Editor is about to mount.
      * Useful for configuring the `EditorView` object.
      * To initialize `EditorView`, use the properties of the `event` object.
      */
-    onMount?: (event: EditorMountEvent) => EditorView | void;
+    extendView?: (event: EditorMountEvent) => EditorView | void;
     /**
-     * Fires each time the Editor is about to insert pasted content.
-     * Useful for modifying pasted content.
+     * Fires each time the Editor is about to mount.
+     * Useful for configuring the `EditorView` object.
+     * To initialize `EditorView`, use the properties of the `event` object.
      */
-    onPastehtml?: (event: EditorPasteEvent) => string | void;
+    onLoaded?: (event: EditorMountEvent) => EditorView | void;
     /**
      * Fires each time the Editor is about to apply a transaction.
      * To prevent the transaction, return `false`.

package/dist/es/additionalTypes.ts

@@ -1,3 +1,9 @@
 // @ts-ignore
 import { DefineComponent } from 'vue';
-export { DefineComponent };
+// @ts-ignore
+import * as Vue from 'vue';
+// @ts-ignore
+type Vue2type = Vue.default;
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/config/toolsSettings.d.ts

@@ -154,6 +154,10 @@ export declare namespace EditorToolsSettings {
          * The name of the applied command.
          */
         commandName: string;
+        /**
+         * The dir of the applied command.
+         */
+        dir?: String;
     }
     /**
      * The setting of the IndentAction tool.

package/dist/es/dialogs/FindReplace.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
 import { TextSelection, EditorView } from '@progress/kendo-editor-common';
 interface FindAndReplaceDialogData {
     selectedTab: number;
-    matches?: TextSelection<any>[];
+    matches: TextSelection<any>[];
     nextMatch?: TextSelection<any>;
     searchText: string;
     replaceText: string;
@@ -58,8 +57,8 @@ export interface FindAndReplaceDialogState {
 /**
  * @hidden
  */
-export interface FindAndReplaceDialogAll extends Vue, FindAndReplaceDialogMethods, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogState {
+export interface FindAndReplaceDialogAll extends Vue2type, FindAndReplaceDialogMethods, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogState {
 }
-declare let FindAndReplaceDialog: ComponentOptions<FindAndReplaceDialogAll, DefaultData<FindAndReplaceDialogData>, DefaultMethods<FindAndReplaceDialogAll>, FindAndReplaceDialogComputed, RecordPropsDefinition<FindAndReplaceDialogProps>>;
-declare const FindAndReplaceDialogVue3: DefineComponent<FindAndReplaceDialogProps, any, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogMethods, {}, {}, {}, string, FindAndReplaceDialogProps, FindAndReplaceDialogProps, {}>;
-export { FindAndReplaceDialog, FindAndReplaceDialogVue3 };
+declare let FindAndReplaceDialogVue2: ComponentOptions<FindAndReplaceDialogAll, DefaultData<FindAndReplaceDialogData>, DefaultMethods<FindAndReplaceDialogAll>, FindAndReplaceDialogComputed, RecordPropsDefinition<FindAndReplaceDialogProps>>;
+declare const FindAndReplaceDialog: DefineComponent<FindAndReplaceDialogProps, any, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogMethods, {}, {}, {}, string, FindAndReplaceDialogProps, FindAndReplaceDialogProps, {}>;
+export { FindAndReplaceDialog, FindAndReplaceDialogVue2 };