@m2s2/vue-lib 2.0.0 → 2.1.0

package/dist/index22.mjs

@@ -1,58 +1,44 @@
-import { defineComponent as d, openBlock as c, createElementBlock as n, createElementVNode as t, toDisplayString as i, createCommentVNode as l, Fragment as r, renderList as g } from "vue";
-const m = { class: "m2s2-blog-card" }, f = { class: "bc-cover" }, h = ["src", "alt"], u = {
-  key: 1,
-  class: "bc-cover-placeholder"
-}, b = { class: "bc-cover-tag" }, v = { class: "bc-inner" }, y = { class: "bc-meta" }, _ = ["dateTime"], k = {
+import { defineComponent as f, openBlock as t, createBlock as r, withCtx as l, createElementVNode as o, createElementBlock as n, createCommentVNode as i, toDisplayString as c, Fragment as d, renderList as u } from "vue";
+import m from "./index20.mjs";
+/* empty css         */
+const g = { class: "fc-header" }, h = ["innerHTML"], k = { class: "fc-title" }, y = { class: "fc-body" }, _ = {
   key: 0,
-  class: "bc-reading-time"
-}, D = { class: "bc-title" }, T = ["href"], B = { class: "bc-summary" }, C = { class: "bc-tags" }, E = /* @__PURE__ */ d({
-  __name: "BlogCard",
+  class: "fc-list"
+}, C = {
+  key: 1,
+  class: "fc-note"
+}, F = /* @__PURE__ */ f({
+  __name: "FeatureCard",
   props: {
     config: {}
   },
   setup(e) {
-    function a(o) {
-      return new Date(o).toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "long",
-        day: "numeric"
-      });
-    }
-    return (o, S) => (c(), n("div", m, [
-      t("div", f, [
-        e.config.coverImage ? (c(), n("img", {
-          key: 0,
-          src: e.config.coverImage,
-          alt: e.config.title,
-          class: "bc-cover-img",
-          loading: "lazy"
-        }, null, 8, h)) : (c(), n("div", u, [
-          t("span", b, i(e.config.tags[0]), 1)
-        ]))
-      ]),
-      t("div", v, [
-        t("div", y, [
-          t("time", {
-            dateTime: e.config.date
-          }, i(a(e.config.date)), 9, _),
-          e.config.readingTime ? (c(), n("span", k, i(e.config.readingTime) + " min read", 1)) : l("", !0)
-        ]),
-        t("h2", D, [
-          t("a", {
-            href: `/blog/${e.config.slug}`
-          }, i(e.config.title), 9, T)
-        ]),
-        t("p", B, i(e.config.summary), 1),
-        t("div", C, [
-          (c(!0), n(r, null, g(e.config.tags, (s) => (c(), n("span", {
-            key: s,
-            class: "bc-tag"
-          }, i(s), 1))), 128))
-        ])
-      ])
-    ]));
+    return (x, B) => (t(), r(m, {
+      featured: e.config.featured ?? !1
+    }, {
+      default: l(() => {
+        var a;
+        return [
+          o("div", g, [
+            e.config.icon ? (t(), n("span", {
+              key: 0,
+              class: "fc-icon",
+              "aria-hidden": "true",
+              innerHTML: e.config.icon
+            }, null, 8, h)) : i("", !0),
+            o("h2", k, c(e.config.title), 1)
+          ]),
+          o("p", y, c(e.config.body), 1),
+          (a = e.config.items) != null && a.length ? (t(), n("ul", _, [
+            (t(!0), n(d, null, u(e.config.items, (s) => (t(), n("li", { key: s }, c(s), 1))), 128))
+          ])) : i("", !0),
+          e.config.note ? (t(), n("p", C, c(e.config.note), 1)) : i("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["featured"]));
   }
 });
 export {
-  E as default
+  F as default
 };

package/dist/index24.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"),a={class:"m2s2-blog-card"},i={class:"bc-cover"},s=["src","alt"],l={key:1,class:"bc-cover-placeholder"},r={class:"bc-cover-tag"},d={class:"bc-inner"},m={class:"bc-meta"},g=["dateTime"],f={key:0,class:"bc-reading-time"},h={class:"bc-title"},u=["href"],k={class:"bc-summary"},y={class:"bc-tags"},E=e.defineComponent({__name:"BlogCard",props:{config:{}},setup(t){function o(c){return new Date(c).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}return(c,b)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",i,[t.config.coverImage?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.config.coverImage,alt:t.config.title,class:"bc-cover-img",loading:"lazy"},null,8,s)):(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("span",r,e.toDisplayString(t.config.tags[0]),1)]))]),e.createElementVNode("div",d,[e.createElementVNode("div",m,[e.createElementVNode("time",{dateTime:t.config.date},e.toDisplayString(o(t.config.date)),9,g),t.config.readingTime?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(t.config.readingTime)+" min read",1)):e.createCommentVNode("",!0)]),e.createElementVNode("h2",h,[e.createElementVNode("a",{href:`/blog/${t.config.slug}`},e.toDisplayString(t.config.title),9,u)]),e.createElementVNode("p",k,e.toDisplayString(t.config.summary),1),e.createElementVNode("div",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.tags,n=>(e.openBlock(),e.createElementBlock("span",{key:n,class:"bc-tag"},e.toDisplayString(n),1))),128))])])]))}});module.exports=E;

package/dist/index24.mjs

@@ -1,89 +1,58 @@
-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";
-const T = { class: "table-panel" }, E = {
+import { defineComponent as d, openBlock as c, createElementBlock as n, createElementVNode as t, toDisplayString as i, createCommentVNode as l, Fragment as r, renderList as g } from "vue";
+const m = { class: "m2s2-blog-card" }, f = { class: "bc-cover" }, h = ["src", "alt"], u = {
+  key: 1,
+  class: "bc-cover-placeholder"
+}, b = { class: "bc-cover-tag" }, v = { class: "bc-inner" }, y = { class: "bc-meta" }, _ = ["dateTime"], k = {
   key: 0,
-  class: "dt-empty"
-}, N = { class: "dt-toolbar" }, S = ["placeholder", "value"], x = { class: "dt-pills" }, F = ["onClick"], $ = { class: "dt-count" }, w = {
-  key: 0,
-  class: "dt-col-panel"
-}, B = ["checked", "onChange"], M = { class: "dt-scroll" }, R = /* @__PURE__ */ V({
-  __name: "DataTable",
+  class: "bc-reading-time"
+}, D = { class: "bc-title" }, T = ["href"], B = { class: "bc-summary" }, C = { class: "bc-tags" }, E = /* @__PURE__ */ d({
+  __name: "BlogCard",
   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." }
+    config: {}
   },
-  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;
-    }
-    function f(s) {
-      var c;
-      (c = h.value) != null && c.contains(s.target) || (o.value = !1, document.removeEventListener("click", f));
+  setup(e) {
+    function a(o) {
+      return new Date(o).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
     }
-    function y() {
-      o.value = !o.value, o.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", {
-              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", {
-                key: t,
-                class: p(["dt-pill", { "dt-pill--active": e.statusFilter === t }]),
-                onClick: (b) => i("statusChange", t)
-              }, u(C(t)), 11, F))), 128))
-            ]),
-            n("span", $, u(e.filteredCount) + " of " + u(e.totalCount), 1)
-          ], 64)) : r("", !0),
-          e.columnDefs.length > 0 ? (l(), a("div", {
-            key: 1,
-            ref_key: "colWrapRef",
-            ref: h,
-            class: "dt-col-wrap"
-          }, [
-            n("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", {
-                key: t.key,
-                class: "dt-col-check"
-              }, [
-                n("input", {
-                  type: "checkbox",
-                  checked: e.colVisibility[t.key] ?? !0,
-                  onChange: (b) => i("colToggle", t.key)
-                }, null, 40, B),
-                D(" " + u(t.label), 1)
-              ]))), 128))
-            ])) : r("", !0)
-          ], 512)) : r("", !0)
+    return (o, S) => (c(), n("div", m, [
+      t("div", f, [
+        e.config.coverImage ? (c(), n("img", {
+          key: 0,
+          src: e.config.coverImage,
+          alt: e.config.title,
+          class: "bc-cover-img",
+          loading: "lazy"
+        }, null, 8, h)) : (c(), n("div", u, [
+          t("span", b, i(e.config.tags[0]), 1)
+        ]))
+      ]),
+      t("div", v, [
+        t("div", y, [
+          t("time", {
+            dateTime: e.config.date
+          }, i(a(e.config.date)), 9, _),
+          e.config.readingTime ? (c(), n("span", k, i(e.config.readingTime) + " min read", 1)) : l("", !0)
+        ]),
+        t("h2", D, [
+          t("a", {
+            href: `/blog/${e.config.slug}`
+          }, i(e.config.title), 9, T)
         ]),
-        n("div", M, [
-          L(s.$slots, "default")
+        t("p", B, i(e.config.summary), 1),
+        t("div", C, [
+          (c(!0), n(r, null, g(e.config.tags, (s) => (c(), n("span", {
+            key: s,
+            class: "bc-tag"
+          }, i(s), 1))), 128))
         ])
-      ], 64))
+      ])
     ]));
   }
 });
 export {
-  R as default
+  E as default
 };

package/dist/index26.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),b={key:0,class:"sub-form"},d=["disabled"],m=["disabled"],v=["disabled"],p={key:0,class:"sub-feedback sub-feedback--error"},k={key:1,class:"sub-success"},g={key:1,class:"sub-auth"},f=["disabled"],y={key:0,class:"sub-feedback sub-feedback--success"},h=["disabled"],B={key:2,class:"sub-feedback sub-feedback--error"},_=e.defineComponent({__name:"SubscribeForm",props:{mode:{default:"anon"},subscribeAnon:{},subscribeAuth:{},unsubscribeAuth:{}},setup(c){const u=c,n=e.ref(""),l=e.ref(""),t=e.ref("idle"),o=e.ref(!1),r=e.computed(()=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.value.trim()));async function a(){if(t.value!=="submitting")if(u.mode==="auth")if(o.value){if(!u.unsubscribeAuth)return;t.value="submitting";try{await u.unsubscribeAuth(),o.value=!1,t.value="idle"}catch{t.value="error"}}else{if(!u.subscribeAuth)return;t.value="submitting";try{await u.subscribeAuth(),o.value=!0,t.value="done"}catch{t.value="error"}}else{if(!r.value||!u.subscribeAnon)return;t.value="submitting";try{await u.subscribeAnon(n.value.trim(),l.value.trim()),t.value="done"}catch{t.value="error"}}}return(E,s)=>c.mode==="anon"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value!=="done"?(e.openBlock(),e.createElementBlock("div",b,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=i=>l.value=i),class:"sub-input",type:"text",placeholder:"Your name (optional)",disabled:t.value==="submitting"},null,8,d),[[e.vModelText,l.value]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[1]||(s[1]=i=>n.value=i),class:"sub-input",type:"email",placeholder:"your@email.com",disabled:t.value==="submitting"},null,8,m),[[e.vModelText,n.value]]),e.createElementVNode("button",{class:"sub-btn",disabled:!r.value||t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Submitting…":"Subscribe"),9,v),t.value==="error"?(e.openBlock(),e.createElementBlock("p",p," Something went wrong — please try again. ")):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",k,[...s[2]||(s[2]=[e.createElementVNode("span",{class:"sub-success-icon"},"✓",-1),e.createElementVNode("p",{class:"sub-success-text"},"Check your email to confirm your subscription.",-1)])]))],64)):(e.openBlock(),e.createElementBlock("div",g,[o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s[3]||(s[3]=e.createElementVNode("span",{class:"sub-subscribed-label"},"✓ Subscribed to blog updates",-1)),e.createElementVNode("button",{class:"sub-btn sub-btn--unsub",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Unsubscribing…":"Unsubscribe"),9,h)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"sub-btn",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Subscribing…":"Subscribe to Blog Updates"),9,f),t.value==="done"?(e.openBlock(),e.createElementBlock("p",y,"You're subscribed!")):e.createCommentVNode("",!0)],64)),t.value==="error"?(e.openBlock(),e.createElementBlock("p",B," Something went wrong — please try again. ")):e.createCommentVNode("",!0)]))}});module.exports=_;
+"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;

package/dist/index26.mjs

@@ -1,112 +1,89 @@
-import { defineComponent as k, ref as o, computed as y, openBlock as s, createElementBlock as t, Fragment as d, withDirectives as f, createElementVNode as i, vModelText as h, toDisplayString as m, createCommentVNode as v } from "vue";
-const _ = {
+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";
+const T = { class: "table-panel" }, E = {
   key: 0,
-  class: "sub-form"
-}, A = ["disabled"], S = ["disabled"], w = ["disabled"], C = {
+  class: "dt-empty"
+}, N = { class: "dt-toolbar" }, S = ["placeholder", "value"], x = { class: "dt-pills" }, F = ["onClick"], $ = { class: "dt-count" }, w = {
   key: 0,
-  class: "sub-feedback sub-feedback--error"
-}, x = {
-  key: 1,
-  class: "sub-success"
-}, U = {
-  key: 1,
-  class: "sub-auth"
-}, V = ["disabled"], B = {
-  key: 0,
-  class: "sub-feedback sub-feedback--success"
-}, D = ["disabled"], E = {
-  key: 2,
-  class: "sub-feedback sub-feedback--error"
-}, Y = /* @__PURE__ */ k({
-  __name: "SubscribeForm",
+  class: "dt-col-panel"
+}, B = ["checked", "onChange"], M = { class: "dt-scroll" }, R = /* @__PURE__ */ V({
+  __name: "DataTable",
   props: {
-    mode: { default: "anon" },
-    subscribeAnon: {},
-    subscribeAuth: {},
-    unsubscribeAuth: {}
+    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." }
   },
-  setup(p) {
-    const a = p, n = o(""), b = o(""), e = o("idle"), l = o(!1), g = y(() => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.value.trim()));
-    async function r() {
-      if (e.value !== "submitting")
-        if (a.mode === "auth")
-          if (l.value) {
-            if (!a.unsubscribeAuth) return;
-            e.value = "submitting";
-            try {
-              await a.unsubscribeAuth(), l.value = !1, e.value = "idle";
-            } catch {
-              e.value = "error";
-            }
-          } else {
-            if (!a.subscribeAuth) return;
-            e.value = "submitting";
-            try {
-              await a.subscribeAuth(), l.value = !0, e.value = "done";
-            } catch {
-              e.value = "error";
-            }
-          }
-        else {
-          if (!g.value || !a.subscribeAnon) return;
-          e.value = "submitting";
-          try {
-            await a.subscribeAnon(n.value.trim(), b.value.trim()), e.value = "done";
-          } catch {
-            e.value = "error";
-          }
-        }
+  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;
     }
-    return (F, u) => p.mode === "anon" ? (s(), t(d, { key: 0 }, [
-      e.value !== "done" ? (s(), t("div", _, [
-        f(i("input", {
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => b.value = c),
-          class: "sub-input",
-          type: "text",
-          placeholder: "Your name (optional)",
-          disabled: e.value === "submitting"
-        }, null, 8, A), [
-          [h, b.value]
-        ]),
-        f(i("input", {
-          "onUpdate:modelValue": u[1] || (u[1] = (c) => n.value = c),
-          class: "sub-input",
-          type: "email",
-          placeholder: "your@email.com",
-          disabled: e.value === "submitting"
-        }, null, 8, S), [
-          [h, n.value]
+    function f(s) {
+      var c;
+      (c = h.value) != null && c.contains(s.target) || (o.value = !1, document.removeEventListener("click", f));
+    }
+    function y() {
+      o.value = !o.value, o.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", {
+              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", {
+                key: t,
+                class: p(["dt-pill", { "dt-pill--active": e.statusFilter === t }]),
+                onClick: (b) => i("statusChange", t)
+              }, u(C(t)), 11, F))), 128))
+            ]),
+            n("span", $, u(e.filteredCount) + " of " + u(e.totalCount), 1)
+          ], 64)) : r("", !0),
+          e.columnDefs.length > 0 ? (l(), a("div", {
+            key: 1,
+            ref_key: "colWrapRef",
+            ref: h,
+            class: "dt-col-wrap"
+          }, [
+            n("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", {
+                key: t.key,
+                class: "dt-col-check"
+              }, [
+                n("input", {
+                  type: "checkbox",
+                  checked: e.colVisibility[t.key] ?? !0,
+                  onChange: (b) => i("colToggle", t.key)
+                }, null, 40, B),
+                D(" " + u(t.label), 1)
+              ]))), 128))
+            ])) : r("", !0)
+          ], 512)) : r("", !0)
         ]),
-        i("button", {
-          class: "sub-btn",
-          disabled: !g.value || e.value === "submitting",
-          onClick: r
-        }, m(e.value === "submitting" ? "Submitting…" : "Subscribe"), 9, w),
-        e.value === "error" ? (s(), t("p", C, " Something went wrong — please try again. ")) : v("", !0)
-      ])) : (s(), t("div", x, [...u[2] || (u[2] = [
-        i("span", { class: "sub-success-icon" }, "✓", -1),
-        i("p", { class: "sub-success-text" }, "Check your email to confirm your subscription.", -1)
-      ])]))
-    ], 64)) : (s(), t("div", U, [
-      l.value ? (s(), t(d, { key: 1 }, [
-        u[3] || (u[3] = i("span", { class: "sub-subscribed-label" }, "✓ Subscribed to blog updates", -1)),
-        i("button", {
-          class: "sub-btn sub-btn--unsub",
-          disabled: e.value === "submitting",
-          onClick: r
-        }, m(e.value === "submitting" ? "Unsubscribing…" : "Unsubscribe"), 9, D)
-      ], 64)) : (s(), t(d, { key: 0 }, [
-        i("button", {
-          class: "sub-btn",
-          disabled: e.value === "submitting",
-          onClick: r
-        }, m(e.value === "submitting" ? "Subscribing…" : "Subscribe to Blog Updates"), 9, V),
-        e.value === "done" ? (s(), t("p", B, "You're subscribed!")) : v("", !0)
-      ], 64)),
-      e.value === "error" ? (s(), t("p", E, " Something went wrong — please try again. ")) : v("", !0)
+        n("div", M, [
+          L(s.$slots, "default")
+        ])
+      ], 64))
     ]));
   }
 });
 export {
-  Y as default
+  R as default
 };

package/dist/index28.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),m={class:"m2s2-dialog-content",role:"dialog","aria-modal":!0,"aria-labelledby":"dialog-title"},k={class:"dialog-header"},g={id:"dialog-title",class:"dialog-title"},u={class:"dialog-body"},y={key:0,class:"dialog-message"},B={key:0,class:"dialog-footer"},f=["onClick"],C=e.defineComponent({__name:"Dialog",props:{data:{},open:{type:Boolean}},emits:["action","close"],setup(t,{emit:i}){const n=t,l=i;function s(o){l("action",o.value)}function d(){n.data.modal||l("close")}function r(o){o.key==="Escape"&&!n.data.modal&&l("close")}return(o,c)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"dialog-fade"},{default:e.withCtx(()=>[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m2s2-dialog-overlay",onClick:e.withModifiers(d,["self"]),onKeydown:r},[e.createElementVNode("div",m,[e.createElementVNode("div",k,[e.createElementVNode("h2",g,e.toDisplayString(t.data.title),1),t.data.modal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"dialog-close","aria-label":"Close",onClick:c[0]||(c[0]=a=>l("close"))},"✕"))]),e.createElementVNode("div",u,[t.data.message?(e.openBlock(),e.createElementBlock("p",y,e.toDisplayString(t.data.message),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]),t.data.actions.length?(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.actions,a=>(e.openBlock(),e.createElementBlock("button",{key:a.label,class:e.normalizeClass(["dialog-btn",`dialog-btn--${a.variant??"secondary"}`]),onClick:b=>s(a)},e.toDisplayString(a.label),11,f))),128))])):e.createCommentVNode("",!0)])],32)):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=C;
+"use strict";const e=require("vue"),b={key:0,class:"sub-form"},d=["disabled"],m=["disabled"],v=["disabled"],p={key:0,class:"sub-feedback sub-feedback--error"},k={key:1,class:"sub-success"},g={key:1,class:"sub-auth"},f=["disabled"],y={key:0,class:"sub-feedback sub-feedback--success"},h=["disabled"],B={key:2,class:"sub-feedback sub-feedback--error"},_=e.defineComponent({__name:"SubscribeForm",props:{mode:{default:"anon"},subscribeAnon:{},subscribeAuth:{},unsubscribeAuth:{}},setup(c){const u=c,n=e.ref(""),l=e.ref(""),t=e.ref("idle"),o=e.ref(!1),r=e.computed(()=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.value.trim()));async function a(){if(t.value!=="submitting")if(u.mode==="auth")if(o.value){if(!u.unsubscribeAuth)return;t.value="submitting";try{await u.unsubscribeAuth(),o.value=!1,t.value="idle"}catch{t.value="error"}}else{if(!u.subscribeAuth)return;t.value="submitting";try{await u.subscribeAuth(),o.value=!0,t.value="done"}catch{t.value="error"}}else{if(!r.value||!u.subscribeAnon)return;t.value="submitting";try{await u.subscribeAnon(n.value.trim(),l.value.trim()),t.value="done"}catch{t.value="error"}}}return(E,s)=>c.mode==="anon"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value!=="done"?(e.openBlock(),e.createElementBlock("div",b,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=i=>l.value=i),class:"sub-input",type:"text",placeholder:"Your name (optional)",disabled:t.value==="submitting"},null,8,d),[[e.vModelText,l.value]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[1]||(s[1]=i=>n.value=i),class:"sub-input",type:"email",placeholder:"your@email.com",disabled:t.value==="submitting"},null,8,m),[[e.vModelText,n.value]]),e.createElementVNode("button",{class:"sub-btn",disabled:!r.value||t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Submitting…":"Subscribe"),9,v),t.value==="error"?(e.openBlock(),e.createElementBlock("p",p," Something went wrong — please try again. ")):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",k,[...s[2]||(s[2]=[e.createElementVNode("span",{class:"sub-success-icon"},"✓",-1),e.createElementVNode("p",{class:"sub-success-text"},"Check your email to confirm your subscription.",-1)])]))],64)):(e.openBlock(),e.createElementBlock("div",g,[o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s[3]||(s[3]=e.createElementVNode("span",{class:"sub-subscribed-label"},"✓ Subscribed to blog updates",-1)),e.createElementVNode("button",{class:"sub-btn sub-btn--unsub",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Unsubscribing…":"Unsubscribe"),9,h)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"sub-btn",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Subscribing…":"Subscribe to Blog Updates"),9,f),t.value==="done"?(e.openBlock(),e.createElementBlock("p",y,"You're subscribed!")):e.createCommentVNode("",!0)],64)),t.value==="error"?(e.openBlock(),e.createElementBlock("p",B," Something went wrong — please try again. ")):e.createCommentVNode("",!0)]))}});module.exports=_;