@harbour-enterprises/superdoc 0.18.0 → 0.18.1-next.2

package/dist/chunks/{PdfViewer-nEK0Vfg8.es.js → PdfViewer-BM7Ea3yr.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-C5Pduo01.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-CyUWXfUG.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-DaCVS3a7.cjs → PdfViewer-DPqO7muc.cjs}

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

package/dist/chunks/{index-liKutwiS.cjs → index-CPLP-MPz.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-C6AwTfxt.cjs");
+const superEditor_es = require("./super-editor.es-BSOX4l_Z.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -6517,7 +6517,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector();
+  return selector() || null;
 }
 const LazyTeleport = vue.defineComponent({
   name: "LazyTeleport",
@@ -6605,8 +6605,11 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
+  // top++
   bottom: false,
+  // top--
   left: true,
+  // left++
   right: false
   // left--
 };
@@ -7723,7 +7726,6 @@ 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;
@@ -7742,8 +7744,8 @@ const FocusTrap = vue.defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: String,
-    finalFocusTo: String,
+    initialFocusTo: [String, Function],
+    finalFocusTo: [String, Function],
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10526,6 +10528,7 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
+  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12041,11 +12044,14 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = {
+const popoverLight = createTheme({
   name: "Popover",
   common: derived,
+  peers: {
+    Scrollbar: scrollbarLight
+  },
   self: self$5
-};
+});
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12265,9 +12271,11 @@ const NPopoverBody = vue.defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedRtlRef
     } = 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);
@@ -12465,6 +12473,8 @@ 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
           }, {
@@ -12480,7 +12490,7 @@ const NPopoverBody = vue.defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = vue.h("div", vue.mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          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}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12504,7 +12514,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`, 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`, (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`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -14955,7 +14965,8 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius
+    borderRadius,
+    border: "0"
   });
 }
 const messageLight = {
@@ -15006,6 +15017,7 @@ 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);
@@ -15124,6 +15136,7 @@ const NMessage = vue.defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
+          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15167,7 +15180,8 @@ 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-radius": borderRadius,
+        "--n-border": border
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", vue.computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17265,7 +17279,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DaCVS3a7.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DPqO7muc.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17909,7 +17923,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.17.3";
+    this.version = "0.19.0-next.0";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-C5Pduo01.es.js → index-CyUWXfUG.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-BJ3WXpls.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-CzgdqA6a.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";
@@ -6500,7 +6500,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector();
+  return selector() || null;
 }
 const LazyTeleport = defineComponent({
   name: "LazyTeleport",
@@ -6588,8 +6588,11 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
+  // top++
   bottom: false,
+  // top--
   left: true,
+  // left++
   right: false
   // left--
 };
@@ -7706,7 +7709,6 @@ 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;
@@ -7725,8 +7727,8 @@ const FocusTrap = defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: String,
-    finalFocusTo: String,
+    initialFocusTo: [String, Function],
+    finalFocusTo: [String, Function],
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10509,6 +10511,7 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
+  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12024,11 +12027,14 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = {
+const popoverLight = createTheme({
   name: "Popover",
   common: derived,
+  peers: {
+    Scrollbar: scrollbarLight
+  },
   self: self$5
-};
+});
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12248,9 +12254,11 @@ const NPopoverBody = defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedRtlRef
     } = 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);
@@ -12448,6 +12456,8 @@ 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
           }, {
@@ -12463,7 +12473,7 @@ const NPopoverBody = defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = h("div", mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          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}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12487,7 +12497,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`, 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`, (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`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -14938,7 +14948,8 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius
+    borderRadius,
+    border: "0"
   });
 }
 const messageLight = {
@@ -14989,6 +15000,7 @@ 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);
@@ -15107,6 +15119,7 @@ const NMessage = defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
+          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15150,7 +15163,8 @@ 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-radius": borderRadius,
+        "--n-border": border
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17248,7 +17262,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-nEK0Vfg8.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BM7Ea3yr.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17892,7 +17906,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.17.3";
+    this.version = "0.19.0-next.0";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;