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

package/dist/es/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/es/dialogs/insertImage.js

@@ -8,7 +8,7 @@ import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
 
-var InsertImageDialog = {
+var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
   props: {
     view: Object,
@@ -73,6 +73,8 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAddress, 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 : {
@@ -80,7 +82,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 : {
@@ -90,7 +92,7 @@ var InsertImageDialog = {
         _this.srcRef = el;
       } : 'src',
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-alt",
@@ -99,13 +101,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAltText, 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 : {
@@ -114,7 +118,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",
@@ -123,13 +127,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageTitle, 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 : {
@@ -138,7 +144,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",
@@ -147,13 +153,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageWidth, 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 : {
@@ -162,7 +170,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",
@@ -171,13 +179,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageHeight, 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 : {
@@ -186,7 +196,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.heightRef = el;
       } : 'height'
-    })])]);
+    })])])]);
     var actionButtons = [// @ts-ignore function children
     h(KButton, {
       onClick: this.onClose,
@@ -278,5 +288,5 @@ var InsertImageDialog = {
     }
   }
 };
-var InsertImageDialogVue3 = InsertImageDialog;
-export { InsertImageDialog, InsertImageDialogVue3 };
+var InsertImageDialog = InsertImageDialogVue2;
+export { InsertImageDialog, InsertImageDialogVue2 };

package/dist/es/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/es/dialogs/insertLink.js

@@ -8,7 +8,7 @@ import { getMark, applyLink } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
 
-var InsertLinkDialog = {
+var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
   props: {
     view: Object,
@@ -63,6 +63,8 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkAddress, 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 : {
@@ -70,7 +72,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',
@@ -80,7 +82,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",
@@ -89,13 +91,15 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkTitle, 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;
@@ -104,7 +108,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",
@@ -112,7 +116,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;
@@ -282,5 +286,5 @@ var InsertLinkDialog = {
     }
   }
 };
-var InsertLinkDialogVue3 = InsertLinkDialog;
-export { InsertLinkDialog, InsertLinkDialogVue3 };
+var InsertLinkDialog = InsertLinkDialogVue2;
+export { InsertLinkDialog, InsertLinkDialogVue2 };

package/dist/es/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/es/dialogs/viewHtml.js

@@ -9,7 +9,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
 import { editorPropsKey } from './../utils/props-key'; // tslint:enable:max-line-length
 
-var ViewHtmlDialog = {
+var ViewHtmlDialogVue2 = {
   name: 'KendoViewHtmlDialog',
   props: {
     view: Object,
@@ -140,5 +140,5 @@ var ViewHtmlDialog = {
     }
   }
 };
-var ViewHtmlDialogVue3 = ViewHtmlDialog;
-export { ViewHtmlDialog, ViewHtmlDialogVue3 };
+var ViewHtmlDialog = ViewHtmlDialogVue2;
+export { ViewHtmlDialog, ViewHtmlDialogVue2 };

package/dist/es/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/es/main.js

@@ -107,4 +107,23 @@ export var ProseMirror = {
     goToNextCell: goToNextCell,
     deleteTable: 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, EditorToolsSettings, EditorUtils };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/es/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/es/tools/align.js

@@ -38,7 +38,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
 var alignRemove = EditorToolsSettings.alignRemove; // tslint:enable:max-line-length
 
-var Align = {
+var AlignVue2 = {
   name: 'KendoAlign',
   props: __assign({
     view: Object,
@@ -77,11 +77,11 @@ var Align = {
     var localization = 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[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,
@@ -112,5 +112,5 @@ var Align = {
     }
   }
 };
-var AlignVue3 = Align;
-export { Align, AlignVue3 };
+var Align = AlignVue2;
+export { Align, AlignVue2 };

package/dist/es/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/es/tools/applyColor.js

@@ -23,13 +23,14 @@ import { applyInlineStyle } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from '../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: {
@@ -46,11 +47,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 = provideLocalizationService(this);
 
     var cpProps = __assign(__assign({}, colorPickerProps), {
+      dir: dir,
       title: titleKey ? localization.toLanguageString(titleKey, messages[titleKey]) : titleKey
     });
 
@@ -88,5 +92,5 @@ var ApplyColor = {
     }
   }
 };
-var ApplyColorVue3 = ApplyColor;
-export { ApplyColor, ApplyColorVue3 };
+var ApplyColor = ApplyColorVue2;
+export { ApplyColor, ApplyColorVue2 };

package/dist/es/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/es/tools/cleanFormatting.js

@@ -39,7 +39,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
 var cleanFormatting = EditorToolsSettings.cleanFormatting;
 var command = cleanFormattingCmd(); // tslint:enable:max-line-length
 
-var CleanFormatting = {
+var CleanFormattingVue2 = {
   name: 'KendoCleanFormatting',
   props: __assign({
     view: Object,
@@ -75,10 +75,10 @@ var CleanFormatting = {
     var titleKey = settings.messages.title;
     var localization = 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[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,
@@ -110,5 +110,5 @@ var CleanFormatting = {
     }
   }
 };
-var CleanFormattingVue3 = CleanFormatting;
-export { CleanFormatting, CleanFormattingVue3 };
+var CleanFormatting = CleanFormattingVue2;
+export { CleanFormatting, CleanFormattingVue2 };

package/dist/es/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 };

package/dist/es/tools/findReplace.js

@@ -38,7 +38,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 var settings = EditorToolsSettings.findAndReplace; // tslint:enable:max-line-length
 
-var FindAndReplace = {
+var FindAndReplaceVue2 = {
   name: 'KendoFindAndReplace',
   props: __assign({
     view: Object
@@ -71,11 +71,11 @@ var FindAndReplace = {
     var localization = provideLocalizationService(this);
     var titleKey = settings.messages.findReplaceToolTitle;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       key: 'tool',
       disabled: !view,
       title: localization.toLanguageString(titleKey, messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.onOpen,
@@ -93,13 +93,13 @@ var FindAndReplace = {
       view: view,
       attrs: this.v3 ? undefined : {
         view: view,
-        dir: buttonProps.dir
+        dir: this.$props.dir
       },
       onClose: this.onClose,
       on: this.v3 ? undefined : {
         "close": this.onClose
       },
-      dir: buttonProps.dir,
+      dir: this.$props.dir,
       key: "dialog"
     })]);
   },
@@ -115,5 +115,5 @@ var FindAndReplace = {
     }
   }
 };
-var FindAndReplaceVue3 = FindAndReplace;
-export { FindAndReplace, FindAndReplaceVue3 };
+var FindAndReplace = FindAndReplaceVue2;
+export { FindAndReplace, FindAndReplaceVue2 };

package/dist/es/tools/fontStyle.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;
@@ -46,8 +45,8 @@ export interface FontNameData {
 /**
  * @hidden
  */
-export interface FontNameAll extends Vue, FontNameMethods, FontNameData, FontNameComputed, FontNameState {
+export interface FontNameAll extends Vue2type, FontNameMethods, FontNameData, FontNameComputed, FontNameState {
 }
-declare let FontName: ComponentOptions<FontNameAll, DefaultData<FontNameData>, DefaultMethods<FontNameAll>, FontNameComputed, RecordPropsDefinition<FontNameProps>>;
-declare const FontNameVue3: DefineComponent<FontNameProps, any, FontNameData, FontNameComputed, FontNameMethods, {}, {}, {}, string, FontNameProps, FontNameProps, {}>;
-export { FontName, FontNameVue3 };
+declare let FontNameVue2: ComponentOptions<FontNameAll, DefaultData<FontNameData>, DefaultMethods<FontNameAll>, FontNameComputed, RecordPropsDefinition<FontNameProps>>;
+declare const FontName: DefineComponent<FontNameProps, any, FontNameData, FontNameComputed, FontNameMethods, {}, {}, {}, string, FontNameProps, FontNameProps, {}>;
+export { FontName, FontNameVue2 };

package/dist/es/tools/fontStyle.js

@@ -51,7 +51,7 @@ import { userSelectNone } from './utils';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
 
-var FontName = {
+var FontNameVue2 = {
   name: 'KendoFontName',
   props: __assign({
     view: Object,
@@ -104,7 +104,7 @@ var FontName = {
 
     var value = new Set(styles).size === 1 ? styles[0] : null;
 
-    var ddlProps = __assign(__assign(__assign({}, other), settings.props), {
+    var ddlProps = __assign(__assign(__assign({}, other), {
       value: value ? items.find(function (i) {
         return i.value === value;
       }) : value,
@@ -114,7 +114,7 @@ var FontName = {
       textField: 'text',
       dataItemKey: 'value',
       leftRightKeysNavigation: false
-    });
+    }), settings.props);
 
     var dropdown = h(DropDownList, __assign({
       onChange: this.onChange,
@@ -159,5 +159,5 @@ var FontName = {
     }
   }
 };
-var FontNameVue3 = FontName;
-export { FontName, FontNameVue3 };
+var FontName = FontNameVue2;
+export { FontName, FontNameVue2 };