v-notion-editor 0.2.3 → 0.2.4

package/{index-DfQx9YxI.js → index-BHVWpndl.js}

@@ -24894,7 +24894,7 @@ const EI = { class: "tooltip-wrapper" }, CI = /* @__PURE__ */ Ae({
 }), RI = { class: "p-0.5 px-2 space-y-3" }, II = { class: "space-y-1" }, DI = { class: "grid grid-cols-5 gap-1" }, LI = ["title", "onClick"], BI = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, PI = { class: "space-y-2" }, $I = { class: "grid grid-cols-5 gap-1" }, zI = ["title", "onClick"], FI = {
+}, PI = { class: "space-y-2" }, $I = { class: "grid grid-cols-4 gap-x-2 gap-y-1" }, zI = ["title", "onClick"], FI = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, T5 = /* @__PURE__ */ Ae({
@@ -24921,9 +24921,19 @@ const EI = { class: "tooltip-wrapper" }, CI = /* @__PURE__ */ Ae({
     ], r = [
       { color: "transparent", name: "Default", display: "rgba(55, 53, 47, 0.12)" },
       { color: "var(--editor-content-bg-gray)", name: "Gray", display: "#E0DFE0" },
+      {
+        color: "var(--editor-content-bg-secondary)",
+        name: "Gray Light",
+        display: "var(--editor-content-bg-secondary)"
+      },
       { color: "var(--editor-content-bg-yellow)", name: "Yellow", display: "#FFEEBF" },
       { color: "var(--editor-content-bg-green)", name: "Green", display: "#D0EAC7" },
       { color: "var(--editor-content-bg-blue)", name: "Blue", display: "#B4D6FF" },
+      {
+        color: "var(--editor-content-bg-primary-light)",
+        name: "Blue Light",
+        display: "var(--editor-content-bg-primary-light)"
+      },
       { color: "var(--editor-content-bg-purple)", name: "Purple", display: "rgba(105, 64, 165, 0.4)" },
       { color: "var(--editor-content-bg-pink)", name: "Pink", display: "#FECBE2" },
       { color: "var(--editor-content-bg-red)", name: "Red", display: "#F7C4C6" },
@@ -25012,7 +25022,7 @@ const EI = { class: "tooltip-wrapper" }, CI = /* @__PURE__ */ Ae({
                 key: d,
                 title: h,
                 class: Fe([
-                  "group relative w-6 h-6 rounded-md transition-all duration-150 focus:outline-none focus:ring-[0.5px] border",
+                  "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: Kt({
@@ -35227,7 +35237,7 @@ const Sz = /* @__PURE__ */ Ae({
   }, e.click();
 }), r6 = async (t) => new Promise(async (e, n) => {
   try {
-    (await import("./papaparse.min-DHoLTMmN.js").then((i) => i.p)).default.parse(t, {
+    (await import("./papaparse.min-BH1g5Q7h.js").then((i) => i.p)).default.parse(t, {
       complete: (i) => {
         try {
           const s = i.data;
@@ -38584,13 +38594,12 @@ const DF = { class: "masonry-item-controls" }, LF = {
     };
   },
   addAttributes() {
-    return this.options.persist ? {
-      open: {
-        default: !1,
-        parseHTML: (t) => t.hasAttribute("open"),
-        renderHTML: ({ open: t }) => t ? { open: "" } : {}
-      }
-    } : [];
+    const t = {};
+    return this.options.persist && (t.open = {
+      default: !1,
+      parseHTML: (e) => e.hasAttribute("open"),
+      renderHTML: ({ open: e }) => e ? { open: "" } : {}
+    }), t;
   },
   parseHTML() {
     return [
@@ -38611,35 +38620,39 @@ const DF = { class: "masonry-item-controls" }, LF = {
       const i = document.createElement("div"), s = ot(this.options.HTMLAttributes, r, {
         "data-type": this.name
       });
-      Object.entries(s).forEach(([c, u]) => i.setAttribute(c, u));
+      Object.entries(s).forEach(([u, d]) => i.setAttribute(u, d));
       const o = document.createElement("button");
       o.type = "button", o.setAttribute("aria-label", "Toggle content"), i.append(o);
       const a = document.createElement("div");
       i.append(a);
-      const l = (c) => {
-        const u = i.classList.contains(this.options.openClassName);
-        (c !== void 0 ? c : !u) ? i.classList.add(this.options.openClassName) : i.classList.remove(this.options.openClassName);
+      const l = (u) => {
+        u ? (i.style.textAlign = u, i.setAttribute("data-text-align", u)) : (i.style.textAlign = "", i.removeAttribute("data-text-align"));
+      };
+      n.attrs.textAlign && l(n.attrs.textAlign);
+      const c = (u) => {
+        const d = i.classList.contains(this.options.openClassName);
+        (u !== void 0 ? u : !d) ? i.classList.add(this.options.openClassName) : i.classList.remove(this.options.openClassName);
       };
-      return n.attrs.open && i.classList.add(this.options.openClassName), o.addEventListener("click", (c) => {
-        if (c.preventDefault(), c.stopPropagation(), l(), t.isEditable && typeof e == "function") {
-          const { from: u, to: d } = t.state.selection, h = i.classList.contains(this.options.openClassName);
-          t.chain().command(({ tr: f }) => {
-            const p = e();
-            if (p === void 0) return !1;
-            const m = f.doc.nodeAt(p);
-            return (m == null ? void 0 : m.type) !== this.type ? !1 : (f.setNodeMarkup(p, void 0, {
-              ...m.attrs,
-              open: h
+      return n.attrs.open && i.classList.add(this.options.openClassName), o.addEventListener("click", (u) => {
+        if (u.preventDefault(), u.stopPropagation(), c(), t.isEditable && typeof e == "function") {
+          const { from: d, to: h } = t.state.selection, f = i.classList.contains(this.options.openClassName);
+          t.chain().command(({ tr: p }) => {
+            const m = e();
+            if (m === void 0) return !1;
+            const g = p.doc.nodeAt(m);
+            return (g == null ? void 0 : g.type) !== this.type ? !1 : (p.setNodeMarkup(m, void 0, {
+              ...g.attrs,
+              open: f
             }), !0);
-          }).setTextSelection({ from: u, to: d }).focus(void 0, { scrollIntoView: !1 }).run();
+          }).setTextSelection({ from: d, to: h }).focus(void 0, { scrollIntoView: !1 }).run();
         }
       }), {
         dom: i,
         contentDOM: a,
-        ignoreMutation(c) {
-          return c.type === "selection" ? !1 : !i.contains(c.target) || i === c.target;
+        ignoreMutation(u) {
+          return u.type === "selection" ? !1 : !i.contains(u.target) || i === u.target;
         },
-        update: (c) => c.type !== this.type ? !1 : (c.attrs.open !== i.classList.contains(this.options.openClassName) && l(c.attrs.open), !0)
+        update: (u) => u.type !== this.type ? !1 : (u.attrs.open !== i.classList.contains(this.options.openClassName) && c(u.attrs.open), (u.attrs.textAlign !== n.attrs.textAlign || u.attrs.textAlign && i.getAttribute("data-text-align") !== u.attrs.textAlign) && l(u.attrs.textAlign), !0)
       };
     };
   },
@@ -65181,7 +65194,8 @@ const NW = SW.extend({
           }
         }),
         sR.configure({
-          types: ["heading", "paragraph"],
+          // Updated to include taskList
+          types: ["heading", "paragraph", "details", "bulletList", "orderedList", "taskList"],
           alignments: ["left", "center", "right", "justify"]
         }),
         LT,

package/index.js

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

package/package.json

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

package/{papaparse.min-DHoLTMmN.js → papaparse.min-BH1g5Q7h.js}

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