oasis-editor 0.0.131 → 0.0.132

package/dist/{OasisEditorApp-Dn2I2b-M.js → OasisEditorApp-D-v1-Asf.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 { 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, v as visitRun, q as assertNever, r as createSignal, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getActiveZone, C as getActiveSectionIndex, D as getParagraphs, G as normalizeSelection, H as positionToParagraphOffset, I as paragraphOffsetToPosition, J as clampPosition, K as findParagraphIndex, L as createCollapsedSelection, M as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as resolveDefaultParagraphStyleId, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as PX_PER_POINT, Z as underlineStyleToCssDecorationStyle, _ as resolveImageSrc, $ as listKindForTag, a0 as isParagraphTag, a1 as collectInlineRuns, a2 as parseParagraphStyle, a3 as getRunImage, a4 as InlineShell, a5 as BalloonShell, a6 as DocumentShell, a7 as createMemo, a8 as getCaretRectFromSnapshot, a9 as getParagraphRectFromSnapshot, aa as createComponent, ab as CaretOverlay, ac as Show, ad as createRenderEffect, ae as style, af as setStyleProperty, ag as setAttribute, ah as memo, ai as template, aj as Button, ak as useI18n, al as createEffect, am as TextField, an as Dialog, ao as insert, ap as className, aq as Grid, ar as SelectField, as as StatusText, at as ColorField, au as UNDERLINE_STYLE_OPTIONS, av as Stack, aw as For, ax as ToggleChip, ay as FormField, az as Checkbox, aA as FieldGroup, aB as Tabs, aC as NumberField, aD as createStore, aE as reconcile, aF as RadioGroup, aG as Radio$1, aH as TextAreaField, aI as Text, aJ as SurfaceButton, aK as delegateEvents, aL as onMount, aM as onCleanup, aN as use, aO as PluginUiHost, aP as OasisEditorEditor, aQ as OasisBrandMark, aR as setPreciseFontPreference, aS as setWelcomeSeen, aT as enablePreciseFontMode, aU as TWIPS_PER_POINT, aV as PX_PER_INCH, aW as TWIPS_PER_INCH, aX as normalizeHex6, aY as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, aZ as TABLE_BORDER_EDGE_KEYS, a_ as resolveEffectiveParagraphStyle, a$ as resolveEffectiveTextStyleForParagraph, b0 as EMU_PER_PT, b1 as OOXML_ROTATION_UNITS, b2 as OOXML_PERCENT_DENOMINATOR, b3 as parseHexColorToRgb255, b4 as EMU_PER_PX, b5 as getRunEndnoteReference, b6 as iterateFootnoteReferenceRuns, b7 as iterateEndnoteReferenceRuns, b8 as imageContentTypeDefaults, b9 as getRunFieldChar, ba as getRunFieldInstruction, bb as createEditorRun, bc as JSZip, bd as imageExtensionFromMime, be as pxToPt$1, bf as resolveFloatingObjectRect, bg as getTextBoxFloatingGeometry, bh as getPresetPathSegments, bi as buildListLabels, bj as DEFAULT_FONT_SIZE_PX, bk as resolveGradientAxis, bl as isDoubleUnderlineStyle, bm as isWavyUnderlineStyle, bn as underlineStyleLineWidthPx, bo as WAVY_UNDERLINE_WAVELENGTH_PX, bp as WAVY_UNDERLINE_AMPLITUDE_PX, bq as DOUBLE_UNDERLINE_OFFSET_PX, br as underlineStyleDashArray, bs as EMPHASIS_GLYPH, bt as rgb255ToHex, bu as getImageFloatingGeometry, bv as textStyleToFontSizePt, bw as resolveTextAlignmentBaselineOffset, bx as TEXT_BASELINE_RATIO, by as resolveOpenTypeFeatureTags, bz as resolveDecorationLineY, bA as DOUBLE_STRIKE_OFFSET_PX, bB as resolveListLabel, bC as getListLabelInset, bD as getAlignedListLabelInset, bE as getParagraphBorderInsets, bF as buildSegmentTable, bG as buildCanvasTableLayout, bH as resolveCanvasTableWidth, bI as resolveFloatingTableRect, bJ as paragraphBetweenBorderMatches, bK as normalizeFamily, bL as ROBOTO_FONT_FILES, bM as loadFontAsset, bN as OFFICE_COMPAT_FONT_FAMILIES, bO as BinaryReader, bP as buildSfnt, bQ as defaultFontDecoderRegistry, bR as SfntFontProgram, bS as collectPdfFontFamilies, bT as outlineFrom, bU as getPageHeaderZoneTop, bV as getPageColumnRects, bW as findFootnoteReference, bX as resolveImporterForFile, bY as roundTo, bZ as getDocumentSectionsCanonical, b_ as getDocumentParagraphsCanonical, b$ as getDocumentParagraphs, c0 as getDocumentPageSettings, c1 as getTableCellContentWidthForParagraph, c2 as layoutMetricsEpoch, c3 as bumpLayoutMetricsEpoch, c4 as createCanvasLayoutSnapshotProvider, c5 as on, c6 as debounce, c7 as unwrap, c8 as perfTimer, c9 as getRunTextBox, ca as createEditorDocument, cb as resolveResizedDimensions, cc as resolveTextBoxRenderHeight, cd as getToolbarStyleState, ce as VERTICAL_HIT_WEIGHT, cf as getCachedCanvasImage, cg as measureParagraphMinContentWidthPx, ch as getEditableBlocksForZone, ci as findParagraphLocation, cj as createSectionBoundaryParagraph, ck as normalizePageSettings, cl as DEFAULT_EDITOR_PAGE_SETTINGS, cm as markStart, cn as markEnd, co as getParagraphEntries, cp as getParagraphById, cq as createEditorFootnote, cr as createFootnoteReferenceRun, cs as renumberFootnotes, ct as getHeadingLevel, cu as preciseFontModeVersion, cv as isPreciseFontModeEnabled, cw as resolveNamedTextStyle, cx as togglePreciseFontMode, cy as nextFontSizePt, cz as previousFontSizePt, cA as fontSizePtToPx, cB as createDefaultToolbarPreset, cC as MenuRegistry, cD as createToolbarRegistry, cE as Editor, cF as resolveCommandRef, cG as commandRefName, cH as createOasisEditorClient, cI as createEditorZoom, cJ as startLongTaskObserver, cK as installGlobalReport, cL as applyStoredPreciseFontPreference, cM as getWelcomeSeen, cN as isLocalFontAccessSupported, cO as EDITOR_SCROLL_PADDING_PX, cP as Toolbar, cQ as OasisEditorLoading, cR as I18nProvider, cS as createTranslator, cT as registerDomStatsSurface, cU as createEditorLogger } from "./index-BXo_oqOC.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, v as visitRun, q as assertNever, r as createSignal, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getActiveZone, C as getActiveSectionIndex, D as getParagraphs, G as normalizeSelection, H as positionToParagraphOffset, I as paragraphOffsetToPosition, J as clampPosition, K as findParagraphIndex, L as createCollapsedSelection, M as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as resolveDefaultParagraphStyleId, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as PX_PER_POINT, Z as underlineStyleToCssDecorationStyle, _ as resolveImageSrc, $ as listKindForTag, a0 as isParagraphTag, a1 as collectInlineRuns, a2 as parseParagraphStyle, a3 as getRunImage, a4 as InlineShell, a5 as BalloonShell, a6 as DocumentShell, a7 as createMemo, a8 as getCaretRectFromSnapshot, a9 as getParagraphRectFromSnapshot, aa as createComponent, ab as CaretOverlay, ac as Show, ad as createRenderEffect, ae as style, af as setStyleProperty, ag as setAttribute, ah as memo, ai as template, aj as Button, ak as useI18n, al as createEffect, am as TextField, an as Dialog, ao as insert, ap as className, aq as Grid, ar as SelectField, as as StatusText, at as ColorField, au as UNDERLINE_STYLE_OPTIONS, av as Stack, aw as For, ax as ToggleChip, ay as FormField, az as Checkbox, aA as FieldGroup, aB as Tabs, aC as NumberField, aD as parseNumber, aE as createStore, aF as reconcile, aG as RadioGroup, aH as Radio$1, aI as TextAreaField, aJ as Text, aK as SurfaceButton, aL as delegateEvents, aM as onMount, aN as onCleanup, aO as use, aP as PluginUiHost, aQ as OasisEditorEditor, aR as OasisBrandMark, aS as setPreciseFontPreference, aT as setWelcomeSeen, aU as enablePreciseFontMode, aV as TWIPS_PER_POINT, aW as PX_PER_INCH, aX as TWIPS_PER_INCH, aY as normalizeHex6, aZ as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, a_ as TABLE_BORDER_EDGE_KEYS, a$ as resolveEffectiveParagraphStyle, b0 as resolveEffectiveTextStyleForParagraph, b1 as EMU_PER_PT, b2 as OOXML_ROTATION_UNITS, b3 as OOXML_PERCENT_DENOMINATOR, b4 as parseHexColorToRgb255, b5 as EMU_PER_PX, b6 as getRunEndnoteReference, b7 as iterateFootnoteReferenceRuns, b8 as iterateEndnoteReferenceRuns, b9 as imageContentTypeDefaults, ba as getRunFieldChar, bb as getRunFieldInstruction, bc as createEditorRun, bd as JSZip, be as imageExtensionFromMime, bf as pxToPt$1, bg as resolveFloatingObjectRect, bh as getTextBoxFloatingGeometry, bi as getPresetPathSegments, bj as buildListLabels, bk as DEFAULT_FONT_SIZE_PX, bl as resolveGradientAxis, bm as isDoubleUnderlineStyle, bn as isWavyUnderlineStyle, bo as underlineStyleLineWidthPx, bp as WAVY_UNDERLINE_WAVELENGTH_PX, bq as WAVY_UNDERLINE_AMPLITUDE_PX, br as DOUBLE_UNDERLINE_OFFSET_PX, bs as underlineStyleDashArray, bt as EMPHASIS_GLYPH, bu as rgb255ToHex, bv as getImageFloatingGeometry, bw as textStyleToFontSizePt, bx as resolveTextAlignmentBaselineOffset, by as TEXT_BASELINE_RATIO, bz as resolveOpenTypeFeatureTags, bA as resolveDecorationLineY, bB as DOUBLE_STRIKE_OFFSET_PX, bC as resolveListLabel, bD as getListLabelInset, bE as getAlignedListLabelInset, bF as getParagraphBorderInsets, bG as buildSegmentTable, bH as buildCanvasTableLayout, bI as resolveCanvasTableWidth, bJ as resolveFloatingTableRect, bK as paragraphBetweenBorderMatches, bL as normalizeFamily, bM as ROBOTO_FONT_FILES, bN as loadFontAsset, bO as OFFICE_COMPAT_FONT_FAMILIES, bP as BinaryReader, bQ as buildSfnt, bR as defaultFontDecoderRegistry, bS as SfntFontProgram, bT as collectPdfFontFamilies, bU as outlineFrom, bV as getPageHeaderZoneTop, bW as getPageColumnRects, bX as findFootnoteReference, bY as resolveImporterForFile, bZ as roundTo, b_ as getDocumentSectionsCanonical, b$ as getDocumentParagraphsCanonical, c0 as getDocumentParagraphs, c1 as getDocumentPageSettings, c2 as getTableCellContentWidthForParagraph, c3 as layoutMetricsEpoch, c4 as bumpLayoutMetricsEpoch, c5 as createCanvasLayoutSnapshotProvider, c6 as on, c7 as debounce, c8 as unwrap, c9 as perfTimer, ca as getRunTextBox, cb as createEditorDocument, cc as resolveResizedDimensions, cd as resolveTextBoxRenderHeight, ce as getToolbarStyleState, cf as VERTICAL_HIT_WEIGHT, cg as getCachedCanvasImage, ch as measureParagraphMinContentWidthPx, ci as getEditableBlocksForZone, cj as findParagraphLocation, ck as createSectionBoundaryParagraph, cl as normalizePageSettings, cm as DEFAULT_EDITOR_PAGE_SETTINGS, cn as markStart, co as markEnd, cp as getParagraphEntries, cq as getParagraphById, cr as createEditorFootnote, cs as createFootnoteReferenceRun, ct as renumberFootnotes, cu as preciseFontModeVersion, cv as isPreciseFontModeEnabled, cw as getHeadingLevel, cx as togglePreciseFontMode, cy as nextFontSizePt, cz as previousFontSizePt, cA as fontSizePtToPx, cB as resolveNamedTextStyle, cC as createDefaultToolbarPreset, cD as MenuRegistry, cE as createToolbarRegistry, cF as Editor, cG as resolveCommandRef, cH as commandRefName, cI as createOasisEditorClient, cJ as createEditorZoom, cK as startLongTaskObserver, cL as installGlobalReport, cM as applyStoredPreciseFontPreference, cN as getWelcomeSeen, cO as isLocalFontAccessSupported, cP as EDITOR_SCROLL_PADDING_PX, cQ as Toolbar, cR as OasisEditorLoading, cS as I18nProvider, cT as createTranslator, cU as registerDomStatsSurface, cV as createEditorLogger } from "./index-DEBNBBUG.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -29808,8 +29808,7 @@ function distributeSelectedTableRows(state) {
     return { ...table, rows: nextRows };
   });
 }
-const DEFAULT_DISTRIBUTED_COLUMN_PT = 120;
-function parseWidthToPt(value) {
+function parseUnitToPt(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
     return value;
   }
@@ -29834,6 +29833,7 @@ function parseWidthToPt(value) {
   const parsed = Number.parseFloat(trimmed);
   return Number.isFinite(parsed) ? parsed : null;
 }
+const DEFAULT_DISTRIBUTED_COLUMN_PT = 120;
 function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableIndentLeft) {
   const updateTable = (table) => {
     var _a2;
@@ -29849,7 +29849,7 @@ function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableInd
     let hasGridOverride = false;
     let canResolveGrid = true;
     for (let columnIndex = 0; columnIndex < visualColumnCount; columnIndex += 1) {
-      const override = parseWidthToPt(columnWidths[columnIndex]);
+      const override = parseUnitToPt(columnWidths[columnIndex]);
       if (override !== null) {
         nextGridCols[columnIndex] = Math.max(1, override);
         hasGridOverride = true;
@@ -33335,47 +33335,22 @@ function TabStopsDialog(props) {
     }
   });
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-paragraph-dialog-panel>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer-split><div class=oasis-editor-dialog-footer-start></div><div class=oasis-editor-dialog-footer-end>`);
 const PT_TO_PX = 96 / 72;
 const DEFAULT_BORDER_WIDTH_PT$1 = 0.5;
 const DEFAULT_BORDER_COLOR$1 = "#000000";
 const OUTLINE_BODY = "";
-function parseNumber$1(value) {
-  if (value.trim() === "") return null;
-  const num = Number(value);
-  return Number.isFinite(num) ? num : null;
-}
 function deriveLineSpacing(lineRule, lineHeight) {
   if (lineRule === "exact" || lineRule === "atLeast") {
     const pt = lineHeight !== null ? Math.round(lineHeight / PT_TO_PX) : null;
-    return {
-      mode: lineRule,
-      at: pt
-    };
+    return { mode: lineRule, at: pt };
   }
-  if (lineHeight === null) return {
-    mode: "multiple",
-    at: null
-  };
-  if (lineHeight === 1) return {
-    mode: "single",
-    at: null
-  };
-  if (lineHeight === 1.5) return {
-    mode: "onePointFive",
-    at: null
-  };
-  if (lineHeight === 2) return {
-    mode: "double",
-    at: null
-  };
-  return {
-    mode: "multiple",
-    at: lineHeight
-  };
+  if (lineHeight === null) return { mode: "multiple", at: null };
+  if (lineHeight === 1) return { mode: "single", at: null };
+  if (lineHeight === 1.5) return { mode: "onePointFive", at: null };
+  if (lineHeight === 2) return { mode: "double", at: null };
+  return { mode: "multiple", at: lineHeight };
 }
-function ParagraphDialog(props) {
-  const t = useI18n();
+function useParagraphDialogController(props) {
   const [align, setAlign] = createSignal("");
   const [outlineLevel, setOutlineLevel] = createSignal(OUTLINE_BODY);
   const [indentLeft, setIndentLeft] = createSignal(null);
@@ -33401,27 +33376,28 @@ function ParagraphDialog(props) {
   const [keepLinesTogether, setKeepLinesTogether] = createSignal(false);
   const [widowControl, setWidowControl] = createSignal(true);
   const [tabs, setTabs] = createSignal([]);
-  const [tabsDialogOpen, setTabsDialogOpen] = createSignal(false);
   createEffect(() => {
     if (props.isOpen) {
       setAlign(props.initial.align ?? "");
       setOutlineLevel(props.initial.outlineLevel ?? OUTLINE_BODY);
-      setIndentLeft(parseNumber$1(props.initial.indentLeft ?? ""));
-      setIndentRight(parseNumber$1(props.initial.indentRight ?? ""));
+      setIndentLeft(parseNumber(props.initial.indentLeft ?? ""));
+      setIndentRight(parseNumber(props.initial.indentRight ?? ""));
       setMirrorIndents(props.initial.mirrorIndents ?? false);
-      setSpacingBefore(parseNumber$1(props.initial.spacingBefore ?? ""));
-      setSpacingAfter(parseNumber$1(props.initial.spacingAfter ?? ""));
+      setSpacingBefore(parseNumber(props.initial.spacingBefore ?? ""));
+      setSpacingAfter(parseNumber(props.initial.spacingAfter ?? ""));
       setContextualSpacing(props.initial.contextualSpacing ?? false);
       setShading(props.initial.shading ?? "");
-      const {
-        mode,
-        at
-      } = deriveLineSpacing(props.initial.lineRule ?? "", parseNumber$1(props.initial.lineHeight ?? ""));
+      const { mode, at } = deriveLineSpacing(
+        props.initial.lineRule ?? "",
+        parseNumber(props.initial.lineHeight ?? "")
+      );
       setLineMode(mode);
       setLineAt(at);
       const initialBorderStyle = props.initial.borderStyle;
-      setBorderStyle(initialBorderStyle === "solid" || initialBorderStyle === "dashed" || initialBorderStyle === "dotted" ? initialBorderStyle : "none");
-      setBorderWidth(parseNumber$1(props.initial.borderWidth ?? ""));
+      setBorderStyle(
+        initialBorderStyle === "solid" || initialBorderStyle === "dashed" || initialBorderStyle === "dotted" ? initialBorderStyle : "none"
+      );
+      setBorderWidth(parseNumber(props.initial.borderWidth ?? ""));
       setBorderColor(props.initial.borderColor ?? "");
       setSideTop(props.initial.borderSideTop ?? false);
       setSideRight(props.initial.borderSideRight ?? false);
@@ -33432,8 +33408,8 @@ function ParagraphDialog(props) {
       setKeepLinesTogether(props.initial.keepLinesTogether ?? false);
       setWidowControl(props.initial.widowControl ?? true);
       setTabs(props.initial.tabs ?? []);
-      const firstLine = parseNumber$1(props.initial.indentFirstLine ?? "");
-      const hanging = parseNumber$1(props.initial.indentHanging ?? "");
+      const firstLine = parseNumber(props.initial.indentFirstLine ?? "");
+      const hanging = parseNumber(props.initial.indentHanging ?? "");
       if (hanging !== null && hanging > 0) {
         setSpecial("hanging");
         setSpecialBy(hanging);
@@ -33450,25 +33426,13 @@ function ParagraphDialog(props) {
   const resolveLineSpacing = () => {
     switch (lineMode()) {
       case "single":
-        return {
-          lineHeight: 1,
-          lineRule: null
-        };
+        return { lineHeight: 1, lineRule: null };
       case "onePointFive":
-        return {
-          lineHeight: 1.5,
-          lineRule: null
-        };
+        return { lineHeight: 1.5, lineRule: null };
       case "double":
-        return {
-          lineHeight: 2,
-          lineRule: null
-        };
+        return { lineHeight: 2, lineRule: null };
       case "multiple":
-        return {
-          lineHeight: lineAt(),
-          lineRule: null
-        };
+        return { lineHeight: lineAt(), lineRule: null };
       case "atLeast":
         return {
           lineHeight: lineAt() !== null ? lineAt() * PT_TO_PX : null,
@@ -33488,10 +33452,7 @@ function ParagraphDialog(props) {
     const hanging = special() === "hanging" ? specialBy() : null;
     const textIndent = firstLine !== null ? firstLine : hanging !== null ? -hanging : null;
     const borderCss = borderStyle() !== "none" ? `${borderWidth() ?? DEFAULT_BORDER_WIDTH_PT$1}pt ${borderStyle()} ${borderColor().trim() || DEFAULT_BORDER_COLOR$1}` : void 0;
-    const {
-      lineHeight,
-      lineRule
-    } = resolveLineSpacing();
+    const { lineHeight, lineRule } = resolveLineSpacing();
     const lineHeightCss = lineHeight === null ? void 0 : lineRule === "exact" || lineRule === "atLeast" ? `${lineHeight}px` : String(lineHeight);
     return {
       "text-align": align() || void 0,
@@ -33509,12 +33470,7 @@ function ParagraphDialog(props) {
   const resolveBorders = () => {
     const style2 = borderStyle();
     if (style2 === "none") {
-      return {
-        top: null,
-        right: null,
-        bottom: null,
-        left: null
-      };
+      return { top: null, right: null, bottom: null, left: null };
     }
     const width = borderWidth();
     const border = {
@@ -33531,10 +33487,7 @@ function ParagraphDialog(props) {
   };
   const collectValues = () => {
     const by = specialBy();
-    const {
-      lineHeight,
-      lineRule
-    } = resolveLineSpacing();
+    const { lineHeight, lineRule } = resolveLineSpacing();
     const outline = outlineLevel();
     return {
       align: align() || null,
@@ -33567,6 +33520,123 @@ function ParagraphDialog(props) {
     (_a2 = props.onSetDefault) == null ? void 0 : _a2.call(props, collectValues());
     props.onClose();
   };
+  return {
+    align,
+    setAlign,
+    outlineLevel,
+    setOutlineLevel,
+    indentLeft,
+    setIndentLeft,
+    indentRight,
+    setIndentRight,
+    special,
+    setSpecial,
+    specialBy,
+    setSpecialBy,
+    mirrorIndents,
+    setMirrorIndents,
+    spacingBefore,
+    setSpacingBefore,
+    spacingAfter,
+    setSpacingAfter,
+    lineMode,
+    setLineMode,
+    lineAt,
+    setLineAt,
+    contextualSpacing,
+    setContextualSpacing,
+    shading,
+    setShading,
+    borderStyle,
+    setBorderStyle,
+    borderWidth,
+    setBorderWidth,
+    borderColor,
+    setBorderColor,
+    sideTop,
+    setSideTop,
+    sideRight,
+    setSideRight,
+    sideBottom,
+    setSideBottom,
+    sideLeft,
+    setSideLeft,
+    pageBreakBefore,
+    setPageBreakBefore,
+    keepWithNext,
+    setKeepWithNext,
+    keepLinesTogether,
+    setKeepLinesTogether,
+    widowControl,
+    setWidowControl,
+    tabs,
+    setTabs,
+    atEnabled,
+    previewStyle,
+    handleApply,
+    handleSetDefault
+  };
+}
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-paragraph-dialog-panel>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`), _tmpl$3$1 = /* @__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);
+  const {
+    align,
+    setAlign,
+    outlineLevel,
+    setOutlineLevel,
+    indentLeft,
+    setIndentLeft,
+    indentRight,
+    setIndentRight,
+    special,
+    setSpecial,
+    specialBy,
+    setSpecialBy,
+    mirrorIndents,
+    setMirrorIndents,
+    spacingBefore,
+    setSpacingBefore,
+    spacingAfter,
+    setSpacingAfter,
+    lineMode,
+    setLineMode,
+    lineAt,
+    setLineAt,
+    contextualSpacing,
+    setContextualSpacing,
+    shading,
+    setShading,
+    borderStyle,
+    setBorderStyle,
+    borderWidth,
+    setBorderWidth,
+    borderColor,
+    setBorderColor,
+    sideTop,
+    setSideTop,
+    sideRight,
+    setSideRight,
+    sideBottom,
+    setSideBottom,
+    sideLeft,
+    setSideLeft,
+    pageBreakBefore,
+    setPageBreakBefore,
+    keepWithNext,
+    setKeepWithNext,
+    keepLinesTogether,
+    setKeepLinesTogether,
+    widowControl,
+    setWidowControl,
+    tabs,
+    setTabs,
+    atEnabled,
+    previewStyle,
+    handleApply,
+    handleSetDefault
+  } = useParagraphDialogController(props);
   const alignField = createComponent(SelectField, {
     get label() {
       return t("paragraph.alignLabel");
@@ -34236,11 +34306,6 @@ function ParagraphDialog(props) {
 }
 const DEFAULT_BORDER_WIDTH_PT = 0.5;
 const DEFAULT_BORDER_COLOR = "#000000";
-function parseNumber(value) {
-  if (value.trim() === "") return null;
-  const parsed = Number(value);
-  return Number.isFinite(parsed) ? parsed : null;
-}
 function parseWidth(value, unit) {
   const parsed = parseNumber(value);
   if (parsed === null) return null;
@@ -36161,6 +36226,9 @@ function pointsToTwips(value) {
 function normalizeDocxColor(color, fallback = "000000") {
   return normalizeHex6(color) ?? fallback;
 }
+function serializeShading(fill) {
+  return `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(fill, "FFFFFF")}"/>`;
+}
 function buildBookmarkExportPlan(document2) {
   const registry = document2.bookmarks;
   if (!registry || registry.order.length === 0) {
@@ -36501,9 +36569,7 @@ function serializeTableCellProperties(cell, fallbackWidthPt) {
     parts.push("<w:vMerge/>");
   }
   if ((_b2 = cell.style) == null ? void 0 : _b2.shading) {
-    parts.push(
-      `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(cell.style.shading, "FFFFFF")}"/>`
-    );
+    parts.push(serializeShading(cell.style.shading));
   }
   const noWrap = serializeOnOffElement("noWrap", (_c = cell.style) == null ? void 0 : _c.noWrap);
   if (noWrap) {
@@ -37068,9 +37134,7 @@ function serializeParagraphStyleXml(style2) {
     parts.push(paragraphBorders);
   }
   if (style2.shading) {
-    parts.push(
-      `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(style2.shading, "FFFFFF")}"/>`
-    );
+    parts.push(serializeShading(style2.shading));
   }
   if (style2.textDirection) {
     parts.push(`<w:textDirection w:val="${style2.textDirection}"/>`);
@@ -37134,9 +37198,7 @@ function serializeParagraphProperties(paragraph, numberingInfo, styles, override
     parts.push(paragraphBorders);
   }
   if (style2.shading) {
-    parts.push(
-      `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(style2.shading, "FFFFFF")}"/>`
-    );
+    parts.push(serializeShading(style2.shading));
   }
   if (style2.textDirection) {
     parts.push(`<w:textDirection w:val="${style2.textDirection}"/>`);
@@ -37427,9 +37489,7 @@ function serializeRunProperties(styles) {
     );
   }
   if (styles.shading) {
-    parts.push(
-      `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(styles.shading, "FFFFFF")}"/>`
-    );
+    parts.push(serializeShading(styles.shading));
   }
   if (styles.fitText !== void 0 && styles.fitText !== null && Number.isFinite(styles.fitText)) {
     const twips = pointsToSignedTwips(styles.fitText);
@@ -41258,6 +41318,14 @@ class PdfContentStream {
     );
   }
 }
+function parseExtensionLookup(reader, offset, parseSubtable2) {
+  reader.seek(offset);
+  const format = reader.u16();
+  if (format !== 1) return null;
+  const extensionType = reader.u16();
+  const extensionOffset = offset + reader.u32();
+  return parseSubtable2(reader, extensionOffset, extensionType);
+}
 function readU16Array(reader, count) {
   const array = new Array(count);
   for (let i = 0; i < count; i += 1) array[i] = reader.u16();
@@ -41769,14 +41837,8 @@ function parseSubtable$1(reader, offset, lookupType) {
       return parseLigatureSubst(reader, offset);
     case 6:
       return parseChainContextSubst(reader, offset);
-    case 7: {
-      reader.seek(offset);
-      const format = reader.u16();
-      if (format !== 1) return null;
-      const extensionType = reader.u16();
-      const extensionOffset = offset + reader.u32();
-      return parseSubtable$1(reader, extensionOffset, extensionType);
-    }
+    case 7:
+      return parseExtensionLookup(reader, offset, parseSubtable$1);
     default:
       return null;
   }
@@ -41999,14 +42061,8 @@ function parseSubtable(reader, offset, lookupType) {
       return parseSinglePos(reader, offset);
     case 2:
       return parsePairPos(reader, offset);
-    case 9: {
-      reader.seek(offset);
-      const format = reader.u16();
-      if (format !== 1) return null;
-      const extensionType = reader.u16();
-      const extensionOffset = offset + reader.u32();
-      return parseSubtable(reader, extensionOffset, extensionType);
-    }
+    case 9:
+      return parseExtensionLookup(reader, offset, parseSubtable);
     default:
       return null;
   }
@@ -46880,12 +46936,23 @@ function createTableCellSpanOperationsImpl(deps) {
     splitSelectedTable
   };
 }
+function markTableRevision(target, type) {
+  target.style = {
+    ...target.style ?? {},
+    revision: { ...createTableRevisionMetadata(), type }
+  };
+}
+function resolveNextTableParagraph(tableBlock, targetCell, fallbackRow) {
+  var _a2;
+  return (targetCell == null ? void 0 : targetCell.blocks[0]) ?? ((_a2 = fallbackRow == null ? void 0 : fallbackRow.cells.find(
+    (cell) => cell.vMerge !== "continue" && cell.blocks[0]
+  )) == null ? void 0 : _a2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+}
 function createTableRowColumnOperations(deps) {
   return createTableRowColumnOperationsImpl(deps);
 }
 function createTableRowColumnOperationsImpl(deps) {
   const insertSelectedTableRow = (current, direction) => {
-    var _a2, _b2;
     const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
     if (!mut) return current;
     const { tableBlock, location, targetBlocks } = mut;
@@ -46940,20 +47007,16 @@ function createTableRowColumnOperationsImpl(deps) {
         })
       );
       if (current.trackChangesEnabled) {
-        blankRow.style = {
-          ...blankRow.style ?? {},
-          revision: {
-            ...createTableRevisionMetadata(),
-            type: "insert"
-          }
-        };
+        markTableRevision(blankRow, "insert");
       }
       tableBlock.rows.splice(insertIndex, 0, blankRow);
       const targetVisualColumn = (selectedEntry == null ? void 0 : selectedEntry.visualColumnIndex) ?? location.cellIndex;
       const targetCell2 = findCellAtVisualColumn(blankRow, targetVisualColumn);
-      const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? ((_a2 = blankRow.cells.find(
-        (cell) => cell.vMerge !== "continue" && cell.blocks[0]
-      )) == null ? void 0 : _a2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+      const nextParagraph2 = resolveNextTableParagraph(
+        tableBlock,
+        targetCell2,
+        blankRow
+      );
       return commitTableMutation(
         current,
         targetBlocks,
@@ -46970,19 +47033,15 @@ function createTableRowColumnOperationsImpl(deps) {
       )
     );
     if (current.trackChangesEnabled) {
-      blankRow.style = {
-        ...blankRow.style ?? {},
-        revision: {
-          ...createTableRevisionMetadata(),
-          type: "insert"
-        }
-      };
+      markTableRevision(blankRow, "insert");
     }
     tableBlock.rows.splice(insertIndex, 0, blankRow);
     const targetCell = blankRow.cells[Math.min(location.cellIndex, blankRow.cells.length - 1)];
-    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? ((_b2 = blankRow.cells.find(
-      (cell) => cell.vMerge !== "continue" && cell.blocks[0]
-    )) == null ? void 0 : _b2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+    const nextParagraph = resolveNextTableParagraph(
+      tableBlock,
+      targetCell,
+      blankRow
+    );
     return commitTableMutation(
       current,
       targetBlocks,
@@ -47002,13 +47061,7 @@ function createTableRowColumnOperationsImpl(deps) {
       return current;
     }
     if (current.trackChangesEnabled) {
-      rowToDelete.style = {
-        ...rowToDelete.style ?? {},
-        revision: {
-          ...createTableRevisionMetadata(),
-          type: "delete"
-        }
-      };
+      markTableRevision(rowToDelete, "delete");
       return commitTableMutation(current, targetBlocks, location.zone, null);
     }
     const blockedByRestartCell = rowToDelete.cells.some(
@@ -47048,7 +47101,7 @@ function createTableRowColumnOperationsImpl(deps) {
         Math.max(0, getRowVisualWidth(nextRow) - 1)
       )
     ) : null;
-    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+    const nextParagraph = resolveNextTableParagraph(tableBlock, targetCell);
     return commitTableMutation(
       current,
       targetBlocks,
@@ -47081,12 +47134,7 @@ function createTableRowColumnOperationsImpl(deps) {
               createEditorParagraph("")
             ]);
             if (current.trackChangesEnabled) {
-              insertedCell.style = {
-                revision: {
-                  ...createTableRevisionMetadata(),
-                  type: "insert"
-                }
-              };
+              markTableRevision(insertedCell, "insert");
             }
             nextCells.push(insertedCell);
             inserted = true;
@@ -47117,12 +47165,7 @@ function createTableRowColumnOperationsImpl(deps) {
             createEditorParagraph("")
           ]);
           if (current.trackChangesEnabled) {
-            insertedCell.style = {
-              revision: {
-                ...createTableRevisionMetadata(),
-                type: "insert"
-              }
-            };
+            markTableRevision(insertedCell, "insert");
           }
           nextCells.push(insertedCell);
         }
@@ -47130,7 +47173,7 @@ function createTableRowColumnOperationsImpl(deps) {
       }
       const targetRow2 = tableBlock.rows[location.rowIndex];
       const targetCell2 = targetRow2 ? findCellAtVisualColumn(targetRow2, insertVisualColumn) : null;
-      const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+      const nextParagraph2 = resolveNextTableParagraph(tableBlock, targetCell2);
       return commitTableMutation(
         current,
         targetBlocks,
@@ -47148,18 +47191,13 @@ function createTableRowColumnOperationsImpl(deps) {
     for (const row of tableBlock.rows) {
       const insertedCell = createEditorTableCell([createEditorParagraph("")]);
       if (current.trackChangesEnabled) {
-        insertedCell.style = {
-          revision: {
-            ...createTableRevisionMetadata(),
-            type: "insert"
-          }
-        };
+        markTableRevision(insertedCell, "insert");
       }
       row.cells.splice(insertIndex, 0, insertedCell);
     }
     const targetRow = tableBlock.rows[location.rowIndex];
     const targetCell = targetRow == null ? void 0 : targetRow.cells[insertIndex];
-    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+    const nextParagraph = resolveNextTableParagraph(tableBlock, targetCell);
     return commitTableMutation(
       current,
       targetBlocks,
@@ -47184,13 +47222,7 @@ function createTableRowColumnOperationsImpl(deps) {
       for (const row of tableBlock.rows) {
         const cell = findCellAtVisualColumn(row, visualColumn);
         if (cell) {
-          cell.style = {
-            ...cell.style ?? {},
-            revision: {
-              ...createTableRevisionMetadata(),
-              type: "delete"
-            }
-          };
+          markTableRevision(cell, "delete");
         }
       }
       return commitTableMutation(current, targetBlocks, location.zone, null);
@@ -47231,7 +47263,7 @@ function createTableRowColumnOperationsImpl(deps) {
           Math.max(0, getRowVisualWidth(targetRow2) - 1)
         )
       );
-      const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+      const nextParagraph2 = resolveNextTableParagraph(tableBlock, targetCell2);
       return commitTableMutation(
         current,
         targetBlocks,
@@ -47247,7 +47279,7 @@ function createTableRowColumnOperationsImpl(deps) {
     }
     const targetRow = tableBlock.rows[location.rowIndex];
     const targetCell = targetRow == null ? void 0 : targetRow.cells[Math.min(location.cellIndex, targetRow.cells.length - 1)];
-    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+    const nextParagraph = resolveNextTableParagraph(tableBlock, targetCell);
     return commitTableMutation(
       current,
       targetBlocks,
@@ -49179,34 +49211,7 @@ function pxToPt(px) {
 function ptToPx(pt) {
   return pt * PIXELS_PER_POINT;
 }
-function parseSizeToPt(value) {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value !== "string") {
-    return null;
-  }
-  const trimmed = value.trim().toLowerCase();
-  if (!trimmed) {
-    return null;
-  }
-  if (trimmed.endsWith("pt")) {
-    const parsed2 = Number.parseFloat(trimmed.slice(0, -2));
-    return Number.isFinite(parsed2) ? parsed2 : null;
-  }
-  if (trimmed.endsWith("px")) {
-    const parsed2 = Number.parseFloat(trimmed.slice(0, -2));
-    return Number.isFinite(parsed2) ? pxToPt(parsed2) : null;
-  }
-  if (trimmed.includes("%")) {
-    return null;
-  }
-  if (!/^[+-]?\d+(\.\d+)?$/.test(trimmed)) {
-    return null;
-  }
-  const parsed = Number.parseFloat(trimmed);
-  return Number.isFinite(parsed) ? parsed : null;
-}
+const parseSizeToPt = parseUnitToPt;
 const CONTENT_MIN_WIDTH_GUARD_PX = 12;
 const CONTENT_MIN_HEIGHT_GUARD_PX = 4;
 const DEFAULT_CELL_PADDING_LEFT_RIGHT_PX = 7.2;
@@ -49963,6 +49968,15 @@ function findNextWordBoundary(text, offset) {
 }
 const REUSE_MOUSE_DOWN_HIT_MAX_AGE_MS = 600;
 const REUSE_MOUSE_DOWN_HIT_MAX_DISTANCE_PX = 8;
+function resolveZoneFirstParagraph(blocks, zone) {
+  if (!blocks || blocks.length === 0) {
+    const paragraph2 = createSectionBoundaryParagraph(zone);
+    return { paragraph: paragraph2, blocks: [paragraph2] };
+  }
+  const firstBlock = blocks[0];
+  const paragraph = firstBlock.type === "paragraph" ? firstBlock : getBlockParagraphs(firstBlock)[0] ?? null;
+  return { paragraph, blocks };
+}
 function resolveTripleClickParagraphRange(state, paragraph, targetZone) {
   const zoneParagraphs = getDocumentParagraphs(state.document).filter(
     (candidate) => {
@@ -50043,21 +50057,13 @@ function createEditorSurfaceEventsImpl(deps) {
     let newFooter = section.footer;
     let zoneParagraph = null;
     if (targetZone === "header") {
-      if (!newHeader || newHeader.length === 0) {
-        zoneParagraph = createSectionBoundaryParagraph("header");
-        newHeader = [zoneParagraph];
-      } else {
-        const firstBlock = newHeader[0];
-        zoneParagraph = firstBlock.type === "paragraph" ? firstBlock : getBlockParagraphs(firstBlock)[0] ?? null;
-      }
+      const resolved = resolveZoneFirstParagraph(newHeader, "header");
+      zoneParagraph = resolved.paragraph;
+      newHeader = resolved.blocks;
     } else if (targetZone === "footer") {
-      if (!newFooter || newFooter.length === 0) {
-        zoneParagraph = createSectionBoundaryParagraph("footer");
-        newFooter = [zoneParagraph];
-      } else {
-        const firstBlock = newFooter[0];
-        zoneParagraph = firstBlock.type === "paragraph" ? firstBlock : getBlockParagraphs(firstBlock)[0] ?? null;
-      }
+      const resolved = resolveZoneFirstParagraph(newFooter, "footer");
+      zoneParagraph = resolved.paragraph;
+      newFooter = resolved.blocks;
     }
     if (newHeader !== section.header || newFooter !== section.footer) {
       const newSections = [...sections];
@@ -53015,224 +53021,6 @@ function connectEditorClientHost(controller, deps) {
     exportPdf: () => Promise.resolve(deps.docIO.handleExportPdf())
   });
 }
-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))
-  );
-}
-const DEFAULT_TOC_MAX_LEVEL = 3;
-const TOC_INSTRUCTION = ' TOC \\o "1-3" \\h \\z \\u ';
-const twipsToPx = (twips) => Math.round(twips / TWIPS_PER_INCH * PX_PER_INCH);
-function collectTocHeadings(state, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
-  var _a2;
-  const headings = [];
-  for (const paragraph of getDocumentParagraphs(state.document)) {
-    const level = getHeadingLevel((_a2 = paragraph.style) == null ? void 0 : _a2.styleId);
-    if (level === null || level > maxLevel) continue;
-    const text = getParagraphText(paragraph).trim();
-    if (!text) continue;
-    headings.push({ id: paragraph.id, level, text });
-  }
-  return headings;
-}
-function makeRun(partial) {
-  const id = createEditorRun(partial.text).id;
-  if (partial.fieldChar) {
-    return {
-      id,
-      text: partial.text,
-      kind: "fieldChar",
-      fieldChar: partial.fieldChar
-    };
-  }
-  if (partial.fieldInstruction !== void 0) {
-    return {
-      id,
-      text: partial.text,
-      kind: "fieldInstruction",
-      fieldInstruction: partial.fieldInstruction
-    };
-  }
-  return { id, text: partial.text, kind: "text" };
-}
-function makeParagraph(runs, style2) {
-  const paragraph = createEditorParagraph("");
-  paragraph.runs = runs;
-  if (style2) paragraph.style = style2;
-  return paragraph;
-}
-function buildEntryParagraph(heading, pageNumber, rightTabPositionPt) {
-  const pageLabel = pageNumber !== void 0 ? String(pageNumber) : "";
-  const run = makeRun({ text: `${heading.text}	${pageLabel}` });
-  const style2 = {
-    tabs: [{ position: rightTabPositionPt, type: "right", leader: "dot" }],
-    spacingAfter: twipsToPx(40),
-    indentLeft: twipsToPx((heading.level - 1) * 397)
-  };
-  return makeParagraph([run], style2);
-}
-function rightTabPositionForSection(section) {
-  const { width, margins } = section.pageSettings;
-  const contentWidthPx = Math.max(0, width - margins.left - margins.right);
-  return roundTo(contentWidthPx * PT_PER_PX, 2);
-}
-function buildStartMarkerParagraph() {
-  return makeParagraph([
-    makeRun({ text: "", fieldChar: { kind: "begin" } }),
-    makeRun({ text: "", fieldInstruction: TOC_INSTRUCTION }),
-    makeRun({ text: "", fieldChar: { kind: "separate" } })
-  ]);
-}
-function buildEndMarkerParagraph() {
-  return makeParagraph([makeRun({ text: "", fieldChar: { kind: "end" } })]);
-}
-function buildTocBlocks(headings, resolvePage, rightTabPositionPt) {
-  const entries = headings.map(
-    (heading) => buildEntryParagraph(heading, resolvePage(heading.id), rightTabPositionPt)
-  );
-  return [buildStartMarkerParagraph(), ...entries, buildEndMarkerParagraph()];
-}
-function replaceSectionBlocks(state, sectionIndex, nextBlocks, selectionParagraph) {
-  const sections = getDocumentSections(state.document);
-  const section = sections[sectionIndex];
-  if (!section) return state;
-  const nextSections = [...sections];
-  nextSections[sectionIndex] = { ...section, blocks: nextBlocks };
-  return {
-    ...state,
-    document: { ...state.document, sections: nextSections },
-    selection: withSelection(paragraphOffsetToPosition(selectionParagraph, 0))
-  };
-}
-function insertTableOfContents(state, resolvePage = () => void 0, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
-  const zone = getActiveZone(state);
-  if (zone !== "main") return state;
-  const sectionIndex = getActiveSectionIndex(state);
-  const sections = getDocumentSections(state.document);
-  const section = sections[sectionIndex];
-  if (!section) return state;
-  const headings = collectTocHeadings(state, maxLevel);
-  const tocBlocks = buildTocBlocks(
-    headings,
-    resolvePage,
-    rightTabPositionForSection(section)
-  );
-  const focus = clampPosition(state, state.selection.focus);
-  const blockIndex = section.blocks.findIndex((block) => {
-    if (block.id === focus.paragraphId) return true;
-    if (block.type === "paragraph") return false;
-    return getBlockParagraphs(block).some(
-      (p) => p.id === focus.paragraphId
-    );
-  });
-  const insertAt = blockIndex === -1 ? section.blocks.length : blockIndex + 1;
-  const nextBlocks = [
-    ...section.blocks.slice(0, insertAt),
-    ...tocBlocks,
-    ...section.blocks.slice(insertAt)
-  ];
-  return replaceSectionBlocks(state, sectionIndex, nextBlocks, tocBlocks[0]);
-}
-function findTocRegion(blocks) {
-  let depth = 0;
-  let instruction = "";
-  let separateBlockIndex = -1;
-  let beginBlockIndex = -1;
-  let isToc = false;
-  for (let i = 0; i < blocks.length; i += 1) {
-    const block = blocks[i];
-    if (block.type !== "paragraph") continue;
-    for (const run of block.runs) {
-      const fieldChar = getRunFieldChar(run);
-      const fieldInstruction = getRunFieldInstruction(run);
-      if ((fieldChar == null ? void 0 : fieldChar.kind) === "begin") {
-        depth += 1;
-        if (depth === 1) {
-          beginBlockIndex = i;
-          instruction = "";
-          isToc = false;
-          separateBlockIndex = -1;
-        }
-      } else if (depth === 1 && fieldInstruction !== void 0) {
-        instruction += fieldInstruction;
-        if (/\bTOC\b/i.test(instruction)) isToc = true;
-      } else if ((fieldChar == null ? void 0 : fieldChar.kind) === "separate") {
-        if (depth === 1) separateBlockIndex = i;
-      } else if ((fieldChar == null ? void 0 : fieldChar.kind) === "end") {
-        if (depth === 1) {
-          if (isToc) {
-            return {
-              startBlockIndex: separateBlockIndex >= 0 ? separateBlockIndex : beginBlockIndex,
-              endBlockIndex: i
-            };
-          }
-        }
-        depth = Math.max(0, depth - 1);
-      }
-    }
-  }
-  return null;
-}
-function updateTableOfContents(state, resolvePage = () => void 0, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
-  const sectionIndex = getActiveSectionIndex(state);
-  const sections = getDocumentSections(state.document);
-  const section = sections[sectionIndex];
-  if (!section) return state;
-  const region = findTocRegion(section.blocks);
-  if (!region) return state;
-  const headings = collectTocHeadings(state, maxLevel);
-  const entries = headings.map(
-    (heading) => buildEntryParagraph(
-      heading,
-      resolvePage(heading.id),
-      rightTabPositionForSection(section)
-    )
-  );
-  const nextBlocks = [
-    ...section.blocks.slice(0, region.startBlockIndex + 1),
-    ...entries,
-    ...section.blocks.slice(region.endBlockIndex)
-  ];
-  const selectionParagraph = entries[0] ?? section.blocks[region.startBlockIndex];
-  return replaceSectionBlocks(
-    state,
-    sectionIndex,
-    nextBlocks,
-    selectionParagraph
-  );
-}
 function createCommandBuilder(isCommandEnabled) {
   return (name, execute, state) => ({
     execute,
@@ -53894,16 +53682,211 @@ function createEssentialsPlugin(deps) {
     }
   };
 }
-function createEditorEssentialsRuntimePlugin(options) {
-  const essentialsGate = {
+function buildEssentialsGate(options) {
+  return {
     isCommandEnabled: (commandName) => !options.isReadOnly() && (commandName !== "insertFootnote" || options.commandsController.canInsertFootnoteCommand())
   };
-  const essentialsStyle = {
+}
+function buildEssentialsStyle(options) {
+  return {
     state: () => options.styleController.toolbarStyleState()
   };
-  const essentialsSelection = {
+}
+function buildEssentialsSelection(options) {
+  return {
     isCollapsed: () => isSelectionCollapsed(options.state().selection)
   };
+}
+function buildEssentialsHistory(options) {
+  return {
+    canUndo: () => options.undoStack().length > 0,
+    canRedo: () => options.redoStack().length > 0,
+    undo: () => (options.historyActions.performUndo(), true),
+    redo: () => (options.historyActions.performRedo(), true)
+  };
+}
+const DEFAULT_TOC_MAX_LEVEL = 3;
+const TOC_INSTRUCTION = ' TOC \\o "1-3" \\h \\z \\u ';
+const twipsToPx = (twips) => Math.round(twips / TWIPS_PER_INCH * PX_PER_INCH);
+function collectTocHeadings(state, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
+  var _a2;
+  const headings = [];
+  for (const paragraph of getDocumentParagraphs(state.document)) {
+    const level = getHeadingLevel((_a2 = paragraph.style) == null ? void 0 : _a2.styleId);
+    if (level === null || level > maxLevel) continue;
+    const text = getParagraphText(paragraph).trim();
+    if (!text) continue;
+    headings.push({ id: paragraph.id, level, text });
+  }
+  return headings;
+}
+function makeRun(partial) {
+  const id = createEditorRun(partial.text).id;
+  if (partial.fieldChar) {
+    return {
+      id,
+      text: partial.text,
+      kind: "fieldChar",
+      fieldChar: partial.fieldChar
+    };
+  }
+  if (partial.fieldInstruction !== void 0) {
+    return {
+      id,
+      text: partial.text,
+      kind: "fieldInstruction",
+      fieldInstruction: partial.fieldInstruction
+    };
+  }
+  return { id, text: partial.text, kind: "text" };
+}
+function makeParagraph(runs, style2) {
+  const paragraph = createEditorParagraph("");
+  paragraph.runs = runs;
+  if (style2) paragraph.style = style2;
+  return paragraph;
+}
+function buildEntryParagraph(heading, pageNumber, rightTabPositionPt) {
+  const pageLabel = pageNumber !== void 0 ? String(pageNumber) : "";
+  const run = makeRun({ text: `${heading.text}	${pageLabel}` });
+  const style2 = {
+    tabs: [{ position: rightTabPositionPt, type: "right", leader: "dot" }],
+    spacingAfter: twipsToPx(40),
+    indentLeft: twipsToPx((heading.level - 1) * 397)
+  };
+  return makeParagraph([run], style2);
+}
+function rightTabPositionForSection(section) {
+  const { width, margins } = section.pageSettings;
+  const contentWidthPx = Math.max(0, width - margins.left - margins.right);
+  return roundTo(contentWidthPx * PT_PER_PX, 2);
+}
+function buildStartMarkerParagraph() {
+  return makeParagraph([
+    makeRun({ text: "", fieldChar: { kind: "begin" } }),
+    makeRun({ text: "", fieldInstruction: TOC_INSTRUCTION }),
+    makeRun({ text: "", fieldChar: { kind: "separate" } })
+  ]);
+}
+function buildEndMarkerParagraph() {
+  return makeParagraph([makeRun({ text: "", fieldChar: { kind: "end" } })]);
+}
+function buildTocBlocks(headings, resolvePage, rightTabPositionPt) {
+  const entries = headings.map(
+    (heading) => buildEntryParagraph(heading, resolvePage(heading.id), rightTabPositionPt)
+  );
+  return [buildStartMarkerParagraph(), ...entries, buildEndMarkerParagraph()];
+}
+function replaceSectionBlocks(state, sectionIndex, nextBlocks, selectionParagraph) {
+  const sections = getDocumentSections(state.document);
+  const section = sections[sectionIndex];
+  if (!section) return state;
+  const nextSections = [...sections];
+  nextSections[sectionIndex] = { ...section, blocks: nextBlocks };
+  return {
+    ...state,
+    document: { ...state.document, sections: nextSections },
+    selection: withSelection(paragraphOffsetToPosition(selectionParagraph, 0))
+  };
+}
+function insertTableOfContents(state, resolvePage = () => void 0, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
+  const zone = getActiveZone(state);
+  if (zone !== "main") return state;
+  const sectionIndex = getActiveSectionIndex(state);
+  const sections = getDocumentSections(state.document);
+  const section = sections[sectionIndex];
+  if (!section) return state;
+  const headings = collectTocHeadings(state, maxLevel);
+  const tocBlocks = buildTocBlocks(
+    headings,
+    resolvePage,
+    rightTabPositionForSection(section)
+  );
+  const focus = clampPosition(state, state.selection.focus);
+  const blockIndex = section.blocks.findIndex((block) => {
+    if (block.id === focus.paragraphId) return true;
+    if (block.type === "paragraph") return false;
+    return getBlockParagraphs(block).some(
+      (p) => p.id === focus.paragraphId
+    );
+  });
+  const insertAt = blockIndex === -1 ? section.blocks.length : blockIndex + 1;
+  const nextBlocks = [
+    ...section.blocks.slice(0, insertAt),
+    ...tocBlocks,
+    ...section.blocks.slice(insertAt)
+  ];
+  return replaceSectionBlocks(state, sectionIndex, nextBlocks, tocBlocks[0]);
+}
+function findTocRegion(blocks) {
+  let depth = 0;
+  let instruction = "";
+  let separateBlockIndex = -1;
+  let beginBlockIndex = -1;
+  let isToc = false;
+  for (let i = 0; i < blocks.length; i += 1) {
+    const block = blocks[i];
+    if (block.type !== "paragraph") continue;
+    for (const run of block.runs) {
+      const fieldChar = getRunFieldChar(run);
+      const fieldInstruction = getRunFieldInstruction(run);
+      if ((fieldChar == null ? void 0 : fieldChar.kind) === "begin") {
+        depth += 1;
+        if (depth === 1) {
+          beginBlockIndex = i;
+          instruction = "";
+          isToc = false;
+          separateBlockIndex = -1;
+        }
+      } else if (depth === 1 && fieldInstruction !== void 0) {
+        instruction += fieldInstruction;
+        if (/\bTOC\b/i.test(instruction)) isToc = true;
+      } else if ((fieldChar == null ? void 0 : fieldChar.kind) === "separate") {
+        if (depth === 1) separateBlockIndex = i;
+      } else if ((fieldChar == null ? void 0 : fieldChar.kind) === "end") {
+        if (depth === 1) {
+          if (isToc) {
+            return {
+              startBlockIndex: separateBlockIndex >= 0 ? separateBlockIndex : beginBlockIndex,
+              endBlockIndex: i
+            };
+          }
+        }
+        depth = Math.max(0, depth - 1);
+      }
+    }
+  }
+  return null;
+}
+function updateTableOfContents(state, resolvePage = () => void 0, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
+  const sectionIndex = getActiveSectionIndex(state);
+  const sections = getDocumentSections(state.document);
+  const section = sections[sectionIndex];
+  if (!section) return state;
+  const region = findTocRegion(section.blocks);
+  if (!region) return state;
+  const headings = collectTocHeadings(state, maxLevel);
+  const entries = headings.map(
+    (heading) => buildEntryParagraph(
+      heading,
+      resolvePage(heading.id),
+      rightTabPositionForSection(section)
+    )
+  );
+  const nextBlocks = [
+    ...section.blocks.slice(0, region.startBlockIndex + 1),
+    ...entries,
+    ...section.blocks.slice(region.endBlockIndex)
+  ];
+  const selectionParagraph = entries[0] ?? section.blocks[region.startBlockIndex];
+  return replaceSectionBlocks(
+    state,
+    sectionIndex,
+    nextBlocks,
+    selectionParagraph
+  );
+}
+function buildEssentialsFormatting(options) {
   const stepFontSize = (direction) => {
     const currentPx = Number(
       options.styleController.toolbarStyleState().fontSize
@@ -53916,12 +53899,6 @@ function createEditorEssentialsRuntimePlugin(options) {
     );
     return true;
   };
-  const essentialsHistory = {
-    canUndo: () => options.undoStack().length > 0,
-    canRedo: () => options.redoStack().length > 0,
-    undo: () => (options.historyActions.performUndo(), true),
-    redo: () => (options.historyActions.performRedo(), true)
-  };
   const buildTocPageResolver = (state) => {
     const layout = projectDocumentLayout(state.document);
     const pageByParagraph = /* @__PURE__ */ new Map();
@@ -53935,7 +53912,7 @@ function createEditorEssentialsRuntimePlugin(options) {
     }
     return (headingId) => pageByParagraph.get(headingId);
   };
-  const essentialsFormatting = {
+  return {
     selectAll: () => {
       const paragraphs = getDocumentParagraphs(options.state().document);
       if (paragraphs.length === 0) return false;
@@ -54054,7 +54031,46 @@ function createEditorEssentialsRuntimePlugin(options) {
     ), true),
     setUnderlineStyle: (value) => options.styleController.applyToolbarValueStyleCommand("underlineStyle", value)
   };
-  const essentialsDocument = {
+}
+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 buildEssentialsDocument(options) {
+  return {
     documentStyles: () => {
       var _a2, _b2;
       const document2 = options.state().document;
@@ -54100,23 +54116,31 @@ function createEditorEssentialsRuntimePlugin(options) {
       (current) => insertShapeAtSelection(current, preset)
     )
   };
-  const essentialsLink = {
+}
+function buildEssentialsLink(options) {
+  return {
     prompt: () => options.commandsController.promptForLink(),
     remove: () => options.commandsController.removeLinkCommand(),
     canPrompt: () => !isSelectionCollapsed(options.state().selection) || Boolean(options.styleController.toolbarStyleState().link)
   };
-  const essentialsImage = {
+}
+function buildEssentialsImage(options) {
+  return {
     promptAlt: () => options.commandsController.promptForImageAlt(),
     promptCaption: () => options.commandsController.promptForImageCaption(),
     isSelected: () => Boolean(options.selectedImageRun())
   };
-  const essentialsBrowser = {
+}
+function buildEssentialsBrowser() {
+  return {
     print: () => window.print(),
     copy: () => {
       document.execCommand("copy");
     }
   };
-  const essentialsParagraph = {
+}
+function buildEssentialsParagraph(options) {
+  return {
     togglePageBreakBefore: () => options.commandsController.toggleParagraphFlagCommand("pageBreakBefore"),
     toggleKeepWithNext: () => options.commandsController.toggleParagraphFlagCommand("keepWithNext"),
     setSpacingAfter: (value) => options.commandsController.applyParagraphStyleCommand(
@@ -54190,21 +54214,23 @@ function createEditorEssentialsRuntimePlugin(options) {
     outdent: () => void options.commandsController.handleListTab("outdent"),
     indent: () => void options.commandsController.handleListTab("indent")
   };
-  const essentialsSection = {
+}
+function buildEssentialsSection(options) {
+  const section = {
     isLandscape: () => {
       var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
-      return ((_b2 = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b2.orientation) === "landscape";
+      const target = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      return ((_b2 = target == null ? void 0 : target.pageSettings) == null ? void 0 : _b2.orientation) === "landscape";
     },
     setOrientation: (orientation) => {
       var _a2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
-      if (!section) return;
+      const target = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      if (!target) return;
       options.commandsController.applyUpdateSectionSettingsCommand(idx, {
         pageSettings: {
-          ...section.pageSettings,
+          ...target.pageSettings,
           orientation
         }
       });
@@ -54212,259 +54238,259 @@ function createEditorEssentialsRuntimePlugin(options) {
     toggleOrientation: () => {
       var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
-      if (!section) return;
-      const current = ((_b2 = section.pageSettings) == null ? void 0 : _b2.orientation) ?? "portrait";
-      essentialsSection.setOrientation(
-        current === "portrait" ? "landscape" : "portrait"
-      );
+      const target = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      if (!target) return;
+      const current = ((_b2 = target.pageSettings) == null ? void 0 : _b2.orientation) ?? "portrait";
+      section.setOrientation(current === "portrait" ? "landscape" : "portrait");
     },
     breakNextPage: () => options.commandsController.applyInsertSectionBreakCommand("nextPage"),
     breakContinuous: () => options.commandsController.applyInsertSectionBreakCommand("continuous"),
     getMargins: () => {
       var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
-      return (_b2 = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b2.margins;
+      const target = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      return (_b2 = target == null ? void 0 : target.pageSettings) == null ? void 0 : _b2.margins;
     },
     setPageMargins: (margins) => {
       var _a2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
-      if (!(section == null ? void 0 : section.pageSettings)) return;
+      const target = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      if (!(target == null ? void 0 : target.pageSettings)) return;
       options.commandsController.applyUpdateSectionSettingsCommand(idx, {
         pageSettings: {
-          ...section.pageSettings,
+          ...target.pageSettings,
           margins: {
-            ...section.pageSettings.margins,
+            ...target.pageSettings.margins,
             ...margins
           }
         }
       });
     }
   };
-  const buildEssentialsTable = () => {
-    const insideTable = () => Boolean(
-      findParagraphTableLocation(
-        options.state().document,
-        options.state().selection.focus.paragraphId,
-        getActiveSectionIndex(options.state())
-      )
+  return section;
+}
+function buildEssentialsTable(options) {
+  const insideTable = () => Boolean(
+    findParagraphTableLocation(
+      options.state().document,
+      options.state().selection.focus.paragraphId,
+      getActiveSectionIndex(options.state())
+    )
+  );
+  const apply = (producer, mergeKey) => {
+    options.applyTransactionalState(producer, { mergeKey });
+    options.focusInput();
+  };
+  const RAW_TBL_LOOK_DEFAULTS = {
+    firstRow: false,
+    lastRow: false,
+    firstCol: false,
+    lastCol: false,
+    noHBand: false,
+    noVBand: false
+  };
+  const selectedTableIn = (state) => {
+    const secIdx = getActiveSectionIndex(state);
+    const loc = findParagraphTableLocation(
+      state.document,
+      state.selection.focus.paragraphId,
+      secIdx
     );
-    const apply = (producer, mergeKey) => {
-      options.applyTransactionalState(producer, { mergeKey });
-      options.focusInput();
-    };
-    const RAW_TBL_LOOK_DEFAULTS = {
-      firstRow: false,
-      lastRow: false,
-      firstCol: false,
-      lastCol: false,
-      noHBand: false,
-      noVBand: false
-    };
-    const selectedTableIn = (state) => {
-      const secIdx = getActiveSectionIndex(state);
-      const loc = findParagraphTableLocation(
-        state.document,
-        state.selection.focus.paragraphId,
-        secIdx
-      );
-      if (!loc) return null;
-      const section = getDocumentSections(state.document)[secIdx];
-      if (!section) return null;
-      const blocks = loc.zone === "header" ? section.header ?? [] : loc.zone === "footer" ? section.footer ?? [] : section.blocks;
-      const table = blocks[loc.blockIndex];
-      return table && table.type === "table" ? table : null;
-    };
-    const rawTblLookIn = (state) => {
-      var _a2;
-      const table = selectedTableIn(state);
-      if (!table) return null;
-      return { ...RAW_TBL_LOOK_DEFAULTS, ...((_a2 = table.style) == null ? void 0 : _a2.tblLook) ?? {} };
-    };
-    const selectionLabel = () => {
-      const normalized = normalizeSelection(options.state());
-      if (normalized.isCollapsed) return null;
-      const secIdx = getActiveSectionIndex(options.state());
-      const anchorLoc = findParagraphTableLocation(
-        options.state().document,
-        options.state().selection.anchor.paragraphId,
-        secIdx
-      );
-      const focusLoc = findParagraphTableLocation(
-        options.state().document,
-        options.state().selection.focus.paragraphId,
-        secIdx
-      );
-      if (!anchorLoc || !focusLoc || anchorLoc.blockIndex !== focusLoc.blockIndex || anchorLoc.rowIndex === focusLoc.rowIndex && anchorLoc.cellIndex === focusLoc.cellIndex) {
-        return null;
+    if (!loc) return null;
+    const section = getDocumentSections(state.document)[secIdx];
+    if (!section) return null;
+    const blocks = loc.zone === "header" ? section.header ?? [] : loc.zone === "footer" ? section.footer ?? [] : section.blocks;
+    const table = blocks[loc.blockIndex];
+    return table && table.type === "table" ? table : null;
+  };
+  const rawTblLookIn = (state) => {
+    var _a2;
+    const table = selectedTableIn(state);
+    if (!table) return null;
+    return { ...RAW_TBL_LOOK_DEFAULTS, ...((_a2 = table.style) == null ? void 0 : _a2.tblLook) ?? {} };
+  };
+  const selectionLabel = () => {
+    const normalized = normalizeSelection(options.state());
+    if (normalized.isCollapsed) return null;
+    const secIdx = getActiveSectionIndex(options.state());
+    const anchorLoc = findParagraphTableLocation(
+      options.state().document,
+      options.state().selection.anchor.paragraphId,
+      secIdx
+    );
+    const focusLoc = findParagraphTableLocation(
+      options.state().document,
+      options.state().selection.focus.paragraphId,
+      secIdx
+    );
+    if (!anchorLoc || !focusLoc || anchorLoc.blockIndex !== focusLoc.blockIndex || anchorLoc.rowIndex === focusLoc.rowIndex && anchorLoc.cellIndex === focusLoc.cellIndex) {
+      return null;
+    }
+    const count = options.selectionBoxes().length;
+    if (count === 0) return null;
+    return `Table selection: ${count} cell${count === 1 ? "" : "s"}`;
+  };
+  return {
+    insideTable,
+    selectionLabel,
+    getTblLook: () => {
+      const raw = rawTblLookIn(options.state());
+      if (!raw) return null;
+      return {
+        firstRow: raw.firstRow,
+        lastRow: raw.lastRow,
+        firstCol: raw.firstCol,
+        lastCol: raw.lastCol,
+        // Banding is stored as the negated "no band" flags in OOXML.
+        bandedRows: !raw.noHBand,
+        bandedCols: !raw.noVBand
+      };
+    },
+    toggleTblLook: (flag) => apply((current) => {
+      const raw = rawTblLookIn(current);
+      if (!raw) return current;
+      const next = { ...raw };
+      switch (flag) {
+        case "firstRow":
+          next.firstRow = !raw.firstRow;
+          break;
+        case "lastRow":
+          next.lastRow = !raw.lastRow;
+          break;
+        case "firstCol":
+          next.firstCol = !raw.firstCol;
+          break;
+        case "lastCol":
+          next.lastCol = !raw.lastCol;
+          break;
+        case "bandedRows":
+          next.noHBand = !raw.noHBand;
+          break;
+        case "bandedCols":
+          next.noVBand = !raw.noVBand;
+          break;
       }
-      const count = options.selectionBoxes().length;
-      if (count === 0) return null;
-      return `Table selection: ${count} cell${count === 1 ? "" : "s"}`;
-    };
-    return {
-      insideTable,
-      selectionLabel,
-      getTblLook: () => {
-        const raw = rawTblLookIn(options.state());
-        if (!raw) return null;
-        return {
-          firstRow: raw.firstRow,
-          lastRow: raw.lastRow,
-          firstCol: raw.firstCol,
-          lastCol: raw.lastCol,
-          // Banding is stored as the negated "no band" flags in OOXML.
-          bandedRows: !raw.noHBand,
-          bandedCols: !raw.noVBand
-        };
-      },
-      toggleTblLook: (flag) => apply((current) => {
-        const raw = rawTblLookIn(current);
-        if (!raw) return current;
-        const next = { ...raw };
-        switch (flag) {
-          case "firstRow":
-            next.firstRow = !raw.firstRow;
-            break;
-          case "lastRow":
-            next.lastRow = !raw.lastRow;
-            break;
-          case "firstCol":
-            next.firstCol = !raw.firstCol;
-            break;
-          case "lastCol":
-            next.lastCol = !raw.lastCol;
-            break;
-          case "bandedRows":
-            next.noHBand = !raw.noHBand;
-            break;
-          case "bandedCols":
-            next.noVBand = !raw.noVBand;
-            break;
-        }
-        return setTableStyleValue(current, "tblLook", next);
-      }, MERGE_KEYS.tableStyleOptions),
-      getStyleId: () => {
-        var _a2, _b2;
-        return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.styleId) ?? null;
-      },
-      setStyleId: (styleId) => apply(
-        (current) => setTableStyleValue(current, "styleId", styleId || null),
-        MERGE_KEYS.tableStyleGallery
-      ),
-      getLayout: () => {
-        var _a2, _b2;
-        return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.layout) ?? null;
-      },
-      toggleAutoFit: () => apply((current) => {
-        var _a2;
-        const table = selectedTableIn(current);
-        const nextLayout = ((_a2 = table == null ? void 0 : table.style) == null ? void 0 : _a2.layout) === "autofit" ? "fixed" : "autofit";
-        return setTableStyleValue(current, "layout", nextLayout);
-      }, MERGE_KEYS.tableDistribute),
-      distributeColumns: () => apply(
-        (current) => distributeSelectedTableColumns(current),
-        MERGE_KEYS.tableDistribute
-      ),
-      distributeRows: () => apply(
-        (current) => distributeSelectedTableRows(current),
-        MERGE_KEYS.tableDistribute
-      ),
-      canMerge: () => options.tableOps.canMergeSelectedTable(options.state()),
-      canSplit: () => options.tableOps.canSplitSelectedTable(options.state()),
-      canEditColumn: () => options.tableOps.canEditSelectedTableColumn(options.state()),
-      canEditRow: () => options.tableOps.canEditSelectedTableRow(options.state()),
-      merge: () => apply(
-        (current) => options.tableOps.mergeSelectedTable(current),
-        MERGE_KEYS.mergeTable
-      ),
-      split: () => apply(
-        (current) => options.tableOps.splitSelectedTable(current),
-        MERGE_KEYS.splitTable
-      ),
-      insertColumnBefore: () => apply(
-        (current) => options.tableOps.insertSelectedTableColumn(current, -1),
-        MERGE_KEYS.insertTableColumn
-      ),
-      insertColumnAfter: () => apply(
-        (current) => options.tableOps.insertSelectedTableColumn(current, 1),
-        MERGE_KEYS.insertTableColumn
-      ),
-      deleteColumn: () => apply(
-        (current) => options.tableOps.deleteSelectedTableColumn(current),
-        MERGE_KEYS.deleteTableColumn
-      ),
-      insertRowBefore: () => apply(
-        (current) => options.tableOps.insertSelectedTableRow(current, -1),
-        MERGE_KEYS.insertTableRow
-      ),
-      insertRowAfter: () => apply(
-        (current) => options.tableOps.insertSelectedTableRow(current, 1),
-        MERGE_KEYS.insertTableRow
-      ),
-      deleteRow: () => apply(
-        (current) => options.tableOps.deleteSelectedTableRow(current),
-        MERGE_KEYS.deleteTableRow
-      ),
-      cellShading: (color) => apply(
-        (current) => setTableCellStyleValue(current, "shading", color || null),
-        MERGE_KEYS.tableShading
-      ),
-      cellBorders: () => apply(
-        (current) => setTableCellBorders(current, {
-          width: 1,
-          type: "solid",
-          color: "#64748b"
-        }),
-        MERGE_KEYS.tableBorders
-      ),
-      cellNoBorders: () => apply(
-        (current) => setTableCellBorders(current, {
-          width: 0,
-          type: "none",
-          color: "transparent"
-        }),
-        MERGE_KEYS.tableBorders
-      ),
-      width100: () => apply(
-        (current) => setTableStyleValue(current, "width", "100%"),
-        MERGE_KEYS.tableWidth
-      ),
-      alignLeft: () => apply(
-        (current) => setTableCellStyleValue(current, "horizontalAlign", "left"),
-        MERGE_KEYS.tableAlign
-      ),
-      alignCenter: () => apply(
-        (current) => setTableCellStyleValue(current, "horizontalAlign", "center"),
-        MERGE_KEYS.tableAlign
-      ),
-      alignRight: () => apply(
-        (current) => setTableCellStyleValue(current, "horizontalAlign", "right"),
-        MERGE_KEYS.tableAlign
-      ),
-      setCellWidth: (width) => apply(
-        (current) => setTableCellWidth(current, width),
-        MERGE_KEYS.tableCellWidth
-      ),
-      insert: (rows, cols) => options.tableOps.insertTableCommand(rows, cols)
-    };
+      return setTableStyleValue(current, "tblLook", next);
+    }, MERGE_KEYS.tableStyleOptions),
+    getStyleId: () => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.styleId) ?? null;
+    },
+    setStyleId: (styleId) => apply(
+      (current) => setTableStyleValue(current, "styleId", styleId || null),
+      MERGE_KEYS.tableStyleGallery
+    ),
+    getLayout: () => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.layout) ?? null;
+    },
+    toggleAutoFit: () => apply((current) => {
+      var _a2;
+      const table = selectedTableIn(current);
+      const nextLayout = ((_a2 = table == null ? void 0 : table.style) == null ? void 0 : _a2.layout) === "autofit" ? "fixed" : "autofit";
+      return setTableStyleValue(current, "layout", nextLayout);
+    }, MERGE_KEYS.tableDistribute),
+    distributeColumns: () => apply(
+      (current) => distributeSelectedTableColumns(current),
+      MERGE_KEYS.tableDistribute
+    ),
+    distributeRows: () => apply(
+      (current) => distributeSelectedTableRows(current),
+      MERGE_KEYS.tableDistribute
+    ),
+    canMerge: () => options.tableOps.canMergeSelectedTable(options.state()),
+    canSplit: () => options.tableOps.canSplitSelectedTable(options.state()),
+    canEditColumn: () => options.tableOps.canEditSelectedTableColumn(options.state()),
+    canEditRow: () => options.tableOps.canEditSelectedTableRow(options.state()),
+    merge: () => apply(
+      (current) => options.tableOps.mergeSelectedTable(current),
+      MERGE_KEYS.mergeTable
+    ),
+    split: () => apply(
+      (current) => options.tableOps.splitSelectedTable(current),
+      MERGE_KEYS.splitTable
+    ),
+    insertColumnBefore: () => apply(
+      (current) => options.tableOps.insertSelectedTableColumn(current, -1),
+      MERGE_KEYS.insertTableColumn
+    ),
+    insertColumnAfter: () => apply(
+      (current) => options.tableOps.insertSelectedTableColumn(current, 1),
+      MERGE_KEYS.insertTableColumn
+    ),
+    deleteColumn: () => apply(
+      (current) => options.tableOps.deleteSelectedTableColumn(current),
+      MERGE_KEYS.deleteTableColumn
+    ),
+    insertRowBefore: () => apply(
+      (current) => options.tableOps.insertSelectedTableRow(current, -1),
+      MERGE_KEYS.insertTableRow
+    ),
+    insertRowAfter: () => apply(
+      (current) => options.tableOps.insertSelectedTableRow(current, 1),
+      MERGE_KEYS.insertTableRow
+    ),
+    deleteRow: () => apply(
+      (current) => options.tableOps.deleteSelectedTableRow(current),
+      MERGE_KEYS.deleteTableRow
+    ),
+    cellShading: (color) => apply(
+      (current) => setTableCellStyleValue(current, "shading", color || null),
+      MERGE_KEYS.tableShading
+    ),
+    cellBorders: () => apply(
+      (current) => setTableCellBorders(current, {
+        width: 1,
+        type: "solid",
+        color: "#64748b"
+      }),
+      MERGE_KEYS.tableBorders
+    ),
+    cellNoBorders: () => apply(
+      (current) => setTableCellBorders(current, {
+        width: 0,
+        type: "none",
+        color: "transparent"
+      }),
+      MERGE_KEYS.tableBorders
+    ),
+    width100: () => apply(
+      (current) => setTableStyleValue(current, "width", "100%"),
+      MERGE_KEYS.tableWidth
+    ),
+    alignLeft: () => apply(
+      (current) => setTableCellStyleValue(current, "horizontalAlign", "left"),
+      MERGE_KEYS.tableAlign
+    ),
+    alignCenter: () => apply(
+      (current) => setTableCellStyleValue(current, "horizontalAlign", "center"),
+      MERGE_KEYS.tableAlign
+    ),
+    alignRight: () => apply(
+      (current) => setTableCellStyleValue(current, "horizontalAlign", "right"),
+      MERGE_KEYS.tableAlign
+    ),
+    setCellWidth: (width) => apply(
+      (current) => setTableCellWidth(current, width),
+      MERGE_KEYS.tableCellWidth
+    ),
+    insert: (rows, cols) => options.tableOps.insertTableCommand(rows, cols)
   };
-  const essentialsTable = buildEssentialsTable();
+}
+function createEditorEssentialsRuntimePlugin(options) {
   return createEssentialsPlugin({
-    gate: essentialsGate,
-    style: essentialsStyle,
-    selection: essentialsSelection,
-    history: essentialsHistory,
-    formatting: essentialsFormatting,
-    document: essentialsDocument,
-    link: essentialsLink,
-    image: essentialsImage,
-    browser: essentialsBrowser,
-    paragraph: essentialsParagraph,
-    section: essentialsSection,
-    table: essentialsTable
+    gate: buildEssentialsGate(options),
+    style: buildEssentialsStyle(options),
+    selection: buildEssentialsSelection(options),
+    history: buildEssentialsHistory(options),
+    formatting: buildEssentialsFormatting(options),
+    document: buildEssentialsDocument(options),
+    link: buildEssentialsLink(options),
+    image: buildEssentialsImage(options),
+    browser: buildEssentialsBrowser(),
+    paragraph: buildEssentialsParagraph(options),
+    section: buildEssentialsSection(options),
+    table: buildEssentialsTable(options)
   });
 }
 const defaultMenuItems = [