@bagelink/vue 1.19.1 → 1.20.1

package/src/components/form/inputs/RichText/config.ts

@@ -33,9 +33,7 @@ export const basicToolbarConfig: ToolbarConfig = [
 	'italic',
 	'underline',
 	'separator',
-	'alignMenu',
-	'ltrDirection',
-	'rtlDirection',
+	'paragraphToolsMenu',
 	'separator',
 	'insertTable',
 	'separator',
@@ -67,6 +65,8 @@ export const fullToolbarConfig: ToolbarConfig = [
 	'fontColor',
 	'bgColor',
 	'separator',
+	'paragraphToolsMenu',
+	'separator',
 	'p',
 	'blockquote',
 	'orderedList',
@@ -81,8 +81,9 @@ export const fullToolbarConfig: ToolbarConfig = [
 	'separator',
 	'splitView',
 	'clear',
+	'separator',
 	'insertTable',
-	...tableTools,
+	'tableToolsMenu',
 	'separator',
 	'undo',
 	'redo',
@@ -93,6 +94,8 @@ export const toolbarOptions: ToolbarOption[] = [
 	{ name: 'headingsMenu', label: 'Headings', icon: 'title' },
 	{ name: 'mediaMenu', label: 'Media', icon: 'perm_media' },
 	{ name: 'alignMenu', label: 'Alignment', icon: 'format_align_left' },
+	{ name: 'paragraphToolsMenu', label: 'Paragraph tools', icon: 'format_align_right' },
+	{ name: 'tableToolsMenu', label: 'Table tools', icon: 'table_edit' },
 	{ name: 'h1', label: 'Heading 1', icon: 'format_h1' },
 	{ name: 'h2', label: 'Heading 2', icon: 'format_h2' },
 	{ name: 'h3', label: 'Heading 3', icon: 'format_h3' },
@@ -101,12 +104,12 @@ export const toolbarOptions: ToolbarOption[] = [
 	{ name: 'h6', label: 'Heading 6', icon: 'format_h6' },
 	{ name: 'p', label: 'Paragraph', icon: 'format_paragraph' },
 	{ name: 'blockquote', label: 'Blockquote', icon: 'format_quote' },
-	{ name: 'bold', label: 'Bold', icon: 'format_bold' },
-	{ name: 'italic', label: 'Italic', icon: 'format_italic' },
-	{ name: 'underline', label: 'Underline', icon: 'format_underlined' },
-	{ name: 'orderedList', label: 'Ordered List', icon: 'format_list_numbered' },
-	{ name: 'unorderedList', label: 'Unordered List', icon: 'format_list_bulleted' },
-	{ name: 'link', label: 'Link', icon: 'add_link' },
+	{ name: 'bold', label: 'Bold', icon: 'format_bold', shortcut: '⌘/Ctrl+B' },
+	{ name: 'italic', label: 'Italic', icon: 'format_italic', shortcut: '⌘/Ctrl+I' },
+	{ name: 'underline', label: 'Underline', icon: 'format_underlined', shortcut: '⌘/Ctrl+U' },
+	{ name: 'orderedList', label: 'Ordered List', icon: 'format_list_numbered', shortcut: '⌘/Ctrl+Shift+.' },
+	{ name: 'unorderedList', label: 'Unordered List', icon: 'format_list_bulleted', shortcut: '⌘/Ctrl+Shift+/' },
+	{ name: 'link', label: 'Link', icon: 'add_link', shortcut: '⌘/Ctrl+K' },
 	{ name: 'image', label: 'Image', icon: 'add_photo_alternate' },
 	{ name: 'video', label: 'Video', icon: 'play_circle' },
 	{ name: 'embed', label: 'Embed', icon: 'media_link' },
@@ -120,8 +123,8 @@ export const toolbarOptions: ToolbarOption[] = [
 	{ name: 'tableAlignCenter', label: 'Table Align Center', icon: 'format_align_center' },
 	{ name: 'tableAlignRight', label: 'Table Align Right', icon: 'format_align_right' },
 	{ name: 'tableAlignJustify', label: 'Table Align Justify', icon: 'format_align_justify' },
-	{ name: 'indent', label: 'Indent', icon: 'format_indent_increase' },
-	{ name: 'outdent', label: 'Outdent', icon: 'format_indent_decrease' },
+	{ name: 'indent', label: 'Indent', icon: 'format_indent_increase', shortcut: 'Tab' },
+	{ name: 'outdent', label: 'Outdent', icon: 'format_indent_decrease', shortcut: 'Shift+Tab' },
 	{ name: 'fontColor', label: 'Font Color', icon: 'format_color_text' },
 	{ name: 'bgColor', label: 'Background Color', icon: 'format_color_fill' },
 	{ name: 'insertTable', label: 'Insert Table', icon: 'table' },
@@ -135,8 +138,8 @@ export const toolbarOptions: ToolbarOption[] = [
 	{ name: 'insertColumnRight', label: 'Insert Column Right', icon: 'format_indent_increase' },
 	{ name: 'deleteColumn', label: 'Delete Column', icon: 'view_week' },
 	{ name: 'separator' },
-	{ name: 'undo', label: 'Undo', icon: 'undo' },
-	{ name: 'redo', label: 'Redo', icon: 'redo' },
+	{ name: 'undo', label: 'Undo', icon: 'undo', shortcut: '⌘/Ctrl+Z' },
+	{ name: 'redo', label: 'Redo', icon: 'redo', shortcut: '⌘/Ctrl+Shift+Z' },
 	{ name: 'separator' },
 	{ name: 'fullScreen', label: 'Full Screen', icon: 'fullscreen', class: 'ms-auto' },
 	{ name: 'textDirection', label: 'Text Direction (RTL/LTR)', icon: 'format_textdirection_r_to_l' },