@harbour-enterprises/superdoc 0.14.0-next.2 → 0.14.0-next.21

package/dist/super-editor/toolbar.es.js

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-WyGfV3qj.js";
-import "./chunks/editor-DYjOoB1N.js";
+import { T } from "./chunks/toolbar-BCtZctWE.js";
+import "./chunks/editor-DD4MGOZb.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DFls-Ipj.cjs");
-require("./chunks/vue-HIY1g7dm.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DM3LYkiV.cjs");
+require("./chunks/vue-tQYF719J.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.BasicUpload = superEditor_es._sfc_main$1;
@@ -9,6 +9,7 @@ exports.CommentsPluginKey = superEditor_es.CommentsPluginKey;
 exports.DocxZipper = superEditor_es.DocxZipper;
 exports.Editor = superEditor_es.Editor;
 exports.Extensions = superEditor_es.Extensions;
+exports.SlashMenu = superEditor_es._sfc_main$5;
 exports.SuperConverter = superEditor_es.SuperConverter;
 exports.SuperEditor = superEditor_es.SuperEditor;
 exports.SuperInput = superEditor_es.SuperInput;

package/dist/super-editor.es.js

@@ -1,5 +1,5 @@
-import { A, a, _, C, D, E, b, S, c, d, e, T, f, g, i, h, j, k, l, m, n, o } from "./chunks/super-editor.es-C6TRTeBI.es.js";
-import "./chunks/vue-Bi1uWinj.es.js";
+import { A, a, _, C, D, E, b, c, S, d, e, f, T, g, h, i, j, k, l, m, n, o, p } from "./chunks/super-editor.es-Cu7C5Ezf.es.js";
+import "./chunks/vue-lU0o_RlU.es.js";
 export {
   A as AIWriter,
   a as AnnotatorHelpers,
@@ -8,19 +8,20 @@ export {
   D as DocxZipper,
   E as Editor,
   b as Extensions,
+  c as SlashMenu,
   S as SuperConverter,
-  c as SuperEditor,
-  d as SuperInput,
-  e as SuperToolbar,
+  d as SuperEditor,
+  e as SuperInput,
+  f as SuperToolbar,
   T as Toolbar,
-  f as TrackChangesBasePluginKey,
-  g as createZip,
+  g as TrackChangesBasePluginKey,
+  h as createZip,
   i as fieldAnnotationHelpers,
-  h as getActiveFormatting,
-  j as getAllowedImageDimensions,
-  k as getMarksFromSelection,
-  l as getRichTextExtensions,
-  m as getStarterExtensions,
-  n as helpers,
-  o as trackChangesHelpers
+  j as getActiveFormatting,
+  k as getAllowedImageDimensions,
+  l as getMarksFromSelection,
+  m as getRichTextExtensions,
+  n as getStarterExtensions,
+  o as helpers,
+  p as trackChangesHelpers
 };

package/dist/superdoc.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DFls-Ipj.cjs");
-const vue = require("./chunks/vue-HIY1g7dm.cjs");
-const jszip = require("./chunks/jszip-BTAcmbVg.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DM3LYkiV.cjs");
+const vue = require("./chunks/vue-tQYF719J.cjs");
+const jszip = require("./chunks/jszip-D5XoMX4C.cjs");
 const blankDocx = require("./chunks/blank-docx-CPqX9RF5.cjs");
-const eventemitter3 = require("./chunks/eventemitter3-DfVviFzP.cjs");
+const eventemitter3 = require("./chunks/eventemitter3-DGnD-HK9.cjs");
 const provider = require("@hocuspocus/provider");
 const Y = require("yjs");
 const uuid = require("./chunks/uuid-CQzaMNgL.cjs");
@@ -2172,8 +2172,8 @@ function useField(field) {
   const originalJSON = field;
   const fieldStyle = vue.reactive({
     fontFamily: field.fontfamily || "Arial",
-    fontSize: field.font_size || "12px",
-    originalFontSize: field.original_font_size || "12px"
+    fontSize: field.font_size || "12pt",
+    originalFontSize: field.original_font_size || "12pt"
   });
   const logicRules = vue.ref(field.logicrules);
   const hidden = vue.ref(false);
@@ -2445,7 +2445,7 @@ hasConf("production");
 const forceColor = isNode && isOneOf(vue.process$1.env.FORCE_COLOR, ["true", "1", "2"]);
 forceColor || !hasParam("--no-colors") && // @todo deprecate --no-colors
 !hasConf("no-color") && (!isNode || vue.process$1.stdout.isTTY) && (!isNode || hasParam("--color") || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
-const floor = Math.floor;
+const floor$1 = Math.floor;
 const min = (a, b) => a < b ? a : b;
 const max = (a, b) => a > b ? a : b;
 const pow = Math.pow;
@@ -2490,7 +2490,7 @@ const write = (encoder, num) => {
 const writeVarUint = (encoder, num) => {
   while (num > BITS7) {
     write(encoder, BIT8 | BITS7 & num);
-    num = floor(num / 128);
+    num = floor$1(num / 128);
   }
   write(encoder, BITS7 & num);
 };
@@ -2878,7 +2878,7 @@ class Awareness extends Observable {
       if (remove.length > 0) {
         removeAwarenessStates(this, remove, "timeout");
       }
-    }, floor(outdatedTimeout / 10));
+    }, floor$1(outdatedTimeout / 10));
     doc.on("destroy", () => {
       this.destroy();
     });
@@ -13335,7 +13335,6 @@ const style$2 = cB("icon", `
  display: inline-block;
  position: relative;
  fill: currentColor;
- transform: translateZ(0);
 `, [cM("color-transition", {
   transition: "color .3s var(--n-bezier)"
 }), cM("depth", {
@@ -14712,7 +14711,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1$g = { class: "user-container" };
-const _hoisted_2$a = ["src"];
+const _hoisted_2$9 = ["src"];
 const _hoisted_3$7 = {
   key: 1,
   class: "user-bg"
@@ -14737,14 +14736,14 @@ const _sfc_main$h = {
           key: 0,
           class: "user-bg",
           src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
-        }, null, 8, _hoisted_2$a)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))
+        }, null, 8, _hoisted_2$9)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))
       ]);
     };
   }
 };
 const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-53e13009"]]);
 const _hoisted_1$f = { class: "comment-option" };
-const _hoisted_2$9 = ["innerHTML"];
+const _hoisted_2$8 = ["innerHTML"];
 const _hoisted_3$6 = { class: "option-state" };
 const _hoisted_4$4 = ["innerHTML"];
 const _sfc_main$g = {
@@ -14828,7 +14827,7 @@ const _sfc_main$g = {
               vue.createBaseVNode("div", {
                 class: "active-icon",
                 innerHTML: activeIcon.value
-              }, null, 8, _hoisted_2$9),
+              }, null, 8, _hoisted_2$8),
               vue.createBaseVNode("div", _hoisted_3$6, vue.toDisplayString(getState.value), 1),
               vue.createBaseVNode("div", {
                 class: "dropdown-caret",
@@ -14857,7 +14856,7 @@ function formatDate(timestamp) {
   return formattedDate;
 }
 const _hoisted_1$e = { class: "card-section comment-header" };
-const _hoisted_2$8 = { class: "comment-header-left" };
+const _hoisted_2$7 = { class: "comment-header-left" };
 const _hoisted_3$5 = { class: "user-info" };
 const _hoisted_4$3 = { class: "user-name" };
 const _hoisted_5$2 = {
@@ -14953,7 +14952,7 @@ const _sfc_main$f = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
-        vue.createBaseVNode("div", _hoisted_2$8, [
+        vue.createBaseVNode("div", _hoisted_2$7, [
           vue.createVNode(Avatar, {
             user: getCurrentUser.value,
             class: "avatar"
@@ -15065,7 +15064,7 @@ const _hoisted_1$c = {
   key: 0,
   class: "existing-internal-input"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$6 = {
   key: 0,
   class: "card-section comment-body"
 };
@@ -15329,7 +15328,7 @@ const _sfc_main$d = {
               onReject: handleReject,
               onOverflowSelect: ($event) => handleOverflowSelect($event, comment)
             }, null, 8, ["config", "timestamp", "comment", "onOverflowSelect"]),
-            comment.trackedChange ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+            comment.trackedChange ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
               vue.createBaseVNode("div", _hoisted_3$4, [
                 vue.createBaseVNode("div", _hoisted_4$2, [
                   comment.trackedChangeType === "trackFormat" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
@@ -15402,7 +15401,7 @@ const _sfc_main$d = {
 };
 const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ff48cd67"]]);
 const _hoisted_1$b = { class: "comments-list" };
-const _hoisted_2$6 = { key: 0 };
+const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
 const _hoisted_4$1 = { key: 1 };
 const _hoisted_5 = { class: "comment-item" };
@@ -15436,7 +15435,7 @@ const _sfc_main$c = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-        __props.showMainComments ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
+        __props.showMainComments ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getGroupedComments).parentComments, (comment) => {
             return vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
               vue.createVNode(CommentDialog, { comment }, null, 8, ["comment"])
@@ -24407,13 +24406,13 @@ var __webpack_exports__$1 = globalThis.pdfjsLib = {};
         "./chunks/empty-lth7LH78.cjs"
       )), http = await Promise.resolve().then(() => require(
         /*webpackIgnore: true*/
-        "./chunks/index-Cdsq63Xq.cjs"
+        "./chunks/index-CgJ5KVh6.cjs"
       )).then((n) => n.index), https = await Promise.resolve().then(() => require(
         /*webpackIgnore: true*/
-        "./chunks/index-B4J7wgs6.cjs"
+        "./chunks/index-CCRVYhTn.cjs"
       )).then((n) => n.index), url = await Promise.resolve().then(() => require(
         /*webpackIgnore: true*/
-        "./chunks/url-BIzg4y2i.cjs"
+        "./chunks/url-BG1Z_Z2_.cjs"
       )).then((n) => n.url);
       let canvas, path2d;
       try {
@@ -46281,7 +46280,7 @@ const _hoisted_1$9 = {
   class: "comments-container",
   id: "commentsContainer"
 };
-const _hoisted_2$5 = { class: "comments-layer" };
+const _hoisted_2$4 = { class: "comments-layer" };
 const _hoisted_3$2 = ["onClick", "data-id"];
 const _sfc_main$a = {
   __name: "CommentsLayer",
@@ -46376,7 +46375,7 @@ const _sfc_main$a = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
-        vue.createBaseVNode("div", _hoisted_2$5, [
+        vue.createBaseVNode("div", _hoisted_2$4, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getCurrentComments.value, (conversation) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "sd-comment-anchor sd-highlight",
@@ -46392,7 +46391,7 @@ const _sfc_main$a = {
 };
 const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0dbcad34"]]);
 const _hoisted_1$8 = { class: "sidebar-container calculation-container" };
-const _hoisted_2$4 = ["id"];
+const _hoisted_2$3 = ["id"];
 const _sfc_main$9 = {
   __name: "FloatingComments",
   props: {
@@ -46528,7 +46527,7 @@ const _sfc_main$9 = {
                   parent: __props.parent,
                   comment
                 }, null, 8, ["parent", "comment"]))
-              ], 8, _hoisted_2$4)
+              ], 8, _hoisted_2$3)
             ]);
           }), 128))
         ]),
@@ -46593,7 +46592,6 @@ const _sfc_main$8 = {
 };
 const TextField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f3984d30"]]);
 const _hoisted_1$7 = ["innerHTML"];
-const _hoisted_2$3 = { key: 1 };
 const _sfc_main$7 = {
   __name: "ParagraphField",
   props: {
@@ -46613,24 +46611,24 @@ const _sfc_main$7 = {
     }
   },
   setup(__props) {
-    const props = __props;
     const getStyle = vue.computed(() => {
-      const fontSize2 = props.styleOverride?.originalFontSize || 120;
       return {
-        fontSize: `${fontSize2 / 10}px`
+        fontSize: "11pt"
       };
     });
     return (_ctx, _cache) => {
       return __props.field.value ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "paragraph-field",
-        style: vue.normalizeStyle(getStyle.value),
         innerHTML: __props.field.value
-      }, null, 12, _hoisted_1$7)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(__props.field.placeholder || __props.field.label), 1));
+      }, null, 8, _hoisted_1$7)) : (vue.openBlock(), vue.createElementBlock("span", {
+        key: 1,
+        style: vue.normalizeStyle(getStyle.value)
+      }, vue.toDisplayString(__props.field.placeholder || __props.field.label), 5));
     };
   }
 };
-const ParagraphField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-98d7a2df"]]);
+const ParagraphField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-512d3292"]]);
 const _hoisted_1$6 = ["src"];
 const _hoisted_2$2 = { key: 1 };
 const _sfc_main$6 = {
@@ -46706,6 +46704,11 @@ const _sfc_main$5 = {
     optionId: {
       type: String,
       required: true
+    },
+    styleOverride: {
+      type: Object,
+      required: false,
+      default: () => ({})
     }
   },
   setup(__props) {
@@ -46714,17 +46717,33 @@ const _sfc_main$5 = {
       const match2 = props.field.options.find((o) => o.annotationId.includes(props.optionId));
       return match2?.checked;
     });
+    const getPreviewStyle = vue.computed(() => {
+      const borderWidth = 2;
+      const width = Number.parseFloat(props.styleOverride?.coordinates?.minWidth || 0) - borderWidth + "px";
+      const height = Number.parseFloat(props.styleOverride?.coordinates?.minHeight || 0) - borderWidth + "px";
+      const fontSize2 = parseFloat(width) + "pt";
+      return {
+        width,
+        height,
+        fontSize: fontSize2
+      };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-        vue.createVNode(vue.unref(NCheckbox), {
+        props.isEditing ? (vue.openBlock(), vue.createBlock(vue.unref(NCheckbox), {
+          key: 0,
           checked: getValue2.value,
           disabled: !props.isEditing
-        }, null, 8, ["checked", "disabled"])
+        }, null, 8, ["checked", "disabled"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "checkbox-preview",
+          style: vue.normalizeStyle(getPreviewStyle.value)
+        }, vue.toDisplayString(getValue2.value ? "x" : ""), 5))
       ]);
     };
   }
 };
-const CheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fc53fd29"]]);
+const CheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-94bf1b6c"]]);
 const _hoisted_1$4 = { key: 0 };
 const _sfc_main$4 = {
   __name: "SelectField",
@@ -46760,6 +46779,10 @@ const _sfc_main$4 = {
   }
 };
 const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b8cacb22"]]);
+const floor = (val, precision) => {
+  const multiplier = 10 ** precision;
+  return Math.floor(val * multiplier) / multiplier;
+};
 const useHrbrFieldsStore = /* @__PURE__ */ defineStore("hrbr-fields", () => {
   const superdocStore = useSuperdocStore();
   const { documents, pages } = storeToRefs(superdocStore);
@@ -46806,8 +46829,9 @@ const useHrbrFieldsStore = /* @__PURE__ */ defineStore("hrbr-fields", () => {
         const pageLeft = pageBounds.left - bounds.left;
         const mappedCoordinates = _mapAnnotation(coordinates, scale, pageBottom, pageLeft);
         const annotationStyle = {
-          fontSize: annotation.original_font_size + "px",
-          originalFontSize: annotation.original_font_size,
+          fontSize: floor(annotation.original_font_size * scale, 2) + "pt",
+          fontFamily: annotation.fontfamily || "Arial",
+          originalFontSize: floor(annotation.original_font_size * scale, 2),
           coordinates: mappedCoordinates
         };
         const field = {
@@ -47067,32 +47091,11 @@ function useSelectedText(editorRef) {
     selectedText
   };
 }
-function useAi({ emitAiHighlight, activeEditorRef }) {
+function useAi({ activeEditorRef }) {
   const showAiLayer = vue.ref(false);
   const showAiWriter = vue.ref(false);
   const aiWriterPosition = vue.reactive({ top: 0, left: 0 });
   const aiLayer = vue.ref(null);
-  const handleAiHighlight = ({ type, data }) => {
-    if (!aiLayer.value) return;
-    const editor = activeEditorRef.value;
-    switch (type) {
-      case "add":
-        if (editor && !editor.isDestroyed) {
-          editor.commands.clearAiHighlightStyle();
-        }
-        aiLayer.value.addAiHighlight();
-        break;
-      case "remove":
-        if (editor && !editor.isDestroyed) {
-          editor.commands.clearAiHighlightStyle();
-        }
-        aiLayer.value.removeAiHighlight();
-        break;
-      case "update":
-        aiLayer.value.updateAiHighlight();
-        break;
-    }
-  };
   const showAiWriterAtCursor = () => {
     const editor = activeEditorRef.value;
     if (!editor || editor.isDestroyed) {
@@ -47103,7 +47106,7 @@ function useAi({ emitAiHighlight, activeEditorRef }) {
       const { view } = editor;
       const { selection } = view.state;
       if (!selection.empty) {
-        emitAiHighlight({ type: "add", data: null });
+        editor.commands.insertAiMark();
       }
       let coords;
       try {
@@ -47142,7 +47145,12 @@ function useAi({ emitAiHighlight, activeEditorRef }) {
     showAiLayer.value = value;
   };
   const handleAiToolClick = () => {
-    emitAiHighlight({ type: "add", data: null });
+    const editor = activeEditorRef.value;
+    if (!editor || editor.isDestroyed) {
+      console.error("[useAi] Editor not available");
+      return;
+    }
+    editor.commands.insertAiMark();
     showAiWriterAtCursor();
   };
   return {
@@ -47153,7 +47161,6 @@ function useAi({ emitAiHighlight, activeEditorRef }) {
     aiLayer,
     // Methods
     initAiLayer,
-    handleAiHighlight,
     showAiWriterAtCursor,
     handleAiWriterClose,
     handleAiToolClick
@@ -47222,11 +47229,9 @@ const _sfc_main = {
       aiWriterPosition,
       aiLayer,
       initAiLayer,
-      handleAiHighlight,
       handleAiWriterClose,
       handleAiToolClick
     } = useAi({
-      emitAiHighlight: (params2) => proxy.$superdoc.emit("ai-highlight", params2),
       activeEditorRef
     });
     const hrbrFieldsLayer = vue.ref(null);
@@ -47355,6 +47360,7 @@ const _sfc_main = {
         isInternal: proxy.$superdoc.config.isInternal,
         annotations: proxy.$superdoc.config.annotations,
         isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
+        isAiEnabled: proxy.$superdoc.config.modules?.ai,
         onBeforeCreate: onEditorBeforeCreate,
         onCreate: onEditorCreate,
         onDestroy: onEditorDestroy,
@@ -47423,11 +47429,9 @@ const _sfc_main = {
       if (isCommentsEnabled.value && !modules.comments.readOnly) {
         document.addEventListener("mousedown", handleDocumentMouseDown);
       }
-      proxy.$superdoc.on("ai-highlight", handleAiHighlight);
     });
     vue.onBeforeUnmount(() => {
       document.removeEventListener("mousedown", handleDocumentMouseDown);
-      proxy.$superdoc.off("ai-highlight", handleAiHighlight);
     });
     const selectionLayer = vue.ref(null);
     const isDragging = vue.ref(false);
@@ -47697,15 +47701,14 @@ const _sfc_main = {
             "handle-close": vue.unref(handleAiWriterClose),
             editor: vue.unref(proxy).$superdoc.activeEditor,
             "api-key": vue.unref(proxy).$superdoc.toolbar?.config?.aiApiKey,
-            endpoint: vue.unref(proxy).$superdoc.config?.modules?.ai?.endpoint,
-            onAiHighlight: vue.unref(handleAiHighlight)
-          }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint", "onAiHighlight"])
+            endpoint: vue.unref(proxy).$superdoc.config?.modules?.ai?.endpoint
+          }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint"])
         ], 4)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cce6555f"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1c59a62"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -47804,7 +47807,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.14.0-next.2";
+    this.version = "0.14.0-next.21";
     console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -48047,6 +48050,19 @@ class SuperDoc extends eventemitter3.EventEmitter {
       doc.rulers = this.config.rulers;
     });
   }
+  /**
+   * Toggle pagination for SuperEditors
+   * @returns {void}
+   */
+  togglePagination() {
+    this.config.pagination = !this.config.pagination;
+    this.superdocStore.documents.forEach((doc) => {
+      const editor = doc.getEditor();
+      if (editor) {
+        editor.commands.togglePagination();
+      }
+    });
+  }
   #addToolbar() {
     const moduleConfig = this.config.modules?.toolbar || {};
     this.toolbarElement = this.config.modules?.toolbar?.selector || this.config.toolbar;
@@ -48070,9 +48086,6 @@ class SuperDoc extends eventemitter3.EventEmitter {
     };
     this.toolbar = new superEditor_es.SuperToolbar(config);
     this.toolbar.on("superdoc-command", this.onToolbarCommand.bind(this));
-    this.toolbar.on("ai-highlight", ({ type, data }) => {
-      this.emit("ai-highlight", { type, data });
-    });
     this.once("editorCreate", () => this.toolbar.updateToolbarState());
   }
   /**