@progress/kendo-vue-editor 2.8.0-dev.202201111325 → 3.0.0-dev.202201161025

package/dist/npm/dialogs/insertLink.js

@@ -76,6 +76,8 @@ var InsertLinkDialogVue2 = {
       }
     }, [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 InsertLinkDialogVue2 = {
         id: "k-editor-link-url",
         autoFocus: true
       },
-      "class": "k-input",
+      "class": "k-input-inner",
       ref: this.v3 ? function (el) {
         _this.hrefRef = el;
       } : 'href',
@@ -93,7 +95,7 @@ var InsertLinkDialogVue2 = {
         "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 InsertLinkDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-link-text",
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
@@ -117,7 +121,7 @@ var InsertLinkDialogVue2 = {
       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 InsertLinkDialogVue2 = {
         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;

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: 1641906930,
+    publishDate: 1642328162,
     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.js

@@ -90,11 +90,11 @@ var AlignVue2 = {
     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,

package/dist/npm/tools/applyColor.js

@@ -41,7 +41,8 @@ var ApplyColorVue2 = {
     view: Object,
     color: String,
     colorPickerProps: Object,
-    commandName: String
+    commandName: String,
+    dir: String
   },
   inject: {
     kendoLocalizationService: {
@@ -58,11 +59,14 @@ var ApplyColorVue2 = {
   // @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
     });
 

package/dist/npm/tools/cleanFormatting.js

@@ -88,10 +88,10 @@ var CleanFormattingVue2 = {
     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,

package/dist/npm/tools/findReplace.js

@@ -84,11 +84,11 @@ var FindAndReplaceVue2 = {
     var localization = kendo_vue_intl_1.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_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.onOpen,
@@ -106,13 +106,13 @@ var FindAndReplaceVue2 = {
       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"
     })]);
   },

package/dist/npm/tools/fontStyle.js

@@ -57,6 +57,8 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
 
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var utils_1 = require("./utils");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -89,6 +91,30 @@ var FontNameVue2 = {
       v3: v3
     };
   },
+  data: function data() {
+    return {
+      currentValue: null,
+      currentOpened: false
+    };
+  },
+  computed: {
+    computedValue: function computedValue() {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings,
+          dataItems = _a.dataItems;
+      var style = settings.style;
+      var items = dataItems || settings.items;
+      var styles = view ? kendo_editor_common_1.getInlineStyles(view.state, {
+        name: style,
+        value: /^.+$/
+      }) : [];
+      var value = new Set(styles).size === 1 ? styles[0] : null;
+      return this.currentValue ? this.currentValue : value ? items.find(function (i) {
+        return i.value === value;
+      }) : value;
+    }
+  },
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
@@ -101,13 +127,8 @@ var FontNameVue2 = {
         defaultItemProps = _a.defaultItem,
         other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
 
-    var style = settings.style;
     var items = dataItems || settings.items;
     var defaultItem = defaultItemProps || settings.defaultItem;
-    var styles = view ? kendo_editor_common_1.getInlineStyles(view.state, {
-      name: style,
-      value: /^.+$/
-    }) : [];
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -115,25 +136,25 @@ var FontNameVue2 = {
       defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, messages_1.messages[defaultItem.localizationKey]) : defaultItem.text;
     }
 
-    var value = new Set(styles).size === 1 ? styles[0] : null;
-
-    var ddlProps = __assign(__assign(__assign({}, other), settings.props), {
-      value: value ? items.find(function (i) {
-        return i.value === value;
-      }) : value,
+    var ddlProps = __assign(__assign(__assign({}, other), {
+      value: this.computedValue,
       dataItems: items,
       defaultItem: defaultItem,
       itemRender: this.customItemRender,
       textField: 'text',
       dataItemKey: 'value',
       leftRightKeysNavigation: false
-    });
+    }), settings.props);
 
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
-        'change': this.onChange
+        'change': this.onChange,
+        'close': this.onClose,
+        'open': this.onOpen
       },
+      onClose: this.onClose,
+      onOpen: this.onOpen,
       style: utils_1.userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -152,23 +173,39 @@ var FontNameVue2 = {
       }, __spreadArrays(li.children))]) : li;
     },
     onChange: function onChange(e) {
-      var item = e.target.value;
       var _a = this.$props,
           view = _a.view,
           settings = _a.settings;
       var style = settings.style;
 
-      if (view && item) {
+      if (!this.currentOpened) {
         kendo_editor_common_1.applyInlineStyle({
           style: style,
-          value: item.value
+          value: e.target.value.value
         }, settings.commandName)(view.state, view.dispatch);
-        var event_1 = e.event;
+        view.focus();
+        this.currentValue = null;
+      } else {
+        this.currentValue = e.target.value;
+      }
+    },
+    onClose: function onClose(e) {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      var style = settings.style;
 
-        if (event_1 && event_1.type === 'click') {
-          view.focus();
-        }
+      if (view && this.computedValue && (e.event.type === 'click' || e.event.keyCode && e.event.keyCode === kendo_vue_common_1.Keys.enter)) {
+        kendo_editor_common_1.applyInlineStyle({
+          style: style,
+          value: this.computedValue.value
+        }, settings.commandName)(view.state, view.dispatch);
+        view.focus();
+        this.currentValue = null;
       }
+    },
+    onOpen: function onOpen() {
+      this.currentOpened = true;
     }
   }
 };

package/dist/npm/tools/formatBlock.js

@@ -57,6 +57,8 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
 
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var utils_1 = require("./utils");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -82,6 +84,27 @@ var FormatBlockVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      currentValue: null,
+      currentOpened: false
+    };
+  },
+  computed: {
+    computedValue: function computedValue() {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings,
+          dataItems = _a.dataItems;
+      var items = dataItems || settings.items;
+      var state = view && view.state;
+      var formats = state ? kendo_editor_common_1.getBlockFormats(state) : [];
+      var value = new Set(formats).size === 1 ? formats[0] : null;
+      return this.currentValue ? this.currentValue : value ? items.find(function (i) {
+        return i.value === value;
+      }) : value;
+    }
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -103,8 +126,6 @@ var FormatBlockVue2 = {
 
     var items = dataItems || settings.items;
     var defaultItem = defaultItemProps || settings.defaultItem;
-    var state = view && view.state;
-    var formats = state ? kendo_editor_common_1.getBlockFormats(state) : [];
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -112,25 +133,25 @@ var FormatBlockVue2 = {
       defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, messages_1.messages[defaultItem.localizationKey]) : defaultItem.text;
     }
 
-    var value = new Set(formats).size === 1 ? formats[0] : null;
-
-    var ddlProps = __assign(__assign(__assign({}, other), settings.props), {
-      value: value ? items.find(function (i) {
-        return i.value === value;
-      }) : value,
+    var ddlProps = __assign(__assign(__assign({}, other), {
+      value: this.computedValue,
       dataItems: items,
       defaultItem: defaultItem,
       itemRender: this.customItemRender,
       textField: 'text',
       dataItemKey: 'value',
       leftRightKeysNavigation: false
-    });
+    }), settings.props);
 
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
-        'change': this.onChange
+        'change': this.onChange,
+        'close': this.onClose,
+        'open': this.onOpen
       },
+      onClose: this.onClose,
+      onOpen: this.onOpen,
       style: utils_1.userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -149,18 +170,32 @@ var FormatBlockVue2 = {
       }, __spreadArrays(li.children))]) : li;
     },
     onChange: function onChange(e) {
-      var item = e.target.value;
       var _a = this.$props,
           view = _a.view,
           settings = _a.settings;
 
-      if (view && kendo_editor_common_1.formatBlockElements(item.value, settings.commandName)(view.state, view.dispatch)) {
-        var event_1 = e.event;
+      if (!this.currentOpened) {
+        kendo_editor_common_1.formatBlockElements(e.target.value.value, settings.commandName)(view.state, view.dispatch);
+        view.focus();
+        this.currentValue = null;
+      } else {
+        this.currentValue = e.target.value;
+      }
+    },
+    onClose: function onClose(e) {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      this.currentOpened = false;
 
-        if (event_1 && event_1.type === 'click') {
-          view.focus();
-        }
+      if (view && this.computedValue && (e.event.type === 'click' || e.event.keyCode && e.event.keyCode === kendo_vue_common_1.Keys.enter)) {
+        kendo_editor_common_1.formatBlockElements(this.computedValue.value, settings.commandName)(view.state, view.dispatch);
+        view.focus();
+        this.currentValue = null;
       }
+    },
+    onOpen: function onOpen() {
+      this.currentOpened = true;
     }
   }
 };

package/dist/npm/tools/indent.js

@@ -95,10 +95,10 @@ var IndentVue2 = {
     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), {
       disabled: !canIndent,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/inlineFormat.js

@@ -95,11 +95,11 @@ var InlineFormatVue2 = {
     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: !!state && kendo_editor_common_1.hasMark(state, options),
       togglable: true,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/insertImage.js

@@ -95,11 +95,11 @@ var InsertImageVue2 = {
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var insertImage = settings.messages.insertImage;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       key: 'insertImage',
       disabled: !nodeType || !state || !kendo_editor_common_1.canInsert(state, nodeType),
       title: localization.toLanguageString(insertImage, messages_1.messages[insertImage])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.toggleDialog,

package/dist/npm/tools/insertLink.js

@@ -95,11 +95,11 @@ var LinkToolVue2 = {
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var insertHyperlink = settings.messages.insertHyperlink;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       key: 'link',
       disabled: collapsed && !linkMark,
       title: localization.toLanguageString(insertHyperlink, messages_1.messages[insertHyperlink])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.toggleDialog,

package/dist/npm/tools/insertTable/tool.js

@@ -103,11 +103,11 @@ var InsertTableVue2 = {
     var createTableMsg = localization.toLanguageString(createTableMsgKey, messages_1.messages[createTableMsgKey]);
     var createTableHintMsg = localization.toLanguageString(createTableHint, messages_1.messages[createTableHint]);
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       disabled: !state || !kendo_editor_common_1.canInsert(state, state.schema.nodes.table),
       key: 'InsertTable',
       title: createTableMsg
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       ref: this.buttonRef,

package/dist/npm/tools/lists.js

@@ -102,11 +102,11 @@ var ListVue2 = {
       }
     }
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       selected: isActive,
       togglable: true,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/outdent.js

@@ -94,10 +94,10 @@ var OutdentVue2 = {
     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), {
       disabled: !canOutdent,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/pdf.js

@@ -86,9 +86,9 @@ var PdfVue2 = {
     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), {
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/print.js

@@ -84,10 +84,10 @@ var PrintVue2 = {
     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: !editorWindow || editorWindow === window,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/proseMirrorTool.js

@@ -92,10 +92,10 @@ var ProseMirrorVue2 = {
     var state = view && view.state;
     var disabled = state ? !this.command(state) : false;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       disabled: disabled,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/selectAll.js

@@ -82,9 +82,9 @@ var SelectAllVue2 = {
     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), {
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,

package/dist/npm/tools/unlink.js

@@ -89,10 +89,10 @@ var UnlinkVue2 = {
     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), {
       disabled: !hasLink,
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.handleClick,