oasis-editor 0.0.31 → 0.0.33

package/dist/{OasisEditorApp-CeDQ_a8-.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 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 t, aK as getHeadingLevel, aL as preciseFontModeVersion, aM as isPreciseFontModeEnabled, aN as togglePreciseFontMode, aO as nextFontSizePt, aP as previousFontSizePt, aQ as fontSizePtToPx, aR as createDefaultToolbarPreset, aS as defaultMenuItems, aT as MenuRegistry, aU as createToolbarRegistry, aV as Editor, aW as resolveCommandRef, aX as commandRefName, aY as InlineShell, aZ as BalloonShell, a_ as DocumentShell, a$ as createMemo, b0 as getCaretRectFromSnapshot, b1 as getParagraphRectFromSnapshot, b2 as createComponent, b3 as CaretOverlay, b4 as Show, b5 as createRenderEffect, b6 as style, b7 as setAttribute, b8 as setStyleProperty, b9 as memo, ba as template, bb as insert, bc as use, bd as addEventListener, be as Dialog, bf as delegateEvents, bg as className, bh as For, bi as UNDERLINE_STYLE_OPTIONS, bj as Tabs, bk as measureParagraphMinContentWidthPx, bl as getEditableBlocksForZone, bm as findParagraphLocation, bn as createSectionBoundaryParagraph, bo as normalizePageSettings, bp as DEFAULT_EDITOR_PAGE_SETTINGS, bq as markStart, br as markEnd, bs as getParagraphEntries, bt as getParagraphById, bu as PluginUiHost, bv as OasisEditorEditor, bw as perfTimer, bx as OasisBrandMark, by as setPreciseFontPreference, bz as setWelcomeSeen, bA as enablePreciseFontMode, bB as createOasisEditorClient, bC as setLocale, bD as createEditorZoom, bE as startLongTaskObserver, bF as installGlobalReport, bG as applyStoredPreciseFontPreference, bH as getWelcomeSeen, bI as isLocalFontAccessSupported, bJ as EDITOR_SCROLL_PADDING_PX, bK as Toolbar, bL as OasisEditorLoading, bM as createEditorLogger, bN as getCachedCanvasImage, bO as registerDomStatsSurface } from "./index-BYqaCJUC.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);
-  }
-  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);
+    return db;
   }
-  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";
@@ -40572,6 +40571,7 @@ function parseEditorClipboardHtmlWithDom(html) {
   return paragraphs;
 }
 function createEditorContextMenuClipboard(deps) {
+  const t = deps.t;
   const programmaticCopy = async () => {
     var _a;
     const state = deps.state();
@@ -41964,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 = [
@@ -41974,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) {
@@ -42116,6 +42471,7 @@ function useEditorRuntimeBootstrap(ctx) {
   } = useEditorRuntimePlugins({
     essentialsPlugin,
     externalPlugins: ctx.externalPlugins,
+    t: ctx.t,
     customizeToolbar: ctx.customizeToolbar,
     customizeMenubar: ctx.customizeMenubar
   });
@@ -42403,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(() => {
@@ -42454,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(() => {
@@ -42505,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(() => {
@@ -42770,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)
@@ -42873,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"));
@@ -42892,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;
@@ -43057,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;
@@ -43171,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() {
@@ -43239,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("");
@@ -43523,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");
@@ -43843,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;
@@ -46476,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();
@@ -46516,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,
@@ -46617,6 +46983,9 @@ function OasisEditorApp(props = {}) {
     isImporting: isImportInProgress,
     zoomFactor: zoom.zoomFactor
   });
+  const fallbackPersistence = createIndexedDbPersistence({
+    key: documentOptions().persistenceKey
+  });
   const {
     status: persistenceStatus
   } = useEditorPersistence(state, (loadedDoc) => {
@@ -46628,7 +46997,7 @@ function OasisEditorApp(props = {}) {
     resetEditorChromeState();
   }, {
     enabled: documentOptions().persistenceEnabled ?? false,
-    persistence: documentOptions().persistence ?? persistenceService,
+    persistence: documentOptions().persistence ?? fallbackPersistence,
     logger
   });
   let forcePlainTextPaste = false;
@@ -46915,6 +47284,7 @@ function OasisEditorApp(props = {}) {
       }
     },
     externalPlugins: runtimeOptions().plugins,
+    t: translator,
     customizeToolbar: runtimeOptions().customizeToolbar,
     customizeMenubar: runtimeOptions().customizeMenubar,
     initialDocument: getStateSnapshot().document,
@@ -46945,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,
@@ -47081,6 +47451,7 @@ function OasisEditorApp(props = {}) {
   const contextMenuClipboard = createEditorContextMenuClipboard({
     state: () => state,
     isReadOnly,
+    t: translator,
     logger,
     setContextMenu,
     clearPreferredColumn,
@@ -47178,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