@m2s2/vue-lib 2.5.2 → 2.6.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 u=require("./index6.cjs");;/* empty css         */const t=require("./index8.cjs");;/* empty css         */const _=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 o=require("./index18.cjs");;/* empty css          */const p=require("./index20.cjs");;/* empty css          */const n=require("./index22.cjs");;/* empty css          */const c=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 d=require("./index34.cjs"),y=require("./index35.cjs"),P=require("./index36.cjs");;/* empty css          */const S=require("./index38.cjs"),D=require("./index39.cjs"),h=require("./index40.cjs");;/* empty css          */const b=require("./index42.cjs"),m=require("./index43.cjs"),B=require("./index44.cjs"),C=require("./index45.cjs"),T=require("./index46.cjs");;/* empty css          */const w=require("./index48.cjs");;/* empty css          */const F=require("./index50.cjs");exports.Chat=e;exports.SectionHeader=r;exports.StatRow=u;exports.StatusBadge=t;exports.PageHeader=_;exports.CtaSection=s;exports.ProcessSteps=i;exports.Footer=a;exports.Navbar=o;exports.BaseCard=p;exports.FeatureCard=n;exports.BlogCard=c;exports.BlogEditor=v;exports.DataTable=q;exports.SubscribeForm=l;exports.Dialog=g;exports.DialogProvider=d;exports.useDialog=y.useDialog;exports.Panel=P;exports.PanelProvider=S;exports.usePanel=D.usePanel;exports.LoadingButton=h;exports.ThemeProvider=b;exports.useTheme=m.useTheme;exports.AuthProvider=B;exports.useAuth=C.useAuth;exports.Dropdown=T;exports.DropdownItem=w;exports.createM2S2=F.createM2S2;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css         */const e=require("./index3.cjs");;/* empty css         */const r=require("./index5.cjs");;/* empty css         */const u=require("./index7.cjs");;/* empty css         */const t=require("./index9.cjs");;/* empty css          */const _=require("./index11.cjs");;/* empty css          */const i=require("./index13.cjs");;/* empty css          */const s=require("./index15.cjs");;/* empty css          */const a=require("./index17.cjs");;/* empty css          */const o=require("./index19.cjs");;/* empty css          */const p=require("./index21.cjs");;/* empty css          */const n=require("./index23.cjs");;/* empty css          */const c=require("./index25.cjs");;/* empty css          */const v=require("./index27.cjs");;/* empty css          */const q=require("./index29.cjs");;/* empty css          */const l=require("./index31.cjs");;/* empty css          */const g=require("./index33.cjs");;/* empty css          */const d=require("./index35.cjs"),y=require("./index36.cjs"),P=require("./index37.cjs");;/* empty css          */const S=require("./index39.cjs"),D=require("./index40.cjs"),h=require("./index41.cjs");;/* empty css          */const b=require("./index43.cjs"),m=require("./index44.cjs"),B=require("./index45.cjs"),C=require("./index46.cjs"),T=require("./index47.cjs");;/* empty css          */const w=require("./index49.cjs");;/* empty css          */const F=require("./index51.cjs");exports.Chat=e;exports.SectionHeader=r;exports.StatRow=u;exports.StatusBadge=t;exports.PageHeader=_;exports.CtaSection=i;exports.ProcessSteps=s;exports.Footer=a;exports.Navbar=o;exports.BaseCard=p;exports.FeatureCard=n;exports.BlogCard=c;exports.BlogEditor=v;exports.DataTable=q;exports.SubscribeForm=l;exports.Dialog=g;exports.DialogProvider=d;exports.useDialog=y.useDialog;exports.Panel=P;exports.PanelProvider=S;exports.usePanel=D.usePanel;exports.LoadingButton=h;exports.ThemeProvider=b;exports.useTheme=m.useTheme;exports.AuthProvider=B;exports.useAuth=C.useAuth;exports.Dropdown=T;exports.DropdownItem=w;exports.createM2S2=F.createM2S2;

package/dist/index.mjs

@@ -1,80 +1,81 @@
-import { default as B } from "./index2.mjs";
 /* empty css        */
-import { default as b } from "./index4.mjs";
+import { default as C } from "./index3.mjs";
 /* empty css        */
-import { default as F } from "./index6.mjs";
+import { default as w } from "./index5.mjs";
 /* empty css        */
-import { default as A } from "./index8.mjs";
+import { default as T } from "./index7.mjs";
 /* empty css        */
-import { default as E } from "./index10.mjs";
+import { default as H } from "./index9.mjs";
 /* empty css         */
-import { default as L } from "./index12.mjs";
+import { default as I } from "./index11.mjs";
 /* empty css         */
-import { default as N } from "./index14.mjs";
+import { default as M } from "./index13.mjs";
 /* empty css         */
-import { default as j } from "./index16.mjs";
+import { default as R } from "./index15.mjs";
 /* empty css         */
-import { default as q } from "./index18.mjs";
+import { default as k } from "./index17.mjs";
 /* empty css         */
-import { default as z } from "./index20.mjs";
+import { default as y } from "./index19.mjs";
 /* empty css         */
-import { default as J } from "./index22.mjs";
+import { default as G } from "./index21.mjs";
 /* empty css         */
-import { default as O } from "./index24.mjs";
+import { default as K } from "./index23.mjs";
 /* empty css         */
-import { default as U } from "./index26.mjs";
+import { default as Q } from "./index25.mjs";
 /* empty css         */
-import { default as W } from "./index28.mjs";
+import { default as V } from "./index27.mjs";
 /* empty css         */
-import { default as Y } from "./index30.mjs";
+import { default as X } from "./index29.mjs";
 /* empty css         */
-import { default as _ } from "./index32.mjs";
+import { default as Z } from "./index31.mjs";
 /* empty css         */
-import { default as oo } from "./index34.mjs";
-import { useDialog as to } from "./index35.mjs";
-import { default as ao } from "./index36.mjs";
+import { default as $ } from "./index33.mjs";
 /* empty css         */
-import { default as mo } from "./index38.mjs";
-import { usePanel as so } from "./index39.mjs";
-import { default as lo } from "./index40.mjs";
+import { default as ro } from "./index35.mjs";
+import { useDialog as eo } from "./index36.mjs";
+import { default as mo } from "./index37.mjs";
 /* empty css         */
-import { default as xo } from "./index42.mjs";
-import { useTheme as Po } from "./index43.mjs";
-import { default as So } from "./index44.mjs";
-import { useAuth as co } from "./index45.mjs";
-import { default as vo } from "./index46.mjs";
+import { default as po } from "./index39.mjs";
+import { usePanel as uo } from "./index40.mjs";
+import { default as lo } from "./index41.mjs";
 /* empty css         */
-import { default as Co } from "./index48.mjs";
+import { default as no } from "./index43.mjs";
+import { useTheme as go } from "./index44.mjs";
+import { default as Do } from "./index45.mjs";
+import { useAuth as ho } from "./index46.mjs";
+import { default as Bo } from "./index47.mjs";
 /* empty css         */
-import { createM2S2 as wo } from "./index50.mjs";
+import { default as bo } from "./index49.mjs";
+/* empty css         */
+import { createM2S2 as Fo } from "./index51.mjs";
 export {
-  So as AuthProvider,
-  z as BaseCard,
-  O as BlogCard,
-  U as BlogEditor,
-  B as Chat,
-  L as CtaSection,
-  W as DataTable,
-  _ as Dialog,
-  oo as DialogProvider,
-  vo as Dropdown,
-  Co as DropdownItem,
-  J as FeatureCard,
-  j as Footer,
+  Do as AuthProvider,
+  G as BaseCard,
+  Q as BlogCard,
+  V as BlogEditor,
+  C as Chat,
+  M as CtaSection,
+  X as DataTable,
+  $ as Dialog,
+  ro as DialogProvider,
+  Bo as Dropdown,
+  bo as DropdownItem,
+  K as FeatureCard,
+  k as Footer,
   lo as LoadingButton,
-  q as Navbar,
-  E as PageHeader,
-  ao as Panel,
-  mo as PanelProvider,
-  N as ProcessSteps,
-  b as SectionHeader,
-  F as StatRow,
-  A as StatusBadge,
-  Y as SubscribeForm,
-  xo as ThemeProvider,
-  wo as createM2S2,
-  co as useAuth,
-  to as useDialog,
-  so as usePanel,
-  Po as useTheme
+  y as Navbar,
+  I as PageHeader,
+  mo as Panel,
+  po as PanelProvider,
+  R as ProcessSteps,
+  w as SectionHeader,
+  T as StatRow,
+  H as StatusBadge,
+  Z as SubscribeForm,
+  no as ThemeProvider,
+  Fo as createM2S2,
+  ho as useAuth,
+  eo as useDialog,
+  uo as usePanel,
+  go as useTheme
 };

package/dist/{index16.cjs → index17.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index75.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("./index76.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 → index17.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 "./index75.mjs";
+import m from "./index76.mjs";
 const d = { class: "m2s2-footer" }, u = { class: "footer-inner" }, y = { class: "footer-copy" }, h = {
   class: "footer-social",
   "aria-label": "Social links"

package/dist/{index22.cjs → index23.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./index20.cjs");;/* empty css          */const i={class:"fc-header"},l=["innerHTML"],r={class:"fc-title"},a={class:"fc-body"},s={key:0,class:"fc-list"},d={key:1,class:"fc-note"},u=e.defineComponent({__name:"FeatureCard",props:{config:{}},setup(t){return(f,m)=>(e.openBlock(),e.createBlock(o,{featured:t.config.featured??!1},{default:e.withCtx(()=>{var n;return[e.createElementVNode("div",i,[t.config.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"fc-icon","aria-hidden":"true",innerHTML:t.config.icon},null,8,l)):e.createCommentVNode("",!0),e.createElementVNode("h2",r,e.toDisplayString(t.config.title),1)]),e.createElementVNode("p",a,e.toDisplayString(t.config.body),1),(n=t.config.items)!=null&&n.length?(e.openBlock(),e.createElementBlock("ul",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.items,c=>(e.openBlock(),e.createElementBlock("li",{key:c},e.toDisplayString(c),1))),128))])):e.createCommentVNode("",!0),t.config.note?(e.openBlock(),e.createElementBlock("p",d,e.toDisplayString(t.config.note),1)):e.createCommentVNode("",!0)]}),_:1},8,["featured"]))}});module.exports=u;
+"use strict";const e=require("vue"),o=require("./index21.cjs");;/* empty css          */const i={class:"fc-header"},l=["innerHTML"],r={class:"fc-title"},a={class:"fc-body"},s={key:0,class:"fc-list"},d={key:1,class:"fc-note"},u=e.defineComponent({__name:"FeatureCard",props:{config:{}},setup(t){return(f,m)=>(e.openBlock(),e.createBlock(o,{featured:t.config.featured??!1},{default:e.withCtx(()=>{var n;return[e.createElementVNode("div",i,[t.config.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"fc-icon","aria-hidden":"true",innerHTML:t.config.icon},null,8,l)):e.createCommentVNode("",!0),e.createElementVNode("h2",r,e.toDisplayString(t.config.title),1)]),e.createElementVNode("p",a,e.toDisplayString(t.config.body),1),(n=t.config.items)!=null&&n.length?(e.openBlock(),e.createElementBlock("ul",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.items,c=>(e.openBlock(),e.createElementBlock("li",{key:c},e.toDisplayString(c),1))),128))])):e.createCommentVNode("",!0),t.config.note?(e.openBlock(),e.createElementBlock("p",d,e.toDisplayString(t.config.note),1)):e.createCommentVNode("",!0)]}),_:1},8,["featured"]))}});module.exports=u;

package/dist/{index22.mjs → index23.mjs}

@@ -1,5 +1,5 @@
 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";
+import m from "./index21.mjs";
 /* empty css         */
 const g = { class: "fc-header" }, h = ["innerHTML"], k = { class: "fc-title" }, y = { class: "fc-body" }, _ = {
   key: 0,

package/dist/{index24.cjs → index25.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./index77.cjs"),n={class:"m2s2-blog-card"},a={class:"bc-cover"},i=["src","alt"],s={key:1,class:"bc-cover-placeholder"},l={class:"bc-cover-tag"},r={class:"bc-inner"},d={class:"bc-meta"},m=["dateTime"],g={key:0,class:"bc-reading-time"},f={class:"bc-title"},h=["href"],k={class:"bc-summary"},u={class:"bc-tags"},E=e.defineComponent({__name:"BlogCard",props:{config:{}},setup(t){return(b,B)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",a,[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,i)):(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("span",l,e.toDisplayString(t.config.tags[0]),1)]))]),e.createElementVNode("div",r,[e.createElementVNode("div",d,[e.createElementVNode("time",{dateTime:t.config.date},e.toDisplayString(e.unref(o.formatBlogDate)(t.config.date)),9,m),t.config.readingTime?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.config.readingTime)+" min read",1)):e.createCommentVNode("",!0)]),e.createElementVNode("h2",f,[e.createElementVNode("a",{href:`/blog/${t.config.slug}`},e.toDisplayString(t.config.title),9,h)]),e.createElementVNode("p",k,e.toDisplayString(t.config.summary),1),e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.tags,c=>(e.openBlock(),e.createElementBlock("span",{key:c,class:"bc-tag"},e.toDisplayString(c),1))),128))])])]))}});module.exports=E;
+"use strict";const e=require("vue"),o=require("./index79.cjs"),n={class:"m2s2-blog-card"},a={class:"bc-cover"},i=["src","alt"],s={key:1,class:"bc-cover-placeholder"},l={class:"bc-cover-tag"},r={class:"bc-inner"},d={class:"bc-meta"},m=["dateTime"],g={key:0,class:"bc-reading-time"},f={class:"bc-title"},h=["href"],k={class:"bc-summary"},u={class:"bc-tags"},E=e.defineComponent({__name:"BlogCard",props:{config:{}},setup(t){return(b,B)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",a,[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,i)):(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("span",l,e.toDisplayString(t.config.tags[0]),1)]))]),e.createElementVNode("div",r,[e.createElementVNode("div",d,[e.createElementVNode("time",{dateTime:t.config.date},e.toDisplayString(e.unref(o.formatBlogDate)(t.config.date)),9,m),t.config.readingTime?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.config.readingTime)+" min read",1)):e.createCommentVNode("",!0)]),e.createElementVNode("h2",f,[e.createElementVNode("a",{href:`/blog/${t.config.slug}`},e.toDisplayString(t.config.title),9,h)]),e.createElementVNode("p",k,e.toDisplayString(t.config.summary),1),e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.tags,c=>(e.openBlock(),e.createElementBlock("span",{key:c,class:"bc-tag"},e.toDisplayString(c),1))),128))])])]))}});module.exports=E;

package/dist/{index24.mjs → index25.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as c, createElementBlock as s, createElementVNode as t, toDisplayString as o, unref as a, createCommentVNode as d, Fragment as l, renderList as g } from "vue";
-import { formatBlogDate as r } from "./index77.mjs";
+import { formatBlogDate as r } from "./index79.mjs";
 const m = { class: "m2s2-blog-card" }, f = { class: "bc-cover" }, h = ["src", "alt"], b = {
   key: 1,
   class: "bc-cover-placeholder"

package/dist/index27.cjs

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

package/dist/index27.mjs

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

package/dist/{index28.cjs → index29.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),h=require("./index80.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;
+"use strict";const e=require("vue"),h=require("./index81.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 → index29.mjs}

@@ -1,5 +1,5 @@
 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 "./index80.mjs";
+import { getStatusLabel as S } from "./index81.mjs";
 const T = { class: "table-panel" }, E = {
   key: 0,
   class: "dt-empty"