@progress/kendo-vue-editor 2.8.0-dev.202201131525 → 3.0.0-dev.202201171427

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,

package/dist/es/tools/outdent.js

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

package/dist/es/tools/pdf.js

@@ -73,9 +73,9 @@ var PdfVue2 = {
     var titleKey = settings.messages.title;
     var localization = provideLocalizationService(this);
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       title: localization.toLanguageString(titleKey, messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,

package/dist/es/tools/print.js

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

package/dist/es/tools/proseMirrorTool.js

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

package/dist/es/tools/selectAll.js

@@ -69,9 +69,9 @@ var SelectAllVue2 = {
     var titleKey = settings.messages.title;
     var localization = provideLocalizationService(this);
 
-    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+    var buttonProps = __assign(__assign(__assign({}, other), {
       title: localization.toLanguageString(titleKey, messages[titleKey])
-    });
+    }), settings.props);
 
     var button = h(kbutton, __assign({
       onClick: this.handleClick,

package/dist/es/tools/unlink.js

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

package/dist/es/tools/viewHtml.js

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

package/dist/npm/Editor.js

@@ -307,12 +307,13 @@ var EditorVue2 = {
   },
   data: function data() {
     return {
+      updateGuid: kendo_vue_common_1.guid(),
       view: undefined,
       linkDialog: false
     };
   },
   created: function created() {
-    this._view = undefined;
+    this.view = undefined;
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
   },
   mounted: function mounted() {
@@ -330,7 +331,7 @@ var EditorVue2 = {
   },
   updated: function updated() {
     var value = this.$props.value;
-    var view = this._view;
+    var view = this.view;
 
     if (value === undefined || !view) {
       return;
@@ -349,8 +350,8 @@ var EditorVue2 = {
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    if (this._view) {
-      this._view.destroy();
+    if (this.view) {
+      this.view.destroy();
     }
 
     this.view = undefined;
@@ -361,8 +362,8 @@ var EditorVue2 = {
         return this.trOnChange.doc;
       } else if (this.$props.value !== undefined) {
         return this.$props.value;
-      } else if (this._view) {
-        return this._view.state.doc;
+      } else if (this.view) {
+        return this.view.state.doc;
       }
 
       return this.$props.defaultContent || '';
@@ -380,6 +381,7 @@ var EditorVue2 = {
     var _this = this;
 
     var h = gh || createElement;
+    var toolindex = 100;
     var _a = this.$props,
         _b = _a.tools,
         tools = _b === void 0 ? [] : _b,
@@ -421,22 +423,31 @@ var EditorVue2 = {
       });
     };
 
-    var renderTool = function renderTool(currentTool, index) {
+    var renderTool = function renderTool(currentTool, _index) {
       var ct = exports.allTools[currentTool] || currentTool;
 
       if (exports.allTools[currentTool]) {
+        toolindex++;
+
         var toolProps = __assign({
           view: view,
           dir: this.$props.dir,
-          key: kendo_vue_common_1.guid(),
+          key: toolindex,
+          updateGuid: this.updateGuid,
           settings: exports.allTools[currentTool].props
         }, exports.allTools[currentTool].props);
 
         return h(this.v3 ? markRaw(exports.allTools[currentTool].comp) : exports.allTools[currentTool].comp, this.v3 ? toolProps : {
           props: toolProps
         });
+      } else if (ct === 'Separator') {
+        return (// @ts-ignore
+          h(kendo_vue_buttons_1.ToolbarSeparator, {
+            key: toolindex
+          })
+        );
       } else {
-        var tool = kendo_vue_common_1.templateRendering.call(this, ct, kendo_vue_common_1.getListeners.call(this));
+        var tool = kendo_vue_common_1.templateRendering.call(this, ct.render, kendo_vue_common_1.getListeners.call(this));
         return kendo_vue_common_1.getTemplate.call(this, {
           h: h,
           template: tool,
@@ -445,11 +456,12 @@ var EditorVue2 = {
           additionalProps: {
             view: view,
             dir: this.$props.dir,
-            key: index
+            updateGuid: this.updateGuid,
+            key: toolindex,
+            settings: ct.props
           }
         });
-      } // return tool.type === ToolbarSeparator ? <Tool key={index} /> : tool;
-
+      }
     };
 
     var renderTools = function renderTools(item, index) {
@@ -511,7 +523,7 @@ var EditorVue2 = {
   },
   methods: {
     getView: function getView() {
-      return this.v3 ? this._view : this.view;
+      return this.view;
     },
     getHTML: function getHTML() {
       var view = this.getView();
@@ -530,15 +542,15 @@ var EditorVue2 = {
       }
     },
     focus: function focus() {
-      if (this._view) {
-        this._view.focus();
+      if (this.view) {
+        this.view.focus();
       }
     },
     updateTools: function updateTools(view) {
       this.view = view;
 
       if (this.v3) {
-        this._view = view;
+        this.updateGuid = kendo_vue_common_1.guid();
       }
     },
     iframeLoad: function iframeLoad() {
@@ -617,7 +629,7 @@ var EditorVue2 = {
       })), {
         'Mod-k': function ModK() {
           var linkDialog = _this.$data.linkDialog;
-          var editorView = _this._view;
+          var editorView = _this.view;
 
           if (editorView) {
             var editorState = editorView.state;
@@ -665,10 +677,10 @@ var EditorVue2 = {
         dom: dom
       };
       this.$emit('loaded', mountEvent);
-      var view = this._view = this.$props.extendView && this.$props.extendView(mountEvent) || new kendo_editor_common_1.EditorView({
+      var view = this.$props.extendView && this.$props.extendView(mountEvent) || new kendo_editor_common_1.EditorView({
         mount: dom
       }, viewProps);
-      this.view = view;
+      this.view = this.v3 ? markRaw(view) : view;
     },
     filterTransaction: function filterTransaction(transaction, state) {
       var event = {
@@ -722,8 +734,8 @@ var EditorVue2 = {
         this.$emit('change', event_2);
       }
 
-      if (this._view && (this.$props.value === undefined || !docChanged)) {
-        this._view.updateState(this._view.state.apply(transaction));
+      if (this.view && (this.$props.value === undefined || !docChanged)) {
+        this.view.updateState(this.view.state.apply(transaction));
       }
     },
     onFocus: function onFocus(_view, nativeEvent) {

package/dist/npm/config/toolsSettings.d.ts

@@ -154,6 +154,10 @@ export declare namespace EditorToolsSettings {
          * The name of the applied command.
          */
         commandName: string;
+        /**
+         * The dir of the applied command.
+         */
+        dir?: String;
     }
     /**
      * The setting of the IndentAction tool.

package/dist/npm/dialogs/FindReplace.js

@@ -32,6 +32,10 @@ var settings = toolsSettings_1.EditorToolsSettings.findAndReplace; // tslint:ena
 
 var FindAndReplaceDialogVue2 = {
   name: 'KendoFindAndReplaceDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: {
@@ -71,6 +75,13 @@ var FindAndReplaceDialogVue2 = {
 
     this.setNextState();
     this.hasMounted = true;
+    setTimeout(function () {
+      var findInput = document.getElementById('findWhatFind');
+
+      if (findInput) {
+        findInput.focus();
+      }
+    }, 10);
   },
 
   /**
@@ -242,9 +253,8 @@ var FindAndReplaceDialogVue2 = {
     }, [localization.toLanguageString(findReplaceUseRegExp, messages_1.messages[findReplaceUseRegExp])])])]);
 
     var navigation = function navigation(findWhatRef) {
-      return h("div", {
-        "class": "k-matches-container"
-      }, [// @ts-ignore function children
+      var isRtl = this.$props.dir === 'rtl';
+      var prevButton = // @ts-ignore function children
       h(kendo_vue_buttons_1.Button, {
         fillMode: 'flat',
         attrs: this.v3 ? undefined : {
@@ -258,13 +268,12 @@ var FindAndReplaceDialogVue2 = {
         }
       }, this.v3 ? function () {
         return [h("span", {
-          "class": "k-icon k-i-arrow-chevron-left"
+          "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'right' : 'left')
         }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])];
       } : [h("span", {
-        "class": "k-icon k-i-arrow-chevron-left"
-      }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])]), this.hasMounted && h("span", {
-        ref: findWhatRef
-      }, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))]), // @ts-ignore function children
+        "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'right' : 'left')
+      }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])]);
+      var nextButton = // @ts-ignore function children
       h(kendo_vue_buttons_1.Button, {
         fillMode: 'flat',
         attrs: this.v3 ? undefined : {
@@ -278,11 +287,16 @@ var FindAndReplaceDialogVue2 = {
         }
       }, this.v3 ? function () {
         return [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
-          "class": "k-icon k-i-arrow-chevron-right"
+          "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'left' : 'right')
         })];
       } : [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
-        "class": "k-icon k-i-arrow-chevron-right"
-      })])]);
+        "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'left' : 'right')
+      })]);
+      return h("div", {
+        "class": "k-matches-container"
+      }, [prevButton, this.hasMounted && h("span", {
+        ref: findWhatRef
+      }, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))]), nextButton]);
     };
 
     var findWhatLabel = function findWhatLabel(findWhatId) {
@@ -371,7 +385,8 @@ var FindAndReplaceDialogVue2 = {
           },
           maximizeButton: function maximizeButton() {
             return null;
-          }
+          },
+          dir: this.$props.dir
         },
         onClose: this.onClose,
         on: this.v3 ? undefined : {
@@ -388,15 +403,18 @@ var FindAndReplaceDialogVue2 = {
         },
         maximizeButton: function maximizeButton() {
           return null;
-        }
+        },
+        dir: this.$props.dir
       }, this.v3 ? function () {
         return [// @ts-ignore function children
         h(kendo_vue_layout_1.TabStrip, {
-          selected: _this.selectedTab,
+          dir: _this.$props.dir,
           attrs: _this.v3 ? undefined : {
+            dir: _this.$props.dir,
             selected: _this.selectedTab,
             animation: false
           },
+          selected: _this.selectedTab,
           "class": "k-editor-find-replace",
           onSelect: _this.onTabSelect,
           on: _this.v3 ? undefined : {
@@ -551,11 +569,13 @@ var FindAndReplaceDialogVue2 = {
           return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
         } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
       } : [h(kendo_vue_layout_1.TabStrip, {
-        selected: _this.selectedTab,
+        dir: _this.$props.dir,
         attrs: _this.v3 ? undefined : {
+          dir: _this.$props.dir,
           selected: _this.selectedTab,
           animation: false
         },
+        selected: _this.selectedTab,
         "class": "k-editor-find-replace",
         onSelect: _this.onTabSelect,
         on: _this.v3 ? undefined : {

package/dist/npm/dialogs/insertImage.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -39,6 +43,10 @@ var InsertImageDialogVue2 = {
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.width = this.v3 ? this.widthRef : this.$refs.width;
     this.height = this.v3 ? this.heightRef : this.$refs.height;
+
+    if (this.src) {
+      this.src.focus();
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -92,8 +100,7 @@ var InsertImageDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-image-url",
-        autoFocus: true
+        id: "k-editor-image-url"
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
@@ -103,8 +110,7 @@ var InsertImageDialogVue2 = {
       },
       ref: this.v3 ? function (el) {
         _this.srcRef = el;
-      } : 'src',
-      autoFocus: true
+      } : 'src'
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {

package/dist/npm/dialogs/insertLink.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -44,6 +48,10 @@ var InsertLinkDialogVue2 = {
     this.href = this.v3 ? this.hrefRef : this.$refs.href;
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.target = this.v3 ? this.targetRef : this.$refs.target;
+
+    if (this.href) {
+      this.href.focus();
+    }
   },
   // @ts-ignore
   render: function render(createElement) {
@@ -82,8 +90,7 @@ var InsertLinkDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-link-url",
-        autoFocus: true
+        id: "k-editor-link-url"
       },
       "class": "k-input-inner",
       ref: this.v3 ? function (el) {
@@ -93,8 +100,7 @@ var InsertLinkDialogVue2 = {
       value: this.v3 ? linkMark && linkMark.attrs.href || undefined : null,
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.href || undefined
-      },
-      autoFocus: true
+      }
     })])]), h("div", {
       "class": "k-edit-label k-editor-link-text-row"
     }, [h("label", {

package/dist/npm/dialogs/viewHtml.js

@@ -73,10 +73,6 @@ var ViewHtmlDialogVue2 = {
       value: this.v3 ? kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state)) : null,
       domProps: this.v3 ? undefined : {
         "value": kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state))
-      },
-      autoFocus: true,
-      attrs: this.v3 ? undefined : {
-        autoFocus: true
       }
     });
     var actionButtons = [// @ts-ignore function children

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: 1642086914,
+    publishDate: 1642429014,
     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
     });