@m2s2/vue-lib 2.0.0 → 2.2.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,6 @@
-"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"),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;