oasis-editor 0.0.148 → 0.0.149

package/dist/{OasisEditorApp-B1b1iJOQ.js → OasisEditorApp-CmqlSXEk.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
-import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as assertNever, r as cloneRun, s as createSignal, t as createEditorStateFromDocument, u as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, v as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as stylesEqual, A as cloneStyle, B as createEditorStyledRun, C as cloneParagraphList, D as cloneParagraph, G as getParagraphLength, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as setValueStyle, T as setBooleanStyle, U as parseFontSizePtToPx, V as formatFontSizePt, W as setParagraphStyleValue, X as createEditorParagraph, Y as cloneBlocks, Z as resolveDefaultParagraphStyleId, _ as findParagraphTablePathLocation, $ as findParagraphLocation, a0 as resolveTablePath, a1 as buildTableCellLayout, a2 as PT_PER_PX, a3 as createEditorTableCell, a4 as createEditorTableRow, a5 as createEditorTable, a6 as clampPosition, a7 as PX_PER_POINT, a8 as underlineStyleToCssDecorationStyle, a9 as resolveImageSrc, aa as listKindForTag, ab as isParagraphTag, ac as collectInlineRuns, ad as parseParagraphStyle, ae as getRunImage, af as InlineShell, ag as BalloonShell, ah as DocumentShell, ai as findParagraphTableLocation, aj as createMemo, ak as getCaretRectFromSnapshot, al as getParagraphRectFromSnapshot, am as createComponent, an as CaretOverlay, ao as Show, ap as createRenderEffect, aq as style, ar as setStyleProperty, as as setAttribute, at as memo, au as template, av as Button, aw as useI18n, ax as createEffect, ay as TextField, az as Dialog, aA as insert, aB as className, aC as Grid, aD as SelectField, aE as StatusText, aF as ColorField, aG as UNDERLINE_STYLE_OPTIONS, aH as Stack, aI as For, aJ as ToggleChip, aK as FormField, aL as Checkbox, aM as FieldGroup, aN as Tabs, aO as NumberField, aP as parseNumber, aQ as createStore, aR as reconcile, aS as RadioGroup, aT as Radio$1, aU as TextAreaField, aV as COMMON_SYMBOLS, aW as getRecentSymbols, aX as SYMBOL_CATEGORIES, aY as rememberSymbol, aZ as delegateEvents, a_ as Text, a$ as SurfaceButton, b0 as onMount, b1 as onCleanup, b2 as CheckIcon, b3 as use, b4 as PluginUiHost, b5 as OasisEditorEditor, b6 as OasisBrandMark, b7 as setPreciseFontPreference, b8 as setWelcomeSeen, b9 as enablePreciseFontMode, ba as WORD_NS$6, bb as XMLSerializer, bc as DOMParser, bd as WORD14_NS, be as mergeNestedExtensionMarkup, bf as resolveOpcRelationships, bg as parseOpcRelationships, bh as JSZip, bi as normalizeOpcPartPath, bj as OPC_CONTENT_TYPES_PATH, bk as getOpcRelationshipOwnerPath, bl as serializeOpcRelationships, bm as OPC_ROOT_RELATIONSHIPS_PATH, bn as hashDocxPartBytes, bo as parseOpcContentTypes, bp as serializeOpcContentTypes, bq as mergeParagraphPropertiesXmlSource, br as setEditorRunOoxmlSource, bs as mergeRunOoxmlSourceIntoGeneratedXml, bt as mergeTableCellPropertiesXmlSource, bu as mergeTableRowPropertiesXmlSource, bv as mergeTablePropertiesXmlSource, bw as exportEditorDocumentToDocxBlob, bx as exportEditorDocumentToDocx, by as pxToPt$1, bz as resolveFloatingObjectRect, bA as getTextBoxFloatingGeometry, bB as getPresetPathSegments, bC as buildListLabels, bD as lineDashPatternPt, bE as DEFAULT_FONT_SIZE_PX, bF as resolveGradientAxis, bG as isDoubleUnderlineStyle, bH as isWavyUnderlineStyle, bI as underlineStyleLineWidthPx, bJ as WAVY_UNDERLINE_WAVELENGTH_PX, bK as WAVY_UNDERLINE_AMPLITUDE_PX, bL as DOUBLE_UNDERLINE_OFFSET_PX, bM as underlineStyleDashArray, bN as resolveEffectiveParagraphStyle, bO as EMPHASIS_GLYPH, bP as parseHexColorToRgb255, bQ as rgb255ToHex, bR as getImageFloatingGeometry, bS as resolveEffectiveTextStyleForParagraph, bT as textStyleToFontSizePt, bU as resolveTextAlignmentBaselineOffset, bV as TEXT_BASELINE_RATIO, bW as resolveRenderedTextChar, bX as resolveOpenTypeFeatureTags, bY as isLowercaseSmallCapsChar, bZ as resolveDecorationLineY, b_ as DOUBLE_STRIKE_OFFSET_PX, b$ as resolveListLabel, c0 as getListLabelInset, c1 as getAlignedListLabelInset, c2 as getParagraphBorderInsets, c3 as buildSegmentTable, c4 as buildCanvasTableLayout, c5 as resolveCanvasTableWidth, c6 as resolveFloatingTableRect, c7 as paragraphBetweenBorderMatches, c8 as normalizeFamily, c9 as ROBOTO_FONT_FILES, ca as loadFontAsset, cb as getRemotePdfFontFaces, cc as OFFICE_COMPAT_FONT_FAMILIES, cd as BinaryReader, ce as buildSfnt, cf as defaultFontDecoderRegistry, cg as SfntFontProgram, ch as zlibSync, ci as renumberImageCaptionsInDocument, cj as collectPdfFontFamilies, ck as outlineFrom, cl as getPageHeaderZoneTop, cm as getPageColumnRects, cn as findFootnoteReference, co as resolveImporterForFile, cp as roundTo, cq as getDocumentSectionsCanonical, cr as getDocumentParagraphsCanonical, cs as getDocumentParagraphs, ct as getImageCaptionText, cu as isImageCaptionParagraph, cv as updateImageCaptionParagraph, cw as createImageCaptionParagraph, cx as renumberImageCaptionParagraphs, cy as getCaptionSelectionOffset, cz as PX_PER_CM, cA as getDocumentPageSettings, cB as getTableCellContentWidthForParagraph, cC as layoutMetricsEpoch, cD as bumpLayoutMetricsEpoch, cE as createCanvasLayoutSnapshotProvider, cF as on, cG as debounce, cH as unwrap, cI as perfTimer, cJ as prepareDocumentFonts, cK as getRunTextBox, cL as EMU_PER_PX, cM as createEditorDocument, cN as resolveResizedDimensions, cO as axisSignForDirection, cP as clamp$1, cQ as MIN_RESIZE_SIZE_PX, cR as resolveTextBoxRenderHeight, cS as getToolbarStyleState, cT as VERTICAL_HIT_WEIGHT, cU as getCachedCanvasImage, cV as measureParagraphMinContentWidthPx, cW as createSectionBoundaryParagraph, cX as normalizePageSettings, cY as DEFAULT_EDITOR_PAGE_SETTINGS, cZ as markStart, c_ as markEnd, c$ as getParagraphEntries, d0 as getParagraphById, d1 as createEditorFootnote, d2 as createFootnoteReferenceRun, d3 as renumberFootnotes, d4 as iterateFootnoteReferenceRuns, d5 as preciseFontModeVersion, d6 as isPreciseFontModeEnabled, d7 as getRunFieldChar, d8 as getRunFieldInstruction, d9 as getHeadingLevel, da as createEditorRun, db as TWIPS_PER_INCH, dc as PX_PER_INCH, dd as togglePreciseFontMode, de as nextFontSizePt, df as previousFontSizePt, dg as fontSizePtToPx, dh as resolveNamedTextStyle, di as resolveNamedTableStyle, dj as resolveEffectiveTableStyle, dk as createDefaultToolbarPreset, dl as MenuRegistry, dm as createToolbarRegistry, dn as Editor, dp as resolveCommandRef, dq as commandRefName, dr as createOasisEditorClient, ds as createEditorZoom, dt as startLongTaskObserver, du as installGlobalReport, dv as applyStoredPreciseFontPreference, dw as getWelcomeSeen, dx as isLocalFontAccessSupported, dy as EDITOR_SCROLL_PADDING_PX, dz as Toolbar, dA as OasisEditorLoading, dB as I18nProvider, dC as createTranslator, dD as registerDomStatsSurface, dE as createEditorLogger } from "./index-CpZO1PF4.js";
+import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as assertNever, r as cloneRun, s as createSignal, t as createEditorStateFromDocument, u as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, v as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as stylesEqual, A as cloneStyle, B as createEditorStyledRun, C as cloneParagraphList, D as cloneParagraph, G as getParagraphLength, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as MATH_OBJECT_REPLACEMENT, T as setValueStyle, U as setBooleanStyle, V as parseFontSizePtToPx, W as formatFontSizePt, X as setParagraphStyleValue, Y as createEditorParagraph, Z as cloneBlocks, _ as resolveDefaultParagraphStyleId, $ as findParagraphTablePathLocation, a0 as findParagraphLocation, a1 as resolveTablePath, a2 as buildTableCellLayout, a3 as PT_PER_PX, a4 as createEditorTableCell, a5 as createEditorTableRow, a6 as createEditorTable, a7 as clampPosition, a8 as PX_PER_POINT, a9 as underlineStyleToCssDecorationStyle, aa as resolveImageSrc, ab as listKindForTag, ac as isParagraphTag, ad as collectInlineRuns, ae as parseParagraphStyle, af as getRunImage, ag as InlineShell, ah as BalloonShell, ai as DocumentShell, aj as findParagraphTableLocation, ak as createMemo, al as getCaretRectFromSnapshot, am as getParagraphRectFromSnapshot, an as createComponent, ao as CaretOverlay, ap as Show, aq as createRenderEffect, ar as style, as as setStyleProperty, at as setAttribute, au as memo, av as template, aw as Button, ax as useI18n, ay as createEffect, az as TextField, aA as Dialog, aB as insert, aC as className, aD as Grid, aE as SelectField, aF as StatusText, aG as ColorField, aH as UNDERLINE_STYLE_OPTIONS, aI as Stack, aJ as For, aK as ToggleChip, aL as FormField, aM as Checkbox, aN as FieldGroup, aO as Tabs, aP as NumberField, aQ as parseNumber, aR as createStore, aS as reconcile, aT as RadioGroup, aU as Radio$1, aV as TextAreaField, aW as COMMON_SYMBOLS, aX as getRecentSymbols, aY as SYMBOL_CATEGORIES, aZ as rememberSymbol, a_ as delegateEvents, a$ as EMPTY_EDITOR_MATH_EXPRESSION, b0 as serializeLinearMath, b1 as parseLinearMath, b2 as Text, b3 as SurfaceButton, b4 as onMount, b5 as onCleanup, b6 as CheckIcon, b7 as use, b8 as PluginUiHost, b9 as OasisEditorEditor, ba as OasisBrandMark, bb as setPreciseFontPreference, bc as setWelcomeSeen, bd as enablePreciseFontMode, be as WORD_NS$6, bf as XMLSerializer, bg as DOMParser, bh as WORD14_NS, bi as mergeNestedExtensionMarkup, bj as resolveOpcRelationships, bk as parseOpcRelationships, bl as JSZip, bm as normalizeOpcPartPath, bn as OPC_CONTENT_TYPES_PATH, bo as getOpcRelationshipOwnerPath, bp as serializeOpcRelationships, bq as OPC_ROOT_RELATIONSHIPS_PATH, br as hashDocxPartBytes, bs as parseOpcContentTypes, bt as serializeOpcContentTypes, bu as mergeParagraphPropertiesXmlSource, bv as setEditorRunOoxmlSource, bw as mergeRunOoxmlSourceIntoGeneratedXml, bx as mergeTableCellPropertiesXmlSource, by as mergeTableRowPropertiesXmlSource, bz as mergeTablePropertiesXmlSource, bA as exportEditorDocumentToDocxBlob, bB as exportEditorDocumentToDocx, bC as pxToPt$1, bD as resolveFloatingObjectRect, bE as getTextBoxFloatingGeometry, bF as getPresetPathSegments, bG as buildListLabels, bH as lineDashPatternPt, bI as DEFAULT_FONT_SIZE_PX, bJ as resolveGradientAxis, bK as isDoubleUnderlineStyle, bL as isWavyUnderlineStyle, bM as underlineStyleLineWidthPx, bN as WAVY_UNDERLINE_WAVELENGTH_PX, bO as WAVY_UNDERLINE_AMPLITUDE_PX, bP as DOUBLE_UNDERLINE_OFFSET_PX, bQ as underlineStyleDashArray, bR as resolveEffectiveParagraphStyle, bS as EMPHASIS_GLYPH, bT as parseHexColorToRgb255, bU as rgb255ToHex, bV as getImageFloatingGeometry, bW as resolveEffectiveTextStyleForParagraph, bX as textStyleToFontSizePt, bY as mathDisplayText, bZ as TEXT_BASELINE_RATIO, b_ as resolveTextAlignmentBaselineOffset, b$ as resolveRenderedTextChar, c0 as resolveOpenTypeFeatureTags, c1 as isLowercaseSmallCapsChar, c2 as resolveDecorationLineY, c3 as DOUBLE_STRIKE_OFFSET_PX, c4 as resolveListLabel, c5 as getListLabelInset, c6 as getAlignedListLabelInset, c7 as getParagraphBorderInsets, c8 as buildSegmentTable, c9 as buildCanvasTableLayout, ca as resolveCanvasTableWidth, cb as resolveFloatingTableRect, cc as paragraphBetweenBorderMatches, cd as normalizeFamily, ce as ROBOTO_FONT_FILES, cf as loadFontAsset, cg as getRemotePdfFontFaces, ch as OFFICE_COMPAT_FONT_FAMILIES, ci as BinaryReader, cj as buildSfnt, ck as defaultFontDecoderRegistry, cl as SfntFontProgram, cm as zlibSync, cn as renumberImageCaptionsInDocument, co as collectPdfFontFamilies, cp as outlineFrom, cq as getPageHeaderZoneTop, cr as getPageColumnRects, cs as findFootnoteReference, ct as resolveImporterForFile, cu as roundTo, cv as getDocumentSectionsCanonical, cw as getDocumentParagraphsCanonical, cx as getDocumentParagraphs, cy as getImageCaptionText, cz as isImageCaptionParagraph, cA as updateImageCaptionParagraph, cB as createImageCaptionParagraph, cC as renumberImageCaptionParagraphs, cD as getCaptionSelectionOffset, cE as PX_PER_CM, cF as getDocumentPageSettings, cG as getTableCellContentWidthForParagraph, cH as layoutMetricsEpoch, cI as bumpLayoutMetricsEpoch, cJ as createCanvasLayoutSnapshotProvider, cK as on, cL as debounce, cM as unwrap, cN as perfTimer, cO as prepareDocumentFonts, cP as getRunTextBox, cQ as EMU_PER_PX, cR as createEditorDocument, cS as resolveResizedDimensions, cT as axisSignForDirection, cU as clamp$1, cV as MIN_RESIZE_SIZE_PX, cW as resolveTextBoxRenderHeight, cX as getToolbarStyleState, cY as VERTICAL_HIT_WEIGHT, cZ as getCachedCanvasImage, c_ as measureParagraphMinContentWidthPx, c$ as createSectionBoundaryParagraph, d0 as normalizePageSettings, d1 as DEFAULT_EDITOR_PAGE_SETTINGS, d2 as markStart, d3 as markEnd, d4 as getParagraphEntries, d5 as getParagraphById, d6 as createEditorFootnote, d7 as createFootnoteReferenceRun, d8 as renumberFootnotes, d9 as iterateFootnoteReferenceRuns, da as preciseFontModeVersion, db as isPreciseFontModeEnabled, dc as getRunFieldChar, dd as getRunFieldInstruction, de as getHeadingLevel, df as createEditorRun, dg as TWIPS_PER_INCH, dh as PX_PER_INCH, di as togglePreciseFontMode, dj as nextFontSizePt, dk as previousFontSizePt, dl as fontSizePtToPx, dm as resolveNamedTextStyle, dn as resolveNamedTableStyle, dp as resolveEffectiveTableStyle, dq as createDefaultToolbarPreset, dr as MenuRegistry, ds as createToolbarRegistry, dt as Editor, du as resolveCommandRef, dv as commandRefName, dw as createOasisEditorClient, dx as createEditorZoom, dy as startLongTaskObserver, dz as installGlobalReport, dA as applyStoredPreciseFontPreference, dB as getWelcomeSeen, dC as isLocalFontAccessSupported, dD as EDITOR_SCROLL_PADDING_PX, dE as Toolbar, dF as OasisEditorLoading, dG as I18nProvider, dH as createTranslator, dI as registerDomStatsSurface, dJ as createEditorLogger } from "./index-B7V7kbjr.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -26999,6 +26999,7 @@ function createEditorFocusController() {
 function createEditorDialogs() {
   const [newDocumentDialog, setNewDocumentDialog] = createSignal({ isOpen: false });
   const [symbolDialog, setSymbolDialog] = createSignal({ isOpen: false });
+  const [equationDialog, setEquationDialog] = createSignal({ isOpen: false });
   const [linkDialog, setLinkDialog] = createSignal({
     isOpen: false,
     initialHref: ""
@@ -27132,6 +27133,8 @@ function createEditorDialogs() {
     setNewDocumentDialog,
     symbolDialog,
     setSymbolDialog,
+    equationDialog,
+    setEquationDialog,
     linkDialog,
     setLinkDialog,
     imageAltDialog,
@@ -28113,6 +28116,48 @@ function insertTextAtSelection(state, text, styleOverride) {
     )
   );
 }
+function insertMathAtSelection(state, expression) {
+  const collapsedState = isSelectionCollapsed(state.selection) ? state : deleteSelectionRange(state);
+  const { paragraph, index, offset } = getFocusParagraph(collapsedState);
+  const styles = getStyleAtOffset(paragraph, offset);
+  const insertedRun = {
+    id: `run:${Math.random().toString(36).slice(2, 9)}`,
+    text: MATH_OBJECT_REPLACEMENT,
+    styles,
+    kind: "math",
+    math: expression
+  };
+  const nextParagraph = insertRunsAtOffset(paragraph, offset, [insertedRun]);
+  const paragraphs = getParagraphs(collapsedState).map(
+    (candidate, candidateIndex) => candidateIndex === index ? nextParagraph : candidate
+  );
+  return cloneStateWithParagraphs(
+    collapsedState,
+    paragraphs,
+    withSelection(
+      paragraphOffsetToPosition(
+        nextParagraph,
+        offset + MATH_OBJECT_REPLACEMENT.length
+      )
+    )
+  );
+}
+function updateMathRun(state, runId, expression) {
+  let changed = false;
+  const paragraphs = getParagraphs(state).map(
+    (paragraph) => {
+      let paragraphChanged = false;
+      const runs = paragraph.runs.map((run) => {
+        if (run.id !== runId || run.kind !== "math") return run;
+        changed = true;
+        paragraphChanged = true;
+        return { ...run, math: expression, text: MATH_OBJECT_REPLACEMENT };
+      });
+      return paragraphChanged ? { ...paragraph, runs } : paragraph;
+    }
+  );
+  return changed ? cloneStateWithParagraphs(state, paragraphs, state.selection) : state;
+}
 function insertPlainTextAtSelection(state, text, styleOverride) {
   if (text.length === 0) {
     return state;
@@ -31757,14 +31802,14 @@ function DropCaret(props) {
     })
   });
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-outline>`), _tmpl$3$3 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-outline>`), _tmpl$3$3 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
 function EditorDragLayers(props) {
   return [createComponent(Show, {
     get when() {
       return props.tableResize.resizing();
     },
     children: (resizing) => (() => {
-      var _el$ = _tmpl$$h();
+      var _el$ = _tmpl$$i();
       createRenderEffect((_p$) => {
         var _v$ = !!(resizing().type === "column"), _v$2 = !!(resizing().type === "row"), _v$3 = {
           ...resizing().type === "column" ? {
@@ -31795,7 +31840,7 @@ function EditorDragLayers(props) {
       return props.tableCornerResize.previewRect();
     },
     children: (rect) => (() => {
-      var _el$2 = _tmpl$2$6();
+      var _el$2 = _tmpl$2$7();
       createRenderEffect((_p$) => {
         var _v$4 = `${rect().left}px`, _v$5 = `${rect().top}px`, _v$6 = `${rect().width}px`, _v$7 = `${rect().height}px`;
         _v$4 !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$4);
@@ -32435,11 +32480,11 @@ function useFontDialogController(props) {
     handleApply
   };
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$h = /* @__PURE__ */ template(`<div>`);
 function FontPreview(props) {
   const t = useI18n();
   return (() => {
-    var _el$ = _tmpl$$g();
+    var _el$ = _tmpl$$h();
     insert(_el$, () => t("dialog.font.previewText"));
     createRenderEffect((_p$) => {
       var _v$ = props.class ?? "oasis-editor-dialog-preview", _v$2 = props.testId, _v$3 = props.style;
@@ -32455,7 +32500,7 @@ function FontPreview(props) {
     return _el$;
   })();
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-font-panel">`);
+var _tmpl$$g = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-font-panel">`);
 function FontTab(props) {
   const t = useI18n();
   const {
@@ -32545,7 +32590,7 @@ function FontTab(props) {
     onChange: (checked) => ctrl.updateFontTab("hidden", checked)
   }];
   return (() => {
-    var _el$ = _tmpl$$f();
+    var _el$ = _tmpl$$g();
     insert(_el$, createComponent(Grid, {
       container: true,
       spacing: 1.5,
@@ -32879,14 +32924,14 @@ function FontTab(props) {
     return _el$;
   })();
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-font-dialog-kerning-line>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-advanced-panel">`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=oasis-editor-font-dialog-kerning-line>`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class="oasis-editor-font-dialog-panel oasis-editor-font-dialog-advanced-panel">`);
 function AdvancedFontTab(props) {
   const t = useI18n();
   const {
     ctrl
   } = props;
   return (() => {
-    var _el$ = _tmpl$2$5();
+    var _el$ = _tmpl$2$6();
     insert(_el$, createComponent(FieldGroup, {
       "class": "oasis-editor-font-dialog-fieldset",
       get legend() {
@@ -33037,7 +33082,7 @@ function AdvancedFontTab(props) {
             }), createComponent(Grid, {
               size: 12,
               get children() {
-                var _el$2 = _tmpl$$e();
+                var _el$2 = _tmpl$$f();
                 insert(_el$2, createComponent(Checkbox, {
                   "class": "oasis-editor-font-dialog-kerning-toggle",
                   get label() {
@@ -33317,7 +33362,7 @@ function FontDialog(props) {
     }
   });
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-tab-stops><div class=oasis-editor-tab-stops-actions>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer-split><div class=oasis-editor-dialog-footer-start></div><div class=oasis-editor-dialog-footer-end>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-tab-stops><div class=oasis-editor-tab-stops-actions>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer-split><div class=oasis-editor-dialog-footer-start></div><div class=oasis-editor-dialog-footer-end>`);
 function toDraft(stop) {
   return {
     position: stop.position,
@@ -33401,7 +33446,7 @@ function TabStopsDialog(props) {
     },
     get footer() {
       return (() => {
-        var _el$3 = _tmpl$2$4(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        var _el$3 = _tmpl$2$5(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
         insert(_el$4, createComponent(Button, {
           variant: "secondary",
           onClick: () => {
@@ -33434,7 +33479,7 @@ function TabStopsDialog(props) {
       })();
     },
     get children() {
-      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild;
       insert(_el$, createComponent(For, {
         get each() {
           return stops();
@@ -33788,7 +33833,7 @@ function useParagraphDialogController(props) {
     handleSetDefault
   };
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-paragraph-dialog-panel>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer-split><div class=oasis-editor-dialog-footer-start></div><div class=oasis-editor-dialog-footer-end>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-paragraph-dialog-panel>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer-split><div class=oasis-editor-dialog-footer-start></div><div class=oasis-editor-dialog-footer-end>`);
 function ParagraphDialog(props) {
   const t = useI18n();
   const [tabsDialogOpen, setTabsDialogOpen] = createSignal(false);
@@ -33895,7 +33940,7 @@ function ParagraphDialog(props) {
     }
   });
   const indentsAndSpacingPanel = (() => {
-    var _el$ = _tmpl$$c();
+    var _el$ = _tmpl$$d();
     insert(_el$, createComponent(FieldGroup, {
       "class": "oasis-editor-dialog-fieldset",
       get legend() {
@@ -34365,7 +34410,7 @@ function ParagraphDialog(props) {
     return _el$;
   })();
   const lineAndPageBreaksPanel = (() => {
-    var _el$2 = _tmpl$$c();
+    var _el$2 = _tmpl$$d();
     insert(_el$2, createComponent(FieldGroup, {
       "class": "oasis-editor-dialog-fieldset",
       get legend() {
@@ -34495,7 +34540,7 @@ function ParagraphDialog(props) {
           return t("paragraph.preview");
         },
         get children() {
-          var _el$3 = _tmpl$2$3();
+          var _el$3 = _tmpl$2$4();
           insert(_el$3, () => t("paragraph.previewText"));
           createRenderEffect((_$p) => style(_el$3, previewStyle(), _$p));
           return _el$3;
@@ -34718,13 +34763,13 @@ function NumField(label, value, setter, testId, disabled = false, allowNegative
     "data-testid": testId
   });
 }
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
 function TableTabPanel(props) {
   const t = useI18n();
   const form = () => props.ctrl.form;
   const set = props.ctrl.set;
   return (() => {
-    var _el$ = _tmpl$$b();
+    var _el$ = _tmpl$$c();
     insert(_el$, createComponent(FieldGroup, {
       "class": "oasis-editor-font-dialog-fieldset",
       get legend() {
@@ -35030,13 +35075,13 @@ function TableTabPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
 function RowTabPanel(props) {
   const t = useI18n();
   const form = () => props.ctrl.form;
   const set = props.ctrl.set;
   return (() => {
-    var _el$ = _tmpl$$a();
+    var _el$ = _tmpl$$b();
     insert(_el$, createComponent(Grid, {
       container: true,
       spacing: 1.5,
@@ -35119,13 +35164,13 @@ function RowTabPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
 function ColumnTabPanel(props) {
   const t = useI18n();
   const form = () => props.ctrl.form;
   const set = props.ctrl.set;
   return (() => {
-    var _el$ = _tmpl$$9();
+    var _el$ = _tmpl$$a();
     insert(_el$, createComponent(Grid, {
       container: true,
       spacing: 1.5,
@@ -35144,7 +35189,7 @@ function ColumnTabPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$8 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-cell-preview data-testid=editor-table-properties-cell-preview>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-cell-preview data-testid=editor-table-properties-cell-preview>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
 function CellTabPanel(props) {
   const t = useI18n();
   const form = () => props.ctrl.form;
@@ -35162,7 +35207,7 @@ function CellTabPanel(props) {
   });
   const borderDisabled = () => form().borderStyle === "none";
   return (() => {
-    var _el$ = _tmpl$2$2();
+    var _el$ = _tmpl$2$3();
     insert(_el$, createComponent(Grid, {
       container: true,
       spacing: 1.5,
@@ -35549,7 +35594,7 @@ function CellTabPanel(props) {
             })];
           }
         }), (() => {
-          var _el$2 = _tmpl$$8();
+          var _el$2 = _tmpl$$9();
           createRenderEffect((_$p) => style(_el$2, borderPreview(), _$p));
           return _el$2;
         })()];
@@ -35558,13 +35603,13 @@ function CellTabPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel>`);
 function AltTextTabPanel(props) {
   const t = useI18n();
   const form = () => props.ctrl.form;
   const set = props.ctrl.set;
   return (() => {
-    var _el$ = _tmpl$$7();
+    var _el$ = _tmpl$$8();
     insert(_el$, createComponent(TextField, {
       get label() {
         return t("table.altTitle");
@@ -35676,7 +35721,7 @@ function TablePropertiesDialog(props) {
     }
   });
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<p data-testid=editor-new-document-message>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<p data-testid=editor-new-document-message>`);
 function NewDocumentConfirmationDialog(props) {
   const t = useI18n();
   return createComponent(Dialog, {
@@ -35710,13 +35755,13 @@ function NewDocumentConfirmationDialog(props) {
       });
     },
     get children() {
-      var _el$ = _tmpl$$6();
+      var _el$ = _tmpl$$7();
       insert(_el$, () => t("dialog.newDocument.message"));
       return _el$;
     }
   });
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-controls><label class=oasis-editor-symbol-dialog-field><span></span><select data-testid=editor-symbol-dialog-font></select></label><label class=oasis-editor-symbol-dialog-field><span></span><select data-testid=editor-symbol-dialog-category><option value=all>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-recent><span></span><div class=oasis-editor-symbol-dialog-recent-list>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-layout><div class=oasis-editor-symbol-dialog-grid role=grid></div><aside class=oasis-editor-symbol-dialog-preview><span class=oasis-editor-symbol-dialog-preview-label></span><span class=oasis-editor-symbol-dialog-preview-character data-testid=editor-symbol-dialog-preview></span><label class=oasis-editor-symbol-dialog-field><span></span><input data-testid=editor-symbol-dialog-code></label><p class=oasis-editor-symbol-dialog-help>`), _tmpl$4$1 = /* @__PURE__ */ template(`<option>`), _tmpl$5$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-symbol-dialog-tile>`), _tmpl$6$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-symbol-dialog-tile role=gridcell>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-controls><label class=oasis-editor-symbol-dialog-field><span></span><select data-testid=editor-symbol-dialog-font></select></label><label class=oasis-editor-symbol-dialog-field><span></span><select data-testid=editor-symbol-dialog-category><option value=all>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-recent><span></span><div class=oasis-editor-symbol-dialog-recent-list>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-dialog-layout><div class=oasis-editor-symbol-dialog-grid role=grid></div><aside class=oasis-editor-symbol-dialog-preview><span class=oasis-editor-symbol-dialog-preview-label></span><span class=oasis-editor-symbol-dialog-preview-character data-testid=editor-symbol-dialog-preview></span><label class=oasis-editor-symbol-dialog-field><span></span><input data-testid=editor-symbol-dialog-code></label><p class=oasis-editor-symbol-dialog-help>`), _tmpl$4$1 = /* @__PURE__ */ template(`<option>`), _tmpl$5$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-symbol-dialog-tile>`), _tmpl$6$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-symbol-dialog-tile role=gridcell>`);
 const FONT_OPTIONS = ["Segoe UI Symbol", "Arial Unicode MS", "Cambria Math", "Times New Roman"];
 function SymbolDialog(props) {
   const t = useI18n();
@@ -35792,7 +35837,7 @@ function SymbolDialog(props) {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild;
+        var _el$ = _tmpl$$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild;
         insert(_el$3, () => t("dialog.symbol.font"));
         _el$4.addEventListener("change", (event) => {
           setFont(event.currentTarget.value);
@@ -35830,7 +35875,7 @@ function SymbolDialog(props) {
             return recentSymbols().length > 0;
           },
           get children() {
-            var _el$1 = _tmpl$2$1(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+            var _el$1 = _tmpl$2$2(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
             insert(_el$10, () => t("dialog.symbol.recent"));
             insert(_el$11, createComponent(For, {
               get each() {
@@ -35902,6 +35947,75 @@ function SymbolDialog(props) {
   });
 }
 delegateEvents(["input", "click", "dblclick"]);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class=oasis-editor-equation-editor><div class=oasis-editor-equation-palette></div><label class=oasis-editor-equation-linear><span></span><textarea data-testid=editor-equation-linear></textarea></label><div class=oasis-editor-equation-preview aria-live=polite data-testid=editor-equation-preview>`), _tmpl$2$1 = /* @__PURE__ */ template(`<button type=button data-testid=editor-equation-template>`);
+const TEMPLATES = [["\\frac{□}{□}", "\\frac{a}{b}"], ["\\sqrt{□}", "\\sqrt{x}"], ["x^□", "x^{2}"], ["x_□", "x_{i}"], ["∑", "\\sum_{i=1}^{n} i"], ["∫", "∫ f(x) dx"], ["[ ]", "(a+b)"], ["[a b]", "\\matrix{a & b \\ c & d}"]];
+function EquationDialog(props) {
+  const t = useI18n();
+  const [linear, setLinear] = createSignal("");
+  const [expression, setExpression] = createSignal(EMPTY_EDITOR_MATH_EXPRESSION);
+  createEffect(() => {
+    if (!props.isOpen) return;
+    const initial = props.initial ?? EMPTY_EDITOR_MATH_EXPRESSION;
+    setExpression(initial);
+    setLinear(serializeLinearMath(initial));
+  });
+  const updateLinear = (value) => {
+    setLinear(value);
+    setExpression(parseLinearMath(value));
+  };
+  return createComponent(Dialog, {
+    get isOpen() {
+      return props.isOpen;
+    },
+    get title() {
+      return t("dialog.equation.title");
+    },
+    get onClose() {
+      return props.onClose;
+    },
+    size: "lg",
+    closeOnOverlayClick: false,
+    "class": "oasis-editor-equation-dialog",
+    get footer() {
+      return [createComponent(Button, {
+        variant: "secondary",
+        get onClick() {
+          return props.onClose;
+        },
+        get children() {
+          return t("generic.cancel");
+        }
+      }), createComponent(Button, {
+        variant: "primary",
+        onClick: () => props.onApply(expression()),
+        "data-testid": "editor-equation-apply",
+        get children() {
+          return t("dialog.equation.insert");
+        }
+      })];
+    },
+    get children() {
+      var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+      insert(_el$2, createComponent(For, {
+        each: TEMPLATES,
+        children: ([label, value]) => (() => {
+          var _el$7 = _tmpl$2$1();
+          _el$7.$$click = () => updateLinear(value);
+          insert(_el$7, label);
+          return _el$7;
+        })()
+      }));
+      insert(_el$4, () => t("dialog.equation.linear"));
+      _el$5.$$input = (event) => updateLinear(event.currentTarget.value);
+      setAttribute(_el$5, "spellcheck", false);
+      insert(_el$6, () => serializeLinearMath(expression()) || t("dialog.equation.empty"));
+      createRenderEffect(() => setAttribute(_el$2, "aria-label", t("dialog.equation.structures")));
+      createRenderEffect(() => _el$5.value = linear());
+      return _el$;
+    }
+  });
+}
+delegateEvents(["input", "click"]);
 var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-find-replace-dialog><div class=oasis-editor-fr-header></div><div class=oasis-editor-fr-body><div class=oasis-editor-fr-input-group><div class=oasis-editor-fr-input-wrapper></div></div><div class=oasis-editor-fr-input-group>`);
 function FindReplaceDialog(props) {
   const t = useI18n();
@@ -36220,7 +36334,9 @@ function EditorDialogsLayer(props) {
     newDocumentDialog,
     setNewDocumentDialog,
     symbolDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    equationDialog,
+    setEquationDialog
   } = props.dialogs;
   return [createComponent(NewDocumentConfirmationDialog, {
     get isOpen() {
@@ -36254,6 +36370,25 @@ function EditorDialogsLayer(props) {
       });
       props.insertSymbol(symbol, fontFamily);
     }
+  }), createComponent(EquationDialog, {
+    get isOpen() {
+      return equationDialog().isOpen;
+    },
+    get initial() {
+      return equationDialog().initial;
+    },
+    onClose: () => {
+      setEquationDialog({
+        isOpen: false
+      });
+      props.focusInput();
+    },
+    onApply: (expression) => {
+      setEquationDialog({
+        isOpen: false
+      });
+      props.applyEquation(expression, equationDialog().targetRunId);
+    }
   }), createComponent(LinkDialog, {
     get isOpen() {
       return linkDialog().isOpen;
@@ -41350,7 +41485,7 @@ function emitFragmentGlyphs(chunkCtx, chars, originX, styles, line, fragment, pa
   }
 }
 async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, document2, originX, originY, fontRegistry, drawers) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   if (fragment.image) {
     if (fragment.image.floating) return;
     const slot = line.slots.find((c) => c.offset === fragment.startOffset) ?? line.slots.find((c) => c.offset >= fragment.startOffset);
@@ -41383,9 +41518,32 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     );
     return;
   }
+  if (fragment.math) {
+    const slot = line.slots.find((c) => c.offset === fragment.startOffset) ?? line.slots.find((c) => c.offset >= fragment.startOffset);
+    if (!slot) return;
+    const styles2 = resolveEffectiveTextStyleForParagraph(
+      fragment.styles,
+      (_a = paragraph.style) == null ? void 0 : _a.styleId,
+      document2.styles
+    );
+    const fontFace2 = fontRegistry.resolveFontFace({
+      fontFamily: "Cambria Math",
+      bold: false,
+      italic: false
+    });
+    writer.drawText(pageIndex, {
+      x: pxToPt$1(originX + slot.left),
+      y: pxToPt$1(originY + line.top + line.height * TEXT_BASELINE_RATIO),
+      text: mathDisplayText(fragment.math),
+      fontSize: textStyleToFontSizePt(styles2),
+      color: styles2.color ?? "#000000",
+      fontResourceName: fontFace2.writerResourceName
+    });
+    return;
+  }
   const styles = resolveEffectiveTextStyleForParagraph(
     fragment.styles,
-    (_a = paragraph.style) == null ? void 0 : _a.styleId,
+    (_b = paragraph.style) == null ? void 0 : _b.styleId,
     document2.styles
   );
   if (styles.hidden) return;
@@ -41471,7 +41629,7 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     horizontalScale: styles.characterScale ?? 100,
     fontFeatures
   };
-  const mainColor = ((_b = styles.textFill) == null ? void 0 : _b.type) === "solid" ? styles.textFill.color : ((_c = styles.textFill) == null ? void 0 : _c.type) === "gradient" && styles.textFill.stops[0] ? styles.textFill.stops[0].color : styles.color ?? "#000000";
+  const mainColor = ((_c = styles.textFill) == null ? void 0 : _c.type) === "solid" ? styles.textFill.color : ((_d = styles.textFill) == null ? void 0 : _d.type) === "gradient" && styles.textFill.stops[0] ? styles.textFill.stops[0].color : styles.color ?? "#000000";
   const gradientShadingName = resolveGradientShadingName(
     writer,
     pageIndex,
@@ -51924,6 +52082,27 @@ function createEditorSurfaceEventsImpl(deps) {
   };
   const handleDoubleClickDown = (state, hit, paragraph) => {
     dragAnchor = null;
+    let offset = 0;
+    const mathRun = paragraph.runs.find((run) => {
+      const hitRun = run.kind === "math" && hit.paragraphOffset >= offset && hit.paragraphOffset <= offset + run.text.length;
+      offset += run.text.length;
+      return hitRun;
+    });
+    if ((mathRun == null ? void 0 : mathRun.kind) === "math") {
+      const position = paragraphOffsetToPosition(
+        paragraph,
+        hit.paragraphOffset
+      );
+      applyWithZone(
+        state,
+        hit.zone,
+        setSelection(state, { anchor: position, focus: position }),
+        position
+      );
+      stopDragging();
+      deps.openEquationDialog(mathRun.math, mathRun.id);
+      return;
+    }
     const word = resolveWordSelection(
       getParagraphText(paragraph),
       hit.paragraphOffset
@@ -52788,7 +52967,8 @@ function useEditorInteractionWiring(ctx) {
     textDrag: {
       tryStartTextDrag: textDrag.tryStartTextDrag
     },
-    logger: ctx.logger
+    logger: ctx.logger,
+    openEquationDialog: ctx.openEquationDialog
   });
   const textInput = createEditorTextInput({
     state,
@@ -52965,7 +53145,8 @@ function createEditorInteractionRuntimeImpl(deps) {
     styleController,
     getForcePlainTextPaste,
     setForcePlainTextPaste,
-    insertImageFromFile
+    insertImageFromFile,
+    openEquationDialog: deps.openEquationDialog
   });
   const onEditorMouseDown = (event) => {
     if (event.button !== 0) {
@@ -54846,6 +55027,15 @@ function buildCoreFormattingCommands({
         typeof payload.fontFamily === "string" ? payload.fontFamily : null
       );
     }),
+    insertEquation: actionCommand("insertEquation", (p) => {
+      formatting.insertEquation(
+        p
+      );
+    }),
+    updateEquation: actionCommand("updateEquation", (p) => {
+      const payload = p;
+      formatting.updateEquation(payload.runId, payload.expression);
+    }),
     pastePlainText: command("pastePlainText", formatting.pastePlainText),
     bold: command("bold", formatting.bold, () => ({
       isActive: Boolean(s().bold)
@@ -55073,6 +55263,10 @@ function buildDocumentAndBrowserCommands({
       "openSymbolDialog",
       () => document2.openSymbolDialog()
     ),
+    openEquationDialog: actionCommand(
+      "openEquationDialog",
+      () => document2.openEquationDialog()
+    ),
     unlink: actionCommand(
       "unlink",
       () => link.remove(),
@@ -55548,6 +55742,7 @@ function buildEssentialsGate(options) {
   return {
     isCommandEnabled: (commandName) => {
       if (commandName === "openSymbolDialog") return true;
+      if (commandName === "openEquationDialog") return true;
       return !options.isReadOnly() && (commandName !== "insertFootnote" || options.commandsController.canInsertFootnoteCommand());
     }
   };
@@ -55809,6 +56004,23 @@ function buildEssentialsFormatting(options) {
       options.focusInput();
       return true;
     },
+    insertEquation: (expression) => {
+      options.applyTransactionalState(
+        (current) => options.tableOps.applyTableAwareParagraphEdit(
+          current,
+          (temp) => insertMathAtSelection(temp, expression)
+        )
+      );
+      options.focusInput();
+      return true;
+    },
+    updateEquation: (runId, expression) => {
+      options.applyTransactionalState(
+        (current) => updateMathRun(current, runId, expression)
+      );
+      options.focusInput();
+      return true;
+    },
     insertTableOfContents: () => {
       options.applyTransactionalState(
         (current) => insertTableOfContents(current, buildTocPageResolver(current))
@@ -55993,6 +56205,7 @@ function buildEssentialsDocument(options) {
     },
     newDocument: () => options.newDocument(),
     openSymbolDialog: () => options.openSymbolDialog(),
+    openEquationDialog: () => options.openEquationDialog(),
     exportDocx: () => void options.docIO.handleExportDocx(),
     exportPdf: () => void options.docIO.handleExportPdf(),
     importDocument: () => {
@@ -57036,7 +57249,28 @@ function createEditorCommandRuntimeImpl(deps) {
         resetDocument: () => runtimeClient.resetDocument(),
         requestConfirmation: () => deps.setNewDocumentDialog({ isOpen: true })
       }),
-      openSymbolDialog: () => deps.setSymbolDialog({ isOpen: true })
+      openSymbolDialog: () => deps.setSymbolDialog({ isOpen: true }),
+      openEquationDialog: () => {
+        const focus = deps.state.selection.focus;
+        const paragraph = getDocumentParagraphs(deps.state.document).find(
+          (block) => block.id === focus.paragraphId
+        );
+        if ((paragraph == null ? void 0 : paragraph.type) === "paragraph") {
+          let offset = 0;
+          for (const run of paragraph.runs) {
+            if (run.kind === "math" && focus.offset >= offset && focus.offset <= offset + run.text.length) {
+              deps.setEquationDialog({
+                isOpen: true,
+                initial: run.math,
+                targetRunId: run.id
+              });
+              return;
+            }
+            offset += run.text.length;
+          }
+        }
+        deps.setEquationDialog({ isOpen: true });
+      }
     },
     externalPlugins: deps.runtimeOptions().plugins,
     t: deps.translator,
@@ -57214,7 +57448,9 @@ function OasisEditorApp(props = {}) {
     newDocumentDialog,
     setNewDocumentDialog,
     symbolDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    equationDialog,
+    setEquationDialog
   } = createEditorDialogs();
   const [welcomeOpen, setWelcomeOpen] = createSignal(false);
   const viewportRef = () => focusController.viewportRef;
@@ -57284,7 +57520,14 @@ function OasisEditorApp(props = {}) {
     preferredColumnX,
     setPreferredColumnX,
     documentLayout,
-    canvasSnapshotProvider
+    canvasSnapshotProvider,
+    openEquationDialog: (initial, targetRunId) => {
+      setEquationDialog({
+        isOpen: true,
+        initial,
+        targetRunId
+      });
+    }
   });
   const {
     layoutOptionsOverlay,
@@ -57336,7 +57579,8 @@ function OasisEditorApp(props = {}) {
     setImageAltDialog,
     setImageCaptionDialog,
     setNewDocumentDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    setEquationDialog
   });
   const {
     commandsController,
@@ -57506,7 +57750,9 @@ function OasisEditorApp(props = {}) {
           newDocumentDialog,
           setNewDocumentDialog,
           symbolDialog,
-          setSymbolDialog
+          setSymbolDialog,
+          equationDialog,
+          setEquationDialog
         },
         findReplace: fr,
         fontFamilyOptions: computeFontFamilyOptions2,
@@ -57534,6 +57780,17 @@ function OasisEditorApp(props = {}) {
           });
           focusInput();
         },
+        applyEquation: (expression, targetRunId) => {
+          if (targetRunId) {
+            runtimeEditor().commands.execute("updateEquation", {
+              runId: targetRunId,
+              expression
+            });
+          } else {
+            runtimeEditor().commands.execute("insertEquation", expression);
+          }
+          focusInput();
+        },
         closeContextMenu
       }), null);
       insert(_el$, createComponent(EditorWorkspace, {