oasis-editor 0.0.148 → 0.0.150

package/dist/{OasisEditorApp-B1b1iJOQ.js → OasisEditorApp-CZNfjaj2.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-DgN6KXYw.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,
@@ -27312,6 +27315,7 @@ const MERGE_KEYS = {
   imageAlt: "imageAlt",
   imageCaption: "imageCaption",
   imageResize: "imageResize",
+  imageCrop: "imageCrop",
   layoutWrapPolygon: "layoutWrapPolygon",
   specialIndent: "specialIndent",
   paraBorders: "paraBorders",
@@ -28113,6 +28117,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 +31803,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 +31841,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 +32481,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 +32501,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 +32591,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 +32925,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 +33083,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 +33363,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 +33447,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 +33480,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 +33834,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 +33941,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 +34411,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 +34541,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 +34764,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 +35076,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 +35165,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 +35190,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 +35208,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 +35595,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 +35604,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 +35722,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 +35756,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 +35838,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 +35876,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 +35948,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 +36335,9 @@ function EditorDialogsLayer(props) {
     newDocumentDialog,
     setNewDocumentDialog,
     symbolDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    equationDialog,
+    setEquationDialog
   } = props.dialogs;
   return [createComponent(NewDocumentConfirmationDialog, {
     get isOpen() {
@@ -36254,6 +36371,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;
@@ -36456,6 +36592,7 @@ function buildEditorViewProps(ctx) {
     onTextBoxResizeHandleMouseDown: surface.handleTextBoxResizeHandleMouseDown,
     onImageRotateHandleMouseDown: surface.handleImageRotateHandleMouseDown,
     onImageCropHandleMouseDown: surface.handleImageCropHandleMouseDown,
+    onImageCropBodyMouseDown: surface.handleImageCropBodyMouseDown,
     onTextBoxRotateHandleMouseDown: surface.handleTextBoxRotateHandleMouseDown,
     onTableDragHandleMouseDown: surface.tableDrag.handleMouseDown,
     onTableCornerResizeHandleMouseDown: surface.tableCornerResize.handleMouseDown,
@@ -40835,40 +40972,133 @@ async function registerPdfImageRun(writer, document2, image) {
   perWriter.set(resolvedSrc, preparedPromise);
   return preparedPromise;
 }
+function transformPath(segments, x, y, width, height, rotation) {
+  if (!rotation) return segments;
+  const cx = x + width / 2;
+  const cy = y + height / 2;
+  const radians = rotation * Math.PI / 180;
+  const rotate = (px, py) => ({
+    x: cx + (px - cx) * Math.cos(radians) - (py - cy) * Math.sin(radians),
+    y: cy + (px - cx) * Math.sin(radians) + (py - cy) * Math.cos(radians)
+  });
+  return segments.map((segment) => {
+    if (segment.type === "close") return segment;
+    if (segment.type === "cubic") {
+      const p1 = rotate(segment.x1, segment.y1);
+      const p2 = rotate(segment.x2, segment.y2);
+      const p3 = rotate(segment.x, segment.y);
+      return {
+        type: "cubic",
+        x1: p1.x,
+        y1: p1.y,
+        x2: p2.x,
+        y2: p2.y,
+        x: p3.x,
+        y: p3.y
+      };
+    }
+    const p = rotate(segment.x, segment.y);
+    return { type: segment.type, x: p.x, y: p.y };
+  });
+}
 async function drawImageObject(writer, pageIndex, document2, image, x, y, width, height) {
+  var _a;
   const resourceName = await registerPdfImageRun(writer, document2, image);
   if (!resourceName) {
     return;
   }
-  writer.drawImage(pageIndex, {
-    resourceName,
+  const sourceWidth = image.intrinsicWidth ?? image.width;
+  const sourceHeight = image.intrinsicHeight ?? image.height;
+  const sourceRatio = sourceWidth / Math.max(1, sourceHeight);
+  const frameRatio = width / Math.max(1, height);
+  let drawX = x;
+  let drawY = y;
+  let drawWidth = width;
+  let drawHeight = height;
+  if (image.cropFit === "fit" && sourceRatio > 0) {
+    if (sourceRatio > frameRatio) {
+      drawHeight = width / sourceRatio;
+      drawY += (height - drawHeight) / 2;
+    } else {
+      drawWidth = height * sourceRatio;
+      drawX += (width - drawWidth) / 2;
+    }
+  }
+  const effectiveCrop = image.cropFit === "fill" && !image.crop ? (() => {
+    if (sourceRatio > frameRatio) {
+      const visible = frameRatio / sourceRatio;
+      const trim = Math.max(0, (1 - visible) / 2);
+      return { left: trim, right: trim };
+    }
+    if (sourceRatio < frameRatio) {
+      const visible = sourceRatio / frameRatio;
+      const trim = Math.max(0, (1 - visible) / 2);
+      return { top: trim, bottom: trim };
+    }
+    return void 0;
+  })() : image.crop;
+  const shape = (_a = image.cropShape) == null ? void 0 : _a.preset;
+  const shapePath = shape ? transformPath(
+    getPresetPathSegments(shape, x, y, width, height),
     x,
     y,
     width,
     height,
-    rotation: image.rotation,
-    crop: image.crop
+    image.rotation ?? 0
+  ) : null;
+  const rotateFitAroundFrame = image.cropFit === "fit" && Boolean(image.rotation);
+  if (shapePath) {
+    writer.saveGraphicsState(pageIndex);
+    writer.clipPath(pageIndex, shapePath);
+  }
+  if (rotateFitAroundFrame) {
+    writer.saveGraphicsState(pageIndex);
+    writer.rotateAbout(
+      pageIndex,
+      x + width / 2,
+      y + height / 2,
+      image.rotation ?? 0
+    );
+  }
+  writer.drawImage(pageIndex, {
+    resourceName,
+    x: drawX,
+    y: drawY,
+    width: drawWidth,
+    height: drawHeight,
+    rotation: rotateFitAroundFrame ? void 0 : image.rotation,
+    crop: effectiveCrop
   });
+  if (rotateFitAroundFrame) writer.restoreGraphicsState(pageIndex);
+  if (shapePath) writer.restoreGraphicsState(pageIndex);
   const border = image.border;
   if (!border) {
     return;
   }
   const rotation = image.rotation;
-  if (rotation) {
+  if (rotation && !shapePath) {
     writer.saveGraphicsState(pageIndex);
     writer.rotateAbout(pageIndex, x + width / 2, y + height / 2, rotation);
   }
   const dashArray = lineDashPatternPt(border.dash);
-  writer.drawRect(pageIndex, {
-    x,
-    y,
-    width,
-    height,
-    stroke: border.color,
-    lineWidth: border.widthPt ?? 1,
-    ...dashArray.length > 0 ? { dashArray } : {}
-  });
-  if (rotation) {
+  if (shapePath) {
+    writer.drawPath(pageIndex, {
+      segments: shapePath,
+      stroke: border.color,
+      lineWidth: border.widthPt ?? 1
+    });
+  } else {
+    writer.drawRect(pageIndex, {
+      x,
+      y,
+      width,
+      height,
+      stroke: border.color,
+      lineWidth: border.widthPt ?? 1,
+      ...dashArray.length > 0 ? { dashArray } : {}
+    });
+  }
+  if (rotation && !shapePath) {
     writer.restoreGraphicsState(pageIndex);
   }
 }
@@ -41350,7 +41580,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 +41613,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 +41724,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,
@@ -42553,6 +42806,37 @@ class PdfContentStream {
       "n"
     );
   }
+  /** Intersects the current clip with an arbitrary top-left-origin path. */
+  clipPath(segments) {
+    const page = this.page;
+    if (segments.length === 0) return;
+    const flip = (yy) => page.height - yy;
+    const commands = [];
+    for (const segment of segments) {
+      switch (segment.type) {
+        case "move":
+          commands.push(
+            `${formatNumber(segment.x)} ${formatNumber(flip(segment.y))} m`
+          );
+          break;
+        case "line":
+          commands.push(
+            `${formatNumber(segment.x)} ${formatNumber(flip(segment.y))} l`
+          );
+          break;
+        case "cubic":
+          commands.push(
+            `${formatNumber(segment.x1)} ${formatNumber(flip(segment.y1))} ${formatNumber(segment.x2)} ${formatNumber(flip(segment.y2))} ${formatNumber(segment.x)} ${formatNumber(flip(segment.y))} c`
+          );
+          break;
+        case "close":
+          commands.push("h");
+          break;
+      }
+    }
+    commands.push("W", "n");
+    page.commands.push(commands.join("\n"));
+  }
   drawText(options) {
     if (options.text.length === 0) {
       return;
@@ -44485,6 +44769,10 @@ class OasisPdfWriter {
     var _a;
     (_a = this.streams[pageIndex]) == null ? void 0 : _a.clipRect(x, y, width, height);
   }
+  clipPath(pageIndex, segments) {
+    var _a;
+    (_a = this.streams[pageIndex]) == null ? void 0 : _a.clipPath(segments);
+  }
   drawText(pageIndex, options) {
     var _a;
     (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawText(options);
@@ -45283,6 +45571,72 @@ function applySelectedImageCropAspect(state, mode) {
   }
   return setSelectedImageCrop(state, computeImageAspectCrop(image, mode));
 }
+function getSelectedImageCropShape(state) {
+  const selectedImage = getSelectedImageRun(state);
+  const image = selectedImage && getRunImage(selectedImage.run);
+  return (image == null ? void 0 : image.cropShape) ?? null;
+}
+function setSelectedImageCropShape(state, preset) {
+  const normalized = preset == null ? void 0 : preset.trim();
+  return patchSelectedImage(state, (image) => {
+    const next = { ...image };
+    if (!normalized || normalized === "rect") {
+      delete next.cropShape;
+    } else {
+      next.cropShape = { preset: normalized };
+      if (!next.cropFit) next.cropFit = "fill";
+    }
+    return next;
+  });
+}
+function computeImageFillCrop(image) {
+  const sourceWidth = image.intrinsicWidth ?? image.width;
+  const sourceHeight = image.intrinsicHeight ?? image.height;
+  const sourceRatio = sourceWidth > 0 && sourceHeight > 0 ? sourceWidth / sourceHeight : image.width / Math.max(1, image.height);
+  const frameRatio = image.width / Math.max(1, image.height);
+  if (!Number.isFinite(sourceRatio) || !Number.isFinite(frameRatio)) {
+    return {};
+  }
+  if (sourceRatio > frameRatio) {
+    const visibleWidth = frameRatio / sourceRatio;
+    const trim = Math.max(0, (1 - visibleWidth) / 2);
+    return { left: trim, right: trim };
+  }
+  if (sourceRatio < frameRatio) {
+    const visibleHeight = sourceRatio / frameRatio;
+    const trim = Math.max(0, (1 - visibleHeight) / 2);
+    return { top: trim, bottom: trim };
+  }
+  return {};
+}
+function applySelectedImageCropFill(state) {
+  const selectedImage = getSelectedImageRun(state);
+  const image = selectedImage && getRunImage(selectedImage.run);
+  if (!image) return state;
+  const cropped = setSelectedImageCrop(state, {
+    crop: computeImageFillCrop(image)
+  });
+  return patchSelectedImage(cropped, (next) => ({
+    ...next,
+    cropFit: "fill"
+  }));
+}
+function applySelectedImageCropFit(state) {
+  return patchSelectedImage(state, (image) => {
+    const next = { ...image, cropFit: "fit" };
+    delete next.crop;
+    return next;
+  });
+}
+function resetSelectedImageCrop(state) {
+  return patchSelectedImage(state, (image) => {
+    const next = { ...image };
+    delete next.crop;
+    delete next.cropFit;
+    delete next.cropShape;
+    return next;
+  });
+}
 function getSelectedImageBorder(state) {
   const selectedImage = getSelectedImageRun(state);
   const image = selectedImage && getRunImage(selectedImage.run);
@@ -45597,7 +45951,13 @@ function createImageInsertionService(deps) {
     deps.applyTransactionalState(
       (current) => {
         const targetState = position ? setSelection(current, { anchor: position, focus: position }) : current;
-        return insertImageAtSelection(targetState, { src, width, height });
+        return insertImageAtSelection(targetState, {
+          src,
+          width,
+          height,
+          intrinsicWidth: naturalWidth,
+          intrinsicHeight: naturalHeight
+        });
       },
       { mergeKey: MERGE_KEYS.insertImage }
     );
@@ -49018,6 +49378,15 @@ function createRotateSession(adapter, deps) {
 function visibleFraction(near, far) {
   return Math.max(1e-4, 1 - near - far);
 }
+function clampCropPair(near, far, nextNear, nextFar) {
+  const visible = Math.max(0.01, 1 - near - far);
+  const clampedNear = Math.max(0, Math.min(nextNear, 0.99 - far));
+  const clampedFar = Math.max(0, Math.min(nextFar, 0.99 - clampedNear));
+  if (clampedNear + clampedFar >= 0.99) {
+    return { near: Math.max(0, 0.99 - visible - far), far };
+  }
+  return { near: clampedNear, far: clampedFar };
+}
 function resolveCroppedImage(geometry, deltaX, deltaY) {
   const { startWidth: W, startHeight: H } = geometry;
   const l0 = geometry.startCrop.left ?? 0;
@@ -49032,26 +49401,36 @@ function resolveCroppedImage(geometry, deltaX, deltaY) {
   let right = r0;
   let width = W;
   if (xs !== 0) {
-    const maxGrow = (xs > 0 ? r0 : l0) / kx;
-    width = clamp$1(W + deltaX * xs, MIN_RESIZE_SIZE_PX, W + maxGrow);
-    const widthDelta = width - W;
-    if (xs > 0) {
-      right = Math.max(0, r0 - widthDelta * kx);
+    if (xs < 0) {
+      const maxWidth = W + l0 / kx;
+      width = clamp$1(W - deltaX, MIN_RESIZE_SIZE_PX, maxWidth);
+      const pair = clampCropPair(l0, r0, l0 - (width - W) * kx, r0);
+      left = pair.near;
+      right = pair.far;
     } else {
-      left = Math.max(0, l0 - widthDelta * kx);
+      const maxWidth = W + r0 / kx;
+      width = clamp$1(W + deltaX, MIN_RESIZE_SIZE_PX, maxWidth);
+      const pair = clampCropPair(l0, r0, l0, r0 - (width - W) * kx);
+      left = pair.near;
+      right = pair.far;
     }
   }
   let top = t0;
   let bottom = b0;
   let height = H;
   if (ys !== 0) {
-    const maxGrow = (ys > 0 ? b0 : t0) / ky;
-    height = clamp$1(H + deltaY * ys, MIN_RESIZE_SIZE_PX, H + maxGrow);
-    const heightDelta = height - H;
-    if (ys > 0) {
-      bottom = Math.max(0, b0 - heightDelta * ky);
+    if (ys < 0) {
+      const maxHeight = H + t0 / ky;
+      height = clamp$1(H - deltaY, MIN_RESIZE_SIZE_PX, maxHeight);
+      const pair = clampCropPair(t0, b0, t0 - (height - H) * ky, b0);
+      top = pair.near;
+      bottom = pair.far;
     } else {
-      top = Math.max(0, t0 - heightDelta * ky);
+      const maxHeight = H + b0 / ky;
+      height = clamp$1(H + deltaY, MIN_RESIZE_SIZE_PX, maxHeight);
+      const pair = clampCropPair(t0, b0, t0, b0 - (height - H) * ky);
+      top = pair.near;
+      bottom = pair.far;
     }
   }
   return {
@@ -49060,6 +49439,29 @@ function resolveCroppedImage(geometry, deltaX, deltaY) {
     height: Math.round(height)
   };
 }
+function resolveMovedImageCrop(geometry, deltaX, deltaY) {
+  const { startWidth: W, startHeight: H } = geometry;
+  const l0 = geometry.startCrop.left ?? 0;
+  const t0 = geometry.startCrop.top ?? 0;
+  const r0 = geometry.startCrop.right ?? 0;
+  const b0 = geometry.startCrop.bottom ?? 0;
+  const kx = visibleFraction(l0, r0) / W;
+  const ky = visibleFraction(t0, b0) / H;
+  const visibleW = 1 - l0 - r0;
+  const visibleH = 1 - t0 - b0;
+  const nextLeft = Math.max(0, Math.min(1 - visibleW, l0 - deltaX * kx));
+  const nextTop = Math.max(0, Math.min(1 - visibleH, t0 - deltaY * ky));
+  return {
+    crop: {
+      left: nextLeft,
+      right: Math.max(0, 1 - visibleW - nextLeft),
+      top: nextTop,
+      bottom: Math.max(0, 1 - visibleH - nextTop)
+    },
+    width: Math.round(W),
+    height: Math.round(H)
+  };
+}
 function createCropSession(deps) {
   let active = null;
   const selectionForObject = (state, paragraphId, paragraphOffset) => {
@@ -49090,7 +49492,7 @@ function createCropSession(deps) {
     const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
     const deltaX = (event.clientX - crop.startClientX) / z;
     const deltaY = (event.clientY - crop.startClientY) / z;
-    const result = resolveCroppedImage(crop, deltaX, deltaY);
+    const result = crop.mode === "move" ? resolveMovedImageCrop(crop, deltaX, deltaY) : resolveCroppedImage(crop, deltaX, deltaY);
     const selection = selectionForObject(
       deps.state,
       crop.paragraphId,
@@ -49128,7 +49530,7 @@ function createCropSession(deps) {
     window.removeEventListener("mousemove", handleMouseMove);
     window.removeEventListener("mouseup", handleMouseUp);
   };
-  const start = (paragraphId, paragraphOffset, handleDirection, event, initialState) => {
+  const begin = (paragraphId, paragraphOffset, handleDirection, event, initialState, mode) => {
     const selection = selectionForObject(
       initialState,
       paragraphId,
@@ -49154,12 +49556,22 @@ function createCropSession(deps) {
       startWidth: image.width,
       startHeight: image.height,
       startCrop,
-      initialState: deps.cloneState(initialState)
+      initialState: deps.cloneState(initialState),
+      mode
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
   };
-  return { start, stop };
+  const start = (paragraphId, paragraphOffset, handleDirection, event, initialState) => begin(
+    paragraphId,
+    paragraphOffset,
+    handleDirection,
+    event,
+    initialState,
+    "handle"
+  );
+  const startMove = (paragraphId, paragraphOffset, event, initialState) => begin(paragraphId, paragraphOffset, "se", event, initialState, "move");
+  return { start, startMove, stop };
 }
 function createEditorImageOperations(deps) {
   return createEditorImageOperationsImpl(deps);
@@ -49429,6 +49841,11 @@ function createEditorImageOperationsImpl(deps) {
       deps.state
     );
   };
+  const handleImageCropBodyMouseDown = (paragraphId, paragraphOffset, event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    imageCropSession.startMove(paragraphId, paragraphOffset, event, deps.state);
+  };
   return {
     dragging,
     cropMode,
@@ -49446,7 +49863,8 @@ function createEditorImageOperationsImpl(deps) {
     handleImageMouseDown,
     handleImageResizeHandleMouseDown,
     handleImageRotateHandleMouseDown,
-    handleImageCropHandleMouseDown
+    handleImageCropHandleMouseDown,
+    handleImageCropBodyMouseDown
   };
 }
 function createEditorTextBoxOperations(deps) {
@@ -51924,6 +52342,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 +53227,8 @@ function useEditorInteractionWiring(ctx) {
     textDrag: {
       tryStartTextDrag: textDrag.tryStartTextDrag
     },
-    logger: ctx.logger
+    logger: ctx.logger,
+    openEquationDialog: ctx.openEquationDialog
   });
   const textInput = createEditorTextInput({
     state,
@@ -52965,7 +53405,8 @@ function createEditorInteractionRuntimeImpl(deps) {
     styleController,
     getForcePlainTextPaste,
     setForcePlainTextPaste,
-    insertImageFromFile
+    insertImageFromFile,
+    openEquationDialog: deps.openEquationDialog
   });
   const onEditorMouseDown = (event) => {
     if (event.button !== 0) {
@@ -54009,7 +54450,36 @@ function createEditorCommandsControllerImpl(deps) {
       return;
     }
     execTransactional(
-      (current) => applySelectedImageCropAspect(current, mode)
+      (current) => mode === "reset" ? resetSelectedImageCrop(current) : applySelectedImageCropAspect(current, mode),
+      { mergeKey: MERGE_KEYS.imageCrop }
+    );
+  };
+  const applyImageCropShapeCommand = (preset) => {
+    if (!selectedImageRun()) return;
+    execTransactional(
+      (current) => setSelectedImageCropShape(current, preset),
+      { mergeKey: MERGE_KEYS.imageCrop }
+    );
+  };
+  const applyImageCropFillCommand = () => {
+    if (!selectedImageRun()) return;
+    execTransactional(
+      (current) => applySelectedImageCropFill(current),
+      { mergeKey: MERGE_KEYS.imageCrop }
+    );
+  };
+  const applyImageCropFitCommand = () => {
+    if (!selectedImageRun()) return;
+    execTransactional(
+      (current) => applySelectedImageCropFit(current),
+      { mergeKey: MERGE_KEYS.imageCrop }
+    );
+  };
+  const resetImageCropCommand = () => {
+    if (!selectedImageRun()) return;
+    execTransactional(
+      (current) => resetSelectedImageCrop(current),
+      { mergeKey: MERGE_KEYS.imageCrop }
     );
   };
   const applyImageBorderCommand = (patch) => {
@@ -54051,6 +54521,10 @@ function createEditorCommandsControllerImpl(deps) {
     applyImageWidthCmCommand,
     applyImageHeightCmCommand,
     applyImageCropAspectCommand,
+    applyImageCropShapeCommand,
+    applyImageCropFillCommand,
+    applyImageCropFitCommand,
+    resetImageCropCommand,
     applyImageBorderCommand,
     handleListTab,
     handleListEnter,
@@ -54846,6 +55320,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 +55556,10 @@ function buildDocumentAndBrowserCommands({
       "openSymbolDialog",
       () => document2.openSymbolDialog()
     ),
+    openEquationDialog: actionCommand(
+      "openEquationDialog",
+      () => document2.openEquationDialog()
+    ),
     unlink: actionCommand(
       "unlink",
       () => link.remove(),
@@ -55144,6 +55631,29 @@ function buildDocumentAndBrowserCommands({
         isEnabled: image.isSelected()
       })
     ),
+    imageCropShape: actionCommand(
+      "imageCropShape",
+      (p) => image.applyCropShape(String(p)),
+      () => ({
+        isEnabled: image.isSelected(),
+        value: image.getCropShape()
+      })
+    ),
+    imageCropFill: actionCommand(
+      "imageCropFill",
+      () => image.applyCropFill(),
+      () => ({ isEnabled: image.isSelected() })
+    ),
+    imageCropFit: actionCommand(
+      "imageCropFit",
+      () => image.applyCropFit(),
+      () => ({ isEnabled: image.isSelected() })
+    ),
+    imageCropReset: actionCommand(
+      "imageCropReset",
+      () => image.resetCrop(),
+      () => ({ isEnabled: image.isSelected() })
+    ),
     imageBorder: actionCommand(
       "imageBorder",
       (p) => image.setBorder(p),
@@ -55548,6 +56058,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 +56320,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 +56521,7 @@ function buildEssentialsDocument(options) {
     },
     newDocument: () => options.newDocument(),
     openSymbolDialog: () => options.openSymbolDialog(),
+    openEquationDialog: () => options.openEquationDialog(),
     exportDocx: () => void options.docIO.handleExportDocx(),
     exportPdf: () => void options.docIO.handleExportPdf(),
     importDocument: () => {
@@ -56026,6 +56555,14 @@ function buildEssentialsImage(options) {
     isCropActive: () => options.imageCropMode.isActive(),
     toggleCrop: () => options.imageCropMode.toggle(),
     applyCropAspect: (preset) => options.commandsController.applyImageCropAspectCommand(preset),
+    getCropShape: () => {
+      var _a;
+      return ((_a = getSelectedImageCropShape(options.state())) == null ? void 0 : _a.preset) ?? null;
+    },
+    applyCropShape: (preset) => options.commandsController.applyImageCropShapeCommand(preset),
+    applyCropFill: () => options.commandsController.applyImageCropFillCommand(),
+    applyCropFit: () => options.commandsController.applyImageCropFitCommand(),
+    resetCrop: () => options.commandsController.resetImageCropCommand(),
     getBorder: () => getSelectedImageBorder(options.state()),
     setBorder: (patch) => options.commandsController.applyImageBorderCommand(patch)
   };
@@ -57036,7 +57573,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 +57772,9 @@ function OasisEditorApp(props = {}) {
     newDocumentDialog,
     setNewDocumentDialog,
     symbolDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    equationDialog,
+    setEquationDialog
   } = createEditorDialogs();
   const [welcomeOpen, setWelcomeOpen] = createSignal(false);
   const viewportRef = () => focusController.viewportRef;
@@ -57284,7 +57844,14 @@ function OasisEditorApp(props = {}) {
     preferredColumnX,
     setPreferredColumnX,
     documentLayout,
-    canvasSnapshotProvider
+    canvasSnapshotProvider,
+    openEquationDialog: (initial, targetRunId) => {
+      setEquationDialog({
+        isOpen: true,
+        initial,
+        targetRunId
+      });
+    }
   });
   const {
     layoutOptionsOverlay,
@@ -57336,7 +57903,8 @@ function OasisEditorApp(props = {}) {
     setImageAltDialog,
     setImageCaptionDialog,
     setNewDocumentDialog,
-    setSymbolDialog
+    setSymbolDialog,
+    setEquationDialog
   });
   const {
     commandsController,
@@ -57430,6 +57998,7 @@ function OasisEditorApp(props = {}) {
       handleTextBoxResizeHandleMouseDown: textBoxOps.handleTextBoxResizeHandleMouseDown,
       handleImageRotateHandleMouseDown: imageOps.handleImageRotateHandleMouseDown,
       handleImageCropHandleMouseDown: imageOps.handleImageCropHandleMouseDown,
+      handleImageCropBodyMouseDown: imageOps.handleImageCropBodyMouseDown,
       handleTextBoxRotateHandleMouseDown: textBoxOps.handleTextBoxRotateHandleMouseDown,
       handleEditorContextMenu
     },
@@ -57506,7 +58075,9 @@ function OasisEditorApp(props = {}) {
           newDocumentDialog,
           setNewDocumentDialog,
           symbolDialog,
-          setSymbolDialog
+          setSymbolDialog,
+          equationDialog,
+          setEquationDialog
         },
         findReplace: fr,
         fontFamilyOptions: computeFontFamilyOptions2,
@@ -57534,6 +58105,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, {