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

package/dist/superdoc.umd.js

@@ -27828,24 +27828,26 @@
     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);
         }
       }
     }
@@ -30667,7 +30669,7 @@
         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();
@@ -30794,6 +30796,7 @@
     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");
@@ -31133,7 +31136,7 @@
   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",
@@ -48410,7 +48413,7 @@
      * @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");
@@ -60150,7 +60153,7 @@
         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" }));
         }
@@ -60230,7 +60233,7 @@
     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;
     }
@@ -61090,16 +61093,20 @@
     }
   };
   const ToolbarButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$2, [["__scopeId", "data-v-6d7523ab"]]);
-  const _hoisted_1$3$2 = ["role"];
-  const _hoisted_2$2$2 = ["data-item", "aria-label"];
+  const _hoisted_1$3$2 = ["role", "aria-label", "onKeydown"];
+  const _hoisted_2$2$2 = ["data-item"];
   const _hoisted_3$2$2 = {
     key: 1,
     class: "button-label"
   };
-  const _hoisted_4$7 = { key: 2 };
+  const _hoisted_4$1$2 = { key: 2 };
   const _hoisted_5$5 = ["placeholder", "onKeydown", "id"];
   const _hoisted_6$3 = ["placeholder", "onKeydown", "id"];
   const _hoisted_7$3 = ["innerHTML"];
+  const _hoisted_8$3 = {
+    "aria-live": "polite",
+    class: "visually-hidden"
+  };
   const _sfc_main$4$2 = {
     __name: "ToolbarButton",
     props: {
@@ -61182,14 +61189,15 @@
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["toolbar-item", unref(attributes).className]),
           style: normalizeStyle(getStyle.value),
-          role: __props.isOverflowItem ? "menuitem" : ""
+          role: __props.isOverflowItem ? "menuitem" : "button",
+          "aria-label": unref(attributes).ariaLabel,
+          onClick: handleClick2,
+          onKeydown: withKeys(withModifiers(handleClick2, ["stop"]), ["enter"]),
+          tabindex: "0"
         }, [
           createBaseVNode("div", {
-            onClick: handleClick2,
             class: normalizeClass(["toolbar-button", { active: unref(active), disabled: unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": unref(hasInlineTextInput), "high-contrast": unref(isHighContrastMode2) }]),
-            "data-item": `btn-${unref(name) || ""}`,
-            "aria-label": unref(attributes).ariaLabel,
-            role: "button"
+            "data-item": `btn-${unref(name) || ""}`
           }, [
             unref(icon) ? (openBlock(), createBlock(ToolbarButtonIcon, {
               key: 0,
@@ -61199,7 +61207,7 @@
               name: unref(name)
             }, null, 8, ["color", "icon", "name"])) : createCommentVNode("", true),
             unref(label) && !unref(hideLabel) && !unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("div", _hoisted_3$2$2, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
-            unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
+            unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("span", _hoisted_4$1$2, [
               unref(name) === "fontSize" ? withDirectives((openBlock(), createElementBlock("input", {
                 key: 0,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineTextInput.value = $event),
@@ -61209,7 +61217,7 @@
                 type: "text",
                 class: normalizeClass(["button-text-input", { "high-contrast": unref(isHighContrastMode2) }]),
                 id: "inlineTextInput-" + unref(name),
-                autoccomplete: "off",
+                autocomplete: "off",
                 ref_key: "inlineInput",
                 ref: inlineInput
               }, null, 42, _hoisted_5$5)), [
@@ -61222,7 +61230,7 @@
                 type: "text",
                 class: "button-text-input",
                 id: "inlineTextInput-" + unref(name),
-                autoccomplete: "off",
+                autocomplete: "off",
                 ref_key: "inlineInput",
                 ref: inlineInput
               }, null, 40, _hoisted_6$3)), [
@@ -61234,13 +61242,14 @@
               class: "dropdown-caret",
               innerHTML: caretIcon.value,
               style: normalizeStyle({ opacity: unref(disabled) ? 0.6 : 1 })
-            }, null, 12, _hoisted_7$3)) : createCommentVNode("", true)
+            }, null, 12, _hoisted_7$3)) : createCommentVNode("", true),
+            createBaseVNode("div", _hoisted_8$3, toDisplayString(`${unref(attributes).ariaLabel} ${unref(active) ? "selected" : "unset"}`), 1)
           ], 10, _hoisted_2$2$2)
-        ], 14, _hoisted_1$3$2);
+        ], 46, _hoisted_1$3$2);
       };
     }
   };
-  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-6eb57404"]]);
+  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-2518a3d1"]]);
   const _hoisted_1$2$2 = {
     class: "toolbar-separator",
     role: "separator",
@@ -70658,9 +70667,10 @@ ${style2}
       return child;
     }
   });
-  const _hoisted_1$j = { key: 0 };
+  const _hoisted_1$j = ["onKeydown", "tabindex"];
   const _hoisted_2$d = { key: 0 };
   const _hoisted_3$a = { key: 0 };
+  const _hoisted_4$7 = { key: 0 };
   const _sfc_main$1$1 = {
     __name: "ButtonGroup",
     props: {
@@ -70710,11 +70720,11 @@ ${style2}
       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;
-        emit2("command", { item, argument });
+        emit2("command", { item, argument, switchFocusToEditor });
       };
       const handleToolbarButtonTextSubmit = (item, argument) => {
         if (item.disabled.value) return;
@@ -70730,7 +70740,7 @@ ${style2}
       const handleSelect = (item, option) => {
         closeDropdowns();
         const value = item.dropdownValueKey.value ? option[item.dropdownValueKey.value] : option.label;
-        emit2("command", { item, argument: value, option });
+        emit2("command", { item, argument: value, option, switchFocusToEditor: true });
         selectedOption.value = option.key;
       };
       const dropdownOptions = (item) => {
@@ -70754,19 +70764,92 @@ ${style2}
       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 openBlock(), createElementBlock("div", {
           style: normalizeStyle(getPositionStyle.value),
           class: "button-group",
-          role: "group"
+          role: "group",
+          onFocus: handleFocus
         }, [
-          (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.toolbarItems, (item) => {
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.toolbarItems, (item, index2) => {
             return openBlock(), createElementBlock("div", {
               key: item.id.value,
               class: 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) ? (openBlock(), createBlock(ToolbarSeparator, {
                 key: 0,
@@ -70796,14 +70879,15 @@ ${style2}
                     trigger: withCtx(() => [
                       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: withCtx(() => [
                       createBaseVNode("div", null, [
                         createTextVNode(toDisplayString(item.tooltip) + " ", 1),
-                        item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_1$j, "(disabled)")) : createCommentVNode("", true)
+                        item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, "(disabled)")) : createCommentVNode("", true)
                       ])
                     ]),
                     _: 2
@@ -70824,9 +70908,9 @@ ${style2}
                   }, null, 8, ["toolbar-item", "is-overflow-item", "onTextSubmit", "onButtonClick"])
                 ]),
                 default: withCtx(() => [
-                  item.tooltip ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+                  item.tooltip ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
                     createTextVNode(toDisplayString(item.tooltip) + " ", 1),
-                    item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_3$a, "(disabled)")) : createCommentVNode("", true)
+                    item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_4$7, "(disabled)")) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 2
@@ -70836,13 +70920,13 @@ ${style2}
                 "toolbar-item": item,
                 "overflow-items": __props.overflowItems
               }, null, 8, ["toolbar-item", "overflow-items"])) : createCommentVNode("", true)
-            ], 2);
+            ], 42, _hoisted_1$j);
           }), 128))
-        ], 4);
+        ], 36);
       };
     }
   };
-  const ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-b09e5a20"]]);
+  const ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-53a792b0"]]);
   const _sfc_main$k = {
     __name: "Toolbar",
     emits: ["command", "toggle", "select"],
@@ -70881,8 +70965,8 @@ ${style2}
         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 openBlock(), createElementBlock("div", {
@@ -70893,12 +70977,14 @@ ${style2}
         }, [
           unref(showLeftSide) ? (openBlock(), createBlock(ButtonGroup, {
             key: 0,
+            tabindex: "0",
             "toolbar-items": getFilteredItems("left"),
             position: "left",
             onCommand: handleCommand,
             class: "superdoc-toolbar-group-side"
           }, null, 8, ["toolbar-items"])) : createCommentVNode("", true),
           createVNode(ButtonGroup, {
+            tabindex: "0",
             "toolbar-items": getFilteredItems("center"),
             "overflow-items": unref(proxy).$toolbar.overflowItems,
             position: "center",
@@ -70906,6 +70992,7 @@ ${style2}
           }, null, 8, ["toolbar-items", "overflow-items"]),
           unref(showRightSide) ? (openBlock(), createBlock(ButtonGroup, {
             key: 1,
+            tabindex: "0",
             "toolbar-items": getFilteredItems("right"),
             position: "right",
             onCommand: handleCommand,
@@ -70915,7 +71002,7 @@ ${style2}
       };
     }
   };
-  const Toolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-2a400574"]]);
+  const Toolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__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 = {}) {
@@ -74172,8 +74259,8 @@ ${style2}
      * @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;
@@ -74670,6 +74757,15 @@ ${style2}
         });
       };
       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();
+            }
+          }
+        }
         emit2("editor-keydown", { editor: editor.value });
       };
       const handleSuperEditorClick = (event) => {
@@ -74775,7 +74871,7 @@ ${style2}
       };
     }
   };
-  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-f27b7c30"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-199a4ecf"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -89869,7 +89965,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.12.34-next.2";
+      this.version = "0.12.35-next.1";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;