oasis-editor 0.0.10 → 0.0.12

package/dist/{OasisEditorApp-B31W8Nmj.js → OasisEditorApp-DsSNl4Fj.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as createEditorStyledRun, b as getParagraphLength, d as getParagraphText, e as getActiveZone, f as getDocumentSections, h as getActiveSectionIndex, p as positionToParagraphOffset, i as paragraphOffsetToPosition, j as clampPosition, k as findParagraphIndex, l as createCollapsedSelection, m as isSelectionCollapsed, o as createEditorParagraph, q as getBlockParagraphs, r as findParagraphTableLocation, s as buildTableCellLayout, t as createEditorTableCell, u as createEditorTable, v as createEditorTableRow, w as underlineStyleToCssDecorationStyle, x as resolveImageSrc, y as createEditorFootnote, z as createFootnoteReferenceRun, A as renumberFootnotes, B as iterateFootnoteReferenceRuns, C as getFootnoteDisplayMarker, D as createSignal, E as createEffect, F as onCleanup, G as buildCanvasLayoutSnapshot, H as on, I as onMount, J as debounce, K as unwrap, L as getDocumentParagraphs, M as getDocumentSectionsCanonical, N as createEditorDocument, O as getPageContentWidth, P as getDocumentPageSettings, Q as getTableCellContentWidthForParagraph, R as resolveResizedDimensions, S as resolveTextBoxRenderHeight, T as resolveEffectiveParagraphStyle, U as resolveEffectiveTextStyleForParagraph, V as iterateEndnoteReferenceRuns, W as JSZip, X as imageContentTypeDefaults, Y as imageExtensionFromMime, Z as pxToPt$1, _ as textStyleToFontSizePt, $ as PX_PER_POINT, a0 as DEFAULT_FONT_SIZE_PX, a1 as isDoubleUnderlineStyle, a2 as isWavyUnderlineStyle, a3 as underlineStyleLineWidthPx, a4 as underlineStyleDashArray, a5 as getListLabelInset, a6 as getParagraphBorderInsets, a7 as buildSegmentTable, a8 as buildCanvasTableLayout, a9 as normalizeFamily, aa as ROBOTO_FONT_FILES, ab as loadFontAsset, ac as OFFICE_COMPAT_FONT_FAMILIES, ad as buildSfnt, ae as defaultFontDecoderRegistry, af as SfntFontProgram, ag as collectPdfFontFamilies, ah as projectDocumentLayout, ai as getPageHeaderZoneTop, aj as getPageBodyTop, ak as findFootnoteReference, al as FOOTNOTE_MARKER_GUTTER_PX, am as resolveImporterForFile, an as createEditorStateFromDocument, ao as getDocumentParagraphsCanonical, ap as getToolbarStyleState, aq as STANDARD_FONT_SIZES_PT, ar as fontSizePxToPt, as as probeLocalFontFamilies, at as createInitialEditorState, au as parseFontSizePtToPx, av as formatFontSizePt, aw as listKindForTag, ax as isParagraphTag, ay as collectInlineRuns, az as parseParagraphStyle, aA as t, aB as preciseFontModeVersion, aC as isPreciseFontModeEnabled, aD as togglePreciseFontMode, aE as nextFontSizePt, aF as previousFontSizePt, aG as fontSizePtToPx, aH as createDefaultToolbarPreset, aI as defaultMenuItems, aJ as MenuRegistry, aK as createToolbarRegistry, aL as Editor, aM as resolveCommandRef, aN as commandRefName, aO as InlineShell, aP as BalloonShell, aQ as DocumentShell, aR as createMemo, aS as getCaretRectFromSnapshot, aT as getParagraphRectFromSnapshot, aU as createComponent, aV as CaretOverlay, aW as Show, aX as createRenderEffect, aY as style, aZ as setAttribute, a_ as setStyleProperty, a$ as memo, b0 as template, b1 as insert, b2 as use, b3 as addEventListener, b4 as Dialog, b5 as delegateEvents, b6 as className, b7 as For, b8 as UNDERLINE_STYLE_OPTIONS, b9 as Tabs, ba as measureParagraphMinContentWidthPx, bb as getEditableBlocksForZone, bc as findParagraphLocation, bd as createSectionBoundaryParagraph, be as normalizePageSettings, bf as DEFAULT_EDITOR_PAGE_SETTINGS, bg as markStart, bh as markEnd, bi as getParagraphEntries, bj as getParagraphById, bk as PluginUiHost, bl as OasisEditorEditor, bm as perfTimer, bn as OasisBrandMark, bo as setPreciseFontPreference, bp as setWelcomeSeen, bq as enablePreciseFontMode, br as createOasisEditorClient, bs as setLocale, bt as startLongTaskObserver, bu as installGlobalReport, bv as applyStoredPreciseFontPreference, bw as getWelcomeSeen, bx as isLocalFontAccessSupported, by as EDITOR_SCROLL_PADDING_PX, bz as Toolbar, bA as OasisEditorLoading, bB as createEditorLogger, bC as getCachedCanvasImage, bD as registerDomStatsSurface } from "./index--RsWcVrx.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as findFootnoteReference, aq as FOOTNOTE_MARKER_GUTTER_PX, ar as resolveImporterForFile, as as createEditorStateFromDocument, at as getDocumentParagraphsCanonical, au as getToolbarStyleState, av as STANDARD_FONT_SIZES_PT, aw as fontSizePxToPt, ax as probeLocalFontFamilies, ay as createInitialEditorState, az as parseFontSizePtToPx, aA as formatFontSizePt, aB as listKindForTag, aC as isParagraphTag, aD as collectInlineRuns, aE as parseParagraphStyle, aF as t, aG as preciseFontModeVersion, aH as isPreciseFontModeEnabled, aI as togglePreciseFontMode, aJ as nextFontSizePt, aK as previousFontSizePt, aL as fontSizePtToPx, aM as createDefaultToolbarPreset, aN as defaultMenuItems, aO as MenuRegistry, aP as createToolbarRegistry, aQ as Editor, aR as resolveCommandRef, aS as commandRefName, aT as InlineShell, aU as BalloonShell, aV as DocumentShell, aW as createMemo, aX as getCaretRectFromSnapshot, aY as getParagraphRectFromSnapshot, aZ as createComponent, a_ as CaretOverlay, a$ as Show, b0 as createRenderEffect, b1 as style, b2 as setAttribute, b3 as setStyleProperty, b4 as memo, b5 as template, b6 as insert, b7 as use, b8 as addEventListener, b9 as Dialog, ba as delegateEvents, bb as className, bc as For, bd as UNDERLINE_STYLE_OPTIONS, be as Tabs, bf as measureParagraphMinContentWidthPx, bg as getEditableBlocksForZone, bh as findParagraphLocation, bi as createSectionBoundaryParagraph, bj as normalizePageSettings, bk as DEFAULT_EDITOR_PAGE_SETTINGS, bl as markStart, bm as markEnd, bn as getParagraphEntries, bo as getParagraphById, bp as PluginUiHost, bq as OasisEditorEditor, br as perfTimer, bs as OasisBrandMark, bt as setPreciseFontPreference, bu as setWelcomeSeen, bv as enablePreciseFontMode, bw as createOasisEditorClient, bx as setLocale, by as startLongTaskObserver, bz as installGlobalReport, bA as applyStoredPreciseFontPreference, bB as getWelcomeSeen, bC as isLocalFontAccessSupported, bD as EDITOR_SCROLL_PADDING_PX, bE as Toolbar, bF as OasisEditorLoading, bG as createEditorLogger, bH as getCachedCanvasImage, bI as registerDomStatsSurface } from "./index-BUOuw27s.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -135,6 +135,7 @@ function cloneRun(run) {
     image: run.image ? { ...run.image } : void 0,
     textBox: run.textBox ? cloneTextBox(run.textBox) : void 0,
     field: run.field ? { ...run.field } : void 0,
+    fieldChar: run.fieldChar ? { ...run.fieldChar } : void 0,
     revision: run.revision ? { ...run.revision } : void 0,
     footnoteReference: run.footnoteReference ? { ...run.footnoteReference } : void 0,
     endnoteReference: run.endnoteReference ? { ...run.endnoteReference } : void 0
@@ -186,6 +187,164 @@ function cloneBlocks(blocks) {
     };
   });
 }
+const IMAGE_CAPTION_STYLE_ID = "Caption";
+const IMAGE_CAPTION_FIELD_IDENTIFIER = "Figure";
+const IMAGE_CAPTION_FIELD_INSTRUCTION = " SEQ Figure \\* ARABIC ";
+function createFieldCharRun(kind) {
+  const run = createEditorRun("");
+  run.fieldChar = { kind };
+  return run;
+}
+function createFieldInstructionRun(instruction) {
+  const run = createEditorRun("");
+  run.fieldInstruction = instruction;
+  return run;
+}
+function createImageCaptionParagraph(captionText, label, sequenceNumber) {
+  const paragraph = createEditorParagraphFromRuns([
+    { text: `${label} ` },
+    { text: String(sequenceNumber) },
+    { text: captionText ? `: ${captionText}` : "" }
+  ]);
+  paragraph.style = { styleId: IMAGE_CAPTION_STYLE_ID, align: "center" };
+  paragraph.runs = [
+    paragraph.runs[0],
+    createFieldCharRun("begin"),
+    createFieldInstructionRun(IMAGE_CAPTION_FIELD_INSTRUCTION),
+    createFieldCharRun("separate"),
+    paragraph.runs[1],
+    createFieldCharRun("end"),
+    paragraph.runs[2]
+  ];
+  return paragraph;
+}
+function isImageCaptionParagraph(paragraph) {
+  var _a, _b;
+  if (!paragraph) {
+    return false;
+  }
+  const styleId = (_b = (_a = paragraph.style) == null ? void 0 : _a.styleId) == null ? void 0 : _b.toLowerCase();
+  if (styleId !== "caption") {
+    return false;
+  }
+  return paragraph.runs.some(
+    (run) => run.fieldInstruction !== void 0 && new RegExp(`\\bSEQ\\s+${IMAGE_CAPTION_FIELD_IDENTIFIER}\\b`, "i").test(
+      run.fieldInstruction
+    )
+  );
+}
+function getImageCaptionText(paragraph) {
+  var _a;
+  if (!isImageCaptionParagraph(paragraph)) {
+    return "";
+  }
+  let afterField = false;
+  let value = "";
+  for (const run of paragraph.runs) {
+    if (afterField) {
+      value += run.text;
+      continue;
+    }
+    if (((_a = run.fieldChar) == null ? void 0 : _a.kind) === "end") {
+      afterField = true;
+    }
+  }
+  return value.replace(/^[:\-\s]+/, "");
+}
+function updateImageCaptionParagraph(paragraph, captionText, label) {
+  var _a;
+  const currentNumber = ((_a = paragraph.runs.find((run) => /^\d+$/.test(run.text))) == null ? void 0 : _a.text) ?? "1";
+  const next = createImageCaptionParagraph(
+    captionText,
+    label,
+    Number.parseInt(currentNumber, 10) || 1
+  );
+  next.id = paragraph.id;
+  return next;
+}
+function renumberCaptionParagraph(paragraph, sequenceNumber) {
+  if (!isImageCaptionParagraph(paragraph)) {
+    return cloneParagraph(paragraph);
+  }
+  let insideSeqResult = false;
+  let changed = false;
+  const nextRuns = paragraph.runs.map((run) => {
+    var _a, _b;
+    if (((_a = run.fieldChar) == null ? void 0 : _a.kind) === "separate") {
+      insideSeqResult = true;
+      return { ...run, fieldChar: { ...run.fieldChar } };
+    }
+    if (((_b = run.fieldChar) == null ? void 0 : _b.kind) === "end") {
+      insideSeqResult = false;
+      return { ...run, fieldChar: { ...run.fieldChar } };
+    }
+    if (insideSeqResult && run.text !== "") {
+      if (run.text === String(sequenceNumber)) {
+        return { ...run };
+      }
+      changed = true;
+      return { ...run, text: String(sequenceNumber) };
+    }
+    return { ...run };
+  });
+  if (!changed) {
+    return cloneParagraph(paragraph);
+  }
+  return {
+    ...cloneParagraph(paragraph),
+    runs: nextRuns
+  };
+}
+function renumberImageCaptionParagraphs(paragraphs) {
+  let nextSequence = 1;
+  return paragraphs.map((paragraph) => {
+    if (!isImageCaptionParagraph(paragraph)) {
+      return cloneParagraph(paragraph);
+    }
+    return renumberCaptionParagraph(paragraph, nextSequence++);
+  });
+}
+function renumberBlocks(blocks, sequence) {
+  return blocks.map((block) => {
+    if (block.type === "paragraph") {
+      if (!isImageCaptionParagraph(block)) {
+        return cloneParagraph(block);
+      }
+      return renumberCaptionParagraph(block, sequence.next++);
+    }
+    return {
+      ...block,
+      rows: block.rows.map((row) => ({
+        ...row,
+        cells: row.cells.map((cell) => ({
+          ...cell,
+          blocks: renumberBlocks(
+            cell.blocks,
+            sequence
+          )
+        }))
+      }))
+    };
+  });
+}
+function renumberImageCaptionsInDocument(document2) {
+  const sequence = { next: 1 };
+  const sections = getDocumentSections(document2).map(
+    (section) => ({
+      ...section,
+      blocks: renumberBlocks(section.blocks, sequence),
+      header: section.header ? cloneBlocks(section.header) : void 0,
+      footer: section.footer ? cloneBlocks(section.footer) : void 0
+    })
+  );
+  return {
+    ...document2,
+    sections
+  };
+}
+function getCaptionSelectionOffset(paragraph) {
+  return getParagraphLength(paragraph);
+}
 function isObjectRun(run) {
   return Boolean(run.image || run.textBox);
 }
@@ -983,6 +1142,48 @@ function setSelectedImageAlt(state, alt) {
     )
   );
 }
+function getSelectedImageCaption(state) {
+  const selectedImage = getSelectedImageRun(state);
+  if (!(selectedImage == null ? void 0 : selectedImage.run.image)) {
+    return null;
+  }
+  const paragraphs = getParagraphs(state);
+  return getImageCaptionText(paragraphs[selectedImage.paragraphIndex + 1]);
+}
+function setSelectedImageCaption(state, captionText, label) {
+  const selectedImage = getSelectedImageRun(state);
+  if (!(selectedImage == null ? void 0 : selectedImage.run.image)) {
+    return state;
+  }
+  const paragraphs = getParagraphs(state);
+  const captionIndex = selectedImage.paragraphIndex + 1;
+  const nextParagraph = captionIndex < paragraphs.length && isImageCaptionParagraph(paragraphs[captionIndex]) ? updateImageCaptionParagraph(
+    paragraphs[captionIndex],
+    captionText,
+    label
+  ) : createImageCaptionParagraph(captionText, label, 1);
+  const nextParagraphs = captionIndex < paragraphs.length && isImageCaptionParagraph(paragraphs[captionIndex]) ? [
+    ...cloneParagraphs(paragraphs.slice(0, captionIndex)),
+    nextParagraph,
+    ...cloneParagraphs(paragraphs.slice(captionIndex + 1))
+  ] : [
+    ...cloneParagraphs(paragraphs.slice(0, captionIndex)),
+    nextParagraph,
+    ...cloneParagraphs(paragraphs.slice(captionIndex))
+  ];
+  const renumberedParagraphs = renumberImageCaptionParagraphs(nextParagraphs);
+  const insertedCaption = renumberedParagraphs[captionIndex] ?? nextParagraph;
+  return cloneStateWithParagraphs(
+    state,
+    renumberedParagraphs,
+    withSelection(
+      paragraphOffsetToPosition(
+        insertedCaption,
+        getCaptionSelectionOffset(insertedCaption)
+      )
+    )
+  );
+}
 function moveSelectedImageToPosition(state, targetPosition) {
   const selectedImage = getSelectedImageRun(state);
   if (!selectedImage) {
@@ -1240,6 +1441,43 @@ function resizeSelectedTextBox(state, width, height, options = {}) {
     )
   );
 }
+const SHAPE_DEFAULT_WIDTH = 150;
+const SHAPE_DEFAULT_HEIGHT = 100;
+const SHAPE_DEFAULT_FILL = "#4472C4";
+const SHAPE_DEFAULT_BORDER_COLOR = "#2F528F";
+const SHAPE_DEFAULT_BORDER_WIDTH_PT = 1;
+function insertShapeAtSelection(state, preset) {
+  const collapsedState = isSelectionCollapsed(state.selection) ? state : deleteSelectionRange(state);
+  const { paragraph, index, offset } = getFocusParagraph(collapsedState);
+  const textBox = {
+    width: SHAPE_DEFAULT_WIDTH,
+    height: SHAPE_DEFAULT_HEIGHT,
+    blocks: [createEditorParagraph("")],
+    shape: {
+      preset,
+      fill: SHAPE_DEFAULT_FILL,
+      borderColor: SHAPE_DEFAULT_BORDER_COLOR,
+      borderWidthPt: SHAPE_DEFAULT_BORDER_WIDTH_PT
+    },
+    floating: wrapPresetToFloating(void 0, "front")
+  };
+  const insertedRun = createEditorStyledRun(
+    "",
+    getStyleAtOffset(paragraph, offset),
+    void 0,
+    textBox
+  );
+  const nextParagraph = insertRunsAtOffset(paragraph, offset, [insertedRun]);
+  const paragraphs = getParagraphs(collapsedState);
+  const nextParagraphs = paragraphs.map(
+    (candidate, candidateIndex) => candidateIndex === index ? nextParagraph : cloneParagraph(candidate)
+  );
+  return cloneStateWithParagraphs(
+    collapsedState,
+    nextParagraphs,
+    withSelection(paragraphOffsetToPosition(nextParagraph, offset + 1))
+  );
+}
 function cloneFragmentRuns(runs) {
   return runs.map(cloneRun);
 }
@@ -4217,6 +4455,26 @@ function createEditorCommandsController(deps) {
     const currentAlt = ((_a = run.run.image) == null ? void 0 : _a.alt) ?? "";
     deps.openImageAltDialog(currentAlt);
   };
+  const applyImageCaptionCommand = (caption) => {
+    const run = selectedImageRun();
+    if (!run) {
+      return;
+    }
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applyTransactionalState(
+      (current) => setSelectedImageCaption(current, caption, deps.imageCaptionLabel()),
+      { mergeKey: "imageCaption" }
+    );
+    focusInput();
+  };
+  const promptForImageCaption = () => {
+    const run = selectedImageRun();
+    if (!run) {
+      return;
+    }
+    deps.openImageCaptionDialog(getSelectedImageCaption(state) ?? "");
+  };
   return {
     applyBooleanStyleCommand,
     applyValueStyleCommand,
@@ -4243,6 +4501,8 @@ function createEditorCommandsController(deps) {
     removeLinkCommand,
     applyImageAltCommand,
     promptForImageAlt,
+    applyImageCaptionCommand,
+    promptForImageCaption,
     handleListTab,
     handleListEnter,
     handleListBoundaryBackspace
@@ -8021,10 +8281,13 @@ function serializeParagraphStyleXml(style2) {
   return parts.length > 0 ? `<w:pPr>${parts.join("")}</w:pPr>` : "";
 }
 function serializeParagraphProperties(paragraph, numberingInfo, styles, overrides) {
-  var _a;
+  var _a, _b;
   const parts = [];
   const style2 = materializeParagraphStyle(paragraph, styles);
   const align = ((_a = paragraph.style) == null ? void 0 : _a.align) ?? (overrides == null ? void 0 : overrides.align) ?? style2.align;
+  if ((_b = paragraph.style) == null ? void 0 : _b.styleId) {
+    parts.push(`<w:pStyle w:val="${escapeXml(paragraph.style.styleId)}"/>`);
+  }
   if (align) {
     parts.push(`<w:jc w:val="${align}"/>`);
   }
@@ -9273,14 +9536,24 @@ function buildPartContext(blocks, numberingContext, state, document2) {
   };
 }
 function buildNumberingXml(definitions) {
-  const abstractNums = definitions.map(({ kind, level, abstractNumId, format, startAt, bulletGlyph, bulletFont }) => {
-    const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
-    const levelText = kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`;
-    const startVal = startAt ?? 1;
-    const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
-    const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
-    return `<w:abstractNum w:abstractNumId="${abstractNumId}"><w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(levelText)}"/><w:lvlJc w:val="left"/>${runFonts}</w:lvl></w:abstractNum>`;
-  }).join("");
+  const abstractNums = definitions.map(
+    ({
+      kind,
+      level,
+      abstractNumId,
+      format,
+      startAt,
+      bulletGlyph,
+      bulletFont
+    }) => {
+      const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
+      const levelText = kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`;
+      const startVal = startAt ?? 1;
+      const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
+      const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
+      return `<w:abstractNum w:abstractNumId="${abstractNumId}"><w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(levelText)}"/><w:lvlJc w:val="left"/>${runFonts}</w:lvl></w:abstractNum>`;
+    }
+  ).join("");
   const nums = definitions.map(
     ({ abstractNumId, numId }) => `<w:num w:numId="${numId}"><w:abstractNumId w:val="${abstractNumId}"/></w:num>`
   ).join("");
@@ -9405,6 +9678,7 @@ function buildPartRelationshipsXml(images, hyperlinks) {
 }
 async function exportEditorDocumentToDocx(document2) {
   var _a, _b, _c, _d, _e, _f;
+  document2 = renumberImageCaptionsInDocument(document2);
   const zip = new JSZip();
   const numberingContext = buildNumberingContext(document2);
   const buildState = {
@@ -9634,6 +9908,268 @@ function borderDashArray(type) {
       return void 0;
   }
 }
+function drawCellEdge(writer, pageIndex, border, x1, y1, x2, y2) {
+  if (border.type === "none" || border.width <= 0) {
+    return;
+  }
+  writer.drawLine(pageIndex, {
+    x1: pxToPt$1(x1),
+    y1: pxToPt$1(y1),
+    x2: pxToPt$1(x2),
+    y2: pxToPt$1(y2),
+    stroke: border.color,
+    lineWidth: pxToPt$1(border.width),
+    dashArray: borderDashArray(border.type)
+  });
+}
+function drawCellBorders(writer, pageIndex, cell, originX, originY) {
+  const left = originX + cell.left;
+  const top = originY + cell.top;
+  const right = left + cell.width;
+  const bottom = top + cell.height;
+  drawCellEdge(writer, pageIndex, cell.borders.top, left, top, right, top);
+  drawCellEdge(
+    writer,
+    pageIndex,
+    cell.borders.right,
+    right,
+    top,
+    right,
+    bottom
+  );
+  drawCellEdge(
+    writer,
+    pageIndex,
+    cell.borders.bottom,
+    left,
+    bottom,
+    right,
+    bottom
+  );
+  drawCellEdge(writer, pageIndex, cell.borders.left, left, top, left, bottom);
+}
+async function drawTableBlock(writer, pageIndex, block, document2, originX, originY, contentWidth, fontRegistry, listOrdinals) {
+  if (block.sourceBlock.type !== "table") {
+    return;
+  }
+  const sourceTable = block.sourceBlock;
+  const segmentTable = block.tableSegment ? buildSegmentTable(sourceTable, block.tableSegment) : sourceTable;
+  if (segmentTable.rows.length === 0) {
+    return;
+  }
+  const stateStub = { document: document2 };
+  const tableLayout = buildCanvasTableLayout({
+    table: segmentTable,
+    state: stateStub,
+    pageIndex: 0,
+    originX: 0,
+    originY: 0,
+    contentWidth,
+    estimatedHeight: block.estimatedHeight
+  });
+  for (const cell of tableLayout.cells) {
+    if (!cell.shading) continue;
+    writer.drawRect(pageIndex, {
+      x: pxToPt$1(originX + cell.left),
+      y: pxToPt$1(originY + cell.top),
+      width: pxToPt$1(cell.width),
+      height: pxToPt$1(cell.height),
+      fill: cell.shading
+    });
+  }
+  for (const cell of tableLayout.cells) {
+    drawCellBorders(writer, pageIndex, cell, originX, originY);
+  }
+  for (const cell of tableLayout.cells) {
+    for (const paragraphLayout of cell.paragraphs) {
+      await drawParagraph(
+        writer,
+        pageIndex,
+        paragraphLayout.paragraph,
+        paragraphLayout.lines,
+        document2,
+        originX + paragraphLayout.originX,
+        originY + paragraphLayout.originY,
+        fontRegistry,
+        listOrdinals
+      );
+    }
+  }
+}
+function getPadding(textBox) {
+  var _a, _b, _c, _d;
+  return {
+    left: ((_a = textBox.body) == null ? void 0 : _a.paddingLeft) ?? 0,
+    top: ((_b = textBox.body) == null ? void 0 : _b.paddingTop) ?? 0,
+    right: ((_c = textBox.body) == null ? void 0 : _c.paddingRight) ?? 0,
+    bottom: ((_d = textBox.body) == null ? void 0 : _d.paddingBottom) ?? 0
+  };
+}
+function drawShapeGeometry(writer, pageIndex, textBox, xPx, yPx, widthPx, heightPx) {
+  var _a, _b, _c, _d;
+  const segments = getPresetPathSegments(
+    (_a = textBox.shape) == null ? void 0 : _a.preset,
+    pxToPt$1(xPx),
+    pxToPt$1(yPx),
+    pxToPt$1(widthPx),
+    pxToPt$1(heightPx)
+  );
+  const fill = (_b = textBox.shape) == null ? void 0 : _b.fill;
+  const borderColor = (_c = textBox.shape) == null ? void 0 : _c.borderColor;
+  const borderWidthPt = ((_d = textBox.shape) == null ? void 0 : _d.borderWidthPt) ?? (borderColor ? 0.75 : 0);
+  writer.drawPath(pageIndex, {
+    segments,
+    fill,
+    stroke: borderColor && borderWidthPt > 0 ? borderColor : void 0,
+    lineWidth: borderWidthPt
+  });
+}
+async function drawTextBoxContent(writer, textBox, ctx, xPx, yPx, widthPx, heightPx) {
+  var _a;
+  if (textBox.blocks.length === 0) {
+    return;
+  }
+  const padding = getPadding(textBox);
+  const innerX = xPx + padding.left;
+  const innerY = yPx + padding.top;
+  const innerWidth = Math.max(1, widthPx - padding.left - padding.right);
+  const innerHeight = Math.max(1, heightPx - padding.top - padding.bottom);
+  const pages = projectBlocksLayout({
+    blocks: textBox.blocks,
+    pageSettings: {
+      width: innerWidth,
+      height: innerHeight,
+      orientation: "portrait",
+      margins: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        header: 0,
+        footer: 0,
+        gutter: 0
+      }
+    },
+    maxPageHeight: innerHeight,
+    styles: ctx.document.styles,
+    pageOffset: ctx.pageIndex
+  });
+  const blocks = ((_a = pages[0]) == null ? void 0 : _a.blocks) ?? [];
+  if (blocks.length === 0) {
+    return;
+  }
+  const listOrdinals = /* @__PURE__ */ new Map();
+  writer.saveGraphicsState(ctx.pageIndex);
+  writer.clipRect(
+    ctx.pageIndex,
+    pxToPt$1(innerX),
+    pxToPt$1(innerY),
+    pxToPt$1(innerWidth),
+    pxToPt$1(innerHeight)
+  );
+  let cursorY = innerY;
+  for (const block of blocks) {
+    if (block.sourceBlock.type === "paragraph" && block.layout) {
+      await drawParagraph(
+        writer,
+        ctx.pageIndex,
+        block.sourceBlock,
+        block.layout.lines,
+        ctx.document,
+        innerX,
+        cursorY,
+        ctx.fontRegistry,
+        listOrdinals
+      );
+    } else if (block.sourceBlock.type === "table") {
+      await drawTableBlock(
+        writer,
+        ctx.pageIndex,
+        block,
+        ctx.document,
+        innerX,
+        cursorY,
+        innerWidth,
+        ctx.fontRegistry,
+        listOrdinals
+      );
+    }
+    cursorY += Math.max(0, block.estimatedHeight);
+  }
+  writer.restoreGraphicsState(ctx.pageIndex);
+}
+async function paintTextBox(writer, textBox, ctx, xPx, yPx, widthPx, heightPx) {
+  const rotation = textBox.rotation;
+  if (rotation) {
+    writer.saveGraphicsState(ctx.pageIndex);
+    writer.rotateAbout(
+      ctx.pageIndex,
+      pxToPt$1(xPx + widthPx / 2),
+      pxToPt$1(yPx + heightPx / 2),
+      rotation
+    );
+  }
+  drawShapeGeometry(
+    writer,
+    ctx.pageIndex,
+    textBox,
+    xPx,
+    yPx,
+    widthPx,
+    heightPx
+  );
+  await drawTextBoxContent(writer, textBox, ctx, xPx, yPx, widthPx, heightPx);
+  if (rotation) {
+    writer.restoreGraphicsState(ctx.pageIndex);
+  }
+}
+async function drawFloatingTextBoxesForParagraph(options) {
+  const {
+    writer,
+    document: document2,
+    fontRegistry,
+    pageIndex,
+    lines,
+    pageSettings,
+    contentLeft,
+    contentTop,
+    contentWidth,
+    paragraphTop
+  } = options;
+  for (const line of lines) {
+    const slotByOffset = new Map(
+      line.slots.map((slot) => [slot.offset, slot])
+    );
+    for (const fragment of line.fragments) {
+      const textBox = fragment.textBox;
+      if (!(textBox == null ? void 0 : textBox.floating)) {
+        continue;
+      }
+      const slot = slotByOffset.get(fragment.startOffset);
+      const anchorLeft = contentLeft + ((slot == null ? void 0 : slot.left) ?? 0);
+      const lineTop = paragraphTop + line.top;
+      const rect = resolveFloatingObjectRect({
+        object: getTextBoxFloatingGeometry(textBox),
+        pageSettings,
+        contentLeft,
+        contentTop,
+        contentWidth,
+        paragraphTop,
+        lineTop,
+        anchorLeft
+      });
+      await paintTextBox(
+        writer,
+        textBox,
+        { document: document2, fontRegistry, pageIndex },
+        rect.x,
+        rect.y,
+        rect.width,
+        rect.height
+      );
+    }
+  }
+}
 const imageResourceCache = /* @__PURE__ */ new WeakMap();
 function parseDataUrl(src) {
   const match = /^data:([^;,]+)(;base64)?,(.*)$/i.exec(src);
@@ -10013,6 +10549,25 @@ function drawTabLeaders(writer, pageIndex, paragraph, line, fragment, document2,
     });
   }
 }
+async function drawInlineTextBoxFragment(writer, pageIndex, line, fragment, document2, originX, originY, fontRegistry) {
+  const textBox = fragment.textBox;
+  if (!textBox || textBox.floating) {
+    return;
+  }
+  const slot = line.slots.find((candidate) => candidate.offset === fragment.startOffset) ?? line.slots.find((candidate) => candidate.offset >= fragment.startOffset);
+  if (!slot) {
+    return;
+  }
+  await paintTextBox(
+    writer,
+    textBox,
+    { document: document2, fontRegistry, pageIndex },
+    originX + slot.left,
+    originY + line.top + line.height - textBox.height,
+    textBox.width,
+    textBox.height
+  );
+}
 async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, document2, originX, originY, fontRegistry) {
   var _a;
   if (fragment.image) {
@@ -10040,6 +10595,19 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     });
     return;
   }
+  if (fragment.textBox) {
+    await drawInlineTextBoxFragment(
+      writer,
+      pageIndex,
+      line,
+      fragment,
+      document2,
+      originX,
+      originY,
+      fontRegistry
+    );
+    return;
+  }
   const styles = resolveEffectiveTextStyleForParagraph(
     fragment.styles,
     (_a = paragraph.style) == null ? void 0 : _a.styleId,
@@ -10385,98 +10953,11 @@ async function drawParagraph(writer, pageIndex, paragraph, lines, document2, ori
     }
   }
 }
-function drawCellEdge(writer, pageIndex, border, x1, y1, x2, y2) {
-  if (border.type === "none" || border.width <= 0) {
-    return;
-  }
-  writer.drawLine(pageIndex, {
-    x1: pxToPt$1(x1),
-    y1: pxToPt$1(y1),
-    x2: pxToPt$1(x2),
-    y2: pxToPt$1(y2),
-    stroke: border.color,
-    lineWidth: pxToPt$1(border.width),
-    dashArray: borderDashArray(border.type)
-  });
-}
-function drawCellBorders(writer, pageIndex, cell, originX, originY) {
-  const left = originX + cell.left;
-  const top = originY + cell.top;
-  const right = left + cell.width;
-  const bottom = top + cell.height;
-  drawCellEdge(writer, pageIndex, cell.borders.top, left, top, right, top);
-  drawCellEdge(
-    writer,
-    pageIndex,
-    cell.borders.right,
-    right,
-    top,
-    right,
-    bottom
-  );
-  drawCellEdge(
-    writer,
-    pageIndex,
-    cell.borders.bottom,
-    left,
-    bottom,
-    right,
-    bottom
-  );
-  drawCellEdge(writer, pageIndex, cell.borders.left, left, top, left, bottom);
-}
-async function drawTableBlock(writer, pageIndex, block, document2, originX, originY, contentWidth, fontRegistry, listOrdinals) {
-  if (block.sourceBlock.type !== "table") {
-    return;
-  }
-  const sourceTable = block.sourceBlock;
-  const segmentTable = block.tableSegment ? buildSegmentTable(sourceTable, block.tableSegment) : sourceTable;
-  if (segmentTable.rows.length === 0) {
-    return;
-  }
-  const stateStub = { document: document2 };
-  const tableLayout = buildCanvasTableLayout({
-    table: segmentTable,
-    state: stateStub,
-    pageIndex: 0,
-    originX: 0,
-    originY: 0,
-    contentWidth,
-    estimatedHeight: block.estimatedHeight
-  });
-  for (const cell of tableLayout.cells) {
-    if (!cell.shading) continue;
-    writer.drawRect(pageIndex, {
-      x: pxToPt$1(originX + cell.left),
-      y: pxToPt$1(originY + cell.top),
-      width: pxToPt$1(cell.width),
-      height: pxToPt$1(cell.height),
-      fill: cell.shading
-    });
-  }
-  for (const cell of tableLayout.cells) {
-    drawCellBorders(writer, pageIndex, cell, originX, originY);
-  }
-  for (const cell of tableLayout.cells) {
-    for (const paragraphLayout of cell.paragraphs) {
-      await drawParagraph(
-        writer,
-        pageIndex,
-        paragraphLayout.paragraph,
-        paragraphLayout.lines,
-        document2,
-        originX + paragraphLayout.originX,
-        originY + paragraphLayout.originY,
-        fontRegistry,
-        listOrdinals
-      );
-    }
-  }
-}
-async function drawBlockList(writer, pageIndex, blocks, document2, originX, originY, contentWidth, fontRegistry, listOrdinals) {
+async function drawBlockList(writer, pageIndex, blocks, document2, originX, originY, contentWidth, fontRegistry, listOrdinals, pageSettings) {
   if (!blocks || blocks.length === 0) {
     return;
   }
+  const contentTop = originY;
   let cursorY = originY;
   for (const block of blocks) {
     if (block.sourceBlock.type === "paragraph" && block.layout) {
@@ -10507,6 +10988,20 @@ async function drawBlockList(writer, pageIndex, blocks, document2, originX, orig
         fontRegistry,
         listOrdinals
       );
+      if (pageSettings) {
+        await drawFloatingTextBoxesForParagraph({
+          writer,
+          document: document2,
+          fontRegistry,
+          pageIndex,
+          lines: block.layout.lines,
+          pageSettings,
+          contentLeft: originX,
+          contentTop,
+          contentWidth,
+          paragraphTop: boxTop
+        });
+      }
     } else if (block.sourceBlock.type === "table") {
       await drawTableBlock(
         writer,
@@ -11207,6 +11702,103 @@ class OasisPdfWriter {
     );
     page.commands.push(commands.join("\n"));
   }
+  // Fills/strokes an arbitrary path. Segment coordinates are in points with a
+  // top-left origin (callers convert px→pt, like drawRect/drawLine); the y axis
+  // is flipped here to the PDF bottom-left origin.
+  drawPath(pageIndex, options) {
+    const page = this.pages[pageIndex];
+    if (!page || options.segments.length === 0) {
+      return;
+    }
+    if (!options.fill && !options.stroke) {
+      return;
+    }
+    const flip = (yy) => page.height - yy;
+    const commands = ["q"];
+    if (options.fill) {
+      commands.push(colorCommand(options.fill, "rg", [1, 1, 1]));
+    }
+    if (options.stroke) {
+      commands.push(colorCommand(options.stroke, "RG", [0, 0, 0]));
+      commands.push(`${formatNumber(options.lineWidth ?? 1)} w`);
+    }
+    for (const segment of options.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;
+      }
+    }
+    if (options.fill && options.stroke) {
+      commands.push("B");
+    } else if (options.fill) {
+      commands.push("f");
+    } else {
+      commands.push("S");
+    }
+    commands.push("Q");
+    page.commands.push(commands.join("\n"));
+  }
+  // Saves the graphics state (`q`). Pair with restoreGraphicsState. Any draw
+  // commands emitted in between inherit the current transform/clip.
+  saveGraphicsState(pageIndex) {
+    const page = this.pages[pageIndex];
+    if (page) {
+      page.commands.push("q");
+    }
+  }
+  restoreGraphicsState(pageIndex) {
+    const page = this.pages[pageIndex];
+    if (page) {
+      page.commands.push("Q");
+    }
+  }
+  // Concatenates a clockwise rotation (in degrees, matching the canvas/editor
+  // convention) about a top-left-origin point onto the current CTM. Must sit
+  // inside a saveGraphicsState/restoreGraphicsState pair.
+  rotateAbout(pageIndex, centerX, centerY, degrees) {
+    const page = this.pages[pageIndex];
+    if (!page || !degrees) {
+      return;
+    }
+    const cyf = page.height - centerY;
+    const radians = -degrees * Math.PI / 180;
+    const cos = Math.cos(radians);
+    const sin = Math.sin(radians);
+    const e = centerX - centerX * cos + cyf * sin;
+    const f = cyf - centerX * sin - cyf * cos;
+    page.commands.push(
+      `${formatNumber(cos)} ${formatNumber(sin)} ${formatNumber(-sin)} ${formatNumber(cos)} ${formatNumber(e)} ${formatNumber(f)} cm`
+    );
+  }
+  // Intersects the clip path with a rectangle (top-left origin). Must sit inside
+  // a saveGraphicsState/restoreGraphicsState pair so the clip can be undone.
+  clipRect(pageIndex, x, y, width, height) {
+    const page = this.pages[pageIndex];
+    if (!page || width <= 0 || height <= 0) {
+      return;
+    }
+    page.commands.push(
+      `${formatNumber(x)} ${formatNumber(page.height - y - height)} ${formatNumber(width)} ${formatNumber(height)} re`,
+      "W",
+      "n"
+    );
+  }
   drawText(pageIndex, options) {
     const page = this.pages[pageIndex];
     if (!page || options.text.length === 0) {
@@ -11536,6 +12128,7 @@ endobj
 }
 const FOOTNOTE_BLOCK_GAP_PX = 2;
 async function exportEditorDocumentToPdf(document2) {
+  document2 = renumberImageCaptionsInDocument(document2);
   const fontRegistry = new PdfFontRegistry();
   await fontRegistry.loadBundledUnicodeFaces({
     families: collectPdfFontFamilies(document2)
@@ -11559,7 +12152,8 @@ async function exportEditorDocumentToPdf(document2) {
       page.headerTop ?? getPageHeaderZoneTop(page.pageSettings),
       contentWidth,
       fontRegistry,
-      listOrdinals
+      listOrdinals,
+      page.pageSettings
     );
     await drawBlockList(
       writer,
@@ -11570,7 +12164,8 @@ async function exportEditorDocumentToPdf(document2) {
       page.bodyTop ?? getPageBodyTop(page.pageSettings),
       contentWidth,
       fontRegistry,
-      listOrdinals
+      listOrdinals,
+      page.pageSettings
     );
     await drawBlockList(
       writer,
@@ -11581,7 +12176,8 @@ async function exportEditorDocumentToPdf(document2) {
       page.footerTop ?? page.bodyBottom ?? page.pageSettings.height,
       contentWidth,
       fontRegistry,
-      listOrdinals
+      listOrdinals,
+      page.pageSettings
     );
     if (page.footnoteBlocks && page.footnoteBlocks.length > 0 && page.footnoteTop !== void 0) {
       if (page.footnoteSeparatorTop !== void 0) {
@@ -38635,6 +39231,10 @@ function createEditorDialogs() {
     isOpen: false,
     initialAlt: ""
   });
+  const [imageCaptionDialog, setImageCaptionDialog] = createSignal({
+    isOpen: false,
+    initialCaption: ""
+  });
   const [contextMenu, setContextMenu] = createSignal({ isOpen: false, x: 0, y: 0 });
   const [fontDialog, setFontDialog] = createSignal({
     isOpen: false,
@@ -38732,6 +39332,8 @@ function createEditorDialogs() {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     setContextMenu,
     fontDialog,
@@ -40257,6 +40859,10 @@ function buildDocumentAndBrowserCommands({
       () => document2.importDocument()
     ),
     insertImage: actionCommand("insertImage", () => document2.insertImage()),
+    insertShape: actionCommand(
+      "insertShape",
+      (p) => document2.insertShape(String(p))
+    ),
     unlink: actionCommand(
       "unlink",
       () => link.remove(),
@@ -40272,6 +40878,14 @@ function buildDocumentAndBrowserCommands({
         isEnabled: image.isSelected(),
         isActive: image.isSelected()
       })
+    ),
+    insertImageCaption: actionCommand(
+      "insertImageCaption",
+      () => image.promptCaption(),
+      () => ({
+        isEnabled: image.isSelected(),
+        isActive: image.isSelected()
+      })
     )
   };
 }
@@ -40663,7 +41277,10 @@ function createEditorEssentialsRuntimePlugin(options) {
     insertImage: () => {
       var _a;
       return (_a = options.imageInputRef()) == null ? void 0 : _a.click();
-    }
+    },
+    insertShape: (preset) => options.applyTransactionalState(
+      (current) => insertShapeAtSelection(current, preset)
+    )
   };
   const essentialsLink = {
     prompt: () => options.commandsController.promptForLink(),
@@ -40672,6 +41289,7 @@ function createEditorEssentialsRuntimePlugin(options) {
   };
   const essentialsImage = {
     promptAlt: () => options.commandsController.promptForImageAlt(),
+    promptCaption: () => options.commandsController.promptForImageCaption(),
     isSelected: () => Boolean(options.selectedImageRun())
   };
   const essentialsBrowser = {
@@ -41214,14 +41832,14 @@ function DropCaret(props) {
     })
   });
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$8 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$6 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$9 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$7 = /* @__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$$d();
+      var _el$ = _tmpl$$e();
       createRenderEffect((_p$) => {
         var _v$ = !!(resizing().type === "column"), _v$2 = !!(resizing().type === "row"), _v$3 = {
           ...resizing().type === "column" ? {
@@ -41252,7 +41870,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.imageOps.dragging())() && props.imageOps.draggedImageInfo();
     },
     children: (info) => (() => {
-      var _el$2 = _tmpl$2$8();
+      var _el$2 = _tmpl$2$9();
       createRenderEffect((_p$) => {
         var _v$4 = info().src, _v$5 = `${info().width}px`, _v$6 = `${info().height}px`, _v$7 = `${props.imageOps.mousePos().x - info().offsetX}px`, _v$8 = `${props.imageOps.mousePos().y - info().offsetY}px`;
         _v$4 !== _p$.e && setAttribute(_el$2, "src", _p$.e = _v$4);
@@ -41275,7 +41893,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.tableDrag.dragging())() && props.tableDrag.draggedTableInfo();
     },
     children: (info) => (() => {
-      var _el$3 = _tmpl$3$6();
+      var _el$3 = _tmpl$3$7();
       createRenderEffect((_p$) => {
         var _v$9 = `${info().width}px`, _v$0 = `${info().height}px`, _v$1 = `${props.tableDrag.mousePos().x - info().offsetX}px`, _v$10 = `${props.tableDrag.mousePos().y - info().offsetY}px`;
         _v$9 !== _p$.e && setStyleProperty(_el$3, "width", _p$.e = _v$9);
@@ -41338,7 +41956,7 @@ function EditorDragLayers(props) {
     })
   })];
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$8 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
 function LinkDialog(props) {
   const [href, setHref] = createSignal(props.initialHref);
   let inputRef;
@@ -41364,19 +41982,19 @@ function LinkDialog(props) {
     },
     get footer() {
       return [(() => {
-        var _el$4 = _tmpl$2$7();
+        var _el$4 = _tmpl$2$8();
         addEventListener(_el$4, "click", props.onClose, true);
         insert(_el$4, () => t("generic.cancel"));
         return _el$4;
       })(), (() => {
-        var _el$5 = _tmpl$3$5();
+        var _el$5 = _tmpl$3$6();
         _el$5.$$click = handleConfirm;
         insert(_el$5, () => t("generic.apply"));
         return _el$5;
       })()];
     },
     get children() {
-      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       insert(_el$2, () => t("dialog.link.label"));
       _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
       _el$3.$$input = (e) => setHref(e.currentTarget.value);
@@ -41389,7 +42007,7 @@ function LinkDialog(props) {
   });
 }
 delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
 function ImageAltDialog(props) {
   const [alt, setAlt] = createSignal(props.initialAlt);
   let inputRef;
@@ -41415,19 +42033,19 @@ function ImageAltDialog(props) {
     },
     get footer() {
       return [(() => {
-        var _el$4 = _tmpl$2$6();
+        var _el$4 = _tmpl$2$7();
         addEventListener(_el$4, "click", props.onClose, true);
         insert(_el$4, () => t("generic.cancel"));
         return _el$4;
       })(), (() => {
-        var _el$5 = _tmpl$3$4();
+        var _el$5 = _tmpl$3$5();
         _el$5.$$click = handleConfirm;
         insert(_el$5, () => t("generic.save"));
         return _el$5;
       })()];
     },
     get children() {
-      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       insert(_el$2, () => t("dialog.imageAlt.label"));
       _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
       _el$3.$$input = (e) => setAlt(e.currentTarget.value);
@@ -41440,6 +42058,57 @@ function ImageAltDialog(props) {
   });
 }
 delegateEvents(["input", "keydown", "click"]);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
+function ImageCaptionDialog(props) {
+  const [caption, setCaption] = createSignal(props.initialCaption);
+  let inputRef;
+  createEffect(() => {
+    if (props.isOpen) {
+      setCaption(props.initialCaption);
+      setTimeout(() => inputRef == null ? void 0 : inputRef.focus(), 50);
+    }
+  });
+  const handleConfirm = () => {
+    props.onConfirm(caption());
+    props.onClose();
+  };
+  return createComponent(Dialog, {
+    get isOpen() {
+      return props.isOpen;
+    },
+    get title() {
+      return t("dialog.imageCaption.title");
+    },
+    get onClose() {
+      return props.onClose;
+    },
+    get footer() {
+      return [(() => {
+        var _el$4 = _tmpl$2$6();
+        addEventListener(_el$4, "click", props.onClose, true);
+        insert(_el$4, () => t("generic.cancel"));
+        return _el$4;
+      })(), (() => {
+        var _el$5 = _tmpl$3$4();
+        _el$5.$$click = handleConfirm;
+        insert(_el$5, () => t("generic.save"));
+        return _el$5;
+      })()];
+    },
+    get children() {
+      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      insert(_el$2, () => t("dialog.imageCaption.label"));
+      _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
+      _el$3.$$input = (e) => setCaption(e.currentTarget.value);
+      var _ref$ = inputRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$3) : inputRef = _el$3;
+      createRenderEffect(() => setAttribute(_el$3, "placeholder", t("dialog.imageCaption.placeholder")));
+      createRenderEffect(() => _el$3.value = caption());
+      return _el$;
+    }
+  });
+}
+delegateEvents(["input", "keydown", "click"]);
 const DEFAULT_COLOR = "#111827";
 const DEFAULT_HIGHLIGHT = "#fef08a";
 const DEFAULT_SHADING = "#fef3c7";
@@ -42943,6 +43612,8 @@ function EditorDialogsLayer(props) {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     fontDialog,
     setFontDialog,
@@ -42981,6 +43652,21 @@ function EditorDialogsLayer(props) {
       props.focusInput();
     },
     onConfirm: (alt) => props.applyImageAltCommand(alt.trim())
+  }), createComponent(ImageCaptionDialog, {
+    get isOpen() {
+      return imageCaptionDialog().isOpen;
+    },
+    get initialCaption() {
+      return imageCaptionDialog().initialCaption;
+    },
+    onClose: () => {
+      setImageCaptionDialog({
+        ...imageCaptionDialog(),
+        isOpen: false
+      });
+      props.focusInput();
+    },
+    onConfirm: (caption) => props.applyImageCaptionCommand(caption.trim())
   }), createComponent(FindReplaceDialog, {
     get fr() {
       return props.findReplace;
@@ -45417,6 +46103,8 @@ function OasisEditorApp(props = {}) {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     setContextMenu,
     fontDialog,
@@ -45716,7 +46404,12 @@ function OasisEditorApp(props = {}) {
     openImageAltDialog: (initialAlt) => setImageAltDialog({
       isOpen: true,
       initialAlt
-    })
+    }),
+    openImageCaptionDialog: (initialCaption) => setImageCaptionDialog({
+      isOpen: true,
+      initialCaption
+    }),
+    imageCaptionLabel: () => (ui().locale ?? "pt-BR").startsWith("en") ? "Figure" : "Figura"
   });
   const keyboardCommandsController = {
     ...commandsController,
@@ -46044,6 +46737,8 @@ function OasisEditorApp(props = {}) {
         setLinkDialog,
         imageAltDialog,
         setImageAltDialog,
+        imageCaptionDialog,
+        setImageCaptionDialog,
         contextMenu,
         setContextMenu,
         fontDialog,
@@ -46064,6 +46759,9 @@ function OasisEditorApp(props = {}) {
       get applyImageAltCommand() {
         return commandsController.applyImageAltCommand;
       },
+      get applyImageCaptionCommand() {
+        return commandsController.applyImageCaptionCommand;
+      },
       applyFontDialogValues,
       applyParagraphDialogValues,
       applyTablePropertiesDialogValues,