oasis-editor 0.0.112 → 0.0.114

package/dist/{OasisEditorApp-p9k7O_1i.js → OasisEditorApp-XloOiKSu.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 { d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageContentWidth, b as getPageBodyTop, c as getPageBodyBottom, l as listReferencedEndnotes, f as getFootnoteDisplayMarker, s as setActiveHyphenation, h as getDocumentSections, i as buildFootnoteReservations, M as MAX_FOOTNOTE_LAYOUT_ITERATIONS, r as reservationSignature, j as applyFootnotesToPages, k as getRunField, m as projectBlocksLayout, v as visitRun, n as assertNever, o as createSignal, q 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 getParagraphText, C as getActiveZone, D as getActiveSectionIndex, E as getParagraphs, F as normalizeSelection, G as positionToParagraphOffset, H as paragraphOffsetToPosition, I as clampPosition, J as findParagraphIndex, K as createCollapsedSelection, L as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as getBlockParagraphs, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as underlineStyleToCssDecorationStyle, Z as resolveImageSrc, _ as listKindForTag, $ as isParagraphTag, a0 as collectInlineRuns, a1 as parseParagraphStyle, a2 as getRunImage, a3 as InlineShell, a4 as BalloonShell, a5 as DocumentShell, a6 as createMemo, a7 as getCaretRectFromSnapshot, a8 as getParagraphRectFromSnapshot, a9 as createComponent, aa as CaretOverlay, ab as Show, ac as createRenderEffect, ad as style, ae as setAttribute, af as setStyleProperty, ag as memo, ah as template, ai as useI18n, aj as createEffect, ak as insert, al as use, am as addEventListener, an as Dialog, ao as delegateEvents, ap as className, aq as For, ar as UNDERLINE_STYLE_OPTIONS, as as Tabs, at as onMount, au as onCleanup, av as PluginUiHost, aw as OasisEditorEditor, ax as OasisBrandMark, ay as setPreciseFontPreference, az as setWelcomeSeen, aA as enablePreciseFontMode, aB as TWIPS_PER_POINT, aC as PX_PER_INCH, aD as TWIPS_PER_INCH, aE as normalizeHex6, aF as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, aG as TABLE_BORDER_EDGE_KEYS, aH as resolveEffectiveParagraphStyle, aI as resolveEffectiveTextStyleForParagraph, aJ as EMU_PER_PT, aK as OOXML_ROTATION_UNITS, aL as OOXML_PERCENT_DENOMINATOR, aM as parseHexColorToRgb255, aN as EMU_PER_PX, aO as getRunFootnoteReference, aP as getRunEndnoteReference, aQ as iterateFootnoteReferenceRuns, aR as iterateEndnoteReferenceRuns, aS as imageContentTypeDefaults, aT as getRunFieldChar, aU as getRunFieldInstruction, aV as createEditorRun, aW as JSZip, aX as imageExtensionFromMime, aY as pxToPt$1, aZ as resolveFloatingObjectRect, a_ as getTextBoxFloatingGeometry, a$ as getPresetPathSegments, b0 as buildListLabels, b1 as getImageFloatingGeometry, b2 as textStyleToFontSizePt, b3 as PX_PER_POINT, b4 as DEFAULT_FONT_SIZE_PX, b5 as resolveOpenTypeFeatureTags, b6 as rgb255ToHex, b7 as isDoubleUnderlineStyle, b8 as isWavyUnderlineStyle, b9 as underlineStyleLineWidthPx, ba as underlineStyleDashArray, 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 normalizeFamily, bk as ROBOTO_FONT_FILES, bl as loadFontAsset, bm as OFFICE_COMPAT_FONT_FAMILIES, bn as BinaryReader, bo as buildSfnt, bp as defaultFontDecoderRegistry, bq as SfntFontProgram, br as collectPdfFontFamilies, bs as outlineFrom, bt as getPageHeaderZoneTop, bu as getPageColumnRects, bv as findFootnoteReference, bw as FOOTNOTE_MARKER_GUTTER_PX, bx as resolveImporterForFile, by as getDocumentSectionsCanonical, bz as getDocumentParagraphsCanonical, bA as getDocumentParagraphs, bB as getDocumentPageSettings, bC as getTableCellContentWidthForParagraph, bD as layoutMetricsEpoch, bE as bumpLayoutMetricsEpoch, bF as createCanvasLayoutSnapshotProvider, bG as on, bH as debounce, bI as unwrap, bJ as perfTimer, bK as getRunTextBox, bL as createEditorDocument, bM as resolveResizedDimensions, bN as resolveTextBoxRenderHeight, bO as getToolbarStyleState, bP as getCachedCanvasImage, bQ as measureParagraphMinContentWidthPx, bR as getEditableBlocksForZone, bS as findParagraphLocation, bT as createSectionBoundaryParagraph, bU as normalizePageSettings, bV as DEFAULT_EDITOR_PAGE_SETTINGS, bW as markStart, bX as markEnd, bY as getParagraphEntries, bZ as getParagraphById, b_ as createEditorFootnote, b$ as createFootnoteReferenceRun, c0 as renumberFootnotes, c1 as getHeadingLevel, c2 as preciseFontModeVersion, c3 as isPreciseFontModeEnabled, c4 as resolveNamedTextStyle, c5 as togglePreciseFontMode, c6 as nextFontSizePt, c7 as previousFontSizePt, c8 as fontSizePtToPx, c9 as createDefaultToolbarPreset, ca as MenuRegistry, cb as createToolbarRegistry, cc as Editor, cd as resolveCommandRef, ce as commandRefName, cf as createOasisEditorClient, cg as createEditorZoom, ch as startLongTaskObserver, ci as installGlobalReport, cj as applyStoredPreciseFontPreference, ck as getWelcomeSeen, cl as isLocalFontAccessSupported, cm as EDITOR_SCROLL_PADDING_PX, cn as Toolbar, co as OasisEditorLoading, cp as I18nProvider, cq as createTranslator, cr as createEditorLogger, cs as registerDomStatsSurface } from "./index-AX7m_SeX.js";
+import { d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageContentWidth, b as getPageBodyTop, c as getPageBodyBottom, l as listReferencedEndnotes, f as getFootnoteDisplayMarker, s as setActiveHyphenation, h as getDocumentSections, i as buildFootnoteReservations, M as MAX_FOOTNOTE_LAYOUT_ITERATIONS, r as reservationSignature, j as applyFootnotesToPages, k as getRunField, m as projectBlocksLayout, v as visitRun, n as assertNever, o as createSignal, q 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 getParagraphText, C as getActiveZone, D as getActiveSectionIndex, E as getParagraphs, F as normalizeSelection, G as positionToParagraphOffset, H as paragraphOffsetToPosition, I as clampPosition, J as findParagraphIndex, K as createCollapsedSelection, L as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as getBlockParagraphs, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as underlineStyleToCssDecorationStyle, Z as resolveImageSrc, _ as listKindForTag, $ as isParagraphTag, a0 as collectInlineRuns, a1 as parseParagraphStyle, a2 as getRunImage, a3 as InlineShell, a4 as BalloonShell, a5 as DocumentShell, a6 as createMemo, a7 as getCaretRectFromSnapshot, a8 as getParagraphRectFromSnapshot, a9 as createComponent, aa as CaretOverlay, ab as Show, ac as createRenderEffect, ad as style, ae as setAttribute, af as setStyleProperty, ag as memo, ah as template, ai as addEventListener, aj as insert, ak as delegateEvents, al as useI18n, am as createEffect, an as use, ao as Dialog, ap as className, aq as For, ar as UNDERLINE_STYLE_OPTIONS, as as Tabs, at as createStore, au as reconcile, av as onMount, aw as onCleanup, ax as PluginUiHost, ay as OasisEditorEditor, az as OasisBrandMark, aA as setPreciseFontPreference, aB as setWelcomeSeen, aC as enablePreciseFontMode, aD as TWIPS_PER_POINT, aE as PX_PER_INCH, aF as TWIPS_PER_INCH, aG as normalizeHex6, aH as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, aI as TABLE_BORDER_EDGE_KEYS, aJ as resolveEffectiveParagraphStyle, aK as resolveEffectiveTextStyleForParagraph, aL as EMU_PER_PT, aM as OOXML_ROTATION_UNITS, aN as OOXML_PERCENT_DENOMINATOR, aO as parseHexColorToRgb255, aP as EMU_PER_PX, aQ as getRunFootnoteReference, aR as getRunEndnoteReference, aS as iterateFootnoteReferenceRuns, aT as iterateEndnoteReferenceRuns, aU as imageContentTypeDefaults, aV as getRunFieldChar, aW as getRunFieldInstruction, aX as createEditorRun, aY as JSZip, aZ as imageExtensionFromMime, a_ as pxToPt$1, a$ as resolveFloatingObjectRect, b0 as getTextBoxFloatingGeometry, b1 as getPresetPathSegments, b2 as buildListLabels, b3 as getImageFloatingGeometry, b4 as textStyleToFontSizePt, b5 as PX_PER_POINT, b6 as DEFAULT_FONT_SIZE_PX, b7 as resolveOpenTypeFeatureTags, b8 as rgb255ToHex, b9 as isDoubleUnderlineStyle, ba as isWavyUnderlineStyle, bb as underlineStyleLineWidthPx, bc as WAVY_UNDERLINE_WAVELENGTH_PX, bd as WAVY_UNDERLINE_AMPLITUDE_PX, be as underlineStyleDashArray, bf as resolveListLabel, bg as getListLabelInset, bh as getAlignedListLabelInset, bi as getParagraphBorderInsets, bj as buildSegmentTable, bk as buildCanvasTableLayout, bl as resolveCanvasTableWidth, bm as resolveFloatingTableRect, bn as normalizeFamily, bo as ROBOTO_FONT_FILES, bp as loadFontAsset, bq as OFFICE_COMPAT_FONT_FAMILIES, br as BinaryReader, bs as buildSfnt, bt as defaultFontDecoderRegistry, bu as SfntFontProgram, bv as collectPdfFontFamilies, bw as outlineFrom, bx as getPageHeaderZoneTop, by as getPageColumnRects, bz as findFootnoteReference, bA as FOOTNOTE_MARKER_GUTTER_PX, bB as resolveImporterForFile, bC as getDocumentSectionsCanonical, bD as getDocumentParagraphsCanonical, bE as getDocumentParagraphs, bF as getDocumentPageSettings, bG as getTableCellContentWidthForParagraph, bH as layoutMetricsEpoch, bI as bumpLayoutMetricsEpoch, bJ as createCanvasLayoutSnapshotProvider, bK as on, bL as debounce, bM as unwrap, bN as perfTimer, bO as getRunTextBox, bP as createEditorDocument, bQ as resolveResizedDimensions, bR as resolveTextBoxRenderHeight, bS as getToolbarStyleState, bT as getCachedCanvasImage, bU as measureParagraphMinContentWidthPx, bV as getEditableBlocksForZone, bW as findParagraphLocation, bX as createSectionBoundaryParagraph, bY as normalizePageSettings, bZ as DEFAULT_EDITOR_PAGE_SETTINGS, b_ as markStart, b$ as markEnd, c0 as getParagraphEntries, c1 as getParagraphById, c2 as createEditorFootnote, c3 as createFootnoteReferenceRun, c4 as renumberFootnotes, c5 as getHeadingLevel, c6 as preciseFontModeVersion, c7 as isPreciseFontModeEnabled, c8 as resolveNamedTextStyle, c9 as togglePreciseFontMode, ca as nextFontSizePt, cb as previousFontSizePt, cc as fontSizePtToPx, cd as createDefaultToolbarPreset, ce as MenuRegistry, cf as createToolbarRegistry, cg as Editor, ch as resolveCommandRef, ci as commandRefName, cj as createOasisEditorClient, ck as createEditorZoom, cl as startLongTaskObserver, cm as installGlobalReport, cn as applyStoredPreciseFontPreference, co as getWelcomeSeen, cp as isLocalFontAccessSupported, cq as EDITOR_SCROLL_PADDING_PX, cr as Toolbar, cs as OasisEditorLoading, ct as I18nProvider, cu as createTranslator, cv as createEditorLogger, cw as registerDomStatsSurface } from "./index-CwpzM--5.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -31142,14 +31142,14 @@ function DropCaret(props) {
     })
   });
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$9 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$7 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$7 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
 function EditorDragLayers(props) {
   return [createComponent(Show, {
     get when() {
       return props.tableResize.resizing();
     },
     children: (resizing) => (() => {
-      var _el$ = _tmpl$$e();
+      var _el$ = _tmpl$$d();
       createRenderEffect((_p$) => {
         var _v$ = !!(resizing().type === "column"), _v$2 = !!(resizing().type === "row"), _v$3 = {
           ...resizing().type === "column" ? {
@@ -31180,7 +31180,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.imageOps.dragging())() && props.imageOps.draggedImageInfo();
     },
     children: (info) => (() => {
-      var _el$2 = _tmpl$2$9();
+      var _el$2 = _tmpl$2$7();
       createRenderEffect((_p$) => {
         var _v$4 = info().src, _v$5 = `${info().width}px`, _v$6 = `${info().height}px`, _v$7 = `${props.imageOps.mousePos().x - info().offsetX}px`, _v$8 = `${props.imageOps.mousePos().y - info().offsetY}px`;
         _v$4 !== _p$.e && setAttribute(_el$2, "src", _p$.e = _v$4);
@@ -31203,7 +31203,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.tableDrag.dragging())() && props.tableDrag.draggedTableInfo();
     },
     children: (info) => (() => {
-      var _el$3 = _tmpl$3$7();
+      var _el$3 = _tmpl$3$4();
       createRenderEffect((_p$) => {
         var _v$9 = `${info().width}px`, _v$0 = `${info().height}px`, _v$1 = `${props.tableDrag.mousePos().x - info().offsetX}px`, _v$10 = `${props.tableDrag.mousePos().y - info().offsetY}px`;
         _v$9 !== _p$.e && setStyleProperty(_el$3, "width", _p$.e = _v$9);
@@ -31293,19 +31293,36 @@ function EditorDragLayers(props) {
     })
   })];
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$8 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
-function LinkDialog(props) {
+var _tmpl$$c = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
+function DialogFooter(props) {
+  return [(() => {
+    var _el$ = _tmpl$$c();
+    addEventListener(_el$, "click", props.onCancel, true);
+    insert(_el$, () => props.cancelLabel);
+    createRenderEffect(() => setAttribute(_el$, "data-testid", props.cancelTestId));
+    return _el$;
+  })(), (() => {
+    var _el$2 = _tmpl$2$6();
+    addEventListener(_el$2, "click", props.onConfirm, true);
+    insert(_el$2, () => props.confirmLabel);
+    createRenderEffect(() => setAttribute(_el$2, "data-testid", props.confirmTestId));
+    return _el$2;
+  })()];
+}
+delegateEvents(["click"]);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`);
+function TextInputDialog(props) {
   const t = useI18n();
-  const [href, setHref] = createSignal(props.initialHref);
+  const [value, setValue] = createSignal(props.initialValue);
   let inputRef;
   createEffect(() => {
     if (props.isOpen) {
-      setHref(props.initialHref);
+      setValue(props.initialValue);
       setTimeout(() => inputRef == null ? void 0 : inputRef.focus(), 50);
     }
   });
   const handleConfirm = () => {
-    props.onConfirm(href());
+    props.onConfirm(value());
     props.onClose();
   };
   return createComponent(Dialog, {
@@ -31313,142 +31330,148 @@ function LinkDialog(props) {
       return props.isOpen;
     },
     get title() {
-      return t("dialog.link.title");
+      return props.title;
     },
     get onClose() {
       return props.onClose;
     },
     get footer() {
-      return [(() => {
-        var _el$4 = _tmpl$2$8();
-        addEventListener(_el$4, "click", props.onClose, true);
-        insert(_el$4, () => t("generic.cancel"));
-        return _el$4;
-      })(), (() => {
-        var _el$5 = _tmpl$3$6();
-        _el$5.$$click = handleConfirm;
-        insert(_el$5, () => t("generic.apply"));
-        return _el$5;
-      })()];
+      return createComponent(DialogFooter, {
+        get onCancel() {
+          return props.onClose;
+        },
+        onConfirm: handleConfirm,
+        get cancelLabel() {
+          return t("generic.cancel");
+        },
+        get confirmLabel() {
+          return props.confirmLabel;
+        },
+        get cancelTestId() {
+          var _a2;
+          return (_a2 = props.testIds) == null ? void 0 : _a2.cancel;
+        },
+        get confirmTestId() {
+          var _a2;
+          return (_a2 = props.testIds) == null ? void 0 : _a2.confirm;
+        }
+      });
     },
     get children() {
-      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-      insert(_el$2, () => t("dialog.link.label"));
+      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      insert(_el$2, () => props.label);
       _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
-      _el$3.$$input = (e) => setHref(e.currentTarget.value);
+      _el$3.$$input = (e) => setValue(e.currentTarget.value);
       var _ref$ = inputRef;
       typeof _ref$ === "function" ? use(_ref$, _el$3) : inputRef = _el$3;
-      createRenderEffect(() => setAttribute(_el$3, "placeholder", t("dialog.link.placeholder")));
-      createRenderEffect(() => _el$3.value = href());
+      createRenderEffect((_p$) => {
+        var _a2;
+        var _v$ = props.placeholder, _v$2 = (_a2 = props.testIds) == null ? void 0 : _a2.input;
+        _v$ !== _p$.e && setAttribute(_el$3, "placeholder", _p$.e = _v$);
+        _v$2 !== _p$.t && setAttribute(_el$3, "data-testid", _p$.t = _v$2);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      createRenderEffect(() => _el$3.value = value());
       return _el$;
     }
   });
 }
-delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
-function ImageAltDialog(props) {
+delegateEvents(["input", "keydown"]);
+function LinkDialog(props) {
   const t = useI18n();
-  const [alt, setAlt] = createSignal(props.initialAlt);
-  let inputRef;
-  createEffect(() => {
-    if (props.isOpen) {
-      setAlt(props.initialAlt);
-      setTimeout(() => inputRef == null ? void 0 : inputRef.focus(), 50);
+  return createComponent(TextInputDialog, {
+    get isOpen() {
+      return props.isOpen;
+    },
+    get title() {
+      return t("dialog.link.title");
+    },
+    get label() {
+      return t("dialog.link.label");
+    },
+    get placeholder() {
+      return t("dialog.link.placeholder");
+    },
+    get initialValue() {
+      return props.initialHref;
+    },
+    get confirmLabel() {
+      return t("generic.apply");
+    },
+    get onClose() {
+      return props.onClose;
+    },
+    get onConfirm() {
+      return props.onConfirm;
+    },
+    testIds: {
+      input: "editor-link-dialog-input",
+      cancel: "editor-link-dialog-cancel",
+      confirm: "editor-link-dialog-apply"
     }
   });
-  const handleConfirm = () => {
-    props.onConfirm(alt());
-    props.onClose();
-  };
-  return createComponent(Dialog, {
+}
+function ImageAltDialog(props) {
+  const t = useI18n();
+  return createComponent(TextInputDialog, {
     get isOpen() {
       return props.isOpen;
     },
     get title() {
       return t("dialog.imageAlt.title");
     },
+    get label() {
+      return t("dialog.imageAlt.label");
+    },
+    get placeholder() {
+      return t("dialog.imageAlt.placeholder");
+    },
+    get initialValue() {
+      return props.initialAlt;
+    },
+    get confirmLabel() {
+      return t("generic.save");
+    },
     get onClose() {
       return props.onClose;
     },
-    get footer() {
-      return [(() => {
-        var _el$4 = _tmpl$2$7();
-        addEventListener(_el$4, "click", props.onClose, true);
-        insert(_el$4, () => t("generic.cancel"));
-        return _el$4;
-      })(), (() => {
-        var _el$5 = _tmpl$3$5();
-        _el$5.$$click = handleConfirm;
-        insert(_el$5, () => t("generic.save"));
-        return _el$5;
-      })()];
-    },
-    get children() {
-      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-      insert(_el$2, () => t("dialog.imageAlt.label"));
-      _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
-      _el$3.$$input = (e) => setAlt(e.currentTarget.value);
-      var _ref$ = inputRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$3) : inputRef = _el$3;
-      createRenderEffect(() => setAttribute(_el$3, "placeholder", t("dialog.imageAlt.placeholder")));
-      createRenderEffect(() => _el$3.value = alt());
-      return _el$;
+    get onConfirm() {
+      return props.onConfirm;
     }
   });
 }
-delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
 function ImageCaptionDialog(props) {
   const t = useI18n();
-  const [caption, setCaption] = createSignal(props.initialCaption);
-  let inputRef;
-  createEffect(() => {
-    if (props.isOpen) {
-      setCaption(props.initialCaption);
-      setTimeout(() => inputRef == null ? void 0 : inputRef.focus(), 50);
-    }
-  });
-  const handleConfirm = () => {
-    props.onConfirm(caption());
-    props.onClose();
-  };
-  return createComponent(Dialog, {
+  return createComponent(TextInputDialog, {
     get isOpen() {
       return props.isOpen;
     },
     get title() {
       return t("dialog.imageCaption.title");
     },
+    get label() {
+      return t("dialog.imageCaption.label");
+    },
+    get placeholder() {
+      return t("dialog.imageCaption.placeholder");
+    },
+    get initialValue() {
+      return props.initialCaption;
+    },
+    get confirmLabel() {
+      return t("generic.save");
+    },
     get onClose() {
       return props.onClose;
     },
-    get footer() {
-      return [(() => {
-        var _el$4 = _tmpl$2$6();
-        addEventListener(_el$4, "click", props.onClose, true);
-        insert(_el$4, () => t("generic.cancel"));
-        return _el$4;
-      })(), (() => {
-        var _el$5 = _tmpl$3$4();
-        _el$5.$$click = handleConfirm;
-        insert(_el$5, () => t("generic.save"));
-        return _el$5;
-      })()];
-    },
-    get children() {
-      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-      insert(_el$2, () => t("dialog.imageCaption.label"));
-      _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
-      _el$3.$$input = (e) => setCaption(e.currentTarget.value);
-      var _ref$ = inputRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$3) : inputRef = _el$3;
-      createRenderEffect(() => setAttribute(_el$3, "placeholder", t("dialog.imageCaption.placeholder")));
-      createRenderEffect(() => _el$3.value = caption());
-      return _el$;
+    get onConfirm() {
+      return props.onConfirm;
     }
   });
 }
-delegateEvents(["input", "keydown", "click"]);
 const DEFAULT_COLOR = "#111827";
 const DEFAULT_HIGHLIGHT = "#fef08a";
 const DEFAULT_SHADING = "#fef3c7";
@@ -32130,7 +32153,7 @@ function FontDialog(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-align><option value=left></option><option value=center></option><option value=right></option><option value=justify>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1 data-testid=editor-paragraph-dialog-indent-left></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1 data-testid=editor-paragraph-dialog-indent-right>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-special><option value=none></option><option value=firstLine></option><option value=hanging></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-special-by>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-spacing-before></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-spacing-after></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0.5 step=0.05 data-testid=editor-paragraph-dialog-line-height>`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-border-style><option value=none></option><option value=solid></option><option value=dashed></option><option value=dotted></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=0.25 data-testid=editor-paragraph-dialog-border-width></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-border-color></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-shading>`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-style-row><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-top></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-right></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-bottom></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-left>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`), _tmpl$8$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-paragraph-dialog-cancel>`), _tmpl$9$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-paragraph-dialog-apply>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-align><option value=left></option><option value=center></option><option value=right></option><option value=justify>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1 data-testid=editor-paragraph-dialog-indent-left></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1 data-testid=editor-paragraph-dialog-indent-right>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-special><option value=none></option><option value=firstLine></option><option value=hanging></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-special-by>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-spacing-before></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-paragraph-dialog-spacing-after></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0.5 step=0.05 data-testid=editor-paragraph-dialog-line-height>`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-border-style><option value=none></option><option value=solid></option><option value=dashed></option><option value=dotted></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=0.25 data-testid=editor-paragraph-dialog-border-width></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-border-color></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-paragraph-dialog-shading>`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-style-row><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-top></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-right></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-bottom></label><label class=oasis-editor-dialog-style-toggle><input type=checkbox data-testid=editor-paragraph-dialog-border-side-left>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-preview data-testid=editor-paragraph-dialog-preview>`);
 const DEFAULT_BORDER_WIDTH_PT$1 = 0.5;
 const DEFAULT_BORDER_COLOR$1 = "#000000";
 function parseNumber$1(value) {
@@ -32258,17 +32281,20 @@ function ParagraphDialog(props) {
       return props.onClose;
     },
     get footer() {
-      return [(() => {
-        var _el$66 = _tmpl$8$1();
-        addEventListener(_el$66, "click", props.onClose, true);
-        insert(_el$66, () => t("generic.cancel"));
-        return _el$66;
-      })(), (() => {
-        var _el$67 = _tmpl$9$1();
-        _el$67.$$click = handleApply;
-        insert(_el$67, () => t("generic.apply"));
-        return _el$67;
-      })()];
+      return createComponent(DialogFooter, {
+        get onCancel() {
+          return props.onClose;
+        },
+        onConfirm: handleApply,
+        get cancelLabel() {
+          return t("generic.cancel");
+        },
+        get confirmLabel() {
+          return t("generic.apply");
+        },
+        cancelTestId: "editor-paragraph-dialog-cancel",
+        confirmTestId: "editor-paragraph-dialog-apply"
+      });
     },
     get children() {
       return [(() => {
@@ -32400,8 +32426,8 @@ function ParagraphDialog(props) {
     }
   });
 }
-delegateEvents(["input", "click"]);
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1>`), _tmpl$2$1 = /* @__PURE__ */ template(`<label class=oasis-editor-dialog-style-toggle><input type=checkbox>`), _tmpl$3$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-table-properties-cancel>`), _tmpl$4$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-table-properties-apply>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-h-anchor><option value=margin></option><option value=page></option><option value=text></option></select></label><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-v-anchor><option value=margin></option><option value=page></option><option value=text>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-x-align><option value></option></select></label><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-y-align><option value>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row>`), _tmpl$8 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-table-width-unit><option value=points></option><option value=percent></option></select></div></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row></div><div class=oasis-editor-dialog-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row>`), _tmpl$9 = /* @__PURE__ */ template(`<label class=oasis-editor-dialog-style-toggle><input type=radio name=table-align>`), _tmpl$0 = /* @__PURE__ */ template(`<option>`), _tmpl$1 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-row-height-rule><option value></option><option value=atLeast></option><option value=exact></option></select></div></div><div class=oasis-editor-dialog-style-row>`), _tmpl$10 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row>`), _tmpl$11 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-cell-valign><option value></option><option value=top></option><option value=middle></option><option value=bottom></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-cell-direction><option value></option><option value=lrTb>lrTb</option><option value=tbRl>tbRl</option><option value=btLr>btLr</option><option value=lrTbV>lrTbV</option><option value=tbRlV>tbRlV</option></select></div></div><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-border-style><option value=none></option><option value=solid></option><option value=dashed></option><option value=dotted></option></select></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-table-properties-border-color></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-table-properties-shading></div></div><div class=oasis-editor-dialog-style-row></div><div class=oasis-editor-table-properties-cell-preview data-testid=editor-table-properties-cell-preview>`), _tmpl$12 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input class=oasis-editor-dialog-input data-testid=editor-table-properties-alt-title></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><textarea class="oasis-editor-dialog-input oasis-editor-table-properties-textarea"data-testid=editor-table-properties-alt-description>`);
+delegateEvents(["input"]);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input step=1>`), _tmpl$2$1 = /* @__PURE__ */ template(`<label class=oasis-editor-dialog-style-toggle><input type=checkbox>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-h-anchor><option value=margin></option><option value=page></option><option value=text></option></select></label><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-v-anchor><option value=margin></option><option value=page></option><option value=text>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-x-align><option value></option></select></label><label class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><span class=oasis-editor-dialog-label></span><select class=oasis-editor-dialog-input data-testid=editor-table-properties-floating-y-align><option value>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-table-width-unit><option value=points></option><option value=percent></option></select></div></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row></div><div class=oasis-editor-dialog-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row>`), _tmpl$7 = /* @__PURE__ */ template(`<label class=oasis-editor-dialog-style-toggle><input type=radio name=table-align>`), _tmpl$8 = /* @__PURE__ */ template(`<option>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-row-height-rule><option value></option><option value=atLeast></option><option value=exact></option></select></div></div><div class=oasis-editor-dialog-style-row>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row>`), _tmpl$1 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-cell-valign><option value></option><option value=top></option><option value=middle></option><option value=bottom></option></select></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-cell-direction><option value></option><option value=lrTb>lrTb</option><option value=tbRl>tbRl</option><option value=btLr>btLr</option><option value=lrTbV>lrTbV</option><option value=tbRlV>tbRlV</option></select></div></div><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-style-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row></div></fieldset><fieldset class=oasis-editor-font-dialog-fieldset><legend></legend><div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><select class=oasis-editor-dialog-input data-testid=editor-table-properties-border-style><option value=none></option><option value=solid></option><option value=dashed></option><option value=dotted></option></select></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-table-properties-border-color></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=color class=oasis-editor-dialog-input data-testid=editor-table-properties-shading></div></div><div class=oasis-editor-dialog-style-row></div><div class=oasis-editor-table-properties-cell-preview data-testid=editor-table-properties-cell-preview>`), _tmpl$10 = /* @__PURE__ */ template(`<div class=oasis-editor-table-properties-panel><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input class=oasis-editor-dialog-input data-testid=editor-table-properties-alt-title></div><div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><textarea class="oasis-editor-dialog-input oasis-editor-table-properties-textarea"data-testid=editor-table-properties-alt-description>`);
 const DEFAULT_BORDER_WIDTH_PT = 0.5;
 const DEFAULT_BORDER_COLOR = "#000000";
 function parseNumber(value) {
@@ -32423,194 +32449,400 @@ function resolveBorder(style2, widthValue, colorValue) {
     color: colorValue.trim() || DEFAULT_BORDER_COLOR
   };
 }
-function TablePropertiesDialog(props) {
+function numericInput(label, value, setter, testId, disabled = false, allowNegative = false) {
+  return (() => {
+    var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    insert(_el$2, label);
+    _el$3.$$input = (e) => setter(e.currentTarget.value);
+    setAttribute(_el$3, "min", allowNegative ? void 0 : "0");
+    _el$3.disabled = disabled;
+    setAttribute(_el$3, "data-testid", testId);
+    createRenderEffect(() => _el$3.value = value());
+    return _el$;
+  })();
+}
+function checkbox(label, checked, setter, testId, disabled = false) {
+  return (() => {
+    var _el$4 = _tmpl$2$1(), _el$5 = _el$4.firstChild;
+    _el$5.addEventListener("change", (e) => setter(e.currentTarget.checked));
+    _el$5.disabled = disabled;
+    setAttribute(_el$5, "data-testid", testId);
+    insert(_el$4, label, null);
+    createRenderEffect(() => _el$5.checked = checked());
+    return _el$4;
+  })();
+}
+function TableTabPanel(p) {
+  const t = useI18n();
+  return (() => {
+    var _el$6 = _tmpl$6$1(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$7.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$15.nextSibling, _el$17 = _el$13.nextSibling, _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
+    insert(_el$8, () => t("table.sizeSection"));
+    insert(_el$9, () => numericInput(t("table.preferredWidth"), () => p.form.tableWidth, (v) => p.set("tableWidth", v), "editor-table-properties-table-width"), _el$0);
+    insert(_el$1, () => t("table.measureIn"));
+    _el$10.addEventListener("change", (e) => p.set("tableWidthUnit", e.currentTarget.value));
+    insert(_el$11, () => t("table.points"));
+    insert(_el$12, () => t("table.percent"));
+    insert(_el$14, () => t("table.alignmentSection"));
+    insert(_el$15, () => ["left", "center", "right"].map((align) => (() => {
+      var _el$43 = _tmpl$7(), _el$44 = _el$43.firstChild;
+      _el$44.addEventListener("change", () => p.set("tableAlign", align));
+      setAttribute(_el$44, "data-testid", `editor-table-properties-align-${align}`);
+      insert(_el$43, () => t(`table.align${align[0].toUpperCase()}${align.slice(1)}`), null);
+      createRenderEffect(() => _el$44.checked = p.form.tableAlign === align);
+      return _el$43;
+    })()));
+    insert(_el$16, () => numericInput(t("table.indentFromLeft"), () => p.form.tableIndentLeft, (v) => p.set("tableIndentLeft", v), "editor-table-properties-indent-left"));
+    insert(_el$18, () => t("table.textWrappingSection"));
+    insert(_el$19, () => checkbox(t("table.wrapNone"), () => p.form.tableWrapping === "none", () => p.set("tableWrapping", "none"), "editor-table-properties-wrap-none"), null);
+    insert(_el$19, () => checkbox(t("table.wrapAround"), () => p.form.tableWrapping === "around", () => p.set("tableWrapping", "around"), "editor-table-properties-wrap-around"), null);
+    insert(_el$17, createComponent(Show, {
+      get when() {
+        return p.form.tableWrapping === "around";
+      },
+      get children() {
+        return [(() => {
+          var _el$20 = _tmpl$3$1(), _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$26 = _el$25.nextSibling, _el$27 = _el$21.nextSibling, _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.nextSibling;
+          insert(_el$22, () => t("table.horizontalAnchor"));
+          _el$23.addEventListener("change", (e) => p.set("floatingHorizontalAnchor", e.currentTarget.value));
+          insert(_el$24, () => t("table.anchorMargin"));
+          insert(_el$25, () => t("table.anchorPage"));
+          insert(_el$26, () => t("table.anchorText"));
+          insert(_el$28, () => t("table.verticalAnchor"));
+          _el$29.addEventListener("change", (e) => p.set("floatingVerticalAnchor", e.currentTarget.value));
+          insert(_el$30, () => t("table.anchorMargin"));
+          insert(_el$31, () => t("table.anchorPage"));
+          insert(_el$32, () => t("table.anchorText"));
+          createRenderEffect(() => _el$23.value = p.form.floatingHorizontalAnchor);
+          createRenderEffect(() => _el$29.value = p.form.floatingVerticalAnchor);
+          return _el$20;
+        })(), (() => {
+          var _el$33 = _tmpl$4$1(), _el$34 = _el$33.firstChild, _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$34.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$41 = _el$40.firstChild;
+          insert(_el$33, () => numericInput(t("table.positionX"), () => p.form.floatingX, (v) => p.set("floatingX", v), "editor-table-properties-floating-x", Boolean(p.form.floatingXAlign), true), _el$34);
+          insert(_el$33, () => numericInput(t("table.positionY"), () => p.form.floatingY, (v) => p.set("floatingY", v), "editor-table-properties-floating-y", Boolean(p.form.floatingYAlign), true), _el$34);
+          insert(_el$35, () => t("table.horizontalAlignment"));
+          _el$36.addEventListener("change", (e) => p.set("floatingXAlign", e.currentTarget.value));
+          insert(_el$37, () => t("table.explicitOffset"));
+          insert(_el$36, () => ["left", "center", "right", "inside", "outside"].map((value) => (() => {
+            var _el$45 = _tmpl$8();
+            _el$45.value = value;
+            insert(_el$45, value);
+            return _el$45;
+          })()), null);
+          insert(_el$39, () => t("table.verticalAlignment"));
+          _el$40.addEventListener("change", (e) => p.set("floatingYAlign", e.currentTarget.value));
+          insert(_el$41, () => t("table.explicitOffset"));
+          insert(_el$40, () => ["top", "center", "bottom", "inside", "outside"].map((value) => (() => {
+            var _el$46 = _tmpl$8();
+            _el$46.value = value;
+            insert(_el$46, value);
+            return _el$46;
+          })()), null);
+          createRenderEffect(() => _el$36.value = p.form.floatingXAlign);
+          createRenderEffect(() => _el$40.value = p.form.floatingYAlign);
+          return _el$33;
+        })(), (() => {
+          var _el$42 = _tmpl$5$1();
+          insert(_el$42, () => numericInput(t("table.distanceTop"), () => p.form.floatingDistanceTop, (v) => p.set("floatingDistanceTop", v), "editor-table-properties-floating-distance-top"), null);
+          insert(_el$42, () => numericInput(t("table.distanceRight"), () => p.form.floatingDistanceRight, (v) => p.set("floatingDistanceRight", v), "editor-table-properties-floating-distance-right"), null);
+          insert(_el$42, () => numericInput(t("table.distanceBottom"), () => p.form.floatingDistanceBottom, (v) => p.set("floatingDistanceBottom", v), "editor-table-properties-floating-distance-bottom"), null);
+          insert(_el$42, () => numericInput(t("table.distanceLeft"), () => p.form.floatingDistanceLeft, (v) => p.set("floatingDistanceLeft", v), "editor-table-properties-floating-distance-left"), null);
+          return _el$42;
+        })(), memo(() => checkbox(t("table.allowOverlap"), () => p.form.floatingOverlap === "overlap", (value) => p.set("floatingOverlap", value ? "overlap" : "never"), "editor-table-properties-floating-overlap"))];
+      }
+    }), null);
+    createRenderEffect(() => _el$10.value = p.form.tableWidthUnit);
+    return _el$6;
+  })();
+}
+function RowTabPanel(p) {
+  const t = useI18n();
+  return (() => {
+    var _el$47 = _tmpl$9(), _el$48 = _el$47.firstChild, _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$55 = _el$48.nextSibling;
+    insert(_el$48, () => numericInput(t("table.rowHeight"), () => p.form.rowHeight, (v) => p.set("rowHeight", v), "editor-table-properties-row-height"), _el$49);
+    insert(_el$50, () => t("table.rowHeightRule"));
+    _el$51.addEventListener("change", (e) => p.set("rowHeightRule", e.currentTarget.value));
+    insert(_el$52, () => t("table.rowAuto"));
+    insert(_el$53, () => t("table.rowAtLeast"));
+    insert(_el$54, () => t("table.rowExactly"));
+    insert(_el$55, () => checkbox(t("table.repeatHeader"), () => p.form.repeatHeader, (v) => p.set("repeatHeader", v), "editor-table-properties-repeat-header"), null);
+    insert(_el$55, () => checkbox(t("table.allowBreakAcrossPages"), () => p.form.allowBreakAcrossPages, (v) => p.set("allowBreakAcrossPages", v), "editor-table-properties-allow-break"), null);
+    insert(_el$55, () => checkbox(t("table.hiddenRow"), () => p.form.hiddenRow, (v) => p.set("hiddenRow", v), "editor-table-properties-hidden-row"), null);
+    createRenderEffect(() => _el$51.value = p.form.rowHeightRule);
+    return _el$47;
+  })();
+}
+function ColumnTabPanel(p) {
+  const t = useI18n();
+  return (() => {
+    var _el$56 = _tmpl$0(), _el$57 = _el$56.firstChild;
+    insert(_el$57, () => numericInput(t("table.columnWidth"), () => p.form.columnWidth, (v) => p.set("columnWidth", v), "editor-table-properties-column-width"));
+    return _el$56;
+  })();
+}
+function CellTabPanel(p) {
   const t = useI18n();
-  const [activeTab, setActiveTab] = createSignal("table");
-  const [tableWidth, setTableWidth] = createSignal("");
-  const [tableWidthUnit, setTableWidthUnit] = createSignal("points");
-  const [tableAlign, setTableAlign] = createSignal("");
-  const [tableIndentLeft, setTableIndentLeft] = createSignal("");
-  const [tableWrapping, setTableWrapping] = createSignal("none");
-  const [floatingHorizontalAnchor, setFloatingHorizontalAnchor] = createSignal("margin");
-  const [floatingVerticalAnchor, setFloatingVerticalAnchor] = createSignal("text");
-  const [floatingX, setFloatingX] = createSignal("");
-  const [floatingY, setFloatingY] = createSignal("");
-  const [floatingXAlign, setFloatingXAlign] = createSignal("");
-  const [floatingYAlign, setFloatingYAlign] = createSignal("");
-  const [floatingDistanceTop, setFloatingDistanceTop] = createSignal("");
-  const [floatingDistanceRight, setFloatingDistanceRight] = createSignal("");
-  const [floatingDistanceBottom, setFloatingDistanceBottom] = createSignal("");
-  const [floatingDistanceLeft, setFloatingDistanceLeft] = createSignal("");
-  const [floatingOverlap, setFloatingOverlap] = createSignal("overlap");
-  const [rowHeight, setRowHeight] = createSignal("");
-  const [rowHeightRule, setRowHeightRule] = createSignal("");
-  const [repeatHeader, setRepeatHeader] = createSignal(false);
-  const [allowBreakAcrossPages, setAllowBreakAcrossPages] = createSignal(true);
-  const [hiddenRow, setHiddenRow] = createSignal(false);
-  const [columnWidth, setColumnWidth] = createSignal("");
-  const [cellWidth, setCellWidth] = createSignal("");
-  const [cellVerticalAlign, setCellVerticalAlign] = createSignal("");
-  const [cellTextDirection, setCellTextDirection] = createSignal("");
-  const [cellNoWrap, setCellNoWrap] = createSignal(false);
-  const [cellFitText, setCellFitText] = createSignal(false);
-  const [cellHideMark, setCellHideMark] = createSignal(false);
-  const [marginTop, setMarginTop] = createSignal("");
-  const [marginRight, setMarginRight] = createSignal("");
-  const [marginBottom, setMarginBottom] = createSignal("");
-  const [marginLeft, setMarginLeft] = createSignal("");
-  const [borderStyle, setBorderStyle] = createSignal("none");
-  const [borderWidth, setBorderWidth] = createSignal("");
-  const [borderColor, setBorderColor] = createSignal("");
-  const [borderTop, setBorderTop] = createSignal(false);
-  const [borderRight, setBorderRight] = createSignal(false);
-  const [borderBottom, setBorderBottom] = createSignal(false);
-  const [borderLeft, setBorderLeft] = createSignal(false);
-  const [borderStart, setBorderStart] = createSignal(false);
-  const [borderEnd, setBorderEnd] = createSignal(false);
-  const [borderTlBr, setBorderTlBr] = createSignal(false);
-  const [borderTrBl, setBorderTrBl] = createSignal(false);
-  const [shading, setShading] = createSignal("");
-  const [altTitle, setAltTitle] = createSignal("");
-  const [altDescription, setAltDescription] = createSignal("");
-  createEffect(() => {
-    if (!props.isOpen) return;
-    setActiveTab(props.initial.activeTab ?? "table");
-    setTableWidth(props.initial.tableWidth);
-    setTableWidthUnit(props.initial.tableWidthUnit);
-    setTableAlign(props.initial.tableAlign);
-    setTableIndentLeft(props.initial.tableIndentLeft);
-    setTableWrapping(props.initial.tableWrapping);
-    setFloatingHorizontalAnchor(props.initial.floatingHorizontalAnchor);
-    setFloatingVerticalAnchor(props.initial.floatingVerticalAnchor);
-    setFloatingX(props.initial.floatingX);
-    setFloatingY(props.initial.floatingY);
-    setFloatingXAlign(props.initial.floatingXAlign);
-    setFloatingYAlign(props.initial.floatingYAlign);
-    setFloatingDistanceTop(props.initial.floatingDistanceTop);
-    setFloatingDistanceRight(props.initial.floatingDistanceRight);
-    setFloatingDistanceBottom(props.initial.floatingDistanceBottom);
-    setFloatingDistanceLeft(props.initial.floatingDistanceLeft);
-    setFloatingOverlap(props.initial.floatingOverlap);
-    setRowHeight(props.initial.rowHeight);
-    setRowHeightRule(props.initial.rowHeightRule);
-    setRepeatHeader(props.initial.repeatHeader);
-    setAllowBreakAcrossPages(props.initial.allowBreakAcrossPages);
-    setHiddenRow(props.initial.hiddenRow);
-    setColumnWidth(props.initial.columnWidth);
-    setCellWidth(props.initial.cellWidth);
-    setCellVerticalAlign(props.initial.cellVerticalAlign);
-    setCellTextDirection(props.initial.cellTextDirection);
-    setCellNoWrap(props.initial.cellNoWrap);
-    setCellFitText(props.initial.cellFitText);
-    setCellHideMark(props.initial.cellHideMark);
-    setMarginTop(props.initial.marginTop);
-    setMarginRight(props.initial.marginRight);
-    setMarginBottom(props.initial.marginBottom);
-    setMarginLeft(props.initial.marginLeft);
-    setBorderStyle(props.initial.borderStyle);
-    setBorderWidth(props.initial.borderWidth);
-    setBorderColor(props.initial.borderColor);
-    setBorderTop(props.initial.borderTop);
-    setBorderRight(props.initial.borderRight);
-    setBorderBottom(props.initial.borderBottom);
-    setBorderLeft(props.initial.borderLeft);
-    setBorderStart(props.initial.borderStart);
-    setBorderEnd(props.initial.borderEnd);
-    setBorderTlBr(props.initial.borderTopLeftToBottomRight);
-    setBorderTrBl(props.initial.borderTopRightToBottomLeft);
-    setShading(props.initial.shading);
-    setAltTitle(props.initial.altTitle);
-    setAltDescription(props.initial.altDescription);
-  });
   const borderPreview = createMemo(() => {
-    const border = resolveBorder(borderStyle(), borderWidth(), borderColor());
+    const border = resolveBorder(p.form.borderStyle, p.form.borderWidth, p.form.borderColor);
     const css = border ? `${border.width}pt ${border.type} ${border.color}` : void 0;
     return {
-      "background-color": shading().trim() || void 0,
-      "border-top": css && borderTop() ? css : "1px solid #dadce0",
-      "border-right": css && borderRight() ? css : "1px solid #dadce0",
-      "border-bottom": css && borderBottom() ? css : "1px solid #dadce0",
-      "border-left": css && borderLeft() ? css : "1px solid #dadce0"
+      "background-color": p.form.shading.trim() || void 0,
+      "border-top": css && p.form.borderTop ? css : "1px solid #dadce0",
+      "border-right": css && p.form.borderRight ? css : "1px solid #dadce0",
+      "border-bottom": css && p.form.borderBottom ? css : "1px solid #dadce0",
+      "border-left": css && p.form.borderLeft ? css : "1px solid #dadce0"
     };
   });
+  return (() => {
+    var _el$58 = _tmpl$1(), _el$59 = _el$58.firstChild, _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$60.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$59.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$71.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, _el$77 = _el$74.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$80.firstChild, _el$82 = _el$81.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$80.nextSibling, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling, _el$90 = _el$87.nextSibling, _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$79.nextSibling, _el$94 = _el$93.nextSibling;
+    insert(_el$59, () => numericInput(t("table.cellWidth"), () => p.form.cellWidth, (v) => p.set("cellWidth", v), "editor-table-properties-cell-width"), _el$60);
+    insert(_el$61, () => t("table.verticalAlignment"));
+    _el$62.addEventListener("change", (e) => p.set("cellVerticalAlign", e.currentTarget.value));
+    insert(_el$63, () => t("table.inherit"));
+    insert(_el$64, () => t("table.valignTop"));
+    insert(_el$65, () => t("table.valignMiddle"));
+    insert(_el$66, () => t("table.valignBottom"));
+    insert(_el$68, () => t("table.textDirection"));
+    _el$69.addEventListener("change", (e) => p.set("cellTextDirection", e.currentTarget.value));
+    insert(_el$70, () => t("table.inherit"));
+    insert(_el$72, () => t("table.options"));
+    insert(_el$73, () => checkbox(t("table.noWrap"), () => p.form.cellNoWrap, (v) => p.set("cellNoWrap", v), "editor-table-properties-cell-nowrap"), null);
+    insert(_el$73, () => checkbox(t("table.fitText"), () => p.form.cellFitText, (v) => p.set("cellFitText", v), "editor-table-properties-cell-fit-text"), null);
+    insert(_el$73, () => checkbox(t("table.hideMark"), () => p.form.cellHideMark, (v) => p.set("cellHideMark", v), "editor-table-properties-cell-hide-mark"), null);
+    insert(_el$75, () => t("table.cellMargins"));
+    insert(_el$76, () => numericInput(t("paragraph.borderSideTop"), () => p.form.marginTop, (v) => p.set("marginTop", v), "editor-table-properties-margin-top"), null);
+    insert(_el$76, () => numericInput(t("paragraph.borderSideRight"), () => p.form.marginRight, (v) => p.set("marginRight", v), "editor-table-properties-margin-right"), null);
+    insert(_el$76, () => numericInput(t("paragraph.borderSideBottom"), () => p.form.marginBottom, (v) => p.set("marginBottom", v), "editor-table-properties-margin-bottom"), null);
+    insert(_el$76, () => numericInput(t("paragraph.borderSideLeft"), () => p.form.marginLeft, (v) => p.set("marginLeft", v), "editor-table-properties-margin-left"), null);
+    insert(_el$78, () => t("paragraph.bordersSection"));
+    insert(_el$81, () => t("paragraph.borderStyleLabel"));
+    _el$82.addEventListener("change", (e) => {
+      const next = e.currentTarget.value;
+      p.set("borderStyle", next);
+      if (next === "none") {
+        p.set("borderTop", false);
+        p.set("borderRight", false);
+        p.set("borderBottom", false);
+        p.set("borderLeft", false);
+        p.set("borderStart", false);
+        p.set("borderEnd", false);
+        p.set("borderTlBr", false);
+        p.set("borderTrBl", false);
+      } else if (!p.form.borderTop && !p.form.borderRight && !p.form.borderBottom && !p.form.borderLeft) {
+        p.set("borderTop", true);
+        p.set("borderRight", true);
+        p.set("borderBottom", true);
+        p.set("borderLeft", true);
+      }
+    });
+    insert(_el$83, () => t("paragraph.borderNone"));
+    insert(_el$84, () => t("paragraph.borderSolid"));
+    insert(_el$85, () => t("paragraph.borderDashed"));
+    insert(_el$86, () => t("paragraph.borderDotted"));
+    insert(_el$79, () => numericInput(t("paragraph.borderWidthLabel"), () => p.form.borderWidth, (v) => p.set("borderWidth", v), "editor-table-properties-border-width", p.form.borderStyle === "none"), _el$87);
+    insert(_el$88, () => t("paragraph.borderColorLabel"));
+    _el$89.$$input = (e) => p.set("borderColor", e.currentTarget.value);
+    insert(_el$91, () => t("paragraph.shadingLabel"));
+    _el$92.$$input = (e) => p.set("shading", e.currentTarget.value);
+    insert(_el$93, () => checkbox(t("paragraph.borderSideTop"), () => p.form.borderTop, (v) => p.set("borderTop", v), "editor-table-properties-border-top", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("paragraph.borderSideRight"), () => p.form.borderRight, (v) => p.set("borderRight", v), "editor-table-properties-border-right", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("paragraph.borderSideBottom"), () => p.form.borderBottom, (v) => p.set("borderBottom", v), "editor-table-properties-border-bottom", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("paragraph.borderSideLeft"), () => p.form.borderLeft, (v) => p.set("borderLeft", v), "editor-table-properties-border-left", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("table.borderStart"), () => p.form.borderStart, (v) => p.set("borderStart", v), "editor-table-properties-border-start", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("table.borderEnd"), () => p.form.borderEnd, (v) => p.set("borderEnd", v), "editor-table-properties-border-end", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("table.borderTlBr"), () => p.form.borderTlBr, (v) => p.set("borderTlBr", v), "editor-table-properties-border-tlbr", p.form.borderStyle === "none"), null);
+    insert(_el$93, () => checkbox(t("table.borderTrBl"), () => p.form.borderTrBl, (v) => p.set("borderTrBl", v), "editor-table-properties-border-trbl", p.form.borderStyle === "none"), null);
+    createRenderEffect((_p$) => {
+      var _v$ = p.form.borderStyle === "none", _v$2 = borderPreview();
+      _v$ !== _p$.e && (_el$89.disabled = _p$.e = _v$);
+      _p$.t = style(_el$94, _v$2, _p$.t);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    createRenderEffect(() => _el$62.value = p.form.cellVerticalAlign);
+    createRenderEffect(() => _el$69.value = p.form.cellTextDirection);
+    createRenderEffect(() => _el$82.value = p.form.borderStyle);
+    createRenderEffect(() => _el$89.value = p.form.borderColor || DEFAULT_BORDER_COLOR);
+    createRenderEffect(() => _el$92.value = p.form.shading || "#ffffff");
+    return _el$58;
+  })();
+}
+function AltTextTabPanel(p) {
+  const t = useI18n();
+  return (() => {
+    var _el$95 = _tmpl$10(), _el$96 = _el$95.firstChild, _el$97 = _el$96.firstChild, _el$98 = _el$97.nextSibling, _el$99 = _el$96.nextSibling, _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling;
+    insert(_el$97, () => t("table.altTitle"));
+    _el$98.$$input = (e) => p.set("altTitle", e.currentTarget.value);
+    insert(_el$100, () => t("table.altDescription"));
+    _el$101.$$input = (e) => p.set("altDescription", e.currentTarget.value);
+    createRenderEffect(() => _el$98.value = p.form.altTitle);
+    createRenderEffect(() => _el$101.value = p.form.altDescription);
+    return _el$95;
+  })();
+}
+function TablePropertiesDialog(props) {
+  const t = useI18n();
+  const [form, setForm] = createStore({
+    activeTab: "table",
+    tableWidth: "",
+    tableWidthUnit: "points",
+    tableAlign: "",
+    tableIndentLeft: "",
+    tableWrapping: "none",
+    floatingHorizontalAnchor: "margin",
+    floatingVerticalAnchor: "text",
+    floatingX: "",
+    floatingY: "",
+    floatingXAlign: "",
+    floatingYAlign: "",
+    floatingDistanceTop: "",
+    floatingDistanceRight: "",
+    floatingDistanceBottom: "",
+    floatingDistanceLeft: "",
+    floatingOverlap: "overlap",
+    rowHeight: "",
+    rowHeightRule: "",
+    repeatHeader: false,
+    allowBreakAcrossPages: true,
+    hiddenRow: false,
+    columnWidth: "",
+    cellWidth: "",
+    cellVerticalAlign: "",
+    cellTextDirection: "",
+    cellNoWrap: false,
+    cellFitText: false,
+    cellHideMark: false,
+    marginTop: "",
+    marginRight: "",
+    marginBottom: "",
+    marginLeft: "",
+    borderStyle: "none",
+    borderWidth: "",
+    borderColor: "",
+    borderTop: false,
+    borderRight: false,
+    borderBottom: false,
+    borderLeft: false,
+    borderStart: false,
+    borderEnd: false,
+    borderTlBr: false,
+    borderTrBl: false,
+    shading: "",
+    altTitle: "",
+    altDescription: ""
+  });
+  createEffect(() => {
+    if (!props.isOpen) return;
+    setForm(reconcile({
+      activeTab: props.initial.activeTab ?? "table",
+      tableWidth: props.initial.tableWidth,
+      tableWidthUnit: props.initial.tableWidthUnit,
+      tableAlign: props.initial.tableAlign,
+      tableIndentLeft: props.initial.tableIndentLeft,
+      tableWrapping: props.initial.tableWrapping,
+      floatingHorizontalAnchor: props.initial.floatingHorizontalAnchor,
+      floatingVerticalAnchor: props.initial.floatingVerticalAnchor,
+      floatingX: props.initial.floatingX,
+      floatingY: props.initial.floatingY,
+      floatingXAlign: props.initial.floatingXAlign,
+      floatingYAlign: props.initial.floatingYAlign,
+      floatingDistanceTop: props.initial.floatingDistanceTop,
+      floatingDistanceRight: props.initial.floatingDistanceRight,
+      floatingDistanceBottom: props.initial.floatingDistanceBottom,
+      floatingDistanceLeft: props.initial.floatingDistanceLeft,
+      floatingOverlap: props.initial.floatingOverlap,
+      rowHeight: props.initial.rowHeight,
+      rowHeightRule: props.initial.rowHeightRule,
+      repeatHeader: props.initial.repeatHeader,
+      allowBreakAcrossPages: props.initial.allowBreakAcrossPages,
+      hiddenRow: props.initial.hiddenRow,
+      columnWidth: props.initial.columnWidth,
+      cellWidth: props.initial.cellWidth,
+      cellVerticalAlign: props.initial.cellVerticalAlign,
+      cellTextDirection: props.initial.cellTextDirection,
+      cellNoWrap: props.initial.cellNoWrap,
+      cellFitText: props.initial.cellFitText,
+      cellHideMark: props.initial.cellHideMark,
+      marginTop: props.initial.marginTop,
+      marginRight: props.initial.marginRight,
+      marginBottom: props.initial.marginBottom,
+      marginLeft: props.initial.marginLeft,
+      borderStyle: props.initial.borderStyle,
+      borderWidth: props.initial.borderWidth,
+      borderColor: props.initial.borderColor,
+      borderTop: props.initial.borderTop,
+      borderRight: props.initial.borderRight,
+      borderBottom: props.initial.borderBottom,
+      borderLeft: props.initial.borderLeft,
+      borderStart: props.initial.borderStart,
+      borderEnd: props.initial.borderEnd,
+      borderTlBr: props.initial.borderTopLeftToBottomRight,
+      borderTrBl: props.initial.borderTopRightToBottomLeft,
+      shading: props.initial.shading,
+      altTitle: props.initial.altTitle,
+      altDescription: props.initial.altDescription
+    }));
+  });
   const handleApply = () => {
-    const border = resolveBorder(borderStyle(), borderWidth(), borderColor());
+    const border = resolveBorder(form.borderStyle, form.borderWidth, form.borderColor);
     props.onApply({
-      tableWidth: parseWidth(tableWidth(), tableWidthUnit()),
-      tableAlign: tableAlign() || null,
-      tableIndentLeft: parseWidth(tableIndentLeft(), "points"),
-      tableFloating: tableWrapping() === "around" ? {
-        horizontalAnchor: floatingHorizontalAnchor(),
-        verticalAnchor: floatingVerticalAnchor(),
-        ...floatingXAlign() ? {
-          xAlign: floatingXAlign()
+      tableWidth: parseWidth(form.tableWidth, form.tableWidthUnit),
+      tableAlign: form.tableAlign || null,
+      tableIndentLeft: parseWidth(form.tableIndentLeft, "points"),
+      tableFloating: form.tableWrapping === "around" ? {
+        horizontalAnchor: form.floatingHorizontalAnchor,
+        verticalAnchor: form.floatingVerticalAnchor,
+        ...form.floatingXAlign ? {
+          xAlign: form.floatingXAlign
         } : {
-          x: parseNumber(floatingX()) ?? 0
+          x: parseNumber(form.floatingX) ?? 0
         },
-        ...floatingYAlign() ? {
-          yAlign: floatingYAlign()
+        ...form.floatingYAlign ? {
+          yAlign: form.floatingYAlign
         } : {
-          y: parseNumber(floatingY()) ?? 0
+          y: parseNumber(form.floatingY) ?? 0
         },
-        distanceTop: parseNumber(floatingDistanceTop()) ?? 0,
-        distanceRight: parseNumber(floatingDistanceRight()) ?? 0,
-        distanceBottom: parseNumber(floatingDistanceBottom()) ?? 0,
-        distanceLeft: parseNumber(floatingDistanceLeft()) ?? 0
+        distanceTop: parseNumber(form.floatingDistanceTop) ?? 0,
+        distanceRight: parseNumber(form.floatingDistanceRight) ?? 0,
+        distanceBottom: parseNumber(form.floatingDistanceBottom) ?? 0,
+        distanceLeft: parseNumber(form.floatingDistanceLeft) ?? 0
       } : null,
-      tableOverlap: tableWrapping() === "around" ? floatingOverlap() : null,
-      rowHeight: parseWidth(rowHeight(), "points"),
-      rowHeightRule: rowHeightRule() || null,
-      repeatHeader: repeatHeader(),
-      cantSplit: !allowBreakAcrossPages(),
-      hiddenRow: hiddenRow(),
-      columnWidth: parseWidth(columnWidth(), "points"),
-      cellWidth: parseWidth(cellWidth(), "points"),
-      cellVerticalAlign: cellVerticalAlign() || null,
-      cellTextDirection: cellTextDirection() || null,
-      cellNoWrap: cellNoWrap(),
-      cellFitText: cellFitText(),
-      cellHideMark: cellHideMark(),
+      tableOverlap: form.tableWrapping === "around" ? form.floatingOverlap : null,
+      rowHeight: parseWidth(form.rowHeight, "points"),
+      rowHeightRule: form.rowHeightRule || null,
+      repeatHeader: form.repeatHeader,
+      cantSplit: !form.allowBreakAcrossPages,
+      hiddenRow: form.hiddenRow,
+      columnWidth: parseWidth(form.columnWidth, "points"),
+      cellWidth: parseWidth(form.cellWidth, "points"),
+      cellVerticalAlign: form.cellVerticalAlign || null,
+      cellTextDirection: form.cellTextDirection || null,
+      cellNoWrap: form.cellNoWrap,
+      cellFitText: form.cellFitText,
+      cellHideMark: form.cellHideMark,
       margins: {
-        top: parseNumber(marginTop()),
-        right: parseNumber(marginRight()),
-        bottom: parseNumber(marginBottom()),
-        left: parseNumber(marginLeft())
+        top: parseNumber(form.marginTop),
+        right: parseNumber(form.marginRight),
+        bottom: parseNumber(form.marginBottom),
+        left: parseNumber(form.marginLeft)
       },
       borders: {
-        top: borderTop() ? border : null,
-        right: borderRight() ? border : null,
-        bottom: borderBottom() ? border : null,
-        left: borderLeft() ? border : null,
-        start: borderStart() ? border : null,
-        end: borderEnd() ? border : null,
-        topLeftToBottomRight: borderTlBr() ? border : null,
-        topRightToBottomLeft: borderTrBl() ? border : null
+        top: form.borderTop ? border : null,
+        right: form.borderRight ? border : null,
+        bottom: form.borderBottom ? border : null,
+        left: form.borderLeft ? border : null,
+        start: form.borderStart ? border : null,
+        end: form.borderEnd ? border : null,
+        topLeftToBottomRight: form.borderTlBr ? border : null,
+        topRightToBottomLeft: form.borderTrBl ? border : null
       },
-      shading: shading().trim() || null,
-      altTitle: altTitle().trim() || null,
-      altDescription: altDescription().trim() || null
+      shading: form.shading.trim() || null,
+      altTitle: form.altTitle.trim() || null,
+      altDescription: form.altDescription.trim() || null
     }, props.initial);
     props.onClose();
   };
-  const numericInput = (label, value, setter, testId, disabled = false, allowNegative = false) => (() => {
-    var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    insert(_el$2, label);
-    _el$3.$$input = (e) => setter(e.currentTarget.value);
-    setAttribute(_el$3, "min", allowNegative ? void 0 : "0");
-    _el$3.disabled = disabled;
-    setAttribute(_el$3, "data-testid", testId);
-    createRenderEffect(() => _el$3.value = value());
-    return _el$;
-  })();
-  const checkbox = (label, checked, setter, testId, disabled = false) => (() => {
-    var _el$4 = _tmpl$2$1(), _el$5 = _el$4.firstChild;
-    _el$5.addEventListener("change", (e) => setter(e.currentTarget.checked));
-    _el$5.disabled = disabled;
-    setAttribute(_el$5, "data-testid", testId);
-    insert(_el$4, label, null);
-    createRenderEffect(() => _el$5.checked = checked());
-    return _el$4;
-  })();
   return createComponent(Dialog, {
     get isOpen() {
       return props.isOpen;
@@ -32625,24 +32857,27 @@ function TablePropertiesDialog(props) {
     "class": "oasis-editor-table-properties-dialog",
     bodyClass: "oasis-editor-table-properties-body",
     get footer() {
-      return [(() => {
-        var _el$6 = _tmpl$3$1();
-        addEventListener(_el$6, "click", props.onClose, true);
-        insert(_el$6, () => t("generic.cancel"));
-        return _el$6;
-      })(), (() => {
-        var _el$7 = _tmpl$4$1();
-        _el$7.$$click = handleApply;
-        insert(_el$7, () => t("generic.ok"));
-        return _el$7;
-      })()];
+      return createComponent(DialogFooter, {
+        get onCancel() {
+          return props.onClose;
+        },
+        onConfirm: handleApply,
+        get cancelLabel() {
+          return t("generic.cancel");
+        },
+        get confirmLabel() {
+          return t("generic.ok");
+        },
+        cancelTestId: "editor-table-properties-cancel",
+        confirmTestId: "editor-table-properties-apply"
+      });
     },
     get children() {
       return createComponent(Tabs, {
         get value() {
-          return activeTab();
+          return form.activeTab;
         },
-        onChange: setActiveTab,
+        onChange: (tab) => setForm("activeTab", tab),
         get ariaLabel() {
           return t("table.propertiesTitle");
         },
@@ -32652,212 +32887,49 @@ function TablePropertiesDialog(props) {
             id: "table",
             label: t("table.tabTable"),
             testId: "editor-table-properties-tab-table",
-            panel: (() => {
-              var _el$8 = _tmpl$8(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$9.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$15.nextSibling, _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
-              insert(_el$0, () => t("table.sizeSection"));
-              insert(_el$1, () => numericInput(t("table.preferredWidth"), tableWidth, setTableWidth, "editor-table-properties-table-width"), _el$10);
-              insert(_el$11, () => t("table.measureIn"));
-              _el$12.addEventListener("change", (e) => setTableWidthUnit(e.currentTarget.value));
-              insert(_el$13, () => t("table.points"));
-              insert(_el$14, () => t("table.percent"));
-              insert(_el$16, () => t("table.alignmentSection"));
-              insert(_el$17, () => ["left", "center", "right"].map((align) => (() => {
-                var _el$45 = _tmpl$9(), _el$46 = _el$45.firstChild;
-                _el$46.addEventListener("change", () => setTableAlign(align));
-                setAttribute(_el$46, "data-testid", `editor-table-properties-align-${align}`);
-                insert(_el$45, () => t(`table.align${align[0].toUpperCase()}${align.slice(1)}`), null);
-                createRenderEffect(() => _el$46.checked = tableAlign() === align);
-                return _el$45;
-              })()));
-              insert(_el$18, () => numericInput(t("table.indentFromLeft"), tableIndentLeft, setTableIndentLeft, "editor-table-properties-indent-left"));
-              insert(_el$20, () => t("table.textWrappingSection"));
-              insert(_el$21, () => checkbox(t("table.wrapNone"), () => tableWrapping() === "none", () => setTableWrapping("none"), "editor-table-properties-wrap-none"), null);
-              insert(_el$21, () => checkbox(t("table.wrapAround"), () => tableWrapping() === "around", () => setTableWrapping("around"), "editor-table-properties-wrap-around"), null);
-              insert(_el$19, createComponent(Show, {
-                get when() {
-                  return tableWrapping() === "around";
-                },
-                get children() {
-                  return [(() => {
-                    var _el$22 = _tmpl$5$1(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$23.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$33.nextSibling;
-                    insert(_el$24, () => t("table.horizontalAnchor"));
-                    _el$25.addEventListener("change", (e) => setFloatingHorizontalAnchor(e.currentTarget.value));
-                    insert(_el$26, () => t("table.anchorMargin"));
-                    insert(_el$27, () => t("table.anchorPage"));
-                    insert(_el$28, () => t("table.anchorText"));
-                    insert(_el$30, () => t("table.verticalAnchor"));
-                    _el$31.addEventListener("change", (e) => setFloatingVerticalAnchor(e.currentTarget.value));
-                    insert(_el$32, () => t("table.anchorMargin"));
-                    insert(_el$33, () => t("table.anchorPage"));
-                    insert(_el$34, () => t("table.anchorText"));
-                    createRenderEffect(() => _el$25.value = floatingHorizontalAnchor());
-                    createRenderEffect(() => _el$31.value = floatingVerticalAnchor());
-                    return _el$22;
-                  })(), (() => {
-                    var _el$35 = _tmpl$6$1(), _el$36 = _el$35.firstChild, _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$36.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling, _el$43 = _el$42.firstChild;
-                    insert(_el$35, () => numericInput(t("table.positionX"), floatingX, setFloatingX, "editor-table-properties-floating-x", Boolean(floatingXAlign()), true), _el$36);
-                    insert(_el$35, () => numericInput(t("table.positionY"), floatingY, setFloatingY, "editor-table-properties-floating-y", Boolean(floatingYAlign()), true), _el$36);
-                    insert(_el$37, () => t("table.horizontalAlignment"));
-                    _el$38.addEventListener("change", (e) => setFloatingXAlign(e.currentTarget.value));
-                    insert(_el$39, () => t("table.explicitOffset"));
-                    insert(_el$38, () => ["left", "center", "right", "inside", "outside"].map((value) => (() => {
-                      var _el$47 = _tmpl$0();
-                      _el$47.value = value;
-                      insert(_el$47, value);
-                      return _el$47;
-                    })()), null);
-                    insert(_el$41, () => t("table.verticalAlignment"));
-                    _el$42.addEventListener("change", (e) => setFloatingYAlign(e.currentTarget.value));
-                    insert(_el$43, () => t("table.explicitOffset"));
-                    insert(_el$42, () => ["top", "center", "bottom", "inside", "outside"].map((value) => (() => {
-                      var _el$48 = _tmpl$0();
-                      _el$48.value = value;
-                      insert(_el$48, value);
-                      return _el$48;
-                    })()), null);
-                    createRenderEffect(() => _el$38.value = floatingXAlign());
-                    createRenderEffect(() => _el$42.value = floatingYAlign());
-                    return _el$35;
-                  })(), (() => {
-                    var _el$44 = _tmpl$7();
-                    insert(_el$44, () => numericInput(t("table.distanceTop"), floatingDistanceTop, setFloatingDistanceTop, "editor-table-properties-floating-distance-top"), null);
-                    insert(_el$44, () => numericInput(t("table.distanceRight"), floatingDistanceRight, setFloatingDistanceRight, "editor-table-properties-floating-distance-right"), null);
-                    insert(_el$44, () => numericInput(t("table.distanceBottom"), floatingDistanceBottom, setFloatingDistanceBottom, "editor-table-properties-floating-distance-bottom"), null);
-                    insert(_el$44, () => numericInput(t("table.distanceLeft"), floatingDistanceLeft, setFloatingDistanceLeft, "editor-table-properties-floating-distance-left"), null);
-                    return _el$44;
-                  })(), memo(() => checkbox(t("table.allowOverlap"), () => floatingOverlap() === "overlap", (value) => setFloatingOverlap(value ? "overlap" : "never"), "editor-table-properties-floating-overlap"))];
-                }
-              }), null);
-              createRenderEffect(() => _el$12.value = tableWidthUnit());
-              return _el$8;
-            })()
+            panel: createComponent(TableTabPanel, {
+              form,
+              set: setForm
+            })
           }, {
             id: "row",
             label: t("table.tabRow"),
             testId: "editor-table-properties-tab-row",
-            panel: (() => {
-              var _el$49 = _tmpl$1(), _el$50 = _el$49.firstChild, _el$51 = _el$50.firstChild, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$50.nextSibling;
-              insert(_el$50, () => numericInput(t("table.rowHeight"), rowHeight, setRowHeight, "editor-table-properties-row-height"), _el$51);
-              insert(_el$52, () => t("table.rowHeightRule"));
-              _el$53.addEventListener("change", (e) => setRowHeightRule(e.currentTarget.value));
-              insert(_el$54, () => t("table.rowAuto"));
-              insert(_el$55, () => t("table.rowAtLeast"));
-              insert(_el$56, () => t("table.rowExactly"));
-              insert(_el$57, () => checkbox(t("table.repeatHeader"), repeatHeader, setRepeatHeader, "editor-table-properties-repeat-header"), null);
-              insert(_el$57, () => checkbox(t("table.allowBreakAcrossPages"), allowBreakAcrossPages, setAllowBreakAcrossPages, "editor-table-properties-allow-break"), null);
-              insert(_el$57, () => checkbox(t("table.hiddenRow"), hiddenRow, setHiddenRow, "editor-table-properties-hidden-row"), null);
-              createRenderEffect(() => _el$53.value = rowHeightRule());
-              return _el$49;
-            })()
+            panel: createComponent(RowTabPanel, {
+              form,
+              set: setForm
+            })
           }, {
             id: "column",
             label: t("table.tabColumn"),
             testId: "editor-table-properties-tab-column",
-            panel: (() => {
-              var _el$58 = _tmpl$10(), _el$59 = _el$58.firstChild;
-              insert(_el$59, () => numericInput(t("table.columnWidth"), columnWidth, setColumnWidth, "editor-table-properties-column-width"));
-              return _el$58;
-            })()
+            panel: createComponent(ColumnTabPanel, {
+              form,
+              set: setForm
+            })
           }, {
             id: "cell",
             label: t("table.tabCell"),
             testId: "editor-table-properties-tab-cell",
-            panel: (() => {
-              var _el$60 = _tmpl$11(), _el$61 = _el$60.firstChild, _el$62 = _el$61.firstChild, _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$62.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$61.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$76 = _el$73.nextSibling, _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling, _el$79 = _el$76.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling, _el$85 = _el$84.firstChild, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$82.nextSibling, _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$89.nextSibling, _el$93 = _el$92.firstChild, _el$94 = _el$93.nextSibling, _el$95 = _el$81.nextSibling, _el$96 = _el$95.nextSibling;
-              insert(_el$61, () => numericInput(t("table.cellWidth"), cellWidth, setCellWidth, "editor-table-properties-cell-width"), _el$62);
-              insert(_el$63, () => t("table.verticalAlignment"));
-              _el$64.addEventListener("change", (e) => setCellVerticalAlign(e.currentTarget.value));
-              insert(_el$65, () => t("table.inherit"));
-              insert(_el$66, () => t("table.valignTop"));
-              insert(_el$67, () => t("table.valignMiddle"));
-              insert(_el$68, () => t("table.valignBottom"));
-              insert(_el$70, () => t("table.textDirection"));
-              _el$71.addEventListener("change", (e) => setCellTextDirection(e.currentTarget.value));
-              insert(_el$72, () => t("table.inherit"));
-              insert(_el$74, () => t("table.options"));
-              insert(_el$75, () => checkbox(t("table.noWrap"), cellNoWrap, setCellNoWrap, "editor-table-properties-cell-nowrap"), null);
-              insert(_el$75, () => checkbox(t("table.fitText"), cellFitText, setCellFitText, "editor-table-properties-cell-fit-text"), null);
-              insert(_el$75, () => checkbox(t("table.hideMark"), cellHideMark, setCellHideMark, "editor-table-properties-cell-hide-mark"), null);
-              insert(_el$77, () => t("table.cellMargins"));
-              insert(_el$78, () => numericInput(t("paragraph.borderSideTop"), marginTop, setMarginTop, "editor-table-properties-margin-top"), null);
-              insert(_el$78, () => numericInput(t("paragraph.borderSideRight"), marginRight, setMarginRight, "editor-table-properties-margin-right"), null);
-              insert(_el$78, () => numericInput(t("paragraph.borderSideBottom"), marginBottom, setMarginBottom, "editor-table-properties-margin-bottom"), null);
-              insert(_el$78, () => numericInput(t("paragraph.borderSideLeft"), marginLeft, setMarginLeft, "editor-table-properties-margin-left"), null);
-              insert(_el$80, () => t("paragraph.bordersSection"));
-              insert(_el$83, () => t("paragraph.borderStyleLabel"));
-              _el$84.addEventListener("change", (e) => {
-                const next = e.currentTarget.value;
-                setBorderStyle(next);
-                if (next === "none") {
-                  setBorderTop(false);
-                  setBorderRight(false);
-                  setBorderBottom(false);
-                  setBorderLeft(false);
-                  setBorderStart(false);
-                  setBorderEnd(false);
-                  setBorderTlBr(false);
-                  setBorderTrBl(false);
-                } else if (!borderTop() && !borderRight() && !borderBottom() && !borderLeft()) {
-                  setBorderTop(true);
-                  setBorderRight(true);
-                  setBorderBottom(true);
-                  setBorderLeft(true);
-                }
-              });
-              insert(_el$85, () => t("paragraph.borderNone"));
-              insert(_el$86, () => t("paragraph.borderSolid"));
-              insert(_el$87, () => t("paragraph.borderDashed"));
-              insert(_el$88, () => t("paragraph.borderDotted"));
-              insert(_el$81, () => numericInput(t("paragraph.borderWidthLabel"), borderWidth, setBorderWidth, "editor-table-properties-border-width", borderStyle() === "none"), _el$89);
-              insert(_el$90, () => t("paragraph.borderColorLabel"));
-              _el$91.$$input = (e) => setBorderColor(e.currentTarget.value);
-              insert(_el$93, () => t("paragraph.shadingLabel"));
-              _el$94.$$input = (e) => setShading(e.currentTarget.value);
-              insert(_el$95, () => checkbox(t("paragraph.borderSideTop"), borderTop, setBorderTop, "editor-table-properties-border-top", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("paragraph.borderSideRight"), borderRight, setBorderRight, "editor-table-properties-border-right", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("paragraph.borderSideBottom"), borderBottom, setBorderBottom, "editor-table-properties-border-bottom", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("paragraph.borderSideLeft"), borderLeft, setBorderLeft, "editor-table-properties-border-left", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("table.borderStart"), borderStart, setBorderStart, "editor-table-properties-border-start", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("table.borderEnd"), borderEnd, setBorderEnd, "editor-table-properties-border-end", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("table.borderTlBr"), borderTlBr, setBorderTlBr, "editor-table-properties-border-tlbr", borderStyle() === "none"), null);
-              insert(_el$95, () => checkbox(t("table.borderTrBl"), borderTrBl, setBorderTrBl, "editor-table-properties-border-trbl", borderStyle() === "none"), null);
-              createRenderEffect((_p$) => {
-                var _v$ = borderStyle() === "none", _v$2 = borderPreview();
-                _v$ !== _p$.e && (_el$91.disabled = _p$.e = _v$);
-                _p$.t = style(_el$96, _v$2, _p$.t);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0
-              });
-              createRenderEffect(() => _el$64.value = cellVerticalAlign());
-              createRenderEffect(() => _el$71.value = cellTextDirection());
-              createRenderEffect(() => _el$84.value = borderStyle());
-              createRenderEffect(() => _el$91.value = borderColor() || DEFAULT_BORDER_COLOR);
-              createRenderEffect(() => _el$94.value = shading() || "#ffffff");
-              return _el$60;
-            })()
+            panel: createComponent(CellTabPanel, {
+              form,
+              set: setForm
+            })
           }, {
             id: "altText",
             label: t("table.tabAltText"),
             testId: "editor-table-properties-tab-alt-text",
-            panel: (() => {
-              var _el$97 = _tmpl$12(), _el$98 = _el$97.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$98.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling;
-              insert(_el$99, () => t("table.altTitle"));
-              _el$100.$$input = (e) => setAltTitle(e.currentTarget.value);
-              insert(_el$102, () => t("table.altDescription"));
-              _el$103.$$input = (e) => setAltDescription(e.currentTarget.value);
-              createRenderEffect(() => _el$100.value = altTitle());
-              createRenderEffect(() => _el$103.value = altDescription());
-              return _el$97;
-            })()
+            panel: createComponent(AltTextTabPanel, {
+              form,
+              set: setForm
+            })
           }];
         }
       });
     }
   });
 }
-delegateEvents(["input", "click"]);
+delegateEvents(["input"]);
 var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-find-replace-dialog><div class=oasis-editor-fr-header><span></span><button class=oasis-editor-fr-close><i data-lucide=x></i></button></div><div class=oasis-editor-fr-body><div class=oasis-editor-fr-input-group><div class=oasis-editor-fr-input-wrapper><input type=text autofocus class=oasis-editor-fr-input><span class=oasis-editor-fr-counter></span></div><div class=oasis-editor-fr-actions><button><i data-lucide=chevron-up></i></button><button><i data-lucide=chevron-down></i></button></div></div><div class=oasis-editor-fr-input-group><input type=text class=oasis-editor-fr-input><div class=oasis-editor-fr-actions><button class=oasis-editor-fr-btn-text></button><button class=oasis-editor-fr-btn-text></button></div></div><div class=oasis-editor-fr-options><label class=oasis-editor-fr-checkbox><input type=checkbox><span></span></label><label class=oasis-editor-fr-checkbox><input type=checkbox><span>`);
 function FindReplaceDialog(props) {
   const t = useI18n();
@@ -36158,6 +36230,16 @@ function buildPartContext(blocks, numberingContext, state, document2) {
     hyperlinkMap
   };
 }
+function writeNotePart(zip, partName, part) {
+  if (!part) return;
+  zip.file(`word/${partName}.xml`, part.xml);
+  if (part.partContext.images.length > 0 || part.partContext.hyperlinks.length > 0) {
+    zip.file(
+      `word/_rels/${partName}.xml.rels`,
+      buildPartRelationshipsXml(part.partContext.images, part.partContext.hyperlinks)
+    );
+  }
+}
 async function exportEditorDocumentToDocx(document2) {
   var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   document2 = renumberImageCaptionsInDocument(document2);
@@ -36175,18 +36257,23 @@ async function exportEditorDocumentToDocx(document2) {
   const referencedEndnotes = collectReferencedEndnotesForExport(document2);
   const endnoteIdMap = buildEndnoteIdMap(referencedEndnotes);
   const hasEndnotes = referencedEndnotes.length > 0;
-  const bodyContext = buildPartContext(
-    sections.flatMap((section) => section.blocks),
-    numberingContext,
-    buildState,
-    document2
-  );
-  bodyContext.footnoteIdMap = footnoteIdMap;
-  bodyContext.endnoteIdMap = endnoteIdMap;
   const bookmarkEvents = buildBookmarkExportPlan(document2);
-  bodyContext.bookmarkEventsByParagraph = bookmarkEvents;
   const commentPlan = buildCommentExportPlan(document2);
-  bodyContext.commentEventsByParagraph = commentPlan == null ? void 0 : commentPlan.eventsByParagraph;
+  const annotateContext = (ctx) => {
+    ctx.footnoteIdMap = footnoteIdMap;
+    ctx.endnoteIdMap = endnoteIdMap;
+    ctx.bookmarkEventsByParagraph = bookmarkEvents;
+    ctx.commentEventsByParagraph = commentPlan == null ? void 0 : commentPlan.eventsByParagraph;
+    return ctx;
+  };
+  const bodyContext = annotateContext(
+    buildPartContext(
+      sections.flatMap((section) => section.blocks),
+      numberingContext,
+      buildState,
+      document2
+    )
+  );
   const hasComments = commentPlan !== void 0;
   const parts = [];
   const sectionReferences = sections.map(
@@ -36204,16 +36291,9 @@ async function exportEditorDocumentToDocx(document2) {
       const relPrefix = kind === "header" ? "Header" : "Footer";
       const path = `${kind}${partIndex}.xml`;
       const relId = `rId${relPrefix}${partIndex}`;
-      const context = buildPartContext(
-        blocks,
-        numberingContext,
-        buildState,
-        document2
+      const context = annotateContext(
+        buildPartContext(blocks, numberingContext, buildState, document2)
       );
-      context.footnoteIdMap = footnoteIdMap;
-      context.endnoteIdMap = endnoteIdMap;
-      context.bookmarkEventsByParagraph = bookmarkEvents;
-      context.commentEventsByParagraph = commentPlan == null ? void 0 : commentPlan.eventsByParagraph;
       parts.push({
         kind,
         type,
@@ -36362,30 +36442,8 @@ async function exportEditorDocumentToDocx(document2) {
       );
     }
   }
-  if (footnotesPart) {
-    zip.file("word/footnotes.xml", footnotesPart.xml);
-    if (footnotesPart.partContext.images.length > 0 || footnotesPart.partContext.hyperlinks.length > 0) {
-      zip.file(
-        "word/_rels/footnotes.xml.rels",
-        buildPartRelationshipsXml(
-          footnotesPart.partContext.images,
-          footnotesPart.partContext.hyperlinks
-        )
-      );
-    }
-  }
-  if (endnotesPart) {
-    zip.file("word/endnotes.xml", endnotesPart.xml);
-    if (endnotesPart.partContext.images.length > 0 || endnotesPart.partContext.hyperlinks.length > 0) {
-      zip.file(
-        "word/_rels/endnotes.xml.rels",
-        buildPartRelationshipsXml(
-          endnotesPart.partContext.images,
-          endnotesPart.partContext.hyperlinks
-        )
-      );
-    }
-  }
+  writeNotePart(zip, "footnotes", footnotesPart);
+  writeNotePart(zip, "endnotes", endnotesPart);
   if (commentPlan) {
     zip.file("word/comments.xml", buildCommentsPartXml(commentPlan));
     zip.file(
@@ -36825,45 +36883,27 @@ function blendColorWithWhite(hex, alpha) {
     255 + (rgb[2] - 255) * a
   );
 }
-function drawFragmentHighlight(writer, pageIndex, line, fragment, originX, originY, styles) {
-  if (!styles.highlight) {
-    return;
-  }
-  const bounds = resolveFragmentBounds(
-    line,
-    fragment,
-    styles.fontSize ?? DEFAULT_FONT_SIZE_PX
-  );
-  if (!bounds) {
-    return;
-  }
-  writer.drawRect(pageIndex, {
+function fragmentRectPt(line, fragment, styles, originX, originY, yOffset, heightShrink) {
+  const bounds = resolveFragmentBounds(line, fragment, styles.fontSize ?? DEFAULT_FONT_SIZE_PX);
+  if (!bounds) return null;
+  return {
     x: pxToPt$1(originX + bounds.left),
-    y: pxToPt$1(originY + line.top + 2),
+    y: pxToPt$1(originY + line.top + yOffset),
     width: pxToPt$1(Math.max(0, bounds.right - bounds.left)),
-    height: pxToPt$1(Math.max(2, line.height - 4)),
-    fill: styles.highlight
-  });
+    height: pxToPt$1(Math.max(2, line.height - heightShrink))
+  };
+}
+function drawFragmentHighlight(writer, pageIndex, line, fragment, originX, originY, styles) {
+  if (!styles.highlight) return;
+  const rect = fragmentRectPt(line, fragment, styles, originX, originY, 2, 4);
+  if (!rect) return;
+  writer.drawRect(pageIndex, { ...rect, fill: styles.highlight });
 }
 function drawFragmentShading(writer, pageIndex, line, fragment, originX, originY, styles) {
-  if (!styles.shading) {
-    return;
-  }
-  const bounds = resolveFragmentBounds(
-    line,
-    fragment,
-    styles.fontSize ?? DEFAULT_FONT_SIZE_PX
-  );
-  if (!bounds) {
-    return;
-  }
-  writer.drawRect(pageIndex, {
-    x: pxToPt$1(originX + bounds.left),
-    y: pxToPt$1(originY + line.top + 2),
-    width: pxToPt$1(Math.max(0, bounds.right - bounds.left)),
-    height: pxToPt$1(Math.max(2, line.height - 4)),
-    fill: styles.shading
-  });
+  if (!styles.shading) return;
+  const rect = fragmentRectPt(line, fragment, styles, originX, originY, 2, 4);
+  if (!rect) return;
+  writer.drawRect(pageIndex, { ...rect, fill: styles.shading });
 }
 function resolveGradientShadingName(writer, pageIndex, line, fragment, originX, originY, styles) {
   const fill = styles.textFill;
@@ -36903,19 +36943,10 @@ function drawFragmentBorder(writer, pageIndex, line, fragment, originX, originY,
   if (!border || border.type === "none" || border.width <= 0) {
     return;
   }
-  const bounds = resolveFragmentBounds(
-    line,
-    fragment,
-    styles.fontSize ?? DEFAULT_FONT_SIZE_PX
-  );
-  if (!bounds) {
-    return;
-  }
+  const rect = fragmentRectPt(line, fragment, styles, originX, originY, 1, 2);
+  if (!rect) return;
   writer.drawRect(pageIndex, {
-    x: pxToPt$1(originX + bounds.left),
-    y: pxToPt$1(originY + line.top + 1),
-    width: pxToPt$1(Math.max(0, bounds.right - bounds.left)),
-    height: pxToPt$1(Math.max(2, line.height - 2)),
+    ...rect,
     stroke: border.color,
     lineWidth: pxToPt$1(Math.max(0.5, border.width * PX_PER_POINT))
   });
@@ -37034,12 +37065,10 @@ function drawUnderlineWithStyle(writer, pageIndex, x1, x2, y, stroke, underlineS
   drawAt(y, underlineStyleDashArray(underlineStyle));
 }
 function drawWavyUnderline(writer, pageIndex, x1, x2, y, stroke, lineWidthPx) {
-  const wavelength = 4;
-  const amplitude = 1.5;
   let prevX = x1;
   let prevY = y;
   for (let x = x1; x <= x2; x += 1) {
-    const dy = Math.sin((x - x1) / wavelength * Math.PI) * amplitude;
+    const dy = Math.sin((x - x1) / WAVY_UNDERLINE_WAVELENGTH_PX * Math.PI) * WAVY_UNDERLINE_AMPLITUDE_PX;
     const curY = y + dy;
     writer.drawLine(pageIndex, {
       x1: pxToPt$1(prevX),
@@ -37151,6 +37180,100 @@ async function drawInlineTextBoxFragment(writer, pageIndex, line, fragment, docu
     drawers
   );
 }
+function emitTextChunk(ctx, leftPx, text) {
+  const {
+    writer,
+    pageIndex,
+    baselineY,
+    fontSizePt,
+    mainColor,
+    gradientShadingName,
+    styles,
+    baseTextOptions
+  } = ctx;
+  const offsetPt = pxToPt$1(1);
+  if (styles.emboss || styles.imprint) {
+    const dir = styles.imprint ? 1 : -1;
+    writer.drawText(pageIndex, {
+      ...baseTextOptions,
+      x: pxToPt$1(leftPx) + offsetPt * dir,
+      y: pxToPt$1(baselineY) + offsetPt * dir,
+      text,
+      color: "#BFBFBF"
+    });
+  }
+  if (styles.glow) {
+    const gl = styles.glow;
+    const r = pxToPt$1(gl.radiusPt * PX_PER_POINT) * 0.5;
+    const glowColor = blendColorWithWhite(gl.color, (gl.alpha ?? 0.5) * 0.4);
+    const dirs = [
+      [r, 0],
+      [-r, 0],
+      [0, r],
+      [0, -r],
+      [r * 0.7, r * 0.7],
+      [-r * 0.7, r * 0.7],
+      [r * 0.7, -r * 0.7],
+      [-r * 0.7, -r * 0.7]
+    ];
+    for (const [dx, dy] of dirs) {
+      writer.drawText(pageIndex, {
+        ...baseTextOptions,
+        x: pxToPt$1(leftPx) + dx,
+        y: pxToPt$1(baselineY) + dy,
+        text,
+        color: glowColor
+      });
+    }
+  }
+  if (styles.textShadow) {
+    const ts = styles.textShadow;
+    const dirRad = ts.dirDeg * Math.PI / 180;
+    const shadowOffsetPt = pxToPt$1(ts.distPt * PX_PER_POINT);
+    writer.drawText(pageIndex, {
+      ...baseTextOptions,
+      x: pxToPt$1(leftPx) + Math.cos(dirRad) * shadowOffsetPt,
+      y: pxToPt$1(baselineY) + Math.sin(dirRad) * shadowOffsetPt,
+      text,
+      color: ts.color
+    });
+  } else if (styles.shadow) {
+    writer.drawText(pageIndex, {
+      ...baseTextOptions,
+      x: pxToPt$1(leftPx) + offsetPt,
+      y: pxToPt$1(baselineY) + offsetPt,
+      text,
+      color: "#808080"
+    });
+  }
+  if (styles.reflection) {
+    const ref = styles.reflection;
+    const avgAlpha = (ref.startAlpha + ref.endAlpha) / 2;
+    const refColor = blendColorWithWhite(mainColor, avgAlpha * 0.6);
+    writer.drawText(pageIndex, {
+      ...baseTextOptions,
+      x: pxToPt$1(leftPx),
+      y: pxToPt$1(baselineY) + pxToPt$1(ref.distPt * PX_PER_POINT) + fontSizePt,
+      text,
+      color: refColor
+    });
+  }
+  const textOutline = styles.textOutline;
+  writer.drawText(pageIndex, {
+    ...baseTextOptions,
+    x: pxToPt$1(leftPx),
+    y: pxToPt$1(baselineY),
+    text,
+    color: mainColor,
+    // A gradient fill paints the glyphs via the shading clip; it supersedes
+    // both the solid color and any outline/stroke render mode.
+    ...gradientShadingName ? { gradientShadingName } : textOutline ? {
+      renderMode: 2,
+      strokeColor: textOutline.color ?? mainColor,
+      strokeWidth: textOutline.widthPt
+    } : { renderMode: styles.outline ? 1 : 0 }
+  });
+}
 async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, document2, originX, originY, fontRegistry, drawers) {
   var _a2, _b2, _c;
   if (fragment.image) {
@@ -37296,100 +37419,26 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     originY,
     styles
   );
-  const offsetPt = pxToPt$1(1);
-  const emitChunk = (leftPx, text2) => {
-    if (styles.emboss || styles.imprint) {
-      const dir = styles.imprint ? 1 : -1;
-      writer.drawText(pageIndex, {
-        ...baseTextOptions,
-        x: pxToPt$1(leftPx) + offsetPt * dir,
-        y: pxToPt$1(baselineY) + offsetPt * dir,
-        text: text2,
-        color: "#BFBFBF"
-      });
-    }
-    if (styles.glow) {
-      const gl = styles.glow;
-      const r = pxToPt$1(gl.radiusPt * PX_PER_POINT) * 0.5;
-      const glowColor = blendColorWithWhite(gl.color, (gl.alpha ?? 0.5) * 0.4);
-      const dirs = [
-        [r, 0],
-        [-r, 0],
-        [0, r],
-        [0, -r],
-        [r * 0.7, r * 0.7],
-        [-r * 0.7, r * 0.7],
-        [r * 0.7, -r * 0.7],
-        [-r * 0.7, -r * 0.7]
-      ];
-      for (const [dx, dy] of dirs) {
-        writer.drawText(pageIndex, {
-          ...baseTextOptions,
-          x: pxToPt$1(leftPx) + dx,
-          y: pxToPt$1(baselineY) + dy,
-          text: text2,
-          color: glowColor
-        });
-      }
-    }
-    if (styles.textShadow) {
-      const ts = styles.textShadow;
-      const dirRad = ts.dirDeg * Math.PI / 180;
-      const shadowOffsetPt = pxToPt$1(ts.distPt * PX_PER_POINT);
-      writer.drawText(pageIndex, {
-        ...baseTextOptions,
-        x: pxToPt$1(leftPx) + Math.cos(dirRad) * shadowOffsetPt,
-        y: pxToPt$1(baselineY) + Math.sin(dirRad) * shadowOffsetPt,
-        text: text2,
-        color: ts.color
-      });
-    } else if (styles.shadow) {
-      writer.drawText(pageIndex, {
-        ...baseTextOptions,
-        x: pxToPt$1(leftPx) + offsetPt,
-        y: pxToPt$1(baselineY) + offsetPt,
-        text: text2,
-        color: "#808080"
-      });
-    }
-    if (styles.reflection) {
-      const ref = styles.reflection;
-      const avgAlpha = (ref.startAlpha + ref.endAlpha) / 2;
-      const refColor = blendColorWithWhite(mainColor, avgAlpha * 0.6);
-      writer.drawText(pageIndex, {
-        ...baseTextOptions,
-        x: pxToPt$1(leftPx),
-        y: pxToPt$1(baselineY) + pxToPt$1(ref.distPt * PX_PER_POINT) + fontSizePt,
-        text: text2,
-        color: refColor
-      });
-    }
-    const textOutline = styles.textOutline;
-    writer.drawText(pageIndex, {
-      ...baseTextOptions,
-      x: pxToPt$1(leftPx),
-      y: pxToPt$1(baselineY),
-      text: text2,
-      color: mainColor,
-      // A gradient fill paints the glyphs via the shading clip; it supersedes
-      // both the solid color and any outline/stroke render mode.
-      ...gradientShadingName ? { gradientShadingName } : textOutline ? {
-        renderMode: 2,
-        strokeColor: textOutline.color ?? mainColor,
-        strokeWidth: textOutline.widthPt
-      } : { renderMode: styles.outline ? 1 : 0 }
-    });
+  const chunkCtx = {
+    writer,
+    pageIndex,
+    baselineY,
+    fontSizePt,
+    mainColor,
+    gradientShadingName,
+    styles,
+    baseTextOptions
   };
   const chunks = paragraphAlign === "justify" ? groupSlotChunksByWhitespace(chars) : groupSlotChunksByOffsetGaps(chars);
   for (const chunk of chunks) {
     const chunkText = chunk.map((c) => styles.allCaps ? c.char.toUpperCase() : c.char).join("");
     if (chunkText.length === 0) continue;
-    emitChunk(originX + chunk[0].left, chunkText);
+    emitTextChunk(chunkCtx, originX + chunk[0].left, chunkText);
   }
   if (line.trailingHyphen && fragment.endOffset >= line.endOffset) {
     const endSlot = line.slots.find((slot) => slot.offset === line.endOffset) ?? line.slots[line.slots.length - 1];
     if (endSlot) {
-      emitChunk(originX + endSlot.left, "-");
+      emitTextChunk(chunkCtx, originX + endSlot.left, "-");
     }
   }
   if (styles.underline) {
@@ -38500,6 +38549,16 @@ class PdfContentStream {
     );
   }
 }
+function readU16Array(reader, count) {
+  const array = new Array(count);
+  for (let i = 0; i < count; i += 1) array[i] = reader.u16();
+  return array;
+}
+function readU16OffsetArray(reader, count, baseOffset) {
+  const array = new Array(count);
+  for (let i = 0; i < count; i += 1) array[i] = baseOffset + reader.u16();
+  return array;
+}
 function parseCoverage(reader, offset) {
   reader.seek(offset);
   const format = reader.u16();
@@ -38537,10 +38596,7 @@ function parseClassDef(reader, offset) {
   if (format === 1) {
     const startGlyph = reader.u16();
     const glyphCount = reader.u16();
-    const classes = new Array(glyphCount);
-    for (let i = 0; i < glyphCount; i += 1) {
-      classes[i] = reader.u16();
-    }
+    const classes = readU16Array(reader, glyphCount);
     return (glyphId) => {
       const index = glyphId - startGlyph;
       return index >= 0 && index < glyphCount ? classes[index] : 0;
@@ -38579,10 +38635,7 @@ function parseFeatureList(reader, featureListOffset) {
     reader.seek(offset);
     reader.skip(2);
     const lookupIndexCount = reader.u16();
-    const lookupIndices = new Array(lookupIndexCount);
-    for (let i = 0; i < lookupIndexCount; i += 1) {
-      lookupIndices[i] = reader.u16();
-    }
+    const lookupIndices = readU16Array(reader, lookupIndexCount);
     return { tag, lookupIndices };
   });
 }
@@ -38634,6 +38687,26 @@ function parseLayoutTableHeader(reader) {
   }
   return { featureToLookups, lookupListOffset };
 }
+function parseLookupList(reader, lookupListOffset, parseSubtable2) {
+  reader.seek(lookupListOffset);
+  const lookupCount = reader.u16();
+  const lookupOffsets = readU16OffsetArray(reader, lookupCount, lookupListOffset);
+  return lookupOffsets.map((lookupOffset) => {
+    reader.seek(lookupOffset);
+    const lookupType = reader.u16();
+    reader.skip(2);
+    const subtableOffsets = readU16OffsetArray(reader, reader.u16(), lookupOffset);
+    const subtables = [];
+    for (const subtableOffset of subtableOffsets) {
+      try {
+        const subtable = parseSubtable2(reader, subtableOffset, lookupType);
+        if (subtable) subtables.push(subtable);
+      } catch {
+      }
+    }
+    return { lookupType, subtables };
+  });
+}
 function collectLookupIndices(featureToLookups, tags) {
   const indices = /* @__PURE__ */ new Set();
   for (const tag of tags) {
@@ -38661,10 +38734,7 @@ function parseSingleSubst(reader, offset) {
   }
   if (format === 2) {
     const glyphCount = reader.u16();
-    const substitutes = new Array(glyphCount);
-    for (let i = 0; i < glyphCount; i += 1) {
-      substitutes[i] = reader.u16();
-    }
+    const substitutes = readU16Array(reader, glyphCount);
     const coverage = parseCoverage(reader, coverageOffset);
     return {
       apply(glyphs, pos) {
@@ -38679,24 +38749,22 @@ function parseSingleSubst(reader, offset) {
   }
   return null;
 }
-function parseMultipleSubst(reader, offset) {
+function parseGlyphSetArray(reader, offset) {
   reader.seek(offset);
-  const format = reader.u16();
-  if (format !== 1) return null;
+  if (reader.u16() !== 1) return null;
   const coverageOffset = offset + reader.u16();
-  const sequenceCount = reader.u16();
-  const sequenceOffsets = new Array(sequenceCount);
-  for (let i = 0; i < sequenceCount; i += 1) {
-    sequenceOffsets[i] = offset + reader.u16();
-  }
-  const sequences = sequenceOffsets.map((seqOffset) => {
-    reader.seek(seqOffset);
-    const glyphCount = reader.u16();
-    const ids = new Array(glyphCount);
-    for (let i = 0; i < glyphCount; i += 1) ids[i] = reader.u16();
-    return ids;
+  const count = reader.u16();
+  const setOffsets = readU16OffsetArray(reader, count, offset);
+  const sets = setOffsets.map((setOffset) => {
+    reader.seek(setOffset);
+    return readU16Array(reader, reader.u16());
   });
-  const coverage = parseCoverage(reader, coverageOffset);
+  return { coverage: parseCoverage(reader, coverageOffset), sets };
+}
+function parseMultipleSubst(reader, offset) {
+  const parsed = parseGlyphSetArray(reader, offset);
+  if (!parsed) return null;
+  const { coverage, sets: sequences } = parsed;
   return {
     apply(glyphs, pos) {
       const glyph = glyphs[pos];
@@ -38716,23 +38784,9 @@ function parseMultipleSubst(reader, offset) {
   };
 }
 function parseAlternateSubst(reader, offset) {
-  reader.seek(offset);
-  const format = reader.u16();
-  if (format !== 1) return null;
-  const coverageOffset = offset + reader.u16();
-  const altSetCount = reader.u16();
-  const altSetOffsets = new Array(altSetCount);
-  for (let i = 0; i < altSetCount; i += 1) {
-    altSetOffsets[i] = offset + reader.u16();
-  }
-  const altSets = altSetOffsets.map((setOffset) => {
-    reader.seek(setOffset);
-    const glyphCount = reader.u16();
-    const ids = new Array(glyphCount);
-    for (let i = 0; i < glyphCount; i += 1) ids[i] = reader.u16();
-    return ids;
-  });
-  const coverage = parseCoverage(reader, coverageOffset);
+  const parsed = parseGlyphSetArray(reader, offset);
+  if (!parsed) return null;
+  const { coverage, sets: altSets } = parsed;
   return {
     apply(glyphs, pos) {
       const glyph = glyphs[pos];
@@ -38752,25 +38806,15 @@ function parseLigatureSubst(reader, offset) {
   if (format !== 1) return null;
   const coverageOffset = offset + reader.u16();
   const ligSetCount = reader.u16();
-  const ligSetOffsets = new Array(ligSetCount);
-  for (let i = 0; i < ligSetCount; i += 1) {
-    ligSetOffsets[i] = offset + reader.u16();
-  }
+  const ligSetOffsets = readU16OffsetArray(reader, ligSetCount, offset);
   const ligatureSets = ligSetOffsets.map((setOffset) => {
     reader.seek(setOffset);
-    const ligCount = reader.u16();
-    const ligOffsets = new Array(ligCount);
-    for (let i = 0; i < ligCount; i += 1) {
-      ligOffsets[i] = setOffset + reader.u16();
-    }
+    const ligOffsets = readU16OffsetArray(reader, reader.u16(), setOffset);
     return ligOffsets.map((ligOffset) => {
       reader.seek(ligOffset);
       const ligatureGlyph = reader.u16();
       const componentCount = reader.u16();
-      const components = new Array(Math.max(0, componentCount - 1));
-      for (let i = 0; i < components.length; i += 1) {
-        components[i] = reader.u16();
-      }
+      const components = readU16Array(reader, Math.max(0, componentCount - 1));
       return { ligatureGlyph, components };
     });
   });
@@ -38829,21 +38873,9 @@ function parseChainContextSubst(reader, offset) {
   reader.seek(offset);
   const format = reader.u16();
   if (format === 3) {
-    const backtrackCount = reader.u16();
-    const backtrackCoverageOffsets = new Array(backtrackCount);
-    for (let i = 0; i < backtrackCount; i += 1) {
-      backtrackCoverageOffsets[i] = offset + reader.u16();
-    }
-    const inputCount = reader.u16();
-    const inputCoverageOffsets = new Array(inputCount);
-    for (let i = 0; i < inputCount; i += 1) {
-      inputCoverageOffsets[i] = offset + reader.u16();
-    }
-    const lookaheadCount = reader.u16();
-    const lookaheadCoverageOffsets = new Array(lookaheadCount);
-    for (let i = 0; i < lookaheadCount; i += 1) {
-      lookaheadCoverageOffsets[i] = offset + reader.u16();
-    }
+    const backtrackCoverageOffsets = readU16OffsetArray(reader, reader.u16(), offset);
+    const inputCoverageOffsets = readU16OffsetArray(reader, reader.u16(), offset);
+    const lookaheadCoverageOffsets = readU16OffsetArray(reader, reader.u16(), offset);
     const substCount = reader.u16();
     const records = readSubstLookupRecords(reader, substCount);
     const backtrack = backtrackCoverageOffsets.map(
@@ -38876,10 +38908,7 @@ function parseChainContextSubst(reader, offset) {
   if (format === 1) {
     const coverageOffset = offset + reader.u16();
     const ruleSetCount = reader.u16();
-    const ruleSetOffsets = new Array(ruleSetCount);
-    for (let i = 0; i < ruleSetCount; i += 1) {
-      ruleSetOffsets[i] = offset + reader.u16();
-    }
+    const ruleSetOffsets = readU16OffsetArray(reader, ruleSetCount, offset);
     const coverage = parseCoverage(reader, coverageOffset);
     const ruleSets = ruleSetOffsets.map(
       (setOffset) => parseChainRuleSet(reader, setOffset)
@@ -38933,23 +38962,13 @@ function parseChainContextSubst(reader, offset) {
 function parseChainRuleSet(reader, setOffset) {
   reader.seek(setOffset);
   const ruleCount = reader.u16();
-  const ruleOffsets = new Array(ruleCount);
-  for (let i = 0; i < ruleCount; i += 1) {
-    ruleOffsets[i] = setOffset + reader.u16();
-  }
+  const ruleOffsets = readU16OffsetArray(reader, ruleCount, setOffset);
   return ruleOffsets.map((ruleOffset) => {
     reader.seek(ruleOffset);
-    const backtrackCount = reader.u16();
-    const backtrack = new Array(backtrackCount);
-    for (let i = 0; i < backtrackCount; i += 1) backtrack[i] = reader.u16();
-    const inputCount = reader.u16();
-    const input = new Array(Math.max(0, inputCount - 1));
-    for (let i = 0; i < input.length; i += 1) input[i] = reader.u16();
-    const lookaheadCount = reader.u16();
-    const lookahead = new Array(lookaheadCount);
-    for (let i = 0; i < lookaheadCount; i += 1) lookahead[i] = reader.u16();
-    const substCount = reader.u16();
-    const records = readSubstLookupRecords(reader, substCount);
+    const backtrack = readU16Array(reader, reader.u16());
+    const input = readU16Array(reader, Math.max(0, reader.u16() - 1));
+    const lookahead = readU16Array(reader, reader.u16());
+    const records = readSubstLookupRecords(reader, reader.u16());
     return { backtrack, input, lookahead, records };
   });
 }
@@ -39026,7 +39045,7 @@ class GsubTable {
     try {
       const reader = new BinaryReader(bytes);
       const { featureToLookups, lookupListOffset } = parseLayoutTableHeader(reader);
-      const lookups = parseLookupList$1(reader, lookupListOffset);
+      const lookups = parseLookupList(reader, lookupListOffset, parseSubtable$1);
       return new GsubTable(lookups, featureToLookups);
     } catch {
       return null;
@@ -39067,33 +39086,6 @@ class GsubTable {
     }
   }
 }
-function parseLookupList$1(reader, lookupListOffset) {
-  reader.seek(lookupListOffset);
-  const lookupCount = reader.u16();
-  const lookupOffsets = new Array(lookupCount);
-  for (let i = 0; i < lookupCount; i += 1) {
-    lookupOffsets[i] = lookupListOffset + reader.u16();
-  }
-  return lookupOffsets.map((lookupOffset) => {
-    reader.seek(lookupOffset);
-    const lookupType = reader.u16();
-    reader.skip(2);
-    const subTableCount = reader.u16();
-    const subtableOffsets = new Array(subTableCount);
-    for (let i = 0; i < subTableCount; i += 1) {
-      subtableOffsets[i] = lookupOffset + reader.u16();
-    }
-    const subtables = [];
-    for (const subtableOffset of subtableOffsets) {
-      try {
-        const subtable = parseSubtable$1(reader, subtableOffset, lookupType);
-        if (subtable) subtables.push(subtable);
-      } catch {
-      }
-    }
-    return { lookupType, subtables };
-  });
-}
 const X_PLACEMENT = 1;
 const Y_PLACEMENT = 2;
 const X_ADVANCE = 4;
@@ -39171,10 +39163,7 @@ function parsePairPos(reader, offset) {
   const hasSecondAdjustment = (valueFormat2 & X_ADVANCE) !== 0;
   if (format === 1) {
     const pairSetCount = reader.u16();
-    const pairSetOffsets = new Array(pairSetCount);
-    for (let i = 0; i < pairSetCount; i += 1) {
-      pairSetOffsets[i] = offset + reader.u16();
-    }
+    const pairSetOffsets = readU16OffsetArray(reader, pairSetCount, offset);
     const pairSets = pairSetOffsets.map(
       (setOffset) => {
         reader.seek(setOffset);
@@ -39276,33 +39265,6 @@ function parseSubtable(reader, offset, lookupType) {
       return null;
   }
 }
-function parseLookupList(reader, lookupListOffset) {
-  reader.seek(lookupListOffset);
-  const lookupCount = reader.u16();
-  const lookupOffsets = new Array(lookupCount);
-  for (let i = 0; i < lookupCount; i += 1) {
-    lookupOffsets[i] = lookupListOffset + reader.u16();
-  }
-  return lookupOffsets.map((lookupOffset) => {
-    reader.seek(lookupOffset);
-    const lookupType = reader.u16();
-    reader.skip(2);
-    const subTableCount = reader.u16();
-    const subtableOffsets = new Array(subTableCount);
-    for (let i = 0; i < subTableCount; i += 1) {
-      subtableOffsets[i] = lookupOffset + reader.u16();
-    }
-    const subtables = [];
-    for (const subtableOffset of subtableOffsets) {
-      try {
-        const subtable = parseSubtable(reader, subtableOffset, lookupType);
-        if (subtable) subtables.push(subtable);
-      } catch {
-      }
-    }
-    return { lookupType, subtables };
-  });
-}
 class GposTable {
   constructor(lookups, featureToLookups) {
     this.lookups = lookups;
@@ -39313,7 +39275,7 @@ class GposTable {
     try {
       const reader = new BinaryReader(bytes);
       const { featureToLookups, lookupListOffset } = parseLayoutTableHeader(reader);
-      const lookups = parseLookupList(reader, lookupListOffset);
+      const lookups = parseLookupList(reader, lookupListOffset, parseSubtable);
       return new GposTable(lookups, featureToLookups);
     } catch {
       return null;
@@ -43417,6 +43379,29 @@ const applyTableAwareParagraphEdit = (current, getTargetBlocks, edit) => {
     selection: tempResult.selection
   };
 };
+function resolveLocationTableMutation(current, getTargetBlocks) {
+  const location = findParagraphTableLocation(
+    current.document,
+    current.selection.focus.paragraphId,
+    getActiveSectionIndex(current)
+  );
+  if (!location) return null;
+  const targetBlocks = getTargetBlocks(current, location.zone).map(cloneBlock);
+  const tableBlock = targetBlocks[location.blockIndex];
+  if (!tableBlock || tableBlock.type !== "table") return null;
+  return { tableBlock, location, targetBlocks };
+}
+function commitTableMutation(current, targetBlocks, zone, nextParagraph) {
+  const nextState = updateBlocksInCurrentSection(current, targetBlocks, zone);
+  if (!nextParagraph) return nextState;
+  return {
+    ...nextState,
+    selection: {
+      anchor: paragraphOffsetToPosition(nextParagraph, 0),
+      focus: paragraphOffsetToPosition(nextParagraph, 0)
+    }
+  };
+}
 function createTableOpsGuards(deps) {
   const canMergeSelectedTableCells = (current) => {
     const range = deps.resolveHorizontalTableCellRange(current);
@@ -43768,18 +43753,7 @@ function createTableCellSpanOperations(deps) {
     if (!nextParagraph) {
       return current;
     }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      range.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, range.zone, nextParagraph);
   };
   const mergeSelectedTableRows = (current) => {
     const range = deps.resolveVerticalTableCellRange(current);
@@ -43852,18 +43826,7 @@ function createTableCellSpanOperations(deps) {
     if (!nextParagraph) {
       return current;
     }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      range.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, range.zone, nextParagraph);
   };
   const mergeSelectedTable = (current) => {
     if (deps.canMergeSelectedTableCells(current)) {
@@ -43876,19 +43839,9 @@ function createTableCellSpanOperations(deps) {
   };
   const splitSelectedTableCellVertically = (current) => {
     var _a2;
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     const cell = (_a2 = tableBlock.rows[location.rowIndex]) == null ? void 0 : _a2.cells[location.cellIndex];
     const span = Math.max(1, (cell == null ? void 0 : cell.rowSpan) ?? 1);
     if (!cell || span <= 1 || cell.vMerge !== "restart") {
@@ -43941,34 +43894,13 @@ function createTableCellSpanOperations(deps) {
     if (!nextParagraph) {
       return current;
     }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   const splitSelectedTableCell = (current) => {
     var _a2;
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     const row = tableBlock.rows[location.rowIndex];
     const cell = row == null ? void 0 : row.cells[location.cellIndex];
     const span = Math.max(1, (cell == null ? void 0 : cell.colSpan) ?? 1);
@@ -44015,18 +43947,7 @@ function createTableCellSpanOperations(deps) {
     if (!nextParagraph) {
       return current;
     }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   const splitSelectedTable = (current) => {
     if (deps.canSplitSelectedTableCellVertically(current)) {
@@ -44049,19 +43970,9 @@ function createTableCellSpanOperations(deps) {
 function createTableRowColumnOperations(deps) {
   const insertSelectedTableRow = (current, direction) => {
     var _a2, _b2;
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     const sourceRow = tableBlock.rows[location.rowIndex];
     if (!sourceRow) {
       return current;
@@ -44127,25 +44038,7 @@ function createTableRowColumnOperations(deps) {
       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);
-      if (!nextParagraph2) {
-        return updateBlocksInCurrentSection(
-          current,
-          targetBlocks,
-          location.zone
-        );
-      }
-      const nextState2 = updateBlocksInCurrentSection(
-        current,
-        targetBlocks,
-        location.zone
-      );
-      return {
-        ...nextState2,
-        selection: {
-          anchor: paragraphOffsetToPosition(nextParagraph2, 0),
-          focus: paragraphOffsetToPosition(nextParagraph2, 0)
-        }
-      };
+      return commitTableMutation(current, targetBlocks, location.zone, nextParagraph2);
     }
     blankRow = createEditorTableRow(
       sourceRow.cells.map(
@@ -44169,36 +44062,12 @@ function createTableRowColumnOperations(deps) {
     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);
-    if (!nextParagraph) {
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
-    }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   const deleteSelectedTableRow = (current) => {
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     if (tableBlock.rows.length <= 1 && !current.trackChangesEnabled) {
       return current;
     }
@@ -44214,7 +44083,7 @@ function createTableRowColumnOperations(deps) {
           type: "delete"
         }
       };
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
+      return commitTableMutation(current, targetBlocks, location.zone, null);
     }
     const blockedByRestartCell = rowToDelete.cells.some(
       (cell) => cell.vMerge !== "continue" && Math.max(1, cell.rowSpan ?? 1) > 1
@@ -44254,37 +44123,13 @@ function createTableRowColumnOperations(deps) {
       )
     ) : null;
     const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
-    if (!nextParagraph) {
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
-    }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   const insertSelectedTableColumn = (current, direction) => {
     var _a2;
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     const hasHorizontalSpansInTable = tableBlock.rows.some(
       (row) => row.cells.some((cell) => Math.max(1, cell.colSpan ?? 1) > 1)
     );
@@ -44355,25 +44200,7 @@ function createTableRowColumnOperations(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);
-      if (!nextParagraph2) {
-        return updateBlocksInCurrentSection(
-          current,
-          targetBlocks,
-          location.zone
-        );
-      }
-      const nextState2 = updateBlocksInCurrentSection(
-        current,
-        targetBlocks,
-        location.zone
-      );
-      return {
-        ...nextState2,
-        selection: {
-          anchor: paragraphOffsetToPosition(nextParagraph2, 0),
-          focus: paragraphOffsetToPosition(nextParagraph2, 0)
-        }
-      };
+      return commitTableMutation(current, targetBlocks, location.zone, nextParagraph2);
     }
     const insertIndex = Math.max(
       0,
@@ -44397,37 +44224,13 @@ function createTableRowColumnOperations(deps) {
     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);
-    if (!nextParagraph) {
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
-    }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   const deleteSelectedTableColumn = (current) => {
     var _a2;
-    const location = findParagraphTableLocation(
-      current.document,
-      current.selection.focus.paragraphId,
-      getActiveSectionIndex(current)
-    );
-    if (!location) {
-      return current;
-    }
-    const targetBlocks = deps.getTargetBlocks(current, location.zone).map(cloneBlock);
-    const tableBlock = targetBlocks[location.blockIndex];
-    if (!tableBlock || tableBlock.type !== "table") {
-      return current;
-    }
+    const mut = resolveLocationTableMutation(current, deps.getTargetBlocks);
+    if (!mut) return current;
+    const { tableBlock, location, targetBlocks } = mut;
     if (getTableVisualWidth(tableBlock) <= 1) {
       return current;
     }
@@ -44449,7 +44252,7 @@ function createTableRowColumnOperations(deps) {
           };
         }
       }
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
+      return commitTableMutation(current, targetBlocks, location.zone, null);
     }
     const hasHorizontalSpansInTable = tableBlock.rows.some(
       (row) => row.cells.some((cell) => Math.max(1, cell.colSpan ?? 1) > 1)
@@ -44488,25 +44291,7 @@ function createTableRowColumnOperations(deps) {
         )
       );
       const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
-      if (!nextParagraph2) {
-        return updateBlocksInCurrentSection(
-          current,
-          targetBlocks,
-          location.zone
-        );
-      }
-      const nextState2 = updateBlocksInCurrentSection(
-        current,
-        targetBlocks,
-        location.zone
-      );
-      return {
-        ...nextState2,
-        selection: {
-          anchor: paragraphOffsetToPosition(nextParagraph2, 0),
-          focus: paragraphOffsetToPosition(nextParagraph2, 0)
-        }
-      };
+      return commitTableMutation(current, targetBlocks, location.zone, nextParagraph2);
     }
     if (((_a2 = tableBlock.rows[0]) == null ? void 0 : _a2.cells.length) <= 1) {
       return current;
@@ -44517,21 +44302,7 @@ function createTableRowColumnOperations(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);
-    if (!nextParagraph) {
-      return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
-    }
-    const nextState = updateBlocksInCurrentSection(
-      current,
-      targetBlocks,
-      location.zone
-    );
-    return {
-      ...nextState,
-      selection: {
-        anchor: paragraphOffsetToPosition(nextParagraph, 0),
-        focus: paragraphOffsetToPosition(nextParagraph, 0)
-      }
-    };
+    return commitTableMutation(current, targetBlocks, location.zone, nextParagraph);
   };
   return {
     insertSelectedTableRow,
@@ -47248,6 +47019,111 @@ function createEditorSurfaceEvents(deps) {
     stopDragging();
     deps.focusInputAfterPointerSelection();
   };
+  const handleZoneTransitionDown = (state, hit, clickDetail) => {
+    if (clickDetail < 2) {
+      dragAnchor = null;
+      stopDragging();
+      deps.focusInputAfterPointerSelection();
+      return;
+    }
+    dragAnchor = null;
+    if (hit.resolvedFromParagraph) {
+      applyWithZone(
+        state,
+        hit.zone,
+        {
+          ...state,
+          selection: { anchor: { ...hit.position }, focus: { ...hit.position } }
+        },
+        hit.position
+      );
+    } else {
+      applyWithZone(state, hit.zone, state);
+    }
+    stopDragging();
+    deps.focusInputAfterPointerSelection();
+  };
+  const handleTextBoxDown = (state, hit) => {
+    const textBoxParagraph = deps.getParagraphById(
+      state.document,
+      hit.textBox.paragraphId
+    );
+    if (!textBoxParagraph) {
+      deps.focusInputAfterPointerSelection();
+      return;
+    }
+    dragAnchor = null;
+    const start = paragraphOffsetToPosition(textBoxParagraph, hit.textBox.startOffset);
+    const end = paragraphOffsetToPosition(textBoxParagraph, hit.textBox.endOffset);
+    applyWithZone(state, hit.zone, setSelection(state, { anchor: start, focus: end }), start);
+    stopDragging();
+    deps.focusInputAfterPointerSelection();
+  };
+  const handleImageDown = (state, hit, event) => {
+    const imageParagraph = deps.getParagraphById(
+      state.document,
+      hit.image.paragraphId
+    );
+    if (!imageParagraph) {
+      deps.focusInputAfterPointerSelection();
+      return;
+    }
+    dragAnchor = null;
+    const start = paragraphOffsetToPosition(imageParagraph, hit.image.startOffset);
+    const end = paragraphOffsetToPosition(imageParagraph, hit.image.endOffset);
+    applyWithZone(state, hit.zone, setSelection(state, { anchor: start, focus: end }), start);
+    stopDragging();
+    deps.imageOps.startImageDrag(
+      hit.image.paragraphId,
+      hit.image.startOffset,
+      event,
+      {
+        left: hit.image.left,
+        top: hit.image.top,
+        width: hit.image.width,
+        height: hit.image.height
+      }
+    );
+    deps.focusInputAfterPointerSelection();
+  };
+  const handleShiftClickDown = (state, hit) => {
+    dragAnchor = state.selection.anchor;
+    applyWithZone(
+      state,
+      hit.zone,
+      setSelection(state, { anchor: state.selection.anchor, focus: hit.position }),
+      hit.position
+    );
+    window.addEventListener("mousemove", handleWindowMouseMove);
+    window.addEventListener("mouseup", handleWindowMouseUp);
+    deps.focusInputAfterPointerSelection();
+  };
+  const handleTripleClickDown = (state, hit, paragraph) => {
+    dragAnchor = null;
+    const range = resolveTripleClickParagraphRange(state, paragraph, hit.zone);
+    applyWithZone(
+      state,
+      hit.zone,
+      setSelection(state, { anchor: range.start, focus: range.end }),
+      range.start
+    );
+    stopDragging();
+    deps.focusInputAfterPointerSelection();
+  };
+  const handleDoubleClickDown = (state, hit, paragraph) => {
+    dragAnchor = null;
+    const word = resolveWordSelection(getParagraphText(paragraph), hit.paragraphOffset);
+    const startPos = paragraphOffsetToPosition(paragraph, word.start);
+    const endPos = paragraphOffsetToPosition(paragraph, word.end);
+    applyWithZone(
+      state,
+      hit.zone,
+      setSelection(state, { anchor: startPos, focus: endPos }),
+      startPos
+    );
+    stopDragging();
+    deps.focusInputAfterPointerSelection();
+  };
   const handleSurfaceMouseDown = (event) => {
     var _a2;
     if (event.button !== 0) {
@@ -47293,155 +47169,27 @@ function createEditorSurfaceEvents(deps) {
     const paragraph = deps.getParagraphById(state.document, hit.paragraphId);
     const isZoneTransition = hit.zone !== (state.activeZone ?? "main");
     if (isZoneTransition) {
-      if (clickDetail < 2) {
-        dragAnchor = null;
-        stopDragging();
-        deps.focusInputAfterPointerSelection();
-        return;
-      }
-      dragAnchor = null;
-      if (hit.resolvedFromParagraph) {
-        applyWithZone(
-          state,
-          hit.zone,
-          {
-            ...state,
-            selection: {
-              anchor: { ...hit.position },
-              focus: { ...hit.position }
-            }
-          },
-          hit.position
-        );
-      } else {
-        applyWithZone(state, hit.zone, state);
-      }
-      stopDragging();
-      deps.focusInputAfterPointerSelection();
+      handleZoneTransitionDown(state, hit, clickDetail);
       return;
     }
     if (hit.textBox) {
-      const textBoxParagraph = deps.getParagraphById(
-        state.document,
-        hit.textBox.paragraphId
-      );
-      if (!textBoxParagraph) {
-        deps.focusInputAfterPointerSelection();
-        return;
-      }
-      dragAnchor = null;
-      const start = paragraphOffsetToPosition(
-        textBoxParagraph,
-        hit.textBox.startOffset
-      );
-      const end = paragraphOffsetToPosition(
-        textBoxParagraph,
-        hit.textBox.endOffset
-      );
-      applyWithZone(
-        state,
-        hit.zone,
-        setSelection(state, {
-          anchor: start,
-          focus: end
-        }),
-        start
-      );
-      stopDragging();
-      deps.focusInputAfterPointerSelection();
+      handleTextBoxDown(state, hit);
       return;
     }
     if (hit.image) {
-      const imageParagraph = deps.getParagraphById(
-        state.document,
-        hit.image.paragraphId
-      );
-      if (!imageParagraph) {
-        deps.focusInputAfterPointerSelection();
-        return;
-      }
-      dragAnchor = null;
-      const start = paragraphOffsetToPosition(
-        imageParagraph,
-        hit.image.startOffset
-      );
-      const end = paragraphOffsetToPosition(
-        imageParagraph,
-        hit.image.endOffset
-      );
-      applyWithZone(
-        state,
-        hit.zone,
-        setSelection(state, {
-          anchor: start,
-          focus: end
-        }),
-        start
-      );
-      stopDragging();
-      deps.imageOps.startImageDrag(
-        hit.image.paragraphId,
-        hit.image.startOffset,
-        event,
-        {
-          left: hit.image.left,
-          top: hit.image.top,
-          width: hit.image.width,
-          height: hit.image.height
-        }
-      );
-      deps.focusInputAfterPointerSelection();
+      handleImageDown(state, hit, event);
       return;
     }
     if (event.shiftKey && hit.resolvedFromParagraph) {
-      dragAnchor = state.selection.anchor;
-      applyWithZone(
-        state,
-        hit.zone,
-        setSelection(state, {
-          anchor: state.selection.anchor,
-          focus: hit.position
-        }),
-        hit.position
-      );
-      window.addEventListener("mousemove", handleWindowMouseMove);
-      window.addEventListener("mouseup", handleWindowMouseUp);
-      deps.focusInputAfterPointerSelection();
+      handleShiftClickDown(state, hit);
       return;
     }
     if (clickDetail >= 3 && paragraph) {
-      dragAnchor = null;
-      const range = resolveTripleClickParagraphRange(
-        state,
-        paragraph,
-        hit.zone
-      );
-      applyWithZone(
-        state,
-        hit.zone,
-        setSelection(state, { anchor: range.start, focus: range.end }),
-        range.start
-      );
-      stopDragging();
-      deps.focusInputAfterPointerSelection();
+      handleTripleClickDown(state, hit, paragraph);
       return;
     }
     if (clickDetail === 2 && paragraph) {
-      dragAnchor = null;
-      const word = resolveWordSelection(
-        getParagraphText(paragraph),
-        hit.paragraphOffset
-      );
-      const startPos = paragraphOffsetToPosition(paragraph, word.start);
-      const endPos = paragraphOffsetToPosition(paragraph, word.end);
-      applyWithZone(
-        state,
-        hit.zone,
-        setSelection(state, { anchor: startPos, focus: endPos }),
-        startPos
-      );
-      stopDragging();
-      deps.focusInputAfterPointerSelection();
+      handleDoubleClickDown(state, hit, paragraph);
       return;
     }
     if (!hit.resolvedFromParagraph) {
@@ -49043,6 +48791,30 @@ function createEditorCommandsController(deps) {
     selectionCollapsed,
     selectedImageRun
   } = deps;
+  const execState = (next) => {
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applyState(next);
+    focusInput();
+  };
+  const execText = (producer) => {
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applySelectionAwareTextCommand(producer);
+    focusInput();
+  };
+  const execParagraph = (producer) => {
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applySelectionAwareParagraphCommand(producer);
+    focusInput();
+  };
+  const execTransactional = (producer, options) => {
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applyTransactionalState(producer, options);
+    focusInput();
+  };
   const getSelectedParagraphRange = () => {
     const normalized = normalizeSelection(state);
     return getParagraphs(state).slice(
@@ -49068,12 +48840,9 @@ function createEditorCommandsController(deps) {
     if (!selectionTouchesList()) {
       return false;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
+    execParagraph(
       (current) => direction === "indent" ? indentParagraphList(current) : outdentParagraphList(current)
     );
-    focusInput();
     return true;
   };
   const handleListEnter = () => {
@@ -49146,10 +48915,7 @@ function createEditorCommandsController(deps) {
     logger.info(
       `toggleStyle:${key} at ${sel.anchor.paragraphId}:${sel.anchor.runId}[${sel.anchor.offset}..${sel.focus.offset}]${selectionTableLocation()}`
     );
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareTextCommand((current) => toggleTextStyle(current, key));
-    focusInput();
+    execText((current) => toggleTextStyle(current, key));
   };
   const applyValueStyleCommand = (key, value) => {
     if (selectionCollapsed()) {
@@ -49159,117 +48925,64 @@ function createEditorCommandsController(deps) {
     logger.info(
       `setStyle:${key}=${JSON.stringify(value)} at ${sel.anchor.paragraphId}:${sel.anchor.runId}[${sel.anchor.offset}..${sel.focus.offset}]${selectionTableLocation()}`
     );
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareTextCommand(
-      (current) => setTextStyleValue(current, key, value)
-    );
-    focusInput();
+    execText((current) => setTextStyleValue(current, key, value));
   };
   const applyChangeTextCaseCommand = (mode) => {
     if (selectionCollapsed()) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareTextCommand(
-      (current) => changeSelectedTextCase(current, mode)
-    );
-    focusInput();
+    execText((current) => changeSelectedTextCase(current, mode));
   };
   const applyClearFormattingCommand = () => {
     if (selectionCollapsed()) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareTextCommand(
-      (current) => clearSelectedTextFormatting(current)
-    );
-    focusInput();
+    execText((current) => clearSelectedTextFormatting(current));
   };
   const applyParagraphStyleCommand = (key, value) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
-      (current) => setParagraphStyle(current, key, value)
-    );
-    focusInput();
+    execParagraph((current) => setParagraphStyle(current, key, value));
   };
   const toggleParagraphFlagCommand = (key) => {
     const nextValue = !toolbarStyleState()[key];
     applyParagraphStyleCommand(key, nextValue ? true : null);
   };
   const applyParagraphListCommand = (kind) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
-      (current) => toggleParagraphList(current, kind)
-    );
-    focusInput();
+    execParagraph((current) => toggleParagraphList(current, kind));
   };
   const handleListFormatChange = (format) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
-      (current) => setParagraphListFormat(current, format)
-    );
-    focusInput();
+    execParagraph((current) => setParagraphListFormat(current, format));
   };
   const handleListStartAtChange = (startAt) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
-      (current) => setParagraphListStartAt(current, startAt)
-    );
-    focusInput();
+    execParagraph((current) => setParagraphListStartAt(current, startAt));
   };
   const applyInsertSectionBreakCommand = (breakType) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyState(insertSectionBreakAtSelection(state, breakType));
-    focusInput();
+    execState(insertSectionBreakAtSelection(state, breakType));
   };
   const applyInsertPageBreakCommand = () => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyTransactionalState(
+    execTransactional(
       (current) => applyTableAwareParagraphEdit2(
         current,
         (temp) => insertPageBreakAtSelection(temp)
       )
     );
-    focusInput();
   };
   const canInsertFootnoteCommand = () => (state.activeZone ?? "main") === "main";
   const applyInsertFootnoteCommand = () => {
     if (!canInsertFootnoteCommand()) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyTransactionalState((current) => insertFootnote(current));
-    focusInput();
+    execTransactional((current) => insertFootnote(current));
   };
   const handleStyleChange = (styleId) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
+    execParagraph(
       (current) => setParagraphNamedStyle(current, styleId || null)
     );
-    focusInput();
   };
   const applyUpdateSectionSettingsCommand = (sectionIndex, settings) => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyState(updateSectionSettings(state, sectionIndex, settings));
-    focusInput();
+    execState(updateSectionSettings(state, sectionIndex, settings));
   };
   const applyToggleTrackChangesCommand = () => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyState(toggleTrackChanges(state));
-    focusInput();
+    execState(toggleTrackChanges(state));
   };
   const applyToggleShowMarginsCommand = () => {
     applyState({ ...state, showMargins: !state.showMargins });
@@ -49280,28 +48993,19 @@ function createEditorCommandsController(deps) {
     focusInput();
   };
   const applyAcceptRevisionsCommand = () => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyState(acceptRevisionsInSelection(state));
-    focusInput();
+    execState(acceptRevisionsInSelection(state));
   };
   const applyRejectRevisionsCommand = () => {
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyState(rejectRevisionsInSelection(state));
-    focusInput();
+    execState(rejectRevisionsInSelection(state));
   };
   const applyLinkCommand = (href) => {
     const activeLink = getLinkAtSelection(state);
     if (selectionCollapsed() && !activeLink) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyTransactionalState((current) => setLinkAtSelection(current, href), {
+    execTransactional((current) => setLinkAtSelection(current, href), {
       mergeKey: MERGE_KEYS.link
     });
-    focusInput();
   };
   const promptForLink = () => {
     const activeLink = getLinkAtSelection(state) ?? "";
@@ -49318,12 +49022,9 @@ function createEditorCommandsController(deps) {
     if (!run) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyTransactionalState((current) => setSelectedImageAlt(current, alt), {
+    execTransactional((current) => setSelectedImageAlt(current, alt), {
       mergeKey: MERGE_KEYS.imageAlt
     });
-    focusInput();
   };
   const promptForImageAlt = () => {
     var _a2;
@@ -49339,13 +49040,10 @@ function createEditorCommandsController(deps) {
     if (!run) {
       return;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applyTransactionalState(
+    execTransactional(
       (current) => setSelectedImageCaption(current, caption, deps.imageCaptionLabel()),
       { mergeKey: MERGE_KEYS.imageCaption }
     );
-    focusInput();
   };
   const promptForImageCaption = () => {
     const run = selectedImageRun();