@progress/kendo-vue-editor 3.7.4-dev.202301131104 → 3.7.4-dev.202301161618

package/dist/esm/dialogs/viewHtml.js

@@ -32,6 +32,9 @@ var ViewHtmlDialogVue2 = {
   },
   mounted: function mounted() {
     this.htmlArea = getRef(this, 'htmlArea');
+    if (this.htmlArea) {
+      this.htmlArea.focus();
+    }
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -58,14 +61,12 @@ var ViewHtmlDialogVue2 = {
       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: '275px'
       },
-      autoFocus: true,
       autoSize: false,
       ref: setRef(this, 'htmlArea'),
       value: indentHtml(getHtml(view.state))

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673606993,
+    publishDate: 1673885083,
     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/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
         },