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

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

@@ -102,12 +102,13 @@ var FontNameVue2 = {
         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 value = new Set(styles).size === 1 ? styles[0] : null;
+    var items = dataItems || settings.items;
+    var defaultItem = defaultItemProps || settings.defaultItem;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -115,9 +116,7 @@ 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), {
+    var ddlProps = __assign(__assign(__assign({}, other), {
       value: value ? items.find(function (i) {
         return i.value === value;
       }) : value,
@@ -127,7 +126,7 @@ var FontNameVue2 = {
       textField: 'text',
       dataItemKey: 'value',
       leftRightKeysNavigation: false
-    });
+    }), settings.props);
 
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
@@ -152,13 +151,13 @@ 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;
+      var item = e.target.value;
 
-      if (view && item) {
+      if (view) {
         kendo_editor_common_1.applyInlineStyle({
           style: style,
           value: item.value

package/dist/npm/tools/formatBlock.js

@@ -102,9 +102,10 @@ var FormatBlockVue2 = {
         other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
 
     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 value = new Set(formats).size === 1 ? formats[0] : null;
+    var defaultItem = defaultItemProps || settings.defaultItem;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
     if (defaultItem && defaultItem.localizationKey) {
@@ -112,9 +113,7 @@ 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), {
+    var ddlProps = __assign(__assign(__assign({}, other), {
       value: value ? items.find(function (i) {
         return i.value === value;
       }) : value,
@@ -123,8 +122,11 @@ var FormatBlockVue2 = {
       itemRender: this.customItemRender,
       textField: 'text',
       dataItemKey: 'value',
-      leftRightKeysNavigation: false
-    });
+      leftRightKeysNavigation: false,
+      popupSettings: {
+        width: '170px'
+      }
+    }), settings.props);
 
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
@@ -149,10 +151,10 @@ 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;
+      var item = e.target.value;
 
       if (view && kendo_editor_common_1.formatBlockElements(item.value, settings.commandName)(view.state, view.dispatch)) {
         var event_1 = e.event;

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,

package/dist/npm/tools/viewHtml.js

@@ -90,10 +90,10 @@ var ViewHtmlVue2 = {
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var titleKey = settings.messages.viewHtml;
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       key: 'viewHtml',
       title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kendo_vue_buttons_1.Button, __assign({
       onClick: this.toggleDialog,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "2.8.0-dev.202201121019",
+  "version": "3.0.0-dev.202201170830",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,21 +43,21 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.6.0",
-    "@progress/kendo-vue-common": "2.8.0-dev.202201121019"
+    "@progress/kendo-vue-common": "3.0.0-dev.202201170830"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-dialogs": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-form": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-inputs": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-intl": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-layout": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-pdf": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-popup": "2.8.0-dev.202201121019",
-    "@progress/kendo-vue-upload": "2.8.0-dev.202201121019"
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-dialogs": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-dropdowns": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-form": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-inputs": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-layout": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-pdf": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-popup": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-upload": "3.0.0-dev.202201170830"
   },
   "@progress": {
     "friendlyName": "Editor",