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

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
         },