oasis-editor 0.0.9 → 0.0.11

package/dist/{OasisEditorApp-kUhRrsHZ.js → OasisEditorApp-BgOoWqpC.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 createDefaultToolbarPreset, aF as defaultMenuItems, aG as MenuRegistry, aH as createToolbarRegistry, aI as Editor, aJ as resolveCommandRef, aK as commandRefName, aL as InlineShell, aM as BalloonShell, aN as DocumentShell, aO as createMemo, aP as getCaretRectFromSnapshot, aQ as getParagraphRectFromSnapshot, aR as createComponent, aS as CaretOverlay, aT as Show, aU as createRenderEffect, aV as style, aW as setAttribute, aX as setStyleProperty, aY as memo, aZ as template, a_ as insert, a$ as use, b0 as addEventListener, b1 as Dialog, b2 as delegateEvents, b3 as className, b4 as For, b5 as UNDERLINE_STYLE_OPTIONS, b6 as Tabs, b7 as measureParagraphMinContentWidthPx, b8 as getEditableBlocksForZone, b9 as findParagraphLocation, ba as createSectionBoundaryParagraph, bb as normalizePageSettings, bc as DEFAULT_EDITOR_PAGE_SETTINGS, bd as markStart, be as markEnd, bf as getParagraphEntries, bg as getParagraphById, bh as PluginUiHost, bi as OasisEditorEditor, bj as perfTimer, bk as OasisBrandMark, bl as setPreciseFontPreference, bm as setWelcomeSeen, bn as enablePreciseFontMode, bo as createOasisEditorClient, bp as setLocale, bq as startLongTaskObserver, br as installGlobalReport, bs as applyStoredPreciseFontPreference, bt as getWelcomeSeen, bu as isLocalFontAccessSupported, bv as EDITOR_SCROLL_PADDING_PX, bw as Toolbar, bx as OasisEditorLoading, by as createEditorLogger, bz as getCachedCanvasImage, bA as registerDomStatsSurface } from "./index-D1GDOw-0.js";
+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 buildSegmentTable, $ as buildCanvasTableLayout, a0 as resolveFloatingObjectRect, a1 as getTextBoxFloatingGeometry, a2 as getPresetPathSegments, a3 as projectBlocksLayout, a4 as textStyleToFontSizePt, a5 as PX_PER_POINT, a6 as DEFAULT_FONT_SIZE_PX, a7 as isDoubleUnderlineStyle, a8 as isWavyUnderlineStyle, a9 as underlineStyleLineWidthPx, aa as underlineStyleDashArray, ab as getListLabelInset, ac as getParagraphBorderInsets, ad as normalizeFamily, ae as ROBOTO_FONT_FILES, af as loadFontAsset, ag as OFFICE_COMPAT_FONT_FAMILIES, ah as buildSfnt, ai as defaultFontDecoderRegistry, aj as SfntFontProgram, ak as collectPdfFontFamilies, al as projectDocumentLayout, am as getPageHeaderZoneTop, an as getPageBodyTop, ao as findFootnoteReference, ap as FOOTNOTE_MARKER_GUTTER_PX, aq as resolveImporterForFile, ar as createEditorStateFromDocument, as as getDocumentParagraphsCanonical, at as getToolbarStyleState, au as STANDARD_FONT_SIZES_PT, av as fontSizePxToPt, aw as probeLocalFontFamilies, ax as createInitialEditorState, ay as parseFontSizePtToPx, az as formatFontSizePt, aA as listKindForTag, aB as isParagraphTag, aC as collectInlineRuns, aD as parseParagraphStyle, aE as t, aF as preciseFontModeVersion, aG as isPreciseFontModeEnabled, aH as togglePreciseFontMode, aI as nextFontSizePt, aJ as previousFontSizePt, aK as fontSizePtToPx, aL as createDefaultToolbarPreset, aM as defaultMenuItems, aN as MenuRegistry, aO as createToolbarRegistry, aP as Editor, aQ as resolveCommandRef, aR as commandRefName, aS as InlineShell, aT as BalloonShell, aU as DocumentShell, aV as createMemo, aW as getCaretRectFromSnapshot, aX as getParagraphRectFromSnapshot, aY as createComponent, aZ as CaretOverlay, a_ as Show, a$ as createRenderEffect, b0 as style, b1 as setAttribute, b2 as setStyleProperty, b3 as memo, b4 as template, b5 as insert, b6 as use, b7 as addEventListener, b8 as Dialog, b9 as delegateEvents, ba as className, bb as For, bc as UNDERLINE_STYLE_OPTIONS, bd as Tabs, be as measureParagraphMinContentWidthPx, bf as getEditableBlocksForZone, bg as findParagraphLocation, bh as createSectionBoundaryParagraph, bi as normalizePageSettings, bj as DEFAULT_EDITOR_PAGE_SETTINGS, bk as markStart, bl as markEnd, bm as getParagraphEntries, bn as getParagraphById, bo as PluginUiHost, bp as OasisEditorEditor, bq as perfTimer, br as OasisBrandMark, bs as setPreciseFontPreference, bt as setWelcomeSeen, bu as enablePreciseFontMode, bv as createOasisEditorClient, bw as setLocale, bx as startLongTaskObserver, by as installGlobalReport, bz as applyStoredPreciseFontPreference, bA as getWelcomeSeen, bB as isLocalFontAccessSupported, bC as EDITOR_SCROLL_PADDING_PX, bD as Toolbar, bE as OasisEditorLoading, bF as createEditorLogger, bG as getCachedCanvasImage, bH as registerDomStatsSurface } from "./index-L71R0x7D.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -1240,6 +1240,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);
 }
@@ -1739,6 +1776,121 @@ function toggleTextStyle(state, key) {
     preserveSelectionByParagraphOffsets(nextParagraphs, normalized)
   );
 }
+function isLetter(char) {
+  return new RegExp("\\p{L}", "u").test(char);
+}
+function toSentenceCase(text) {
+  let result = "";
+  let capitalizeNext = true;
+  for (const char of text.toLowerCase()) {
+    if (capitalizeNext && isLetter(char)) {
+      result += char.toUpperCase();
+      capitalizeNext = false;
+    } else {
+      result += char;
+      if (char === "." || char === "!" || char === "?") {
+        capitalizeNext = true;
+      }
+    }
+  }
+  return result;
+}
+function toCapitalizedWords(text) {
+  let result = "";
+  let prevIsLetter = false;
+  for (const char of text) {
+    const letter = isLetter(char);
+    result += letter && !prevIsLetter ? char.toUpperCase() : char;
+    prevIsLetter = letter;
+  }
+  return result;
+}
+function toToggledCase(text) {
+  let result = "";
+  for (const char of text) {
+    const upper = char.toUpperCase();
+    const lower = char.toLowerCase();
+    if (char === lower && char !== upper) {
+      result += upper;
+    } else if (char === upper && char !== lower) {
+      result += lower;
+    } else {
+      result += char;
+    }
+  }
+  return result;
+}
+function applyCaseTransform(text, mode) {
+  switch (mode) {
+    case "lower":
+      return text.toLowerCase();
+    case "upper":
+      return text.toUpperCase();
+    case "capitalize":
+      return toCapitalizedWords(text);
+    case "toggle":
+      return toToggledCase(text);
+    case "sentence":
+    default:
+      return toSentenceCase(text);
+  }
+}
+function transformSelectedText(state, transform) {
+  const normalized = normalizeSelection(state);
+  if (normalized.isCollapsed) {
+    return state;
+  }
+  const paragraphs = getParagraphs(state);
+  const nextParagraphs = paragraphs.map((paragraph, paragraphIndex) => {
+    if (paragraphIndex < normalized.startIndex || paragraphIndex > normalized.endIndex) {
+      return paragraph;
+    }
+    const startOffset = paragraphIndex === normalized.startIndex ? normalized.startParagraphOffset : 0;
+    const endOffset = paragraphIndex === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
+    const selectedText = sliceRuns(paragraph, startOffset, endOffset).map((run) => run.text).join("");
+    const transformed = transform(selectedText);
+    let cursor = 0;
+    return mapRunsInRange(paragraph, startOffset, endOffset, (run) => {
+      const length = run.text.length;
+      const nextText = transformed.slice(cursor, cursor + length);
+      cursor += length;
+      return { ...run, text: nextText };
+    });
+  });
+  return cloneStateWithParagraphs(
+    state,
+    nextParagraphs,
+    preserveSelectionByParagraphOffsets(nextParagraphs, normalized)
+  );
+}
+function changeSelectedTextCase(state, mode) {
+  return transformSelectedText(state, (text) => applyCaseTransform(text, mode));
+}
+function clearSelectedTextFormatting(state) {
+  const normalized = normalizeSelection(state);
+  if (normalized.isCollapsed) {
+    return state;
+  }
+  const paragraphs = getParagraphs(state);
+  const nextParagraphs = paragraphs.map((paragraph, paragraphIndex) => {
+    if (paragraphIndex < normalized.startIndex || paragraphIndex > normalized.endIndex) {
+      return paragraph;
+    }
+    const startOffset = paragraphIndex === normalized.startIndex ? normalized.startParagraphOffset : 0;
+    const endOffset = paragraphIndex === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
+    return mapRunsInRange(paragraph, startOffset, endOffset, (run) => {
+      var _a;
+      const link = (_a = run.styles) == null ? void 0 : _a.link;
+      const styles = link != null && link !== "" ? { link } : {};
+      return { ...run, styles };
+    });
+  });
+  return cloneStateWithParagraphs(
+    state,
+    nextParagraphs,
+    preserveSelectionByParagraphOffsets(nextParagraphs, normalized)
+  );
+}
 function setTextStyleValue(state, key, value) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed) {
@@ -3934,6 +4086,28 @@ function createEditorCommandsController(deps) {
     );
     focusInput();
   };
+  const applyChangeTextCaseCommand = (mode) => {
+    if (selectionCollapsed()) {
+      return;
+    }
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applySelectionAwareTextCommand(
+      (current) => changeSelectedTextCase(current, mode)
+    );
+    focusInput();
+  };
+  const applyClearFormattingCommand = () => {
+    if (selectionCollapsed()) {
+      return;
+    }
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applySelectionAwareTextCommand(
+      (current) => clearSelectedTextFormatting(current)
+    );
+    focusInput();
+  };
   const applyParagraphStyleCommand = (key, value) => {
     clearPreferredColumn();
     resetTransactionGrouping();
@@ -4083,6 +4257,8 @@ function createEditorCommandsController(deps) {
   return {
     applyBooleanStyleCommand,
     applyValueStyleCommand,
+    applyChangeTextCaseCommand,
+    applyClearFormattingCommand,
     applyParagraphStyleCommand,
     toggleParagraphFlagCommand,
     applyParagraphListCommand,
@@ -9495,6 +9671,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);
@@ -9874,6 +10312,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) {
@@ -9901,6 +10358,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,
@@ -10246,98 +10716,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) {
@@ -10368,6 +10751,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,
@@ -11068,6 +11465,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) {
@@ -11420,7 +11914,8 @@ async function exportEditorDocumentToPdf(document2) {
       page.headerTop ?? getPageHeaderZoneTop(page.pageSettings),
       contentWidth,
       fontRegistry,
-      listOrdinals
+      listOrdinals,
+      page.pageSettings
     );
     await drawBlockList(
       writer,
@@ -11431,7 +11926,8 @@ async function exportEditorDocumentToPdf(document2) {
       page.bodyTop ?? getPageBodyTop(page.pageSettings),
       contentWidth,
       fontRegistry,
-      listOrdinals
+      listOrdinals,
+      page.pageSettings
     );
     await drawBlockList(
       writer,
@@ -11442,7 +11938,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) {
@@ -39935,11 +40432,13 @@ function numOrNull(payload) {
 function buildCoreFormattingCommands({
   gate,
   style: style2,
+  selection,
   history,
   formatting,
   link,
   command,
-  valueCommand
+  valueCommand,
+  actionCommand
 }) {
   const s = style2.state;
   return {
@@ -40040,6 +40539,18 @@ function buildCoreFormattingCommands({
       },
       () => formatFontSizePt(s().fontSize)
     ),
+    increaseFontSize: command("increaseFontSize", formatting.increaseFontSize),
+    decreaseFontSize: command("decreaseFontSize", formatting.decreaseFontSize),
+    changeTextCase: actionCommand(
+      "changeTextCase",
+      (p) => {
+        formatting.changeTextCase(p ?? "sentence");
+      },
+      () => ({
+        isEnabled: gate.isCommandEnabled("changeTextCase") && !selection.isCollapsed()
+      })
+    ),
+    clearFormatting: command("clearFormatting", formatting.clearFormatting),
     setColor: valueCommand(
       "setColor",
       (p) => formatting.setColor(p ?? null),
@@ -40104,6 +40615,10 @@ function buildDocumentAndBrowserCommands({
       () => document2.importDocument()
     ),
     insertImage: actionCommand("insertImage", () => document2.insertImage()),
+    insertShape: actionCommand(
+      "insertShape",
+      (p) => document2.insertShape(String(p))
+    ),
     unlink: actionCommand(
       "unlink",
       () => link.remove(),
@@ -40327,11 +40842,13 @@ function createEssentialsPlugin(deps) {
       ...buildCoreFormattingCommands({
         gate: deps.gate,
         style: deps.style,
+        selection: deps.selection,
         history: deps.history,
         formatting: deps.formatting,
         link: deps.link,
         command,
-        valueCommand
+        valueCommand,
+        actionCommand
       }),
       ...buildDocumentAndBrowserCommands({
         gate: deps.gate,
@@ -40364,6 +40881,21 @@ function createEditorEssentialsRuntimePlugin(options) {
   const essentialsStyle = {
     state: () => options.styleController.toolbarStyleState()
   };
+  const essentialsSelection = {
+    isCollapsed: () => isSelectionCollapsed(options.state().selection)
+  };
+  const stepFontSize = (direction) => {
+    const currentPx = Number(
+      options.styleController.toolbarStyleState().fontSize
+    );
+    const currentPt = Number.isFinite(currentPx) && currentPx > 0 ? fontSizePxToPt(currentPx) : 11;
+    const nextPt = direction === "increase" ? nextFontSizePt(currentPt) : previousFontSizePt(currentPt);
+    options.styleController.applyToolbarValueStyleCommand(
+      "fontSize",
+      fontSizePtToPx(nextPt)
+    );
+    return true;
+  };
   const essentialsHistory = {
     canUndo: () => options.undoStack().length > 0,
     canRedo: () => options.redoStack().length > 0,
@@ -40453,6 +40985,18 @@ function createEditorEssentialsRuntimePlugin(options) {
       value
     ), true),
     setFontSize: (value) => (options.styleController.applyToolbarValueStyleCommand("fontSize", value), true),
+    increaseFontSize: () => stepFontSize("increase"),
+    decreaseFontSize: () => stepFontSize("decrease"),
+    changeTextCase: (mode) => (options.commandsController.applyChangeTextCaseCommand(mode), true),
+    clearFormatting: () => {
+      if (isSelectionCollapsed(options.state().selection)) {
+        options.styleController.clearPendingCaretTextStyle();
+        options.focusInput();
+        return true;
+      }
+      options.commandsController.applyClearFormattingCommand();
+      return true;
+    },
     setColor: (value) => (options.styleController.applyToolbarValueStyleCommand("color", value), true),
     setHighlight: (value) => (options.styleController.applyToolbarValueStyleCommand("highlight", value), true),
     setTextShading: (value) => (options.styleController.applyToolbarValueStyleCommand("shading", value), true),
@@ -40481,7 +41025,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(),
@@ -40708,6 +41255,7 @@ function createEditorEssentialsRuntimePlugin(options) {
   return createEssentialsPlugin({
     gate: essentialsGate,
     style: essentialsStyle,
+    selection: essentialsSelection,
     history: essentialsHistory,
     formatting: essentialsFormatting,
     document: essentialsDocument,