oasis-editor 0.0.25 → 0.0.26

package/dist/{OasisEditorApp-y3iUL8-k.js → OasisEditorApp-DiKFbvcS.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 createEditorTable, w as createEditorTableRow, 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 buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as createEditorZoom, bA as startLongTaskObserver, bB as installGlobalReport, bC as applyStoredPreciseFontPreference, bD as getWelcomeSeen, bE as isLocalFontAccessSupported, bF as EDITOR_SCROLL_PADDING_PX, bG as Toolbar, bH as OasisEditorLoading, bI as createEditorLogger, bJ as getCachedCanvasImage, bK as registerDomStatsSurface } from "./index-Df7Ob0Ek.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 createEditorTable, w as createEditorTableRow, 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 buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as createEditorZoom, bA as startLongTaskObserver, bB as installGlobalReport, bC as applyStoredPreciseFontPreference, bD as getWelcomeSeen, bE as isLocalFontAccessSupported, bF as EDITOR_SCROLL_PADDING_PX, bG as Toolbar, bH as OasisEditorLoading, bI as createEditorLogger, bJ as getCachedCanvasImage, bK as registerDomStatsSurface } from "./index-nYpJ3a_R.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -7255,12 +7255,14 @@ function createResizeSession(adapter, deps) {
     }
   });
   const handleMouseMove = (event) => {
+    var _a;
     const resize = active;
     if (!resize) {
       return;
     }
-    const deltaX = event.clientX - resize.startClientX;
-    const deltaY = event.clientY - resize.startClientY;
+    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const deltaX = (event.clientX - resize.startClientX) / z;
+    const deltaY = (event.clientY - resize.startClientY) / z;
     const maxWidth = adapter.getMaxWidth(deps.state, resize.paragraphId);
     const { width, height } = resolveResizedDimensions(
       resize,
@@ -7504,7 +7506,8 @@ function createEditorImageOperations(deps) {
       updateHistoryState: deps.updateHistoryState,
       cloneState: deps.cloneState,
       focusInput: deps.focusInput,
-      logger: deps.logger
+      logger: deps.logger,
+      zoomFactor: deps.zoomFactor
     }
   );
   const imageRotateSession = createRotateSession(
@@ -7705,7 +7708,8 @@ function createEditorTextBoxOperations(deps) {
       updateHistoryState: deps.updateHistoryState,
       cloneState: deps.cloneState,
       focusInput: deps.focusInput,
-      logger: deps.logger
+      logger: deps.logger,
+      zoomFactor: deps.zoomFactor
     }
   );
   const rotateSession = createRotateSession(
@@ -39181,7 +39185,8 @@ function cloneLayoutSnapshot(snapshot) {
         top: paragraph.tableCell.top,
         width: paragraph.tableCell.width,
         height: paragraph.tableCell.height
-      } : void 0
+      } : void 0,
+      verticalMode: paragraph.verticalMode
     })),
     inlineImages: snapshot.inlineImages.map((image) => ({
       paragraphId: image.paragraphId,
@@ -39195,6 +39200,21 @@ function cloneLayoutSnapshot(snapshot) {
       width: image.width,
       height: image.height
     })),
+    inlineTextBoxes: snapshot.inlineTextBoxes.map(
+      (box) => ({
+        paragraphId: box.paragraphId,
+        paragraphIndex: box.paragraphIndex,
+        zone: box.zone,
+        pageIndex: box.pageIndex,
+        startOffset: box.startOffset,
+        endOffset: box.endOffset,
+        left: box.left,
+        top: box.top,
+        width: box.width,
+        height: box.height,
+        rotation: box.rotation
+      })
+    ),
     unsupportedRegions: snapshot.unsupportedRegions.map((region) => ({
       ...region
     }))
@@ -39224,6 +39244,9 @@ function buildApi() {
       inlineImages: lastLayoutSnapshot.inlineImages.map((image) => ({
         ...image
       })),
+      inlineTextBoxes: lastLayoutSnapshot.inlineTextBoxes.map((box) => ({
+        ...box
+      })),
       unsupportedRegions: lastLayoutSnapshot.unsupportedRegions.map(
         (region) => ({
           ...region
@@ -44772,9 +44795,11 @@ function createEditorTableResize(deps) {
     setActiveCursorClass(currentResizing.type === "column");
   };
   const handleWindowMouseUp = (event) => {
+    var _a;
     const currentResizing = resizing();
     if (!currentResizing) return;
-    const delta = (currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos;
+    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const delta = ((currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos) / z;
     if (Math.abs(delta) >= DRAG_THRESHOLD_PX) {
       deps.applyTransactionalState((current) => {
         if (currentResizing.type === "row") {
@@ -45871,7 +45896,7 @@ function createEditorNavigation(deps) {
 function createEditorRevisionController(deps) {
   const [hoveredRevision, setHoveredRevision] = createSignal(null);
   const handleRevisionMouseEnter = (revisionId, event) => {
-    var _a, _b;
+    var _a, _b, _c;
     const paragraphs = getParagraphs(deps.state());
     let foundRevision;
     for (const p of paragraphs) {
@@ -45887,13 +45912,14 @@ function createEditorRevisionController(deps) {
     const rect = event.currentTarget.getBoundingClientRect();
     const surfaceRect = (_b = deps.surfaceRef()) == null ? void 0 : _b.getBoundingClientRect();
     if (!surfaceRect) return;
+    const z = ((_c = deps.zoomFactor) == null ? void 0 : _c.call(deps)) ?? 1;
     setHoveredRevision({
       revisionId: foundRevision.id,
       author: foundRevision.author,
       date: foundRevision.date,
       type: foundRevision.type,
-      left: rect.left - surfaceRect.left,
-      top: rect.top - surfaceRect.top
+      left: (rect.left - surfaceRect.left) / z,
+      top: (rect.top - surfaceRect.top) / z
     });
   };
   const handleRevisionMouseLeave = () => {
@@ -45911,7 +45937,8 @@ function useEditorInteractionWiring(ctx) {
     state,
     applyTransactionalState: ctx.applyTransactionalState,
     surfaceRef: ctx.surfaceRef,
-    viewportRef: ctx.viewportRef
+    viewportRef: ctx.viewportRef,
+    zoomFactor: ctx.zoomFactor
   });
   const tableDrag = createEditorTableDrag({
     state,
@@ -45921,7 +45948,8 @@ function useEditorInteractionWiring(ctx) {
   });
   const revisionController = createEditorRevisionController({
     state,
-    surfaceRef: () => ctx.surfaceRef() ?? null
+    surfaceRef: () => ctx.surfaceRef() ?? null,
+    zoomFactor: ctx.zoomFactor
   });
   const textDrag = createEditorTextDrag({
     state,
@@ -46636,7 +46664,8 @@ function OasisEditorApp(props = {}) {
     focusInput,
     focusInputAfterPointerSelection,
     cloneState,
-    logger
+    logger,
+    zoomFactor: zoom.zoomFactor
   });
   const textBoxOps = createEditorTextBoxOperations({
     state,
@@ -46645,7 +46674,8 @@ function OasisEditorApp(props = {}) {
     updateHistoryState,
     focusInput,
     cloneState,
-    logger
+    logger,
+    zoomFactor: zoom.zoomFactor
   });
   const styleController = createEditorStyleController({
     state: () => state,

package/dist/app/controllers/createResizeSession.d.ts

@@ -29,6 +29,8 @@ export interface ResizeSessionDeps {
     cloneState: (source: EditorState) => EditorState;
     focusInput: () => void;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; pointer deltas (screen px) are divided by it. */
+    zoomFactor?: () => number;
 }
 /**
  * Drives a handle-based resize: it tracks the pointer, resolves the next size

package/dist/app/controllers/useEditorImageOperations.d.ts

@@ -31,6 +31,8 @@ export interface EditorImageOperationsDeps {
     focusInputAfterPointerSelection: () => void;
     cloneState: (source: EditorState) => EditorState;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorImageOperations(deps: EditorImageOperationsDeps): {
     dragging: import('solid-js').Accessor<boolean>;

package/dist/app/controllers/useEditorRevision.d.ts

@@ -4,6 +4,8 @@ import { RevisionBox } from '../../ui/editorUiTypes.js';
 export interface UseEditorRevisionProps {
     state: () => EditorState;
     surfaceRef: () => HTMLDivElement | null;
+    /** Visual zoom factor `z`; screen-px offsets are divided by it for px-local. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorRevisionController(deps: UseEditorRevisionProps): {
     hoveredRevision: import('solid-js').Accessor<RevisionBox | null>;

package/dist/app/controllers/useEditorTableResize.d.ts

@@ -7,4 +7,6 @@ export declare function createEditorTableResize(deps: {
     applyTransactionalState: (producer: (current: EditorState) => EditorState) => void;
     surfaceRef: () => HTMLElement | undefined;
     viewportRef: () => HTMLElement | undefined;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }): TableResizeOps;

package/dist/app/controllers/useEditorTextBoxOperations.d.ts

@@ -11,6 +11,8 @@ export interface EditorTextBoxOperationsDeps {
     focusInput: () => void;
     cloneState: (source: EditorState) => EditorState;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorTextBoxOperations(deps: EditorTextBoxOperationsDeps): {
     handleTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {

package/dist/{index-Df7Ob0Ek.js → index-nYpJ3a_R.js}

@@ -2438,7 +2438,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-y3iUL8-k.js").then((m) => {
+    import("./OasisEditorApp-DiKFbvcS.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -21810,11 +21810,13 @@ function HorizontalRuler(props) {
     return typeof navigator !== "undefined" && ((_a = navigator.language) == null ? void 0 : _a.toLowerCase().startsWith("en")) ? "in" : "cm";
   };
   const ticks = createMemo(() => computeRulerTicks(pageSettings().width, baseGeometry().contentLeft, unit()));
-  const trackWidth = createMemo(() => pageLeft() * 2 + pageSettings().width);
+  const z = () => props.zoomFactor();
+  const sx = (value) => value * z();
+  const trackWidth = createMemo(() => pageLeft() * 2 + sx(pageSettings().width));
   const pageXFromClient = (clientX) => {
     const rect = pageRef == null ? void 0 : pageRef.getBoundingClientRect();
     if (!rect) return 0;
-    return clamp$1(clientX - rect.left, 0, pageSettings().width);
+    return clamp$1((clientX - rect.left) / z(), 0, pageSettings().width);
   };
   const beginDrag = (type, event) => {
     var _a;
@@ -21921,7 +21923,7 @@ function HorizontalRuler(props) {
       children: (tick) => [(() => {
         var _el$11 = _tmpl$2$l();
         createRenderEffect((_p$) => {
-          var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${tick.x}px`;
+          var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${sx(tick.x)}px`;
           _v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
           _v$28 !== _p$.t && setStyleProperty(_el$11, "left", _p$.t = _v$28);
           return _p$;
@@ -21933,7 +21935,7 @@ function HorizontalRuler(props) {
       })(), memo(() => memo(() => !!tick.label)() && (() => {
         var _el$12 = _tmpl$3$e();
         insert(_el$12, () => tick.label);
-        createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${tick.x}px`));
+        createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${sx(tick.x)}px`));
         return _el$12;
       })())]
     }), _el$7);
@@ -21944,7 +21946,7 @@ function HorizontalRuler(props) {
     _el$1.$$pointerdown = (event) => beginDrag("leftIndent", event);
     _el$10.$$pointerdown = (event) => beginDrag("rightIndent", event);
     createRenderEffect((_p$) => {
-      var _v$ = t("ruler.horizontal"), _v$2 = `${trackWidth()}px`, _v$3 = `translateX(${-scrollLeft()}px)`, _v$4 = `${pageLeft()}px`, _v$5 = `${pageSettings().width}px`, _v$6 = `${geometry().contentLeft}px`, _v$7 = `${geometry().contentRight}px`, _v$8 = `${Math.max(0, pageSettings().width - geometry().contentRight)}px`, _v$9 = `${geometry().contentLeft}px`, _v$0 = `${Math.max(0, geometry().contentRight - geometry().contentLeft)}px`, _v$1 = `${geometry().contentLeft}px`, _v$10 = t("ruler.leftMargin"), _v$11 = t("ruler.leftMargin"), _v$12 = `${geometry().contentRight}px`, _v$13 = t("ruler.rightMargin"), _v$14 = t("ruler.rightMargin"), _v$15 = `${geometry().firstLineX}px`, _v$16 = t("ruler.firstLineIndent"), _v$17 = t("ruler.firstLineIndent"), _v$18 = `${geometry().leftIndentX}px`, _v$19 = t("ruler.hangingIndent"), _v$20 = t("ruler.hangingIndent"), _v$21 = `${geometry().leftIndentX}px`, _v$22 = t("ruler.leftIndent"), _v$23 = t("ruler.leftIndent"), _v$24 = `${geometry().rightIndentX}px`, _v$25 = t("ruler.rightIndent"), _v$26 = t("ruler.rightIndent");
+      var _v$ = t("ruler.horizontal"), _v$2 = `${trackWidth()}px`, _v$3 = `translateX(${-scrollLeft()}px)`, _v$4 = `${pageLeft()}px`, _v$5 = `${sx(pageSettings().width)}px`, _v$6 = `${sx(geometry().contentLeft)}px`, _v$7 = `${sx(geometry().contentRight)}px`, _v$8 = `${sx(Math.max(0, pageSettings().width - geometry().contentRight))}px`, _v$9 = `${sx(geometry().contentLeft)}px`, _v$0 = `${sx(Math.max(0, geometry().contentRight - geometry().contentLeft))}px`, _v$1 = `${sx(geometry().contentLeft)}px`, _v$10 = t("ruler.leftMargin"), _v$11 = t("ruler.leftMargin"), _v$12 = `${sx(geometry().contentRight)}px`, _v$13 = t("ruler.rightMargin"), _v$14 = t("ruler.rightMargin"), _v$15 = `${sx(geometry().firstLineX)}px`, _v$16 = t("ruler.firstLineIndent"), _v$17 = t("ruler.firstLineIndent"), _v$18 = `${sx(geometry().leftIndentX)}px`, _v$19 = t("ruler.hangingIndent"), _v$20 = t("ruler.hangingIndent"), _v$21 = `${sx(geometry().leftIndentX)}px`, _v$22 = t("ruler.leftIndent"), _v$23 = t("ruler.leftIndent"), _v$24 = `${sx(geometry().rightIndentX)}px`, _v$25 = t("ruler.rightIndent"), _v$26 = t("ruler.rightIndent");
       _v$ !== _p$.e && setAttribute(_el$, "aria-label", _p$.e = _v$);
       _v$2 !== _p$.t && setStyleProperty(_el$2, "width", _p$.t = _v$2);
       _v$3 !== _p$.a && setStyleProperty(_el$2, "transform", _p$.a = _v$3);
@@ -36580,6 +36582,24 @@ function OasisEditorEditor(props) {
   const zoomSizerWidth = createMemo(() => Math.max(unscaledContentWidth() * zoomFactor(), viewportSize().width));
   const zoomSizerHeight = createMemo(() => Math.max(measuredContentHeight() * zoomFactor(), viewportSize().height));
   const zoomLayerLeft = createMemo(() => Math.max(0, (zoomSizerWidth() - unscaledContentWidth() * zoomFactor()) / 2));
+  let prevZoomFactor = zoomFactor();
+  createEffect(() => {
+    const next = zoomFactor();
+    const prev = prevZoomFactor;
+    prevZoomFactor = next;
+    if (next === prev || prev <= 0) return;
+    const el = viewportElement;
+    if (!el) return;
+    const ratio = next / prev;
+    const halfW = el.clientWidth / 2;
+    const halfH = el.clientHeight / 2;
+    const targetLeft = (el.scrollLeft + halfW) * ratio - halfW;
+    const targetTop = (el.scrollTop + halfH) * ratio - halfH;
+    requestAnimationFrame(() => {
+      el.scrollLeft = targetLeft;
+      el.scrollTop = targetTop;
+    });
+  });
   const statusDocumentLayout = createMemo(() => {
     var _a, _b, _c, _d;
     return projectDocumentLayout(documentForStats(), void 0, (_b = (_a = layout()).measuredBlockHeights) == null ? void 0 : _b.call(_a), (_d = (_c = layout()).measuredParagraphLayouts) == null ? void 0 : _d.call(_c));
@@ -36647,7 +36667,8 @@ function OasisEditorEditor(props) {
             return overlays().toolbarHost;
           },
           viewportRef,
-          readOnly: () => Boolean(layout().readOnly)
+          readOnly: () => Boolean(layout().readOnly),
+          zoomFactor
         });
       }
     }), _el$2);

package/dist/oasis-editor.js

@@ -1,4 +1,4 @@
-import { aV, bL, bM, bN, bO, bP, ba, bQ, aW, aR, bR, bS, bT, aU, bU, aP, bV, bW, bX, bY, bZ, bH, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, bf, ca, bG, cb, bN as bN2, bS as bS2, bU as bU2, c2 as c22, c4 as c42, c9 as c92, aT, aN, cc, cd, ce, aQ, cf, cg, aS } from "./index-Df7Ob0Ek.js";
+import { aV, bL, bM, bN, bO, bP, ba, bQ, aW, aR, bR, bS, bT, aU, bU, aP, bV, bW, bX, bY, bZ, bH, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, bf, ca, bG, cb, bN as bN2, bS as bS2, bU as bU2, c2 as c22, c4 as c42, c9 as c92, aT, aN, cc, cd, ce, aQ, cf, cg, aS } from "./index-nYpJ3a_R.js";
 export {
   aV as BalloonShell,
   bL as Button,