@geckou/ui-vue 0.5.0 → 0.7.0

package/dist/components/ArticleList/List/Simple.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as t, openBlock as i, createBlock as s } from "vue";
+import r from "../GenericArticleList.vue.js";
+const l = /* @__PURE__ */ t({
+  __name: "Simple",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (c, n) => (i(), s(r, {
+      theme: "simple",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+});
+export {
+  l as default
+};

package/dist/components/ArticleList/List/Simple.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Simple.vue.js";
+export {
+  f as default
+};

package/dist/components/ArticleList/List/Standard.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as t, openBlock as r, createBlock as s } from "vue";
+import c from "../GenericArticleList.vue.js";
+const l = /* @__PURE__ */ t({
+  __name: "Standard",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (i, a) => (r(), s(c, {
+      theme: "standard",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+});
+export {
+  l as default
+};

package/dist/components/ArticleList/List/Standard.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Standard.vue.js";
+export {
+  f as default
+};

package/dist/components/ArticleList/List/Tile.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as t, openBlock as i, createBlock as r } from "vue";
+import s from "../GenericArticleList.vue.js";
+const l = /* @__PURE__ */ t({
+  __name: "Tile",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (c, n) => (i(), r(s, {
+      theme: "tile",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+});
+export {
+  l as default
+};

package/dist/components/ArticleList/List/Tile.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Tile.vue.js";
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/AuthorInfo.vue.js

@@ -0,0 +1,9 @@
+import o from "./AuthorInfo.vue2.js";
+import s from "./AuthorInfo.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, c = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  c as default
+};

package/dist/components/ArticleList/Parts/AuthorInfo.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, computed as u, openBlock as l, createElementBlock as r, normalizeClass as s, normalizeStyle as c, createCommentVNode as m, toDisplayString as h } from "vue";
+const v = ["src", "srcset", "alt"], y = ["data-preposition"], z = /* @__PURE__ */ f({
+  __name: "AuthorInfo",
+  props: {
+    avatarUrls: { default: null },
+    name: { default: "" },
+    direction: { default: "row" },
+    thumbnail: { default: () => ({
+      size: "medium",
+      shape: "square"
+    }) },
+    text: { default: () => ({
+      color: "var(--gray)",
+      fontSize: "medium",
+      fontWeight: "normal",
+      preposition: ""
+    }) }
+  },
+  setup(e) {
+    const i = e, d = u(() => {
+      const t = i.avatarUrls;
+      if (!t)
+        return;
+      const n = [
+        { url: t[96], width: "1024w" },
+        { url: t[48], width: "640w" }
+      ].filter((a) => !!a.url);
+      if (n.length !== 0)
+        return n.map((a) => `${a.url} ${a.width}`).join(", ");
+    }), o = u(() => {
+      const t = i.avatarUrls;
+      if (t)
+        return t[96] ?? t[48];
+    });
+    return (t, n) => (l(), r("div", {
+      class: s(t.$style.author_info),
+      style: c({
+        "--author-info-direction": e.direction,
+        "--author-name-color": e.text.color,
+        "--author-name-font-size": e.text.fontSize,
+        "--author-name-font-weight": e.text.fontWeight
+      })
+    }, [
+      o.value ? (l(), r("img", {
+        key: 0,
+        src: o.value,
+        srcset: d.value,
+        alt: `${e.name} thumbnail`,
+        loading: "lazy",
+        class: s([t.$style.thumbnail, t.$style[e.thumbnail.shape ?? "square"]]),
+        style: c({
+          "--thumbnail-size": e.thumbnail.size === "small" ? "calc(var(--bv) * 3)" : e.thumbnail.size === "large" ? "calc(var(--bv) * 6)" : "calc(var(--bv) * 4)"
+        })
+      }, null, 14, v)) : m("", !0),
+      e.name ? (l(), r("span", {
+        key: 1,
+        "data-preposition": e.text.preposition
+      }, h(e.name), 9, y)) : m("", !0)
+    ], 6));
+  }
+});
+export {
+  z as default
+};

package/dist/components/ArticleList/Parts/AuthorInfo.vue3.js

@@ -0,0 +1,11 @@
+const c = "_author_info_c6l8f_1", t = "_thumbnail_c6l8f_8", _ = "_circle_c6l8f_13", l = {
+  author_info: c,
+  thumbnail: t,
+  circle: _
+};
+export {
+  c as author_info,
+  _ as circle,
+  l as default,
+  t as thumbnail
+};

package/dist/components/ArticleList/Parts/CardContainer.vue.js

@@ -0,0 +1,9 @@
+import o from "./CardContainer.vue2.js";
+import s from "./CardContainer.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/CardContainer.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as n, openBlock as o, createElementBlock as r, normalizeClass as a, renderSlot as s } from "vue";
+const l = ["href"], f = /* @__PURE__ */ n({
+  __name: "CardContainer",
+  props: {
+    path: {}
+  },
+  setup(t) {
+    return (e, c) => (o(), r("a", {
+      href: t.path,
+      class: a(e.$style.container)
+    }, [
+      s(e.$slots, "default")
+    ], 10, l));
+  }
+});
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/CardContainer.vue3.js

@@ -0,0 +1,7 @@
+const n = "_container_15pug_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};

package/dist/components/ArticleList/Parts/CardHeading.vue.d.ts

@@ -1,4 +1,9 @@
 type __VLS_Props = {
+    /**
+     * 見出し。**HTML 文字列として描画する**（WordPress の `title.rendered` は
+     * `&` などにエンコード済みなので、テキストのまま出すとエンティティが見えてしまう）。
+     * WP 以外から渡す場合は、埋め込む前にサニタイズすること
+     */
     heading: string;
     color?: string;
     fontSize?: string;
@@ -8,5 +13,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     color: string;
     fontSize: string;
     fontWeight: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/ArticleList/Parts/CardHeading.vue.js

@@ -0,0 +1,9 @@
+import s from "./CardHeading.vue2.js";
+import o from "./CardHeading.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/CardHeading.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as t, openBlock as o, createElementBlock as a, normalizeClass as i, normalizeStyle as l, createElementVNode as r } from "vue";
+const d = ["innerHTML"], h = /* @__PURE__ */ t({
+  __name: "CardHeading",
+  props: {
+    heading: {},
+    color: { default: "var(--primary-color)" },
+    fontSize: { default: "larger" },
+    fontWeight: { default: "bold" }
+  },
+  setup(e) {
+    return (n, c) => (o(), a("div", {
+      class: i(n.$style.heading),
+      style: l({
+        "--heading-color": e.color,
+        "--heading-font-size": e.fontSize,
+        "--heading-font-weight": e.fontWeight
+      })
+    }, [
+      r("h2", { innerHTML: e.heading }, null, 8, d)
+    ], 6));
+  }
+});
+export {
+  h as default
+};

package/dist/components/ArticleList/Parts/CardHeading.vue3.js

@@ -0,0 +1,7 @@
+const e = "_heading_wp258_1", a = {
+  heading: e
+};
+export {
+  a as default,
+  e as heading
+};

package/dist/components/ArticleList/Parts/CategoryList.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as m, computed as d, openBlock as s, createBlock as u } from "vue";
+import f from "./MetadataList.vue.js";
+const b = /* @__PURE__ */ m({
+  __name: "CategoryList",
+  props: {
+    categoryIds: {},
+    categoryData: {},
+    icon: {},
+    label: {},
+    delimiter: {}
+  },
+  setup(e) {
+    const c = e, i = (t, n) => {
+      var a;
+      return t.length ? ((a = t.find((o) => o.id === n)) == null ? void 0 : a.name) ?? "" : "";
+    }, r = d(
+      () => c.categoryIds.map(
+        (t) => i(c.categoryData, t)
+      )
+    );
+    return (t, n) => {
+      var a, o, l;
+      return s(), u(f, {
+        metadata: r.value,
+        icon: {
+          name: (a = e.icon) != null && a.color ? "FolderIcon" : null,
+          color: (o = e.icon) == null ? void 0 : o.color,
+          size: (l = e.icon) == null ? void 0 : l.size
+        },
+        label: e.label,
+        delimiter: e.delimiter
+      }, null, 8, ["metadata", "icon", "label", "delimiter"]);
+    };
+  }
+});
+export {
+  b as default
+};

package/dist/components/ArticleList/Parts/CategoryList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryList.vue.js";
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/ExcerptText.vue.js

@@ -0,0 +1,9 @@
+import s from "./ExcerptText.vue2.js";
+import o from "./ExcerptText.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/ExcerptText.vue2.js

@@ -0,0 +1,24 @@
+import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeClass as c, normalizeStyle as l } from "vue";
+const a = ["innerHTML"], f = /* @__PURE__ */ o({
+  __name: "ExcerptText",
+  props: {
+    excerpt: {},
+    color: { default: "var(--text-color)" },
+    fontSize: { default: "medium" },
+    row: { default: 3 }
+  },
+  setup(e) {
+    return (t, i) => (r(), n("div", {
+      class: c(t.$style.excerpt),
+      style: l({
+        "--excerpt-color": e.color,
+        "--excerpt-font-size": e.fontSize,
+        "--excerpt-row": e.row
+      }),
+      innerHTML: e.excerpt
+    }, null, 14, a));
+  }
+});
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/ExcerptText.vue3.js

@@ -0,0 +1,7 @@
+const e = "_excerpt_hmmtv_1", t = {
+  excerpt: e
+};
+export {
+  t as default,
+  e as excerpt
+};

package/dist/components/ArticleList/Parts/MetadataList.vue.js

@@ -0,0 +1,9 @@
+import s from "./MetadataList.vue2.js";
+import t from "./MetadataList.vue3.js";
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: t
+}, c = /* @__PURE__ */ o(s, [["__cssModules", e]]);
+export {
+  c as default
+};

package/dist/components/ArticleList/Parts/MetadataList.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as s, openBlock as a, createElementBlock as o, normalizeClass as t, normalizeStyle as n, createBlock as m, resolveDynamicComponent as d, unref as u, createCommentVNode as i, createElementVNode as b, Fragment as f, renderList as y, toDisplayString as g } from "vue";
+import k from "../../Icon/Folder.vue.js";
+import v from "../../Icon/Tag.vue.js";
+const z = ["data-delimiter"], F = /* @__PURE__ */ s({
+  __name: "MetadataList",
+  props: {
+    metadata: {},
+    icon: { default: () => ({
+      name: null,
+      color: "var(--disable-text-color)",
+      size: "medium"
+    }) },
+    label: { default: () => ({
+      backgroundColor: "transparent",
+      color: "var(--text-color)",
+      fontSize: "var(--fs-small)",
+      fontWeight: "normal",
+      shape: "square"
+    }) },
+    delimiter: { default: "" }
+  },
+  setup(e) {
+    const c = e.icon.name === "FolderIcon" ? k : v;
+    return (l, C) => e.metadata.length ? (a(), o("div", {
+      key: 0,
+      class: t(l.$style.metadata_list),
+      style: n({ "--icon-color": e.icon.color })
+    }, [
+      e.icon.name ? (a(), m(d(u(c)), {
+        key: 0,
+        class: t(l.$style.icon),
+        style: n({
+          "--icon-color": e.icon.color,
+          "--icon-size": e.icon.size === "small" ? "var(--small-icon-size, 0.9375rem)" : "var(--medium-icon-size, 1.125rem)"
+        })
+      }, null, 8, ["class", "style"])) : i("", !0),
+      b("ul", {
+        class: t(l.$style.list)
+      }, [
+        (a(!0), o(f, null, y(e.metadata, (r) => (a(), o("li", {
+          key: r,
+          class: t([
+            l.$style.list_item,
+            l.$style[e.label.shape ?? "square"],
+            { [l.$style.delimiter]: e.delimiter }
+          ]),
+          style: n({
+            "--label-padding": !e.label.backgroundColor || e.label.backgroundColor === "transparent" ? "0px" : "var(--sp-min) var(--sp-small)",
+            "--label-background-color": e.label.backgroundColor ?? "transparent",
+            "--label-color": e.label.color ?? "var(--text-color)",
+            "--label-font-size": e.label.fontSize ?? "var(--fs-small)",
+            "--label-font-weight": e.label.fontWeight ?? "normal"
+          }),
+          "data-delimiter": e.delimiter
+        }, g(r), 15, z))), 128))
+      ], 2)
+    ], 6)) : i("", !0);
+  }
+});
+export {
+  F as default
+};

package/dist/components/ArticleList/Parts/MetadataList.vue3.js

@@ -0,0 +1,17 @@
+const t = "_metadata_list_1aazi_1", i = "_icon_1aazi_8", _ = "_list_1aazi_17", a = "_list_item_1aazi_22", e = "_rounded_1aazi_30", s = "_delimiter_1aazi_33", l = {
+  metadata_list: t,
+  icon: i,
+  list: _,
+  list_item: a,
+  rounded: e,
+  delimiter: s
+};
+export {
+  l as default,
+  s as delimiter,
+  i as icon,
+  _ as list,
+  a as list_item,
+  t as metadata_list,
+  e as rounded
+};

package/dist/components/ArticleList/Parts/NoImage.vue.js

@@ -0,0 +1,9 @@
+import o from "./NoImage.vue2.js";
+import s from "./NoImage.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/NoImage.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as n, openBlock as t, createElementBlock as a, normalizeClass as m, createVNode as r, createElementVNode as l } from "vue";
+import s from "../../Icon/Image.vue.js";
+const _ = /* @__PURE__ */ n({
+  __name: "NoImage",
+  setup(p) {
+    return (o, e) => (t(), a("div", {
+      class: m(o.$style.no_image)
+    }, [
+      r(s),
+      e[0] || (e[0] = l("span", null, "No Image", -1))
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/ArticleList/Parts/NoImage.vue3.js

@@ -0,0 +1,7 @@
+const e = "_no_image_3evh4_1", o = {
+  no_image: e
+};
+export {
+  o as default,
+  e as no_image
+};

package/dist/components/ArticleList/Parts/PostedDate.vue.js

@@ -0,0 +1,9 @@
+import s from "./PostedDate.vue2.js";
+import o from "./PostedDate.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/PostedDate.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, computed as a, openBlock as d, createElementBlock as s, normalizeClass as f, normalizeStyle as i, toDisplayString as m } from "vue";
+import { parseISO as c, isValid as u, format as p } from "date-fns";
+const z = /* @__PURE__ */ n({
+  __name: "PostedDate",
+  props: {
+    date: {},
+    formatString: { default: "yyyy/MM/dd" },
+    color: { default: "var(--text-color)" },
+    fontSize: { default: "small" },
+    fontWeight: { default: "normal" }
+  },
+  setup(t) {
+    const e = t, o = a(() => c(e.date)), l = a(
+      () => u(o.value) ? p(o.value, e.formatString) : ""
+    );
+    return (r, y) => (d(), s("time", {
+      class: f(r.$style.posted_date),
+      style: i({
+        "--date-color": t.color,
+        "--date-font-size": t.fontSize,
+        "--date-font-weight": t.fontWeight
+      })
+    }, m(l.value), 7));
+  }
+});
+export {
+  z as default
+};

package/dist/components/ArticleList/Parts/PostedDate.vue3.js

@@ -0,0 +1,7 @@
+const t = "_posted_date_108g0_1", e = {
+  posted_date: t
+};
+export {
+  e as default,
+  t as posted_date
+};

package/dist/components/ArticleList/Parts/TagList.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, computed as n, openBlock as r, createBlock as m, createCommentVNode as d } from "vue";
+import u from "./MetadataList.vue.js";
+import { returnTagList as s } from "../../../scripts/utils.js";
+const T = /* @__PURE__ */ c({
+  __name: "TagList",
+  props: {
+    article: {},
+    icon: {},
+    label: {},
+    delimiter: {}
+  },
+  setup(e) {
+    const i = e, t = n(() => s(i.article));
+    return (f, g) => {
+      var a, o, l;
+      return t.value.length ? (r(), m(u, {
+        key: 0,
+        metadata: t.value,
+        icon: {
+          name: (a = e.icon) != null && a.color ? "TagIcon" : null,
+          color: (o = e.icon) == null ? void 0 : o.color,
+          size: (l = e.icon) == null ? void 0 : l.size
+        },
+        label: e.label,
+        delimiter: e.delimiter
+      }, null, 8, ["metadata", "icon", "label", "delimiter"])) : d("", !0);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/components/ArticleList/Parts/TagList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TagList.vue.js";
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/ThumbnailImage.vue.js

@@ -0,0 +1,9 @@
+import s from "./ThumbnailImage.vue2.js";
+import o from "./ThumbnailImage.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", m]]);
+export {
+  f as default
+};

package/dist/components/ArticleList/Parts/ThumbnailImage.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as b, computed as n, openBlock as s, createElementBlock as m, normalizeStyle as f, normalizeClass as u, createBlock as k } from "vue";
+import h from "./NoImage.vue.js";
+const y = ["srcset", "alt"], g = /* @__PURE__ */ b({
+  __name: "ThumbnailImage",
+  props: {
+    article: {},
+    aspectRatio: { default: () => ({
+      desktop: "4/3",
+      tablet: "4/3",
+      mobile: "4/3"
+    }) }
+  },
+  setup(l) {
+    const d = l, c = n(
+      () => {
+        var a, e, t;
+        return ((t = (e = (a = d.article) == null ? void 0 : a._embedded) == null ? void 0 : e["wp:featuredmedia"]) == null ? void 0 : t[0]) || {};
+      }
+    ), o = (a) => {
+      var t, i, r;
+      const e = (t = c.value.media_details) == null ? void 0 : t.sizes;
+      return ((i = e == null ? void 0 : e[a]) == null ? void 0 : i.source_url) ?? ((r = e == null ? void 0 : e.full) == null ? void 0 : r.source_url) ?? "";
+    }, p = n(
+      () => `${o("full")} 1024w, ${o("thumbnail")} 640w`
+    );
+    return (a, e) => {
+      var t;
+      return s(), m("div", {
+        style: f({
+          "--desktop-aspect--ratio": l.aspectRatio.desktop,
+          "--tablet-aspect--ratio": l.aspectRatio.tablet,
+          "--mobile-aspect--ratio": l.aspectRatio.mobile
+        }),
+        class: u(a.$style.container)
+      }, [
+        o("full") ? (s(), m("img", {
+          key: 0,
+          srcset: p.value,
+          sizes: "(min-width: 640px) 50vw, 100vw",
+          alt: ((t = c.value) == null ? void 0 : t.alt_text) ?? "記事サムネイル",
+          loading: "lazy",
+          class: u(a.$style.image)
+        }, null, 10, y)) : (s(), k(h, { key: 1 }))
+      ], 6);
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/components/ArticleList/Parts/ThumbnailImage.vue3.js

@@ -0,0 +1,7 @@
+const n = "_container_2ogwb_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};

package/dist/components/BasicButton.vue.js

@@ -0,0 +1,9 @@
+import s from "./BasicButton.vue2.js";
+import o from "./BasicButton.vue3.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};