@progress/kendo-vue-editor 3.7.4-dev.202301120847 → 3.7.4-dev.202301151601

package/dist/es/Editor.js

@@ -449,8 +449,8 @@ var EditorVue2 = {
       } : [renderTools.call(_this2, item, index)]) : renderTool.call(this, item, index);
     }, this);
     return h("div", {
-      "class": classNames('k-widget k-editor', {
-        'k-resizable': this.$props.resizable
+      "class": classNames('k-editor', {
+        'k-editor-resizable': this.$props.resizable
       }),
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {

package/dist/es/config/toolsSettings.js

@@ -20,6 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { keys, messages } from '../messages/main';
 import { bold as boldSettings, italic as italicSettings, underline as underlineSettings, strikethrough as strikethroughSettings, subscript as subscriptSettings, superscript as superscriptSettings, link as linkSettings, alignLeftRules, alignRightRules, alignCenterRules, alignJustifyRules, alignRemoveRules, indentRules, outdentRules, undo as undoCommand, redo as redoCommand, mergeCells as mergeCellsCommand, splitCell as splitCellCommand, addRowBefore as addRowBeforeCommand, addRowAfter as addRowAfterCommand, addColumnBefore as addColumnBeforeCommand, addColumnAfter as addColumnAfterCommand, deleteRow as deleteRowCommand, deleteColumn as deleteColumnCommand, deleteTable as deleteTableCommand } from '@progress/kendo-editor-common';
+import { alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRemoveIcon, alignRightIcon, boldIcon, cellsMergeIcon, cellSplitHorizontallyIcon, clearCssIcon, codeIcon, dropletIcon, fileAddIcon, filePdfIcon, foregroundColorIcon, imageIcon, indentIcon, italicIcon, linkIcon, listOrderedIcon, listUnorderedIcon, outdentIcon, printIcon, redoIcon, searchIcon, selectAllIcon, strikethroughIcon, subscriptIcon, supscriptIcon, tableAddIcon, tableColumnDeleteIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableDeleteIcon, tableRowDeleteIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, underlineIcon, undoIcon, unlinkIcon } from '@progress/kendo-svg-icons';
 var listsTypes = __assign({}, indentRules.listsTypes);
 /**
  * Represents a wrapping namespace for the tool settings of the Editor.
@@ -35,43 +36,43 @@ export var EditorToolsSettings;
     /**
      * The object of the Bold tool settings.
      */
-    EditorToolsSettings.bold = __assign(__assign({}, boldSettings), { props: __assign({ icon: 'bold' }, buttonCommonProps), messages: {
+    EditorToolsSettings.bold = __assign(__assign({}, boldSettings), { props: __assign({ icon: 'bold', svgIcon: boldIcon }, buttonCommonProps), messages: {
             title: keys.bold
         }, commandName: 'Bold' });
     /**
      * The object of the Italic tool settings.
      */
-    EditorToolsSettings.italic = __assign(__assign({}, italicSettings), { props: __assign({ icon: 'italic' }, buttonCommonProps), messages: {
+    EditorToolsSettings.italic = __assign(__assign({}, italicSettings), { props: __assign({ icon: 'italic', svgIcon: italicIcon }, buttonCommonProps), messages: {
             title: keys.italic
         }, commandName: 'Italic' });
     /**
      * The object of the Underline tool settings.
      */
-    EditorToolsSettings.underline = __assign(__assign({}, underlineSettings), { props: __assign({ icon: 'underline' }, buttonCommonProps), messages: {
+    EditorToolsSettings.underline = __assign(__assign({}, underlineSettings), { props: __assign({ icon: 'underline', svgIcon: underlineIcon }, buttonCommonProps), messages: {
             title: keys.underline
         }, commandName: 'Underline' });
     /**
      * The object of the Strikethrough tool settings.
      */
-    EditorToolsSettings.strikethrough = __assign(__assign({}, strikethroughSettings), { props: __assign({ icon: 'strikethrough' }, buttonCommonProps), messages: {
+    EditorToolsSettings.strikethrough = __assign(__assign({}, strikethroughSettings), { props: __assign({ icon: 'strikethrough', svgIcon: strikethroughIcon }, buttonCommonProps), messages: {
             title: keys.strikethrough
         }, commandName: 'Strikethrough' });
     /**
      * The object of the Subscript tool settings.
      */
-    EditorToolsSettings.subscript = __assign(__assign({}, subscriptSettings), { props: __assign({ icon: 'subscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.subscript = __assign(__assign({}, subscriptSettings), { props: __assign({ icon: 'subscript', svgIcon: subscriptIcon }, buttonCommonProps), messages: {
             title: keys.subscript
         }, commandName: 'Subscript' });
     /**
      * The object of the Superscript tool settings.
      */
-    EditorToolsSettings.superscript = __assign(__assign({}, superscriptSettings), { props: __assign({ icon: 'superscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.superscript = __assign(__assign({}, superscriptSettings), { props: __assign({ icon: 'supscript', svgIcon: supscriptIcon }, buttonCommonProps), messages: {
             title: keys.superscript
         }, commandName: 'Superscript' });
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.link = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'link-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.link = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'link', svgIcon: linkIcon }, buttonCommonProps), messages: {
             insertHyperlink: keys.insertHyperlink,
             insertHyperlinkDialogTitle: keys.insertHyperlinkDialogTitle,
             insertHyperlinkAddress: keys.insertHyperlinkAddress,
@@ -83,7 +84,7 @@ export var EditorToolsSettings;
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.insertFile = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'file-add' }, buttonCommonProps), messages: {
+    EditorToolsSettings.insertFile = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'file-add', svgIcon: fileAddIcon }, buttonCommonProps), messages: {
             insertHyperlink: keys.insertFile,
             insertHyperlinkDialogTitle: keys.insertFileDialogTitle,
             insertHyperlinkAddress: keys.insertFileAddress,
@@ -96,7 +97,7 @@ export var EditorToolsSettings;
      * The object of the InsertTable tool settings.
      */
     EditorToolsSettings.insertTable = {
-        props: __assign({ icon: 'table-insert' }, buttonCommonProps),
+        props: __assign({ icon: 'table-add', svgIcon: tableAddIcon }, buttonCommonProps),
         messages: {
             createTable: keys.createTable,
             createTableHint: keys.createTableHint
@@ -108,7 +109,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.addRowBefore = {
         command: addRowBeforeCommand,
-        props: __assign({ icon: 'table-row-insert-above' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-above', svgIcon: tableRowInsertAboveIcon }, buttonCommonProps),
         messages: {
             title: keys.addRowBefore
         },
@@ -119,7 +120,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.addRowAfter = {
         command: addRowAfterCommand,
-        props: __assign({ icon: 'table-row-insert-below' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-below', svgIcon: tableRowInsertBelowIcon }, buttonCommonProps),
         messages: {
             title: keys.addRowAfter
         },
@@ -130,7 +131,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.addColumnBefore = {
         command: addColumnBeforeCommand,
-        props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-left', svgIcon: tableColumnInsertLeftIcon }, buttonCommonProps),
         messages: {
             title: keys.addColumnBefore
         },
@@ -141,7 +142,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.addColumnAfter = {
         command: addColumnAfterCommand,
-        props: __assign({ icon: 'table-column-insert-right' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-right', svgIcon: tableColumnInsertRightIcon }, buttonCommonProps),
         messages: {
             title: keys.addColumnAfter
         },
@@ -152,7 +153,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.deleteRow = {
         command: deleteRowCommand,
-        props: __assign({ icon: 'table-row-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-delete', svgIcon: tableRowDeleteIcon }, buttonCommonProps),
         messages: {
             title: keys.deleteRow
         },
@@ -163,7 +164,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.deleteColumn = {
         command: deleteColumnCommand,
-        props: __assign({ icon: 'table-column-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-delete', svgIcon: tableColumnDeleteIcon }, buttonCommonProps),
         messages: {
             title: keys.deleteColumn
         },
@@ -174,7 +175,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.deleteTable = {
         command: deleteTableCommand,
-        props: __assign({ icon: 'table-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-delete', svgIcon: tableDeleteIcon }, buttonCommonProps),
         messages: {
             title: keys.deleteTable
         },
@@ -185,7 +186,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.mergeCells = {
         command: mergeCellsCommand,
-        props: __assign({ icon: 'cells-merge' }, buttonCommonProps),
+        props: __assign({ icon: 'cells-merge', svgIcon: cellsMergeIcon }, buttonCommonProps),
         messages: {
             title: keys.mergeCells
         },
@@ -196,7 +197,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.splitCell = {
         command: splitCellCommand,
-        props: __assign({ icon: 'cell-split-horizontally' }, buttonCommonProps),
+        props: __assign({ icon: 'cell-split-horizontally', svgIcon: cellSplitHorizontallyIcon }, buttonCommonProps),
         messages: {
             title: keys.splitCell
         },
@@ -206,7 +207,7 @@ export var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.print = {
-        props: __assign({ icon: 'print' }, buttonCommonProps),
+        props: __assign({ icon: 'print', svgIcon: printIcon }, buttonCommonProps),
         messages: {
             title: keys.print
         }
@@ -215,7 +216,7 @@ export var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.selectAll = {
-        props: __assign({ icon: 'select-all' }, buttonCommonProps),
+        props: __assign({ icon: 'select-all', svgIcon: selectAllIcon }, buttonCommonProps),
         messages: {
             title: keys.selectAll
         }
@@ -224,7 +225,7 @@ export var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.pdf = {
-        props: __assign({ icon: 'pdf' }, buttonCommonProps),
+        props: __assign({ icon: 'file-pdf', svgIcon: filePdfIcon }, buttonCommonProps),
         messages: {
             title: keys.pdf
         }
@@ -247,7 +248,7 @@ export var EditorToolsSettings;
      * The object of the CleanFormatting tool settings.
      */
     EditorToolsSettings.cleanFormatting = {
-        props: __assign({ icon: 'clear-css' }, buttonCommonProps),
+        props: __assign({ icon: 'clear-css', svgIcon: clearCssIcon }, buttonCommonProps),
         messages: {
             title: keys.cleanFormatting
         },
@@ -258,7 +259,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.image = {
         node: 'image',
-        props: __assign({ icon: 'image' }, buttonCommonProps),
+        props: __assign({ icon: 'image', svgIcon: imageIcon }, buttonCommonProps),
         messages: {
             insertImage: keys.insertImage,
             insertImageDialogTitle: keys.insertImageDialogTitle,
@@ -276,7 +277,7 @@ export var EditorToolsSettings;
      * The object of the ViewHtml tool settings.
      */
     EditorToolsSettings.viewHtml = {
-        props: __assign({ icon: 'html' }, buttonCommonProps),
+        props: __assign({ icon: 'code', svgIcon: codeIcon }, buttonCommonProps),
         messages: {
             viewHtml: keys.viewHtml,
             viewHtmlDialogTitle: keys.viewHtmlDialogTitle,
@@ -289,7 +290,7 @@ export var EditorToolsSettings;
      * The object of the Find and Replace tool settings.
      */
     EditorToolsSettings.findAndReplace = {
-        props: __assign({ icon: 'find' }, buttonCommonProps),
+        props: __assign({ icon: 'search', svgIcon: searchIcon }, buttonCommonProps),
         messages: {
             findReplaceToolTitle: keys.findReplaceToolTitle,
             findReplaceDialogTitle: keys.findReplaceDialogTitle,
@@ -311,7 +312,7 @@ export var EditorToolsSettings;
     /**
      * The object of the Unlink tool settings.
      */
-    EditorToolsSettings.unlink = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'unlink-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.unlink = __assign(__assign({}, linkSettings), { props: __assign({ icon: 'unlink', svgIcon: unlinkIcon }, buttonCommonProps), messages: {
             title: keys.unlink
         }, commandName: 'Unlink' });
     /**
@@ -319,7 +320,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.undo = {
         command: undoCommand,
-        props: __assign({ icon: 'undo' }, buttonCommonProps),
+        props: __assign({ icon: 'undo', svgIcon: undoIcon }, buttonCommonProps),
         messages: {
             title: keys.undo
         },
@@ -330,7 +331,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.redo = {
         command: redoCommand,
-        props: __assign({ icon: 'redo' }, buttonCommonProps),
+        props: __assign({ icon: 'redo', svgIcon: redoIcon }, buttonCommonProps),
         messages: {
             title: keys.redo
         },
@@ -404,6 +405,7 @@ export var EditorToolsSettings;
         color: 'color',
         colorPickerProps: {
             icon: 'foreground-color',
+            svgIcon: foregroundColorIcon,
             view: 'palette',
             title: keys.foregroundColor
         },
@@ -415,7 +417,8 @@ export var EditorToolsSettings;
     EditorToolsSettings.backColor = {
         color: 'background-color',
         colorPickerProps: {
-            icon: 'background',
+            icon: 'droplet',
+            svgIcon: dropletIcon,
             view: 'palette',
             title: keys.backgroundColor
         },
@@ -426,7 +429,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.alignLeft = {
         actions: __spreadArray([], alignLeftRules, true),
-        props: __assign({ icon: 'align-left' }, buttonCommonProps),
+        props: __assign({ icon: 'align-left', svgIcon: alignLeftIcon }, buttonCommonProps),
         messages: {
             title: keys.alignLeft
         },
@@ -437,7 +440,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.alignRight = {
         actions: __spreadArray([], alignRightRules, true),
-        props: __assign({ icon: 'align-right' }, buttonCommonProps),
+        props: __assign({ icon: 'align-right', svgIcon: alignRightIcon }, buttonCommonProps),
         messages: {
             title: keys.alignRight
         },
@@ -448,7 +451,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.alignCenter = {
         actions: __spreadArray([], alignCenterRules, true),
-        props: __assign({ icon: 'align-center' }, buttonCommonProps),
+        props: __assign({ icon: 'align-center', svgIcon: alignCenterIcon }, buttonCommonProps),
         messages: {
             title: keys.alignCenter
         },
@@ -459,7 +462,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.alignJustify = {
         actions: __spreadArray([], alignJustifyRules, true),
-        props: __assign({ icon: 'align-justify' }, buttonCommonProps),
+        props: __assign({ icon: 'align-justify', svgIcon: alignJustifyIcon }, buttonCommonProps),
         messages: {
             title: keys.alignJustify
         },
@@ -470,7 +473,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.alignRemove = {
         actions: __spreadArray([], alignRemoveRules, true),
-        props: __assign({ icon: 'align-remove' }, buttonCommonProps),
+        props: __assign({ icon: 'align-remove', svgIcon: alignRemoveIcon }, buttonCommonProps),
         messages: {},
         commandName: 'AlignRemove'
     };
@@ -480,7 +483,7 @@ export var EditorToolsSettings;
     EditorToolsSettings.indent = {
         actions: indentRules.nodes,
         listsTypes: listsTypes,
-        props: __assign({ icon: 'indent-increase' }, buttonCommonProps),
+        props: __assign({ icon: 'indent', svgIcon: indentIcon }, buttonCommonProps),
         messages: {
             title: keys.indent
         },
@@ -492,7 +495,7 @@ export var EditorToolsSettings;
     EditorToolsSettings.outdent = {
         actions: outdentRules.nodes,
         listsTypes: listsTypes,
-        props: __assign({ icon: 'indent-decrease' }, buttonCommonProps),
+        props: __assign({ icon: 'outdent', svgIcon: outdentIcon }, buttonCommonProps),
         messages: {
             title: keys.outdent
         },
@@ -503,7 +506,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.orderedList = {
         listType: listsTypes.orderedList,
-        props: __assign({ icon: 'list-ordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-ordered', svgIcon: listOrderedIcon }, buttonCommonProps),
         messages: {
             title: keys.orderedList
         },
@@ -515,7 +518,7 @@ export var EditorToolsSettings;
      */
     EditorToolsSettings.bulletList = {
         listType: listsTypes.bulletList,
-        props: __assign({ icon: 'list-unordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-unordered', svgIcon: listUnorderedIcon }, buttonCommonProps),
         messages: {
             title: keys.bulletList
         },

package/dist/es/dialogs/FindReplace.js

@@ -435,10 +435,14 @@ var FindAndReplaceDialogVue2 = {
           }, _this2.v3 ? function () {
             return [h("div", {
               "class": "k-edit-form-container"
-            }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
+            }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+              "class": "k-actions k-hstack k-justify-content-end"
+            }), checkboxes, navigation.call(_this2, 'findWhatFind')];
           } : [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]),
+          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+            "class": "k-actions k-hstack k-justify-content-end"
+          }), checkboxes, navigation.call(_this2, 'findWhatFind')]),
           // @ts-ignore function children
           h(TabStripTab, {
             title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
@@ -512,10 +516,14 @@ var FindAndReplaceDialogVue2 = {
         }, _this2.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
+          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+            "class": "k-actions k-hstack k-justify-content-end"
+          }), checkboxes, navigation.call(_this2, 'findWhatFind')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
+        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+          "class": "k-actions k-hstack k-justify-content-end"
+        }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
           attrs: _this2.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -598,10 +606,14 @@ var FindAndReplaceDialogVue2 = {
         }, _this2.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
+          }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+            "class": "k-actions k-hstack k-justify-content-end"
+          }), checkboxes, navigation.call(_this2, 'findWhatFind')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
+        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+          "class": "k-actions k-hstack k-justify-content-end"
+        }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
           attrs: _this2.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -669,10 +681,14 @@ var FindAndReplaceDialogVue2 = {
       }, _this2.v3 ? function () {
         return [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
+        }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+          "class": "k-actions k-hstack k-justify-content-end"
+        }), checkboxes, navigation.call(_this2, 'findWhatFind')];
       } : [h("div", {
         "class": "k-edit-form-container"
-      }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
+      }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
+        "class": "k-actions k-hstack k-justify-content-end"
+      }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
         title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
         attrs: _this2.v3 ? undefined : {
           title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])

package/dist/es/dialogs/insertImage.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -239,23 +239,43 @@ var InsertImageDialogVue2 = {
     } : [localization.toLanguageString(insertImageInsert, messages[insertImageInsert])])];
     var dialog =
     // @ts-ignore function children
-    h(Dialog, {
-      title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
+    h(Window, {
+      initialWidth: 500,
       attrs: this.v3 ? undefined : {
+        initialWidth: 500,
+        initialHeight: 360,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
-        closeIcon: true,
-        dir: dir
+        dir: dir,
+        modal: true,
+        minimizeButton: function minimizeButton() {
+          return null;
+        },
+        maximizeButton: function maximizeButton() {
+          return null;
+        },
+        resizable: false
       },
+      initialHeight: 360,
+      windowClass: 'k-editor-window',
+      title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
       onClose: this.onClose,
       on: this.v3 ? undefined : {
         "close": this.onClose
       },
       key: "dialog",
-      closeIcon: true,
       dir: dir,
       style: dir === 'rtl' ? {
         textAlign: 'right'
-      } : undefined
+      } : undefined,
+      modal: true,
+      minimizeButton: function minimizeButton() {
+        return null;
+      },
+      maximizeButton: function maximizeButton() {
+        return null;
+      },
+      resizable: false
     }, this.v3 ? function () {
       return [content,
       // @ts-ignore function children

package/dist/es/dialogs/insertLink.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { getMark, applyLink } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -134,22 +134,39 @@ var InsertLinkDialogVue2 = {
     }, [localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])])])]);
     var dialog =
     // @ts-ignore function children
-    h(Dialog, {
-      title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
+    h(Window, {
+      initialWidth: 450,
       attrs: this.v3 ? undefined : {
+        initialWidth: 450,
+        initialHeight: 250,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
-        closeIcon: true,
-        dir: dir
+        dir: dir,
+        modal: true,
+        minimizeButton: function minimizeButton() {
+          return null;
+        },
+        maximizeButton: function maximizeButton() {
+          return null;
+        },
+        resizable: false
       },
+      initialHeight: 250,
+      windowClass: 'k-editor-window',
+      title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
       onClose: this.onClose,
       on: this.v3 ? undefined : {
         "close": this.onClose
       },
-      closeIcon: true,
       dir: dir,
-      style: dir === 'rtl' ? {
-        textAlign: 'right'
-      } : undefined
+      modal: true,
+      minimizeButton: function minimizeButton() {
+        return null;
+      },
+      maximizeButton: function maximizeButton() {
+        return null;
+      },
+      resizable: false
     }, this.v3 ? function () {
       return [content,
       // @ts-ignore function children

package/dist/es/dialogs/viewHtml.js

@@ -3,8 +3,9 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
+import { TextArea } from '@progress/kendo-vue-inputs';
 import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from '../messages/main';
@@ -52,17 +53,22 @@ var ViewHtmlDialogVue2 = {
       viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
       viewHtmlCancel = _b.viewHtmlCancel,
       viewHtmlUpdate = _b.viewHtmlUpdate;
-    var content = h("textarea", {
-      "class": "k-textarea k-editor-textarea",
+    var content = h(TextArea, {
+      "class": "k-editor-textarea",
+      defaultValue: indentHtml(getHtml(view.state)),
+      attrs: this.v3 ? undefined : {
+        defaultValue: indentHtml(getHtml(view.state)),
+        autoFocus: true,
+        autoSize: false,
+        value: indentHtml(getHtml(view.state))
+      },
       style: {
-        height: '280px',
-        width: '490px'
+        height: '275px'
       },
+      autoFocus: true,
+      autoSize: false,
       ref: setRef(this, 'htmlArea'),
-      value: this.v3 ? indentHtml(getHtml(view.state)) : null,
-      domProps: this.v3 ? undefined : {
-        "value": indentHtml(getHtml(view.state))
-      }
+      value: indentHtml(getHtml(view.state))
     });
     var actionButtons = [
     // @ts-ignore function children
@@ -101,23 +107,43 @@ var ViewHtmlDialogVue2 = {
     } : [localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])])];
     var dialog =
     // @ts-ignore function children
-    h(Dialog, {
-      title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
+    h(Window, {
+      initialHeight: 400,
       attrs: this.v3 ? undefined : {
+        initialHeight: 400,
+        initialWidth: 500,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
-        closeIcon: true,
-        dir: dir
+        dir: dir,
+        modal: true,
+        minimizeButton: function minimizeButton() {
+          return null;
+        },
+        maximizeButton: function maximizeButton() {
+          return null;
+        },
+        resizable: false
       },
+      initialWidth: 500,
+      windowClass: 'k-editor-window',
+      title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
       onClose: this.onClose,
       on: this.v3 ? undefined : {
         "close": this.onClose
       },
       key: "dialog",
-      closeIcon: true,
       dir: dir,
       style: dir === 'rtl' ? {
         textAlign: 'right'
-      } : undefined
+      } : undefined,
+      modal: true,
+      minimizeButton: function minimizeButton() {
+        return null;
+      },
+      maximizeButton: function maximizeButton() {
+        return null;
+      },
+      resizable: false
     }, this.v3 ? function () {
       return [content,
       // @ts-ignore function children

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: 1673512324,
+    publishDate: 1673797735,
     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/esm/Editor.js

@@ -449,8 +449,8 @@ var EditorVue2 = {
       } : [renderTools.call(_this2, item, index)]) : renderTool.call(this, item, index);
     }, this);
     return h("div", {
-      "class": classNames('k-widget k-editor', {
-        'k-resizable': this.$props.resizable
+      "class": classNames('k-editor', {
+        'k-editor-resizable': this.$props.resizable
       }),
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {