@m2s2/vue-lib 2.5.3 → 2.6.0

package/dist/index25.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./index78.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/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 "./index78.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

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

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