oasis-editor 0.0.111 → 0.0.113

package/dist/{OasisEditorApp-MEaOb4ut.js → OasisEditorApp-BKPrQtm5.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 resolveEffectiveParagraphStyle, aG as resolveEffectiveTextStyleForParagraph, aH as EMU_PER_PT, aI as OOXML_ROTATION_UNITS, aJ as OOXML_PERCENT_DENOMINATOR, aK as parseHexColorToRgb255, aL as EMU_PER_PX, aM as getRunFootnoteReference, aN as getRunEndnoteReference, aO as iterateFootnoteReferenceRuns, aP as iterateEndnoteReferenceRuns, aQ as imageContentTypeDefaults, aR as getRunFieldChar, aS as getRunFieldInstruction, aT as createEditorRun, aU as JSZip, aV as imageExtensionFromMime, aW as pxToPt$1, aX as resolveFloatingObjectRect, aY as getTextBoxFloatingGeometry, aZ as getPresetPathSegments, a_ as buildListLabels, a$ as getImageFloatingGeometry, b0 as textStyleToFontSizePt, b1 as PX_PER_POINT, b2 as DEFAULT_FONT_SIZE_PX, b3 as resolveOpenTypeFeatureTags, b4 as rgb255ToHex, b5 as isDoubleUnderlineStyle, b6 as isWavyUnderlineStyle, b7 as underlineStyleLineWidthPx, b8 as underlineStyleDashArray, b9 as resolveListLabel, ba as getListLabelInset, bb as getAlignedListLabelInset, bc as getParagraphBorderInsets, bd as buildSegmentTable, be as buildCanvasTableLayout, bf as resolveCanvasTableWidth, bg as resolveFloatingTableRect, bh as normalizeFamily, bi as ROBOTO_FONT_FILES, bj as loadFontAsset, bk as OFFICE_COMPAT_FONT_FAMILIES, bl as BinaryReader, bm as buildSfnt, bn as defaultFontDecoderRegistry, bo as SfntFontProgram, bp as collectPdfFontFamilies, bq as outlineFrom, br as getPageHeaderZoneTop, bs as getPageColumnRects, bt as findFootnoteReference, bu as FOOTNOTE_MARKER_GUTTER_PX, bv as resolveImporterForFile, bw as getDocumentSectionsCanonical, bx as getDocumentParagraphsCanonical, by as getDocumentParagraphs, bz as getDocumentPageSettings, bA as getTableCellContentWidthForParagraph, bB as layoutMetricsEpoch, bC as bumpLayoutMetricsEpoch, bD as createCanvasLayoutSnapshotProvider, bE as on, bF as debounce, bG as unwrap, bH as perfTimer, bI as getRunTextBox, bJ as createEditorDocument, bK as resolveResizedDimensions, bL as resolveTextBoxRenderHeight, bM as getToolbarStyleState, bN as getCachedCanvasImage, bO as measureParagraphMinContentWidthPx, bP as getEditableBlocksForZone, bQ as findParagraphLocation, bR as createSectionBoundaryParagraph, bS as normalizePageSettings, bT as DEFAULT_EDITOR_PAGE_SETTINGS, bU as markStart, bV as markEnd, bW as getParagraphEntries, bX as getParagraphById, bY as createEditorFootnote, bZ as createFootnoteReferenceRun, b_ as renumberFootnotes, b$ as getHeadingLevel, c0 as preciseFontModeVersion, c1 as isPreciseFontModeEnabled, c2 as resolveNamedTextStyle, c3 as togglePreciseFontMode, c4 as nextFontSizePt, c5 as previousFontSizePt, c6 as fontSizePtToPx, c7 as createDefaultToolbarPreset, c8 as MenuRegistry, c9 as createToolbarRegistry, ca as Editor, cb as resolveCommandRef, cc as commandRefName, cd as createOasisEditorClient, ce as createEditorZoom, cf as startLongTaskObserver, cg as installGlobalReport, ch as applyStoredPreciseFontPreference, ci as getWelcomeSeen, cj as isLocalFontAccessSupported, ck as EDITOR_SCROLL_PADDING_PX, cl as Toolbar, cm as OasisEditorLoading, cn as I18nProvider, co as createTranslator, cp as createEditorLogger, cq as registerDomStatsSurface } from "./index-mocSBySQ.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 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-DSDwe-yy.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) {
@@ -32625,17 +32651,20 @@ 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, {
@@ -32653,139 +32682,139 @@ function TablePropertiesDialog(props) {
             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;
+              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"), tableWidth, setTableWidth, "editor-table-properties-table-width"), _el$0);
+              insert(_el$1, () => t("table.measureIn"));
+              _el$10.addEventListener("change", (e) => setTableWidthUnit(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", () => setTableAlign(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 = tableAlign() === align);
+                return _el$43;
               })()));
-              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, {
+              insert(_el$16, () => numericInput(t("table.indentFromLeft"), tableIndentLeft, setTableIndentLeft, "editor-table-properties-indent-left"));
+              insert(_el$18, () => t("table.textWrappingSection"));
+              insert(_el$19, () => checkbox(t("table.wrapNone"), () => tableWrapping() === "none", () => setTableWrapping("none"), "editor-table-properties-wrap-none"), null);
+              insert(_el$19, () => checkbox(t("table.wrapAround"), () => tableWrapping() === "around", () => setTableWrapping("around"), "editor-table-properties-wrap-around"), null);
+              insert(_el$17, 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$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) => setFloatingHorizontalAnchor(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) => setFloatingVerticalAnchor(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 = floatingHorizontalAnchor());
+                    createRenderEffect(() => _el$29.value = floatingVerticalAnchor());
+                    return _el$20;
                   })(), (() => {
-                    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;
+                    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"), floatingX, setFloatingX, "editor-table-properties-floating-x", Boolean(floatingXAlign()), true), _el$34);
+                    insert(_el$33, () => numericInput(t("table.positionY"), floatingY, setFloatingY, "editor-table-properties-floating-y", Boolean(floatingYAlign()), true), _el$34);
+                    insert(_el$35, () => t("table.horizontalAlignment"));
+                    _el$36.addEventListener("change", (e) => setFloatingXAlign(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$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;
+                    insert(_el$39, () => t("table.verticalAlignment"));
+                    _el$40.addEventListener("change", (e) => setFloatingYAlign(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$38.value = floatingXAlign());
-                    createRenderEffect(() => _el$42.value = floatingYAlign());
-                    return _el$35;
+                    createRenderEffect(() => _el$36.value = floatingXAlign());
+                    createRenderEffect(() => _el$40.value = floatingYAlign());
+                    return _el$33;
                   })(), (() => {
-                    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;
+                    var _el$42 = _tmpl$5$1();
+                    insert(_el$42, () => numericInput(t("table.distanceTop"), floatingDistanceTop, setFloatingDistanceTop, "editor-table-properties-floating-distance-top"), null);
+                    insert(_el$42, () => numericInput(t("table.distanceRight"), floatingDistanceRight, setFloatingDistanceRight, "editor-table-properties-floating-distance-right"), null);
+                    insert(_el$42, () => numericInput(t("table.distanceBottom"), floatingDistanceBottom, setFloatingDistanceBottom, "editor-table-properties-floating-distance-bottom"), null);
+                    insert(_el$42, () => numericInput(t("table.distanceLeft"), floatingDistanceLeft, setFloatingDistanceLeft, "editor-table-properties-floating-distance-left"), null);
+                    return _el$42;
                   })(), 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;
+              createRenderEffect(() => _el$10.value = tableWidthUnit());
+              return _el$6;
             })()
           }, {
             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;
+              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"), rowHeight, setRowHeight, "editor-table-properties-row-height"), _el$49);
+              insert(_el$50, () => t("table.rowHeightRule"));
+              _el$51.addEventListener("change", (e) => setRowHeightRule(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"), repeatHeader, setRepeatHeader, "editor-table-properties-repeat-header"), null);
+              insert(_el$55, () => checkbox(t("table.allowBreakAcrossPages"), allowBreakAcrossPages, setAllowBreakAcrossPages, "editor-table-properties-allow-break"), null);
+              insert(_el$55, () => checkbox(t("table.hiddenRow"), hiddenRow, setHiddenRow, "editor-table-properties-hidden-row"), null);
+              createRenderEffect(() => _el$51.value = rowHeightRule());
+              return _el$47;
             })()
           }, {
             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;
+              var _el$56 = _tmpl$0(), _el$57 = _el$56.firstChild;
+              insert(_el$57, () => numericInput(t("table.columnWidth"), columnWidth, setColumnWidth, "editor-table-properties-column-width"));
+              return _el$56;
             })()
           }, {
             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) => {
+              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"), cellWidth, setCellWidth, "editor-table-properties-cell-width"), _el$60);
+              insert(_el$61, () => t("table.verticalAlignment"));
+              _el$62.addEventListener("change", (e) => setCellVerticalAlign(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) => setCellTextDirection(e.currentTarget.value));
+              insert(_el$70, () => t("table.inherit"));
+              insert(_el$72, () => t("table.options"));
+              insert(_el$73, () => checkbox(t("table.noWrap"), cellNoWrap, setCellNoWrap, "editor-table-properties-cell-nowrap"), null);
+              insert(_el$73, () => checkbox(t("table.fitText"), cellFitText, setCellFitText, "editor-table-properties-cell-fit-text"), null);
+              insert(_el$73, () => checkbox(t("table.hideMark"), cellHideMark, setCellHideMark, "editor-table-properties-cell-hide-mark"), null);
+              insert(_el$75, () => t("table.cellMargins"));
+              insert(_el$76, () => numericInput(t("paragraph.borderSideTop"), marginTop, setMarginTop, "editor-table-properties-margin-top"), null);
+              insert(_el$76, () => numericInput(t("paragraph.borderSideRight"), marginRight, setMarginRight, "editor-table-properties-margin-right"), null);
+              insert(_el$76, () => numericInput(t("paragraph.borderSideBottom"), marginBottom, setMarginBottom, "editor-table-properties-margin-bottom"), null);
+              insert(_el$76, () => numericInput(t("paragraph.borderSideLeft"), marginLeft, setMarginLeft, "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;
                 setBorderStyle(next);
                 if (next === "none") {
@@ -32804,52 +32833,52 @@ function TablePropertiesDialog(props) {
                   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);
+              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"), borderWidth, setBorderWidth, "editor-table-properties-border-width", borderStyle() === "none"), _el$87);
+              insert(_el$88, () => t("paragraph.borderColorLabel"));
+              _el$89.$$input = (e) => setBorderColor(e.currentTarget.value);
+              insert(_el$91, () => t("paragraph.shadingLabel"));
+              _el$92.$$input = (e) => setShading(e.currentTarget.value);
+              insert(_el$93, () => checkbox(t("paragraph.borderSideTop"), borderTop, setBorderTop, "editor-table-properties-border-top", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("paragraph.borderSideRight"), borderRight, setBorderRight, "editor-table-properties-border-right", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("paragraph.borderSideBottom"), borderBottom, setBorderBottom, "editor-table-properties-border-bottom", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("paragraph.borderSideLeft"), borderLeft, setBorderLeft, "editor-table-properties-border-left", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("table.borderStart"), borderStart, setBorderStart, "editor-table-properties-border-start", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("table.borderEnd"), borderEnd, setBorderEnd, "editor-table-properties-border-end", borderStyle() === "none"), null);
+              insert(_el$93, () => checkbox(t("table.borderTlBr"), borderTlBr, setBorderTlBr, "editor-table-properties-border-tlbr", borderStyle() === "none"), null);
+              insert(_el$93, () => 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);
+                _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$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;
+              createRenderEffect(() => _el$62.value = cellVerticalAlign());
+              createRenderEffect(() => _el$69.value = cellTextDirection());
+              createRenderEffect(() => _el$82.value = borderStyle());
+              createRenderEffect(() => _el$89.value = borderColor() || DEFAULT_BORDER_COLOR);
+              createRenderEffect(() => _el$92.value = shading() || "#ffffff");
+              return _el$58;
             })()
           }, {
             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;
+              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) => setAltTitle(e.currentTarget.value);
+              insert(_el$100, () => t("table.altDescription"));
+              _el$101.$$input = (e) => setAltDescription(e.currentTarget.value);
+              createRenderEffect(() => _el$98.value = altTitle());
+              createRenderEffect(() => _el$101.value = altDescription());
+              return _el$95;
             })()
           }];
         }
@@ -32857,7 +32886,7 @@ function TablePropertiesDialog(props) {
     }
   });
 }
-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();
@@ -33729,21 +33758,9 @@ function serializeRevisionAttrs(revision) {
 }
 function serializeConditionalFlags(flags) {
   if (!flags || Object.keys(flags).length === 0) return "";
-  const attributes = [
-    ["firstRow", "firstRow"],
-    ["lastRow", "lastRow"],
-    ["firstColumn", "firstCol"],
-    ["lastColumn", "lastCol"],
-    ["oddVBand", "band1Vert"],
-    ["evenVBand", "band2Vert"],
-    ["oddHBand", "band1Horz"],
-    ["evenHBand", "band2Horz"],
-    ["firstRowFirstColumn", "nwCell"],
-    ["firstRowLastColumn", "neCell"],
-    ["lastRowFirstColumn", "swCell"],
-    ["lastRowLastColumn", "seCell"]
-  ];
-  const xml = attributes.filter(([, key]) => flags[key] !== void 0).map(([name, key]) => `w:${name}="${flags[key] ? "1" : "0"}"`).join(" ");
+  const xml = TABLE_CONDITIONAL_FLAG_ATTRIBUTES.filter(
+    ([, key]) => flags[key] !== void 0
+  ).map(([name, key]) => `w:${name}="${flags[key] ? "1" : "0"}"`).join(" ");
   return xml ? `<w:cnfStyle ${xml}/>` : "";
 }
 function serializeOnOffElement(tag, value) {
@@ -34048,15 +34065,10 @@ function serializeFloatingTableProperties(floating) {
 function serializeTableBorders(style2) {
   const borders = style2 == null ? void 0 : style2.borders;
   if (!borders) return "";
-  const edges = [
-    ["top", borders.borderTop],
-    ["left", borders.borderLeft],
-    ["bottom", borders.borderBottom],
-    ["right", borders.borderRight],
-    ["insideH", borders.borderInsideH],
-    ["insideV", borders.borderInsideV]
-  ];
-  const xml = edges.filter((entry) => !!entry[1]).map(([name, border]) => `<w:${name} ${serializeDocxBorderAttrs(border)}`).join("");
+  const xml = TABLE_BORDER_EDGE_KEYS.map(([name, key]) => [
+    name,
+    borders[key]
+  ]).filter((entry) => !!entry[1]).map(([name, border]) => `<w:${name} ${serializeDocxBorderAttrs(border)}`).join("");
   return xml ? `<w:tblBorders>${xml}</w:tblBorders>` : "";
 }
 function serializeTableProperties(table) {
@@ -35529,18 +35541,11 @@ function serializeTableStyleProperties(style2) {
     if (margins) parts.push(`<w:tblCellMar>${margins}</w:tblCellMar>`);
   }
   if (style2.borders) {
-    const edges = [
-      ["top", style2.borders.borderTop],
-      ["left", style2.borders.borderLeft],
-      ["bottom", style2.borders.borderBottom],
-      ["right", style2.borders.borderRight],
-      ["insideH", style2.borders.borderInsideH],
-      ["insideV", style2.borders.borderInsideV]
-    ];
-    const borders = edges.filter(
-      (entry) => !!entry[1]
-    ).map(([name, border]) => `<w:${name} ${serializeDocxBorderAttrs(border)}`).join("");
-    if (borders) parts.push(`<w:tblBorders>${borders}</w:tblBorders>`);
+    const { borders } = style2;
+    const xml = TABLE_BORDER_EDGE_KEYS.filter(([, key]) => !!borders[key]).map(
+      ([name, key]) => `<w:${name} ${serializeDocxBorderAttrs(borders[key])}`
+    ).join("");
+    if (xml) parts.push(`<w:tblBorders>${xml}</w:tblBorders>`);
   }
   return parts.length > 0 ? `<w:tblPr>${parts.join("")}</w:tblPr>` : "";
 }
@@ -41456,38 +41461,11 @@ function insertImageAtSelection(state, image) {
   );
 }
 function resizeSelectedImage(state, width, height) {
-  const selectedImage = getSelectedImageRun(state);
-  if (!selectedImage) {
-    return state;
-  }
-  const paragraphs = getParagraphs(state);
-  const { paragraphIndex, run: targetRun } = selectedImage;
-  const nextParagraphs = paragraphs.map((candidate, candidateIndex) => {
-    if (candidateIndex !== paragraphIndex) {
-      return cloneParagraph(candidate);
-    }
-    return {
-      ...cloneParagraph(candidate),
-      runs: candidate.runs.map(
-        (run) => run.id === targetRun.id && run.kind === "image" ? {
-          ...run,
-          image: {
-            ...run.image,
-            width: Math.max(24, Math.round(width)),
-            height: Math.max(24, Math.round(height))
-          }
-        } : cloneRun(run)
-      )
-    };
-  });
-  return cloneStateWithParagraphs(
-    state,
-    nextParagraphs,
-    preserveSelectionByParagraphOffsets(
-      nextParagraphs,
-      normalizeSelection(state)
-    )
-  );
+  return patchSelectedImage(state, (image) => ({
+    ...image,
+    width: Math.max(24, Math.round(width)),
+    height: Math.max(24, Math.round(height))
+  }));
 }
 function normalizeRotation$1(rotation) {
   if (!Number.isFinite(rotation)) {
@@ -41497,38 +41475,11 @@ function normalizeRotation$1(rotation) {
   return normalized === 0 ? void 0 : normalized;
 }
 function rotateSelectedImage(state, rotation) {
-  const selectedImage = getSelectedImageRun(state);
-  if (!selectedImage) {
-    return state;
-  }
   const nextRotation = normalizeRotation$1(rotation);
-  const paragraphs = getParagraphs(state);
-  const { paragraphIndex, run: targetRun } = selectedImage;
-  const nextParagraphs = paragraphs.map((candidate, candidateIndex) => {
-    if (candidateIndex !== paragraphIndex) {
-      return cloneParagraph(candidate);
-    }
-    return {
-      ...cloneParagraph(candidate),
-      runs: candidate.runs.map(
-        (run) => run.id === targetRun.id && run.kind === "image" ? {
-          ...run,
-          image: {
-            ...run.image,
-            rotation: nextRotation
-          }
-        } : cloneRun(run)
-      )
-    };
-  });
-  return cloneStateWithParagraphs(
-    state,
-    nextParagraphs,
-    preserveSelectionByParagraphOffsets(
-      nextParagraphs,
-      normalizeSelection(state)
-    )
-  );
+  return patchSelectedImage(state, (image) => ({
+    ...image,
+    rotation: nextRotation
+  }));
 }
 function getSelectedImageWrapPreset(state) {
   const selectedImage = getSelectedImageRun(state);
@@ -41543,7 +41494,7 @@ function isSelectedImageFixedPosition(state) {
   const image = selectedImage && getRunImage(selectedImage.run);
   return isFloatingFixedPosition(image == null ? void 0 : image.floating);
 }
-function patchSelectedImageFloating(state, next) {
+function patchSelectedImage(state, updater) {
   const selectedImage = getSelectedImageRun(state);
   if (!selectedImage || !getRunImage(selectedImage.run)) {
     return state;
@@ -41556,30 +41507,25 @@ function patchSelectedImageFloating(state, next) {
     }
     return {
       ...cloneParagraph(candidate),
-      runs: candidate.runs.map((run) => {
-        if (run.id !== targetRun.id || run.kind !== "image") {
-          return cloneRun(run);
-        }
-        const floating = next(run.image.floating);
-        const image = { ...run.image };
-        if (floating) {
-          image.floating = floating;
-        } else {
-          delete image.floating;
-        }
-        return { ...run, image };
-      })
+      runs: candidate.runs.map(
+        (run) => run.id === targetRun.id && run.kind === "image" ? { ...run, image: updater(run.image) } : cloneRun(run)
+      )
     };
   });
   return cloneStateWithParagraphs(
     state,
     nextParagraphs,
-    preserveSelectionByParagraphOffsets(
-      nextParagraphs,
-      normalizeSelection(state)
-    )
+    preserveSelectionByParagraphOffsets(nextParagraphs, normalizeSelection(state))
   );
 }
+function patchSelectedImageFloating(state, next) {
+  return patchSelectedImage(state, (image) => {
+    const floating = next(image.floating);
+    if (floating) return { ...image, floating };
+    const { floating: _removed, ...rest } = image;
+    return rest;
+  });
+}
 function setSelectedImageWrapPreset(state, preset) {
   return patchSelectedImageFloating(
     state,
@@ -41629,36 +41575,10 @@ function setImageWrapPolygon(state, runId, polygon) {
   );
 }
 function setSelectedImageAlt(state, alt) {
-  const selectedImage = getSelectedImageRun(state);
-  if (!selectedImage || !getRunImage(selectedImage.run)) {
-    return state;
-  }
-  const paragraphs = getParagraphs(state);
-  const nextParagraphs = paragraphs.map((candidate, candidateIndex) => {
-    if (candidateIndex !== selectedImage.paragraphIndex) {
-      return cloneParagraph(candidate);
-    }
-    return {
-      ...cloneParagraph(candidate),
-      runs: candidate.runs.map(
-        (run) => run.id === selectedImage.run.id && run.kind === "image" ? {
-          ...run,
-          image: {
-            ...run.image,
-            alt: alt ?? void 0
-          }
-        } : cloneRun(run)
-      )
-    };
-  });
-  return cloneStateWithParagraphs(
-    state,
-    nextParagraphs,
-    preserveSelectionByParagraphOffsets(
-      nextParagraphs,
-      normalizeSelection(state)
-    )
-  );
+  return patchSelectedImage(state, (image) => ({
+    ...image,
+    alt: alt ?? void 0
+  }));
 }
 function getSelectedImageCaption(state) {
   const selectedImage = getSelectedImageRun(state);
@@ -43526,6 +43446,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);
@@ -43877,18 +43820,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);
@@ -43961,18 +43893,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)) {
@@ -43985,19 +43906,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") {
@@ -44050,34 +43961,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);
@@ -44124,18 +44014,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)) {
@@ -44158,19 +44037,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;
@@ -44236,25 +44105,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(
@@ -44278,36 +44129,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;
     }
@@ -44323,7 +44150,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
@@ -44363,37 +44190,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)
     );
@@ -44464,25 +44267,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,
@@ -44506,37 +44291,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;
     }
@@ -44558,7 +44319,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)
@@ -44597,25 +44358,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;
@@ -44626,21 +44369,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,
@@ -49152,6 +48881,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(
@@ -49177,12 +48930,9 @@ function createEditorCommandsController(deps) {
     if (!selectionTouchesList()) {
       return false;
     }
-    clearPreferredColumn();
-    resetTransactionGrouping();
-    applySelectionAwareParagraphCommand(
+    execParagraph(
       (current) => direction === "indent" ? indentParagraphList(current) : outdentParagraphList(current)
     );
-    focusInput();
     return true;
   };
   const handleListEnter = () => {
@@ -49255,10 +49005,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()) {
@@ -49268,117 +49015,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 });
@@ -49389,28 +49083,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) ?? "";
@@ -49427,12 +49112,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;
@@ -49448,13 +49130,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();