@progress/kendo-vue-editor 2.7.2 → 2.8.0-dev.202201121019

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

@@ -49,11 +49,11 @@ var link = EditorToolsSettings.link,
     underline = EditorToolsSettings.underline;
 import { firefox } from './utils/browser-detection';
 import { packageMetadata } from './package-metadata';
-import { Align } from './tools/Align';
-import { Indent } from './tools/Indent';
+import { Align } from './tools/align';
+import { Indent } from './tools/indent';
 import { List } from './tools/lists';
-import { Outdent } from './tools/Outdent';
-import { InlineFormat } from './tools/InlineFormat';
+import { Outdent } from './tools/outdent';
+import { InlineFormat } from './tools/inlineFormat';
 import { FontName } from './tools/fontStyle';
 import { FormatBlock } from './tools/formatBlock';
 import { ProseMirror } from './tools/proseMirrorTool';
@@ -61,7 +61,7 @@ import { LinkTool } from './tools/insertLink';
 import { Unlink } from './tools/unlink';
 import { CleanFormatting } from './tools/cleanFormatting';
 import { SelectAll } from './tools/selectAll';
-import { InsertImage } from './tools/InsertImage';
+import { InsertImage } from './tools/insertImage';
 import { InsertTable } from './tools/insertTable/tool';
 import { ViewHtml } from './tools/viewHtml';
 import { Pdf } from './tools/pdf';
@@ -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 {
@@ -267,6 +272,7 @@ var Editor = {
     };
   },
   created: function created() {
+    this._view = undefined;
     validatePackage(packageMetadata);
   },
   mounted: function mounted() {
@@ -284,7 +290,7 @@ var Editor = {
   },
   updated: function updated() {
     var value = this.$props.value;
-    var view = this.view;
+    var view = this._view;
 
     if (value === undefined || !view) {
       return;
@@ -303,8 +309,8 @@ var Editor = {
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    if (this.view) {
-      this.view.destroy();
+    if (this._view) {
+      this._view.destroy();
     }
 
     this.view = undefined;
@@ -315,8 +321,8 @@ var Editor = {
         return this.trOnChange.doc;
       } else if (this.$props.value !== undefined) {
         return this.$props.value;
-      } else if (this.view) {
-        return this.view.state.doc;
+      } else if (this._view) {
+        return this._view.state.doc;
       }
 
       return this.$props.defaultContent || '';
@@ -342,9 +348,10 @@ var Editor = {
         _d = _a.preserveWhitespace,
         preserveWhitespace = _d === void 0 ? 'full' : _d,
         style = _a.style;
+    var view = this.getView();
 
-    if (this.view) {
-      var editorProps = editorPropsKey.getState(this.view.state);
+    if (view) {
+      var editorProps = editorPropsKey.getState(view.state);
       editorProps.preserveWhitespace = preserveWhitespace;
     }
 
@@ -359,9 +366,9 @@ var Editor = {
     var renderDialog = function renderDialog() {
       return this.linkDialog && // @ts-ignore function children
       h(InsertLinkDialog, {
-        view: this.view,
+        view: view,
         attrs: this.v3 ? undefined : {
-          view: this.view,
+          view: view,
           settings: link,
           dir: this.$props.dir
         },
@@ -379,7 +386,7 @@ var Editor = {
 
       if (allTools[currentTool]) {
         var toolProps = __assign({
-          view: this.view,
+          view: view,
           dir: this.$props.dir,
           key: guid(),
           settings: allTools[currentTool].props
@@ -396,7 +403,7 @@ var Editor = {
           defaultRendering: null,
           additionalListeners: {},
           additionalProps: {
-            view: this.view,
+            view: view,
             dir: this.$props.dir,
             key: index
           }
@@ -459,21 +466,41 @@ 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();
+      if (this._view) {
+        this._view.focus();
       }
     },
     updateTools: function updateTools(view) {
       this.view = view;
+
+      if (this.v3) {
+        this._view = view;
+        this.$forceUpdate();
+      }
     },
     iframeLoad: function iframeLoad() {
       if (firefox) {
@@ -551,7 +578,7 @@ var Editor = {
       })), {
         'Mod-k': function ModK() {
           var linkDialog = _this.$data.linkDialog;
-          var editorView = _this.view;
+          var editorView = _this._view;
 
           if (editorView) {
             var editorState = editorView.state;
@@ -599,7 +626,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;
@@ -610,16 +638,17 @@ var Editor = {
         transaction: transaction,
         state: state
       };
-      return this.$emit('execute', event);
+      this.$emit('execute', event);
+      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') {
@@ -655,8 +684,8 @@ var Editor = {
         this.$emit('change', event_2);
       }
 
-      if (this.view && (this.$props.value === undefined || !docChanged)) {
-        this.view.updateState(this.view.state.apply(transaction));
+      if (this._view && (this.$props.value === undefined || !docChanged)) {
+        this._view.updateState(this._view.state.apply(transaction));
       }
     },
     onFocus: function onFocus(_view, nativeEvent) {
@@ -682,7 +711,7 @@ var Editor = {
       return false;
     },
     onPaste: function onPaste(_view, nativeEvent) {
-      if (this.$props.onPasteHtml) {
+      if (this.$props.pasteHtml) {
         this.pasteEvent = nativeEvent;
       }
 
@@ -693,5 +722,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.js

@@ -17,7 +17,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 import { keys, messages } from './../messages';
-import { bold as boldSettings, italic as italicSettings, underline as underlineSettings, strikethrough as strikethroughSettings, subscript as subscriptSettings, superscript as superscriptSettings, link as linkSettings, alignLeftRules, alignRightRules, alignCenterRules, alignJustifyRules, alignRemoveRules, indentRules, outdentRules, undo as undoCommand, redo as redoCommand, mergeCells as mergeCellsCommand, splitCell as splitCellCommand, addRowBefore as addRowBeforeCommand, addRowAfter as addRowAfterCommand, addColumnAfter as addColumnAfterCommand, deleteRow as deleteRowCommand, deleteColumn as deleteColumnCommand, deleteTable as deleteTableCommand } from '@progress/kendo-editor-common';
+import { bold as boldSettings, italic as italicSettings, underline as underlineSettings, strikethrough as strikethroughSettings, subscript as subscriptSettings, superscript as superscriptSettings, link as linkSettings, alignLeftRules, alignRightRules, alignCenterRules, alignJustifyRules, alignRemoveRules, indentRules, outdentRules, undo as undoCommand, redo as redoCommand, mergeCells as mergeCellsCommand, splitCell as splitCellCommand, addRowBefore as addRowBeforeCommand, addRowAfter as addRowAfterCommand, addColumnBefore as addColumnBeforeCommand, addColumnAfter as addColumnAfterCommand, deleteRow as deleteRowCommand, deleteColumn as deleteColumnCommand, deleteTable as deleteTableCommand } from '@progress/kendo-editor-common';
 var listsTypes = __assign({}, indentRules.listsTypes);
 /**
  * Represents a wrapping namespace for the tool settings of the Editor.
@@ -127,7 +127,7 @@ export var EditorToolsSettings;
      * The object of the AddColumnBefore tool settings.
      */
     EditorToolsSettings.addColumnBefore = {
-        command: addRowBeforeCommand,
+        command: addColumnBeforeCommand,
         props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
         messages: {
             title: keys.addColumnBefore