oasis-editor 0.0.41 → 0.0.42

package/dist/{OasisEditorApp-C9aMLBum.js → OasisEditorApp-Cx-3bgIC.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTableRow, w as createEditorTable, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as resolveFloatingObjectRect, a0 as getTextBoxFloatingGeometry, a1 as getPresetPathSegments, a2 as projectBlocksLayout, a3 as buildListLabels, a4 as textStyleToFontSizePt, a5 as PX_PER_POINT, a6 as DEFAULT_FONT_SIZE_PX, a7 as isDoubleUnderlineStyle, a8 as isWavyUnderlineStyle, a9 as underlineStyleLineWidthPx, aa as underlineStyleDashArray, ab as resolveListLabel, ac as getListLabelInset, ad as getAlignedListLabelInset, ae as getParagraphBorderInsets, af as buildSegmentTable, ag as buildCanvasTableLayout, ah as normalizeFamily, ai as ROBOTO_FONT_FILES, aj as loadFontAsset, ak as OFFICE_COMPAT_FONT_FAMILIES, al as buildSfnt, am as defaultFontDecoderRegistry, an as SfntFontProgram, ao as collectPdfFontFamilies, ap as projectDocumentLayout, aq as getPageHeaderZoneTop, ar as getPageBodyTop, as as getPageColumnRects, at as findFootnoteReference, au as FOOTNOTE_MARKER_GUTTER_PX, av as resolveImporterForFile, aw as createEditorStateFromDocument, ax as getDocumentParagraphsCanonical, ay as getToolbarStyleState, az as STANDARD_FONT_SIZES_PT, aA as fontSizePxToPt, aB as probeLocalFontFamilies, aC as createInitialEditorState, aD as parseFontSizePtToPx, aE as formatFontSizePt, aF as listKindForTag, aG as isParagraphTag, aH as collectInlineRuns, aI as parseParagraphStyle, aJ as getHeadingLevel, aK as preciseFontModeVersion, aL as isPreciseFontModeEnabled, aM as togglePreciseFontMode, aN as nextFontSizePt, aO as previousFontSizePt, aP as fontSizePtToPx, aQ as createDefaultToolbarPreset, aR as MenuRegistry, aS as createToolbarRegistry, aT as Editor, aU as resolveCommandRef, aV as commandRefName, aW as InlineShell, aX as BalloonShell, aY as DocumentShell, aZ as createMemo, a_ as getCaretRectFromSnapshot, a$ as getParagraphRectFromSnapshot, b0 as createComponent, b1 as CaretOverlay, b2 as Show, b3 as createRenderEffect, b4 as style, b5 as setAttribute, b6 as setStyleProperty, b7 as memo, b8 as template, b9 as useI18n, ba as insert, bb as use, bc as addEventListener, bd as Dialog, be as delegateEvents, bf as className, bg as For, bh as UNDERLINE_STYLE_OPTIONS, bi as Tabs, bj as measureParagraphMinContentWidthPx, bk as getEditableBlocksForZone, bl as findParagraphLocation, bm as createSectionBoundaryParagraph, bn as normalizePageSettings, bo as DEFAULT_EDITOR_PAGE_SETTINGS, bp as markStart, bq as markEnd, br as getParagraphEntries, bs as getParagraphById, bt as PluginUiHost, bu as OasisEditorEditor, bv as perfTimer, bw as OasisBrandMark, bx as setPreciseFontPreference, by as setWelcomeSeen, bz as enablePreciseFontMode, bA as createOasisEditorClient, bB as createEditorZoom, bC as startLongTaskObserver, bD as installGlobalReport, bE as applyStoredPreciseFontPreference, bF as getWelcomeSeen, bG as isLocalFontAccessSupported, bH as EDITOR_SCROLL_PADDING_PX, bI as Toolbar, bJ as OasisEditorLoading, bK as I18nProvider, bL as createEditorLogger, bM as createTranslator, bN as getCachedCanvasImage, bO as registerDomStatsSurface } from "./index-CEIWNJ4A.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTableRow, w as createEditorTable, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as resolveFloatingObjectRect, a0 as getTextBoxFloatingGeometry, a1 as getPresetPathSegments, a2 as projectBlocksLayout, a3 as buildListLabels, a4 as textStyleToFontSizePt, a5 as PX_PER_POINT, a6 as DEFAULT_FONT_SIZE_PX, a7 as isDoubleUnderlineStyle, a8 as isWavyUnderlineStyle, a9 as underlineStyleLineWidthPx, aa as underlineStyleDashArray, ab as resolveListLabel, ac as getListLabelInset, ad as getAlignedListLabelInset, ae as getParagraphBorderInsets, af as buildSegmentTable, ag as buildCanvasTableLayout, ah as normalizeFamily, ai as ROBOTO_FONT_FILES, aj as loadFontAsset, ak as OFFICE_COMPAT_FONT_FAMILIES, al as buildSfnt, am as defaultFontDecoderRegistry, an as SfntFontProgram, ao as collectPdfFontFamilies, ap as projectDocumentLayout, aq as getPageHeaderZoneTop, ar as getPageBodyTop, as as getPageColumnRects, at as findFootnoteReference, au as FOOTNOTE_MARKER_GUTTER_PX, av as resolveImporterForFile, aw as createEditorStateFromDocument, ax as getDocumentParagraphsCanonical, ay as getToolbarStyleState, az as STANDARD_FONT_SIZES_PT, aA as fontSizePxToPt, aB as probeLocalFontFamilies, aC as createInitialEditorState, aD as parseFontSizePtToPx, aE as formatFontSizePt, aF as listKindForTag, aG as isParagraphTag, aH as collectInlineRuns, aI as parseParagraphStyle, aJ as getCachedCanvasImage, aK as getHeadingLevel, aL as preciseFontModeVersion, aM as isPreciseFontModeEnabled, aN as togglePreciseFontMode, aO as nextFontSizePt, aP as previousFontSizePt, aQ as fontSizePtToPx, aR as createDefaultToolbarPreset, aS as MenuRegistry, aT as createToolbarRegistry, aU as Editor, aV as resolveCommandRef, aW as commandRefName, aX as InlineShell, aY as BalloonShell, aZ as DocumentShell, a_ as createMemo, a$ as getCaretRectFromSnapshot, b0 as getParagraphRectFromSnapshot, b1 as createComponent, b2 as CaretOverlay, b3 as Show, b4 as createRenderEffect, b5 as style, b6 as setAttribute, b7 as setStyleProperty, b8 as memo, b9 as template, ba as useI18n, bb as insert, bc as use, bd as addEventListener, be as Dialog, bf as delegateEvents, bg as className, bh as For, bi as UNDERLINE_STYLE_OPTIONS, bj as Tabs, bk as measureParagraphMinContentWidthPx, bl as getEditableBlocksForZone, bm as findParagraphLocation, bn as createSectionBoundaryParagraph, bo as normalizePageSettings, bp as DEFAULT_EDITOR_PAGE_SETTINGS, bq as markStart, br as markEnd, bs as getParagraphEntries, bt as getParagraphById, bu as PluginUiHost, bv as OasisEditorEditor, bw as perfTimer, bx as OasisBrandMark, by as setPreciseFontPreference, bz as setWelcomeSeen, bA as enablePreciseFontMode, bB as createOasisEditorClient, bC as createEditorZoom, bD as startLongTaskObserver, bE as installGlobalReport, bF as applyStoredPreciseFontPreference, bG as getWelcomeSeen, bH as isLocalFontAccessSupported, bI as EDITOR_SCROLL_PADDING_PX, bJ as Toolbar, bK as OasisEditorLoading, bL as I18nProvider, bM as createEditorLogger, bN as createTranslator, bO as registerDomStatsSurface } from "./index-CTh8mekn.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -3840,186 +3840,6 @@ function insertFootnote(state) {
     activeFootnoteId: footnote.id
   };
 }
-const RECTANGLE = [
-  { x: 0, y: 0 },
-  { x: 1, y: 0 },
-  { x: 1, y: 1 },
-  { x: 0, y: 1 }
-];
-const MAX_SIDE = 256;
-const ALPHA_THRESHOLD = 128;
-const OPAQUE_RATIO = 0.985;
-const MAX_POINTS = 40;
-const contourCache = /* @__PURE__ */ new Map();
-function rectangle() {
-  return RECTANGLE.map((point) => ({ ...point }));
-}
-const DIRS = [
-  [0, -1],
-  [1, -1],
-  [1, 0],
-  [1, 1],
-  [0, 1],
-  [-1, 1],
-  [-1, 0],
-  [-1, -1]
-];
-function buildAlphaMask(img) {
-  const naturalW = img.naturalWidth || img.width;
-  const naturalH = img.naturalHeight || img.height;
-  if (!naturalW || !naturalH) {
-    return null;
-  }
-  const scale = Math.min(1, MAX_SIDE / Math.max(naturalW, naturalH));
-  const width = Math.max(1, Math.round(naturalW * scale));
-  const height = Math.max(1, Math.round(naturalH * scale));
-  const canvas = document.createElement("canvas");
-  canvas.width = width;
-  canvas.height = height;
-  const ctx = canvas.getContext("2d", { willReadFrequently: true });
-  if (!ctx) {
-    return null;
-  }
-  ctx.drawImage(img, 0, 0, width, height);
-  let pixels;
-  try {
-    pixels = ctx.getImageData(0, 0, width, height).data;
-  } catch {
-    return null;
-  }
-  const mask = new Uint8Array(width * height);
-  let foreground = 0;
-  for (let i = 0; i < mask.length; i += 1) {
-    if (pixels[i * 4 + 3] >= ALPHA_THRESHOLD) {
-      mask[i] = 1;
-      foreground += 1;
-    }
-  }
-  return { mask, width, height, foreground };
-}
-function traceBoundary(mask, width, height) {
-  const at = (x, y) => x >= 0 && x < width && y >= 0 && y < height && mask[y * width + x] === 1;
-  let startX = -1;
-  let startY = -1;
-  for (let y = 0; y < height && startY < 0; y += 1) {
-    for (let x = 0; x < width; x += 1) {
-      if (mask[y * width + x] === 1) {
-        startX = x;
-        startY = y;
-        break;
-      }
-    }
-  }
-  if (startX < 0) {
-    return [];
-  }
-  const contour = [];
-  let bx = startX;
-  let by = startY;
-  let backtrack = 6;
-  const maxSteps = width * height * 4;
-  for (let step = 0; step < maxSteps; step += 1) {
-    let moved = false;
-    for (let k = 1; k <= 8; k += 1) {
-      const dir = (backtrack + k) % 8;
-      const [dx, dy] = DIRS[dir];
-      const nx = bx + dx;
-      const ny = by + dy;
-      if (at(nx, ny)) {
-        contour.push([bx, by]);
-        backtrack = (dir + 4) % 8;
-        bx = nx;
-        by = ny;
-        moved = true;
-        break;
-      }
-    }
-    if (!moved) {
-      contour.push([bx, by]);
-      break;
-    }
-    if (bx === startX && by === startY && contour.length > 1) {
-      break;
-    }
-  }
-  return contour;
-}
-function perpendicularDistance(point, lineStart, lineEnd) {
-  const [px, py] = point;
-  const [ax, ay] = lineStart;
-  const [bx, by] = lineEnd;
-  const dx = bx - ax;
-  const dy = by - ay;
-  const lengthSq = dx * dx + dy * dy;
-  if (lengthSq === 0) {
-    return Math.hypot(px - ax, py - ay);
-  }
-  const cross = Math.abs(dx * (ay - py) - dy * (ax - px));
-  return cross / Math.sqrt(lengthSq);
-}
-function douglasPeucker(points, tolerance) {
-  if (points.length < 3) {
-    return points.slice();
-  }
-  let maxDist = 0;
-  let index = 0;
-  const first = points[0];
-  const last = points[points.length - 1];
-  for (let i = 1; i < points.length - 1; i += 1) {
-    const dist = perpendicularDistance(points[i], first, last);
-    if (dist > maxDist) {
-      maxDist = dist;
-      index = i;
-    }
-  }
-  if (maxDist <= tolerance) {
-    return [first, last];
-  }
-  const left = douglasPeucker(points.slice(0, index + 1), tolerance);
-  const right = douglasPeucker(points.slice(index), tolerance);
-  return [...left.slice(0, -1), ...right];
-}
-function traceAlphaMaskContour(mask, width, height) {
-  let foreground = 0;
-  for (let i = 0; i < mask.length; i += 1) {
-    if (mask[i] === 1) foreground += 1;
-  }
-  if (width <= 0 || height <= 0 || foreground === 0 || foreground / (width * height) >= OPAQUE_RATIO) {
-    return rectangle();
-  }
-  const boundary = traceBoundary(mask, width, height);
-  if (boundary.length < 3) {
-    return rectangle();
-  }
-  const tolerance = Math.max(width, height) * 0.012;
-  let simplified = douglasPeucker(boundary, tolerance);
-  let extraTolerance = tolerance;
-  while (simplified.length > MAX_POINTS) {
-    extraTolerance *= 1.6;
-    simplified = douglasPeucker(boundary, extraTolerance);
-  }
-  if (simplified.length < 3) {
-    return rectangle();
-  }
-  return simplified.map(([x, y]) => ({
-    x: Math.min(1, Math.max(0, x / width)),
-    y: Math.min(1, Math.max(0, y / height))
-  }));
-}
-function traceImageAlphaContour(img) {
-  const cacheKey = img.src;
-  const cached = contourCache.get(cacheKey);
-  if (cached) {
-    return cached.map((point) => ({ ...point }));
-  }
-  const built = buildAlphaMask(img);
-  if (!built) {
-    return rectangle();
-  }
-  const polygon = traceAlphaMaskContour(built.mask, built.width, built.height);
-  contourCache.set(cacheKey, polygon);
-  return polygon.map((point) => ({ ...point }));
-}
 function cloneBlock(block) {
   return block.type === "paragraph" ? {
     ...block,
@@ -40916,6 +40736,249 @@ function createEditorTableContextMenuActions(deps) {
     )
   };
 }
+const RECTANGLE = [
+  { x: 0, y: 0 },
+  { x: 1, y: 0 },
+  { x: 1, y: 1 },
+  { x: 0, y: 1 }
+];
+const MAX_SIDE = 256;
+const ALPHA_THRESHOLD = 128;
+const OPAQUE_RATIO = 0.985;
+const MAX_POINTS = 40;
+const contourCache = /* @__PURE__ */ new Map();
+function rectangle() {
+  return RECTANGLE.map((point) => ({ ...point }));
+}
+const DIRS = [
+  [0, -1],
+  [1, -1],
+  [1, 0],
+  [1, 1],
+  [0, 1],
+  [-1, 1],
+  [-1, 0],
+  [-1, -1]
+];
+function buildAlphaMask(img) {
+  const naturalW = img.naturalWidth || img.width;
+  const naturalH = img.naturalHeight || img.height;
+  if (!naturalW || !naturalH) {
+    return null;
+  }
+  const scale = Math.min(1, MAX_SIDE / Math.max(naturalW, naturalH));
+  const width = Math.max(1, Math.round(naturalW * scale));
+  const height = Math.max(1, Math.round(naturalH * scale));
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d", { willReadFrequently: true });
+  if (!ctx) {
+    return null;
+  }
+  ctx.drawImage(img, 0, 0, width, height);
+  let pixels;
+  try {
+    pixels = ctx.getImageData(0, 0, width, height).data;
+  } catch {
+    return null;
+  }
+  const mask = new Uint8Array(width * height);
+  let foreground = 0;
+  for (let i = 0; i < mask.length; i += 1) {
+    if (pixels[i * 4 + 3] >= ALPHA_THRESHOLD) {
+      mask[i] = 1;
+      foreground += 1;
+    }
+  }
+  return { mask, width, height, foreground };
+}
+function traceBoundary(mask, width, height) {
+  const at = (x, y) => x >= 0 && x < width && y >= 0 && y < height && mask[y * width + x] === 1;
+  let startX = -1;
+  let startY = -1;
+  for (let y = 0; y < height && startY < 0; y += 1) {
+    for (let x = 0; x < width; x += 1) {
+      if (mask[y * width + x] === 1) {
+        startX = x;
+        startY = y;
+        break;
+      }
+    }
+  }
+  if (startX < 0) {
+    return [];
+  }
+  const contour = [];
+  let bx = startX;
+  let by = startY;
+  let backtrack = 6;
+  const maxSteps = width * height * 4;
+  for (let step = 0; step < maxSteps; step += 1) {
+    let moved = false;
+    for (let k = 1; k <= 8; k += 1) {
+      const dir = (backtrack + k) % 8;
+      const [dx, dy] = DIRS[dir];
+      const nx = bx + dx;
+      const ny = by + dy;
+      if (at(nx, ny)) {
+        contour.push([bx, by]);
+        backtrack = (dir + 4) % 8;
+        bx = nx;
+        by = ny;
+        moved = true;
+        break;
+      }
+    }
+    if (!moved) {
+      contour.push([bx, by]);
+      break;
+    }
+    if (bx === startX && by === startY && contour.length > 1) {
+      break;
+    }
+  }
+  return contour;
+}
+function perpendicularDistance(point, lineStart, lineEnd) {
+  const [px, py] = point;
+  const [ax, ay] = lineStart;
+  const [bx, by] = lineEnd;
+  const dx = bx - ax;
+  const dy = by - ay;
+  const lengthSq = dx * dx + dy * dy;
+  if (lengthSq === 0) {
+    return Math.hypot(px - ax, py - ay);
+  }
+  const cross = Math.abs(dx * (ay - py) - dy * (ax - px));
+  return cross / Math.sqrt(lengthSq);
+}
+function douglasPeucker(points, tolerance) {
+  if (points.length < 3) {
+    return points.slice();
+  }
+  let maxDist = 0;
+  let index = 0;
+  const first = points[0];
+  const last = points[points.length - 1];
+  for (let i = 1; i < points.length - 1; i += 1) {
+    const dist = perpendicularDistance(points[i], first, last);
+    if (dist > maxDist) {
+      maxDist = dist;
+      index = i;
+    }
+  }
+  if (maxDist <= tolerance) {
+    return [first, last];
+  }
+  const left = douglasPeucker(points.slice(0, index + 1), tolerance);
+  const right = douglasPeucker(points.slice(index), tolerance);
+  return [...left.slice(0, -1), ...right];
+}
+function traceAlphaMaskContour(mask, width, height) {
+  let foreground = 0;
+  for (let i = 0; i < mask.length; i += 1) {
+    if (mask[i] === 1) foreground += 1;
+  }
+  if (width <= 0 || height <= 0 || foreground === 0 || foreground / (width * height) >= OPAQUE_RATIO) {
+    return rectangle();
+  }
+  const boundary = traceBoundary(mask, width, height);
+  if (boundary.length < 3) {
+    return rectangle();
+  }
+  const tolerance = Math.max(width, height) * 0.012;
+  let simplified = douglasPeucker(boundary, tolerance);
+  let extraTolerance = tolerance;
+  while (simplified.length > MAX_POINTS) {
+    extraTolerance *= 1.6;
+    simplified = douglasPeucker(boundary, extraTolerance);
+  }
+  if (simplified.length < 3) {
+    return rectangle();
+  }
+  return simplified.map(([x, y]) => ({
+    x: Math.min(1, Math.max(0, x / width)),
+    y: Math.min(1, Math.max(0, y / height))
+  }));
+}
+function traceImageAlphaContour(img) {
+  const cacheKey = img.src;
+  const cached = contourCache.get(cacheKey);
+  if (cached) {
+    return cached.map((point) => ({ ...point }));
+  }
+  const built = buildAlphaMask(img);
+  if (!built) {
+    return rectangle();
+  }
+  const polygon = traceAlphaMaskContour(built.mask, built.width, built.height);
+  contourCache.set(cacheKey, polygon);
+  return polygon.map((point) => ({ ...point }));
+}
+function createEditorLayoutOptionsController(deps) {
+  const { state, resetTransactionGrouping, applyTransactionalState, focusInput } = deps;
+  const layoutOptionsTarget = () => {
+    if (getSelectedImageRun(state())) return "image";
+    if (getSelectedTextBoxRun(state())) return "textBox";
+    return null;
+  };
+  const applyLayoutOptionPatch = (mergeKey, apply) => {
+    const target = layoutOptionsTarget();
+    if (!target) return;
+    resetTransactionGrouping();
+    applyTransactionalState((current) => apply(current, target), { mergeKey });
+    focusInput();
+  };
+  const ensureImageWrapContour = (runId, src) => {
+    const resolved = resolveImageSrc(state().document, src);
+    const applyContour = (img2) => {
+      const polygon = traceImageAlphaContour(img2);
+      applyTransactionalState(
+        (current) => setImageWrapPolygon(current, runId, polygon),
+        { mergeKey: "layoutWrapPolygon" }
+      );
+    };
+    const img = getCachedCanvasImage(resolved, () => {
+      if (img.naturalWidth > 0) applyContour(img);
+    });
+    if (img.complete && img.naturalWidth > 0) {
+      applyContour(img);
+    }
+  };
+  return {
+    target: layoutOptionsTarget,
+    preset: () => {
+      const target = layoutOptionsTarget();
+      if (target === "image") return getSelectedImageWrapPreset(state());
+      if (target === "textBox") return getSelectedTextBoxWrapPreset(state());
+      return null;
+    },
+    fixedPosition: () => {
+      const target = layoutOptionsTarget();
+      if (target === "image") return isSelectedImageFixedPosition(state());
+      if (target === "textBox") return isSelectedTextBoxFixedPosition(state());
+      return false;
+    },
+    setPreset: (preset) => {
+      applyLayoutOptionPatch(
+        "layoutWrapPreset",
+        (current, target) => target === "image" ? setSelectedImageWrapPreset(current, preset) : setSelectedTextBoxWrapPreset(current, preset)
+      );
+      if (preset === "tight" || preset === "through") {
+        const selected = getSelectedImageRun(state());
+        const image = selected == null ? void 0 : selected.run.image;
+        if (image && !image.wrapPolygon) {
+          ensureImageWrapContour(selected.run.id, image.src);
+        }
+      }
+    },
+    setFixedPosition: (fixed) => applyLayoutOptionPatch(
+      "layoutFixedPosition",
+      (current, target) => target === "image" ? setSelectedImageFixedPosition(current, fixed) : setSelectedTextBoxFixedPosition(current, fixed)
+    )
+  };
+}
 const DEFAULT_TOC_MAX_LEVEL = 3;
 const TOC_INSTRUCTION = ' TOC \\o "1-3" \\h \\z \\u ';
 const PX_TO_PT = 72 / 96;
@@ -47129,62 +47192,12 @@ function OasisEditorApp(props = {}) {
     runtimeClient.emit("selectionChange", snapshot.selection);
   });
   const selectedImageRun = () => getSelectedImageRun(state);
-  const selectedTextBoxRun = () => getSelectedTextBoxRun(state);
-  const layoutOptionsTarget = () => {
-    if (selectedImageRun()) return "image";
-    if (selectedTextBoxRun()) return "textBox";
-    return null;
-  };
-  const applyLayoutOptionPatch = (mergeKey, apply) => {
-    const target = layoutOptionsTarget();
-    if (!target) return;
-    resetTransactionGrouping();
-    applyTransactionalState((current) => apply(current, target), {
-      mergeKey
-    });
-    focusInput();
-  };
-  const ensureImageWrapContour = (runId, src) => {
-    const resolved = resolveImageSrc(state.document, src);
-    const applyContour = (img2) => {
-      const polygon = traceImageAlphaContour(img2);
-      applyTransactionalState((current) => setImageWrapPolygon(current, runId, polygon), {
-        mergeKey: "layoutWrapPolygon"
-      });
-    };
-    const img = getCachedCanvasImage(resolved, () => {
-      if (img.naturalWidth > 0) applyContour(img);
-    });
-    if (img.complete && img.naturalWidth > 0) {
-      applyContour(img);
-    }
-  };
-  const layoutOptionsOverlay = {
-    target: layoutOptionsTarget,
-    preset: () => {
-      const target = layoutOptionsTarget();
-      if (target === "image") return getSelectedImageWrapPreset(state);
-      if (target === "textBox") return getSelectedTextBoxWrapPreset(state);
-      return null;
-    },
-    fixedPosition: () => {
-      const target = layoutOptionsTarget();
-      if (target === "image") return isSelectedImageFixedPosition(state);
-      if (target === "textBox") return isSelectedTextBoxFixedPosition(state);
-      return false;
-    },
-    setPreset: (preset) => {
-      applyLayoutOptionPatch("layoutWrapPreset", (current, target) => target === "image" ? setSelectedImageWrapPreset(current, preset) : setSelectedTextBoxWrapPreset(current, preset));
-      if (preset === "tight" || preset === "through") {
-        const selected = getSelectedImageRun(state);
-        const image = selected == null ? void 0 : selected.run.image;
-        if (image && !image.wrapPolygon) {
-          ensureImageWrapContour(selected.run.id, image.src);
-        }
-      }
-    },
-    setFixedPosition: (fixed) => applyLayoutOptionPatch("layoutFixedPosition", (current, target) => target === "image" ? setSelectedImageFixedPosition(current, fixed) : setSelectedTextBoxFixedPosition(current, fixed))
-  };
+  const layoutOptionsOverlay = createEditorLayoutOptionsController({
+    state: () => state,
+    resetTransactionGrouping,
+    applyTransactionalState,
+    focusInput
+  });
   const canvasHitResolver = createCanvasSurfaceHitResolver({
     state: () => state,
     surfaceRef: () => surfaceRef() ?? null,