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

package/dist/npm/config/toolsSettings.js

@@ -23,6 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorToolsSettings = void 0;
 var main_1 = require("../messages/main");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var listsTypes = __assign({}, kendo_editor_common_1.indentRules.listsTypes);
 /**
  * Represents a wrapping namespace for the tool settings of the Editor.
@@ -38,43 +39,43 @@ var EditorToolsSettings;
     /**
      * The object of the Bold tool settings.
      */
-    EditorToolsSettings.bold = __assign(__assign({}, kendo_editor_common_1.bold), { props: __assign({ icon: 'bold' }, buttonCommonProps), messages: {
+    EditorToolsSettings.bold = __assign(__assign({}, kendo_editor_common_1.bold), { props: __assign({ icon: 'bold', svgIcon: kendo_svg_icons_1.boldIcon }, buttonCommonProps), messages: {
             title: main_1.keys.bold
         }, commandName: 'Bold' });
     /**
      * The object of the Italic tool settings.
      */
-    EditorToolsSettings.italic = __assign(__assign({}, kendo_editor_common_1.italic), { props: __assign({ icon: 'italic' }, buttonCommonProps), messages: {
+    EditorToolsSettings.italic = __assign(__assign({}, kendo_editor_common_1.italic), { props: __assign({ icon: 'italic', svgIcon: kendo_svg_icons_1.italicIcon }, buttonCommonProps), messages: {
             title: main_1.keys.italic
         }, commandName: 'Italic' });
     /**
      * The object of the Underline tool settings.
      */
-    EditorToolsSettings.underline = __assign(__assign({}, kendo_editor_common_1.underline), { props: __assign({ icon: 'underline' }, buttonCommonProps), messages: {
+    EditorToolsSettings.underline = __assign(__assign({}, kendo_editor_common_1.underline), { props: __assign({ icon: 'underline', svgIcon: kendo_svg_icons_1.underlineIcon }, buttonCommonProps), messages: {
             title: main_1.keys.underline
         }, commandName: 'Underline' });
     /**
      * The object of the Strikethrough tool settings.
      */
-    EditorToolsSettings.strikethrough = __assign(__assign({}, kendo_editor_common_1.strikethrough), { props: __assign({ icon: 'strikethrough' }, buttonCommonProps), messages: {
+    EditorToolsSettings.strikethrough = __assign(__assign({}, kendo_editor_common_1.strikethrough), { props: __assign({ icon: 'strikethrough', svgIcon: kendo_svg_icons_1.strikethroughIcon }, buttonCommonProps), messages: {
             title: main_1.keys.strikethrough
         }, commandName: 'Strikethrough' });
     /**
      * The object of the Subscript tool settings.
      */
-    EditorToolsSettings.subscript = __assign(__assign({}, kendo_editor_common_1.subscript), { props: __assign({ icon: 'subscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.subscript = __assign(__assign({}, kendo_editor_common_1.subscript), { props: __assign({ icon: 'subscript', svgIcon: kendo_svg_icons_1.subscriptIcon }, buttonCommonProps), messages: {
             title: main_1.keys.subscript
         }, commandName: 'Subscript' });
     /**
      * The object of the Superscript tool settings.
      */
-    EditorToolsSettings.superscript = __assign(__assign({}, kendo_editor_common_1.superscript), { props: __assign({ icon: 'superscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.superscript = __assign(__assign({}, kendo_editor_common_1.superscript), { props: __assign({ icon: 'supscript', svgIcon: kendo_svg_icons_1.supscriptIcon }, buttonCommonProps), messages: {
             title: main_1.keys.superscript
         }, commandName: 'Superscript' });
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.link = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'link-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.link = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'link', svgIcon: kendo_svg_icons_1.linkIcon }, buttonCommonProps), messages: {
             insertHyperlink: main_1.keys.insertHyperlink,
             insertHyperlinkDialogTitle: main_1.keys.insertHyperlinkDialogTitle,
             insertHyperlinkAddress: main_1.keys.insertHyperlinkAddress,
@@ -86,7 +87,7 @@ var EditorToolsSettings;
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.insertFile = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'file-add' }, buttonCommonProps), messages: {
+    EditorToolsSettings.insertFile = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'file-add', svgIcon: kendo_svg_icons_1.fileAddIcon }, buttonCommonProps), messages: {
             insertHyperlink: main_1.keys.insertFile,
             insertHyperlinkDialogTitle: main_1.keys.insertFileDialogTitle,
             insertHyperlinkAddress: main_1.keys.insertFileAddress,
@@ -99,7 +100,7 @@ var EditorToolsSettings;
      * The object of the InsertTable tool settings.
      */
     EditorToolsSettings.insertTable = {
-        props: __assign({ icon: 'table-insert' }, buttonCommonProps),
+        props: __assign({ icon: 'table-add', svgIcon: kendo_svg_icons_1.tableAddIcon }, buttonCommonProps),
         messages: {
             createTable: main_1.keys.createTable,
             createTableHint: main_1.keys.createTableHint
@@ -111,7 +112,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.addRowBefore = {
         command: kendo_editor_common_1.addRowBefore,
-        props: __assign({ icon: 'table-row-insert-above' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-above', svgIcon: kendo_svg_icons_1.tableRowInsertAboveIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.addRowBefore
         },
@@ -122,7 +123,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.addRowAfter = {
         command: kendo_editor_common_1.addRowAfter,
-        props: __assign({ icon: 'table-row-insert-below' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-below', svgIcon: kendo_svg_icons_1.tableRowInsertBelowIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.addRowAfter
         },
@@ -133,7 +134,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.addColumnBefore = {
         command: kendo_editor_common_1.addColumnBefore,
-        props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-left', svgIcon: kendo_svg_icons_1.tableColumnInsertLeftIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.addColumnBefore
         },
@@ -144,7 +145,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.addColumnAfter = {
         command: kendo_editor_common_1.addColumnAfter,
-        props: __assign({ icon: 'table-column-insert-right' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-right', svgIcon: kendo_svg_icons_1.tableColumnInsertRightIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.addColumnAfter
         },
@@ -155,7 +156,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.deleteRow = {
         command: kendo_editor_common_1.deleteRow,
-        props: __assign({ icon: 'table-row-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-delete', svgIcon: kendo_svg_icons_1.tableRowDeleteIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.deleteRow
         },
@@ -166,7 +167,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.deleteColumn = {
         command: kendo_editor_common_1.deleteColumn,
-        props: __assign({ icon: 'table-column-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-delete', svgIcon: kendo_svg_icons_1.tableColumnDeleteIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.deleteColumn
         },
@@ -177,7 +178,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.deleteTable = {
         command: kendo_editor_common_1.deleteTable,
-        props: __assign({ icon: 'table-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-delete', svgIcon: kendo_svg_icons_1.tableDeleteIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.deleteTable
         },
@@ -188,7 +189,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.mergeCells = {
         command: kendo_editor_common_1.mergeCells,
-        props: __assign({ icon: 'cells-merge' }, buttonCommonProps),
+        props: __assign({ icon: 'cells-merge', svgIcon: kendo_svg_icons_1.cellsMergeIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.mergeCells
         },
@@ -199,7 +200,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.splitCell = {
         command: kendo_editor_common_1.splitCell,
-        props: __assign({ icon: 'cell-split-horizontally' }, buttonCommonProps),
+        props: __assign({ icon: 'cell-split-horizontally', svgIcon: kendo_svg_icons_1.cellSplitHorizontallyIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.splitCell
         },
@@ -209,7 +210,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.print = {
-        props: __assign({ icon: 'print' }, buttonCommonProps),
+        props: __assign({ icon: 'print', svgIcon: kendo_svg_icons_1.printIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.print
         }
@@ -218,7 +219,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.selectAll = {
-        props: __assign({ icon: 'select-all' }, buttonCommonProps),
+        props: __assign({ icon: 'select-all', svgIcon: kendo_svg_icons_1.selectAllIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.selectAll
         }
@@ -227,7 +228,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.pdf = {
-        props: __assign({ icon: 'pdf' }, buttonCommonProps),
+        props: __assign({ icon: 'file-pdf', svgIcon: kendo_svg_icons_1.filePdfIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.pdf
         }
@@ -250,7 +251,7 @@ var EditorToolsSettings;
      * The object of the CleanFormatting tool settings.
      */
     EditorToolsSettings.cleanFormatting = {
-        props: __assign({ icon: 'clear-css' }, buttonCommonProps),
+        props: __assign({ icon: 'clear-css', svgIcon: kendo_svg_icons_1.clearCssIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.cleanFormatting
         },
@@ -261,7 +262,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.image = {
         node: 'image',
-        props: __assign({ icon: 'image' }, buttonCommonProps),
+        props: __assign({ icon: 'image', svgIcon: kendo_svg_icons_1.imageIcon }, buttonCommonProps),
         messages: {
             insertImage: main_1.keys.insertImage,
             insertImageDialogTitle: main_1.keys.insertImageDialogTitle,
@@ -279,7 +280,7 @@ var EditorToolsSettings;
      * The object of the ViewHtml tool settings.
      */
     EditorToolsSettings.viewHtml = {
-        props: __assign({ icon: 'html' }, buttonCommonProps),
+        props: __assign({ icon: 'code', svgIcon: kendo_svg_icons_1.codeIcon }, buttonCommonProps),
         messages: {
             viewHtml: main_1.keys.viewHtml,
             viewHtmlDialogTitle: main_1.keys.viewHtmlDialogTitle,
@@ -292,7 +293,7 @@ var EditorToolsSettings;
      * The object of the Find and Replace tool settings.
      */
     EditorToolsSettings.findAndReplace = {
-        props: __assign({ icon: 'find' }, buttonCommonProps),
+        props: __assign({ icon: 'search', svgIcon: kendo_svg_icons_1.searchIcon }, buttonCommonProps),
         messages: {
             findReplaceToolTitle: main_1.keys.findReplaceToolTitle,
             findReplaceDialogTitle: main_1.keys.findReplaceDialogTitle,
@@ -314,7 +315,7 @@ var EditorToolsSettings;
     /**
      * The object of the Unlink tool settings.
      */
-    EditorToolsSettings.unlink = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'unlink-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.unlink = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'unlink', svgIcon: kendo_svg_icons_1.unlinkIcon }, buttonCommonProps), messages: {
             title: main_1.keys.unlink
         }, commandName: 'Unlink' });
     /**
@@ -322,7 +323,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.undo = {
         command: kendo_editor_common_1.undo,
-        props: __assign({ icon: 'undo' }, buttonCommonProps),
+        props: __assign({ icon: 'undo', svgIcon: kendo_svg_icons_1.undoIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.undo
         },
@@ -333,7 +334,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.redo = {
         command: kendo_editor_common_1.redo,
-        props: __assign({ icon: 'redo' }, buttonCommonProps),
+        props: __assign({ icon: 'redo', svgIcon: kendo_svg_icons_1.redoIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.redo
         },
@@ -407,6 +408,7 @@ var EditorToolsSettings;
         color: 'color',
         colorPickerProps: {
             icon: 'foreground-color',
+            svgIcon: kendo_svg_icons_1.foregroundColorIcon,
             view: 'palette',
             title: main_1.keys.foregroundColor
         },
@@ -418,7 +420,8 @@ var EditorToolsSettings;
     EditorToolsSettings.backColor = {
         color: 'background-color',
         colorPickerProps: {
-            icon: 'background',
+            icon: 'droplet',
+            svgIcon: kendo_svg_icons_1.dropletIcon,
             view: 'palette',
             title: main_1.keys.backgroundColor
         },
@@ -429,7 +432,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignLeft = {
         actions: __spreadArray([], kendo_editor_common_1.alignLeftRules, true),
-        props: __assign({ icon: 'align-left' }, buttonCommonProps),
+        props: __assign({ icon: 'align-left', svgIcon: kendo_svg_icons_1.alignLeftIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.alignLeft
         },
@@ -440,7 +443,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignRight = {
         actions: __spreadArray([], kendo_editor_common_1.alignRightRules, true),
-        props: __assign({ icon: 'align-right' }, buttonCommonProps),
+        props: __assign({ icon: 'align-right', svgIcon: kendo_svg_icons_1.alignRightIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.alignRight
         },
@@ -451,7 +454,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignCenter = {
         actions: __spreadArray([], kendo_editor_common_1.alignCenterRules, true),
-        props: __assign({ icon: 'align-center' }, buttonCommonProps),
+        props: __assign({ icon: 'align-center', svgIcon: kendo_svg_icons_1.alignCenterIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.alignCenter
         },
@@ -462,7 +465,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignJustify = {
         actions: __spreadArray([], kendo_editor_common_1.alignJustifyRules, true),
-        props: __assign({ icon: 'align-justify' }, buttonCommonProps),
+        props: __assign({ icon: 'align-justify', svgIcon: kendo_svg_icons_1.alignJustifyIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.alignJustify
         },
@@ -473,7 +476,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignRemove = {
         actions: __spreadArray([], kendo_editor_common_1.alignRemoveRules, true),
-        props: __assign({ icon: 'align-remove' }, buttonCommonProps),
+        props: __assign({ icon: 'align-remove', svgIcon: kendo_svg_icons_1.alignRemoveIcon }, buttonCommonProps),
         messages: {},
         commandName: 'AlignRemove'
     };
@@ -483,7 +486,7 @@ var EditorToolsSettings;
     EditorToolsSettings.indent = {
         actions: kendo_editor_common_1.indentRules.nodes,
         listsTypes: listsTypes,
-        props: __assign({ icon: 'indent-increase' }, buttonCommonProps),
+        props: __assign({ icon: 'indent', svgIcon: kendo_svg_icons_1.indentIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.indent
         },
@@ -495,7 +498,7 @@ var EditorToolsSettings;
     EditorToolsSettings.outdent = {
         actions: kendo_editor_common_1.outdentRules.nodes,
         listsTypes: listsTypes,
-        props: __assign({ icon: 'indent-decrease' }, buttonCommonProps),
+        props: __assign({ icon: 'outdent', svgIcon: kendo_svg_icons_1.outdentIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.outdent
         },
@@ -506,7 +509,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.orderedList = {
         listType: listsTypes.orderedList,
-        props: __assign({ icon: 'list-ordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-ordered', svgIcon: kendo_svg_icons_1.listOrderedIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.orderedList
         },
@@ -518,7 +521,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.bulletList = {
         listType: listsTypes.bulletList,
-        props: __assign({ icon: 'list-unordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-unordered', svgIcon: kendo_svg_icons_1.listUnorderedIcon }, buttonCommonProps),
         messages: {
             title: main_1.keys.bulletList
         },

package/dist/npm/dialogs/FindReplace.js

@@ -441,10 +441,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(kendo_vue_layout_1.TabStripTab, {
             title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace]),
@@ -518,10 +522,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(kendo_vue_layout_1.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(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace]),
           attrs: _this2.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace])
@@ -604,10 +612,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(kendo_vue_layout_1.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(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace]),
           attrs: _this2.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace])
@@ -675,10 +687,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(kendo_vue_layout_1.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(kendo_vue_layout_1.TabStripTab, {
         title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace]),
         attrs: _this2.v3 ? undefined : {
           title: localization.toLanguageString(findReplaceTabReplace, main_1.messages[findReplaceTabReplace])

package/dist/npm/dialogs/insertImage.js

@@ -245,23 +245,43 @@ var InsertImageDialogVue2 = {
     } : [localization.toLanguageString(insertImageInsert, main_1.messages[insertImageInsert])])];
     var dialog =
     // @ts-ignore function children
-    h(kendo_vue_dialogs_1.Dialog, {
-      title: localization.toLanguageString(insertImageDialogTitle, main_1.messages[insertImageDialogTitle]),
+    h(kendo_vue_dialogs_1.Window, {
+      initialWidth: 500,
       attrs: this.v3 ? undefined : {
+        initialWidth: 500,
+        initialHeight: 360,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(insertImageDialogTitle, main_1.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, main_1.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/npm/dialogs/insertLink.js

@@ -140,22 +140,39 @@ var InsertLinkDialogVue2 = {
     }, [localization.toLanguageString(insertHyperlinkNewWindow, main_1.messages[insertHyperlinkNewWindow])])])]);
     var dialog =
     // @ts-ignore function children
-    h(kendo_vue_dialogs_1.Dialog, {
-      title: localization.toLanguageString(insertHyperlinkDialogTitle, main_1.messages[insertHyperlinkDialogTitle]),
+    h(kendo_vue_dialogs_1.Window, {
+      initialWidth: 450,
       attrs: this.v3 ? undefined : {
+        initialWidth: 450,
+        initialHeight: 250,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(insertHyperlinkDialogTitle, main_1.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, main_1.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/npm/dialogs/viewHtml.js

@@ -11,6 +11,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
@@ -58,17 +59,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(kendo_vue_inputs_1.TextArea, {
+      "class": "k-editor-textarea",
+      defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
+      attrs: this.v3 ? undefined : {
+        defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
+        autoFocus: true,
+        autoSize: false,
+        value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
+      },
       style: {
-        height: '280px',
-        width: '490px'
+        height: '275px'
       },
+      autoFocus: true,
+      autoSize: false,
       ref: (0, kendo_vue_common_1.setRef)(this, 'htmlArea'),
-      value: this.v3 ? (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)) : null,
-      domProps: this.v3 ? undefined : {
-        "value": (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
-      }
+      value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
     });
     var actionButtons = [
     // @ts-ignore function children
@@ -107,23 +113,43 @@ var ViewHtmlDialogVue2 = {
     } : [localization.toLanguageString(viewHtmlUpdate, main_1.messages[viewHtmlUpdate])])];
     var dialog =
     // @ts-ignore function children
-    h(kendo_vue_dialogs_1.Dialog, {
-      title: localization.toLanguageString(viewHtmlDialogTitle, main_1.messages[viewHtmlDialogTitle]),
+    h(kendo_vue_dialogs_1.Window, {
+      initialHeight: 400,
       attrs: this.v3 ? undefined : {
+        initialHeight: 400,
+        initialWidth: 500,
+        windowClass: 'k-editor-window',
         title: localization.toLanguageString(viewHtmlDialogTitle, main_1.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, main_1.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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "3.7.4-dev.202301120847",
+  "version": "3.7.4-dev.202301151601",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,22 +50,22 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.9.3",
-    "@progress/kendo-vue-common": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-common": "3.7.4-dev.202301151601"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-form": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-layout": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-pdf": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-upload": "3.7.4-dev.202301120847",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-form": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-layout": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-pdf": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-upload": "3.7.4-dev.202301151601",
     "prosemirror-markdown": "1.10.1",
     "prosemirror-tables": "^1.2.5"
   },