@harbour-enterprises/superdoc 0.12.34-next.2 → 0.12.35-next.1

package/dist/chunks/{super-editor.es-C9AkEjnH.cjs → super-editor.es-CrLkFZx3.cjs}

@@ -20468,24 +20468,26 @@ generateXml_fn = function(node2, debug = false) {
   if (!name && node2.type === "text") {
     return node2.text;
   }
-  if (name === "w:instrText") {
-    tags.push(elements[0].text);
-  } else if (name === "w:t" || name === "w:delText" || name === "wp:posOffset") {
-    const text = __privateMethod$2(this, _DocxExporter_instances, replaceSpecialCharacters_fn).call(this, elements[0].text);
-    tags.push(text);
-  } else {
-    if (elements) {
-      for (let child of elements) {
-        const newElements = __privateMethod$2(this, _DocxExporter_instances, generateXml_fn).call(this, child);
-        if (!newElements) continue;
-        if (typeof newElements === "string") {
-          tags.push(newElements);
-          continue;
+  if (elements) {
+    if (name === "w:instrText") {
+      tags.push(elements[0].text);
+    } else if (name === "w:t" || name === "w:delText" || name === "wp:posOffset") {
+      const text = __privateMethod$2(this, _DocxExporter_instances, replaceSpecialCharacters_fn).call(this, elements[0].text);
+      tags.push(text);
+    } else {
+      if (elements) {
+        for (let child of elements) {
+          const newElements = __privateMethod$2(this, _DocxExporter_instances, generateXml_fn).call(this, child);
+          if (!newElements) continue;
+          if (typeof newElements === "string") {
+            tags.push(newElements);
+            continue;
+          }
+          const removeUndefined = newElements.filter((el) => {
+            return el !== "<undefined>" && el !== "</undefined>";
+          });
+          tags.push(...removeUndefined);
         }
-        const removeUndefined = newElements.filter((el) => {
-          return el !== "<undefined>" && el !== "</undefined>";
-        });
-        tags.push(...removeUndefined);
       }
     }
   }
@@ -23307,7 +23309,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.34-next.2") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.35-next.1") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23434,6 +23436,7 @@ const _SuperConverter = class _SuperConverter2 {
   getThemeInfo(themeName) {
     themeName = themeName.toLowerCase();
     const theme1 = this.convertedXml["word/theme/theme1.xml"];
+    if (!theme1) return {};
     const themeData = theme1.elements.find((el) => el.name === "a:theme");
     const themeElements = themeData.elements.find((el) => el.name === "a:themeElements");
     const fontScheme = themeElements.elements.find((el) => el.name === "a:fontScheme");
@@ -23773,7 +23776,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.12.34-next.2") {
+function generateSuperdocVersion(pid = 2, version2 = "0.12.35-next.1") {
   return {
     type: "element",
     name: "property",
@@ -41050,7 +41053,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.12.34-next.2");
+    console.debug("[checkVersionMigrations] Current editor version", "0.12.35-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -52790,7 +52793,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       if (currentPageNumber === 1) {
         const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor, currentNode);
         decorations.pop();
-        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2);
+        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor);
         const pageBreak2 = createPageBreak({ editor, header: newFirstHeader, isFirstHeader: true });
         decorations.push(Decoration.widget(0, pageBreak2, { key: "stable-key" }));
       }
@@ -52870,7 +52873,7 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
   const headerHeight = Math.max(headerDef?.height || 0, minHeaderHeight) + headerOffset;
   const availableHeight = headerHeight - headerMargin;
   const editorContainer = document.createElement("div");
-  if (!headerId && !editor.converter.headerIds["default"]) {
+  if (!headerId && !editor?.converter?.headerIds?.["default"]) {
     headerId = "rId" + generateDocxRandomId();
     editor.converter.headerIds["default"] = headerId;
   }
@@ -53730,16 +53733,20 @@ const _sfc_main$5$1 = {
   }
 };
 const ToolbarButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$5$1, [["__scopeId", "data-v-6d7523ab"]]);
-const _hoisted_1$3$1 = ["role"];
-const _hoisted_2$2$1 = ["data-item", "aria-label"];
+const _hoisted_1$3$1 = ["role", "aria-label", "onKeydown"];
+const _hoisted_2$2$1 = ["data-item"];
 const _hoisted_3$2$1 = {
   key: 1,
   class: "button-label"
 };
-const _hoisted_4$5 = { key: 2 };
+const _hoisted_4$1$1 = { key: 2 };
 const _hoisted_5$4 = ["placeholder", "onKeydown", "id"];
 const _hoisted_6$2 = ["placeholder", "onKeydown", "id"];
 const _hoisted_7$1 = ["innerHTML"];
+const _hoisted_8$1 = {
+  "aria-live": "polite",
+  class: "visually-hidden"
+};
 const _sfc_main$4$1 = {
   __name: "ToolbarButton",
   props: {
@@ -53822,14 +53829,15 @@ const _sfc_main$4$1 = {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["toolbar-item", vue.unref(attributes).className]),
         style: vue.normalizeStyle(getStyle.value),
-        role: __props.isOverflowItem ? "menuitem" : ""
+        role: __props.isOverflowItem ? "menuitem" : "button",
+        "aria-label": vue.unref(attributes).ariaLabel,
+        onClick: handleClick2,
+        onKeydown: vue.withKeys(vue.withModifiers(handleClick2, ["stop"]), ["enter"]),
+        tabindex: "0"
       }, [
         vue.createBaseVNode("div", {
-          onClick: handleClick2,
           class: vue.normalizeClass(["toolbar-button", { active: vue.unref(active), disabled: vue.unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": vue.unref(hasInlineTextInput), "high-contrast": vue.unref(isHighContrastMode2) }]),
-          "data-item": `btn-${vue.unref(name) || ""}`,
-          "aria-label": vue.unref(attributes).ariaLabel,
-          role: "button"
+          "data-item": `btn-${vue.unref(name) || ""}`
         }, [
           vue.unref(icon) ? (vue.openBlock(), vue.createBlock(ToolbarButtonIcon, {
             key: 0,
@@ -53839,7 +53847,7 @@ const _sfc_main$4$1 = {
             name: vue.unref(name)
           }, null, 8, ["color", "icon", "name"])) : vue.createCommentVNode("", true),
           vue.unref(label) && !vue.unref(hideLabel) && !vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2$1, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
-          vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, [
+          vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1$1, [
             vue.unref(name) === "fontSize" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineTextInput.value = $event),
@@ -53849,7 +53857,7 @@ const _sfc_main$4$1 = {
               type: "text",
               class: vue.normalizeClass(["button-text-input", { "high-contrast": vue.unref(isHighContrastMode2) }]),
               id: "inlineTextInput-" + vue.unref(name),
-              autoccomplete: "off",
+              autocomplete: "off",
               ref_key: "inlineInput",
               ref: inlineInput
             }, null, 42, _hoisted_5$4)), [
@@ -53862,7 +53870,7 @@ const _sfc_main$4$1 = {
               type: "text",
               class: "button-text-input",
               id: "inlineTextInput-" + vue.unref(name),
-              autoccomplete: "off",
+              autocomplete: "off",
               ref_key: "inlineInput",
               ref: inlineInput
             }, null, 40, _hoisted_6$2)), [
@@ -53874,13 +53882,14 @@ const _sfc_main$4$1 = {
             class: "dropdown-caret",
             innerHTML: caretIcon.value,
             style: vue.normalizeStyle({ opacity: vue.unref(disabled) ? 0.6 : 1 })
-          }, null, 12, _hoisted_7$1)) : vue.createCommentVNode("", true)
+          }, null, 12, _hoisted_7$1)) : vue.createCommentVNode("", true),
+          vue.createBaseVNode("div", _hoisted_8$1, vue.toDisplayString(`${vue.unref(attributes).ariaLabel} ${vue.unref(active) ? "selected" : "unset"}`), 1)
         ], 10, _hoisted_2$2$1)
-      ], 14, _hoisted_1$3$1);
+      ], 46, _hoisted_1$3$1);
     };
   }
 };
-const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-6eb57404"]]);
+const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-2518a3d1"]]);
 const _hoisted_1$2$1 = {
   class: "toolbar-separator",
   role: "separator",
@@ -63298,9 +63307,10 @@ const NSkeleton = vue.defineComponent({
     return child;
   }
 });
-const _hoisted_1$d = { key: 0 };
+const _hoisted_1$d = ["onKeydown", "tabindex"];
 const _hoisted_2$b = { key: 0 };
 const _hoisted_3$9 = { key: 0 };
+const _hoisted_4$5 = { key: 0 };
 const _sfc_main$1$1 = {
   __name: "ButtonGroup",
   props: {
@@ -63350,11 +63360,11 @@ const _sfc_main$1$1 = {
     const isDropdown = (item) => item.type === "dropdown";
     const isSeparator = (item) => item.type === "separator";
     const isOverflow = (item) => item.type === "overflow";
-    const handleToolbarButtonClick = (item, argument = null) => {
+    const handleToolbarButtonClick = (item, argument = null, switchFocusToEditor = true) => {
       currentItem.value = item;
       currentItem.value.expand = true;
       if (item.disabled.value) return;
-      emit("command", { item, argument });
+      emit("command", { item, argument, switchFocusToEditor });
     };
     const handleToolbarButtonTextSubmit = (item, argument) => {
       if (item.disabled.value) return;
@@ -63370,7 +63380,7 @@ const _sfc_main$1$1 = {
     const handleSelect = (item, option) => {
       closeDropdowns();
       const value = item.dropdownValueKey.value ? option[item.dropdownValueKey.value] : option.label;
-      emit("command", { item, argument: value, option });
+      emit("command", { item, argument: value, option, switchFocusToEditor: true });
       selectedOption.value = option.key;
     };
     const dropdownOptions = (item) => {
@@ -63394,19 +63404,92 @@ const _sfc_main$1$1 = {
     const handleClickOutside = (e) => {
       closeDropdowns();
     };
+    const moveToNextButton = (e) => {
+      const currentButton = e.target;
+      const nextButton = e.target.closest(".toolbar-item-ctn").nextElementSibling;
+      if (nextButton) {
+        currentButton.setAttribute("tabindex", "-1");
+        nextButton.setAttribute("tabindex", "0");
+        nextButton.focus();
+      }
+    };
+    const moveToPreviousButton = (e) => {
+      const currentButton = e.target;
+      const previousButton = e.target.closest(".toolbar-item-ctn").previousElementSibling;
+      if (previousButton) {
+        currentButton.setAttribute("tabindex", "-1");
+        previousButton.setAttribute("tabindex", "0");
+        previousButton.focus();
+      }
+    };
+    const moveToNextButtonGroup = (e) => {
+      const nextButtonGroup = e.target.closest(".button-group").nextElementSibling;
+      if (nextButtonGroup) {
+        nextButtonGroup.setAttribute("tabindex", "0");
+        nextButtonGroup.focus();
+      } else {
+        const editor = document.querySelector(".ProseMirror");
+        if (editor) {
+          editor.focus();
+        }
+      }
+    };
+    const moveToPreviousButtonGroup = (e) => {
+      const previousButtonGroup = e.target.closest(".button-group").previousElementSibling;
+      if (previousButtonGroup) {
+        previousButtonGroup.setAttribute("tabindex", "0");
+        previousButtonGroup.focus();
+      }
+    };
+    const handleKeyDown2 = (e, item) => {
+      e.preventDefault();
+      switch (e.key) {
+        case "Enter":
+          handleToolbarButtonClick(item, null, false);
+          break;
+        case "Escape":
+          closeDropdowns();
+          break;
+        case "ArrowRight":
+          closeDropdowns();
+          moveToNextButton(e);
+          break;
+        case "ArrowLeft":
+          closeDropdowns();
+          moveToPreviousButton(e);
+          break;
+        case "Tab":
+          if (e.shiftKey) {
+            moveToPreviousButtonGroup(e);
+          } else {
+            moveToNextButtonGroup(e);
+          }
+          break;
+      }
+    };
+    const handleFocus = (e) => {
+      const firstButton = e.target.closest(".button-group").querySelector(".toolbar-item-ctn:not(.disabled)");
+      if (firstButton) {
+        firstButton.focus();
+      }
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         style: vue.normalizeStyle(getPositionStyle.value),
         class: "button-group",
-        role: "group"
+        role: "group",
+        onFocus: handleFocus
       }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.toolbarItems, (item) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.toolbarItems, (item, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.id.value,
             class: vue.normalizeClass([{
               narrow: item.isNarrow.value,
-              wide: item.isWide.value
-            }, "toolbar-item-ctn"])
+              wide: item.isWide.value,
+              disabled: item.disabled.value
+            }, "toolbar-item-ctn"]),
+            onKeydown: (e) => handleKeyDown2(e, item),
+            tabindex: index2 === 0 ? 0 : -1
           }, [
             isSeparator(item) ? (vue.openBlock(), vue.createBlock(ToolbarSeparator, {
               key: 0,
@@ -63436,14 +63519,15 @@ const _sfc_main$1$1 = {
                   trigger: vue.withCtx(() => [
                     vue.createVNode(ToolbarButton, {
                       "toolbar-item": item,
+                      disabled: item.disabled.value,
                       onTextSubmit: ($event) => handleToolbarButtonTextSubmit(item, $event),
                       onButtonClick: ($event) => handleToolbarButtonClick(item)
-                    }, null, 8, ["toolbar-item", "onTextSubmit", "onButtonClick"])
+                    }, null, 8, ["toolbar-item", "disabled", "onTextSubmit", "onButtonClick"])
                   ]),
                   default: vue.withCtx(() => [
                     vue.createBaseVNode("div", null, [
                       vue.createTextVNode(vue.toDisplayString(item.tooltip) + " ", 1),
-                      item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$d, "(disabled)")) : vue.createCommentVNode("", true)
+                      item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b, "(disabled)")) : vue.createCommentVNode("", true)
                     ])
                   ]),
                   _: 2
@@ -63464,9 +63548,9 @@ const _sfc_main$1$1 = {
                 }, null, 8, ["toolbar-item", "is-overflow-item", "onTextSubmit", "onButtonClick"])
               ]),
               default: vue.withCtx(() => [
-                item.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
+                item.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
                   vue.createTextVNode(vue.toDisplayString(item.tooltip) + " ", 1),
-                  item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, "(disabled)")) : vue.createCommentVNode("", true)
+                  item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, "(disabled)")) : vue.createCommentVNode("", true)
                 ])) : vue.createCommentVNode("", true)
               ]),
               _: 2
@@ -63476,13 +63560,13 @@ const _sfc_main$1$1 = {
               "toolbar-item": item,
               "overflow-items": __props.overflowItems
             }, null, 8, ["toolbar-item", "overflow-items"])) : vue.createCommentVNode("", true)
-          ], 2);
+          ], 42, _hoisted_1$d);
         }), 128))
-      ], 4);
+      ], 36);
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-b09e5a20"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-53a792b0"]]);
 const _sfc_main$e = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
@@ -63521,8 +63605,8 @@ const _sfc_main$e = {
       toolbarKey.value += 1;
     };
     const onResizeThrottled = throttle(onWindowResized, 300);
-    const handleCommand = ({ item, argument, option }) => {
-      proxy.$toolbar.emitCommand({ item, argument, option });
+    const handleCommand = ({ item, argument, option, switchFocusToEditor = true }) => {
+      proxy.$toolbar.emitCommand({ item, argument, option, switchFocusToEditor });
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -63533,12 +63617,14 @@ const _sfc_main$e = {
       }, [
         vue.unref(showLeftSide) ? (vue.openBlock(), vue.createBlock(ButtonGroup, {
           key: 0,
+          tabindex: "0",
           "toolbar-items": getFilteredItems("left"),
           position: "left",
           onCommand: handleCommand,
           class: "superdoc-toolbar-group-side"
         }, null, 8, ["toolbar-items"])) : vue.createCommentVNode("", true),
         vue.createVNode(ButtonGroup, {
+          tabindex: "0",
           "toolbar-items": getFilteredItems("center"),
           "overflow-items": vue.unref(proxy).$toolbar.overflowItems,
           position: "center",
@@ -63546,6 +63632,7 @@ const _sfc_main$e = {
         }, null, 8, ["toolbar-items", "overflow-items"]),
         vue.unref(showRightSide) ? (vue.openBlock(), vue.createBlock(ButtonGroup, {
           key: 1,
+          tabindex: "0",
           "toolbar-items": getFilteredItems("right"),
           position: "right",
           onCommand: handleCommand,
@@ -63555,7 +63642,7 @@ const _sfc_main$e = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2a400574"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-b182f42b"]]);
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options2 = {}) {
@@ -66812,8 +66899,8 @@ class SuperToolbar extends EventEmitter2 {
    * @param {*} [params.argument] - The argument passed to the command
    * @returns {*} The result of the executed command, undefined if no result is returned
   */
-  emitCommand({ item, argument, option }) {
-    if (this.activeEditor && !this.activeEditor.options.isHeaderOrFooter) {
+  emitCommand({ item, argument, option, switchFocusToEditor = true }) {
+    if (this.activeEditor && !this.activeEditor.options.isHeaderOrFooter && switchFocusToEditor) {
       this.activeEditor.focus();
     }
     const { command: command2 } = item;
@@ -67310,6 +67397,15 @@ const _sfc_main$2 = {
       });
     };
     const handleSuperEditorKeydown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.altKey && event.shiftKey) {
+        if (event.code === "KeyM") {
+          const toolbar = document.querySelector(".superdoc-toolbar");
+          if (toolbar) {
+            toolbar.setAttribute("tabindex", "0");
+            toolbar.focus();
+          }
+        }
+      }
       emit("editor-keydown", { editor: editor.value });
     };
     const handleSuperEditorClick = (event) => {
@@ -67415,7 +67511,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f27b7c30"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-199a4ecf"]]);
 const _sfc_main$1 = {
   __name: "BasicUpload",
   emits: ["file-change"],