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

package/dist/es/dialogs/insertImage.js

@@ -73,6 +73,8 @@ var InsertImageDialogVue2 = {
       }
     }, [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 InsertImageDialogVue2 = {
         id: "k-editor-image-url",
         autoFocus: true
       },
-      "class": "k-input",
+      "class": "k-input-inner",
       id: "k-editor-image-url",
       value: this.v3 ? attrs.src : null,
       domProps: this.v3 ? undefined : {
@@ -90,7 +92,7 @@ var InsertImageDialogVue2 = {
         _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 InsertImageDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-image-alt",
       value: this.v3 ? attrs.alt : null,
       domProps: this.v3 ? undefined : {
@@ -114,7 +118,7 @@ var InsertImageDialogVue2 = {
       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 InsertImageDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-image-title",
       value: this.v3 ? attrs.title : null,
       domProps: this.v3 ? undefined : {
@@ -138,7 +144,7 @@ var InsertImageDialogVue2 = {
       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 InsertImageDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-image-width",
       value: this.v3 ? attrs.width : null,
       domProps: this.v3 ? undefined : {
@@ -162,7 +170,7 @@ var InsertImageDialogVue2 = {
       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 InsertImageDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-image-height",
       value: this.v3 ? attrs.height : null,
       domProps: this.v3 ? undefined : {
@@ -186,7 +196,7 @@ var InsertImageDialogVue2 = {
       ref: this.v3 ? function (el) {
         _this.heightRef = el;
       } : 'height'
-    })])]);
+    })])])]);
     var actionButtons = [// @ts-ignore function children
     h(KButton, {
       onClick: this.onClose,

package/dist/es/dialogs/insertLink.js

@@ -63,6 +63,8 @@ var InsertLinkDialogVue2 = {
       }
     }, [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 InsertLinkDialogVue2 = {
         id: "k-editor-link-url",
         autoFocus: true
       },
-      "class": "k-input",
+      "class": "k-input-inner",
       ref: this.v3 ? function (el) {
         _this.hrefRef = el;
       } : 'href',
@@ -80,7 +82,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",
@@ -89,13 +91,15 @@ var InsertLinkDialogVue2 = {
       }
     }, [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-input",
+      "class": "k-input-inner",
       id: "k-editor-link-text",
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
@@ -104,7 +108,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",
@@ -112,7 +116,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/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: 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/es/tools/align.js

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

package/dist/es/tools/applyColor.js

@@ -29,7 +29,8 @@ var ApplyColorVue2 = {
     view: Object,
     color: String,
     colorPickerProps: Object,
-    commandName: String
+    commandName: String,
+    dir: String
   },
   inject: {
     kendoLocalizationService: {
@@ -46,11 +47,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 = provideLocalizationService(this);
 
     var cpProps = __assign(__assign({}, colorPickerProps), {
+      dir: dir,
       title: titleKey ? localization.toLanguageString(titleKey, messages[titleKey]) : titleKey
     });
 

package/dist/es/tools/cleanFormatting.js

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

package/dist/es/tools/findReplace.js

@@ -71,11 +71,11 @@ var FindAndReplaceVue2 = {
     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 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/es/tools/fontStyle.js

@@ -47,6 +47,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { getInlineStyles, applyInlineStyle } from '@progress/kendo-editor-common';
+import { Keys } from '@progress/kendo-vue-common';
 import { userSelectNone } from './utils';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
@@ -76,6 +77,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 ? 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;
@@ -88,13 +113,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 ? getInlineStyles(view.state, {
-      name: style,
-      value: /^.+$/
-    }) : [];
     var localization = provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -102,25 +122,25 @@ var FontNameVue2 = {
       defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, 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(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: userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -139,23 +159,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) {
         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 === Keys.enter)) {
+        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/es/tools/formatBlock.js

@@ -47,6 +47,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { getBlockFormats, formatBlockElements } from '@progress/kendo-editor-common';
+import { Keys } from '@progress/kendo-vue-common';
 import { userSelectNone } from './utils';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
@@ -69,6 +70,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 ? 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;
@@ -90,8 +112,6 @@ var FormatBlockVue2 = {
 
     var items = dataItems || settings.items;
     var defaultItem = defaultItemProps || settings.defaultItem;
-    var state = view && view.state;
-    var formats = state ? getBlockFormats(state) : [];
     var localization = provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -99,25 +119,25 @@ var FormatBlockVue2 = {
       defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, 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(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: userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -136,18 +156,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 && formatBlockElements(item.value, settings.commandName)(view.state, view.dispatch)) {
-        var event_1 = e.event;
+      if (!this.currentOpened) {
+        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 === Keys.enter)) {
+        formatBlockElements(this.computedValue.value, settings.commandName)(view.state, view.dispatch);
+        view.focus();
+        this.currentValue = null;
       }
+    },
+    onOpen: function onOpen() {
+      this.currentOpened = true;
     }
   }
 };

package/dist/es/tools/indent.js

@@ -83,10 +83,10 @@ var IndentVue2 = {
     var localization = 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[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,

package/dist/es/tools/inlineFormat.js

@@ -83,11 +83,11 @@ var InlineFormatVue2 = {
     var localization = provideLocalizationService(this);
     var titleKey = settings.messages.title;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       selected: !!state && hasMark(state, options),
       togglable: true,
       title: localization.toLanguageString(titleKey, messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,

package/dist/es/tools/insertImage.js

@@ -82,11 +82,11 @@ var InsertImageVue2 = {
     var localization = 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 || !canInsert(state, nodeType),
       title: localization.toLanguageString(insertImage, messages[insertImage])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.toggleDialog,

package/dist/es/tools/insertLink.js

@@ -82,11 +82,11 @@ var LinkToolVue2 = {
     var localization = 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[insertHyperlink])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.toggleDialog,

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

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

package/dist/es/tools/lists.js

@@ -90,11 +90,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[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,