@harbour-enterprises/superdoc 0.12.30 → 0.12.31-next.1

package/dist/super-editor/super-editor.es.js

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
-import { _ as _export_sfc, a as getQuickFormatList, b as generateLinkedStyleString, I as ImagePlaceholderPluginKey, f as findPlaceholder, c as findParentNode, d as getActiveFormatting, i as isInTable, u as undoDepth, r as redoDepth, E as Editor, e as getStarterExtensions, P as Placeholder, h as getRichTextExtensions, M as Mark, j as Extension, A as Attribute, N as Node } from "./chunks/editor-DOwVVn_i.js";
-import { C, T, l, n, k, m } from "./chunks/editor-DOwVVn_i.js";
-import { a2 as getDefaultExportFromCjs, E as v4, a5 as vClickOutside, T as TextSelection, a as Plugin } from "./chunks/converter-BSr2Ue72.js";
-import { O } from "./chunks/converter-BSr2Ue72.js";
-import { ref, createElementBlock, openBlock, createElementVNode, unref, getCurrentInstance, computed, watch, onMounted, createCommentVNode, withDirectives, withKeys, normalizeClass, withModifiers, vModelText, createTextVNode, toDisplayString, Fragment, renderList, normalizeStyle, createVNode, h, createApp, reactive, onUnmounted, shallowRef, onBeforeUnmount, createBlock } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, N as NSkeleton } from "./chunks/toolbar-hUPYR8un.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, I as ImagePlaceholderPluginKey, f as findPlaceholder, c as findParentNode, d as getActiveFormatting, i as isInTable, e as undoDepth, r as redoDepth, E as Editor, h as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-czvDp00c.js";
+import { C, T, m, o, l, n } from "./chunks/editor-czvDp00c.js";
+import { a2 as getDefaultExportFromCjs, E as v4, a5 as vClickOutside, T as TextSelection, a as Plugin } from "./chunks/converter-LyqpytFD.js";
+import { O } from "./chunks/converter-LyqpytFD.js";
+import { ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, getCurrentInstance, computed, watch, onMounted, createCommentVNode, withDirectives, withKeys, withModifiers, vModelText, createTextVNode, toDisplayString, Fragment, renderList, normalizeStyle, createVNode, h, createApp, reactive, onUnmounted, shallowRef, onBeforeUnmount, createBlock } from "vue";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, N as NSkeleton } from "./chunks/toolbar-BnvzLMKn.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-BCUCSdEs.js";
+import { D } from "./chunks/docx-zipper-CSx2w--M.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 (function(module) {
@@ -327,71 +327,80 @@ const useToolbarItem = (options) => {
     onDeactivate
   };
 };
-const _hoisted_1$b = { class: "alignment-buttons" };
+const _hoisted_1$b = ["innerHTML"];
 const _hoisted_2$9 = ["innerHTML"];
-const _hoisted_3$8 = ["innerHTML"];
+const _hoisted_3$7 = ["innerHTML"];
 const _hoisted_4$3 = ["innerHTML"];
-const _hoisted_5$3 = ["innerHTML"];
 const _sfc_main$c = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
+    const { isHighContrastMode } = useHighContrastMode();
     const emit = __emit;
     const select = (alignment2) => {
       emit("select", alignment2);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["alignment-buttons", { "high-contrast": unref(isHighContrastMode) }])
+      }, [
         createElementVNode("div", {
           class: "button-icon",
           onClick: _cache[0] || (_cache[0] = ($event) => select("left")),
           innerHTML: unref(toolbarIcons).alignLeft,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_2$9),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align left"
+        }, null, 8, _hoisted_1$b),
         createElementVNode("div", {
           class: "button-icon",
           onClick: _cache[1] || (_cache[1] = ($event) => select("center")),
           innerHTML: unref(toolbarIcons).alignCenter,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_3$8),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align center"
+        }, null, 8, _hoisted_2$9),
         createElementVNode("div", {
           class: "button-icon",
           onClick: _cache[2] || (_cache[2] = ($event) => select("right")),
           innerHTML: unref(toolbarIcons).alignRight,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_4$3),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align right"
+        }, null, 8, _hoisted_3$7),
         createElementVNode("div", {
           class: "button-icon",
           onClick: _cache[3] || (_cache[3] = ($event) => select("justify")),
           innerHTML: unref(toolbarIcons).alignJustify,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_5$3)
-      ]);
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Justify"
+        }, null, 8, _hoisted_4$3)
+      ], 2);
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-932a4937"]]);
-const _hoisted_1$a = { class: "link-input-ctn" };
-const _hoisted_2$8 = {
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-58d8a9bb"]]);
+const _hoisted_1$a = {
   key: 0,
   class: "link-title"
 };
-const _hoisted_3$7 = {
+const _hoisted_2$8 = {
   key: 1,
   class: "link-title"
 };
-const _hoisted_4$2 = {
+const _hoisted_3$6 = {
   key: 2,
   class: "link-title"
 };
-const _hoisted_5$2 = { key: 3 };
-const _hoisted_6$1 = { class: "input-row" };
-const _hoisted_7$1 = ["innerHTML"];
-const _hoisted_8 = ["onKeydown"];
-const _hoisted_9 = ["innerHTML"];
-const _hoisted_10 = { class: "input-row link-buttons" };
-const _hoisted_11 = ["innerHTML"];
-const _hoisted_12 = {
+const _hoisted_4$2 = { key: 3 };
+const _hoisted_5$2 = { class: "input-row" };
+const _hoisted_6$1 = ["innerHTML"];
+const _hoisted_7 = ["onKeydown"];
+const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = { class: "input-row link-buttons" };
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
   key: 4,
   class: "input-row go-to-anchor clickable"
 };
@@ -424,6 +433,7 @@ const _sfc_main$b = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
+    const { isHighContrastMode } = useHighContrastMode();
     const { proxy } = getCurrentInstance();
     const handleSubmit = () => {
       if (proxy?.$submit instanceof Function) proxy.$submit();
@@ -474,16 +484,19 @@ const _sfc_main$b = {
       if (props.showInput) focusInput();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        !__props.href ? (openBlock(), createElementBlock("div", _hoisted_2$8, "Add link")) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, "Page anchor")) : (openBlock(), createElementBlock("div", _hoisted_4$2, "Edit link")),
-        __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-          createElementVNode("div", _hoisted_6$1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }])
+      }, [
+        !__props.href ? (openBlock(), createElementBlock("div", _hoisted_1$a, "Add link")) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, "Page anchor")) : (openBlock(), createElementBlock("div", _hoisted_3$6, "Edit link")),
+        __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          createElementVNode("div", _hoisted_5$2, [
             createElementVNode("div", {
               class: "input-icon",
               innerHTML: unref(toolbarIcons).linkInput
-            }, null, 8, _hoisted_7$1),
+            }, null, 8, _hoisted_6$1),
             withDirectives(createElementVNode("input", {
               type: "text",
+              name: "link",
               placeholder: "Type or paste a link",
               class: normalizeClass({ error: urlError.value }),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rawUrl.value = $event),
@@ -491,7 +504,7 @@ const _sfc_main$b = {
                 withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]),
                 _cache[1] || (_cache[1] = ($event) => urlError.value = false)
               ]
-            }, null, 42, _hoisted_8), [
+            }, null, 42, _hoisted_7), [
               [vModelText, rawUrl.value]
             ]),
             createElementVNode("div", {
@@ -499,9 +512,9 @@ const _sfc_main$b = {
               innerHTML: unref(toolbarIcons).openLink,
               onClick: openLink,
               "data-item": "btn-link-open"
-            }, null, 10, _hoisted_9)
+            }, null, 10, _hoisted_8)
           ]),
-          createElementVNode("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_9, [
             __props.href ? (openBlock(), createElementBlock("button", {
               key: 0,
               class: "remove-btn",
@@ -511,7 +524,7 @@ const _sfc_main$b = {
               createElementVNode("div", {
                 class: "remove-btn__icon",
                 innerHTML: unref(toolbarIcons).removeLink
-              }, null, 8, _hoisted_11),
+              }, null, 8, _hoisted_10),
               _cache[3] || (_cache[3] = createTextVNode(" Remove "))
             ])) : createCommentVNode("", true),
             showApply.value ? (openBlock(), createElementBlock("button", {
@@ -521,23 +534,22 @@ const _sfc_main$b = {
               "data-item": "btn-link-apply"
             }, toDisplayString(getApplyText.value), 3)) : createCommentVNode("", true)
           ])
-        ])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+        ])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
           createElementVNode("a", {
             onClick: _cache[2] || (_cache[2] = withModifiers((...args) => __props.goToAnchor && __props.goToAnchor(...args), ["stop", "prevent"]))
           }, "Go to " + toDisplayString(__props.href.startsWith("#_") ? __props.href.substring(2) : __props.href), 1)
         ])) : createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-04bac853"]]);
-const _hoisted_1$9 = { class: "document-mode" };
-const _hoisted_2$7 = ["onClick"];
-const _hoisted_3$6 = { class: "document-mode-column icon-column" };
-const _hoisted_4$1 = ["innerHTML"];
-const _hoisted_5$1 = { class: "document-mode-column text-column" };
-const _hoisted_6 = { class: "document-mode-type" };
-const _hoisted_7 = { class: "document-mode-description" };
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-64aa14bc"]]);
+const _hoisted_1$9 = ["onClick"];
+const _hoisted_2$7 = { class: "document-mode-column icon-column" };
+const _hoisted_3$5 = ["innerHTML"];
+const _hoisted_4$1 = { class: "document-mode-column text-column" };
+const _hoisted_5$1 = { class: "document-mode-type" };
+const _hoisted_6 = { class: "document-mode-description" };
 const _sfc_main$a = {
   __name: "DocumentMode",
   props: {
@@ -548,34 +560,38 @@ const _sfc_main$a = {
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const { isHighContrastMode } = useHighContrastMode();
     const handleClick = (item) => {
       emit("select", item);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["document-mode", { "high-contrast": unref(isHighContrastMode) }])
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["option-item", { disabled: option.disabled }]),
             onClick: ($event) => handleClick(option),
-            "data-item": "btn-documentMode-option"
+            "data-item": "btn-documentMode-option",
+            role: "menuitem"
           }, [
-            createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_2$7, [
               createElementVNode("div", {
                 class: "icon-column__icon",
                 innerHTML: option.icon
-              }, null, 8, _hoisted_4$1)
+              }, null, 8, _hoisted_3$5)
             ]),
-            createElementVNode("div", _hoisted_5$1, [
-              createElementVNode("div", _hoisted_6, toDisplayString(option.label), 1),
-              createElementVNode("div", _hoisted_7, toDisplayString(option.description), 1)
+            createElementVNode("div", _hoisted_4$1, [
+              createElementVNode("div", _hoisted_5$1, toDisplayString(option.label), 1),
+              createElementVNode("div", _hoisted_6, toDisplayString(option.description), 1)
             ])
-          ], 10, _hoisted_2$7);
+          ], 10, _hoisted_1$9);
         }), 256))
-      ]);
+      ], 2);
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8afd7fbb"]]);
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-050d9d49"]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "linked-style-buttons"
@@ -618,9 +634,9 @@ const _sfc_main$9 = {
   }
 };
 const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bf5a8c1e"]]);
-const _hoisted_1$7 = ["onClick"];
+const _hoisted_1$7 = ["aria-label", "onClick"];
 const _hoisted_2$5 = ["innerHTML"];
-const _hoisted_3$5 = ["innerHTML"];
+const _hoisted_3$4 = ["innerHTML"];
 const _sfc_main$8 = {
   __name: "IconGridRow",
   props: {
@@ -657,12 +673,15 @@ const _sfc_main$8 = {
       return openBlock(true), createElementBlock(Fragment, null, renderList(__props.icons, (row, rowIndex) => {
         return openBlock(), createElementBlock("div", {
           class: "option-row",
-          key: rowIndex
+          key: rowIndex,
+          role: "group"
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(row, (option, optionIndex) => {
             return openBlock(), createElementBlock("div", {
               class: "option",
               key: optionIndex,
+              "aria-label": option.label,
+              role: "menuitem",
               onClick: withModifiers(($event) => handleClick(option), ["stop", "prevent"])
             }, [
               createElementVNode("div", {
@@ -675,7 +694,7 @@ const _sfc_main$8 = {
                 class: "option__check",
                 innerHTML: unref(toolbarIcons).colorOptionCheck,
                 style: normalizeStyle(getCheckStyle(option.value, optionIndex))
-              }, null, 12, _hoisted_3$5)) : createCommentVNode("", true)
+              }, null, 12, _hoisted_3$4)) : createCommentVNode("", true)
             ], 8, _hoisted_1$7);
           }), 128))
         ]);
@@ -683,11 +702,11 @@ const _sfc_main$8 = {
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-6a2a9a40"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d96a82fa"]]);
 const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
 const _hoisted_1$6 = { class: "options-grid-wrap" };
 const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$4 = { class: "option-grid-ctn" };
+const _hoisted_3$3 = { class: "option-grid-ctn" };
 const _sfc_main$7 = {
   __name: "IconGrid",
   props: {
@@ -719,6 +738,8 @@ const _sfc_main$7 = {
         __props.hasNoneIcon ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "none-option",
+          role: "menuitem",
+          "aria-label": "Clear color selection",
           onClick: _cache[0] || (_cache[0] = ($event) => handleSelect("none"))
         }, [
           createElementVNode("span", {
@@ -727,7 +748,7 @@ const _sfc_main$7 = {
           }, null, 8, _hoisted_2$4),
           _cache[1] || (_cache[1] = createTextVNode(" None "))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           createVNode(IconGridRow, {
             icons: __props.icons,
             "active-color": __props.activeColor,
@@ -746,7 +767,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-47b783db"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9246bdef"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -780,84 +801,83 @@ const renderColorOptions = (superToolbar, button, customIcons = [], hasNoneIcon
 };
 const icons = [
   [
-    makeColorOption("#111111"),
-    makeColorOption("#333333"),
-    makeColorOption("#5C5C5C"),
-    makeColorOption("#858585"),
-    makeColorOption("#ADADAD"),
-    makeColorOption("#D6D6D6"),
-    makeColorOption("#FFFFFF")
+    makeColorOption("#111111", "black"),
+    makeColorOption("#333333", "dark gray"),
+    makeColorOption("#5C5C5C", "medium gray"),
+    makeColorOption("#858585", "light gray"),
+    makeColorOption("#ADADAD", "very light gray"),
+    makeColorOption("#D6D6D6", "transparent gray"),
+    makeColorOption("#FFFFFF", "white")
   ],
   [
-    makeColorOption("#860028"),
-    makeColorOption("#D2003F"),
-    makeColorOption("#DB3365"),
-    makeColorOption("#E4668C"),
-    makeColorOption("#ED99B2"),
-    makeColorOption("#F6CCD9"),
-    makeColorOption("#FF004D")
+    makeColorOption("#860028", "dark red"),
+    makeColorOption("#D2003F", "red"),
+    makeColorOption("#DB3365", "coral red"),
+    makeColorOption("#E4668C", "light red"),
+    makeColorOption("#ED99B2", "pale pink"),
+    makeColorOption("#F6CCD9", "transparent pink"),
+    makeColorOption("#FF004D", "bright pink")
   ],
   [
-    makeColorOption("#83015E"),
-    makeColorOption("#CD0194"),
-    makeColorOption("#D734A9"),
-    makeColorOption("#E167BF"),
-    makeColorOption("#EB99D4"),
-    makeColorOption("#F5CCEA"),
-    makeColorOption("#FF00A8")
+    makeColorOption("#83015E", "dark purple"),
+    makeColorOption("#CD0194", "purple"),
+    makeColorOption("#D734A9", "orchid"),
+    makeColorOption("#E167BF", "light purple"),
+    makeColorOption("#EB99D4", "lavender"),
+    makeColorOption("#F5CCEA", "transparent pink"),
+    makeColorOption("#FF00A8", "neon pink")
   ],
   [
-    makeColorOption("#8E220A"),
-    makeColorOption("#DD340F"),
-    makeColorOption("#E45C3F"),
-    makeColorOption("#EB856F"),
-    makeColorOption("#F1AE9F"),
-    makeColorOption("#F8D6CF"),
-    makeColorOption("#FF7A00")
+    makeColorOption("#8E220A", "maroon"),
+    makeColorOption("#DD340F", "red-orange"),
+    makeColorOption("#E45C3F", "burnt orange"),
+    makeColorOption("#EB856F", "peach"),
+    makeColorOption("#F1AE9F", "pale peach"),
+    makeColorOption("#F8D6CF", "transparent peach"),
+    makeColorOption("#FF7A00", "orange")
   ],
   [
-    makeColorOption("#947D02"),
-    makeColorOption("#E7C302"),
-    makeColorOption("#ECCF35"),
-    makeColorOption("#F1DB67"),
-    makeColorOption("#F5E79A"),
-    makeColorOption("#FAF3CC"),
-    makeColorOption("#FAFF09")
+    makeColorOption("#947D02", "olive"),
+    makeColorOption("#E7C302", "mustard yellow"),
+    makeColorOption("#ECCF35", "yellow"),
+    makeColorOption("#F1DB67", "light yellow"),
+    makeColorOption("#F5E79A", "very pale yellow"),
+    makeColorOption("#FAF3CC", "transparent yellow"),
+    makeColorOption("#FAFF09", "neon yellow")
   ],
   [
-    makeColorOption("#055432"),
-    makeColorOption("#07834F"),
-    makeColorOption("#399C72"),
-    makeColorOption("#6AB595"),
-    makeColorOption("#9CCDB9"),
-    makeColorOption("#CDE6DC"),
-    makeColorOption("#05F38F")
+    makeColorOption("#055432", "forest green"),
+    makeColorOption("#07834F", "green"),
+    makeColorOption("#399C72", "medium green"),
+    makeColorOption("#6AB595", "light green"),
+    makeColorOption("#9CCDB9", "mint"),
+    makeColorOption("#CDE6DC", "transparent mint"),
+    makeColorOption("#05F38F", "bright teal")
   ],
   [
-    makeColorOption("#063E7E"),
-    makeColorOption("#0A60C5"),
-    makeColorOption("#3B80D1"),
-    makeColorOption("#6CA0DC"),
-    makeColorOption("#9DBFE8"),
-    makeColorOption("#CEDFF3"),
-    makeColorOption("#21c8ce")
+    makeColorOption("#063E7E", "navy blue"),
+    makeColorOption("#0A60C5", "blue"),
+    makeColorOption("#3B80D1", "sky blue"),
+    makeColorOption("#6CA0DC", "cornflower blue"),
+    makeColorOption("#9DBFE8", "light blue"),
+    makeColorOption("#CEDFF3", "very light blue"),
+    makeColorOption("#21c8ce", "cyan")
   ],
   [
-    makeColorOption("#3E027A"),
-    makeColorOption("#6103BF"),
-    makeColorOption("#8136CC"),
-    makeColorOption("#A068D9"),
-    makeColorOption("#C09AE6"),
-    makeColorOption("#DFCDF2"),
-    makeColorOption("#A91DFF")
+    makeColorOption("#3E027A", "deep purple"),
+    makeColorOption("#6103BF", "indigo"),
+    makeColorOption("#8136CC", "violet"),
+    makeColorOption("#A068D9", "lavender pink"),
+    makeColorOption("#C09AE6", "light lilac"),
+    makeColorOption("#DFCDF2", "transparent lilac"),
+    makeColorOption("#A91DFF", "neon purple")
   ]
 ];
 const getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 };
-const _hoisted_1$5 = { class: "toolbar-table-grid-wrapper" };
-const _hoisted_2$3 = ["data-cols", "data-rows", "onClick"];
-const _hoisted_3$3 = { class: "toolbar-table-grid-value" };
+const _hoisted_1$5 = ["data-cols", "data-rows", "onClick"];
+const _hoisted_2$3 = ["aria-valuetext"];
 const _sfc_main$6 = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
@@ -865,6 +885,7 @@ const _sfc_main$6 = {
     const emit = __emit;
     const selectedRows = ref(0);
     const selectedCols = ref(0);
+    const { isHighContrastMode } = useHighContrastMode();
     const onTableGridMouseOver = (event) => {
       let target = event.target;
       let isGrid = !!target.dataset.grid;
@@ -892,7 +913,9 @@ const _sfc_main$6 = {
       emit("select", { cols, rows });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["toolbar-table-grid-wrapper", { "high-contrast": unref(isHighContrastMode) }])
+      }, [
         createElementVNode("div", {
           class: "toolbar-table-grid",
           onMouseover: onTableGridMouseOver,
@@ -908,19 +931,22 @@ const _sfc_main$6 = {
                   "data-rows": i,
                   "data-item": "true",
                   onClick: withModifiers(($event) => handleClick({ cols: n2, rows: i }), ["stop", "prevent"])
-                }, null, 8, _hoisted_2$3);
+                }, null, 8, _hoisted_1$5);
               }), 64))
             ], 64);
           }), 64))
         ], 32),
-        createElementVNode("div", _hoisted_3$3, toDisplayString(selectedRows.value) + " x " + toDisplayString(selectedCols.value), 1)
-      ]);
+        createElementVNode("div", {
+          class: "toolbar-table-grid-value",
+          "aria-valuetext": `${selectedRows.value} x ${selectedCols.value}`
+        }, toDisplayString(selectedRows.value) + " x " + toDisplayString(selectedCols.value), 9, _hoisted_2$3)
+      ], 2);
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-06352ab9"]]);
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-617bf152"]]);
 const _hoisted_1$4 = { class: "toolbar-table-actions" };
-const _hoisted_2$2 = ["onClick", "data-item"];
+const _hoisted_2$2 = ["onClick", "data-item", "ariaLabel"];
 const _hoisted_3$2 = { class: "toolbar-table-actions__icon" };
 const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = { class: "toolbar-table-actions__label" };
@@ -943,7 +969,9 @@ const _sfc_main$5 = {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": option.bottomBorder }]),
             onClick: ($event) => handleClick(option),
-            "data-item": option.props?.["data-item"] || ""
+            "data-item": option.props?.["data-item"] || "",
+            ariaLabel: option.props?.ariaLabel,
+            role: "menuitem"
           }, [
             createElementVNode("div", _hoisted_3$2, [
               createElementVNode("div", {
@@ -958,7 +986,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fdbfb4b0"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f82e859a"]]);
 const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>\n';
 const _hoisted_1$3 = { class: "search-input-ctn" };
 const _hoisted_2$1 = { class: "row" };
@@ -1059,7 +1087,10 @@ const makeDefaultItems = ({
     name: "bold",
     command: "toggleBold",
     icon: toolbarIcons2.bold,
-    tooltip: toolbarTexts2.bold
+    tooltip: toolbarTexts2.bold,
+    attributes: {
+      ariaLabel: "Bold"
+    }
   });
   const fontButton = useToolbarItem({
     type: "dropdown",
@@ -1074,6 +1105,9 @@ const makeDefaultItems = ({
     isWide: true,
     style: { width: "116px" },
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Font family"
+    },
     options: [...toolbarFonts ? toolbarFonts : TOOLBAR_FONTS],
     onActivate: ({ fontFamily }) => {
       if (!fontFamily) return;
@@ -1094,6 +1128,9 @@ const makeDefaultItems = ({
     hasCaret: false,
     isWide: true,
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "AI"
+    },
     options: [
       {
         type: "render",
@@ -1141,6 +1178,9 @@ const makeDefaultItems = ({
     suppressActiveHighlight: true,
     isWide: true,
     command: "setFontSize",
+    attributes: {
+      ariaLabel: "Font size"
+    },
     options: [
       { label: "8", key: "8pt", props: { "data-item": "btn-fontSize-option" } },
       { label: "9", key: "9pt", props: { "data-item": "btn-fontSize-option" } },
@@ -1176,14 +1216,20 @@ const makeDefaultItems = ({
     name: "italic",
     command: "toggleItalic",
     icon: toolbarIcons2.italic,
-    tooltip: toolbarTexts2.italic
+    tooltip: toolbarTexts2.italic,
+    attributes: {
+      ariaLabel: "Italic"
+    }
   });
   const underline = useToolbarItem({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
     icon: toolbarIcons2.underline,
-    tooltip: toolbarTexts2.underline
+    tooltip: toolbarTexts2.underline,
+    attributes: {
+      ariaLabel: "Underline"
+    }
   });
   const highlight = useToolbarItem({
     type: "dropdown",
@@ -1196,6 +1242,9 @@ const makeDefaultItems = ({
     command: "setHighlight",
     noArgumentCommand: "unsetHighlight",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Highlight"
+    },
     options: [
       {
         key: "color",
@@ -1218,6 +1267,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.color,
     command: "setColor",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Color"
+    },
     options: [
       {
         key: "color",
@@ -1238,6 +1290,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.search,
     group: "right",
     inputRef: searchRef,
+    attributes: {
+      ariaLabel: "Search"
+    },
     options: [
       {
         type: "render",
@@ -1263,6 +1318,9 @@ const makeDefaultItems = ({
     markName: "link",
     icon: toolbarIcons2.link,
     tooltip: toolbarTexts2.link,
+    attributes: {
+      ariaLabel: "Link dropdown"
+    },
     options: [
       {
         type: "render",
@@ -1316,7 +1374,10 @@ const makeDefaultItems = ({
     command: "startImageUpload",
     icon: toolbarIcons2.image,
     tooltip: toolbarTexts2.image,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Image"
+    }
   });
   const tableItem = useToolbarItem({
     type: "dropdown",
@@ -1327,6 +1388,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.table,
     command: "insertTable",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Table"
+    },
     options: [
       {
         key: "table",
@@ -1353,6 +1417,9 @@ const makeDefaultItems = ({
     icon: toolbarIcons2.tableActions,
     hideLabel: true,
     disabled: true,
+    attributes: {
+      ariaLabel: "Table actions"
+    },
     options: [
       {
         type: "render",
@@ -1365,69 +1432,102 @@ const makeDefaultItems = ({
       label: toolbarTexts2.addRowBefore,
       command: "addRowBefore",
       icon: toolbarIcons2.addRowBefore,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add row before"
+      }
     },
     {
       label: toolbarTexts2.addRowAfter,
       command: "addRowAfter",
       icon: toolbarIcons2.addRowAfter,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add row after"
+      }
     },
     {
       label: toolbarTexts2.addColumnBefore,
       command: "addColumnBefore",
       icon: toolbarIcons2.addColumnBefore,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add column before"
+      }
     },
     {
       label: toolbarTexts2.addColumnAfter,
       command: "addColumnAfter",
       icon: toolbarIcons2.addColumnAfter,
       bottomBorder: true,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add column after"
+      }
     },
     {
       label: toolbarTexts2.deleteRow,
       command: "deleteRow",
       icon: toolbarIcons2.deleteRow,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete row"
+      }
     },
     {
       label: toolbarTexts2.deleteColumn,
       command: "deleteColumn",
       icon: toolbarIcons2.deleteColumn,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete column"
+      }
     },
     {
       label: toolbarTexts2.deleteTable,
       command: "deleteTable",
       icon: toolbarIcons2.deleteTable,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete table"
+      }
     },
     {
       label: toolbarTexts2.transparentBorders,
       command: "deleteCellAndTableBorders",
       icon: toolbarIcons2.deleteBorders,
       bottomBorder: true,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete cell and table borders"
+      }
     },
     {
       label: toolbarTexts2.mergeCells,
       command: "mergeCells",
       icon: toolbarIcons2.mergeCells,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Merge cells"
+      }
     },
     {
       label: toolbarTexts2.splitCell,
       command: "splitCell",
       icon: toolbarIcons2.splitCell,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Split cells"
+      }
     },
     {
       label: toolbarTexts2.fixTables,
       command: "fixTables",
       icon: toolbarIcons2.fixTables,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Fix tables"
+      }
     }
   ];
   function renderTableActions(tableActionsItem2) {
@@ -1450,6 +1550,9 @@ const makeDefaultItems = ({
     markName: "textAlign",
     labelAttr: "textAlign",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Text align"
+    },
     options: [
       {
         type: "render",
@@ -1493,14 +1596,20 @@ const makeDefaultItems = ({
     name: "list",
     command: "toggleBulletList",
     icon: toolbarIcons2.bulletList,
-    tooltip: toolbarTexts2.bulletList
+    tooltip: toolbarTexts2.bulletList,
+    attributes: {
+      ariaLabel: "Bullet list"
+    }
   });
   const numberedList = useToolbarItem({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: toolbarIcons2.numberedList,
-    tooltip: toolbarTexts2.numberedList
+    tooltip: toolbarTexts2.numberedList,
+    attributes: {
+      ariaLabel: "Numbered list"
+    }
   });
   const indentLeft = useToolbarItem({
     type: "button",
@@ -1508,7 +1617,10 @@ const makeDefaultItems = ({
     command: "decreaseTextIndent",
     icon: toolbarIcons2.indentLeft,
     tooltip: toolbarTexts2.indentLeft,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Left indent"
+    }
   });
   const indentRight = useToolbarItem({
     type: "button",
@@ -1516,14 +1628,20 @@ const makeDefaultItems = ({
     command: "increaseTextIndent",
     icon: toolbarIcons2.indentRight,
     tooltip: toolbarTexts2.indentRight,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Right indent"
+    }
   });
   const overflow = useToolbarItem({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: toolbarIcons2.overflow,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Overflow items"
+    }
   });
   const zoom = useToolbarItem({
     type: "dropdown",
@@ -1537,6 +1655,9 @@ const makeDefaultItems = ({
     isWide: true,
     inlineTextInputVisible: false,
     hasInlineTextInput: true,
+    attributes: {
+      ariaLabel: "Zoom"
+    },
     options: [
       { label: "50%", key: 0.5, props: { "data-item": "btn-zoom-option" } },
       { label: "75%", key: 0.75, props: { "data-item": "btn-zoom-option" } },
@@ -1559,6 +1680,9 @@ const makeDefaultItems = ({
     command: "undo",
     icon: toolbarIcons2.undo,
     group: "left",
+    attributes: {
+      ariaLabel: "Undo"
+    },
     onDeactivate: () => {
       undo.disabled.value = !superToolbar.undoDepth;
     }
@@ -1571,6 +1695,9 @@ const makeDefaultItems = ({
     command: "redo",
     icon: toolbarIcons2.redo,
     group: "left",
+    attributes: {
+      ariaLabel: "Redo"
+    },
     onDeactivate: () => {
       redo.disabled.value = !superToolbar.redoDepth;
     }
@@ -1582,7 +1709,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChanges,
     command: "toggleTrackChanges",
     icon: toolbarIcons2.trackChanges,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Track changes"
+    }
   });
   const acceptTrackedChangeBySelection = useToolbarItem({
     type: "button",
@@ -1591,7 +1721,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesAccept,
     command: "acceptTrackedChangeBySelection",
     icon: toolbarIcons2.trackChangesAccept,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Accept tracked changes"
+    }
   });
   const rejectTrackedChangeOnSelection = useToolbarItem({
     type: "button",
@@ -1600,7 +1733,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesReject,
     command: "rejectTrackedChangeOnSelection",
     icon: toolbarIcons2.trackChangesReject,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Reject tracked changes"
+    }
   });
   const toggleTrackChangesOriginal = useToolbarItem({
     type: "button",
@@ -1609,7 +1745,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesOriginal,
     command: "toggleTrackChangesShowOriginal",
     icon: toolbarIcons2.trackChangesOriginal,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Toggle tracked changes show original"
+    }
   });
   const toggleTrackChangesFinal = useToolbarItem({
     type: "button",
@@ -1618,14 +1757,20 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesFinal,
     command: "toggleTrackChangesShowFinal",
     icon: toolbarIcons2.trackChangesFinal,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Toggle tracked changes show final"
+    }
   });
   const clearFormatting = useToolbarItem({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
     tooltip: toolbarTexts2.clearFormatting,
-    icon: toolbarIcons2.clearFormatting
+    icon: toolbarIcons2.clearFormatting,
+    attributes: {
+      ariaLabel: "Clear formatting"
+    }
   });
   [
     bold,
@@ -1641,7 +1786,10 @@ const makeDefaultItems = ({
     name: "copyFormat",
     tooltip: toolbarTexts2.copyFormat,
     icon: toolbarIcons2.copyFormat,
-    command: "copyFormat"
+    command: "copyFormat",
+    attributes: {
+      ariaLabel: "Copy formatting"
+    }
   });
   const getDocumentOptionsAfterRole = (role2, documentOptions2) => {
     if (role2 === "editor") return documentOptions2;
@@ -1670,7 +1818,8 @@ const makeDefaultItems = ({
     disabled: role !== "editor",
     attributes: {
       dropdownPosition: "right",
-      className: "toolbar-item--doc-mode"
+      className: "toolbar-item--doc-mode",
+      ariaLabel: "Document mode"
     },
     options: [
       {
@@ -1717,7 +1866,10 @@ const makeDefaultItems = ({
     name: "pageBreakTool",
     command: "insertPageBreak",
     icon: toolbarIcons2.pageBreak,
-    tooltip: toolbarTexts2.pageBreak
+    tooltip: toolbarTexts2.pageBreak,
+    attributes: {
+      ariaLabel: "Page break"
+    }
   });
   const controlSizes = /* @__PURE__ */ new Map([
     ["separator", 20],
@@ -1735,7 +1887,10 @@ const makeDefaultItems = ({
     name: "ruler",
     command: "toggleRuler",
     icon: toolbarIcons2.ruler,
-    tooltip: toolbarTexts2.ruler
+    tooltip: toolbarTexts2.ruler,
+    attributes: {
+      ariaLabel: "Ruler"
+    }
   });
   const selectedLinkedStyle = ref(null);
   const linkedStyles = useToolbarItem({
@@ -1751,7 +1906,8 @@ const makeDefaultItems = ({
     suppressActiveHighlight: true,
     disabled: false,
     attributes: {
-      className: "toolbar-item--linked-styles"
+      className: "toolbar-item--linked-styles",
+      ariaLabel: "Linked styles"
     },
     options: [
       {
@@ -1798,6 +1954,9 @@ const makeDefaultItems = ({
     command: "setLineHeight",
     dropdownValueKey: "key",
     selectedValue: "1",
+    attributes: {
+      ariaLabel: "Line height"
+    },
     options: [
       { label: "1,0", key: "1", icon: () => renderIcon("1", lineHeight.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
       { label: "1,15", key: "1.15", icon: () => renderIcon("1.15", lineHeight.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
@@ -3173,7 +3332,8 @@ const _sfc_main$2 = {
           createElementVNode("div", {
             ref_key: "editorElem",
             ref: editorElem,
-            class: "editor-element super-editor__element"
+            class: "editor-element super-editor__element",
+            role: "presentation"
           }, null, 512)
         ], 544),
         !editorReady.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
@@ -3225,7 +3385,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ff8f86f4"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f27b7c30"]]);
 const _sfc_main$1 = {
   __name: "BasicUpload",
   emits: ["file-change"],
@@ -3358,12 +3518,12 @@ export {
   Toolbar,
   T as TrackChangesBasePluginKey,
   createZip,
-  l as fieldAnnotationHelpers,
+  m as fieldAnnotationHelpers,
   getActiveFormatting,
   getAllowedImageDimensions,
-  n as getMarksFromSelection,
+  o as getMarksFromSelection,
   getRichTextExtensions,
   getStarterExtensions,
-  k as helpers,
-  m as trackChangesHelpers
+  l as helpers,
+  n as trackChangesHelpers
 };