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

package/dist/npm/dialogs/insertImage.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;
@@ -45,8 +44,8 @@ export interface InsertImageDialogData {
 /**
  * @hidden
  */
-export interface InsertImageDialogAll extends Vue, InsertImageDialogMethods, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogState {
+export interface InsertImageDialogAll extends Vue2type, InsertImageDialogMethods, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogState {
 }
-declare let InsertImageDialog: ComponentOptions<InsertImageDialogAll, DefaultData<InsertImageDialogData>, DefaultMethods<InsertImageDialogAll>, InsertImageDialogComputed, RecordPropsDefinition<InsertImageDialogProps>>;
-declare const InsertImageDialogVue3: DefineComponent<InsertImageDialogProps, any, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogMethods, {}, {}, {}, string, InsertImageDialogProps, InsertImageDialogProps, {}>;
-export { InsertImageDialog, InsertImageDialogVue3 };
+declare let InsertImageDialogVue2: ComponentOptions<InsertImageDialogAll, DefaultData<InsertImageDialogData>, DefaultMethods<InsertImageDialogAll>, InsertImageDialogComputed, RecordPropsDefinition<InsertImageDialogProps>>;
+declare const InsertImageDialog: DefineComponent<InsertImageDialogProps, any, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogMethods, {}, {}, {}, string, InsertImageDialogProps, InsertImageDialogProps, {}>;
+export { InsertImageDialog, InsertImageDialogVue2 };

package/dist/npm/dialogs/insertImage.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InsertImageDialogVue3 = exports.InsertImageDialog = void 0; // @ts-ignore
+exports.InsertImageDialogVue2 = exports.InsertImageDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -21,7 +21,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var InsertImageDialog = {
+var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
   props: {
     view: Object,
@@ -86,6 +86,8 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAddress, messages_1.messages[insertImageAddress])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
@@ -93,7 +95,7 @@ var InsertImageDialog = {
         id: "k-editor-image-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-url",
       value: this.v3 ? attrs.src : null,
       domProps: this.v3 ? undefined : {
@@ -103,7 +105,7 @@ var InsertImageDialog = {
         _this.srcRef = el;
       } : 'src',
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-alt",
@@ -112,13 +114,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAltText, messages_1.messages[insertImageAltText])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-image-alt"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-alt",
       value: this.v3 ? attrs.alt : null,
       domProps: this.v3 ? undefined : {
@@ -127,7 +131,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.altTextRef = el;
       } : 'altText'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-title",
@@ -136,13 +140,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageTitle, messages_1.messages[insertImageTitle])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-image-title"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-title",
       value: this.v3 ? attrs.title : null,
       domProps: this.v3 ? undefined : {
@@ -151,7 +157,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
       } : 'title'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-width",
@@ -160,13 +166,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageWidth, messages_1.messages[insertImageWidth])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-image-width"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-width",
       value: this.v3 ? attrs.width : null,
       domProps: this.v3 ? undefined : {
@@ -175,7 +183,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.widthRef = el;
       } : 'width'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-height",
@@ -184,13 +192,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageHeight, messages_1.messages[insertImageHeight])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-image-height"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-height",
       value: this.v3 ? attrs.height : null,
       domProps: this.v3 ? undefined : {
@@ -199,7 +209,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.heightRef = el;
       } : 'height'
-    })])]);
+    })])])]);
     var actionButtons = [// @ts-ignore function children
     h(kendo_vue_buttons_1.Button, {
       onClick: this.onClose,
@@ -291,6 +301,6 @@ var InsertImageDialog = {
     }
   }
 };
-exports.InsertImageDialog = InsertImageDialog;
-var InsertImageDialogVue3 = InsertImageDialog;
-exports.InsertImageDialogVue3 = InsertImageDialogVue3;
+exports.InsertImageDialogVue2 = InsertImageDialogVue2;
+var InsertImageDialog = InsertImageDialogVue2;
+exports.InsertImageDialog = InsertImageDialog;

package/dist/npm/dialogs/insertLink.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;
@@ -43,8 +42,8 @@ export interface InsertLinkDialogData {
 /**
  * @hidden
  */
-export interface InsertLinkDialogAll extends Vue, InsertLinkDialogMethods, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogState {
+export interface InsertLinkDialogAll extends Vue2type, InsertLinkDialogMethods, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogState {
 }
-declare let InsertLinkDialog: ComponentOptions<InsertLinkDialogAll, DefaultData<InsertLinkDialogData>, DefaultMethods<InsertLinkDialogAll>, InsertLinkDialogComputed, RecordPropsDefinition<InsertLinkDialogProps>>;
-declare const InsertLinkDialogVue3: DefineComponent<InsertLinkDialogProps, any, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogMethods, {}, {}, {}, string, InsertLinkDialogProps, InsertLinkDialogProps, {}>;
-export { InsertLinkDialog, InsertLinkDialogVue3 };
+declare let InsertLinkDialogVue2: ComponentOptions<InsertLinkDialogAll, DefaultData<InsertLinkDialogData>, DefaultMethods<InsertLinkDialogAll>, InsertLinkDialogComputed, RecordPropsDefinition<InsertLinkDialogProps>>;
+declare const InsertLinkDialog: DefineComponent<InsertLinkDialogProps, any, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogMethods, {}, {}, {}, string, InsertLinkDialogProps, InsertLinkDialogProps, {}>;
+export { InsertLinkDialog, InsertLinkDialogVue2 };

package/dist/npm/dialogs/insertLink.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InsertLinkDialogVue3 = exports.InsertLinkDialog = void 0; // @ts-ignore
+exports.InsertLinkDialogVue2 = exports.InsertLinkDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -21,7 +21,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var InsertLinkDialog = {
+var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
   props: {
     view: Object,
@@ -76,6 +76,8 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkAddress, messages_1.messages[insertHyperlinkAddress])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
@@ -83,7 +85,7 @@ var InsertLinkDialog = {
         id: "k-editor-link-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       ref: this.v3 ? function (el) {
         _this.hrefRef = el;
       } : 'href',
@@ -93,7 +95,7 @@ var InsertLinkDialog = {
         "value": linkMark && linkMark.attrs.href || undefined
       },
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label k-editor-link-text-row"
     }, [h("label", {
       "for": "k-editor-link-text",
@@ -102,13 +104,15 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkTitle, messages_1.messages[insertHyperlinkTitle])])]), h("div", {
       "class": "k-edit-field k-editor-link-text-row"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-link-text"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-link-text",
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
@@ -117,7 +121,7 @@ var InsertLinkDialog = {
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.title || undefined
       }
-    })]), settings.linkTarget !== false && h("div", {
+    })])]), settings.linkTarget !== false && h("div", {
       "class": "k-edit-field"
     }, [h("input", {
       type: "checkbox",
@@ -125,7 +129,7 @@ var InsertLinkDialog = {
         type: "checkbox",
         id: "k-editor-link-target"
       },
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       id: "k-editor-link-target",
       ref: this.v3 ? function (el) {
         _this.targetRef = el;
@@ -295,6 +299,6 @@ var InsertLinkDialog = {
     }
   }
 };
-exports.InsertLinkDialog = InsertLinkDialog;
-var InsertLinkDialogVue3 = InsertLinkDialog;
-exports.InsertLinkDialogVue3 = InsertLinkDialogVue3;
+exports.InsertLinkDialogVue2 = InsertLinkDialogVue2;
+var InsertLinkDialog = InsertLinkDialogVue2;
+exports.InsertLinkDialog = InsertLinkDialog;

package/dist/npm/dialogs/viewHtml.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;
@@ -42,8 +41,8 @@ export interface ViewHtmlDialogData {
 /**
  * @hidden
  */
-export interface ViewHtmlDialogAll extends Vue, ViewHtmlDialogMethods, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogState {
+export interface ViewHtmlDialogAll extends Vue2type, ViewHtmlDialogMethods, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogState {
 }
-declare let ViewHtmlDialog: ComponentOptions<ViewHtmlDialogAll, DefaultData<ViewHtmlDialogData>, DefaultMethods<ViewHtmlDialogAll>, ViewHtmlDialogComputed, RecordPropsDefinition<ViewHtmlDialogProps>>;
-declare const ViewHtmlDialogVue3: DefineComponent<ViewHtmlDialogProps, any, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogMethods, {}, {}, {}, string, ViewHtmlDialogProps, ViewHtmlDialogProps, {}>;
-export { ViewHtmlDialog, ViewHtmlDialogVue3 };
+declare let ViewHtmlDialogVue2: ComponentOptions<ViewHtmlDialogAll, DefaultData<ViewHtmlDialogData>, DefaultMethods<ViewHtmlDialogAll>, ViewHtmlDialogComputed, RecordPropsDefinition<ViewHtmlDialogProps>>;
+declare const ViewHtmlDialog: DefineComponent<ViewHtmlDialogProps, any, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogMethods, {}, {}, {}, string, ViewHtmlDialogProps, ViewHtmlDialogProps, {}>;
+export { ViewHtmlDialog, ViewHtmlDialogVue2 };

package/dist/npm/dialogs/viewHtml.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewHtmlDialogVue3 = exports.ViewHtmlDialog = void 0; // @ts-ignore
+exports.ViewHtmlDialogVue2 = exports.ViewHtmlDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -23,7 +23,7 @@ var messages_1 = require("./../messages");
 var props_key_1 = require("./../utils/props-key"); // tslint:enable:max-line-length
 
 
-var ViewHtmlDialog = {
+var ViewHtmlDialogVue2 = {
   name: 'KendoViewHtmlDialog',
   props: {
     view: Object,
@@ -154,6 +154,6 @@ var ViewHtmlDialog = {
     }
   }
 };
-exports.ViewHtmlDialog = ViewHtmlDialog;
-var ViewHtmlDialogVue3 = ViewHtmlDialog;
-exports.ViewHtmlDialogVue3 = ViewHtmlDialogVue3;
+exports.ViewHtmlDialogVue2 = ViewHtmlDialogVue2;
+var ViewHtmlDialog = ViewHtmlDialogVue2;
+exports.ViewHtmlDialog = ViewHtmlDialog;

package/dist/npm/main.d.ts

@@ -163,4 +163,23 @@ export declare const ProseMirror: {
     goToNextCell: typeof goToNextCell;
     deleteTable: typeof deleteTable;
 };
+export { Align } from './tools/align';
+export { Indent } from './tools/indent';
+export { List } from './tools/lists';
+export { Outdent } from './tools/outdent';
+export { InlineFormat } from './tools/inlineFormat';
+export { FontName } from './tools/fontStyle';
+export { FormatBlock } from './tools/formatBlock';
+export { ProseMirror as ProseMirrorTool } from './tools/proseMirrorTool';
+export { LinkTool } from './tools/insertLink';
+export { Unlink } from './tools/unlink';
+export { CleanFormatting } from './tools/cleanFormatting';
+export { SelectAll } from './tools/selectAll';
+export { InsertImage } from './tools/insertImage';
+export { InsertTable } from './tools/insertTable/tool';
+export { ViewHtml } from './tools/viewHtml';
+export { Pdf } from './tools/pdf';
+export { Print } from './tools/print';
+export { FindAndReplace } from './tools/findReplace';
+export { ApplyColor } from './tools/applyColor';
 export { Editor, EditorProps, EditorMountEvent, EditorPasteEvent, EditorChangeEvent, EditorExecuteEvent, EditorFocusEvent, EditorBlurEvent, EditorTools, EditorToolsSettings, EditorUtils };

package/dist/npm/main.js

@@ -89,3 +89,41 @@ exports.ProseMirror = {
     goToNextCell: kendo_editor_common_1.goToNextCell,
     deleteTable: kendo_editor_common_1.deleteTable
 };
+var align_1 = require("./tools/align");
+Object.defineProperty(exports, "Align", { enumerable: true, get: function () { return align_1.Align; } });
+var indent_1 = require("./tools/indent");
+Object.defineProperty(exports, "Indent", { enumerable: true, get: function () { return indent_1.Indent; } });
+var lists_1 = require("./tools/lists");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return lists_1.List; } });
+var outdent_1 = require("./tools/outdent");
+Object.defineProperty(exports, "Outdent", { enumerable: true, get: function () { return outdent_1.Outdent; } });
+var inlineFormat_1 = require("./tools/inlineFormat");
+Object.defineProperty(exports, "InlineFormat", { enumerable: true, get: function () { return inlineFormat_1.InlineFormat; } });
+var fontStyle_1 = require("./tools/fontStyle");
+Object.defineProperty(exports, "FontName", { enumerable: true, get: function () { return fontStyle_1.FontName; } });
+var formatBlock_1 = require("./tools/formatBlock");
+Object.defineProperty(exports, "FormatBlock", { enumerable: true, get: function () { return formatBlock_1.FormatBlock; } });
+var proseMirrorTool_1 = require("./tools/proseMirrorTool");
+Object.defineProperty(exports, "ProseMirrorTool", { enumerable: true, get: function () { return proseMirrorTool_1.ProseMirror; } });
+var insertLink_1 = require("./tools/insertLink");
+Object.defineProperty(exports, "LinkTool", { enumerable: true, get: function () { return insertLink_1.LinkTool; } });
+var unlink_1 = require("./tools/unlink");
+Object.defineProperty(exports, "Unlink", { enumerable: true, get: function () { return unlink_1.Unlink; } });
+var cleanFormatting_1 = require("./tools/cleanFormatting");
+Object.defineProperty(exports, "CleanFormatting", { enumerable: true, get: function () { return cleanFormatting_1.CleanFormatting; } });
+var selectAll_1 = require("./tools/selectAll");
+Object.defineProperty(exports, "SelectAll", { enumerable: true, get: function () { return selectAll_1.SelectAll; } });
+var insertImage_1 = require("./tools/insertImage");
+Object.defineProperty(exports, "InsertImage", { enumerable: true, get: function () { return insertImage_1.InsertImage; } });
+var tool_1 = require("./tools/insertTable/tool");
+Object.defineProperty(exports, "InsertTable", { enumerable: true, get: function () { return tool_1.InsertTable; } });
+var viewHtml_1 = require("./tools/viewHtml");
+Object.defineProperty(exports, "ViewHtml", { enumerable: true, get: function () { return viewHtml_1.ViewHtml; } });
+var pdf_1 = require("./tools/pdf");
+Object.defineProperty(exports, "Pdf", { enumerable: true, get: function () { return pdf_1.Pdf; } });
+var print_1 = require("./tools/print");
+Object.defineProperty(exports, "Print", { enumerable: true, get: function () { return print_1.Print; } });
+var findReplace_1 = require("./tools/findReplace");
+Object.defineProperty(exports, "FindAndReplace", { enumerable: true, get: function () { return findReplace_1.FindAndReplace; } });
+var applyColor_1 = require("./tools/applyColor");
+Object.defineProperty(exports, "ApplyColor", { enumerable: true, get: function () { return applyColor_1.ApplyColor; } });

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641561315,
+    publishDate: 1642159085,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/tools/align.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;
@@ -30,8 +29,8 @@ export interface AlignData {
 /**
  * @hidden
  */
-export interface AlignAll extends Vue, AlignMethods, AlignData, AlignComputed, AlignState {
+export interface AlignAll extends Vue2type, AlignMethods, AlignData, AlignComputed, AlignState {
 }
-declare let Align: ComponentOptions<AlignAll, DefaultData<AlignData>, DefaultMethods<AlignAll>, AlignComputed, RecordPropsDefinition<EditorTools.AlignToolProps>>;
-declare const AlignVue3: DefineComponent<EditorTools.AlignToolProps, any, AlignData, AlignComputed, AlignMethods, {}, {}, {}, string, EditorTools.AlignToolProps, EditorTools.AlignToolProps, {}>;
-export { Align, AlignVue3 };
+declare let AlignVue2: ComponentOptions<AlignAll, DefaultData<AlignData>, DefaultMethods<AlignAll>, AlignComputed, RecordPropsDefinition<EditorTools.AlignToolProps>>;
+declare const Align: DefineComponent<EditorTools.AlignToolProps, any, AlignData, AlignComputed, AlignMethods, {}, {}, {}, string, EditorTools.AlignToolProps, EditorTools.AlignToolProps, {}>;
+export { Align, AlignVue2 };

package/dist/npm/tools/align.js

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AlignVue3 = exports.Align = void 0; // @ts-ignore
+exports.AlignVue2 = exports.Align = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -51,7 +51,7 @@ var messages_1 = require("./../messages");
 
 var alignRemove = toolsSettings_1.EditorToolsSettings.alignRemove; // tslint:enable:max-line-length
 
-var Align = {
+var AlignVue2 = {
   name: 'KendoAlign',
   props: __assign({
     view: Object,
@@ -90,11 +90,11 @@ var Align = {
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var titleKey = settings.messages.title;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       selected: aligned,
       togglable: true,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,
@@ -125,6 +125,6 @@ var Align = {
     }
   }
 };
-exports.Align = Align;
-var AlignVue3 = Align;
-exports.AlignVue3 = AlignVue3;
+exports.AlignVue2 = AlignVue2;
+var Align = AlignVue2;
+exports.Align = Align;

package/dist/npm/tools/applyColor.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;
@@ -36,8 +35,8 @@ export interface ApplyColorData {
 /**
  * @hidden
  */
-export interface ApplyColorAll extends Vue, ApplyColorMethods, ApplyColorData, ApplyColorComputed, ApplyColorState {
+export interface ApplyColorAll extends Vue2type, ApplyColorMethods, ApplyColorData, ApplyColorComputed, ApplyColorState {
 }
-declare let ApplyColor: ComponentOptions<ApplyColorAll, DefaultData<ApplyColorData>, DefaultMethods<ApplyColorAll>, ApplyColorComputed, RecordPropsDefinition<ApplyColorToolProps>>;
-declare const ApplyColorVue3: DefineComponent<ApplyColorToolProps, any, ApplyColorData, ApplyColorComputed, ApplyColorMethods, {}, {}, {}, string, ApplyColorToolProps, ApplyColorToolProps, {}>;
-export { ApplyColor, ApplyColorVue3 };
+declare let ApplyColorVue2: ComponentOptions<ApplyColorAll, DefaultData<ApplyColorData>, DefaultMethods<ApplyColorAll>, ApplyColorComputed, RecordPropsDefinition<ApplyColorToolProps>>;
+declare const ApplyColor: DefineComponent<ApplyColorToolProps, any, ApplyColorData, ApplyColorComputed, ApplyColorMethods, {}, {}, {}, string, ApplyColorToolProps, ApplyColorToolProps, {}>;
+export { ApplyColor, ApplyColorVue2 };

package/dist/npm/tools/applyColor.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ApplyColorVue3 = exports.ApplyColor = void 0; // @ts-ignore
+exports.ApplyColorVue2 = exports.ApplyColor = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -35,13 +35,14 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
 
-var ApplyColor = {
+var ApplyColorVue2 = {
   name: 'KendoApplyColor',
   props: {
     view: Object,
     color: String,
     colorPickerProps: Object,
-    commandName: String
+    commandName: String,
+    dir: String
   },
   inject: {
     kendoLocalizationService: {
@@ -58,11 +59,14 @@ var ApplyColor = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var colorPickerProps = this.$props.colorPickerProps;
+    var _a = this.$props,
+        colorPickerProps = _a.colorPickerProps,
+        dir = _a.dir;
     var titleKey = colorPickerProps.title;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
     var cpProps = __assign(__assign({}, colorPickerProps), {
+      dir: dir,
       title: titleKey ? localization.toLanguageString(titleKey, messages_1.messages[titleKey]) : titleKey
     });
 
@@ -100,6 +104,6 @@ var ApplyColor = {
     }
   }
 };
-exports.ApplyColor = ApplyColor;
-var ApplyColorVue3 = ApplyColor;
-exports.ApplyColorVue3 = ApplyColorVue3;
+exports.ApplyColorVue2 = ApplyColorVue2;
+var ApplyColor = ApplyColorVue2;
+exports.ApplyColor = ApplyColor;

package/dist/npm/tools/cleanFormatting.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;
@@ -40,8 +39,8 @@ export interface CleanFormattingData {
 /**
  * @hidden
  */
-export interface CleanFormattingAll extends Vue, CleanFormattingMethods, CleanFormattingData, CleanFormattingComputed, CleanFormattingState {
+export interface CleanFormattingAll extends Vue2type, CleanFormattingMethods, CleanFormattingData, CleanFormattingComputed, CleanFormattingState {
 }
-declare let CleanFormatting: ComponentOptions<CleanFormattingAll, DefaultData<CleanFormattingData>, DefaultMethods<CleanFormattingAll>, CleanFormattingComputed, RecordPropsDefinition<CleanFormattingProps>>;
-declare const CleanFormattingVue3: DefineComponent<CleanFormattingProps, any, CleanFormattingData, CleanFormattingComputed, CleanFormattingMethods, {}, {}, {}, string, CleanFormattingProps, CleanFormattingProps, {}>;
-export { CleanFormatting, CleanFormattingVue3 };
+declare let CleanFormattingVue2: ComponentOptions<CleanFormattingAll, DefaultData<CleanFormattingData>, DefaultMethods<CleanFormattingAll>, CleanFormattingComputed, RecordPropsDefinition<CleanFormattingProps>>;
+declare const CleanFormatting: DefineComponent<CleanFormattingProps, any, CleanFormattingData, CleanFormattingComputed, CleanFormattingMethods, {}, {}, {}, string, CleanFormattingProps, CleanFormattingProps, {}>;
+export { CleanFormatting, CleanFormattingVue2 };

package/dist/npm/tools/cleanFormatting.js

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CleanFormattingVue3 = exports.CleanFormatting = void 0; // @ts-ignore
+exports.CleanFormattingVue2 = exports.CleanFormatting = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -52,7 +52,7 @@ var toolsSettings_1 = require("./../config/toolsSettings");
 var cleanFormatting = toolsSettings_1.EditorToolsSettings.cleanFormatting;
 var command = kendo_editor_common_1.cleanFormatting(); // tslint:enable:max-line-length
 
-var CleanFormatting = {
+var CleanFormattingVue2 = {
   name: 'KendoCleanFormatting',
   props: __assign({
     view: Object,
@@ -88,10 +88,10 @@ var CleanFormatting = {
     var titleKey = settings.messages.title;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       disabled: !view || !command(view.state),
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,
@@ -123,6 +123,6 @@ var CleanFormatting = {
     }
   }
 };
-exports.CleanFormatting = CleanFormatting;
-var CleanFormattingVue3 = CleanFormatting;
-exports.CleanFormattingVue3 = CleanFormattingVue3;
+exports.CleanFormattingVue2 = CleanFormattingVue2;
+var CleanFormatting = CleanFormattingVue2;
+exports.CleanFormatting = CleanFormatting;

package/dist/npm/tools/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;
@@ -34,8 +33,8 @@ export interface FindAndReplaceData {
 /**
  * @hidden
  */
-export interface FindAndReplaceAll extends Vue, FindAndReplaceMethods, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceState {
+export interface FindAndReplaceAll extends Vue2type, FindAndReplaceMethods, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceState {
 }
-declare let FindAndReplace: ComponentOptions<FindAndReplaceAll, DefaultData<FindAndReplaceData>, DefaultMethods<FindAndReplaceAll>, FindAndReplaceComputed, RecordPropsDefinition<FindAndReplaceProps>>;
-declare const FindAndReplaceVue3: DefineComponent<FindAndReplaceProps, any, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceMethods, {}, {}, {}, string, FindAndReplaceProps, FindAndReplaceProps, {}>;
-export { FindAndReplace, FindAndReplaceVue3 };
+declare let FindAndReplaceVue2: ComponentOptions<FindAndReplaceAll, DefaultData<FindAndReplaceData>, DefaultMethods<FindAndReplaceAll>, FindAndReplaceComputed, RecordPropsDefinition<FindAndReplaceProps>>;
+declare const FindAndReplace: DefineComponent<FindAndReplaceProps, any, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceMethods, {}, {}, {}, string, FindAndReplaceProps, FindAndReplaceProps, {}>;
+export { FindAndReplace, FindAndReplaceVue2 };