@harbour-enterprises/superdoc 0.20.2 → 0.21.0-RC2

package/dist/chunks/{PdfViewer-BceCsygM.es.js → PdfViewer-CbGuPQY8.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, B as h, O as Transition, $ as process$1, I as watchEffect, d as computed, r as ref, j as onMounted, W as onUnmounted, c as createElementBlock, o as openBlock, a as createBaseVNode, f as createCommentVNode, v as createVNode, x as unref } from "./vue-CXxsqYcP.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-C0kV6dM8.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-qjntJEk0.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-BhwyCIho.cjs → PdfViewer-DGbJ8_qc.cjs}

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

package/dist/chunks/{index-B6tAKGVb.cjs → index-ecl0ZFNw.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-Dzt_HBkR.cjs");
+const superEditor_es = require("./super-editor.es-CS5l-cVZ.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -4309,7 +4309,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     debounceTimers[commentId] = setTimeout(() => {
       if (superdoc2) {
-        console.debug("[debounceEmit] tracked change update emitting...", event);
         superdoc2.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
@@ -4317,7 +4316,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const showAddComment = (superdoc2) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    console.debug("[showAddComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     const selection = { ...superdocStore.activeSelection };
     selection.selectionBounds = { ...selection.selectionBounds };
@@ -4418,7 +4416,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
     syncCommentsToClients(superdoc2, event);
-    console.debug("[addComment] emitting...", event);
     superdoc2.emit("comments-update", event);
   };
   const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
@@ -4435,7 +4432,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    console.debug("[deleteComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     syncCommentsToClients(superdoc2, event);
   };
@@ -4444,7 +4440,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
-    console.debug("[processLoadedDocxComments] processing comments...", comments);
     comments.forEach((comment) => {
       const htmlContent = getHTmlFromComment(comment.textJson);
       if (!htmlContent && !comment.trackedChange) {
@@ -6624,7 +6619,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector() || null;
+  return selector();
 }
 const LazyTeleport = vue.defineComponent({
   name: "LazyTeleport",
@@ -6712,11 +6707,8 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
-  // top++
   bottom: false,
-  // top--
   left: true,
-  // left++
   right: false
   // left--
 };
@@ -7833,6 +7825,7 @@ function isFocusable(element) {
       return !!element.href && element.rel !== "ignore";
     case "INPUT":
       return element.type !== "hidden" && element.type !== "file";
+    case "BUTTON":
     case "SELECT":
     case "TEXTAREA":
       return true;
@@ -7851,8 +7844,8 @@ const FocusTrap = vue.defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: [String, Function],
-    finalFocusTo: [String, Function],
+    initialFocusTo: String,
+    finalFocusTo: String,
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10635,7 +10628,6 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
-  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12151,14 +12143,11 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = createTheme({
+const popoverLight = {
   name: "Popover",
   common: derived,
-  peers: {
-    Scrollbar: scrollbarLight
-  },
   self: self$5
-});
+};
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12378,11 +12367,9 @@ const NPopoverBody = vue.defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled,
-      mergedRtlRef
+      inlineThemeDisabled
     } = useConfig(props);
     const themeRef = useTheme("Popover", "-popover", style$4, popoverLight, props, mergedClsPrefixRef);
-    const rtlEnabledRef = useRtl("Popover", mergedRtlRef, mergedClsPrefixRef);
     const followerRef = vue.ref(null);
     const NPopover2 = vue.inject("NPopover");
     const bodyRef = vue.ref(null);
@@ -12580,8 +12567,6 @@ const NPopoverBody = vue.defineComponent({
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? vue.h(XScrollbar, {
-            themeOverrides: themeRef.value.peerOverrides.Scrollbar,
-            theme: themeRef.value.peers.Scrollbar,
             contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
             contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
           }, {
@@ -12597,7 +12582,7 @@ const NPopoverBody = vue.defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = vue.h("div", vue.mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12621,7 +12606,7 @@ const NPopoverBody = vue.defineComponent({
           // The popover class and overlap class must exists, they will be used
           // to place the body & transition animation.
           // Shadow class exists for reuse box-shadow.
-          [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+          [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -15072,8 +15057,7 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius,
-    border: "0"
+    borderRadius
   });
 }
 const messageLight = {
@@ -15124,7 +15108,6 @@ const style = c$1([cB("message-wrapper", `
  margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding);
  border-radius: var(--n-border-radius);
- border: var(--n-border);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
@@ -15243,7 +15226,6 @@ const NMessage = vue.defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
-          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15287,8 +15269,7 @@ const NMessage = vue.defineComponent({
         "--n-close-icon-color-pressed": closeIconColorPressed,
         "--n-close-icon-color-hover": closeIconColorHover,
         "--n-line-height": lineHeight2,
-        "--n-border-radius": borderRadius,
-        "--n-border": border
+        "--n-border-radius": borderRadius
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", vue.computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17386,7 +17367,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BhwyCIho.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DGbJ8_qc.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18030,7 +18011,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.20.1";
+    this.version = "0.21.0-RC2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-C0kV6dM8.es.js → index-qjntJEk0.es.js}

@@ -1,4 +1,4 @@
-import { q as index$1, 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-BollA_Sr.es.js";
+import { q as index$1, 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-BF_Xaucb.es.js";
 import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, d as computed, a2 as isRef, a3 as isReactive, C 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, J as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, z as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, D as provide, H as withDirectives, B as h, U as Teleport, R as renderSlot, V as isVNode, I as watchEffect, O as Transition, a8 as TransitionGroup, E as mergeProps, P as vShow, G as cloneVNode, T as Text, c as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, y as withCtx, a as createBaseVNode, A as normalizeStyle, f as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, e as renderList, b as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CXxsqYcP.es.js";
 import { B as Buffer$2 } from "./jszip-B8KIZSNe.es.js";
 import { B as BlankDOCX } from "./blank-docx-iwdyG9RH.es.js";
@@ -4292,7 +4292,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     debounceTimers[commentId] = setTimeout(() => {
       if (superdoc2) {
-        console.debug("[debounceEmit] tracked change update emitting...", event);
         superdoc2.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
@@ -4300,7 +4299,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const showAddComment = (superdoc2) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    console.debug("[showAddComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     const selection = { ...superdocStore.activeSelection };
     selection.selectionBounds = { ...selection.selectionBounds };
@@ -4401,7 +4399,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
     syncCommentsToClients(superdoc2, event);
-    console.debug("[addComment] emitting...", event);
     superdoc2.emit("comments-update", event);
   };
   const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
@@ -4418,7 +4415,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    console.debug("[deleteComment] emitting...", event);
     superdoc2.emit("comments-update", event);
     syncCommentsToClients(superdoc2, event);
   };
@@ -4427,7 +4423,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   };
   const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
-    console.debug("[processLoadedDocxComments] processing comments...", comments);
     comments.forEach((comment) => {
       const htmlContent = getHTmlFromComment(comment.textJson);
       if (!htmlContent && !comment.trackedChange) {
@@ -6607,7 +6602,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector() || null;
+  return selector();
 }
 const LazyTeleport = defineComponent({
   name: "LazyTeleport",
@@ -6695,11 +6690,8 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
-  // top++
   bottom: false,
-  // top--
   left: true,
-  // left++
   right: false
   // left--
 };
@@ -7816,6 +7808,7 @@ function isFocusable(element) {
       return !!element.href && element.rel !== "ignore";
     case "INPUT":
       return element.type !== "hidden" && element.type !== "file";
+    case "BUTTON":
     case "SELECT":
     case "TEXTAREA":
       return true;
@@ -7834,8 +7827,8 @@ const FocusTrap = defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: [String, Function],
-    finalFocusTo: [String, Function],
+    initialFocusTo: String,
+    finalFocusTo: String,
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10618,7 +10611,6 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
-  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12134,14 +12126,11 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = createTheme({
+const popoverLight = {
   name: "Popover",
   common: derived,
-  peers: {
-    Scrollbar: scrollbarLight
-  },
   self: self$5
-});
+};
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12361,11 +12350,9 @@ const NPopoverBody = defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled,
-      mergedRtlRef
+      inlineThemeDisabled
     } = useConfig(props);
     const themeRef = useTheme("Popover", "-popover", style$4, popoverLight, props, mergedClsPrefixRef);
-    const rtlEnabledRef = useRtl("Popover", mergedRtlRef, mergedClsPrefixRef);
     const followerRef = ref(null);
     const NPopover2 = inject("NPopover");
     const bodyRef = ref(null);
@@ -12563,8 +12550,6 @@ const NPopoverBody = defineComponent({
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? h(XScrollbar, {
-            themeOverrides: themeRef.value.peerOverrides.Scrollbar,
-            theme: themeRef.value.peers.Scrollbar,
             contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
             contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
           }, {
@@ -12580,7 +12565,7 @@ const NPopoverBody = defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = h("div", mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12604,7 +12589,7 @@ const NPopoverBody = defineComponent({
           // The popover class and overlap class must exists, they will be used
           // to place the body & transition animation.
           // Shadow class exists for reuse box-shadow.
-          [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+          [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -15055,8 +15040,7 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius,
-    border: "0"
+    borderRadius
   });
 }
 const messageLight = {
@@ -15107,7 +15091,6 @@ const style = c$1([cB("message-wrapper", `
  margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding);
  border-radius: var(--n-border-radius);
- border: var(--n-border);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
@@ -15226,7 +15209,6 @@ const NMessage = defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
-          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15270,8 +15252,7 @@ const NMessage = defineComponent({
         "--n-close-icon-color-pressed": closeIconColorPressed,
         "--n-close-icon-color-hover": closeIconColorHover,
         "--n-line-height": lineHeight2,
-        "--n-border-radius": borderRadius,
-        "--n-border": border
+        "--n-border-radius": borderRadius
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17369,7 +17350,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BceCsygM.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CbGuPQY8.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18013,7 +17994,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.20.1";
+    this.version = "0.21.0-RC2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;