v-notion-editor 0.2.72 → 0.2.73

package/components/NotionEditor.vue.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     extensions?: any;
     isCanvas?: boolean;
     outputFormat?: "html" | "json";
+    zoom?: number;
 }>, {
     showDragHandle: boolean;
     showBubbleMenu: boolean;
@@ -27,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     extensions: () => any[];
     isCanvas: boolean;
     outputFormat: string;
+    zoom: number;
 }>>, {
     editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor, import('@tiptap/vue-3').Editor>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -46,6 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     extensions?: any;
     isCanvas?: boolean;
     outputFormat?: "html" | "json";
+    zoom?: number;
 }>, {
     showDragHandle: boolean;
     showBubbleMenu: boolean;
@@ -53,6 +56,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     extensions: () => any[];
     isCanvas: boolean;
     outputFormat: string;
+    zoom: number;
 }>>> & Readonly<{
     onOnFocus?: () => any;
     onOnBlur?: () => any;
@@ -65,6 +69,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     slashCommand: boolean;
     extensions: any;
     outputFormat: "html" | "json";
+    zoom: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/{index-XXpOv34Z.js → index-DQq6Hesk.js}

@@ -1,7 +1,7 @@
 var Gk = Object.defineProperty;
 var Yk = (t, e, n) => e in t ? Gk(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var As = (t, e, n) => Yk(t, typeof e != "symbol" ? e + "" : e, n);
-import { defineComponent as Te, computed as Se, createElementBlock as re, openBlock as U, ref as se, onMounted as qt, onBeforeUnmount as ao, h as Xr, Teleport as Fp, normalizeClass as Le, createBlock as we, createCommentVNode as le, renderSlot as nr, createTextVNode as Hp, toDisplayString as Fl, nextTick as cn, watch as Tn, withDirectives as Up, createElementVNode as V, withModifiers as xt, createVNode as me, withKeys as Tu, vModelText as Vp, onUnmounted as lo, normalizeProps as el, guardReactiveProps as tl, unref as Ie, resolveDynamicComponent as L2, withCtx as qe, normalizeStyle as Gt, Fragment as dn, renderList as Cr, mergeProps as Wd, createSlots as B2, provide as x1, markRaw as P2, reactive as ph, render as k1, shallowRef as Xk, getCurrentInstance as Jk, watchEffect as Zk, toRaw as Qk, customRef as e7 } from "vue";
+import { defineComponent as Te, computed as Se, createElementBlock as re, openBlock as U, ref as se, onMounted as Wt, onBeforeUnmount as ao, h as Xr, Teleport as Fp, normalizeClass as Le, createBlock as we, createCommentVNode as le, renderSlot as nr, createTextVNode as Hp, toDisplayString as Fl, nextTick as cn, watch as Tn, withDirectives as Up, createElementVNode as V, withModifiers as xt, createVNode as me, withKeys as Tu, vModelText as Vp, onUnmounted as lo, normalizeProps as el, guardReactiveProps as tl, unref as Ie, resolveDynamicComponent as L2, withCtx as qe, normalizeStyle as Vt, Fragment as dn, renderList as Cr, mergeProps as Wd, createSlots as B2, provide as x1, markRaw as P2, reactive as ph, render as k1, shallowRef as Xk, getCurrentInstance as Jk, watchEffect as Zk, toRaw as Qk, customRef as e7 } from "vue";
 const Io = {
   "align-left": `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <line x1="21" x2="3" y1="6" y2="6" stroke="currentColor" stroke-width="2"/>
@@ -3754,7 +3754,7 @@ function P7(t, e, n, r, i) {
     throw new RangeError("Invalid content for node type " + n.name);
   t.step(new Et(e, e + s.nodeSize, e + 1, e + s.nodeSize - 1, new Z(H.from(o), 0, 0), 1, !0));
 }
-function Vt(t, e, n = 1, r) {
+function qt(t, e, n = 1, r) {
   let i = t.resolve(e), s = i.depth - n, o = r && r[r.length - 1] || i.parent;
   if (s < 0 || i.parent.type.spec.isolating || !i.parent.canReplace(i.index(), i.parent.childCount) || !o.type.validContent(i.parent.content.cutByIndex(i.index(), i.parent.childCount)))
     return !1;
@@ -5482,7 +5482,7 @@ const nm = (t, e) => {
     return !1;
   if (n.depth > 1 && n.after() != n.end(-1)) {
     let s = n.before();
-    if (Vt(t.doc, s))
+    if (qt(t.doc, s))
       return e && e(t.tr.split(s).scrollIntoView()), !0;
   }
   let r = n.blockRange(), i = r && vs(r);
@@ -5492,7 +5492,7 @@ function J7(t) {
   return (e, n) => {
     let { $from: r, $to: i } = e.selection;
     if (e.selection instanceof ae && e.selection.node.isBlock)
-      return !r.parentOffset || !Vt(e.doc, r.pos) ? !1 : (n && n(e.tr.split(r.pos).scrollIntoView()), !0);
+      return !r.parentOffset || !qt(e.doc, r.pos) ? !1 : (n && n(e.tr.split(r.pos).scrollIntoView()), !0);
     if (!r.depth)
       return !1;
     let s = [], o, a, l = !1, c = !1;
@@ -5507,8 +5507,8 @@ function J7(t) {
       }
     let u = e.tr;
     (e.selection instanceof Q || e.selection instanceof Jt) && u.deleteSelection();
-    let d = u.mapping.map(r.pos), f = Vt(u.doc, d, s.length, s);
-    if (f || (s[0] = a ? { type: a } : null, f = Vt(u.doc, d, s.length, s)), !f)
+    let d = u.mapping.map(r.pos), f = qt(u.doc, d, s.length, s);
+    if (f || (s[0] = a ? { type: a } : null, f = qt(u.doc, d, s.length, s)), !f)
       return !1;
     if (u.split(d, s.length, s), !l && c && r.node(o).type != a) {
       let h = u.mapping.map(r.before(o)), p = u.doc.resolve(h);
@@ -5654,7 +5654,7 @@ function t8(t, e, n, r, i) {
     n[u].type == i && (o = u + 1);
   let a = n.length - o, l = e.start + n.length - (r ? 2 : 0), c = e.parent;
   for (let u = e.startIndex, d = e.endIndex, f = !0; u < d; u++, f = !1)
-    !f && Vt(t.doc, l, a) && (t.split(l, a), l += 2 * a), l += c.child(u).nodeSize;
+    !f && qt(t.doc, l, a) && (t.split(l, a), l += 2 * a), l += c.child(u).nodeSize;
   return t;
 }
 function cm(t) {
@@ -8322,7 +8322,7 @@ class Fe {
   you must make a copy if you want need to preserve that.
   */
   static create(e, n) {
-    return n.length ? Lu(n, e, 0, Us) : Kt;
+    return n.length ? Lu(n, e, 0, Us) : Gt;
   }
   /**
   Find all decorations in this set which touch the given range
@@ -8352,7 +8352,7 @@ class Fe {
   document.
   */
   map(e, n, r) {
-    return this == Kt || e.maps.length == 0 ? this : this.mapInner(e, n, 0, 0, r || Us);
+    return this == Gt || e.maps.length == 0 ? this : this.mapInner(e, n, 0, 0, r || Us);
   }
   /**
   @internal
@@ -8363,7 +8363,7 @@ class Fe {
       let l = this.local[a].map(e, r, i);
       l && l.type.valid(n, l) ? (o || (o = [])).push(l) : s.onRemove && s.onRemove(this.local[a].spec);
     }
-    return this.children.length ? wS(this.children, o || [], e, n, r, i, s) : o ? new Fe(o.sort(Vs), Co) : Kt;
+    return this.children.length ? wS(this.children, o || [], e, n, r, i, s) : o ? new Fe(o.sort(Vs), Co) : Gt;
   }
   /**
   Add the given array of decorations to the ones in the set,
@@ -8372,7 +8372,7 @@ class Fe {
   structure.
   */
   add(e, n) {
-    return n.length ? this == Kt ? Fe.create(e, n) : this.addInner(e, n, 0) : this;
+    return n.length ? this == Gt ? Fe.create(e, n) : this.addInner(e, n, 0) : this;
   }
   addInner(e, n, r) {
     let i, s = 0;
@@ -8394,7 +8394,7 @@ class Fe {
   the ones in the given array.
   */
   remove(e) {
-    return e.length == 0 || this == Kt ? this : this.removeInner(e, 0);
+    return e.length == 0 || this == Gt ? this : this.removeInner(e, 0);
   }
   removeInner(e, n) {
     let r = this.children, i = this.local;
@@ -8406,7 +8406,7 @@ class Fe {
         continue;
       r == this.children && (r = this.children.slice());
       let c = r[s + 2].removeInner(o, a + 1);
-      c != Kt ? r[s + 2] = c : (r.splice(s, 3), s -= 3);
+      c != Gt ? r[s + 2] = c : (r.splice(s, 3), s -= 3);
     }
     if (i.length) {
       for (let s = 0, o; s < e.length; s++)
@@ -8414,10 +8414,10 @@ class Fe {
           for (let a = 0; a < i.length; a++)
             i[a].eq(o, n) && (i == this.local && (i = this.local.slice()), i.splice(a--, 1));
     }
-    return r == this.children && i == this.local ? this : i.length || r.length ? new Fe(i, r) : Kt;
+    return r == this.children && i == this.local ? this : i.length || r.length ? new Fe(i, r) : Gt;
   }
   forChild(e, n) {
-    if (this == Kt)
+    if (this == Gt)
       return this;
     if (n.isLeaf)
       return Fe.empty;
@@ -8439,7 +8439,7 @@ class Fe {
       let a = new Fe(i.sort(Vs), Co);
       return r ? new Gi([a, r]) : a;
     }
-    return r || Kt;
+    return r || Gt;
   }
   /**
   @internal
@@ -8467,7 +8467,7 @@ class Fe {
   @internal
   */
   localsInner(e) {
-    if (this == Kt)
+    if (this == Gt)
       return Co;
     if (e.inlineContent || !this.local.some(as.is))
       return this.local;
@@ -8482,7 +8482,7 @@ class Fe {
 }
 Fe.empty = new Fe([], []);
 Fe.removeOverlap = ym;
-const Kt = Fe.empty;
+const Gt = Fe.empty;
 class Gi {
   constructor(e) {
     this.members = e;
@@ -8497,7 +8497,7 @@ class Gi {
     let r = [];
     for (let i = 0; i < this.members.length; i++) {
       let s = this.members[i].forChild(e, n);
-      s != Kt && (s instanceof Gi ? r = r.concat(s.members) : r.push(s));
+      s != Gt && (s instanceof Gi ? r = r.concat(s.members) : r.push(s));
     }
     return Gi.from(r);
   }
@@ -8529,7 +8529,7 @@ class Gi {
   static from(e) {
     switch (e.length) {
       case 0:
-        return Kt;
+        return Gt;
       case 1:
         return e[0];
       default:
@@ -8572,7 +8572,7 @@ function wS(t, e, n, r, i, s, o) {
       let f = n.map(t[c + 1] + s, -1), h = f - i, { index: p, offset: m } = r.content.findIndex(d), g = r.maybeChild(p);
       if (g && m == d && m + g.nodeSize == h) {
         let b = a[c + 2].mapInner(n, g, u + 1, t[c] + s + 1, o);
-        b != Kt ? (a[c] = d, a[c + 1] = h, a[c + 2] = b) : (a[c + 1] = -2, l = !0);
+        b != Gt ? (a[c] = d, a[c + 1] = h, a[c + 2] = b) : (a[c + 1] = -2, l = !0);
       } else
         l = !0;
     }
@@ -8634,13 +8634,13 @@ function Lu(t, e, n, r) {
     if (c) {
       s = !0;
       let u = Lu(c, a, n + l + 1, r);
-      u != Kt && i.push(l, l + a.nodeSize, u);
+      u != Gt && i.push(l, l + a.nodeSize, u);
     }
   });
   let o = J4(s ? Q4(t) : t, -n).sort(Vs);
   for (let a = 0; a < o.length; a++)
     o[a].type.valid(e, o[a]) || (r.onRemove && r.onRemove(o[a].spec), o.splice(a--, 1));
-  return o.length || i.length ? new Fe(o, i) : Kt;
+  return o.length || i.length ? new Fe(o, i) : Gt;
 }
 function Vs(t, e) {
   return t.from - e.from || t.to - e.to;
@@ -8672,7 +8672,7 @@ function cf(t) {
   let e = [];
   return t.someProp("decorations", (n) => {
     let r = n(t.state);
-    r && r != Kt && e.push(r);
+    r && r != Gt && e.push(r);
   }), t.cursorWrapper && e.push(Fe.create(t.state.doc, [t.cursorWrapper.deco])), Gi.from(e);
 }
 const kS = {
@@ -10838,7 +10838,7 @@ function Ab(t, e) {
 var tC = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor: i }) => {
   const { selection: s, doc: o } = e, { $from: a, $to: l } = s, c = i.extensionManager.attributes, u = cu(c, a.node().type.name, a.node().attrs);
   if (s instanceof ae && s.node.isBlock)
-    return !a.parentOffset || !Vt(o, a.pos) ? !1 : (r && (t && Ab(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
+    return !a.parentOffset || !qt(o, a.pos) ? !1 : (r && (t && Ab(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
   if (!a.parent.isBlock)
     return !1;
   const d = l.parentOffset === l.parent.content.size, f = a.depth === 0 ? void 0 : Cm(a.node(-1).contentMatchAt(a.indexAfter(-1)));
@@ -10847,8 +10847,8 @@ var tC = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
       type: f,
       attrs: u
     }
-  ] : void 0, p = Vt(e.doc, e.mapping.map(a.pos), 1, h);
-  if (!h && !p && Vt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
+  ] : void 0, p = qt(e.doc, e.mapping.map(a.pos), 1, h);
+  if (!h && !p && qt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
     {
       type: f,
       attrs: u
@@ -10909,7 +10909,7 @@ var tC = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
     { type: a, attrs: p },
     { type: h, attrs: m }
   ] : [{ type: a, attrs: p }];
-  if (!Vt(n.doc, l.pos, 2))
+  if (!qt(n.doc, l.pos, 2))
     return !1;
   if (i) {
     const { selection: b, storedMarks: x } = r, { splittableMarks: S } = s.extensionManager, y = x || b.$to.parentOffset && b.$from.marks();
@@ -15256,7 +15256,7 @@ function zb(t, e) {
 var I9 = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor: i }) => {
   const { selection: s, doc: o } = e, { $from: a, $to: l } = s, c = i.extensionManager.attributes, u = du(c, a.node().type.name, a.node().attrs);
   if (s instanceof ae && s.node.isBlock)
-    return !a.parentOffset || !Vt(o, a.pos) ? !1 : (r && (t && zb(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
+    return !a.parentOffset || !qt(o, a.pos) ? !1 : (r && (t && zb(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
   if (!a.parent.isBlock)
     return !1;
   const d = l.parentOffset === l.parent.content.size, f = a.depth === 0 ? void 0 : gM(a.node(-1).contentMatchAt(a.indexAfter(-1)));
@@ -15265,8 +15265,8 @@ var I9 = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
       type: f,
       attrs: u
     }
-  ] : void 0, p = Vt(e.doc, e.mapping.map(a.pos), 1, h);
-  if (!h && !p && Vt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
+  ] : void 0, p = qt(e.doc, e.mapping.map(a.pos), 1, h);
+  if (!h && !p && qt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
     {
       type: f,
       attrs: u
@@ -15327,7 +15327,7 @@ var I9 = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
     { type: a, attrs: p },
     { type: h, attrs: m }
   ] : [{ type: a, attrs: p }];
-  if (!Vt(n.doc, l.pos, 2))
+  if (!qt(n.doc, l.pos, 2))
     return !1;
   if (i) {
     const { selection: b, storedMarks: x } = r, { splittableMarks: S } = s.extensionManager, y = x || b.$to.parentOffset && b.$from.marks();
@@ -20855,7 +20855,7 @@ var JN = Te({
   },
   setup(t, { slots: e }) {
     const n = se(null);
-    return qt(() => {
+    return Wt(() => {
       const { editor: r, options: i, pluginKey: s, resizeDelay: o, shouldShow: a, updateDelay: l } = t;
       n.value && (n.value.style.visibility = "hidden", n.value.style.position = "absolute", n.value.remove(), r.registerPlugin(
         G3({
@@ -21023,7 +21023,7 @@ Te({
   },
   setup(t, { slots: e }) {
     const n = se(null);
-    return qt(() => {
+    return Wt(() => {
       const { pluginKey: r, editor: i, options: s, shouldShow: o } = t;
       n.value && (n.value.style.visibility = "hidden", n.value.style.position = "absolute", n.value.remove(), i.registerPlugin(
         Y3({
@@ -22062,7 +22062,7 @@ function wv(t, e) {
 var w_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor: i }) => {
   const { selection: s, doc: o } = e, { $from: a, $to: l } = s, c = i.extensionManager.attributes, u = mu(c, a.node().type.name, a.node().attrs);
   if (s instanceof ae && s.node.isBlock)
-    return !a.parentOffset || !Vt(o, a.pos) ? !1 : (r && (t && wv(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
+    return !a.parentOffset || !qt(o, a.pos) ? !1 : (r && (t && wv(n, i.extensionManager.splittableMarks), e.split(a.pos).scrollIntoView()), !0);
   if (!a.parent.isBlock)
     return !1;
   const d = l.parentOffset === l.parent.content.size, f = a.depth === 0 ? void 0 : rO(a.node(-1).contentMatchAt(a.indexAfter(-1)));
@@ -22071,8 +22071,8 @@ var w_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
       type: f,
       attrs: u
     }
-  ] : void 0, p = Vt(e.doc, e.mapping.map(a.pos), 1, h);
-  if (!h && !p && Vt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
+  ] : void 0, p = qt(e.doc, e.mapping.map(a.pos), 1, h);
+  if (!h && !p && qt(e.doc, e.mapping.map(a.pos), 1, f ? [{ type: f }] : void 0) && (p = !0, h = f ? [
     {
       type: f,
       attrs: u
@@ -22133,7 +22133,7 @@ var w_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, editor
     { type: a, attrs: p },
     { type: h, attrs: m }
   ] : [{ type: a, attrs: p }];
-  if (!Vt(n.doc, l.pos, 2))
+  if (!qt(n.doc, l.pos, 2))
     return !1;
   if (i) {
     const { selection: b, storedMarks: x } = r, { splittableMarks: S } = s.extensionManager, y = x || b.$to.parentOffset && b.$from.marks();
@@ -23351,7 +23351,7 @@ const lR = ["type", "disabled", "title", "tabindex"], ye = /* @__PURE__ */ Te({
       const { from: u, to: d } = e.editor.state.selection;
       return e.editor.state.doc.textBetween(u, d, " ");
     });
-    qt(() => {
+    Wt(() => {
       cn(() => {
         setTimeout(() => {
           var u;
@@ -23687,7 +23687,7 @@ const lR = ["type", "disabled", "title", "tabindex"], ye = /* @__PURE__ */ Te({
     const e = t, n = se(""), r = se(null), i = () => {
       e.editor && (n.value = e.editor.getAttributes("inlineMath").latex || "");
     };
-    qt(() => {
+    Wt(() => {
       i(), cn(() => {
         setTimeout(() => {
           var a;
@@ -24511,11 +24511,11 @@ function mI(t) {
       var D, $ = y === "y" ? kn : Sn, j = y === "y" ? ur : dr, I = y === "y" ? "height" : "width", z = C[y], q = z + g[$], J = z - g[j], ne = h ? -A[I] / 2 : 0, ge = x === ia ? T[I] : A[I], be = x === ia ? -A[I] : -T[I], $e = e.elements.arrow, De = h && $e ? bg($e) : {
         width: 0,
         height: 0
-      }, Ae = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : E5(), at = Ae[$], lt = Ae[j], Ke = Ka(0, T[I], De[I]), $t = S ? T[I] / 2 - ne - Ke - at - L.mainAxis : ge - Ke - at - L.mainAxis, At = S ? -T[I] / 2 + ne + Ke + lt + L.mainAxis : be + Ke + lt + L.mainAxis, Wt = e.elements.arrow && ec(e.elements.arrow), Wn = Wt ? y === "y" ? Wt.clientTop || 0 : Wt.clientLeft || 0 : 0, zt = (D = F == null ? void 0 : F[y]) != null ? D : 0, rn = z + $t - zt - Wn, pt = z + At - zt, Oe = Ka(h ? xd(q, rn) : q, z, h ? js(J, pt) : J);
+      }, Ae = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : E5(), at = Ae[$], lt = Ae[j], Ke = Ka(0, T[I], De[I]), $t = S ? T[I] / 2 - ne - Ke - at - L.mainAxis : ge - Ke - at - L.mainAxis, At = S ? -T[I] / 2 + ne + Ke + lt + L.mainAxis : be + Ke + lt + L.mainAxis, jt = e.elements.arrow && ec(e.elements.arrow), Wn = jt ? y === "y" ? jt.clientTop || 0 : jt.clientLeft || 0 : 0, zt = (D = F == null ? void 0 : F[y]) != null ? D : 0, rn = z + $t - zt - Wn, pt = z + At - zt, Oe = Ka(h ? xd(q, rn) : q, z, h ? js(J, pt) : J);
       C[y] = Oe, P[y] = Oe - z;
     }
     if (a) {
-      var vt, de = y === "x" ? kn : Sn, jt = y === "x" ? ur : dr, ze = C[k], _e = k === "y" ? "height" : "width", On = ze + g[de], Ot = ze - g[jt], _n = [kn, Sn].indexOf(b) !== -1, gr = (vt = F == null ? void 0 : F[k]) != null ? vt : 0, te = _n ? On : ze - T[_e] - A[_e] - gr + L.altAxis, ue = _n ? ze + T[_e] + A[_e] - gr - L.altAxis : Ot, Ce = h && _n ? zR(te, ze, ue) : Ka(h ? te : On, ze, h ? ue : Ot);
+      var vt, de = y === "x" ? kn : Sn, Kt = y === "x" ? ur : dr, ze = C[k], _e = k === "y" ? "height" : "width", On = ze + g[de], Ot = ze - g[Kt], _n = [kn, Sn].indexOf(b) !== -1, gr = (vt = F == null ? void 0 : F[k]) != null ? vt : 0, te = _n ? On : ze - T[_e] - A[_e] - gr + L.altAxis, ue = _n ? ze + T[_e] + A[_e] - gr - L.altAxis : Ot, Ce = h && _n ? zR(te, ze, ue) : Ka(h ? te : On, ze, h ? ue : Ot);
       C[k] = Ce, P[k] = Ce - ze;
     }
     e.modifiersData[r] = P;
@@ -24799,7 +24799,7 @@ function AI(t, e = [0, 8], n, r = {}) {
   }, S = () => {
     n === "hover" && p();
   }, y = (k) => !r.ignoreClickOutside || r.ignoreClickOutside.length === 0 ? !1 : r.ignoreClickOutside.some((C) => C.startsWith("#") ? k.id === C.substring(1) || k.closest(C) !== null : C.startsWith(".") ? k.classList.contains(C.substring(1)) || k.closest(C) !== null : k.matches(C) || k.closest(C) !== null);
-  return qt(async () => {
+  return Wt(async () => {
     var k, C, T;
     await cn(), n === "click" && ((k = i.value) == null || k.addEventListener("click", m)), n === "hover" && ((C = i.value) == null || C.addEventListener("mouseenter", x), (T = i.value) == null || T.addEventListener("mouseleave", S)), xR(s, (A) => {
       if (l.value && n === "click") {
@@ -24876,7 +24876,7 @@ const NI = { class: "tooltip-wrapper" }, OI = /* @__PURE__ */ Te({
       { immediate: !0 }
     ), Tn(c, (h) => {
       h !== n.isOpen && r("update:isOpen", h);
-    }), qt(() => {
+    }), Wt(() => {
       a();
     }), lo(() => {
       l();
@@ -24895,7 +24895,7 @@ const NI = { class: "tooltip-wrapper" }, OI = /* @__PURE__ */ Te({
         default: qe(() => [
           Ie(c) ? (U(), re("div", {
             key: 0,
-            style: Gt(h.styles),
+            style: Vt(h.styles),
             ref_key: "containerRef",
             ref: s,
             class: Le(["tooltip-container tooltip-container--open", h.className]),
@@ -24964,7 +24964,7 @@ const NI = { class: "tooltip-wrapper" }, OI = /* @__PURE__ */ Te({
       }
       return n.selectedIndex ?? -1;
     };
-    qt(() => {
+    Wt(() => {
       var p;
       (p = o == null ? void 0 : o.value) == null || p.focus(), window.addEventListener("keydown", d), s.value = f(), u();
     }), lo(() => {
@@ -25211,7 +25211,7 @@ const NI = { class: "tooltip-wrapper" }, OI = /* @__PURE__ */ Te({
                   "group relative w-6 h-6 border rounded-md transition-all duration-150 focus:outline-none focus:ring-[0.5px] focus:ring-gray-300 focus:ring-offset-1",
                   i.value === d ? "ring-[0.5px] ring-gray-400 ring-offset-1 " : ""
                 ]),
-                style: Gt({ backgroundColor: h }),
+                style: Vt({ backgroundColor: h }),
                 onClick: (p) => o(d)
               }, [
                 i.value === d ? (U(), re("div", HI, [...u[0] || (u[0] = [
@@ -25242,7 +25242,7 @@ const NI = { class: "tooltip-wrapper" }, OI = /* @__PURE__ */ Te({
                   "group relative w-6.5 h-6.5 rounded-md transition-all duration-150 focus:outline-none focus:ring-[0.5px] border",
                   s.value === d ? "ring-[0.5px] ring-gray-400 ring-offset-1 " : ""
                 ]),
-                style: Gt({
+                style: Vt({
                   backgroundColor: d === "transparent" ? "#ffffff" : h,
                   backgroundImage: d === "transparent" ? "repeating-conic-gradient(#f9fafb 0% 25%, transparent 0% 50%) 50% / 8px 8px" : "none"
                 }),
@@ -33084,7 +33084,7 @@ var FP = Te({
   },
   setup(t, { slots: e }) {
     const n = se(null);
-    return qt(() => {
+    return Wt(() => {
       const { editor: r, pluginKey: i, onNodeChange: s, computePositionConfig: o } = t;
       r.registerPlugin(
         Bx({
@@ -33382,7 +33382,7 @@ var WP = class extends AC {
   }
 }), GP = (t = {}) => {
   const e = Xk();
-  return qt(() => {
+  return Wt(() => {
     e.value = new WP(t);
   }), ao(() => {
     var n, r, i;
@@ -34373,11 +34373,11 @@ function j$(t) {
       var D, $ = y === "y" ? Cn : Mn, j = y === "y" ? fr : hr, I = y === "y" ? "height" : "width", z = C[y], q = z + g[$], J = z - g[j], ne = h ? -A[I] / 2 : 0, ge = x === fa ? T[I] : A[I], be = x === fa ? -A[I] : -T[I], $e = e.elements.arrow, De = h && $e ? Vg($e) : {
         width: 0,
         height: 0
-      }, Ae = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Vx(), at = Ae[$], lt = Ae[j], Ke = Xa(0, T[I], De[I]), $t = S ? T[I] / 2 - ne - Ke - at - L.mainAxis : ge - Ke - at - L.mainAxis, At = S ? -T[I] / 2 + ne + Ke + lt + L.mainAxis : be + Ke + lt + L.mainAxis, Wt = e.elements.arrow && ac(e.elements.arrow), Wn = Wt ? y === "y" ? Wt.clientTop || 0 : Wt.clientLeft || 0 : 0, zt = (D = F == null ? void 0 : F[y]) != null ? D : 0, rn = z + $t - zt - Wn, pt = z + At - zt, Oe = Xa(h ? Id(q, rn) : q, z, h ? Gs(J, pt) : J);
+      }, Ae = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Vx(), at = Ae[$], lt = Ae[j], Ke = Xa(0, T[I], De[I]), $t = S ? T[I] / 2 - ne - Ke - at - L.mainAxis : ge - Ke - at - L.mainAxis, At = S ? -T[I] / 2 + ne + Ke + lt + L.mainAxis : be + Ke + lt + L.mainAxis, jt = e.elements.arrow && ac(e.elements.arrow), Wn = jt ? y === "y" ? jt.clientTop || 0 : jt.clientLeft || 0 : 0, zt = (D = F == null ? void 0 : F[y]) != null ? D : 0, rn = z + $t - zt - Wn, pt = z + At - zt, Oe = Xa(h ? Id(q, rn) : q, z, h ? Gs(J, pt) : J);
       C[y] = Oe, P[y] = Oe - z;
     }
     if (a) {
-      var vt, de = y === "x" ? Cn : Mn, jt = y === "x" ? fr : hr, ze = C[k], _e = k === "y" ? "height" : "width", On = ze + g[de], Ot = ze - g[jt], _n = [Cn, Mn].indexOf(b) !== -1, gr = (vt = F == null ? void 0 : F[k]) != null ? vt : 0, te = _n ? On : ze - T[_e] - A[_e] - gr + L.altAxis, ue = _n ? ze + T[_e] + A[_e] - gr - L.altAxis : Ot, Ce = h && _n ? g$(te, ze, ue) : Xa(h ? te : On, ze, h ? ue : Ot);
+      var vt, de = y === "x" ? Cn : Mn, Kt = y === "x" ? fr : hr, ze = C[k], _e = k === "y" ? "height" : "width", On = ze + g[de], Ot = ze - g[Kt], _n = [Cn, Mn].indexOf(b) !== -1, gr = (vt = F == null ? void 0 : F[k]) != null ? vt : 0, te = _n ? On : ze - T[_e] - A[_e] - gr + L.altAxis, ue = _n ? ze + T[_e] + A[_e] - gr - L.altAxis : Ot, Ce = h && _n ? g$(te, ze, ue) : Xa(h ? te : On, ze, h ? ue : Ot);
       C[k] = Ce, P[k] = Ce - ze;
     }
     e.modifiersData[r] = P;
@@ -34984,7 +34984,7 @@ function Rz(t, e) {
   var A = x.map(function(W) {
     return W.fn(y);
   }), _ = t.hasAttribute("aria-expanded");
-  return Wt(), ne(), z(), q("onCreate", [y]), n.showOnCreate && On(), C.addEventListener("mouseenter", function() {
+  return jt(), ne(), z(), q("onCreate", [y]), n.showOnCreate && On(), C.addEventListener("mouseenter", function() {
     y.props.interactive && y.state.isVisible && y.clearDelayTimeouts();
   }), C.addEventListener("mouseleave", function() {
     y.props.interactive && y.props.trigger.indexOf("mouseenter") >= 0 && $().addEventListener("mousemove", p);
@@ -35112,7 +35112,7 @@ function Rz(t, e) {
       });
     });
   }
-  function Wt() {
+  function jt() {
     F() && (At("touchstart", zt, {
       passive: !0
     }), At("touchend", pt, {
@@ -35178,7 +35178,7 @@ function Rz(t, e) {
     return Fr.isTouch ? F() !== W.type.indexOf("touch") >= 0 : !1;
   }
   function de() {
-    jt();
+    Kt();
     var W = y.props, fe = W.popperOptions, Me = W.placement, Ge = W.offset, He = W.getReferenceClientRect, sn = W.moveTransition, jn = P() ? Mp(C).arrow : null, mo = He ? {
       getBoundingClientRect: He,
       contextElement: He.contextElement || D()
@@ -35234,7 +35234,7 @@ function Rz(t, e) {
       modifiers: Ts
     }));
   }
-  function jt() {
+  function Kt() {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function ze() {
@@ -35286,7 +35286,7 @@ function Rz(t, e) {
       var fe = y.props, Me = _y(t, Object.assign({}, fe, My(W), {
         ignoreAttributes: !0
       }));
-      y.props = Me, Wt(), fe.interactiveDebounce !== Me.interactiveDebounce && (ge(), p = Ey(rn, Me.interactiveDebounce)), fe.triggerTarget && !Me.triggerTarget ? Ao(fe.triggerTarget).forEach(function(Ge) {
+      y.props = Me, jt(), fe.interactiveDebounce !== Me.interactiveDebounce && (ge(), p = Ey(rn, Me.interactiveDebounce)), fe.triggerTarget && !Me.triggerTarget ? Ao(fe.triggerTarget).forEach(function(Ge) {
         Ge.removeAttribute("aria-expanded");
       }) : Me.triggerTarget && t.removeAttribute("aria-expanded"), ne(), z(), T && T(fe, Me), y.popperInstance && (de(), _e().forEach(function(Ge) {
         requestAnimationFrame(Ge._tippy.popperInstance.forceUpdate);
@@ -35335,7 +35335,7 @@ function Rz(t, e) {
     process.env.NODE_ENV !== "production" && bi(y.state.isDestroyed, xo("hideWithInteractivity")), $().addEventListener("mousemove", p), Cy(qc, p), p(W);
   }
   function K0() {
-    process.env.NODE_ENV !== "production" && bi(y.state.isDestroyed, xo("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (jt(), _e().forEach(function(W) {
+    process.env.NODE_ENV !== "production" && bi(y.state.isDestroyed, xo("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (Kt(), _e().forEach(function(W) {
       W._tippy.unmount();
     }), C.parentNode && C.parentNode.removeChild(C), jf = jf.filter(function(W) {
       return W !== y;
@@ -35443,7 +35443,7 @@ const Iz = /* @__PURE__ */ Te({
   }, e.click();
 }), s6 = async (t) => new Promise(async (e, n) => {
   try {
-    (await import("./papaparse.min-r6fGZc0a.js").then((i) => i.p)).default.parse(t, {
+    (await import("./papaparse.min-C2ao6Vue.js").then((i) => i.p)).default.parse(t, {
       complete: (i) => {
         try {
           const s = i.data;
@@ -36146,7 +36146,7 @@ const qz = 50, Wz = /* @__PURE__ */ Te({
         height: "auto"
       });
     };
-    return qt(() => {
+    return Wt(() => {
       if (n.value && !e.node.attrs.width) {
         const x = () => {
           var A, _, L;
@@ -36169,14 +36169,14 @@ const qz = 50, Wz = /* @__PURE__ */ Te({
       class: "resizable-image-wrapper",
       ref_key: "containerRef",
       ref: r,
-      style: Gt(f.value)
+      style: Vt(f.value)
     }, {
       default: qe(() => [
         V("div", {
           ref_key: "imageWrapperRef",
           ref: i,
           class: Le(["image-content-wrapper", { "is-resizing": s.value }]),
-          style: Gt(p.value)
+          style: Vt(p.value)
         }, [
           V("img", Wd({
             ref_key: "imageRef",
@@ -36794,7 +36794,7 @@ const tF = { class: "p-1 px-2 space-y-3" }, nF = { class: "space-y-1" }, rF = {
                   "group relative w-6 h-6 border rounded-md transition-all duration-150 focus:outline-none focus:ring-[0.5px] focus:ring-gray-300 focus:ring-offset-1",
                   o.currentBgClass === l ? "ring-[0.5px] ring-gray-400 ring-offset-1 " : ""
                 ]),
-                style: Gt({
+                style: Vt({
                   backgroundColor: u === "transparent" ? "#ffffff" : u,
                   backgroundImage: u === "transparent" ? "repeating-conic-gradient(#f9fafb 0% 25%, transparent 0% 50%) 50% / 8px 8px" : "none"
                 }),
@@ -36828,7 +36828,7 @@ const tF = { class: "p-1 px-2 space-y-3" }, nF = { class: "space-y-1" }, rF = {
                   "group relative w-6 h-6 rounded-md transition-all duration-150 focus:outline-none focus:ring-[0.5px] focus:ring-gray-300 focus:ring-offset-1 border-2",
                   o.currentBorderClass === l ? "ring-[0.5px] ring-gray-400 ring-offset-1 " : ""
                 ]),
-                style: Gt({
+                style: Vt({
                   backgroundColor: "#ffffff",
                   borderColor: u === "transparent" ? "#e5e7eb" : u,
                   borderStyle: u === "transparent" ? "dashed" : "solid"
@@ -37005,7 +37005,7 @@ const tF = { class: "p-1 px-2 space-y-3" }, nF = { class: "space-y-1" }, rF = {
       }
       (x = e == null ? void 0 : e.updateStats) == null || x.call(e), Kf(e == null ? void 0 : e.table);
     };
-    return qt(() => {
+    return Wt(() => {
       d();
     }), Tn(
       () => e.position,
@@ -37052,7 +37052,7 @@ const tF = { class: "p-1 px-2 space-y-3" }, nF = { class: "space-y-1" }, rF = {
     function o(l) {
       return Array.prototype.indexOf.call(l.parentNode.childNodes, l);
     }
-    qt(async () => {
+    Wt(async () => {
       var l;
       await cn(), r.value = (l = n.value) == null ? void 0 : l.closest("table"), a();
     });
@@ -37525,7 +37525,7 @@ const xF = /* @__PURE__ */ Te({
     const c = () => {
       n.value && n.value.closest("tr") && (s.value = l(n.value.closest("tr")), o.value = l(n.value) === 0);
     };
-    return qt(async () => {
+    return Wt(async () => {
       var u, d;
       await cn(), i.value = (u = n.value) == null ? void 0 : u.closest("table"), r.value = (d = n.value) == null ? void 0 : d.closest("tr"), c(), i.value && a(i.value, c);
     }), (u, d) => (U(), re("td", {
@@ -37613,7 +37613,7 @@ const xF = /* @__PURE__ */ Te({
     }, f = (h) => {
       l(h.clientX);
     };
-    return qt(() => {
+    return Wt(() => {
       document.addEventListener("mousemove", u), document.addEventListener("mouseup", d);
     }), lo(() => {
       document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", d);
@@ -37635,11 +37635,11 @@ const xF = /* @__PURE__ */ Te({
         p[0] || (p[0] = V("div", { class: "absolute w-full h-1.5 bg-gray-200 rounded-lg top-1/2 -translate-y-1/2" }, null, -1)),
         V("div", {
           class: "absolute h-1.5 bg-[#0075FF] rounded-lg top-1/2 -translate-y-1/2",
-          style: Gt({ width: `${a.value}%` })
+          style: Vt({ width: `${a.value}%` })
         }, null, 4),
         V("div", {
           class: "absolute w-3 h-3 bg-[#0075FF] rounded-full shadow-sm",
-          style: Gt({
+          style: Vt({
             left: `${a.value}%`,
             transform: `translateX(-${a.value}%)`
           })
@@ -37749,7 +37749,7 @@ const xF = /* @__PURE__ */ Te({
     return (C, T) => (U(), we(Ie(sc), {
       as: "div",
       class: Le(["masonry-grid-wrapper", [o.value, l.value]]),
-      style: Gt({
+      style: Vt({
         "--masonry-gap": `${c.value}px`,
         "--masonry-border-radius": `${u.value}px`,
         "--masonry-padding-x": `${d.value}px`,
@@ -38226,14 +38226,14 @@ const jF = { class: "masonry-item-controls" }, KF = {
     }, f = WF(d, 100), h = ({ transaction: p }) => {
       p.docChanged && f();
     };
-    return qt(() => {
+    return Wt(() => {
       d(), e.editor.on("update", h);
     }), lo(() => {
       e.editor.off("update", h);
     }), (p, m) => (U(), we(Ie(sc), {
       as: "div",
       class: Le(["masonry-grid-item-wrapper", i.value]),
-      style: Gt({
+      style: Vt({
         "--mobile-order": u.value,
         ...e.node.attrs.padding !== null && e.node.attrs.padding !== void 0 ? {
           "--masonry-padding-x": `${e.node.attrs.padding}px`,
@@ -38669,7 +38669,7 @@ const jF = { class: "masonry-item-controls" }, KF = {
       class: "iframe-wrapper",
       ref_key: "containerRef",
       ref: n,
-      style: Gt(h.value)
+      style: Vt(h.value)
     }, {
       default: qe(() => [
         s.value ? le("", !0) : (U(), re("div", sH, [
@@ -38709,7 +38709,7 @@ const jF = { class: "masonry-item-controls" }, KF = {
           ref_key: "contentWrapperRef",
           ref: r,
           class: Le(["iframe-content-wrapper", { "is-resizing": o.value }]),
-          style: Gt(p.value)
+          style: Vt(p.value)
         }, [
           s.value ? (U(), re("div", oH, [
             $[4] || ($[4] = V("div", { class: "flex items-center gap-2 opacity-90" }, [
@@ -38738,13 +38738,13 @@ const jF = { class: "masonry-item-controls" }, KF = {
           ])) : (U(), re("div", {
             key: 1,
             class: "iframe-container",
-            style: Gt(m.value)
+            style: Vt(m.value)
           }, [
             V("iframe", {
               class: Le({ "pointer-events-none": o.value }),
               src: D.node.attrs.src,
               allowfullscreen: D.node.attrs.allowfullscreen,
-              style: Gt({ height: m.value.height || "100%" }),
+              style: Vt({ height: m.value.height || "100%" }),
               frameborder: "0",
               loading: "lazy"
             }, null, 14, lH)
@@ -46052,10 +46052,10 @@ var ai = function(e, n) {
     unit: "ex"
   }, n) : 12 * d, m = 3 * d, g = e.arraystretch * p, b = 0.7 * g, x = 0.3 * g, S = 0;
   function y(de) {
-    for (var jt = 0; jt < de.length; ++jt)
-      jt > 0 && (S += 0.25), c.push({
+    for (var Kt = 0; Kt < de.length; ++Kt)
+      Kt > 0 && (S += 0.25), c.push({
         pos: S,
-        isDashed: de[jt]
+        isDashed: de[Kt]
       });
   }
   for (y(o[0]), r = 0; r < e.body.length; ++r) {
@@ -46103,11 +46103,11 @@ var ai = function(e, n) {
       for (r = 0; r < s; ++r) {
         var $t = l[r], At = $t[i];
         if (At) {
-          var Wt = $t.pos - P;
+          var jt = $t.pos - P;
           At.depth = $t.depth, At.height = $t.height, Ke.push({
             type: "elem",
             elem: At,
-            shift: Wt
+            shift: jt
           });
         }
       }
@@ -62057,7 +62057,7 @@ function _q(t) {
       e
     ],
     illegal: /\[|%/
-  }, Wt = {
+  }, jt = {
     match: [
       /operator/,
       /\s+/,
@@ -62137,7 +62137,7 @@ function _q(t) {
     ]
   };
   for (const Oe of _.variants) {
-    const vt = Oe.contains.find((jt) => jt.label === "interpol");
+    const vt = Oe.contains.find((Kt) => Kt.label === "interpol");
     vt.keywords = c;
     const de = [
       ...u,
@@ -62169,7 +62169,7 @@ function _q(t) {
       zt,
       rn,
       pt,
-      Wt,
+      jt,
       Wn,
       {
         beginKeywords: "import",
@@ -63605,7 +63605,7 @@ const _k = {
   xml: Bq,
   yaml: Pq
 };
-var Dj = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Ij = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function $q(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -64332,7 +64332,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ne = I, J = z), q ===
           ze.addText(_e);
           return;
         }
-        te = d(de.subLanguage, _e, !0, jt[de.subLanguage]), jt[de.subLanguage] = /** @type {CompiledMode} */
+        te = d(de.subLanguage, _e, !0, Kt[de.subLanguage]), Kt[de.subLanguage] = /** @type {CompiledMode} */
         te._top;
       } else
         te = h(_e, de.subLanguage.length ? de.subLanguage : null);
@@ -64385,7 +64385,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ne = I, J = z), q ===
           return $t(ue);
       return Ce.skip ? _e += ue : (Ce.excludeBegin && (_e += ue), De(), !Ce.returnBegin && !Ce.excludeBegin && (_e = ue)), lt(Ce, te), Ce.returnBegin ? 0 : ue.length;
     }
-    function Wt(te) {
+    function jt(te) {
       const ue = te[0], Ce = z.substring(te.index), je = Ke(de, te, Ce);
       if (!je)
         return _2;
@@ -64420,7 +64420,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ne = I, J = z), q ===
         const je = new Error('Illegal lexeme "' + Ce + '" for mode "' + (de.scope || "<unnamed>") + '"');
         throw je.mode = de, je;
       } else if (ue.type === "end") {
-        const je = Wt(ue);
+        const je = jt(ue);
         if (je !== _2)
           return je;
       }
@@ -64436,7 +64436,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ne = I, J = z), q ===
       throw Ys(s.replace("{}", I)), new Error('Unknown language: "' + I + '"');
     const Oe = MW(pt);
     let vt = "", de = J || Oe;
-    const jt = {}, ze = new a.__emitter(a);
+    const Kt = {}, ze = new a.__emitter(a);
     Wn();
     let _e = "", On = 0, Ot = 0, _n = 0, gr = !1;
     try {
@@ -65459,10 +65459,7 @@ const YW = Pe.create({
 }), XW = {
   key: 0,
   class: "absolute inset-0 z-[60] flex items-center justify-center bg-white/50 backdrop-blur-sm rounded-lg"
-}, JW = { class: "flex items-center gap-2 px-4 py-2 bg-white shadow-lg border rounded-md" }, ZW = { class: "custom-drag-handle" }, QW = {
-  key: 0,
-  class: "sticky top-0 left-0 z-[50] light"
-}, Lj = /* @__PURE__ */ Te({
+}, JW = { class: "flex items-center gap-2 px-4 py-2 bg-white shadow-lg border rounded-md" }, ZW = { class: "custom-drag-handle" }, Dj = /* @__PURE__ */ Te({
   __name: "NotionEditor",
   props: {
     modelValue: {},
@@ -65475,7 +65472,8 @@ const YW = Pe.create({
     slashCommand: { type: Boolean, default: !0 },
     extensions: { default: () => [] },
     isCanvas: { type: Boolean, default: !1 },
-    outputFormat: { default: "html" }
+    outputFormat: { default: "html" },
+    zoom: { default: 1 }
   },
   emits: ["update:modelValue", "onFocus", "onBlur", "onCreate"],
   setup(t, { expose: e, emit: n }) {
@@ -65718,7 +65716,7 @@ const YW = Pe.create({
     }, b = se(null);
     return C3(b.value, () => {
       er.value = !1;
-    }), qt(() => {
+    }), Wt(() => {
       i.imageUploadOptions && c(i.imageUploadOptions);
     }), e({
       editor: p
@@ -65765,7 +65763,7 @@ const YW = Pe.create({
           editor: Ie(p),
           "data-tauri-drag-region": "",
           class: Le(["w-full", [x.className, x.isCanvas ? "h-auto" : "h-full mx-auto pt-3 pl-3 pr-6 overflow-auto"]]),
-          style: Gt(x.styles)
+          style: Vt(x.styles)
         }, null, 8, ["editor", "class", "style"]),
         g ? (U(), we(Ie(JN), {
           key: 1,
@@ -65777,7 +65775,14 @@ const YW = Pe.create({
           default: qe(() => {
             var y, k, C, T, A, _, L, F, P;
             return [
-              !((y = Ie(p)) != null && y.isActive("horizontalRule")) && !((k = Ie(p)) != null && k.isActive("iframe")) && !((C = Ie(p)) != null && C.isActive("codeBlock")) && !((T = Ie(p)) != null && T.isActive("code")) ? (U(), re("div", QW, [
+              !((y = Ie(p)) != null && y.isActive("horizontalRule")) && !((k = Ie(p)) != null && k.isActive("iframe")) && !((C = Ie(p)) != null && C.isActive("codeBlock")) && !((T = Ie(p)) != null && T.isActive("code")) ? (U(), re("div", {
+                key: 0,
+                class: "sticky top-0 left-0 z-[50] light",
+                style: Vt({
+                  transform: x.isCanvas && x.zoom ? `scale(${1 / x.zoom})` : "none",
+                  transformOrigin: "top left"
+                })
+              }, [
                 (A = Ie(p)) != null && A.isActive("resizableImage") ? (U(), we(mR, {
                   key: 0,
                   editor: Ie(p)
@@ -65800,7 +65805,7 @@ const YW = Pe.create({
                   ]),
                   _: 3
                 }, 8, ["editor", "isCanvas"]))
-              ])) : le("", !0)
+              ], 4)) : le("", !0)
             ];
           }),
           _: 3
@@ -65808,7 +65813,7 @@ const YW = Pe.create({
       ], 2)) : le("", !0)
     ], 34));
   }
-}), ej = { class: "flex items-center gap-1" }, tj = /* @__PURE__ */ Te({
+}), QW = { class: "flex items-center gap-1" }, ej = /* @__PURE__ */ Te({
   __name: "TextFormatToolbar",
   props: {
     editor: {},
@@ -65842,7 +65847,7 @@ const YW = Pe.create({
     };
     return (a, l) => {
       var c, u, d, f, h;
-      return U(), re("div", ej, [
+      return U(), re("div", QW, [
         o("headings") ? (U(), we(Dr, {
           key: 0,
           options: n,
@@ -65918,7 +65923,7 @@ const YW = Pe.create({
       ]);
     };
   }
-}), nj = { class: "flex items-center gap-1" }, rj = /* @__PURE__ */ Te({
+}), tj = { class: "flex items-center gap-1" }, nj = /* @__PURE__ */ Te({
   __name: "ListToolbar",
   props: {
     editor: {},
@@ -65931,7 +65936,7 @@ const YW = Pe.create({
     };
     return (r, i) => {
       var s, o, a;
-      return U(), re("div", nj, [
+      return U(), re("div", tj, [
         n("bulletList") ? (U(), we(ye, {
           key: 0,
           icon: "list",
@@ -65968,7 +65973,7 @@ const YW = Pe.create({
       ]);
     };
   }
-}), ij = { class: "flex items-center gap-1" }, sj = /* @__PURE__ */ Te({
+}), rj = { class: "flex items-center gap-1" }, ij = /* @__PURE__ */ Te({
   __name: "BlockToolbar",
   props: {
     editor: {},
@@ -65981,7 +65986,7 @@ const YW = Pe.create({
     };
     return (r, i) => {
       var s, o, a;
-      return U(), re("div", ij, [
+      return U(), re("div", rj, [
         n("blockquote") ? (U(), we(ye, {
           key: 0,
           icon: "quote",
@@ -66018,7 +66023,7 @@ const YW = Pe.create({
       ]);
     };
   }
-}), oj = { class: "flex items-center gap-1" }, aj = /* @__PURE__ */ Te({
+}), sj = { class: "flex items-center gap-1" }, oj = /* @__PURE__ */ Te({
   __name: "TableToolbar",
   props: {
     editor: {},
@@ -66052,7 +66057,7 @@ const YW = Pe.create({
       var l;
       return ((l = e.visibleToolbars) == null ? void 0 : l.includes(a)) ?? !0;
     };
-    return (a, l) => (U(), re("div", oj, [
+    return (a, l) => (U(), re("div", sj, [
       o("table") ? (U(), we(ye, {
         key: 0,
         icon: "table",
@@ -66077,7 +66082,7 @@ const YW = Pe.create({
       })) : le("", !0)
     ]));
   }
-}), lj = { class: "flex items-center gap-1" }, cj = /* @__PURE__ */ Te({
+}), aj = { class: "flex items-center gap-1" }, lj = /* @__PURE__ */ Te({
   __name: "ImageToolbar",
   props: {
     editor: {}
@@ -66089,7 +66094,7 @@ const YW = Pe.create({
     }), s = () => {
       !e.editor || r.value || n(e.editor);
     };
-    return (o, a) => (U(), re("div", lj, [
+    return (o, a) => (U(), re("div", aj, [
       me(ye, {
         icon: "image",
         size: "sm",
@@ -66114,7 +66119,7 @@ const YW = Pe.create({
       ]), 1032, ["variant", "disabled"])
     ]));
   }
-}), uj = /* @__PURE__ */ ii(cj, [["__scopeId", "data-v-f07ead10"]]), dj = { class: "flex items-center gap-1" }, fj = /* @__PURE__ */ Te({
+}), cj = /* @__PURE__ */ ii(lj, [["__scopeId", "data-v-f07ead10"]]), uj = { class: "flex items-center gap-1" }, dj = /* @__PURE__ */ Te({
   __name: "InsertToolbar",
   props: {
     editor: {},
@@ -66131,8 +66136,8 @@ const YW = Pe.create({
     };
     return (s, o) => {
       var a;
-      return U(), re("div", dj, [
-        i("image") ? (U(), we(uj, {
+      return U(), re("div", uj, [
+        i("image") ? (U(), we(cj, {
           key: 0,
           editor: s.editor
         }, null, 8, ["editor"])) : le("", !0),
@@ -66166,7 +66171,7 @@ const YW = Pe.create({
       ]);
     };
   }
-}), hj = { class: "flex items-center gap-1" }, pj = /* @__PURE__ */ Te({
+}), fj = { class: "flex items-center gap-1" }, hj = /* @__PURE__ */ Te({
   __name: "UndoRedoToolbar",
   props: {
     editor: {},
@@ -66179,7 +66184,7 @@ const YW = Pe.create({
     };
     return (r, i) => {
       var s, o;
-      return U(), re("div", hj, [
+      return U(), re("div", fj, [
         n("undo") ? (U(), we(ye, {
           key: 0,
           icon: "undo",
@@ -66207,13 +66212,13 @@ const YW = Pe.create({
       ]);
     };
   }
-}), mj = { class: "v-notion-editor" }, gj = {
+}), pj = { class: "v-notion-editor" }, mj = {
   class: "flex items-center gap-1 p-2 flex-wrap select-none",
   "data-tauri-drag-region": ""
-}, bj = {
+}, gj = {
   key: 0,
   class: "w-px h-6 bg-secondary-dark mx-1"
-}, Bj = /* @__PURE__ */ Te({
+}, Lj = /* @__PURE__ */ Te({
   __name: "NotionToolbar",
   props: {
     visibleToolbars: {}
@@ -66242,18 +66247,18 @@ const YW = Pe.create({
     ], r = Se(() => e.visibleToolbars || n), i = [
       {
         tools: ["headings", "bold", "italic", "underline", "strike", "code", "color"],
-        component: tj
+        component: ej
       },
       { tools: ["align"], component: _5 },
-      { tools: ["bulletList", "orderedList", "taskList"], component: rj },
-      { tools: ["blockquote", "code"], component: sj },
-      { tools: ["table", "grid"], component: aj },
+      { tools: ["bulletList", "orderedList", "taskList"], component: nj },
+      { tools: ["blockquote", "code"], component: ij },
+      { tools: ["table", "grid"], component: oj },
       // Added grid to this group
-      { tools: ["image", "link", "divider"], component: fj },
-      { tools: ["undo", "redo"], component: pj }
+      { tools: ["image", "link", "divider"], component: dj },
+      { tools: ["undo", "redo"], component: hj }
     ], s = Se(() => i.filter((o) => o.tools.some((a) => r.value.includes(a))));
-    return (o, a) => (U(), re("div", mj, [
-      V("div", gj, [
+    return (o, a) => (U(), re("div", pj, [
+      V("div", mj, [
         (U(!0), re(dn, null, Cr(s.value, (l, c) => (U(), re(dn, {
           key: l.component.name
         }, [
@@ -66261,13 +66266,13 @@ const YW = Pe.create({
             editor: Ie(Nr),
             visibleToolbars: r.value
           }, null, 8, ["editor", "visibleToolbars"])),
-          c < s.value.length - 1 ? (U(), re("div", bj)) : le("", !0)
+          c < s.value.length - 1 ? (U(), re("div", gj)) : le("", !0)
         ], 64))), 128))
       ])
     ]));
   }
 });
-function vj(t) {
+function bj(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
 function Mu(t) {
@@ -66276,14 +66281,14 @@ function Mu(t) {
   if (Array.isArray(t))
     return t.map(Mu).join("");
   if (t.type === "text")
-    return vj(t.value);
+    return bj(t.value);
   if (t.type === "element") {
     const e = t.tagName, n = t.properties || {}, r = Object.entries(n).map(([a, l]) => a === "className" && Array.isArray(l) ? `class="${l.join(" ")}"` : `${a}="${l}"`).join(" "), i = `<${e}${r ? " " + r : ""}>`, s = `</${e}>`, o = Mu(t.children || []);
     return `${i}${o}${s}`;
   }
   return "";
 }
-const yj = ["innerHTML"], Pj = /* @__PURE__ */ Te({
+const vj = ["innerHTML"], Bj = /* @__PURE__ */ Te({
   __name: "NotionReadMode",
   props: {
     content: {},
@@ -66364,7 +66369,7 @@ const yj = ["innerHTML"], Pj = /* @__PURE__ */ Te({
         a(), i(), s(), o();
       });
     };
-    return qt(() => {
+    return Wt(() => {
       l();
     }), Tn(
       () => e.content,
@@ -66376,13 +66381,13 @@ const yj = ["innerHTML"], Pj = /* @__PURE__ */ Te({
       ref: n,
       class: Le(["v-notion-editor read-mode", c.className]),
       innerHTML: c.content
-    }, null, 10, yj));
+    }, null, 10, vj));
   }
 });
 export {
-  Lj as _,
-  Bj as a,
-  Pj as b,
-  Dj as c,
+  Dj as _,
+  Lj as a,
+  Bj as b,
+  Ij as c,
   $q as g
 };

package/index.js

@@ -1,4 +1,4 @@
-import { _ as t, b as i, a as r } from "./index-XXpOv34Z.js";
+import { _ as t, b as i, a as r } from "./index-DQq6Hesk.js";
 export {
   t as NotionEditor,
   i as NotionReadMode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-notion-editor",
-  "version": "0.2.72",
+  "version": "0.2.73",
   "description": "A Notion-style Vue 3 editor.",
   "type": "module",
   "author": "safdar-azeem",

package/{papaparse.min-r6fGZc0a.js → papaparse.min-C2ao6Vue.js}

@@ -1,4 +1,4 @@
-import { g as me, c as ye } from "./index-XXpOv34Z.js";
+import { g as me, c as ye } from "./index-DQq6Hesk.js";
 var ce = { exports: {} };
 /* @license
 Papa Parse