@m2s2/vue-lib 2.4.1 → 2.5.1

package/dist/index26.mjs

@@ -1,283 +1,321 @@
-import { defineComponent as oe, ref as s, watch as ie, computed as E, openBlock as _, createElementBlock as w, createElementVNode as l, createTextVNode as x, withDirectives as v, vModelText as b, Fragment as W, renderList as j, toDisplayString as P, createCommentVNode as re } from "vue";
-import { marked as ue } from "./index76.mjs";
-const ce = { class: "be-root" }, de = { class: "be-meta" }, ve = { class: "be-field be-field--full" }, be = ["value"], pe = { class: "be-field" }, ge = { class: "be-field" }, fe = { class: "be-field be-field--full" }, me = { class: "be-field be-field--full" }, _e = { class: "be-field" }, we = { class: "be-tags" }, xe = ["onClick", "aria-label"], he = { class: "be-field" }, ke = { class: "be-field be-field--cover" }, ye = { class: "be-cover" }, Ce = ["src"], Ie = { class: "be-cover__pick" }, Pe = { class: "be-editor" }, Te = {
+import { defineComponent as ge, ref as i, watch as fe, computed as L, openBlock as c, createElementBlock as m, createElementVNode as l, createTextVNode as g, withDirectives as d, vModelText as v, Fragment as te, renderList as ae, toDisplayString as V, createCommentVNode as _e, unref as ye } from "vue";
+import { marked as we } from "./index78.mjs";
+import { todayAsIsoDate as xe, generateSlug as se, calcReadingTime as ie } from "./index76.mjs";
+import { BLOG_EDITOR_TOOLBAR as Pe } from "./index79.mjs";
+const ke = { class: "be-root" }, Te = { class: "be-meta" }, Ce = { class: "be-field be-field--full" }, Ie = ["value"], Ue = { class: "be-field" }, Se = { class: "be-field" }, he = { class: "be-field be-field--full" }, Ve = { class: "be-field be-field--full" }, Ee = { class: "be-field" }, De = { class: "be-tags" }, Le = ["aria-label", "onClick"], Re = { class: "be-field" }, Be = { class: "be-field be-field--cover" }, Oe = { class: "be-cover" }, Ae = ["src"], Fe = { class: "be-cover__pick" }, Me = { class: "be-field" }, $e = { class: "be-field" }, He = { class: "be-field be-field--narrow-pair" }, Ne = { class: "be-editor" }, qe = {
   class: "be-toolbar",
   role: "toolbar",
   "aria-label": "Formatting"
-}, Se = ["title", "onClick"], Ee = { class: "be-panes" }, Ue = { class: "be-pane be-pane--write" }, Be = ["value"], Le = { class: "be-pane be-pane--preview" }, Ve = ["innerHTML"], De = { class: "be-footer" }, He = { class: "be-footer__meta" }, Re = ["disabled"], Ne = /* @__PURE__ */ oe({
+}, Ge = ["title", "onClick"], Ke = { class: "be-panes" }, We = { class: "be-pane be-pane--write" }, je = ["value"], ze = { class: "be-pane be-pane--preview" }, Je = ["innerHTML"], Qe = { class: "be-footer" }, Xe = { class: "be-footer__meta" }, Ye = ["disabled"], al = /* @__PURE__ */ ge({
   __name: "BlogEditor",
   props: {
-    initialPost: {},
-    coverImageUrl: {}
+    initialPost: { default: void 0 },
+    coverImageUrl: { default: void 0 }
   },
   emits: ["publish", "coverImageSelected"],
-  setup(G, { emit: J }) {
-    var H, R, M, F, N, O, $, q, A;
-    const n = G, U = J, Q = [
-      { label: "Heading 2", icon: "H2", prefix: "## " },
-      { label: "Heading 3", icon: "H3", prefix: "### " },
-      { label: "Bold", icon: "B", wrap: ["**", "**"] },
-      { label: "Italic", icon: "I", wrap: ["*", "*"] },
-      { label: "Inline code", icon: "`", wrap: ["`", "`"] },
-      { label: "Code block", icon: "{ }", block: "\n```\n\n```\n" },
-      { label: "Blockquote", icon: "❝", prefix: "> " },
-      { label: "Link", icon: "⇗", wrap: ["[", "](url)"] },
-      { label: "Image", icon: "⬚", block: `![alt text](image-url)
-` },
-      { label: "Bullet list", icon: "•–", prefix: "- " },
-      { label: "Numbered list", icon: "1.", prefix: "1. " },
-      { label: "Divider", icon: "—", block: `
----
-
-` }
-    ];
-    function X() {
-      return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-    }
-    function B(t) {
-      return t.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-").replace(/-+/g, "-");
-    }
-    function L(t) {
-      const e = t.trim().split(/\s+/).filter(Boolean).length;
-      return Math.max(1, Math.ceil(e / 200));
-    }
-    const c = s(((H = n.initialPost) == null ? void 0 : H.title) ?? ""), p = s(((R = n.initialPost) == null ? void 0 : R.slug) ?? ""), h = s(((M = n.initialPost) == null ? void 0 : M.date) ?? X()), g = s(((F = n.initialPost) == null ? void 0 : F.summary) ?? ""), k = s(((N = n.initialPost) == null ? void 0 : N.excerpt) ?? ""), o = s([...((O = n.initialPost) == null ? void 0 : O.tags) ?? []]), d = s((($ = n.initialPost) == null ? void 0 : $.readingTime) ?? 1), i = s(((q = n.initialPost) == null ? void 0 : q.content) ?? ""), y = s((A = n.initialPost) == null ? void 0 : A.coverImage), f = s(""), T = s(!!n.initialPost), V = s(null);
-    ie(() => n.initialPost, (t) => {
-      t && (c.value = t.title, p.value = t.slug, h.value = t.date, g.value = t.summary, k.value = t.excerpt ?? "", o.value = [...t.tags], d.value = t.readingTime ?? 1, i.value = t.content, y.value = t.coverImage, T.value = !0);
+  setup(ne, { emit: oe }) {
+    var A, F, M, $, H, N, q, G, K, W, j, z, J, Q, X, Y, Z;
+    const s = ne, R = oe, b = i(((A = s.initialPost) == null ? void 0 : A.title) ?? ""), f = i(((F = s.initialPost) == null ? void 0 : F.slug) ?? ""), x = i(((M = s.initialPost) == null ? void 0 : M.date) ?? xe()), _ = i((($ = s.initialPost) == null ? void 0 : $.summary) ?? ""), P = i(((H = s.initialPost) == null ? void 0 : H.excerpt) ?? ""), n = i([...((N = s.initialPost) == null ? void 0 : N.tags) ?? []]), p = i(((q = s.initialPost) == null ? void 0 : q.readingTime) ?? 1), r = i(((G = s.initialPost) == null ? void 0 : G.content) ?? ""), k = i((K = s.initialPost) == null ? void 0 : K.coverImage), y = i(""), E = i(!!s.initialPost), B = i(null), T = i(((j = (W = s.initialPost) == null ? void 0 : W.series) == null ? void 0 : j.id) ?? ""), C = i(((J = (z = s.initialPost) == null ? void 0 : z.series) == null ? void 0 : J.title) ?? ""), I = i(((X = (Q = s.initialPost) == null ? void 0 : Q.series) == null ? void 0 : X.part) ?? 1), U = i(((Z = (Y = s.initialPost) == null ? void 0 : Y.series) == null ? void 0 : Z.total) ?? 1);
+    fe(() => s.initialPost, (a) => {
+      var e, t, o, u;
+      a && (b.value = a.title, f.value = a.slug, x.value = a.date, _.value = a.summary, P.value = a.excerpt ?? "", n.value = [...a.tags], p.value = a.readingTime ?? 1, r.value = a.content, k.value = a.coverImage, T.value = ((e = a.series) == null ? void 0 : e.id) ?? "", C.value = ((t = a.series) == null ? void 0 : t.title) ?? "", I.value = ((o = a.series) == null ? void 0 : o.part) ?? 1, U.value = ((u = a.series) == null ? void 0 : u.total) ?? 1, E.value = !0);
     });
-    const Y = E(() => ue.parse(i.value)), D = E(() => c.value.trim().length > 0 && g.value.trim().length > 0 && i.value.trim().length > 0), S = E(() => y.value ?? n.coverImageUrl);
-    function Z(t) {
-      c.value = t.target.value, T.value || (p.value = B(c.value)), d.value = L(i.value);
+    const ue = L(() => we.parse(r.value)), O = L(() => b.value.trim().length > 0 && _.value.trim().length > 0 && r.value.trim().length > 0), D = L(() => k.value ?? s.coverImageUrl);
+    function re(a) {
+      b.value = a.target.value, E.value || (f.value = se(b.value)), p.value = ie(r.value);
     }
-    function ee(t) {
-      i.value = t.target.value, d.value = L(i.value);
+    function de(a) {
+      r.value = a.target.value, p.value = ie(r.value);
     }
-    function le(t) {
-      if (t.key === "Enter" || t.key === ",") {
-        t.preventDefault();
-        const e = f.value.trim().replace(/,/g, "").toLowerCase();
-        e && !o.value.includes(e) && (o.value = [...o.value, e]), f.value = "";
+    function ve(a) {
+      if (a.key === "Enter" || a.key === ",") {
+        a.preventDefault();
+        const e = y.value.trim().replace(/,/g, "").toLowerCase();
+        e && !n.value.includes(e) && (n.value = [...n.value, e]), y.value = "";
       }
-      t.key === "Backspace" && !f.value && o.value.length && (o.value = o.value.slice(0, -1));
+      a.key === "Backspace" && !y.value && n.value.length && (n.value = n.value.slice(0, -1));
     }
-    function te(t) {
-      o.value = o.value.filter((e) => e !== t);
+    function be(a) {
+      n.value = n.value.filter((e) => e !== a);
     }
-    function ae(t) {
-      var r;
-      const e = (r = t.target.files) == null ? void 0 : r[0];
+    function pe(a) {
+      var o;
+      const e = (o = a.target.files) == null ? void 0 : o[0];
       if (!e) return;
-      U("coverImageSelected", e);
-      const a = new FileReader();
-      a.onload = () => {
-        y.value = a.result;
-      }, a.readAsDataURL(e);
+      R("coverImageSelected", e);
+      const t = new FileReader();
+      t.onload = () => {
+        k.value = t.result;
+      }, t.readAsDataURL(e);
     }
-    function ne(t) {
-      const e = V.value;
+    function ce(a) {
+      const e = B.value;
       if (!e) return;
-      const a = e.selectionStart, r = e.selectionEnd, u = i.value;
-      let C, I;
-      if (t.wrap) {
-        const [m, K] = t.wrap, z = u.slice(a, r) || "text";
-        C = u.slice(0, a) + m + z + K + u.slice(r), I = a + m.length + z.length + K.length;
-      } else if (t.prefix) {
-        const m = u.lastIndexOf(`
-`, a - 1) + 1;
-        C = u.slice(0, m) + t.prefix + u.slice(m), I = a + t.prefix.length;
-      } else if (t.block)
-        C = u.slice(0, a) + t.block + u.slice(r), I = a + t.block.length;
+      const t = e.selectionStart, o = e.selectionEnd, u = r.value;
+      let S, h;
+      if (a.wrap) {
+        const [w, ee] = a.wrap, le = u.slice(t, o) || "text";
+        S = u.slice(0, t) + w + le + ee + u.slice(o), h = t + w.length + le.length + ee.length;
+      } else if (a.prefix) {
+        const w = u.lastIndexOf(`
+`, t - 1) + 1;
+        S = u.slice(0, w) + a.prefix + u.slice(w), h = t + a.prefix.length;
+      } else if (a.block)
+        S = u.slice(0, t) + a.block + u.slice(o), h = t + a.block.length;
       else
         return;
-      i.value = C, setTimeout(() => {
-        e.selectionStart = e.selectionEnd = I, e.focus();
+      r.value = S, setTimeout(() => {
+        e.selectionStart = e.selectionEnd = h, e.focus();
       }, 0);
     }
-    function se() {
-      D.value && U("publish", {
-        title: c.value,
-        slug: p.value || B(c.value),
-        date: h.value,
-        summary: g.value,
-        excerpt: k.value || void 0,
-        tags: o.value,
-        readingTime: d.value,
-        content: i.value,
-        coverImage: n.coverImageUrl ?? y.value
+    function me() {
+      if (!O.value) return;
+      const a = T.value.trim();
+      R("publish", {
+        title: b.value,
+        slug: f.value || se(b.value),
+        date: x.value,
+        summary: _.value,
+        excerpt: P.value || void 0,
+        tags: n.value,
+        readingTime: p.value,
+        content: r.value,
+        coverImage: s.coverImageUrl ?? k.value,
+        series: a ? { id: a, title: C.value.trim() || a, part: I.value, total: U.value } : void 0
       });
     }
-    return (t, e) => (_(), w("div", ce, [
-      l("section", de, [
-        l("div", ve, [
-          e[7] || (e[7] = l("label", { class: "be-label" }, [
-            x("Title "),
+    return (a, e) => (c(), m("div", ke, [
+      l("section", Te, [
+        l("div", Ce, [
+          e[11] || (e[11] = l("label", { class: "be-label" }, [
+            g("Title "),
             l("span", { class: "be-required" }, "*")
           ], -1)),
           l("input", {
             class: "be-input",
             type: "text",
-            value: c.value,
-            onInput: Z,
-            placeholder: "Post title…"
-          }, null, 40, be)
+            value: b.value,
+            placeholder: "Post title…",
+            onInput: re
+          }, null, 40, Ie)
         ]),
-        l("div", pe, [
-          e[8] || (e[8] = l("label", { class: "be-label" }, "Slug", -1)),
-          v(l("input", {
+        l("div", Ue, [
+          e[12] || (e[12] = l("label", { class: "be-label" }, "Slug", -1)),
+          d(l("input", {
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => f.value = t),
             class: "be-input",
             type: "text",
-            "onUpdate:modelValue": e[0] || (e[0] = (a) => p.value = a),
-            onInput: e[1] || (e[1] = (a) => T.value = !0),
-            placeholder: "post-slug"
+            placeholder: "post-slug",
+            onInput: e[1] || (e[1] = (t) => E.value = !0)
           }, null, 544), [
-            [b, p.value]
+            [v, f.value]
           ])
         ]),
-        l("div", ge, [
-          e[9] || (e[9] = l("label", { class: "be-label" }, "Date", -1)),
-          v(l("input", {
+        l("div", Se, [
+          e[13] || (e[13] = l("label", { class: "be-label" }, "Date", -1)),
+          d(l("input", {
+            "onUpdate:modelValue": e[2] || (e[2] = (t) => x.value = t),
             class: "be-input",
-            type: "date",
-            "onUpdate:modelValue": e[2] || (e[2] = (a) => h.value = a)
+            type: "date"
           }, null, 512), [
-            [b, h.value]
+            [v, x.value]
           ])
         ]),
-        l("div", fe, [
-          e[10] || (e[10] = l("label", { class: "be-label" }, [
-            x("Summary "),
+        l("div", he, [
+          e[14] || (e[14] = l("label", { class: "be-label" }, [
+            g("Summary "),
             l("span", { class: "be-required" }, "*")
           ], -1)),
-          v(l("textarea", {
+          d(l("textarea", {
+            "onUpdate:modelValue": e[3] || (e[3] = (t) => _.value = t),
             class: "be-input be-input--textarea",
             rows: "2",
-            "onUpdate:modelValue": e[3] || (e[3] = (a) => g.value = a),
             placeholder: "Short description shown in blog listings…"
           }, null, 512), [
-            [b, g.value]
+            [v, _.value]
           ])
         ]),
-        l("div", me, [
-          e[11] || (e[11] = l("label", { class: "be-label" }, [
-            x("Excerpt "),
+        l("div", Ve, [
+          e[15] || (e[15] = l("label", { class: "be-label" }, [
+            g("Excerpt "),
             l("span", { class: "be-optional" }, "(optional)")
           ], -1)),
-          v(l("textarea", {
+          d(l("textarea", {
+            "onUpdate:modelValue": e[4] || (e[4] = (t) => P.value = t),
             class: "be-input be-input--textarea",
             rows: "2",
-            "onUpdate:modelValue": e[4] || (e[4] = (a) => k.value = a),
             placeholder: "Longer teaser for social previews…"
           }, null, 512), [
-            [b, k.value]
+            [v, P.value]
           ])
         ]),
-        l("div", _e, [
-          e[12] || (e[12] = l("label", { class: "be-label" }, "Tags", -1)),
-          l("div", we, [
-            (_(!0), w(W, null, j(o.value, (a) => (_(), w("span", {
-              key: a,
+        l("div", Ee, [
+          e[16] || (e[16] = l("label", { class: "be-label" }, "Tags", -1)),
+          l("div", De, [
+            (c(!0), m(te, null, ae(n.value, (t) => (c(), m("span", {
+              key: t,
               class: "be-tag"
             }, [
-              x(P(a) + " ", 1),
+              g(V(t) + " ", 1),
               l("button", {
                 type: "button",
                 class: "be-tag__remove",
-                onClick: (r) => te(a),
-                "aria-label": `Remove tag ${a}`
-              }, "×", 8, xe)
+                "aria-label": `Remove tag ${t}`,
+                onClick: (o) => be(t)
+              }, "×", 8, Le)
             ]))), 128)),
-            v(l("input", {
+            d(l("input", {
+              "onUpdate:modelValue": e[5] || (e[5] = (t) => y.value = t),
               class: "be-tag-input",
               type: "text",
-              "onUpdate:modelValue": e[5] || (e[5] = (a) => f.value = a),
-              onKeydown: le,
-              placeholder: "Add tag, press Enter…"
+              placeholder: "Add tag, press Enter…",
+              onKeydown: ve
             }, null, 544), [
-              [b, f.value]
+              [v, y.value]
             ])
           ])
         ]),
-        l("div", he, [
-          e[13] || (e[13] = l("label", { class: "be-label" }, "Reading time (min)", -1)),
-          v(l("input", {
+        l("div", Re, [
+          e[17] || (e[17] = l("label", { class: "be-label" }, "Reading time (min)", -1)),
+          d(l("input", {
+            "onUpdate:modelValue": e[6] || (e[6] = (t) => p.value = t),
             class: "be-input be-input--narrow",
             type: "number",
-            min: "1",
-            "onUpdate:modelValue": e[6] || (e[6] = (a) => d.value = a)
+            min: "1"
           }, null, 512), [
             [
-              b,
-              d.value,
+              v,
+              p.value,
               void 0,
               { number: !0 }
             ]
           ])
         ]),
-        l("div", ke, [
-          e[14] || (e[14] = l("label", { class: "be-label" }, "Cover Image", -1)),
-          l("div", ye, [
-            S.value ? (_(), w("img", {
+        l("div", Be, [
+          e[18] || (e[18] = l("label", { class: "be-label" }, "Cover Image", -1)),
+          l("div", Oe, [
+            D.value ? (c(), m("img", {
               key: 0,
               class: "be-cover__preview",
-              src: S.value,
+              src: D.value,
               alt: "Cover preview"
-            }, null, 8, Ce)) : re("", !0),
-            l("label", Ie, [
-              x(P(S.value ? "Replace" : "Choose image") + " ", 1),
+            }, null, 8, Ae)) : _e("", !0),
+            l("label", Fe, [
+              g(V(D.value ? "Replace" : "Choose image") + " ", 1),
               l("input", {
                 type: "file",
                 accept: "image/*",
-                onChange: ae,
-                hidden: ""
+                hidden: "",
+                onChange: pe
               }, null, 32)
             ])
           ])
+        ]),
+        e[23] || (e[23] = l("div", { class: "be-field-group-label" }, [
+          g(" Series "),
+          l("span", { class: "be-optional" }, "(optional)")
+        ], -1)),
+        l("div", Me, [
+          e[19] || (e[19] = l("label", { class: "be-label" }, "Series ID", -1)),
+          d(l("input", {
+            "onUpdate:modelValue": e[7] || (e[7] = (t) => T.value = t),
+            class: "be-input",
+            type: "text",
+            placeholder: "e.g. go-backend"
+          }, null, 512), [
+            [v, T.value]
+          ])
+        ]),
+        l("div", $e, [
+          e[20] || (e[20] = l("label", { class: "be-label" }, "Series Title", -1)),
+          d(l("input", {
+            "onUpdate:modelValue": e[8] || (e[8] = (t) => C.value = t),
+            class: "be-input",
+            type: "text",
+            placeholder: "e.g. Go Backend Series"
+          }, null, 512), [
+            [v, C.value]
+          ])
+        ]),
+        l("div", He, [
+          l("div", null, [
+            e[21] || (e[21] = l("label", { class: "be-label" }, "Part", -1)),
+            d(l("input", {
+              "onUpdate:modelValue": e[9] || (e[9] = (t) => I.value = t),
+              class: "be-input be-input--narrow",
+              type: "number",
+              min: "1"
+            }, null, 512), [
+              [
+                v,
+                I.value,
+                void 0,
+                { number: !0 }
+              ]
+            ])
+          ]),
+          l("div", null, [
+            e[22] || (e[22] = l("label", { class: "be-label" }, "Total Parts", -1)),
+            d(l("input", {
+              "onUpdate:modelValue": e[10] || (e[10] = (t) => U.value = t),
+              class: "be-input be-input--narrow",
+              type: "number",
+              min: "1"
+            }, null, 512), [
+              [
+                v,
+                U.value,
+                void 0,
+                { number: !0 }
+              ]
+            ])
+          ])
         ])
       ]),
-      l("section", Pe, [
-        l("div", Te, [
-          (_(), w(W, null, j(Q, (a) => l("button", {
-            key: a.label,
+      l("section", Ne, [
+        l("div", qe, [
+          (c(!0), m(te, null, ae(ye(Pe), (t) => (c(), m("button", {
+            key: t.label,
             type: "button",
             class: "be-toolbar__btn",
-            title: a.label,
-            onClick: (r) => ne(a)
-          }, P(a.icon), 9, Se)), 64))
+            title: t.label,
+            onClick: (o) => ce(t)
+          }, V(t.icon), 9, Ge))), 128))
         ]),
-        l("div", Ee, [
-          l("div", Ue, [
-            e[15] || (e[15] = l("div", { class: "be-pane__label" }, "Markdown", -1)),
+        l("div", Ke, [
+          l("div", We, [
+            e[24] || (e[24] = l("div", { class: "be-pane__label" }, " Markdown ", -1)),
             l("textarea", {
               ref_key: "textareaEl",
-              ref: V,
+              ref: B,
               class: "be-pane__textarea",
-              value: i.value,
-              onInput: ee,
+              value: r.value,
               placeholder: "Write your post in markdown…",
-              spellcheck: "true"
-            }, null, 40, Be)
+              spellcheck: "true",
+              onInput: de
+            }, null, 40, je)
           ]),
-          l("div", Le, [
-            e[16] || (e[16] = l("div", { class: "be-pane__label" }, "Preview", -1)),
+          l("div", ze, [
+            e[25] || (e[25] = l("div", { class: "be-pane__label" }, " Preview ", -1)),
             l("div", {
               class: "be-pane__preview prose",
-              innerHTML: Y.value
-            }, null, 8, Ve)
+              innerHTML: ue.value
+            }, null, 8, Je)
           ])
         ])
       ]),
-      l("footer", De, [
-        l("span", He, "~" + P(d.value) + " min read", 1),
+      l("footer", Qe, [
+        l("span", Xe, "~" + V(p.value) + " min read", 1),
         l("button", {
           type: "button",
           class: "be-publish",
-          disabled: !D.value,
-          onClick: se
-        }, " Publish Post ", 8, Re)
+          disabled: !O.value,
+          onClick: me
+        }, " Publish Post ", 8, Ye)
       ])
     ]));
   }
 });
 export {
-  Ne as default
+  al as default
 };

package/dist/index28.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),h={class:"table-panel"},f={key:0,class:"dt-empty"},g={class:"dt-toolbar"},y=["placeholder","value"],C={class:"dt-pills"},v=["onClick"],B={class:"dt-count"},E={key:0,class:"dt-col-panel"},p=["checked","onChange"],V={class:"dt-scroll"},b=e.defineComponent({__name:"DataTable",props:{columnDefs:{default:()=>[]},colVisibility:{default:()=>({})},statuses:{default:()=>[]},statusFilter:{default:"all"},statusLabels:{default:()=>({})},searchValue:{default:""},searchPlaceholder:{default:"Search…"},totalCount:{default:0},filteredCount:{default:0},emptyMessage:{default:"No data yet."}},emits:["searchChange","statusChange","colToggle"],setup(t,{emit:u}){const i=t,c=u,o=e.ref(!1),s=e.ref(null);function d(a){return a==="all"?"All":i.statusLabels[a]??a}function r(a){var n;(n=s.value)!=null&&n.contains(a.target)||(o.value=!1,document.removeEventListener("click",r))}function m(){o.value=!o.value,o.value&&setTimeout(()=>document.addEventListener("click",r),0)}return(a,n)=>(e.openBlock(),e.createElementBlock("div",h,[t.totalCount===0?(e.openBlock(),e.createElementBlock("p",f,e.toDisplayString(t.emptyMessage),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",g,[t.statuses.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{class:"dt-search",type:"search",placeholder:t.searchPlaceholder,value:t.searchValue,onInput:n[0]||(n[0]=l=>c("searchChange",l.target.value))},null,40,y),e.createElementVNode("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statuses,l=>(e.openBlock(),e.createElementBlock("button",{key:l,class:e.normalizeClass(["dt-pill",{"dt-pill--active":t.statusFilter===l}]),onClick:k=>c("statusChange",l)},e.toDisplayString(d(l)),11,v))),128))]),e.createElementVNode("span",B,e.toDisplayString(t.filteredCount)+" of "+e.toDisplayString(t.totalCount),1)],64)):e.createCommentVNode("",!0),t.columnDefs.length>0?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"colWrapRef",ref:s,class:"dt-col-wrap"},[e.createElementVNode("button",{class:"dt-col-btn",onClick:m},"⚙ Columns"),o.value?(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnDefs,l=>(e.openBlock(),e.createElementBlock("label",{key:l.key,class:"dt-col-check"},[e.createElementVNode("input",{type:"checkbox",checked:t.colVisibility[l.key]??!0,onChange:k=>c("colToggle",l.key)},null,40,p),e.createTextVNode(" "+e.toDisplayString(l.label),1)]))),128))])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)]),e.createElementVNode("div",V,[e.renderSlot(a.$slots,"default")])],64))]))}});module.exports=b;
+"use strict";const e=require("vue"),h=require("./index75.cjs"),f={class:"table-panel"},g={key:0,class:"dt-empty"},y={class:"dt-toolbar"},C=["placeholder","value"],v={class:"dt-pills"},B=["onClick"],E={class:"dt-count"},p={key:0,class:"dt-col-panel"},b=["checked","onChange"],V={class:"dt-scroll"},N=e.defineComponent({__name:"DataTable",props:{columnDefs:{default:()=>[]},colVisibility:{default:()=>({})},statuses:{default:()=>[]},statusFilter:{default:"all"},statusLabels:{default:()=>({})},searchValue:{default:""},searchPlaceholder:{default:"Search…"},totalCount:{default:0},filteredCount:{default:0},emptyMessage:{default:"No data yet."}},emits:["searchChange","statusChange","colToggle"],setup(t,{emit:u}){const i=t,c=u,a=e.ref(!1),s=e.ref(null);function d(o){return h.getStatusLabel(o,i.statusLabels)}function r(o){var n;(n=s.value)!=null&&n.contains(o.target)||(a.value=!1,document.removeEventListener("click",r))}function m(){a.value=!a.value,a.value&&setTimeout(()=>document.addEventListener("click",r),0)}return(o,n)=>(e.openBlock(),e.createElementBlock("div",f,[t.totalCount===0?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(t.emptyMessage),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",y,[t.statuses.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{class:"dt-search",type:"search",placeholder:t.searchPlaceholder,value:t.searchValue,onInput:n[0]||(n[0]=l=>c("searchChange",l.target.value))},null,40,C),e.createElementVNode("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statuses,l=>(e.openBlock(),e.createElementBlock("button",{key:l,class:e.normalizeClass(["dt-pill",{"dt-pill--active":t.statusFilter===l}]),onClick:k=>c("statusChange",l)},e.toDisplayString(d(l)),11,B))),128))]),e.createElementVNode("span",E,e.toDisplayString(t.filteredCount)+" of "+e.toDisplayString(t.totalCount),1)],64)):e.createCommentVNode("",!0),t.columnDefs.length>0?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"colWrapRef",ref:s,class:"dt-col-wrap"},[e.createElementVNode("button",{class:"dt-col-btn",onClick:m}," ⚙ Columns "),a.value?(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnDefs,l=>(e.openBlock(),e.createElementBlock("label",{key:l.key,class:"dt-col-check"},[e.createElementVNode("input",{type:"checkbox",checked:t.colVisibility[l.key]??!0,onChange:k=>c("colToggle",l.key)},null,40,b),e.createTextVNode(" "+e.toDisplayString(l.label),1)]))),128))])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)]),e.createElementVNode("div",V,[e.renderSlot(o.$slots,"default")])],64))]))}});module.exports=N;

package/dist/index28.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as V, ref as m, openBlock as l, createElementBlock as a, toDisplayString as u, Fragment as d, createElementVNode as n, renderList as k, normalizeClass as p, createCommentVNode as r, createTextVNode as D, renderSlot as L } from "vue";
+import { defineComponent as p, ref as m, openBlock as l, createElementBlock as a, toDisplayString as u, Fragment as i, createElementVNode as s, renderList as k, normalizeClass as L, createCommentVNode as r, createTextVNode as V, renderSlot as D } from "vue";
+import { getStatusLabel as S } from "./index75.mjs";
 const T = { class: "table-panel" }, E = {
   key: 0,
   class: "dt-empty"
-}, N = { class: "dt-toolbar" }, S = ["placeholder", "value"], x = { class: "dt-pills" }, F = ["onClick"], $ = { class: "dt-count" }, w = {
+}, N = { class: "dt-toolbar" }, $ = ["placeholder", "value"], x = { class: "dt-pills" }, F = ["onClick"], w = { class: "dt-count" }, B = {
   key: 0,
   class: "dt-col-panel"
-}, B = ["checked", "onChange"], M = { class: "dt-scroll" }, R = /* @__PURE__ */ V({
+}, M = ["checked", "onChange"], P = { class: "dt-scroll" }, z = /* @__PURE__ */ p({
   __name: "DataTable",
   props: {
     columnDefs: { default: () => [] },
@@ -21,36 +22,36 @@ const T = { class: "table-panel" }, E = {
   },
   emits: ["searchChange", "statusChange", "colToggle"],
   setup(e, { emit: g }) {
-    const v = e, i = g, o = m(!1), h = m(null);
-    function C(s) {
-      return s === "all" ? "All" : v.statusLabels[s] ?? s;
+    const v = e, d = g, n = m(!1), h = m(null);
+    function C(o) {
+      return S(o, v.statusLabels);
     }
-    function f(s) {
+    function f(o) {
       var c;
-      (c = h.value) != null && c.contains(s.target) || (o.value = !1, document.removeEventListener("click", f));
+      (c = h.value) != null && c.contains(o.target) || (n.value = !1, document.removeEventListener("click", f));
     }
     function y() {
-      o.value = !o.value, o.value && setTimeout(() => document.addEventListener("click", f), 0);
+      n.value = !n.value, n.value && setTimeout(() => document.addEventListener("click", f), 0);
     }
-    return (s, c) => (l(), a("div", T, [
-      e.totalCount === 0 ? (l(), a("p", E, u(e.emptyMessage), 1)) : (l(), a(d, { key: 1 }, [
-        n("div", N, [
-          e.statuses.length > 0 ? (l(), a(d, { key: 0 }, [
-            n("input", {
+    return (o, c) => (l(), a("div", T, [
+      e.totalCount === 0 ? (l(), a("p", E, u(e.emptyMessage), 1)) : (l(), a(i, { key: 1 }, [
+        s("div", N, [
+          e.statuses.length > 0 ? (l(), a(i, { key: 0 }, [
+            s("input", {
               class: "dt-search",
               type: "search",
               placeholder: e.searchPlaceholder,
               value: e.searchValue,
-              onInput: c[0] || (c[0] = (t) => i("searchChange", t.target.value))
-            }, null, 40, S),
-            n("div", x, [
-              (l(!0), a(d, null, k(e.statuses, (t) => (l(), a("button", {
+              onInput: c[0] || (c[0] = (t) => d("searchChange", t.target.value))
+            }, null, 40, $),
+            s("div", x, [
+              (l(!0), a(i, null, k(e.statuses, (t) => (l(), a("button", {
                 key: t,
-                class: p(["dt-pill", { "dt-pill--active": e.statusFilter === t }]),
-                onClick: (b) => i("statusChange", t)
+                class: L(["dt-pill", { "dt-pill--active": e.statusFilter === t }]),
+                onClick: (b) => d("statusChange", t)
               }, u(C(t)), 11, F))), 128))
             ]),
-            n("span", $, u(e.filteredCount) + " of " + u(e.totalCount), 1)
+            s("span", w, u(e.filteredCount) + " of " + u(e.totalCount), 1)
           ], 64)) : r("", !0),
           e.columnDefs.length > 0 ? (l(), a("div", {
             key: 1,
@@ -58,32 +59,32 @@ const T = { class: "table-panel" }, E = {
             ref: h,
             class: "dt-col-wrap"
           }, [
-            n("button", {
+            s("button", {
               class: "dt-col-btn",
               onClick: y
-            }, "⚙ Columns"),
-            o.value ? (l(), a("div", w, [
-              (l(!0), a(d, null, k(e.columnDefs, (t) => (l(), a("label", {
+            }, " ⚙ Columns "),
+            n.value ? (l(), a("div", B, [
+              (l(!0), a(i, null, k(e.columnDefs, (t) => (l(), a("label", {
                 key: t.key,
                 class: "dt-col-check"
               }, [
-                n("input", {
+                s("input", {
                   type: "checkbox",
                   checked: e.colVisibility[t.key] ?? !0,
-                  onChange: (b) => i("colToggle", t.key)
-                }, null, 40, B),
-                D(" " + u(t.label), 1)
+                  onChange: (b) => d("colToggle", t.key)
+                }, null, 40, M),
+                V(" " + u(t.label), 1)
               ]))), 128))
             ])) : r("", !0)
           ], 512)) : r("", !0)
         ]),
-        n("div", M, [
-          L(s.$slots, "default")
+        s("div", P, [
+          D(o.$slots, "default")
         ])
       ], 64))
     ]));
   }
 });
 export {
-  R as default
+  z as default
 };