@m2s2/vue-lib 2.1.0 → 2.2.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs");;/* empty css         */const r=require("./index4.cjs");;/* empty css         */const _=require("./index6.cjs");;/* empty css         */const t=require("./index8.cjs");;/* empty css         */const u=require("./index10.cjs");;/* empty css          */const s=require("./index12.cjs");;/* empty css          */const i=require("./index14.cjs");;/* empty css          */const a=require("./index16.cjs");;/* empty css          */const p=require("./index18.cjs");;/* empty css          */const c=require("./index20.cjs");;/* empty css          */const n=require("./index22.cjs");;/* empty css          */const o=require("./index24.cjs");;/* empty css          */const v=require("./index26.cjs");;/* empty css          */const q=require("./index28.cjs");;/* empty css          */const l=require("./index30.cjs");;/* empty css          */const g=require("./index32.cjs");;/* empty css          */exports.Chat=e;exports.SectionHeader=r;exports.StatRow=_;exports.StatusBadge=t;exports.PageHeader=u;exports.CtaSection=s;exports.ProcessSteps=i;exports.Footer=a;exports.Navbar=p;exports.BaseCard=c;exports.FeatureCard=n;exports.BlogCard=o;exports.DataTable=v;exports.SubscribeForm=q;exports.Dialog=l;exports.Panel=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs");;/* empty css         */const r=require("./index4.cjs");;/* empty css         */const _=require("./index6.cjs");;/* empty css         */const t=require("./index8.cjs");;/* empty css         */const u=require("./index10.cjs");;/* empty css          */const s=require("./index12.cjs");;/* empty css          */const i=require("./index14.cjs");;/* empty css          */const a=require("./index16.cjs");;/* empty css          */const p=require("./index18.cjs");;/* empty css          */const c=require("./index20.cjs");;/* empty css          */const o=require("./index22.cjs");;/* empty css          */const n=require("./index24.cjs");;/* empty css          */const v=require("./index26.cjs");;/* empty css          */const q=require("./index28.cjs");;/* empty css          */const l=require("./index30.cjs");;/* empty css          */const g=require("./index32.cjs");;/* empty css          */const y=require("./index34.cjs");;/* empty css          */exports.Chat=e;exports.SectionHeader=r;exports.StatRow=_;exports.StatusBadge=t;exports.PageHeader=u;exports.CtaSection=s;exports.ProcessSteps=i;exports.Footer=a;exports.Navbar=p;exports.BaseCard=c;exports.FeatureCard=o;exports.BlogCard=n;exports.BlogEditor=v;exports.DataTable=q;exports.SubscribeForm=l;exports.Dialog=g;exports.Panel=y;

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { default as g } from "./index2.mjs";
+import { default as B } from "./index2.mjs";
 /* empty css        */
-import { default as B } from "./index4.mjs";
+import { default as F } from "./index4.mjs";
 /* empty css        */
-import { default as P } from "./index6.mjs";
+import { default as D } from "./index6.mjs";
 /* empty css        */
-import { default as H } from "./index8.mjs";
+import { default as h } from "./index8.mjs";
 /* empty css        */
-import { default as v } from "./index10.mjs";
+import { default as w } from "./index10.mjs";
 /* empty css         */
 import { default as N } from "./index12.mjs";
 /* empty css         */
@@ -18,33 +18,36 @@ import { default as y } from "./index18.mjs";
 /* empty css         */
 import { default as A } from "./index20.mjs";
 /* empty css         */
-import { default as G } from "./index22.mjs";
+import { default as I } from "./index22.mjs";
 /* empty css         */
-import { default as J } from "./index24.mjs";
+import { default as K } from "./index24.mjs";
 /* empty css         */
-import { default as L } from "./index26.mjs";
+import { default as M } from "./index26.mjs";
 /* empty css         */
-import { default as O } from "./index28.mjs";
+import { default as Q } from "./index28.mjs";
 /* empty css         */
-import { default as U } from "./index30.mjs";
+import { default as V } from "./index30.mjs";
 /* empty css         */
-import { default as W } from "./index32.mjs";
+import { default as X } from "./index32.mjs";
+/* empty css         */
+import { default as Z } from "./index34.mjs";
 /* empty css         */
 export {
   A as BaseCard,
-  J as BlogCard,
-  g as Chat,
+  K as BlogCard,
+  M as BlogEditor,
+  B as Chat,
   N as CtaSection,
-  L as DataTable,
-  U as Dialog,
-  G as FeatureCard,
+  Q as DataTable,
+  X as Dialog,
+  I as FeatureCard,
   k as Footer,
   y as Navbar,
-  v as PageHeader,
-  W as Panel,
+  w as PageHeader,
+  Z as Panel,
   T as ProcessSteps,
-  B as SectionHeader,
-  P as StatRow,
-  H as StatusBadge,
-  O as SubscribeForm
+  F as SectionHeader,
+  D as StatRow,
+  h as StatusBadge,
+  V as SubscribeForm
 };

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index50.cjs"),n={class:"m2s2-footer"},l={class:"footer-inner"},s={class:"footer-copy"},c={class:"footer-social","aria-label":"Social links"},i=["href","title","aria-label"],_=e.defineComponent({__name:"Footer",props:{config:{}},setup(o){const r=new Date().getFullYear();return(p,u)=>(e.openBlock(),e.createElementBlock("footer",n,[e.createElementVNode("div",l,[e.createElementVNode("span",s," © "+e.toDisplayString(e.unref(r))+" "+e.toDisplayString(o.config.brandName)+" — All Rights Reserved ",1),e.createElementVNode("nav",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.config.links,t=>(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:t.type,href:t.href,class:"social-link",title:t.label??t.type,"aria-label":t.label??t.type},{ref_for:!0},t.type!=="email"?{target:"_blank",rel:"noopener noreferrer"}:{}),[e.createVNode(a,{type:t.type},null,8,["type"])],16,i))),128))])])]))}});module.exports=_;
+"use strict";const e=require("vue"),a=require("./index54.cjs"),n={class:"m2s2-footer"},l={class:"footer-inner"},s={class:"footer-copy"},c={class:"footer-social","aria-label":"Social links"},i=["href","title","aria-label"],_=e.defineComponent({__name:"Footer",props:{config:{}},setup(o){const r=new Date().getFullYear();return(p,u)=>(e.openBlock(),e.createElementBlock("footer",n,[e.createElementVNode("div",l,[e.createElementVNode("span",s," © "+e.toDisplayString(e.unref(r))+" "+e.toDisplayString(o.config.brandName)+" — All Rights Reserved ",1),e.createElementVNode("nav",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.config.links,t=>(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:t.type,href:t.href,class:"social-link",title:t.label??t.type,"aria-label":t.label??t.type},{ref_for:!0},t.type!=="email"?{target:"_blank",rel:"noopener noreferrer"}:{}),[e.createVNode(a,{type:t.type},null,8,["type"])],16,i))),128))])])]))}});module.exports=_;

package/dist/index16.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as l, openBlock as t, createElementBlock as o, createElementVNode as r, toDisplayString as s, unref as c, Fragment as i, renderList as f, mergeProps as p, createVNode as _ } from "vue";
-import m from "./index50.mjs";
+import m from "./index54.mjs";
 const d = { class: "m2s2-footer" }, u = { class: "footer-inner" }, y = { class: "footer-copy" }, h = {
   class: "footer-social",
   "aria-label": "Social links"

package/dist/index26.cjs

@@ -1 +1,6 @@
-"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"),Q=require("./index53.cjs"),X={class:"be-root"},Y={class:"be-meta"},Z={class:"be-field be-field--full"},ee=["value"],te={class:"be-field"},le={class:"be-field"},ae={class:"be-field be-field--full"},ne={class:"be-field be-field--full"},oe={class:"be-field"},ie={class:"be-tags"},se=["onClick","aria-label"],re={class:"be-field"},ce={class:"be-field be-field--cover"},ue={class:"be-cover"},de=["src"],ve={class:"be-cover__pick"},be={class:"be-editor"},me={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},pe=["title","onClick"],ge={class:"be-panes"},fe={class:"be-pane be-pane--write"},Ee=["value"],Ve={class:"be-pane be-pane--preview"},Ne=["innerHTML"],_e={class:"be-footer"},xe={class:"be-footer__meta"},ke=["disabled"],we=e.defineComponent({__name:"BlogEditor",props:{initialPost:{},coverImageUrl:{}},emits:["publish","coverImageSelected"],setup(R,{emit:q}){var T,C,I,P,B,D,S,M,U;const n=R,x=q,F=[{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 O(){return new Date().toISOString().split("T")[0]}function k(l){return l.toLowerCase().replace(/[^a-z0-9\s-]/g,"").trim().replace(/\s+/g,"-").replace(/-+/g,"-")}function w(l){const t=l.trim().split(/\s+/).filter(Boolean).length;return Math.max(1,Math.ceil(t/200))}const c=e.ref(((T=n.initialPost)==null?void 0:T.title)??""),d=e.ref(((C=n.initialPost)==null?void 0:C.slug)??""),p=e.ref(((I=n.initialPost)==null?void 0:I.date)??O()),v=e.ref(((P=n.initialPost)==null?void 0:P.summary)??""),g=e.ref(((B=n.initialPost)==null?void 0:B.excerpt)??""),o=e.ref([...((D=n.initialPost)==null?void 0:D.tags)??[]]),u=e.ref(((S=n.initialPost)==null?void 0:S.readingTime)??1),i=e.ref(((M=n.initialPost)==null?void 0:M.content)??""),f=e.ref((U=n.initialPost)==null?void 0:U.coverImage),b=e.ref(""),N=e.ref(!!n.initialPost),h=e.ref(null);e.watch(()=>n.initialPost,l=>{l&&(c.value=l.title,d.value=l.slug,p.value=l.date,v.value=l.summary,g.value=l.excerpt??"",o.value=[...l.tags],u.value=l.readingTime??1,i.value=l.content,f.value=l.coverImage,N.value=!0)});const $=e.computed(()=>Q.marked.parse(i.value)),y=e.computed(()=>c.value.trim().length>0&&v.value.trim().length>0&&i.value.trim().length>0),_=e.computed(()=>f.value??n.coverImageUrl);function A(l){c.value=l.target.value,N.value||(d.value=k(c.value)),u.value=w(i.value)}function K(l){i.value=l.target.value,u.value=w(i.value)}function z(l){if(l.key==="Enter"||l.key===","){l.preventDefault();const t=b.value.trim().replace(/,/g,"").toLowerCase();t&&!o.value.includes(t)&&(o.value=[...o.value,t]),b.value=""}l.key==="Backspace"&&!b.value&&o.value.length&&(o.value=o.value.slice(0,-1))}function W(l){o.value=o.value.filter(t=>t!==l)}function j(l){var s;const t=(s=l.target.files)==null?void 0:s[0];if(!t)return;x("coverImageSelected",t);const a=new FileReader;a.onload=()=>{f.value=a.result},a.readAsDataURL(t)}function G(l){const t=h.value;if(!t)return;const a=t.selectionStart,s=t.selectionEnd,r=i.value;let E,V;if(l.wrap){const[m,L]=l.wrap,H=r.slice(a,s)||"text";E=r.slice(0,a)+m+H+L+r.slice(s),V=a+m.length+H.length+L.length}else if(l.prefix){const m=r.lastIndexOf(`
+`,a-1)+1;E=r.slice(0,m)+l.prefix+r.slice(m),V=a+l.prefix.length}else if(l.block)E=r.slice(0,a)+l.block+r.slice(s),V=a+l.block.length;else return;i.value=E,setTimeout(()=>{t.selectionStart=t.selectionEnd=V,t.focus()},0)}function J(){y.value&&x("publish",{title:c.value,slug:d.value||k(c.value),date:p.value,summary:v.value,excerpt:g.value||void 0,tags:o.value,readingTime:u.value,content:i.value,coverImage:n.coverImageUrl??f.value})}return(l,t)=>(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("section",Y,[e.createElementVNode("div",Z,[t[7]||(t[7]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Title "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.createElementVNode("input",{class:"be-input",type:"text",value:c.value,onInput:A,placeholder:"Post title…"},null,40,ee)]),e.createElementVNode("div",te,[t[8]||(t[8]=e.createElementVNode("label",{class:"be-label"},"Slug",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"text","onUpdate:modelValue":t[0]||(t[0]=a=>d.value=a),onInput:t[1]||(t[1]=a=>N.value=!0),placeholder:"post-slug"},null,544),[[e.vModelText,d.value]])]),e.createElementVNode("div",le,[t[9]||(t[9]=e.createElementVNode("label",{class:"be-label"},"Date",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"date","onUpdate:modelValue":t[2]||(t[2]=a=>p.value=a)},null,512),[[e.vModelText,p.value]])]),e.createElementVNode("div",ae,[t[10]||(t[10]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Summary "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[3]||(t[3]=a=>v.value=a),placeholder:"Short description shown in blog listings…"},null,512),[[e.vModelText,v.value]])]),e.createElementVNode("div",ne,[t[11]||(t[11]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Excerpt "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[4]||(t[4]=a=>g.value=a),placeholder:"Longer teaser for social previews…"},null,512),[[e.vModelText,g.value]])]),e.createElementVNode("div",oe,[t[12]||(t[12]=e.createElementVNode("label",{class:"be-label"},"Tags",-1)),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,a=>(e.openBlock(),e.createElementBlock("span",{key:a,class:"be-tag"},[e.createTextVNode(e.toDisplayString(a)+" ",1),e.createElementVNode("button",{type:"button",class:"be-tag__remove",onClick:s=>W(a),"aria-label":`Remove tag ${a}`},"×",8,se)]))),128)),e.withDirectives(e.createElementVNode("input",{class:"be-tag-input",type:"text","onUpdate:modelValue":t[5]||(t[5]=a=>b.value=a),onKeydown:z,placeholder:"Add tag, press Enter…"},null,544),[[e.vModelText,b.value]])])]),e.createElementVNode("div",re,[t[13]||(t[13]=e.createElementVNode("label",{class:"be-label"},"Reading time (min)",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input be-input--narrow",type:"number",min:"1","onUpdate:modelValue":t[6]||(t[6]=a=>u.value=a)},null,512),[[e.vModelText,u.value,void 0,{number:!0}]])]),e.createElementVNode("div",ce,[t[14]||(t[14]=e.createElementVNode("label",{class:"be-label"},"Cover Image",-1)),e.createElementVNode("div",ue,[_.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"be-cover__preview",src:_.value,alt:"Cover preview"},null,8,de)):e.createCommentVNode("",!0),e.createElementVNode("label",ve,[e.createTextVNode(e.toDisplayString(_.value?"Replace":"Choose image")+" ",1),e.createElementVNode("input",{type:"file",accept:"image/*",onChange:j,hidden:""},null,32)])])])]),e.createElementVNode("section",be,[e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(F,a=>e.createElementVNode("button",{key:a.label,type:"button",class:"be-toolbar__btn",title:a.label,onClick:s=>G(a)},e.toDisplayString(a.icon),9,pe)),64))]),e.createElementVNode("div",ge,[e.createElementVNode("div",fe,[t[15]||(t[15]=e.createElementVNode("div",{class:"be-pane__label"},"Markdown",-1)),e.createElementVNode("textarea",{ref_key:"textareaEl",ref:h,class:"be-pane__textarea",value:i.value,onInput:K,placeholder:"Write your post in markdown…",spellcheck:"true"},null,40,Ee)]),e.createElementVNode("div",Ve,[t[16]||(t[16]=e.createElementVNode("div",{class:"be-pane__label"},"Preview",-1)),e.createElementVNode("div",{class:"be-pane__preview prose",innerHTML:$.value},null,8,Ne)])])]),e.createElementVNode("footer",_e,[e.createElementVNode("span",xe,"~"+e.toDisplayString(u.value)+" min read",1),e.createElementVNode("button",{type:"button",class:"be-publish",disabled:!y.value,onClick:J}," Publish Post ",8,ke)])]))}});module.exports=we;

package/dist/index26.mjs

@@ -1,89 +1,283 @@
-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: "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",
+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 "./index53.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 = {
+  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({
+  __name: "BlogEditor",
   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." }
+    initialPost: {},
+    coverImageUrl: {}
   },
-  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;
+  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 f(s) {
-      var c;
-      (c = h.value) != null && c.contains(s.target) || (o.value = !1, document.removeEventListener("click", f));
+    function B(t) {
+      return t.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-").replace(/-+/g, "-");
     }
-    function y() {
-      o.value = !o.value, o.value && setTimeout(() => document.addEventListener("click", f), 0);
+    function L(t) {
+      const e = t.trim().split(/\s+/).filter(Boolean).length;
+      return Math.max(1, Math.ceil(e / 200));
     }
-    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)
+    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);
+    });
+    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);
+    }
+    function ee(t) {
+      i.value = t.target.value, d.value = L(i.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 = "";
+      }
+      t.key === "Backspace" && !f.value && o.value.length && (o.value = o.value.slice(0, -1));
+    }
+    function te(t) {
+      o.value = o.value.filter((e) => e !== t);
+    }
+    function ae(t) {
+      var r;
+      const e = (r = t.target.files) == null ? void 0 : r[0];
+      if (!e) return;
+      U("coverImageSelected", e);
+      const a = new FileReader();
+      a.onload = () => {
+        y.value = a.result;
+      }, a.readAsDataURL(e);
+    }
+    function ne(t) {
+      const e = V.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;
+      else
+        return;
+      i.value = C, setTimeout(() => {
+        e.selectionStart = e.selectionEnd = I, 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
+      });
+    }
+    return (t, e) => (_(), w("div", ce, [
+      l("section", de, [
+        l("div", ve, [
+          e[7] || (e[7] = l("label", { class: "be-label" }, [
+            x("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)
+        ]),
+        l("div", pe, [
+          e[8] || (e[8] = l("label", { class: "be-label" }, "Slug", -1)),
+          v(l("input", {
+            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"
+          }, null, 544), [
+            [b, p.value]
+          ])
+        ]),
+        l("div", ge, [
+          e[9] || (e[9] = l("label", { class: "be-label" }, "Date", -1)),
+          v(l("input", {
+            class: "be-input",
+            type: "date",
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => h.value = a)
+          }, null, 512), [
+            [b, h.value]
+          ])
+        ]),
+        l("div", fe, [
+          e[10] || (e[10] = l("label", { class: "be-label" }, [
+            x("Summary "),
+            l("span", { class: "be-required" }, "*")
+          ], -1)),
+          v(l("textarea", {
+            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]
+          ])
+        ]),
+        l("div", me, [
+          e[11] || (e[11] = l("label", { class: "be-label" }, [
+            x("Excerpt "),
+            l("span", { class: "be-optional" }, "(optional)")
+          ], -1)),
+          v(l("textarea", {
+            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]
+          ])
+        ]),
+        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,
+              class: "be-tag"
+            }, [
+              x(P(a) + " ", 1),
+              l("button", {
+                type: "button",
+                class: "be-tag__remove",
+                onClick: (r) => te(a),
+                "aria-label": `Remove tag ${a}`
+              }, "×", 8, xe)
+            ]))), 128)),
+            v(l("input", {
+              class: "be-tag-input",
+              type: "text",
+              "onUpdate:modelValue": e[5] || (e[5] = (a) => f.value = a),
+              onKeydown: le,
+              placeholder: "Add tag, press Enter…"
+            }, null, 544), [
+              [b, f.value]
+            ])
+          ])
+        ]),
+        l("div", he, [
+          e[13] || (e[13] = l("label", { class: "be-label" }, "Reading time (min)", -1)),
+          v(l("input", {
+            class: "be-input be-input--narrow",
+            type: "number",
+            min: "1",
+            "onUpdate:modelValue": e[6] || (e[6] = (a) => d.value = a)
+          }, null, 512), [
+            [
+              b,
+              d.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", {
+              key: 0,
+              class: "be-cover__preview",
+              src: S.value,
+              alt: "Cover preview"
+            }, null, 8, Ce)) : re("", !0),
+            l("label", Ie, [
+              x(P(S.value ? "Replace" : "Choose image") + " ", 1),
+              l("input", {
+                type: "file",
+                accept: "image/*",
+                onChange: ae,
+                hidden: ""
+              }, null, 32)
+            ])
+          ])
+        ])
+      ]),
+      l("section", Pe, [
+        l("div", Te, [
+          (_(), w(W, null, j(Q, (a) => l("button", {
+            key: a.label,
+            type: "button",
+            class: "be-toolbar__btn",
+            title: a.label,
+            onClick: (r) => ne(a)
+          }, P(a.icon), 9, Se)), 64))
         ]),
-        n("div", M, [
-          L(s.$slots, "default")
+        l("div", Ee, [
+          l("div", Ue, [
+            e[15] || (e[15] = l("div", { class: "be-pane__label" }, "Markdown", -1)),
+            l("textarea", {
+              ref_key: "textareaEl",
+              ref: V,
+              class: "be-pane__textarea",
+              value: i.value,
+              onInput: ee,
+              placeholder: "Write your post in markdown…",
+              spellcheck: "true"
+            }, null, 40, Be)
+          ]),
+          l("div", Le, [
+            e[16] || (e[16] = l("div", { class: "be-pane__label" }, "Preview", -1)),
+            l("div", {
+              class: "be-pane__preview prose",
+              innerHTML: Y.value
+            }, null, 8, Ve)
+          ])
         ])
-      ], 64))
+      ]),
+      l("footer", De, [
+        l("span", He, "~" + P(d.value) + " min read", 1),
+        l("button", {
+          type: "button",
+          class: "be-publish",
+          disabled: !D.value,
+          onClick: se
+        }, " Publish Post ", 8, Re)
+      ])
     ]));
   }
 });
 export {
-  R as default
+  Ne as default
 };

package/dist/index28.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;