@harbour-enterprises/superdoc 0.11.16 → 0.11.17

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { b as md, g as yd, c as bd, Q as jo, S as Wo, H as wd, d as Sd, D as Dd, M as vd, a as Fd } from "./chunks/super-editor.es-8iS3Aufz.es.js";
-import { O as Ib, L as Cb, U as fb } from "./chunks/super-editor.es-8iS3Aufz.es.js";
+import { b as md, g as yd, c as bd, Q as jo, S as Wo, H as wd, d as Sd, D as Dd, M as vd, a as Fd } from "./chunks/super-editor.es-DsIIP7Il.es.js";
+import { O as Ib, L as Cb, U as fb } from "./chunks/super-editor.es-DsIIP7Il.es.js";
 import { Y as Vl, r as W, Z as ui, p as Ge, _ as Vn, a as ae, $ as zn, a0 as ua, D as dt, i as ht, q as ji, l as wt, y as ke, a1 as kd, N as Zt, u as qt, a2 as xd, a3 as Rd, a4 as Xo, g as Ji, K as Us, O as jr, j as Ii, k as Di, h as da, U as Nd, s as Md, A as Wr, F as jt, R as GA, m as Ct, E as mi, I as ms, C as re, V as Ld, S as Gd, W as Td, J as qi, P as Es, G as ar, Q as Ud, H as Hd, T as Pd, b as ye, o as fe, t as yi, x as bi, z as zl, f as We, B as ri, e as Ze, v as hi, w as Qi, n as Xs, a5 as Zl, d as gn, c as $l, X as Od, a6 as Jd } from "./chunks/vue-DXpzqXur.es.js";
 import { B as qn } from "./chunks/jszip-DO3il9iI.es.js";
 import { B as Yd } from "./chunks/blank-docx-BRvkcuiv.es.js";
@@ -2126,7 +2126,7 @@ const Ri = /* @__PURE__ */ JA("superdoc", () => {
       left: Je
     };
   }, Me = (he, ce, De) => {
-    const Te = document.querySelectorAll(".comment-box"), Je = he.getBoundingClientRect(), qe = [];
+    const Te = document.querySelectorAll(".sd-comment-box"), Je = he.getBoundingClientRect(), qe = [];
     if (Te.forEach((Le) => {
       if (Le.dataset.id === ce.conversationId) return;
       const ot = Le.getBoundingClientRect();
@@ -10234,7 +10234,7 @@ const RQ = { class: "card-section comment-header" }, NQ = { class: "comment-head
         "is-pending-input": !0
       }, null, 8, ["config", "comment"])) : Ze("", !0),
       We("div", {
-        class: Xs(["comment-entry", { "input-active": n.isFocused }])
+        class: Xs(["comment-entry", { "sd-input-active": n.isFocused }])
       }, [
         bi(ke(wd), {
           class: "superdoc-field",
@@ -10248,7 +10248,7 @@ const RQ = { class: "card-section comment-header" }, NQ = { class: "comment-head
       ], 2)
     ]));
   }
-}, ul = /* @__PURE__ */ Mt(YQ, [["__scopeId", "data-v-76d953bd"]]), KQ = {
+}, ul = /* @__PURE__ */ Mt(YQ, [["__scopeId", "data-v-dd84b4db"]]), KQ = {
   key: 0,
   class: "existing-internal-input"
 }, _Q = {
@@ -10310,7 +10310,7 @@ const RQ = { class: "card-section comment-header" }, NQ = { class: "comment-head
     }), V = ae(() => r.comment.resolvedTime ? !0 : b.value.readOnly), $ = ae(() => (X) => O.value === X.commentId), q = ae(() => A.$superdoc.config.isInternal ? !y.value && !r.comment.trackedChange : !1), ee = ae(() => M.value && M.value !== "<p></p>"), te = () => {
       r.comment.resolvedTime || (D.value = r.comment.commentId, r.comment.setActive(A.$superdoc));
     }, se = (X) => {
-      X.target.classList.contains("n-dropdown-option-body__label") || X.target.classList.contains("comment-highlight") || (D.value === r.comment.commentId && (w.value = 0, i("dialog-exit")), D.value = null);
+      X.target.classList.contains("n-dropdown-option-body__label") || X.target.classList.contains("sd-editor-comment-highlight") || (D.value === r.comment.commentId && (w.value = 0, i("dialog-exit")), D.value = null);
     }, ne = () => {
       const X = {
         documentId: r.comment.fileId,
@@ -10471,7 +10471,7 @@ const RQ = { class: "card-section comment-header" }, NQ = { class: "comment-head
       ]);
     };
   }
-}, ir = /* @__PURE__ */ Mt(gm, [["__scopeId", "data-v-afaf943d"]]), hm = { class: "comments-list" }, um = { key: 0 }, dm = { class: "comment-item" }, Im = { key: 1 }, Cm = { class: "comment-item" }, fm = {
+}, ir = /* @__PURE__ */ Mt(gm, [["__scopeId", "data-v-92061859"]]), hm = { class: "comments-list" }, um = { key: 0 }, dm = { class: "comment-item" }, Im = { key: 1 }, Cm = { class: "comment-item" }, fm = {
   __name: "commentsList",
   props: {
     showMainComments: {
@@ -31591,7 +31591,7 @@ const M9 = '/**\n * @licstart The following is the entire license notice for the
       D.forEach((P) => P.destroy()), b.cleanup(), b.destroy(), D = [], b = null, URL.revokeObjectURL(i);
     };
     return Ii(async () => {
-      await Promise.resolve({                         }), await J(M);
+      await J(M);
     }), Od(() => {
       L();
     }), (P, K) => (fe(), ye("div", {
@@ -31613,7 +31613,7 @@ const M9 = '/**\n * @licstart The following is the entire license notice for the
       ]))
     ], 32));
   }
-}, U9 = /* @__PURE__ */ Mt(T9, [["__scopeId", "data-v-3543cd9d"]]), H9 = {
+}, U9 = /* @__PURE__ */ Mt(T9, [["__scopeId", "data-v-6d611c0c"]]), H9 = {
   class: "comments-container",
   id: "commentsContainer"
 }, P9 = { class: "comments-layer" }, O9 = ["onClick", "data-id"], J9 = {
@@ -31680,7 +31680,7 @@ const M9 = '/**\n * @licstart The following is the entire license notice for the
     }), (T, H) => (fe(), ye("div", H9, [
       We("div", P9, [
         (fe(!0), ye(jt, null, gn(J.value, (U) => (fe(), ye("div", {
-          class: "comment-anchor sd-highlight",
+          class: "sd-comment-anchor sd-highlight",
           onClick: Qi((S) => O(U), ["stop", "prevent"]),
           "data-id": U.commentId,
           style: ri(M(U))
@@ -31688,7 +31688,7 @@ const M9 = '/**\n * @licstart The following is the entire license notice for the
       ])
     ]));
   }
-}, Y9 = /* @__PURE__ */ Mt(J9, [["__scopeId", "data-v-fbd54adc"]]), K9 = { class: "sidebar-container calculation-container" }, _9 = ["id"], q9 = {
+}, Y9 = /* @__PURE__ */ Mt(J9, [["__scopeId", "data-v-0dbcad34"]]), K9 = { class: "sidebar-container calculation-container" }, _9 = ["id"], q9 = {
   __name: "FloatingComments",
   props: {
     currentDocument: {
@@ -32694,7 +32694,7 @@ class hb extends eg {
     this.config = {
       ...this.config,
       ...t
-    }, this.config.colors = NI(this.config.colors), this.userColorMap = /* @__PURE__ */ new Map(), this.colorIndex = 0, this.version = "0.11.16", console.debug("🦋 [superdoc] Using SuperDoc version:", this.version), this.superdocId = t.superdocId || ig(), this.colors = this.config.colors, this.#t(), await this.#r(this.config.modules), this.#i(), this.#s(), this.user = this.config.user, this.users = this.config.users || [], this.socket = null, this.isDev = this.config.isDev || !1, this.activeEditor = null, this.comments = [], this.app.mount(this.config.selector), this.readyEditors = 0, this.isLocked = this.config.isLocked || !1, this.lockedBy = this.config.lockedBy || null, this.#a(this);
+    }, this.config.colors = NI(this.config.colors), this.userColorMap = /* @__PURE__ */ new Map(), this.colorIndex = 0, this.version = "0.11.17", console.debug("🦋 [superdoc] Using SuperDoc version:", this.version), this.superdocId = t.superdocId || ig(), this.colors = this.config.colors, this.#t(), await this.#r(this.config.modules), this.#i(), this.#s(), this.user = this.config.user, this.users = this.config.users || [], this.socket = null, this.isDev = this.config.isDev || !1, this.activeEditor = null, this.comments = [], this.app.mount(this.config.selector), this.readyEditors = 0, this.isLocked = this.config.isLocked || !1, this.lockedBy = this.config.lockedBy || null, this.#a(this);
   }
   get requiredNumberOfEditors() {
     return this.superdocStore.documents.filter((t) => t.type === on).length;

package/dist/superdoc.umd.js

@@ -24022,7 +24022,7 @@ Actual: ` + p3.attribValue
         return;
       }
     }
-    static updateDocumentVersion(e = this.convertedXml, t = "0.11.16") {
+    static updateDocumentVersion(e = this.convertedXml, t = "0.11.17") {
       const n = "docProps/custom.xml";
       e[n] || (e[n] = Fu$2());
       const i3 = e["docProps/custom.xml"];
@@ -24285,7 +24285,7 @@ Actual: ` + p3.attribValue
   function Fu$2() {
     return Gf$1;
   }
-  function Bu$2(r22 = 2, e = "0.11.16") {
+  function Bu$2(r22 = 2, e = "0.11.17") {
     return {
       type: "element",
       name: "property",
@@ -36015,7 +36015,7 @@ Actual: ` + p3.attribValue
                   const H3 = z$1.inline(w, w + b.nodeSize, {
                     style: `background-color: ${B};`,
                     "data-thread-id": C3,
-                    class: "comment-highlight"
+                    class: "sd-editor-comment-highlight"
                   });
                   S && n !== C3 || u.push(H3);
                 });
@@ -36795,7 +36795,7 @@ Actual: ` + p3.attribValue
      * @returns {Y.Doc | undefined} Updated Y.Doc if any, otherwise undefined
      */
     processCollaborationMigrations() {
-      if (console.debug("[checkVersionMigrations] Current editor version", "0.11.16"), !this.options.ydoc) return;
+      if (console.debug("[checkVersionMigrations] Current editor version", "0.11.17"), !this.options.ydoc) return;
       let r = this.options.ydoc.getMap("meta").get("version");
       r || (r = "initial"), console.debug("[checkVersionMigrations] Document version", r);
       const o = dl$1(r) || [], s = this.state.plugins.find((c3) => c3.key.startsWith("y-sync"));
@@ -37800,7 +37800,7 @@ Actual: ` + p3.attribValue
     inclusive: false,
     addOptions() {
       return {
-        htmlAttributes: { class: "super-editor-ai" }
+        htmlAttributes: { class: "sd-editor-ai" }
       };
     },
     addAttributes() {
@@ -38794,7 +38794,7 @@ Actual: ` + p3.attribValue
           }
         },
         class: {
-          renderDOM: (t) => t.dropcap ? { class: "super-doc-dropcap" } : null
+          renderDOM: (t) => t.dropcap ? { class: "sd-editor-dropcap" } : null
         },
         styleId: {},
         attributes: {
@@ -39006,7 +39006,7 @@ Actual: ` + p3.attribValue
     excludes: "",
     addOptions() {
       return {
-        htmlAttributes: { class: "super-editor-comment" }
+        htmlAttributes: { class: "sd-editor-comment" }
       };
     },
     addAttributes() {
@@ -39037,7 +39037,7 @@ Actual: ` + p3.attribValue
     addOptions() {
       return {
         htmlAttributes: {
-          class: "super-doc-tab",
+          class: "sd-editor-tab",
           // this works together with content prop:
           // since tab can't have content inside but content prop is defined I have to manually add attribute
           contentEditable: false
@@ -39045,7 +39045,7 @@ Actual: ` + p3.attribValue
       };
     },
     parseDOM() {
-      return [{ tag: "span.super-doc-tab" }];
+      return [{ tag: "span.sd-editor-tab" }];
     },
     renderDOM({ htmlAttributes: t }) {
       return ["span", E$1.mergeAttributes(this.options.htmlAttributes, t), 0];
@@ -42443,7 +42443,7 @@ Actual: ` + p3.attribValue
     addOptions() {
       return {
         htmlAttributes: {
-          class: "super-editor-mention"
+          class: "sd-editor-mention"
         }
       };
     },
@@ -42516,7 +42516,7 @@ Actual: ` + p3.attribValue
     addOptions() {
       return {
         htmlAttributes: {
-          class: "pm-shape-container"
+          class: "sd-editor-shape-container"
         }
       };
     },
@@ -42562,7 +42562,7 @@ Actual: ` + p3.attribValue
     addOptions() {
       return {
         htmlAttributes: {
-          class: "pm-shape-textbox"
+          class: "sd-editor-shape-textbox"
         }
       };
     },
@@ -43268,7 +43268,7 @@ Actual: ` + p3.attribValue
         if (n.doc.textBetween(0, n.doc.content.size, " ", " ") !== "") return P.empty;
         const { $from: o } = n.selection, i3 = z$1.node(o.before(), o.after(), {
           "data-placeholder": this.options.placeholder,
-          class: "super-editor-placeholder"
+          class: "sd-editor-placeholder"
         });
         return P.create(n.doc, [i3]);
       };
@@ -45092,7 +45092,7 @@ Actual: ` + p3.attribValue
         const n22 = e22.key === "ArrowDown" || e22.key === "ArrowUp";
         this.tippyInstance.state.isVisible && n22 && (e22.preventDefault(), this.popover.firstChild.focus());
       });
-      this.editor = n, this.view = e, this.popover = document.createElement("div"), this.popover.className = "popover", document.body.appendChild(this.popover), this.tippyInstance = $r$1(this.popover, {
+      this.editor = n, this.view = e, this.popover = document.createElement("div"), this.popover.className = "sd-editor-popover", document.body.appendChild(this.popover), this.tippyInstance = $r$1(this.popover, {
         trigger: "manual",
         placement: "bottom-start",
         interactive: true,
@@ -45104,7 +45104,7 @@ Actual: ` + p3.attribValue
         onHide: () => {
           this.unbindKeyDownEvents();
         },
-        theme: "popover"
+        theme: "sd-editor-popover"
       });
     }
     bindKeyDownEvents() {
@@ -53064,7 +53064,7 @@ ${t}
             show: F3.expand.value,
             size: "medium",
             placement: "bottom-start",
-            class: "toolbar-button toolbar-dropdown",
+            class: "toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown",
             onSelect: (y, E3) => b(F3, E3),
             onClickoutside: v,
             style: normalizeStyle(F3.dropdownStyles.value)
@@ -53093,7 +53093,8 @@ ${t}
             _: 2
           }, 1032, ["options", "trigger", "show", "onSelect", "style"])) : a(F3) ? (openBlock(), createBlock(unref(ni), {
             key: 2,
-            trigger: "hover"
+            trigger: "hover",
+            class: "sd-editor-toolbar-tooltip"
           }, {
             trigger: withCtx(() => [
               createVNode(qn$1, {
@@ -53118,7 +53119,7 @@ ${t}
         ], 2))), 128))
       ], 4));
     }
-  }, Qt$1 = /* @__PURE__ */ Zk(E0, [["__scopeId", "data-v-85a28a08"]]), A0 = {
+  }, Qt$1 = /* @__PURE__ */ Zk(E0, [["__scopeId", "data-v-7a2db351"]]), A0 = {
     __name: "Toolbar",
     emits: ["command", "toggle", "select"],
     setup(e, { emit: t }) {
@@ -57726,7 +57727,7 @@ ${t}
       };
     };
     const checkOverlaps = (currentElement, dialog, doc2) => {
-      const currentDialogs = document.querySelectorAll(".comment-box");
+      const currentDialogs = document.querySelectorAll(".sd-comment-box");
       const currentBounds = currentElement.getBoundingClientRect();
       const overlaps = [];
       currentDialogs.forEach((d) => {
@@ -68480,7 +68481,7 @@ ${style2}
             "is-pending-input": true
           }, null, 8, ["config", "comment"])) : createCommentVNode("", true),
           createBaseVNode("div", {
-            class: normalizeClass(["comment-entry", { "input-active": __props.isFocused }])
+            class: normalizeClass(["comment-entry", { "sd-input-active": __props.isFocused }])
           }, [
             createVNode(unref(Ho), {
               class: "superdoc-field",
@@ -68496,7 +68497,7 @@ ${style2}
       };
     }
   };
-  const CommentInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-76d953bd"]]);
+  const CommentInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-dd84b4db"]]);
   const _hoisted_1$c = {
     key: 0,
     class: "existing-internal-input"
@@ -68621,7 +68622,7 @@ ${style2}
       };
       const handleClickOutside = (e) => {
         if (e.target.classList.contains("n-dropdown-option-body__label")) return;
-        if (e.target.classList.contains("comment-highlight")) return;
+        if (e.target.classList.contains("sd-editor-comment-highlight")) return;
         if (activeComment.value === props.comment.commentId) {
           floatingCommentsOffset.value = 0;
           emit2("dialog-exit");
@@ -68835,7 +68836,7 @@ ${style2}
       };
     }
   };
-  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-afaf943d"]]);
+  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-92061859"]]);
   const _hoisted_1$b = { class: "comments-list" };
   const _hoisted_2$6 = { key: 0 };
   const _hoisted_3$3 = { class: "comment-item" };
@@ -69093,7 +69094,6 @@ ${style2}
         URL.revokeObjectURL(workerUrl);
       };
       onMounted(async () => {
-        await Promise.resolve().then(() => pdf_viewer);
         await loadPDF(pdfData);
       });
       onUnmounted(() => {
@@ -69121,7 +69121,7 @@ ${style2}
       };
     }
   };
-  const PdfViewer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3543cd9d"]]);
+  const PdfViewer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6d611c0c"]]);
   const _hoisted_1$9 = {
     class: "comments-container",
     id: "commentsContainer"
@@ -69224,7 +69224,7 @@ ${style2}
           createBaseVNode("div", _hoisted_2$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(getCurrentComments.value, (conversation) => {
               return openBlock(), createElementBlock("div", {
-                class: "comment-anchor sd-highlight",
+                class: "sd-comment-anchor sd-highlight",
                 onClick: withModifiers(($event) => activateComment(conversation), ["stop", "prevent"]),
                 "data-id": conversation.commentId,
                 style: normalizeStyle(getStyle(conversation))
@@ -69235,7 +69235,7 @@ ${style2}
       };
     }
   };
-  const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-fbd54adc"]]);
+  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 _sfc_main$9 = {
@@ -70607,7 +70607,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.11.16";
+      this.version = "0.11.17";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;
@@ -71041,9 +71041,6 @@ ${style2}
       }
     }
   }
-  const pdf_viewer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null
-  }, Symbol.toStringTag, { value: "Module" }));
   exports2.BlankDOCX = BlankDOCX;
   exports2.DOCX = DOCX;
   exports2.Editor = Qi$1;