@harbour-enterprises/superdoc 0.12.17 → 0.12.19

package/dist/superdoc.umd.js

@@ -30664,7 +30664,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.17") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.19") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31130,7 +31130,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.12.17") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.12.19") {
     return {
       type: "element",
       name: "property",
@@ -47698,7 +47698,8 @@
         numbering: {},
         isHeaderOrFooter: false,
         lastSelection: null,
-        htmlOverride: false,
+        suppressDefaultDocxStyles: false,
+        jsonOverride: false,
         onBeforeCreate: () => null,
         onCreate: () => null,
         onUpdate: () => null,
@@ -48027,7 +48028,7 @@
       * @returns {void}
       */
     initDefaultStyles(element = this.element) {
-      if (this.options.isHeadless || this.options.htmlOverride) return;
+      if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
       const proseMirror = element?.querySelector(".ProseMirror");
       const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
       if (!proseMirror || !pageSize || !pageMargins) {
@@ -48284,7 +48285,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.12.17");
+      console.debug("[checkVersionMigrations] Current editor version", "0.12.19");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -48601,6 +48602,7 @@
           doc2 = createDocument(this.converter, this.schema, this);
           doc2 = __privateMethod$1(this, _Editor_instances, prepareDocumentForImport_fn).call(this, doc2);
           if (this.options.html) doc2 = __privateMethod$1(this, _Editor_instances, createDocFromHTML_fn).call(this, this.options.html);
+          else if (this.options.jsonOverride) doc2 = this.schema.nodeFromJSON(this.options.jsonOverride);
           if (fragment) doc2 = yXmlFragmentToProseMirrorRootNode(fragment, this.schema);
         }
       } else if (mode === "text" || mode === "html") {
@@ -72252,6 +72254,7 @@ ${style2}
   const makeDefaultItems = ({
     superToolbar,
     toolbarIcons: toolbarIcons2,
+    toolbarTexts: toolbarTexts2,
     toolbarFonts,
     hideButtons,
     availableWidth,
@@ -72263,12 +72266,12 @@ ${style2}
       name: "bold",
       command: "toggleBold",
       icon: toolbarIcons2.bold,
-      tooltip: "Bold"
+      tooltip: toolbarTexts2.bold
     });
     const fontButton = useToolbarItem({
       type: "dropdown",
       name: "fontFamily",
-      tooltip: "Font",
+      tooltip: toolbarTexts2.fontFamily,
       command: "setFontFamily",
       defaultLabel: "Arial",
       label: "Arial",
@@ -72292,7 +72295,7 @@ ${style2}
         outline: "none"
       },
       name: "ai",
-      tooltip: "AI text generation",
+      tooltip: toolbarTexts2.ai,
       icon: toolbarIcons2.ai,
       hideLabel: true,
       hasCaret: false,
@@ -72338,7 +72341,7 @@ ${style2}
       minWidth: "50px",
       markName: "textStyle",
       labelAttr: "fontSize",
-      tooltip: "Font size",
+      tooltip: toolbarTexts2.fontSize,
       hasCaret: true,
       hasInlineTextInput: false,
       inlineTextInputVisible: true,
@@ -72380,14 +72383,14 @@ ${style2}
       name: "italic",
       command: "toggleItalic",
       icon: toolbarIcons2.italic,
-      tooltip: "Italic"
+      tooltip: toolbarTexts2.italic
     });
     const underline = useToolbarItem({
       type: "button",
       name: "underline",
       command: "toggleUnderline",
       icon: toolbarIcons2.underline,
-      tooltip: "Underline"
+      tooltip: toolbarTexts2.underline
     });
     const highlight = useToolbarItem({
       type: "dropdown",
@@ -72396,7 +72399,7 @@ ${style2}
       hideLabel: true,
       markName: "highlight",
       labelAttr: "color",
-      tooltip: "Highlight color",
+      tooltip: toolbarTexts2.highlight,
       command: "setHighlight",
       noArgumentCommand: "unsetHighlight",
       suppressActiveHighlight: true,
@@ -72419,7 +72422,7 @@ ${style2}
       hideLabel: true,
       markName: "textStyle",
       labelAttr: "color",
-      tooltip: "Text color",
+      tooltip: toolbarTexts2.color,
       command: "setColor",
       suppressActiveHighlight: true,
       options: [
@@ -72439,7 +72442,7 @@ ${style2}
       type: "dropdown",
       name: "search",
       icon: toolbarIcons2.search,
-      tooltip: "Search",
+      tooltip: toolbarTexts2.search,
       group: "right",
       inputRef: searchRef,
       options: [
@@ -72466,7 +72469,7 @@ ${style2}
       name: "link",
       markName: "link",
       icon: toolbarIcons2.link,
-      tooltip: "Link",
+      tooltip: toolbarTexts2.link,
       options: [
         {
           type: "render",
@@ -72519,7 +72522,7 @@ ${style2}
       name: "image",
       command: "startImageUpload",
       icon: toolbarIcons2.image,
-      tooltip: "Image",
+      tooltip: toolbarTexts2.image,
       disabled: false
     });
     const tableItem = useToolbarItem({
@@ -72528,7 +72531,7 @@ ${style2}
       icon: toolbarIcons2.table,
       hideLabel: true,
       labelAttr: "table",
-      tooltip: "Insert table",
+      tooltip: toolbarTexts2.table,
       command: "insertTable",
       suppressActiveHighlight: true,
       options: [
@@ -72566,69 +72569,69 @@ ${style2}
     });
     const tableActionsOptions = [
       {
-        label: "Insert row above",
+        label: toolbarTexts2.addRowBefore,
         command: "addRowBefore",
         icon: toolbarIcons2.addRowBefore,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Insert row below",
+        label: toolbarTexts2.addRowAfter,
         command: "addRowAfter",
         icon: toolbarIcons2.addRowAfter,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Insert column left",
+        label: toolbarTexts2.addColumnBefore,
         command: "addColumnBefore",
         icon: toolbarIcons2.addColumnBefore,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Insert column right",
+        label: toolbarTexts2.addColumnAfter,
         command: "addColumnAfter",
         icon: toolbarIcons2.addColumnAfter,
         bottomBorder: true,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Delete row",
+        label: toolbarTexts2.deleteRow,
         command: "deleteRow",
         icon: toolbarIcons2.deleteRow,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Delete column",
+        label: toolbarTexts2.deleteColumn,
         command: "deleteColumn",
         icon: toolbarIcons2.deleteColumn,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Delete table",
+        label: toolbarTexts2.deleteTable,
         command: "deleteTable",
         icon: toolbarIcons2.deleteTable,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Transparent borders",
+        label: toolbarTexts2.transparentBorders,
         command: "deleteCellAndTableBorders",
         icon: toolbarIcons2.deleteBorders,
         bottomBorder: true,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Merge cells",
+        label: toolbarTexts2.mergeCells,
         command: "mergeCells",
         icon: toolbarIcons2.mergeCells,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Split cell",
+        label: toolbarTexts2.splitCell,
         command: "splitCell",
         icon: toolbarIcons2.splitCell,
         props: { "data-item": "btn-tableActions-option" }
       },
       {
-        label: "Fix tables",
+        label: toolbarTexts2.fixTables,
         command: "fixTables",
         icon: toolbarIcons2.fixTables,
         props: { "data-item": "btn-tableActions-option" }
@@ -72647,7 +72650,7 @@ ${style2}
     const alignment2 = useToolbarItem({
       type: "dropdown",
       name: "textAlign",
-      tooltip: "Alignment",
+      tooltip: toolbarTexts2.textAlign,
       icon: toolbarIcons2.alignLeft,
       command: "setTextAlign",
       hasCaret: true,
@@ -72697,21 +72700,21 @@ ${style2}
       name: "list",
       command: "toggleBulletList",
       icon: toolbarIcons2.bulletList,
-      tooltip: "Bullet list"
+      tooltip: toolbarTexts2.bulletList
     });
     const numberedList = useToolbarItem({
       type: "button",
       name: "numberedlist",
       command: "toggleOrderedList",
       icon: toolbarIcons2.numberedList,
-      tooltip: "Numbered list"
+      tooltip: toolbarTexts2.numberedList
     });
     const indentLeft = useToolbarItem({
       type: "button",
       name: "indentleft",
       command: "decreaseTextIndent",
       icon: toolbarIcons2.indentLeft,
-      tooltip: "Left indent",
+      tooltip: toolbarTexts2.indentLeft,
       disabled: false
     });
     const indentRight = useToolbarItem({
@@ -72719,7 +72722,7 @@ ${style2}
       name: "indentright",
       command: "increaseTextIndent",
       icon: toolbarIcons2.indentRight,
-      tooltip: "Right indent",
+      tooltip: toolbarTexts2.indentRight,
       disabled: false
     });
     const overflow = useToolbarItem({
@@ -72733,7 +72736,7 @@ ${style2}
       type: "dropdown",
       name: "zoom",
       allowWithoutEditor: true,
-      tooltip: "Zoom",
+      tooltip: toolbarTexts2.zoom,
       defaultLabel: "100%",
       label: "100%",
       hasCaret: true,
@@ -72759,7 +72762,7 @@ ${style2}
       type: "button",
       name: "undo",
       disabled: true,
-      tooltip: "Undo",
+      tooltip: toolbarTexts2.undo,
       command: "undo",
       icon: toolbarIcons2.undo,
       group: "left",
@@ -72771,7 +72774,7 @@ ${style2}
       type: "button",
       disabled: true,
       name: "redo",
-      tooltip: "Redo",
+      tooltip: toolbarTexts2.redo,
       command: "redo",
       icon: toolbarIcons2.redo,
       group: "left",
@@ -72783,7 +72786,7 @@ ${style2}
       type: "button",
       disabled: false,
       name: "toggleTrackChanges",
-      tooltip: "Track Changes",
+      tooltip: toolbarTexts2.trackChanges,
       command: "toggleTrackChanges",
       icon: toolbarIcons2.trackChanges,
       group: "left"
@@ -72792,7 +72795,7 @@ ${style2}
       type: "button",
       disabled: false,
       name: "acceptTrackedChangeBySelection",
-      tooltip: "Accept changes under selection",
+      tooltip: toolbarTexts2.trackChangesAccept,
       command: "acceptTrackedChangeBySelection",
       icon: toolbarIcons2.trackChangesAccept,
       group: "left"
@@ -72801,7 +72804,7 @@ ${style2}
       type: "button",
       disabled: false,
       name: "rejectTrackedChangeOnSelection",
-      tooltip: "Reject changes under selection",
+      tooltip: toolbarTexts2.trackChangesReject,
       command: "rejectTrackedChangeOnSelection",
       icon: toolbarIcons2.trackChangesReject,
       group: "left"
@@ -72810,7 +72813,7 @@ ${style2}
       type: "button",
       disabled: false,
       name: "toggleTrackChangesShowOriginal",
-      tooltip: "Toggle Show Original",
+      tooltip: toolbarTexts2.trackChangesOriginal,
       command: "toggleTrackChangesShowOriginal",
       icon: toolbarIcons2.trackChangesOriginal,
       group: "left"
@@ -72819,7 +72822,7 @@ ${style2}
       type: "button",
       disabled: false,
       name: "toggleTrackChangesShowFinal",
-      tooltip: "Toggle Show Final",
+      tooltip: toolbarTexts2.trackChangesFinal,
       command: "toggleTrackChangesShowFinal",
       icon: toolbarIcons2.trackChangesFinal,
       group: "left"
@@ -72828,7 +72831,7 @@ ${style2}
       type: "button",
       name: "clearFormatting",
       command: "clearFormat",
-      tooltip: "Clear formatting",
+      tooltip: toolbarTexts2.clearFormatting,
       icon: toolbarIcons2.clearFormatting
     });
     [
@@ -72843,7 +72846,7 @@ ${style2}
     const copyFormat = useToolbarItem({
       type: "button",
       name: "copyFormat",
-      tooltip: "Format painter",
+      tooltip: toolbarTexts2.copyFormat,
       icon: toolbarIcons2.copyFormat,
       command: "copyFormat"
     });
@@ -72885,22 +72888,22 @@ ${style2}
     });
     const documentOptions = [
       {
-        label: "Editing",
+        label: toolbarTexts2.documentEditingMode,
         value: "editing",
         icon: toolbarIcons2.documentEditingMode,
-        description: "Edit document directly"
+        description: toolbarTexts2.documentEditingModeDescription
       },
       {
-        label: "Suggesting",
+        label: toolbarTexts2.documentSuggestingMode,
         value: "suggesting",
         icon: toolbarIcons2.documentSuggestingMode,
-        description: "Edits become suggestions"
+        description: toolbarTexts2.documentSuggestingModeDescription
       },
       {
-        label: "Viewing",
+        label: toolbarTexts2.documentViewingMode,
         value: "viewing",
         icon: toolbarIcons2.documentViewingMode,
-        description: "View clean version of document only"
+        description: toolbarTexts2.documentViewingModeDescription
       }
     ];
     function renderDocumentMode(renderDocumentButton) {
@@ -72921,7 +72924,7 @@ ${style2}
       name: "pageBreakTool",
       command: "insertPageBreak",
       icon: toolbarIcons2.pageBreak,
-      tooltip: "Insert page break"
+      tooltip: toolbarTexts2.pageBreak
     });
     const controlSizes = /* @__PURE__ */ new Map([
       ["separator", 20],
@@ -72939,7 +72942,7 @@ ${style2}
       name: "ruler",
       command: "toggleRuler",
       icon: toolbarIcons2.ruler,
-      tooltip: "Show or hide ruler"
+      tooltip: toolbarTexts2.ruler
     });
     const selectedLinkedStyle = ref$1(null);
     const linkedStyles = useToolbarItem({
@@ -72947,8 +72950,8 @@ ${style2}
       name: "linkedStyles",
       command: "setLinkedStyle",
       icon: toolbarIcons2.paintbrush,
-      defaultLabel: "Format text",
-      label: "Format text",
+      defaultLabel: toolbarTexts2.formatText,
+      label: toolbarTexts2.formatText,
       hasCaret: true,
       isWide: true,
       style: { width: "140px" },
@@ -72992,7 +72995,7 @@ ${style2}
     const lineHeight2 = useToolbarItem({
       type: "dropdown",
       name: "lineHeight",
-      tooltip: "Line height",
+      tooltip: toolbarTexts2.lineHeight,
       icon: toolbarIcons2.lineHeight,
       hasCaret: false,
       hasInlineTextInput: false,
@@ -73254,6 +73257,56 @@ ${style2}
       }
     );
   };
+  const toolbarTexts = {
+    bold: "Bold",
+    fontFamily: "Font",
+    ai: "AI text generation",
+    fontSize: "Font size",
+    italic: "Italic",
+    underline: "Underline",
+    highlight: "Highlight color",
+    color: "Text color",
+    search: "Search",
+    link: "Link",
+    image: "Image",
+    table: "Insert table",
+    addRowBefore: "Insert row above",
+    addRowAfter: "Insert row below",
+    addColumnBefore: "Insert column left",
+    addColumnAfter: "Insert column right",
+    deleteRow: "Delete row",
+    deleteColumn: "Delete column",
+    deleteTable: "Delete table",
+    transparentBorders: "Transparent borders",
+    mergeCells: "Merge cells",
+    splitCell: "Split cell",
+    fixTables: "Fix tables",
+    textAlign: "Alignment",
+    bulletList: "Bullet list",
+    numberedList: "Numbered list",
+    indentLeft: "Left indent",
+    indentRight: "Right indent",
+    zoom: "Zoom",
+    undo: "Undo",
+    redo: "Redo",
+    trackChanges: "Track Changes",
+    trackChangesAccept: "Accept changes under selection",
+    trackChangesReject: "Reject changes under selection",
+    trackChangesOriginal: "Toggle Show Original",
+    trackChangesFinal: "Toggle Show Final",
+    clearFormatting: "Clear formatting",
+    copyFormat: "Format painter",
+    lineHeight: "Line height",
+    formatText: "Format text",
+    ruler: "Show or hide ruler",
+    pageBreak: "Insert page break",
+    documentEditingMode: "Editing",
+    documentSuggestingMode: "Suggesting",
+    documentViewingMode: "Viewing",
+    documentEditingModeDescription: "Edit document directly",
+    documentSuggestingModeDescription: "Edits become suggestions",
+    documentViewingModeDescription: "View clean version of document only"
+  };
   class SuperToolbar extends EventEmitter$1 {
     /**
      * Creates a new SuperToolbar instance
@@ -73269,6 +73322,7 @@ ${style2}
         role: "editor",
         pagination: false,
         icons: { ...toolbarIcons },
+        texts: { ...toolbarTexts },
         fonts: null,
         hideButtons: true,
         responsiveToContainer: false,
@@ -73532,6 +73586,7 @@ ${style2}
         __privateMethod(this, _SuperToolbar_instances, makeToolbarItems_fn).call(this, {
           superToolbar: this,
           icons: this.config.icons,
+          texts: this.config.texts,
           fonts: this.config.fonts,
           hideButtons: this.config.hideButtons,
           isDev: this.isDev
@@ -73555,6 +73610,10 @@ ${style2}
         ...toolbarIcons,
         ...config.icons
       };
+      this.config.texts = {
+        ...toolbarTexts,
+        ...config.texts
+      };
       this.config.hideButtons = config.hideButtons ?? true;
       this.config.responsiveToContainer = config.responsiveToContainer ?? false;
       if (!this.config.selector && this.config.element) {
@@ -73568,6 +73627,7 @@ ${style2}
       __privateMethod(this, _SuperToolbar_instances, makeToolbarItems_fn).call(this, {
         superToolbar: this,
         icons: this.config.icons,
+        texts: this.config.texts,
         fonts: this.config.fonts,
         hideButtons: this.config.hideButtons,
         isDev: config.isDev
@@ -73744,6 +73804,7 @@ ${style2}
   makeToolbarItems_fn = function({
     superToolbar,
     icons: icons2,
+    texts,
     fonts,
     hideButtons,
     isDev = false
@@ -73754,6 +73815,7 @@ ${style2}
     const { defaultItems, overflowItems } = makeDefaultItems({
       superToolbar,
       toolbarIcons: icons2,
+      toolbarTexts: texts,
       toolbarFonts: fonts,
       hideButtons,
       availableWidth,
@@ -88967,7 +89029,8 @@ ${style2}
           handleImageUpload: proxy.$superdoc.config.handleImageUpload,
           telemetry: proxy.$superdoc.telemetry,
           externalExtensions: proxy.$superdoc.config.editorExtensions || [],
-          htmlOverride: proxy.$superdoc.config.htmlOverride
+          suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
+          jsonOverride: proxy.$superdoc.config.jsonOverride
         };
         return options2;
       };
@@ -89296,7 +89359,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52a65823"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e620aa2b"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -89355,6 +89418,7 @@ ${style2}
       // Optional DOM element to render the toolbar in
       toolbarGroups: ["left", "center", "right"],
       toolbarIcons: {},
+      toolbarTexts: {},
       isDev: false,
       // telemetry config
       telemetry: null,
@@ -89393,7 +89457,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.12.17";
+      this.version = "0.12.19";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;
@@ -89624,6 +89688,7 @@ ${style2}
         role: this.config.role,
         pagination: this.config.pagination,
         icons: this.config.modules?.toolbar?.icons || this.config.toolbarIcons,
+        texts: this.config.modules?.toolbar?.texts || this.config.toolbarTexts,
         fonts: this.config.modules?.toolbar?.fonts || null,
         hideButtons: this.config.modules?.toolbar?.hideButtons ?? true,
         responsiveToContainer: this.config.modules?.toolbar?.responsiveToContainer ?? false,