oasis-editor 0.0.30 → 0.0.32

package/dist/{OasisEditorApp-Bvkbr1KZ.js → OasisEditorApp-D6NxTc6l.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as getHeadingLevel, aI as preciseFontModeVersion, aJ as isPreciseFontModeEnabled, aK as togglePreciseFontMode, aL as nextFontSizePt, aM as previousFontSizePt, aN as fontSizePtToPx, aO as createDefaultToolbarPreset, aP as defaultMenuItems, aQ as MenuRegistry, aR as createToolbarRegistry, aS as Editor, aT as resolveCommandRef, aU as commandRefName, aV as InlineShell, aW as BalloonShell, aX as DocumentShell, aY as createMemo, aZ as getCaretRectFromSnapshot, a_ as getParagraphRectFromSnapshot, a$ as createComponent, b0 as CaretOverlay, b1 as Show, b2 as createRenderEffect, b3 as style, b4 as setAttribute, b5 as setStyleProperty, b6 as memo, b7 as template, b8 as insert, b9 as use, ba as addEventListener, bb as Dialog, bc as delegateEvents, bd as className, be as For, bf as UNDERLINE_STYLE_OPTIONS, bg as Tabs, bh as measureParagraphMinContentWidthPx, bi as getEditableBlocksForZone, bj as findParagraphLocation, bk as createSectionBoundaryParagraph, bl as normalizePageSettings, bm as DEFAULT_EDITOR_PAGE_SETTINGS, bn as markStart, bo as markEnd, bp as getParagraphEntries, bq as getParagraphById, br as PluginUiHost, bs as OasisEditorEditor, bt as perfTimer, bu as OasisBrandMark, bv as setPreciseFontPreference, bw as setWelcomeSeen, bx as enablePreciseFontMode, by as createOasisEditorClient, bz as setLocale, bA as createEditorZoom, bB as startLongTaskObserver, bC as installGlobalReport, bD as applyStoredPreciseFontPreference, bE as getWelcomeSeen, bF as isLocalFontAccessSupported, bG as EDITOR_SCROLL_PADDING_PX, bH as Toolbar, bI as OasisEditorLoading, bJ as createEditorLogger, bK as getCachedCanvasImage, bL as registerDomStatsSurface } from "./index-BVAzjJsg.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTableRow, w as createEditorTable, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as buildListLabels, a6 as textStyleToFontSizePt, a7 as PX_PER_POINT, a8 as DEFAULT_FONT_SIZE_PX, a9 as isDoubleUnderlineStyle, aa as isWavyUnderlineStyle, ab as underlineStyleLineWidthPx, ac as underlineStyleDashArray, ad as resolveListLabel, ae as getListLabelInset, af as getAlignedListLabelInset, ag as getParagraphBorderInsets, ah as normalizeFamily, ai as ROBOTO_FONT_FILES, aj as loadFontAsset, ak as OFFICE_COMPAT_FONT_FAMILIES, al as buildSfnt, am as defaultFontDecoderRegistry, an as SfntFontProgram, ao as collectPdfFontFamilies, ap as projectDocumentLayout, aq as getPageHeaderZoneTop, ar as getPageBodyTop, as as getPageColumnRects, at as findFootnoteReference, au as FOOTNOTE_MARKER_GUTTER_PX, av as resolveImporterForFile, aw as createEditorStateFromDocument, ax as getDocumentParagraphsCanonical, ay as getToolbarStyleState, az as STANDARD_FONT_SIZES_PT, aA as fontSizePxToPt, aB as probeLocalFontFamilies, aC as createInitialEditorState, aD as parseFontSizePtToPx, aE as formatFontSizePt, aF as listKindForTag, aG as isParagraphTag, aH as collectInlineRuns, aI as parseParagraphStyle, aJ as getHeadingLevel, aK as preciseFontModeVersion, aL as isPreciseFontModeEnabled, aM as togglePreciseFontMode, aN as nextFontSizePt, aO as previousFontSizePt, aP as fontSizePtToPx, aQ as createDefaultToolbarPreset, aR as MenuRegistry, aS as createToolbarRegistry, aT as Editor, aU as resolveCommandRef, aV as commandRefName, aW as InlineShell, aX as BalloonShell, aY as DocumentShell, aZ as createMemo, a_ as getCaretRectFromSnapshot, a$ as getParagraphRectFromSnapshot, b0 as createComponent, b1 as CaretOverlay, b2 as Show, b3 as createRenderEffect, b4 as style, b5 as setAttribute, b6 as setStyleProperty, b7 as memo, b8 as template, b9 as useI18n, ba as insert, bb as use, bc as addEventListener, bd as Dialog, be as delegateEvents, bf as className, bg as For, bh as UNDERLINE_STYLE_OPTIONS, bi as Tabs, bj as measureParagraphMinContentWidthPx, bk as getEditableBlocksForZone, bl as findParagraphLocation, bm as createSectionBoundaryParagraph, bn as normalizePageSettings, bo as DEFAULT_EDITOR_PAGE_SETTINGS, bp as markStart, bq as markEnd, br as getParagraphEntries, bs as getParagraphById, bt as PluginUiHost, bu as OasisEditorEditor, bv as perfTimer, bw as OasisBrandMark, bx as setPreciseFontPreference, by as setWelcomeSeen, bz as enablePreciseFontMode, bA as createOasisEditorClient, bB as createEditorZoom, bC as startLongTaskObserver, bD as installGlobalReport, bE as applyStoredPreciseFontPreference, bF as getWelcomeSeen, bG as isLocalFontAccessSupported, bH as EDITOR_SCROLL_PADDING_PX, bI as Toolbar, bJ as OasisEditorLoading, bK as I18nProvider, bL as createEditorLogger, bM as createTranslator, bN as getCachedCanvasImage, bO as registerDomStatsSurface } from "./index-CDi9hs5T.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -5765,49 +5765,48 @@ function deleteItem(db, storeName, key) {
     }
   });
 }
-const DB_NAME = "oasis-editor-db";
-const STORE_NAME = "documents";
-const DOCUMENT_KEY = "current-document";
+const DEFAULT_DB_NAME = "oasis-editor-db";
+const DEFAULT_STORE_NAME = "documents";
+const DEFAULT_DOCUMENT_KEY = "current-document";
 const DB_VERSION = 1;
-class PersistenceService {
-  constructor() {
-    __publicField(this, "db", null);
-  }
-  async getDB() {
-    if (this.db) {
-      return this.db;
-    }
-    this.db = await openDB({
-      name: DB_NAME,
+function createIndexedDbPersistence(options = {}) {
+  const dbName = options.dbName ?? DEFAULT_DB_NAME;
+  const storeName = options.storeName ?? DEFAULT_STORE_NAME;
+  const documentKey = options.key ?? DEFAULT_DOCUMENT_KEY;
+  let db = null;
+  async function getDB() {
+    if (db) {
+      return db;
+    }
+    db = await openDB({
+      name: dbName,
       version: DB_VERSION,
-      onUpgrade: (db) => {
-        if (!db.objectStoreNames.contains(STORE_NAME)) {
-          db.createObjectStore(STORE_NAME);
+      onUpgrade: (database) => {
+        if (!database.objectStoreNames.contains(storeName)) {
+          database.createObjectStore(storeName);
         }
       }
     });
-    return this.db;
-  }
-  async saveDocument(doc) {
-    const db = await this.getDB();
-    await putItem(db, STORE_NAME, DOCUMENT_KEY, doc);
+    return db;
   }
-  async loadDocument() {
-    const db = await this.getDB();
-    return await getItem(db, STORE_NAME, DOCUMENT_KEY);
-  }
-  async clearDocument() {
-    const db = await this.getDB();
-    await deleteItem(db, STORE_NAME, DOCUMENT_KEY);
-  }
-  close() {
-    if (this.db) {
-      this.db.close();
-      this.db = null;
+  return {
+    async saveDocument(doc) {
+      await putItem(await getDB(), storeName, documentKey, doc);
+    },
+    async loadDocument() {
+      return getItem(await getDB(), storeName, documentKey);
+    },
+    async clearDocument() {
+      await deleteItem(await getDB(), storeName, documentKey);
+    },
+    close() {
+      if (db) {
+        db.close();
+        db = null;
+      }
     }
-  }
+  };
 }
-const persistenceService = new PersistenceService();
 function findMatchesInDocument(doc, searchTerm, options = {}) {
   if (!searchTerm) return [];
   const matches = [];
@@ -8808,13 +8807,13 @@ function buildSrcRect(crop) {
   }
   const toUnits = (value) => value ? Math.round(value * OOXML_PERCENT_DENOMINATOR) : 0;
   const l = toUnits(crop.left);
-  const t2 = toUnits(crop.top);
+  const t = toUnits(crop.top);
   const r = toUnits(crop.right);
   const b = toUnits(crop.bottom);
-  if (l === 0 && t2 === 0 && r === 0 && b === 0) {
+  if (l === 0 && t === 0 && r === 0 && b === 0) {
     return "";
   }
-  return `<a:srcRect l="${l}" t="${t2}" r="${r}" b="${b}"/>`;
+  return `<a:srcRect l="${l}" t="${t}" r="${r}" b="${b}"/>`;
 }
 function buildAnchorBool(value, fallback) {
   return value ?? fallback ? "1" : "0";
@@ -9612,18 +9611,27 @@ function buildNumberingContext(document2) {
     }
     const level = Math.max(0, paragraph.list.level ?? 0);
     const bulletGlyph = paragraph.list.bulletGlyph ?? "";
-    const key = `${paragraph.list.kind}:${level}:${bulletGlyph}`;
+    const key = paragraph.list.instanceId ? `instance:${paragraph.list.instanceId}` : `legacy:${paragraph.list.kind}:${level}:${bulletGlyph}`;
     let definition = definitionMap.get(key);
     if (!definition) {
-      definition = { abstractNumId: nextAbstractNumId++, numId: nextNumId++ };
+      definition = {
+        abstractNumId: nextAbstractNumId++,
+        numId: nextNumId++,
+        levels: []
+      };
       definitionMap.set(key, definition);
-      definitions.push({
+      definitions.push(definition);
+    }
+    if (!definition.levels.some((candidate) => candidate.level === level)) {
+      definition.levels.push({
         kind: paragraph.list.kind,
         level,
-        abstractNumId: definition.abstractNumId,
-        numId: definition.numId,
         format: paragraph.list.format,
         startAt: paragraph.list.startAt,
+        levelText: paragraph.list.levelText,
+        suffix: paragraph.list.suffix,
+        alignment: paragraph.list.alignment,
+        legal: paragraph.list.legal,
         bulletGlyph: paragraph.list.bulletGlyph,
         bulletFont: paragraph.list.bulletFont
       });
@@ -9733,24 +9741,32 @@ function buildPartContext(blocks, numberingContext, state, document2) {
   };
 }
 function buildNumberingXml(definitions) {
-  const abstractNums = definitions.map(
-    ({
-      kind,
-      level,
-      abstractNumId,
-      format,
-      startAt,
-      bulletGlyph,
-      bulletFont
-    }) => {
-      const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
-      const levelText = kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`;
-      const startVal = startAt ?? 1;
-      const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
-      const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
-      return `<w:abstractNum w:abstractNumId="${abstractNumId}"><w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(levelText)}"/><w:lvlJc w:val="left"/>${runFonts}</w:lvl></w:abstractNum>`;
-    }
-  ).join("");
+  const abstractNums = definitions.map(({ abstractNumId, levels }) => {
+    const levelsXml = levels.sort((a, b) => a.level - b.level).map(
+      ({
+        kind,
+        level,
+        format,
+        startAt,
+        levelText,
+        suffix,
+        alignment,
+        legal,
+        bulletGlyph,
+        bulletFont
+      }) => {
+        const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
+        const effectiveLevelText = levelText ?? (kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`);
+        const startVal = startAt ?? 1;
+        const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
+        const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
+        const suffixXml = suffix && suffix !== "tab" ? `<w:suff w:val="${suffix}"/>` : "";
+        const legalXml = legal ? "<w:isLgl/>" : "";
+        return `<w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(effectiveLevelText)}"/><w:lvlJc w:val="${alignment ?? "left"}"/>${suffixXml}${legalXml}${runFonts}</w:lvl>`;
+      }
+    ).join("");
+    return `<w:abstractNum w:abstractNumId="${abstractNumId}">${levelsXml}</w:abstractNum>`;
+  }).join("");
   const nums = definitions.map(
     ({ abstractNumId, numId }) => `<w:num w:numId="${numId}"><w:abstractNumId w:val="${abstractNumId}"/></w:num>`
   ).join("");
@@ -10272,7 +10288,7 @@ async function drawTextBoxContent(writer, textBox, ctx, xPx, yPx, widthPx, heigh
   if (blocks.length === 0) {
     return;
   }
-  const listOrdinals = /* @__PURE__ */ new Map();
+  const listOrdinals = buildListLabels(ctx.document);
   writer.saveGraphicsState(ctx.pageIndex);
   writer.clipRect(
     ctx.pageIndex,
@@ -10948,118 +10964,15 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     );
   }
 }
-const BULLET_GLYPHS = ["•", "○", "▪", "•", "○", "▪"];
-const ORDERED_DEFAULT_FORMATS = [
-  "decimal",
-  "lowerLetter",
-  "lowerRoman",
-  "decimal",
-  "lowerLetter",
-  "lowerRoman"
-];
-function toAlpha(value) {
-  if (value <= 0) {
-    return String(value);
-  }
-  let remaining = value;
-  let output = "";
-  while (remaining > 0) {
-    const rem = (remaining - 1) % 26;
-    output = String.fromCharCode(65 + rem) + output;
-    remaining = Math.floor((remaining - 1) / 26);
-  }
-  return output;
-}
-function toRoman(value) {
-  if (value <= 0 || value >= 4e3) {
-    return String(value);
-  }
-  const map = [
-    [1e3, "M"],
-    [900, "CM"],
-    [500, "D"],
-    [400, "CD"],
-    [100, "C"],
-    [90, "XC"],
-    [50, "L"],
-    [40, "XL"],
-    [10, "X"],
-    [9, "IX"],
-    [5, "V"],
-    [4, "IV"],
-    [1, "I"]
-  ];
-  let remaining = value;
-  let output = "";
-  for (const [amount, text] of map) {
-    while (remaining >= amount) {
-      output += text;
-      remaining -= amount;
-    }
-  }
-  return output;
-}
-function formatOrdinal(value, format) {
-  switch (format) {
-    case "lowerLetter":
-      return toAlpha(value).toLowerCase();
-    case "upperLetter":
-      return toAlpha(value).toUpperCase();
-    case "lowerRoman":
-      return toRoman(value).toLowerCase();
-    case "upperRoman":
-      return toRoman(value).toUpperCase();
-    case "decimal":
-    default:
-      return String(value);
-  }
-}
 function getListOrdinals(document2) {
-  const result = /* @__PURE__ */ new Map();
-  const paragraphs = getDocumentParagraphs(document2);
-  let counters = [];
-  let previousWasOrdered = false;
-  for (const paragraph of paragraphs) {
-    const list = paragraph.list;
-    if (!list || list.kind !== "ordered") {
-      counters = [];
-      previousWasOrdered = false;
-      continue;
-    }
-    const level = list.level ?? 0;
-    if (!previousWasOrdered) {
-      counters = [];
-    }
-    if (counters.length > level + 1) {
-      counters.length = level + 1;
-    }
-    while (counters.length <= level) {
-      counters.push(0);
-    }
-    counters[level] = counters[level] === 0 && typeof list.startAt === "number" ? list.startAt : counters[level] + 1;
-    result.set(paragraph.id, counters[level]);
-    previousWasOrdered = true;
-  }
-  return result;
-}
-function resolveListPrefix(paragraph, listOrdinals) {
-  if (!paragraph.list) {
-    return "";
-  }
-  const level = Math.max(0, paragraph.list.level ?? 0);
-  if (paragraph.list.kind === "bullet") {
-    return BULLET_GLYPHS[level % BULLET_GLYPHS.length];
-  }
-  const value = listOrdinals.get(paragraph.id) ?? paragraph.list.startAt ?? 1;
-  const format = paragraph.list.format && paragraph.list.format !== "bullet" ? paragraph.list.format : ORDERED_DEFAULT_FORMATS[level % ORDERED_DEFAULT_FORMATS.length];
-  return `${formatOrdinal(value, format)}.`;
+  return buildListLabels(document2);
 }
 function drawListPrefix(writer, pageIndex, paragraph, line, document2, originX, originY, fontRegistry, listOrdinals) {
   var _a;
   if (line.index !== 0) {
     return;
   }
-  const prefix = resolveListPrefix(paragraph, listOrdinals);
+  const prefix = resolveListLabel(paragraph, listOrdinals);
   if (!prefix) {
     return;
   }
@@ -11078,11 +10991,19 @@ function drawListPrefix(writer, pageIndex, paragraph, line, document2, originX,
     italic: styles.italic
   });
   const labelInset = getListLabelInset(paragraph, document2.styles);
+  const fontSizePt = textStyleToFontSizePt(styles);
+  const estimatedLabelWidthPx = prefix.length * fontSizePt * 0.62 * (96 / 72);
+  const alignedInset = getAlignedListLabelInset(
+    paragraph,
+    document2.styles,
+    firstSlot.left,
+    estimatedLabelWidthPx
+  );
   writer.drawText(pageIndex, {
-    x: pxToPt$1(originX + Math.max(0, labelInset)),
+    x: pxToPt$1(originX + Math.max(0, alignedInset || labelInset)),
     y: pxToPt$1(originY + line.top + line.height * 0.8),
     text: prefix,
-    fontSize: textStyleToFontSizePt(styles),
+    fontSize: fontSizePt,
     color: styles.color ?? "#000000",
     bold: styles.bold,
     italic: styles.italic,
@@ -40650,6 +40571,7 @@ function parseEditorClipboardHtmlWithDom(html) {
   return paragraphs;
 }
 function createEditorContextMenuClipboard(deps) {
+  const t = deps.t;
   const programmaticCopy = async () => {
     var _a;
     const state = deps.state();
@@ -42042,6 +41964,361 @@ function createEditorEssentialsRuntimePlugin(options) {
     table: essentialsTable
   });
 }
+const defaultMenuItems = [
+  // File
+  {
+    id: "file_new",
+    path: "File/New",
+    labelKey: "menu.file.new",
+    shortcut: "Ctrl+N",
+    hidden: true,
+    icon: "file-plus"
+  },
+  {
+    id: "file_import",
+    path: "File/Import",
+    labelKey: "toolbar.import",
+    shortcut: "Ctrl+O",
+    command: "importDocument",
+    icon: "upload"
+  },
+  {
+    id: "file_save",
+    path: "File/Save",
+    labelKey: "generic.save",
+    shortcut: "Ctrl+S",
+    hidden: true,
+    icon: "save"
+  },
+  {
+    id: "file_export",
+    path: "File/Export",
+    labelKey: "menu.file.export",
+    icon: "download"
+  },
+  {
+    id: "file_export_pdf",
+    path: "File/Export/PDF",
+    command: "exportPdf",
+    icon: "file-down"
+  },
+  {
+    id: "file_export_docx",
+    path: "File/Export/DOCX",
+    command: "exportDocx",
+    icon: "file-text"
+  },
+  { id: "file_export_html", path: "File/Export/HTML", hidden: true },
+  { id: "file_export_md", path: "File/Export/MD", hidden: true },
+  {
+    id: "file_print",
+    path: "File/Print",
+    labelKey: "menu.file.print",
+    shortcut: "Ctrl+P",
+    command: "print",
+    icon: "printer"
+  },
+  // Edit
+  {
+    id: "edit_undo",
+    path: "Edit/Undo",
+    labelKey: "toolbar.undo",
+    shortcut: "Ctrl+Z",
+    command: "undo",
+    icon: "undo-2"
+  },
+  {
+    id: "edit_redo",
+    path: "Edit/Redo",
+    labelKey: "toolbar.redo",
+    shortcut: "Ctrl+Y",
+    command: "redo",
+    icon: "redo-2"
+  },
+  {
+    id: "edit_cut",
+    path: "Edit/Cut",
+    labelKey: "menu.edit.cut",
+    shortcut: "Ctrl+X",
+    hidden: true
+  },
+  {
+    id: "edit_copy",
+    path: "Edit/Copy",
+    labelKey: "menu.edit.copy",
+    shortcut: "Ctrl+C",
+    command: "copy",
+    icon: "copy"
+  },
+  {
+    id: "edit_paste",
+    path: "Edit/Paste",
+    labelKey: "menu.edit.paste",
+    shortcut: "Ctrl+V",
+    hidden: true
+  },
+  {
+    id: "edit_find",
+    path: "Edit/Find & Replace",
+    labelKey: "find.title",
+    shortcut: "Ctrl+F",
+    command: "find",
+    icon: "search"
+  },
+  {
+    id: "edit_selectAll",
+    path: "Edit/Select All",
+    labelKey: "menu.edit.selectAll",
+    shortcut: "Ctrl+A",
+    hidden: true
+  },
+  // View
+  {
+    id: "view_outline",
+    path: "View/Show Outline",
+    labelKey: "menu.view.outline",
+    hidden: true
+  },
+  { id: "view_ruler", path: "View/Show Ruler", hidden: true },
+  {
+    id: "view_margins",
+    path: "View/Show Margins",
+    labelKey: "menu.view.margins",
+    command: "toggleShowMargins",
+    icon: (host) => host.commands.state("toggleShowMargins").isActive ? "check-square" : "square"
+  },
+  {
+    id: "view_paragraph_marks",
+    path: "View/Show Paragraph Marks",
+    labelKey: "menu.view.paragraphMarks",
+    command: "toggleShowParagraphMarks",
+    icon: (host) => host.commands.state("toggleShowParagraphMarks").isActive ? "check-square" : "square"
+  },
+  {
+    id: "view_precise_fonts",
+    path: "View/Precise Fonts",
+    labelKey: "menu.view.preciseFonts",
+    command: "togglePreciseFonts",
+    icon: (host) => host.commands.state("togglePreciseFonts").isActive ? "check-square" : "square"
+  },
+  {
+    id: "view_fullscreen",
+    path: "View/Full Screen",
+    labelKey: "menu.view.fullscreen",
+    hidden: true
+  },
+  { id: "view_zoom", path: "View/Zoom", labelKey: "status.zoom", hidden: true },
+  { id: "view_zoom_50", path: "View/Zoom/50%", hidden: true },
+  { id: "view_zoom_75", path: "View/Zoom/75%", hidden: true },
+  { id: "view_zoom_100", path: "View/Zoom/100%", hidden: true },
+  { id: "view_zoom_125", path: "View/Zoom/125%", hidden: true },
+  { id: "view_zoom_150", path: "View/Zoom/150%", hidden: true },
+  { id: "view_zoom_200", path: "View/Zoom/200%", hidden: true },
+  // Insert
+  {
+    id: "insert_image",
+    path: "Insert/Image",
+    labelKey: "toolbar.image",
+    command: "insertImage",
+    icon: "image"
+  },
+  {
+    id: "insert_image_caption",
+    path: "Insert/Image Caption",
+    labelKey: "toolbar.imageCaption",
+    command: "insertImageCaption",
+    icon: "subtitles"
+  },
+  {
+    id: "insert_table",
+    path: "Insert/Table",
+    labelKey: "toolbar.table",
+    command: { name: "insertTable", payload: { rows: 3, cols: 3 } },
+    icon: "table"
+  },
+  {
+    id: "insert_link",
+    path: "Insert/Link",
+    labelKey: "toolbar.link",
+    command: "link",
+    icon: "link"
+  },
+  {
+    id: "insert_footnote",
+    path: "Insert/Footnote",
+    labelKey: "toolbar.footnote",
+    shortcut: "Ctrl+Alt+F",
+    command: "insertFootnote",
+    icon: "footnote"
+  },
+  {
+    id: "insert_toc",
+    path: "Insert/Table of Contents",
+    labelKey: "menu.insert.toc",
+    command: "insertTableOfContents",
+    icon: "list"
+  },
+  {
+    id: "insert_toc_update",
+    path: "Insert/Update Table of Contents",
+    labelKey: "menu.insert.updateToc",
+    command: "updateTableOfContents",
+    icon: "refresh-cw"
+  },
+  { id: "insert_hr", path: "Insert/Horizontal Rule", hidden: true },
+  {
+    id: "insert_pageBreak",
+    path: "Insert/Page Break",
+    labelKey: "metric.pageBreak",
+    command: "pageBreak",
+    icon: "file-minus"
+  },
+  { id: "insert_specialChar", path: "Insert/Special Character", hidden: true },
+  { id: "insert_comment", path: "Insert/Comment", hidden: true },
+  // Format
+  {
+    id: "format_text",
+    path: "Format/Text",
+    labelKey: "menu.format.text",
+    icon: "type"
+  },
+  {
+    id: "format_text_bold",
+    path: "Format/Text/Bold",
+    labelKey: "toolbar.bold",
+    shortcut: "Ctrl+B",
+    command: "bold",
+    icon: "bold"
+  },
+  {
+    id: "format_text_italic",
+    path: "Format/Text/Italic",
+    labelKey: "toolbar.italic",
+    shortcut: "Ctrl+I",
+    command: "italic",
+    icon: "italic"
+  },
+  {
+    id: "format_text_underline",
+    path: "Format/Text/Underline",
+    labelKey: "toolbar.underline",
+    shortcut: "Ctrl+U",
+    command: "underline",
+    icon: "underline"
+  },
+  {
+    id: "format_text_strike",
+    path: "Format/Text/Strikethrough",
+    labelKey: "toolbar.strike",
+    command: "strike",
+    icon: "strikethrough"
+  },
+  {
+    id: "format_paragraphStyles",
+    path: "Format/Paragraph styles",
+    labelKey: "toolbar.style",
+    hidden: true
+  },
+  {
+    id: "format_align",
+    path: "Format/Align",
+    labelKey: "menu.format.align",
+    icon: "align-left"
+  },
+  {
+    id: "format_align_left",
+    path: "Format/Align/Left",
+    labelKey: "toolbar.alignLeft",
+    command: "alignLeft",
+    icon: "align-left"
+  },
+  {
+    id: "format_align_center",
+    path: "Format/Align/Center",
+    labelKey: "toolbar.alignCenter",
+    command: "alignCenter",
+    icon: "align-center"
+  },
+  {
+    id: "format_align_right",
+    path: "Format/Align/Right",
+    labelKey: "toolbar.alignRight",
+    command: "alignRight",
+    icon: "align-right"
+  },
+  {
+    id: "format_align_justify",
+    path: "Format/Align/Justify",
+    labelKey: "toolbar.justify",
+    command: "alignJustify",
+    icon: "align-justify"
+  },
+  { id: "format_lineSpacing", path: "Format/Line spacing", hidden: true },
+  {
+    id: "format_lists",
+    path: "Format/Lists",
+    labelKey: "menu.format.lists",
+    icon: "list"
+  },
+  {
+    id: "format_lists_bullet",
+    path: "Format/Lists/Bullet List",
+    labelKey: "toolbar.bulletList",
+    command: "bulletList",
+    icon: "list"
+  },
+  {
+    id: "format_lists_numbered",
+    path: "Format/Lists/Numbered List",
+    labelKey: "toolbar.numberedList",
+    command: "orderedList",
+    icon: "list-ordered"
+  },
+  { id: "format_clear", path: "Format/Clear formatting", hidden: true },
+  // Layout
+  {
+    id: "layout_orientation",
+    path: "Layout/Orientation",
+    labelKey: "section.orientation",
+    icon: "layout"
+  },
+  {
+    id: "layout_orientation_portrait",
+    path: "Layout/Orientation/Portrait",
+    labelKey: "section.portrait",
+    command: { name: "setOrientation", payload: "portrait" },
+    icon: (host) => host.commands.state("toggleOrientation").isActive ? "" : "check"
+  },
+  {
+    id: "layout_orientation_landscape",
+    path: "Layout/Orientation/Landscape",
+    labelKey: "section.landscape",
+    command: { name: "setOrientation", payload: "landscape" },
+    icon: (host) => host.commands.state("toggleOrientation").isActive ? "check" : ""
+  },
+  // Tools
+  {
+    id: "tools_wordcount",
+    path: "Tools/Word count",
+    labelKey: "menu.tools.wordcount",
+    hidden: true
+  },
+  { id: "tools_spelling", hidden: true, path: "Tools/Spelling" },
+  { id: "tools_preferences", path: "Tools/Preferences", hidden: true },
+  // Help
+  {
+    id: "help_shortcuts",
+    path: "Help/Keyboard shortcuts",
+    labelKey: "menu.help.shortcuts",
+    hidden: true
+  },
+  {
+    id: "help_about",
+    path: "Help/About",
+    labelKey: "menu.help.about",
+    hidden: true
+  }
+];
 function useEditorRuntimePlugins(options) {
   var _a, _b;
   const runtimePlugins = [
@@ -42052,7 +42329,7 @@ function useEditorRuntimePlugins(options) {
   const contributedMenuIds = [];
   const toolbarRegistry = createToolbarRegistry();
   const menuRegistry = new MenuRegistry();
-  for (const item of createDefaultToolbarPreset()) {
+  for (const item of createDefaultToolbarPreset(options.t)) {
     toolbarRegistry.register(item);
   }
   for (const item of defaultMenuItems) {
@@ -42194,6 +42471,7 @@ function useEditorRuntimeBootstrap(ctx) {
   } = useEditorRuntimePlugins({
     essentialsPlugin,
     externalPlugins: ctx.externalPlugins,
+    t: ctx.t,
     customizeToolbar: ctx.customizeToolbar,
     customizeMenubar: ctx.customizeMenubar
   });
@@ -42481,6 +42759,7 @@ function EditorDragLayers(props) {
 }
 var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$8 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
 function LinkDialog(props) {
+  const t = useI18n();
   const [href, setHref] = createSignal(props.initialHref);
   let inputRef;
   createEffect(() => {
@@ -42532,6 +42811,7 @@ function LinkDialog(props) {
 delegateEvents(["input", "keydown", "click"]);
 var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
 function ImageAltDialog(props) {
+  const t = useI18n();
   const [alt, setAlt] = createSignal(props.initialAlt);
   let inputRef;
   createEffect(() => {
@@ -42583,6 +42863,7 @@ function ImageAltDialog(props) {
 delegateEvents(["input", "keydown", "click"]);
 var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
 function ImageCaptionDialog(props) {
+  const t = useI18n();
   const [caption, setCaption] = createSignal(props.initialCaption);
   let inputRef;
   createEffect(() => {
@@ -42848,6 +43129,7 @@ function buildFontDialogApplyValues(font, advanced) {
   };
 }
 function useFontDialogController(props) {
+  const t = useI18n();
   const [activeTab, setActiveTab] = createSignal("font");
   const [fontTabValues, setFontTabValues] = createSignal(
     createFontTabValuesFromInitial(props.initial)
@@ -42951,6 +43233,7 @@ function useFontDialogController(props) {
 }
 var _tmpl$$a = /* @__PURE__ */ template(`<div>`);
 function FontPreview(props) {
+  const t = useI18n();
   return (() => {
     var _el$ = _tmpl$$a();
     insert(_el$, () => t("dialog.font.previewText"));
@@ -42970,6 +43253,7 @@ function FontPreview(props) {
 }
 var _tmpl$$9 = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-font-panel"><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input class=oasis-editor-dialog-input data-testid=editor-font-dialog-family-filter></div></div><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-family><option value>—</option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-font-dialog-size-group"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-size><option value>—</option></select></div></div><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-font-dialog-custom-size-group"><label class=oasis-editor-dialog-label></label><input class=oasis-editor-dialog-input data-testid=editor-font-dialog-custom-size><span class=oasis-editor-dialog-help-text></span></div><div class="oasis-editor-dialog-input-group oasis-editor-font-dialog-style-list-group"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-style-list><option value=regular></option><option value=italic></option><option value=bold></option><option value=boldItalic></option></select></div></div><div class="oasis-editor-dialog-row oasis-editor-font-dialog-color-row"><div class="oasis-editor-dialog-input-group oasis-editor-font-dialog-color-mode-group"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-color-mode><option value=automatic></option><option value=custom></option></select><input type=color class=oasis-editor-dialog-color data-testid=editor-font-dialog-color></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-color data-testid=editor-font-dialog-highlight></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-color data-testid=editor-font-dialog-shading></div></div><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-underline-style><option value=none></option></select></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-color data-testid=editor-font-dialog-underline-color></div></div><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-style-row><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-bold><span style=font-weight:700></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-italic><span style=font-style:italic></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-underline><span style=text-decoration:underline></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-strike><span style=text-decoration:line-through></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-double-strike><span></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-superscript><span></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-subscript><span></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-small-caps><span></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-all-caps><span></span></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-font-dialog-hidden><span></span></label></div></div></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label>`), _tmpl$2$5 = /* @__PURE__ */ template(`<option>`);
 function FontTab(props) {
+  const t = useI18n();
   const {
     ctrl
   } = props;
@@ -43135,6 +43419,7 @@ function FontTab(props) {
 delegateEvents(["input"]);
 var _tmpl$$8 = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-advanced-panel"><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-scale></select></div><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-spacing-mode><option value=normal></option><option value=expanded></option><option value=condensed></option></select><label class="oasis-editor-dialog-label oasis-editor-font-dialog-by-label"></label><input class="oasis-editor-dialog-input oasis-editor-font-dialog-small-input"data-testid=editor-font-dialog-advanced-spacing-amount></div><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-position-mode><option value=normal></option><option value=raised></option><option value=lowered></option></select><label class="oasis-editor-dialog-label oasis-editor-font-dialog-by-label"></label><input class="oasis-editor-dialog-input oasis-editor-font-dialog-small-input"data-testid=editor-font-dialog-advanced-position-amount></div><div class="oasis-editor-font-dialog-word-row oasis-editor-font-dialog-kerning-row"><label class="oasis-editor-dialog-style-toggle oasis-editor-font-dialog-kerning-toggle"><input type=checkbox data-testid=editor-font-dialog-advanced-kerning-enabled><span></span></label><input class="oasis-editor-dialog-input oasis-editor-font-dialog-kerning-input"data-testid=editor-font-dialog-advanced-kerning><span class="oasis-editor-dialog-help-text oasis-editor-font-dialog-kerning-suffix"></span></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-ligatures><option value></option><option value=none></option><option value=standard></option><option value=contextual></option><option value=historical></option><option value=standardContextual></option></select></div><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-number-spacing><option value></option><option value=proportional></option><option value=tabular></option></select></div><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-number-form><option value></option><option value=lining></option><option value=oldStyle></option></select></div><div class=oasis-editor-font-dialog-word-row><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-font-dialog-advanced-stylistic-set><option value></option></select></div><label class="oasis-editor-dialog-style-toggle oasis-editor-font-dialog-contextual-toggle"><input type=checkbox data-testid=editor-font-dialog-advanced-contextual-alternates><span></span></label></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend></fieldset><p class=oasis-editor-dialog-help-text data-testid=editor-font-dialog-advanced-placeholder>`), _tmpl$2$4 = /* @__PURE__ */ template(`<option>%`), _tmpl$3$3 = /* @__PURE__ */ template(`<option>`);
 function AdvancedFontTab(props) {
+  const t = useI18n();
   const {
     ctrl
   } = props;
@@ -43249,6 +43534,7 @@ function AdvancedFontTab(props) {
 delegateEvents(["input"]);
 var _tmpl$$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-font-dialog-cancel>`), _tmpl$2$3 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-font-dialog-apply>`);
 function FontDialog(props) {
+  const t = useI18n();
   const ctrl = useFontDialogController(props);
   return createComponent(Dialog, {
     get isOpen() {
@@ -43317,6 +43603,7 @@ function parseNumber$1(value) {
   return Number.isFinite(num) ? num : null;
 }
 function ParagraphDialog(props) {
+  const t = useI18n();
   const [align, setAlign] = createSignal("");
   const [indentLeft, setIndentLeft] = createSignal("");
   const [indentRight, setIndentRight] = createSignal("");
@@ -43601,6 +43888,7 @@ function resolveBorder(style2, widthValue, colorValue) {
   };
 }
 function TablePropertiesDialog(props) {
+  const t = useI18n();
   const [activeTab, setActiveTab] = createSignal("table");
   const [tableWidth, setTableWidth] = createSignal("");
   const [tableWidthUnit, setTableWidthUnit] = createSignal("points");
@@ -43921,6 +44209,7 @@ function TablePropertiesDialog(props) {
 delegateEvents(["input", "click"]);
 var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-find-replace-dialog><div class=oasis-editor-fr-header><span></span><button class=oasis-editor-fr-close><i data-lucide=x></i></button></div><div class=oasis-editor-fr-body><div class=oasis-editor-fr-input-group><div class=oasis-editor-fr-input-wrapper><input type=text autofocus class=oasis-editor-fr-input><span class=oasis-editor-fr-counter></span></div><div class=oasis-editor-fr-actions><button><i data-lucide=chevron-up></i></button><button><i data-lucide=chevron-down></i></button></div></div><div class=oasis-editor-fr-input-group><input type=text class=oasis-editor-fr-input><div class=oasis-editor-fr-actions><button class=oasis-editor-fr-btn-text></button><button class=oasis-editor-fr-btn-text></button></div></div><div class=oasis-editor-fr-options><label class=oasis-editor-fr-checkbox><input type=checkbox><span></span></label><label class=oasis-editor-fr-checkbox><input type=checkbox><span>`);
 function FindReplaceDialog(props) {
+  const t = useI18n();
   const {
     fr
   } = props;
@@ -46554,6 +46843,7 @@ function useEditorTransactions(ctx) {
 }
 var _tmpl$$1 = /* @__PURE__ */ template(`<div class=oasis-editor-welcome-overlay role=dialog aria-modal=true aria-labelledby=oasis-editor-welcome-title><div class=oasis-editor-welcome-card><h2 id=oasis-editor-welcome-title class=oasis-editor-welcome-title></h2><p class=oasis-editor-welcome-body></p><p class=oasis-editor-welcome-note></p><div class=oasis-editor-welcome-actions><button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-welcome-skip></button><button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-welcome-enable>`);
 function WelcomeOverlay(props) {
+  const t = useI18n();
   const handleEnable = () => {
     void enablePreciseFontMode();
     setWelcomeSeen();
@@ -46594,9 +46884,7 @@ function OasisEditorApp(props = {}) {
   const documentOptions = () => props.document ?? {};
   const runtimeOptions = () => props.runtime ?? {};
   syncCanvasDebugApiVisibility();
-  createEffect(() => {
-    setLocale(ui().locale ?? "pt-BR");
-  });
+  const translator = createTranslator(() => ui().locale ?? "pt-BR");
   const logger = createEditorLogger("app");
   const {
     state,
@@ -46695,6 +46983,9 @@ function OasisEditorApp(props = {}) {
     isImporting: isImportInProgress,
     zoomFactor: zoom.zoomFactor
   });
+  const fallbackPersistence = createIndexedDbPersistence({
+    key: documentOptions().persistenceKey
+  });
   const {
     status: persistenceStatus
   } = useEditorPersistence(state, (loadedDoc) => {
@@ -46706,7 +46997,7 @@ function OasisEditorApp(props = {}) {
     resetEditorChromeState();
   }, {
     enabled: documentOptions().persistenceEnabled ?? false,
-    persistence: documentOptions().persistence ?? persistenceService,
+    persistence: documentOptions().persistence ?? fallbackPersistence,
     logger
   });
   let forcePlainTextPaste = false;
@@ -46993,6 +47284,7 @@ function OasisEditorApp(props = {}) {
       }
     },
     externalPlugins: runtimeOptions().plugins,
+    t: translator,
     customizeToolbar: runtimeOptions().customizeToolbar,
     customizeMenubar: runtimeOptions().customizeMenubar,
     initialDocument: getStateSnapshot().document,
@@ -47023,7 +47315,7 @@ function OasisEditorApp(props = {}) {
       focusInput();
     },
     saveDocument: async () => {
-      const persistence = documentOptions().persistence ?? persistenceService;
+      const persistence = documentOptions().persistence ?? fallbackPersistence;
       await persistence.saveDocument(cloneState(getStateSnapshot()).document);
     },
     getSelection: () => cloneState(getStateSnapshot()).selection,
@@ -47159,6 +47451,7 @@ function OasisEditorApp(props = {}) {
   const contextMenuClipboard = createEditorContextMenuClipboard({
     state: () => state,
     isReadOnly,
+    t: translator,
     logger,
     setContextMenu,
     clearPreferredColumn,
@@ -47256,137 +47549,140 @@ function OasisEditorApp(props = {}) {
     textBoxOps.stopTextBoxResize();
     stopIconObserver();
   });
-  return (() => {
-    var _el$ = _tmpl$();
-    setStyleProperty(_el$, "--oasis-editor-gutter-x", `${EDITOR_SCROLL_PADDING_PX}px`);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return memo(() => !!(!useComposedShell() && showChrome()))() && showToolbar();
-      },
-      get children() {
-        return createComponent(Toolbar, {
-          host: toolbarHost,
-          registry: toolbarRegistry,
-          get view() {
-            return toolbarView();
-          },
-          get layout() {
-            return toolbarLayout();
-          }
-        });
-      }
-    }), null);
-    insert(_el$, createComponent(EditorDialogsLayer, {
-      dialogs: {
-        linkDialog,
-        setLinkDialog,
-        imageAltDialog,
-        setImageAltDialog,
-        imageCaptionDialog,
-        setImageCaptionDialog,
-        contextMenu,
-        setContextMenu,
-        fontDialog,
-        setFontDialog,
-        paragraphDialog,
-        setParagraphDialog,
-        tablePropertiesDialog,
-        setTablePropertiesDialog
-      },
-      findReplace: fr,
-      fontFamilyOptions: computeFontFamilyOptions2,
-      fontSizeOptions: computeFontSizeOptions2,
-      contextMenuItems: buildContextMenuItems,
-      focusInput,
-      get applyLinkCommand() {
-        return commandsController.applyLinkCommand;
-      },
-      get applyImageAltCommand() {
-        return commandsController.applyImageAltCommand;
-      },
-      get applyImageCaptionCommand() {
-        return commandsController.applyImageCaptionCommand;
-      },
-      applyFontDialogValues,
-      applyParagraphDialogValues,
-      applyTablePropertiesDialogValues,
-      closeContextMenu
-    }), null);
-    insert(_el$, createComponent(EditorWorkspace, {
-      useComposedShell,
-      shellComponent,
-      state: () => state,
-      toolbarHost,
-      runtimeEditor,
-      persistenceStatus,
-      toolbarRegistry,
-      menuRegistry,
-      showChrome,
-      showTitleBar,
-      showMenubar,
-      showToolbar,
-      showOutline,
-      toolbarView,
-      toolbarLayout,
-      isReadOnly,
-      viewportHeight: () => ui().viewportHeight,
-      measuredBlockHeights,
-      measuredParagraphLayouts,
-      showFloatingTableToolbar: () => !isReadOnly() && commandStateOf("tableContext").value !== null,
-      layout: editorLayoutProps,
-      overlays: editorOverlayProps,
-      refs: editorRefs,
-      surfaceHandlers: editorSurfaceHandlers,
-      inputHandlers: editorInputHandlers,
-      fileHandlers: editorFileHandlers
-    }), null);
-    insert(_el$, createComponent(EditorDragLayers, {
-      state,
-      get surfaceRef() {
-        return surfaceRef();
-      },
-      tableResize,
-      imageOps,
-      tableDrag,
-      textDrag
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return initialLoading() || !runtimeReady();
-      },
-      get children() {
-        return createComponent(OasisEditorLoading, {
-          get label() {
-            return loadingLabel();
-          },
-          get ["class"]() {
-            var _a2;
-            return (_a2 = loadingOptions()) == null ? void 0 : _a2.class;
-          },
-          get style() {
-            var _a2;
-            return (_a2 = loadingOptions()) == null ? void 0 : _a2.style;
-          }
-        });
-      }
-    }), null);
-    insert(_el$, createComponent(WelcomeOverlay, {
-      get isOpen() {
-        return memo(() => !!(welcomeOpen() && !initialLoading()))() && runtimeReady();
-      },
-      onClose: () => setWelcomeOpen(false)
-    }), null);
-    createRenderEffect((_p$) => {
-      var _v$ = !!useComposedShell(), _v$2 = !!isReadOnly();
-      _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-docs", _p$.e = _v$);
-      _v$2 !== _p$.t && _el$.classList.toggle("oasis-editor-read-only", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
+  return createComponent(I18nProvider, {
+    translator,
+    get children() {
+      var _el$ = _tmpl$();
+      setStyleProperty(_el$, "--oasis-editor-gutter-x", `${EDITOR_SCROLL_PADDING_PX}px`);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return memo(() => !!(!useComposedShell() && showChrome()))() && showToolbar();
+        },
+        get children() {
+          return createComponent(Toolbar, {
+            host: toolbarHost,
+            registry: toolbarRegistry,
+            get view() {
+              return toolbarView();
+            },
+            get layout() {
+              return toolbarLayout();
+            }
+          });
+        }
+      }), null);
+      insert(_el$, createComponent(EditorDialogsLayer, {
+        dialogs: {
+          linkDialog,
+          setLinkDialog,
+          imageAltDialog,
+          setImageAltDialog,
+          imageCaptionDialog,
+          setImageCaptionDialog,
+          contextMenu,
+          setContextMenu,
+          fontDialog,
+          setFontDialog,
+          paragraphDialog,
+          setParagraphDialog,
+          tablePropertiesDialog,
+          setTablePropertiesDialog
+        },
+        findReplace: fr,
+        fontFamilyOptions: computeFontFamilyOptions2,
+        fontSizeOptions: computeFontSizeOptions2,
+        contextMenuItems: buildContextMenuItems,
+        focusInput,
+        get applyLinkCommand() {
+          return commandsController.applyLinkCommand;
+        },
+        get applyImageAltCommand() {
+          return commandsController.applyImageAltCommand;
+        },
+        get applyImageCaptionCommand() {
+          return commandsController.applyImageCaptionCommand;
+        },
+        applyFontDialogValues,
+        applyParagraphDialogValues,
+        applyTablePropertiesDialogValues,
+        closeContextMenu
+      }), null);
+      insert(_el$, createComponent(EditorWorkspace, {
+        useComposedShell,
+        shellComponent,
+        state: () => state,
+        toolbarHost,
+        runtimeEditor,
+        persistenceStatus,
+        toolbarRegistry,
+        menuRegistry,
+        showChrome,
+        showTitleBar,
+        showMenubar,
+        showToolbar,
+        showOutline,
+        toolbarView,
+        toolbarLayout,
+        isReadOnly,
+        viewportHeight: () => ui().viewportHeight,
+        measuredBlockHeights,
+        measuredParagraphLayouts,
+        showFloatingTableToolbar: () => !isReadOnly() && commandStateOf("tableContext").value !== null,
+        layout: editorLayoutProps,
+        overlays: editorOverlayProps,
+        refs: editorRefs,
+        surfaceHandlers: editorSurfaceHandlers,
+        inputHandlers: editorInputHandlers,
+        fileHandlers: editorFileHandlers
+      }), null);
+      insert(_el$, createComponent(EditorDragLayers, {
+        state,
+        get surfaceRef() {
+          return surfaceRef();
+        },
+        tableResize,
+        imageOps,
+        tableDrag,
+        textDrag
+      }), null);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return initialLoading() || !runtimeReady();
+        },
+        get children() {
+          return createComponent(OasisEditorLoading, {
+            get label() {
+              return loadingLabel();
+            },
+            get ["class"]() {
+              var _a2;
+              return (_a2 = loadingOptions()) == null ? void 0 : _a2.class;
+            },
+            get style() {
+              var _a2;
+              return (_a2 = loadingOptions()) == null ? void 0 : _a2.style;
+            }
+          });
+        }
+      }), null);
+      insert(_el$, createComponent(WelcomeOverlay, {
+        get isOpen() {
+          return memo(() => !!(welcomeOpen() && !initialLoading()))() && runtimeReady();
+        },
+        onClose: () => setWelcomeOpen(false)
+      }), null);
+      createRenderEffect((_p$) => {
+        var _v$ = !!useComposedShell(), _v$2 = !!isReadOnly();
+        _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-docs", _p$.e = _v$);
+        _v$2 !== _p$.t && _el$.classList.toggle("oasis-editor-read-only", _p$.t = _v$2);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      return _el$;
+    }
+  });
 }
 export {
   OasisEditorApp