@m2s2/vue-lib 2.5.2 → 2.6.0

package/dist/index26.mjs

@@ -1,321 +0,0 @@
-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 "./index76.mjs";
-import { todayAsIsoDate as xe, generateSlug as se, calcReadingTime as ie } from "./index77.mjs";
-import { BLOG_EDITOR_TOOLBAR as Pe } from "./index78.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 = {
-  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({
-  __name: "BlogEditor",
-  props: {
-    initialPost: { default: void 0 },
-    coverImageUrl: { default: void 0 }
-  },
-  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);
-    });
-    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);
-    }
-    function de(a) {
-      r.value = a.target.value, p.value = ie(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 = "";
-      }
-      a.key === "Backspace" && !y.value && n.value.length && (n.value = n.value.slice(0, -1));
-    }
-    function be(a) {
-      n.value = n.value.filter((e) => e !== a);
-    }
-    function pe(a) {
-      var o;
-      const e = (o = a.target.files) == null ? void 0 : o[0];
-      if (!e) return;
-      R("coverImageSelected", e);
-      const t = new FileReader();
-      t.onload = () => {
-        k.value = t.result;
-      }, t.readAsDataURL(e);
-    }
-    function ce(a) {
-      const e = B.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(`
-`, 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;
-      else
-        return;
-      r.value = S, setTimeout(() => {
-        e.selectionStart = e.selectionEnd = h, 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,
-        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
-      });
-    }
-    return (a, e) => (c(), m("div", ke, [
-      l("section", Te, [
-        l("div", Ce, [
-          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: b.value,
-            placeholder: "Post title…",
-            onInput: re
-          }, null, 40, Ie)
-        ]),
-        l("div", Ue, [
-          e[12] || (e[12] = l("label", { class: "be-label" }, "Slug", -1)),
-          d(l("input", {
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => f.value = t),
-            class: "be-input",
-            type: "text",
-            placeholder: "post-slug",
-            onInput: e[1] || (e[1] = (t) => E.value = !0)
-          }, null, 544), [
-            [v, f.value]
-          ])
-        ]),
-        l("div", Se, [
-          e[13] || (e[13] = l("label", { class: "be-label" }, "Date", -1)),
-          d(l("input", {
-            "onUpdate:modelValue": e[2] || (e[2] = (t) => x.value = t),
-            class: "be-input",
-            type: "date"
-          }, null, 512), [
-            [v, x.value]
-          ])
-        ]),
-        l("div", he, [
-          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),
-            class: "be-input be-input--textarea",
-            rows: "2",
-            placeholder: "Short description shown in blog listings…"
-          }, null, 512), [
-            [v, _.value]
-          ])
-        ]),
-        l("div", Ve, [
-          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),
-            class: "be-input be-input--textarea",
-            rows: "2",
-            placeholder: "Longer teaser for social previews…"
-          }, null, 512), [
-            [v, P.value]
-          ])
-        ]),
-        l("div", Ee, [
-          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", {
-              key: t,
-              class: "be-tag"
-            }, [
-              g(V(t) + " ", 1),
-              l("button", {
-                type: "button",
-                class: "be-tag__remove",
-                "aria-label": `Remove tag ${t}`,
-                onClick: (o) => be(t)
-              }, "×", 8, Le)
-            ]))), 128)),
-            d(l("input", {
-              "onUpdate:modelValue": e[5] || (e[5] = (t) => y.value = t),
-              class: "be-tag-input",
-              type: "text",
-              placeholder: "Add tag, press Enter…",
-              onKeydown: ve
-            }, null, 544), [
-              [v, y.value]
-            ])
-          ])
-        ]),
-        l("div", Re, [
-          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),
-            class: "be-input be-input--narrow",
-            type: "number",
-            min: "1"
-          }, null, 512), [
-            [
-              v,
-              p.value,
-              void 0,
-              { number: !0 }
-            ]
-          ])
-        ]),
-        l("div", Be, [
-          e[18] || (e[18] = l("label", { class: "be-label" }, "Cover Image", -1)),
-          l("div", Oe, [
-            D.value ? (c(), m("img", {
-              key: 0,
-              class: "be-cover__preview",
-              src: D.value,
-              alt: "Cover preview"
-            }, null, 8, Ae)) : _e("", !0),
-            l("label", Fe, [
-              g(V(D.value ? "Replace" : "Choose image") + " ", 1),
-              l("input", {
-                type: "file",
-                accept: "image/*",
-                hidden: "",
-                onChange: pe
-              }, null, 32)
-            ])
-          ])
-        ]),
-        e[23] || (e[23] = 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]
-          ])
-        ]),
-        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]
-          ])
-        ]),
-        l("div", He, [
-          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),
-              class: "be-input be-input--narrow",
-              type: "number",
-              min: "1"
-            }, null, 512), [
-              [
-                v,
-                I.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),
-              class: "be-input be-input--narrow",
-              type: "number",
-              min: "1"
-            }, null, 512), [
-              [
-                v,
-                U.value,
-                void 0,
-                { number: !0 }
-              ]
-            ])
-          ])
-        ])
-      ]),
-      l("section", Ne, [
-        l("div", qe, [
-          (c(!0), m(te, null, ae(ye(Pe), (t) => (c(), m("button", {
-            key: t.label,
-            type: "button",
-            class: "be-toolbar__btn",
-            title: t.label,
-            onClick: (o) => ce(t)
-          }, V(t.icon), 9, Ge))), 128))
-        ]),
-        l("div", Ke, [
-          l("div", We, [
-            e[24] || (e[24] = l("div", { class: "be-pane__label" }, " Markdown ", -1)),
-            l("textarea", {
-              ref_key: "textareaEl",
-              ref: B,
-              class: "be-pane__textarea",
-              value: r.value,
-              placeholder: "Write your post in markdown…",
-              spellcheck: "true",
-              onInput: de
-            }, null, 40, je)
-          ]),
-          l("div", ze, [
-            e[25] || (e[25] = l("div", { class: "be-pane__label" }, " Preview ", -1)),
-            l("div", {
-              class: "be-pane__preview prose",
-              innerHTML: ue.value
-            }, null, 8, Je)
-          ])
-        ])
-      ]),
-      l("footer", Qe, [
-        l("span", Xe, "~" + V(p.value) + " min read", 1),
-        l("button", {
-          type: "button",
-          class: "be-publish",
-          disabled: !O.value,
-          onClick: me
-        }, " Publish Post ", 8, Ye)
-      ])
-    ]));
-  }
-});
-export {
-  al as default
-};

package/dist/index34.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),u=require("./index32.cjs");;/* empty css          */const i=require("./index35.cjs"),c=e.defineComponent({__name:"DialogProvider",setup(s){const t=e.ref(null);function o(r){return new Promise(n=>{t.value={data:r,resolve:n}})}function a(r,n){return o({title:r,message:n,actions:[{label:"Cancel",value:!1,variant:"secondary"},{label:"Confirm",value:!0,variant:"primary"}]})}function l(r){var n;(n=t.value)==null||n.resolve(r),t.value=null}return e.provide(i.DIALOG_KEY,{dialog:o,confirm:a}),(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(r.$slots,"default"),t.value?(e.openBlock(),e.createBlock(u,{key:0,data:t.value.data,open:!0,onAction:l,onClose:n[0]||(n[0]=v=>l(null))},null,8,["data"])):e.createCommentVNode("",!0)],64))}});module.exports=c;

package/dist/index34.mjs

@@ -1,42 +0,0 @@
-import { defineComponent as u, ref as i, provide as m, openBlock as a, createElementBlock as c, Fragment as s, renderSlot as f, createBlock as v, createCommentVNode as p } from "vue";
-import d from "./index32.mjs";
-/* empty css         */
-import { DIALOG_KEY as _ } from "./index35.mjs";
-const b = /* @__PURE__ */ u({
-  __name: "DialogProvider",
-  setup(C) {
-    const o = i(null);
-    function r(n) {
-      return new Promise((e) => {
-        o.value = { data: n, resolve: e };
-      });
-    }
-    function l(n, e) {
-      return r({
-        title: n,
-        message: e,
-        actions: [
-          { label: "Cancel", value: !1, variant: "secondary" },
-          { label: "Confirm", value: !0, variant: "primary" }
-        ]
-      });
-    }
-    function t(n) {
-      var e;
-      (e = o.value) == null || e.resolve(n), o.value = null;
-    }
-    return m(_, { dialog: r, confirm: l }), (n, e) => (a(), c(s, null, [
-      f(n.$slots, "default"),
-      o.value ? (a(), v(d, {
-        key: 0,
-        data: o.value.data,
-        open: !0,
-        onAction: t,
-        onClose: e[0] || (e[0] = (k) => t(null))
-      }, null, 8, ["data"])) : p("", !0)
-    ], 64));
-  }
-});
-export {
-  b as default
-};

package/dist/index38.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),u=require("./index36.cjs");;/* empty css          */const a=require("./index39.cjs"),s=e.defineComponent({__name:"PanelProvider",setup(c){const t=e.ref(null);function o(r){return new Promise(n=>{t.value={data:r,resolve:n}})}function l(r){var n;(n=t.value)==null||n.resolve(r),t.value=null}return e.provide(a.PANEL_KEY,{panel:o}),(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(r.$slots,"default"),t.value?(e.openBlock(),e.createBlock(u,{key:0,data:t.value.data,open:!0,onAction:l,onClose:n[0]||(n[0]=i=>l(null))},null,8,["data"])):e.createCommentVNode("",!0)],64))}});module.exports=s;

package/dist/index38.mjs

@@ -1,32 +0,0 @@
-import { defineComponent as a, ref as u, provide as m, openBlock as r, createElementBlock as i, Fragment as c, renderSlot as p, createBlock as s, createCommentVNode as f } from "vue";
-import d from "./index36.mjs";
-/* empty css         */
-import { PANEL_KEY as v } from "./index39.mjs";
-const $ = /* @__PURE__ */ a({
-  __name: "PanelProvider",
-  setup(_) {
-    const n = u(null);
-    function l(o) {
-      return new Promise((e) => {
-        n.value = { data: o, resolve: e };
-      });
-    }
-    function t(o) {
-      var e;
-      (e = n.value) == null || e.resolve(o), n.value = null;
-    }
-    return m(v, { panel: l }), (o, e) => (r(), i(c, null, [
-      p(o.$slots, "default"),
-      n.value ? (r(), s(d, {
-        key: 0,
-        data: n.value.data,
-        open: !0,
-        onAction: t,
-        onClose: e[0] || (e[0] = (k) => t(null))
-      }, null, 8, ["data"])) : f("", !0)
-    ], 64));
-  }
-});
-export {
-  $ as default
-};

package/dist/index42.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),c=require("./index43.cjs"),u="m2s2-theme",d=t.defineComponent({__name:"ThemeProvider",props:{defaultTheme:{default:"auto"}},setup(r){const n=r;function m(){return localStorage.getItem(u)??n.defaultTheme}function a(e){e==="auto"?document.documentElement.removeAttribute("data-theme"):document.documentElement.setAttribute("data-theme",e)}const o=t.ref(n.defaultTheme);t.onMounted(()=>{o.value=m()}),t.watch(o,e=>{localStorage.setItem(u,e),a(e)},{immediate:!1});function s(e){o.value=e}return t.provide(c.THEME_KEY,{get theme(){return o.value},setTheme:s}),(e,l)=>t.renderSlot(e.$slots,"default")}});module.exports=d;

package/dist/index42.mjs

@@ -1,32 +0,0 @@
-import { defineComponent as d, ref as l, onMounted as c, watch as s, provide as f, renderSlot as i } from "vue";
-import { THEME_KEY as h } from "./index43.mjs";
-const m = "m2s2-theme", _ = /* @__PURE__ */ d({
-  __name: "ThemeProvider",
-  props: {
-    defaultTheme: { default: "auto" }
-  },
-  setup(a) {
-    const o = a;
-    function n() {
-      return localStorage.getItem(m) ?? o.defaultTheme;
-    }
-    function r(e) {
-      e === "auto" ? document.documentElement.removeAttribute("data-theme") : document.documentElement.setAttribute("data-theme", e);
-    }
-    const t = l(o.defaultTheme);
-    c(() => {
-      t.value = n();
-    }), s(t, (e) => {
-      localStorage.setItem(m, e), r(e);
-    }, { immediate: !1 });
-    function u(e) {
-      t.value = e;
-    }
-    return f(h, { get theme() {
-      return t.value;
-    }, setTheme: u }), (e, p) => i(e.$slots, "default");
-  }
-});
-export {
-  _ as default
-};

package/dist/index50.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=require("./index43.cjs"),a=require("./index34.cjs"),m=require("./index38.cjs"),d=require("./index42.cjs"),n="m2s2-theme";function i(e){typeof document>"u"||(e==="auto"?document.documentElement.removeAttribute("data-theme"):document.documentElement.setAttribute("data-theme",e))}function s(e={}){return{install(t){const c=(typeof localStorage<"u"?localStorage.getItem(n):null)??e.defaultTheme??"auto",r=u.ref(c);i(r.value),u.watch(r,o=>{typeof localStorage<"u"&&localStorage.setItem(n,o),i(o)}),t.provide(l.THEME_KEY,{get theme(){return r.value},setTheme(o){r.value=o}}),t.component("M2S2ThemeProvider",d),t.component("M2S2DialogProvider",a),t.component("M2S2PanelProvider",m)}}}exports.createM2S2=s;

package/dist/index50.mjs

@@ -1,29 +0,0 @@
-import { ref as i, watch as c } from "vue";
-import { THEME_KEY as l } from "./index43.mjs";
-import u from "./index34.mjs";
-import f from "./index38.mjs";
-import d from "./index42.mjs";
-const n = "m2s2-theme";
-function r(e) {
-  typeof document > "u" || (e === "auto" ? document.documentElement.removeAttribute("data-theme") : document.documentElement.setAttribute("data-theme", e));
-}
-function _(e = {}) {
-  return {
-    install(t) {
-      const a = (typeof localStorage < "u" ? localStorage.getItem(n) : null) ?? e.defaultTheme ?? "auto", o = i(a);
-      r(o.value), c(o, (m) => {
-        typeof localStorage < "u" && localStorage.setItem(n, m), r(m);
-      }), t.provide(l, {
-        get theme() {
-          return o.value;
-        },
-        setTheme(m) {
-          o.value = m;
-        }
-      }), t.component("M2S2ThemeProvider", d), t.component("M2S2DialogProvider", u), t.component("M2S2PanelProvider", f);
-    }
-  };
-}
-export {
-  _ as createM2S2
-};