superdoc 0.35.3 → 0.36.1

package/dist/chunks/{PdfViewer-C2woiqSD.es.js → PdfViewer-0ljQHJ46.es.js}

@@ -1,5 +1,5 @@
-import { m as defineComponent, y as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, v as createVNode, x as unref } from "./vue-CKmzTNVs.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-qCXNfgIE.es.js";
+import { m as defineComponent, y as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, v as createVNode, x as unref } from "./vue-siHYWVb6.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-DzR1O6RL.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-cKeULrJD.cjs → PdfViewer-S16P3o_7.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("./vue-Cwv-wUpm.cjs");
-const superdoc = require("./index-BLV0gVBb.cjs");
+const vue = require("./vue-dM1GiXsI.cjs");
+const superdoc = require("./index-D3qTp4tj.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{eventemitter3-DmHNHvFX.cjs → eventemitter3-Cq0SNNyY.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const jszip = require("./jszip-BP2FTbpi.cjs");
+const jszip = require("./jszip-F-dEByfH.cjs");
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{eventemitter3-hYlnBzSA.es.js → eventemitter3-Dggxln8t.es.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./jszip-jKrsZoMS.es.js";
+import { g as getDefaultExportFromCjs } from "./jszip-CY0q2Bnp.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{index-CUb1VdVb-BOiRrEoQ.es.js → index-CzkLnJsZ-BTVdUMdV.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-C-FCfUaM.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-D_ayGwNx.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-CUb1VdVb-Dn-WH3X_.cjs → index-CzkLnJsZ-BgswlBSf.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-FtM9y9Xi.cjs");
+const superEditor_es = require("./super-editor.es-DVKZ65HN.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{index-BLV0gVBb.cjs → index-D3qTp4tj.cjs}

@@ -1,11 +1,11 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-FtM9y9Xi.cjs");
+const superEditor_es = require("./super-editor.es-DVKZ65HN.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
-const eventemitter3 = require("./eventemitter3-DmHNHvFX.cjs");
+const eventemitter3 = require("./eventemitter3-Cq0SNNyY.cjs");
 const provider = require("@hocuspocus/provider");
-const vue = require("./vue-Cwv-wUpm.cjs");
+const vue = require("./vue-dM1GiXsI.cjs");
 const Y = require("yjs");
-const jszip = require("./jszip-BP2FTbpi.cjs");
+const jszip = require("./jszip-F-dEByfH.cjs");
 const uuid = require("./uuid-R7L08bOx.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -2137,6 +2137,7 @@ const offChange = (eventHandler) => usePolyfill || removeEventListener(
   /** @type {any} */
   eventHandler
 );
+const EqualityTraitSymbol = Symbol("Equality");
 const keys$1 = Object.keys;
 const map$1 = (obj, f) => {
   const results = [];
@@ -2145,14 +2146,13 @@ const map$1 = (obj, f) => {
   }
   return results;
 };
-const length$1 = (obj) => keys$1(obj).length;
+const size$1 = (obj) => keys$1(obj).length;
 const hasProperty = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
-const EqualityTraitSymbol = Symbol("Equality");
 const equalityDeep = (a, b) => {
   if (a === b) {
     return true;
   }
-  if (a == null || b == null || a.constructor !== b.constructor) {
+  if (a == null || b == null || a.constructor !== b.constructor && (a.constructor || Object) !== (b.constructor || Object)) {
     return false;
   }
   if (a[EqualityTraitSymbol] != null) {
@@ -2196,8 +2196,9 @@ const equalityDeep = (a, b) => {
       }
       break;
     }
+    case void 0:
     case Object:
-      if (length$1(a) !== length$1(b)) {
+      if (size$1(a) !== size$1(b)) {
         return false;
       }
       for (const key in a) {
@@ -2369,7 +2370,7 @@ const errorUnexpectedEndOfArray = create("Unexpected end of array");
 const errorIntegerOutOfRange = create("Integer out of Range");
 class Decoder {
   /**
-   * @param {Uint8Array} uint8Array Binary data to decode
+   * @param {Uint8Array<Buf>} uint8Array Binary data to decode
    */
   constructor(uint8Array) {
     this.arr = uint8Array;
@@ -2520,10 +2521,14 @@ const writeSyncStep2 = (encoder, doc, encodedStateVector) => {
   writeVarUint8Array(encoder, Y__namespace.encodeStateAsUpdate(doc, encodedStateVector));
 };
 const readSyncStep1 = (decoder, encoder, doc) => writeSyncStep2(encoder, doc, readVarUint8Array(decoder));
-const readSyncStep2 = (decoder, doc, transactionOrigin) => {
+const readSyncStep2 = (decoder, doc, transactionOrigin, errorHandler) => {
   try {
     Y__namespace.applyUpdate(doc, readVarUint8Array(decoder), transactionOrigin);
   } catch (error) {
+    if (errorHandler != null) errorHandler(
+      /** @type {Error} */
+      error
+    );
     console.error("Caught error while handling a Yjs update", error);
   }
 };
@@ -2532,17 +2537,17 @@ const writeUpdate = (encoder, update) => {
   writeVarUint8Array(encoder, update);
 };
 const readUpdate = readSyncStep2;
-const readSyncMessage = (decoder, encoder, doc, transactionOrigin) => {
+const readSyncMessage = (decoder, encoder, doc, transactionOrigin, errorHandler) => {
   const messageType = readVarUint(decoder);
   switch (messageType) {
     case messageYjsSyncStep1:
       readSyncStep1(decoder, encoder, doc);
       break;
     case messageYjsSyncStep2:
-      readSyncStep2(decoder, doc, transactionOrigin);
+      readSyncStep2(decoder, doc, transactionOrigin, errorHandler);
       break;
     case messageYjsUpdate:
-      readUpdate(decoder, doc, transactionOrigin);
+      readUpdate(decoder, doc, transactionOrigin, errorHandler);
       break;
     default:
       throw new Error("Unknown message type");
@@ -17238,7 +17243,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-cKeULrJD.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-S16P3o_7.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17459,6 +17464,8 @@ const _sfc_main = {
         suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
         disableContextMenu: proxy.$superdoc.config.disableContextMenu,
         jsonOverride: proxy.$superdoc.config.jsonOverride,
+        layoutMode: proxy.$superdoc.config.layoutMode,
+        layoutMargins: proxy.$superdoc.config.layoutMargins,
         permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
           role: proxy.$superdoc.config.role,
           isInternal: proxy.$superdoc.config.isInternal,
@@ -17832,7 +17839,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e35f23"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5138e8c6"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -17969,7 +17976,15 @@ class SuperDoc extends eventemitter3.EventEmitter {
     // async (file) => url;
     handleImageUpload: null,
     // Disable context menus (slash and right-click) globally
-    disableContextMenu: false
+    disableContextMenu: false,
+    // Document layout mode: 'paginated' (default) or 'responsive'
+    // 'paginated': Fixed page width, shows page breaks like a real document
+    // 'responsive': 100% width, text reflows to fit the container (useful for mobile/accessibility)
+    layoutMode: "paginated",
+    // Custom margins for responsive layout mode (values in pixels)
+    // Only applies when layoutMode is 'responsive'
+    // Example: { top: 48, bottom: 48, left: 48, right: 48 }
+    layoutMargins: null
   };
   /**
    * @param {Config} config
@@ -18002,7 +18017,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.35.3";
+    this.version = "0.36.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-qCXNfgIE.es.js → index-DzR1O6RL.es.js}

@@ -1,11 +1,11 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-C-FCfUaM.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-D_ayGwNx.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
-import { E as EventEmitter } from "./eventemitter3-hYlnBzSA.es.js";
+import { E as EventEmitter } from "./eventemitter3-Dggxln8t.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
-import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, a as computed, a2 as isRef, a3 as isReactive, E as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, A as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, C as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, G as provide, I as withDirectives, y as h, U as Teleport, R as renderSlot, V as isVNode, J as watchEffect, O as Transition, a8 as TransitionGroup, z as mergeProps, P as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, B as withCtx, f as createBaseVNode, D as normalizeStyle, e as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, d as renderList, c as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CKmzTNVs.es.js";
+import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, a as computed, a2 as isRef, a3 as isReactive, E as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, A as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, C as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, G as provide, I as withDirectives, y as h, U as Teleport, R as renderSlot, V as isVNode, J as watchEffect, O as Transition, a8 as TransitionGroup, z as mergeProps, P as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, B as withCtx, f as createBaseVNode, D as normalizeStyle, e as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, d as renderList, c as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-siHYWVb6.es.js";
 import * as Y from "yjs";
 import { Doc, Map as Map$2 } from "yjs";
-import { B as Buffer$2 } from "./jszip-jKrsZoMS.es.js";
+import { B as Buffer$2 } from "./jszip-CY0q2Bnp.es.js";
 import { v as v4 } from "./uuid-CjlX8hrF.es.js";
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
 const PDF = "application/pdf";
@@ -2120,6 +2120,7 @@ const offChange = (eventHandler) => usePolyfill || removeEventListener(
   /** @type {any} */
   eventHandler
 );
+const EqualityTraitSymbol = Symbol("Equality");
 const keys$1 = Object.keys;
 const map$1 = (obj, f) => {
   const results = [];
@@ -2128,14 +2129,13 @@ const map$1 = (obj, f) => {
   }
   return results;
 };
-const length$1 = (obj) => keys$1(obj).length;
+const size$1 = (obj) => keys$1(obj).length;
 const hasProperty = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
-const EqualityTraitSymbol = Symbol("Equality");
 const equalityDeep = (a, b) => {
   if (a === b) {
     return true;
   }
-  if (a == null || b == null || a.constructor !== b.constructor) {
+  if (a == null || b == null || a.constructor !== b.constructor && (a.constructor || Object) !== (b.constructor || Object)) {
     return false;
   }
   if (a[EqualityTraitSymbol] != null) {
@@ -2179,8 +2179,9 @@ const equalityDeep = (a, b) => {
       }
       break;
     }
+    case void 0:
     case Object:
-      if (length$1(a) !== length$1(b)) {
+      if (size$1(a) !== size$1(b)) {
         return false;
       }
       for (const key in a) {
@@ -2352,7 +2353,7 @@ const errorUnexpectedEndOfArray = create("Unexpected end of array");
 const errorIntegerOutOfRange = create("Integer out of Range");
 class Decoder {
   /**
-   * @param {Uint8Array} uint8Array Binary data to decode
+   * @param {Uint8Array<Buf>} uint8Array Binary data to decode
    */
   constructor(uint8Array) {
     this.arr = uint8Array;
@@ -2503,10 +2504,14 @@ const writeSyncStep2 = (encoder, doc, encodedStateVector) => {
   writeVarUint8Array(encoder, Y.encodeStateAsUpdate(doc, encodedStateVector));
 };
 const readSyncStep1 = (decoder, encoder, doc) => writeSyncStep2(encoder, doc, readVarUint8Array(decoder));
-const readSyncStep2 = (decoder, doc, transactionOrigin) => {
+const readSyncStep2 = (decoder, doc, transactionOrigin, errorHandler) => {
   try {
     Y.applyUpdate(doc, readVarUint8Array(decoder), transactionOrigin);
   } catch (error) {
+    if (errorHandler != null) errorHandler(
+      /** @type {Error} */
+      error
+    );
     console.error("Caught error while handling a Yjs update", error);
   }
 };
@@ -2515,17 +2520,17 @@ const writeUpdate = (encoder, update) => {
   writeVarUint8Array(encoder, update);
 };
 const readUpdate = readSyncStep2;
-const readSyncMessage = (decoder, encoder, doc, transactionOrigin) => {
+const readSyncMessage = (decoder, encoder, doc, transactionOrigin, errorHandler) => {
   const messageType = readVarUint(decoder);
   switch (messageType) {
     case messageYjsSyncStep1:
       readSyncStep1(decoder, encoder, doc);
       break;
     case messageYjsSyncStep2:
-      readSyncStep2(decoder, doc, transactionOrigin);
+      readSyncStep2(decoder, doc, transactionOrigin, errorHandler);
       break;
     case messageYjsUpdate:
-      readUpdate(decoder, doc, transactionOrigin);
+      readUpdate(decoder, doc, transactionOrigin, errorHandler);
       break;
     default:
       throw new Error("Unknown message type");
@@ -17221,7 +17226,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-C2woiqSD.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-0ljQHJ46.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17442,6 +17447,8 @@ const _sfc_main = {
         suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
         disableContextMenu: proxy.$superdoc.config.disableContextMenu,
         jsonOverride: proxy.$superdoc.config.jsonOverride,
+        layoutMode: proxy.$superdoc.config.layoutMode,
+        layoutMargins: proxy.$superdoc.config.layoutMargins,
         permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
           role: proxy.$superdoc.config.role,
           isInternal: proxy.$superdoc.config.isInternal,
@@ -17815,7 +17822,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e35f23"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5138e8c6"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -17952,7 +17959,15 @@ class SuperDoc extends EventEmitter {
     // async (file) => url;
     handleImageUpload: null,
     // Disable context menus (slash and right-click) globally
-    disableContextMenu: false
+    disableContextMenu: false,
+    // Document layout mode: 'paginated' (default) or 'responsive'
+    // 'paginated': Fixed page width, shows page breaks like a real document
+    // 'responsive': 100% width, text reflows to fit the container (useful for mobile/accessibility)
+    layoutMode: "paginated",
+    // Custom margins for responsive layout mode (values in pixels)
+    // Only applies when layoutMode is 'responsive'
+    // Example: { top: 48, bottom: 48, left: 48, right: 48 }
+    layoutMargins: null
   };
   /**
    * @param {Config} config
@@ -17985,7 +18000,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.35.3";
+    this.version = "0.36.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{jszip-jKrsZoMS.es.js → jszip-CY0q2Bnp.es.js}

@@ -1,4 +1,4 @@
-import "./vue-CKmzTNVs.es.js";
+import "./vue-siHYWVb6.es.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }

package/dist/chunks/{jszip-BP2FTbpi.cjs → jszip-F-dEByfH.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-require("./vue-Cwv-wUpm.cjs");
+require("./vue-dM1GiXsI.cjs");
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }