@geckou/ui-vue 0.4.0 → 0.6.0

package/dist/components/ArticleList/Card/Grid.vue3.js

@@ -0,0 +1,25 @@
+const t = "_container_28x0r_1", _ = "_horizontal_28x0r_14", o = "_pickup_28x0r_19", a = "_thumbnail_28x0r_25", n = "_heading_28x0r_42", r = "_date_28x0r_43", c = "_excerpt_28x0r_58", e = "_category_28x0r_59", i = "_tag_28x0r_60", x = "_author_28x0r_61", s = {
+  container: t,
+  horizontal: _,
+  pickup: o,
+  thumbnail: a,
+  heading: n,
+  date: r,
+  excerpt: c,
+  category: e,
+  tag: i,
+  author: x
+};
+export {
+  x as author,
+  e as category,
+  t as container,
+  r as date,
+  s as default,
+  c as excerpt,
+  n as heading,
+  _ as horizontal,
+  o as pickup,
+  i as tag,
+  a as thumbnail
+};

package/dist/components/ArticleList/Card/News.vue.js

@@ -0,0 +1,9 @@
+import s from "./News.vue2.js";
+import o from "./News.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/Card/News.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent as m, openBlock as r, createBlock as l, normalizeClass as t, withCtx as g, createVNode as i, createCommentVNode as o, unref as c } from "vue";
+import { returnAuthor as n } from "../../../scripts/utils.js";
+import d from "../Parts/CardContainer.vue.js";
+import y from "../Parts/ThumbnailImage.vue.js";
+import f from "../Parts/AuthorInfo.vue.js";
+import u from "../Parts/CardHeading.vue.js";
+import h from "../Parts/CategoryList.vue.js";
+import C from "../Parts/TagList.vue.js";
+import $ from "../Parts/PostedDate.vue.js";
+import b from "../Parts/ExcerptText.vue.js";
+const B = /* @__PURE__ */ m({
+  __name: "News",
+  props: {
+    article: {},
+    path: {},
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (a, k) => e.article ? (r(), l(d, {
+      key: 0,
+      class: t(a.$style.container),
+      path: e.path
+    }, {
+      default: g(() => {
+        var s;
+        return [
+          i(y, {
+            article: e.article,
+            aspectRatio: {
+              desktop: "16/9",
+              tablet: "4/3",
+              mobile: "1/1"
+            },
+            class: t(a.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          i($, {
+            date: e.article.date,
+            class: t(a.$style.date),
+            formatString: "yyyy.M.d",
+            fontWeight: "bold",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.category && e.article.categories ? (r(), l(h, {
+            key: 0,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--main-color)",
+              fontSize: "small"
+            },
+            class: t(a.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : o("", !0),
+          i(u, {
+            heading: e.article.title.rendered,
+            class: t(a.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          i(b, {
+            excerpt: e.article.excerpt.rendered,
+            class: t(a.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.tag ? (r(), l(C, {
+            key: 1,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small"
+            },
+            class: t(a.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : o("", !0),
+          e.postConfig.author && c(n)(e.article) ? (r(), l(f, {
+            key: 2,
+            name: (s = c(n)(e.article)) == null ? void 0 : s.name,
+            class: t(a.$style.author),
+            text: {
+              color: "var(--gray)",
+              preposition: "by"
+            },
+            fontSize: "small",
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class"])) : o("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : o("", !0);
+  }
+});
+export {
+  B as default
+};

package/dist/components/ArticleList/Card/News.vue3.js

@@ -0,0 +1,19 @@
+const t = "_container_209hm_1", _ = "_thumbnail_209hm_14", a = "_heading_209hm_22", n = "_category_209hm_30", e = "_tag_209hm_31", o = "_excerpt_209hm_44", c = "_author_209hm_52", h = {
+  container: t,
+  thumbnail: _,
+  heading: a,
+  category: n,
+  tag: e,
+  excerpt: o,
+  author: c
+};
+export {
+  c as author,
+  n as category,
+  t as container,
+  h as default,
+  o as excerpt,
+  a as heading,
+  e as tag,
+  _ as thumbnail
+};

package/dist/components/ArticleList/Card/Rounded.vue.js

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

package/dist/components/ArticleList/Card/Rounded.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent as d, openBlock as t, createBlock as l, normalizeClass as r, withCtx as m, createVNode as o, unref as s, createCommentVNode as i } from "vue";
+import { returnAuthor as n } from "../../../scripts/utils.js";
+import u from "../Parts/CardContainer.vue.js";
+import g from "../Parts/ThumbnailImage.vue.js";
+import y from "../Parts/AuthorInfo.vue.js";
+import f from "../Parts/CardHeading.vue.js";
+import h from "../Parts/CategoryList.vue.js";
+import C from "../Parts/TagList.vue.js";
+import k from "../Parts/PostedDate.vue.js";
+import v from "../Parts/ExcerptText.vue.js";
+const A = /* @__PURE__ */ d({
+  __name: "Rounded",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (a, $) => e.article ? (t(), l(u, {
+      key: 0,
+      path: e.path,
+      class: r([a.$style.container, { [a.$style.pickup]: e.isPickUpItem }])
+    }, {
+      default: m(() => {
+        var c;
+        return [
+          o(g, {
+            article: e.article,
+            class: r(a.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          o(k, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            class: r(a.$style.date),
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.author && s(n)(e.article) ? (t(), l(y, {
+            key: 0,
+            avatarUrls: (c = s(n)(e.article)) == null ? void 0 : c.avatar_urls,
+            thumbnail: {
+              shape: "circle"
+            },
+            class: r(a.$style.author),
+            direction: "row-reverse",
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "class"])) : i("", !0),
+          o(f, {
+            heading: e.article.title.rendered,
+            class: r(a.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.category && e.article.categories ? (t(), l(h, {
+            key: 1,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            icon: { color: "var(--main-color)" },
+            label: {
+              backgroundColor: "var(--main-color)",
+              color: "var(--white)",
+              fontSize: "small",
+              shape: "rounded"
+            },
+            class: r(a.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : i("", !0),
+          e.postConfig.tag ? (t(), l(C, {
+            key: 2,
+            article: e.article,
+            icon: { color: "var(--sub-color)" },
+            label: {
+              backgroundColor: "var(--sub-color)",
+              color: "var(--white)",
+              fontSize: "smaller",
+              shape: "rounded"
+            },
+            class: r(a.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : i("", !0),
+          o(v, {
+            excerpt: e.article.excerpt.rendered,
+            class: r(a.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"])
+        ];
+      }),
+      _: 1
+    }, 8, ["path", "class"])) : i("", !0);
+  }
+});
+export {
+  A as default
+};

package/dist/components/ArticleList/Card/Rounded.vue3.js

@@ -0,0 +1,15 @@
+const n = "_container_ouyg9_1", t = "_thumbnail_ouyg9_7", o = "_pickup_ouyg9_11", _ = "_heading_ouyg9_21", a = "_date_ouyg9_26", c = {
+  container: n,
+  thumbnail: t,
+  pickup: o,
+  heading: _,
+  date: a
+};
+export {
+  n as container,
+  a as date,
+  c as default,
+  _ as heading,
+  o as pickup,
+  t as thumbnail
+};

package/dist/components/ArticleList/Card/Row.vue.js

@@ -0,0 +1,9 @@
+import o from "./Row.vue2.js";
+import s from "./Row.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/Card/Row.vue2.js

@@ -0,0 +1,97 @@
+import { defineComponent as g, openBlock as r, createBlock as l, normalizeClass as t, withCtx as d, createCommentVNode as i, createVNode as o, unref as c } from "vue";
+import { returnAuthor as s } from "../../../scripts/utils.js";
+import y from "../Parts/CardContainer.vue.js";
+import f from "../Parts/ThumbnailImage.vue.js";
+import u from "../Parts/AuthorInfo.vue.js";
+import h from "../Parts/CardHeading.vue.js";
+import C from "../Parts/CategoryList.vue.js";
+import $ from "../Parts/TagList.vue.js";
+import v from "../Parts/PostedDate.vue.js";
+import b from "../Parts/ExcerptText.vue.js";
+const R = /* @__PURE__ */ g({
+  __name: "Row",
+  props: {
+    article: {},
+    path: {},
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (a, k) => e.article ? (r(), l(y, {
+      key: 0,
+      class: t(a.$style.container),
+      path: e.path
+    }, {
+      default: d(() => {
+        var n, m;
+        return [
+          e.postConfig.category && e.article.categories ? (r(), l(C, {
+            key: 0,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--gray)",
+              fontSize: "clamp(24px, 0.55rem + 2.99vw, 40px)"
+            },
+            class: t(a.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : i("", !0),
+          o(f, {
+            article: e.article,
+            aspectRatio: {
+              desktop: "21/9",
+              tablet: "21/9",
+              mobile: "21/9"
+            },
+            class: t(a.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          o(v, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            class: t(a.$style.date),
+            color: "var(--gray)",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          o(h, {
+            heading: e.article.title.rendered,
+            class: t(a.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          o(b, {
+            excerpt: e.article.excerpt.rendered,
+            class: t(a.$style.excerpt),
+            fontSize: "small",
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.tag ? (r(), l($, {
+            key: 1,
+            article: e.article,
+            label: {
+              color: "var(--text-color)",
+              fontSize: "small"
+            },
+            class: t(a.$style.tag),
+            delimiter: "/",
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : i("", !0),
+          e.postConfig.author && c(s)(e.article) ? (r(), l(u, {
+            key: 2,
+            avatarUrls: (n = c(s)(e.article)) == null ? void 0 : n.avatar_urls,
+            name: (m = c(s)(e.article)) == null ? void 0 : m.name,
+            class: t(a.$style.author),
+            text: {
+              fontSize: "small",
+              color: "var(--gray)"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "name", "class"])) : i("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : i("", !0);
+  }
+});
+export {
+  R as default
+};

package/dist/components/ArticleList/Card/Row.vue3.js

@@ -0,0 +1,17 @@
+const n = "_container_qon22_1", t = "_thumbnail_qon22_34", o = "_excerpt_qon22_40", e = "_category_qon22_45", _ = "_heading_qon22_50", a = "_tag_qon22_54", c = {
+  container: n,
+  thumbnail: t,
+  excerpt: o,
+  category: e,
+  heading: _,
+  tag: a
+};
+export {
+  e as category,
+  n as container,
+  c as default,
+  o as excerpt,
+  _ as heading,
+  a as tag,
+  t as thumbnail
+};

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

@@ -0,0 +1,9 @@
+import s from "./Simple.vue2.js";
+import o from "./Simple.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/Card/Simple.vue2.js

@@ -0,0 +1,98 @@
+import { defineComponent as m, openBlock as r, createBlock as l, normalizeClass as a, withCtx as g, createVNode as i, unref as s, createCommentVNode as o } from "vue";
+import { returnAuthor as n } from "../../../scripts/utils.js";
+import d from "../Parts/CardContainer.vue.js";
+import y from "../Parts/ThumbnailImage.vue.js";
+import f from "../Parts/AuthorInfo.vue.js";
+import u from "../Parts/CardHeading.vue.js";
+import h from "../Parts/CategoryList.vue.js";
+import k from "../Parts/TagList.vue.js";
+import C from "../Parts/PostedDate.vue.js";
+import $ from "../Parts/ExcerptText.vue.js";
+const A = /* @__PURE__ */ m({
+  __name: "Simple",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, b) => e.article ? (r(), l(d, {
+      key: 0,
+      class: a([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: g(() => {
+        var c;
+        return [
+          i(y, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "21/9" : "4/3",
+              tablet: e.isPickUpItem ? "21/9" : "4/3",
+              mobile: "4/3"
+            },
+            class: a(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          i(u, {
+            heading: e.article.title.rendered,
+            class: a(t.$style.heading),
+            color: "var(--text-color)",
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.author && s(n)(e.article) ? (r(), l(f, {
+            key: 0,
+            name: (c = s(n)(e.article)) == null ? void 0 : c.name,
+            class: a(t.$style.author),
+            text: {
+              color: "var(--gray)",
+              preposition: "by"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class"])) : o("", !0),
+          e.postConfig.category && e.article.categories ? (r(), l(h, {
+            key: 1,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small",
+              fontWeight: "bold"
+            },
+            class: a(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : o("", !0),
+          e.postConfig.tag ? (r(), l(k, {
+            key: 2,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small",
+              fontWeight: "bold"
+            },
+            class: a(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : o("", !0),
+          i(C, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            class: a(t.$style.date),
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          i($, {
+            excerpt: e.article.excerpt.rendered,
+            class: a(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"])
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : o("", !0);
+  }
+});
+export {
+  A as default
+};

package/dist/components/ArticleList/Card/Simple.vue3.js

@@ -0,0 +1,23 @@
+const t = "_container_96xud_1", _ = "_thumbnail_96xud_8", a = "_pickup_96xud_12", c = "_heading_96xud_42", n = "_date_96xud_43", e = "_excerpt_96xud_64", o = "_category_96xud_65", u = "_tag_96xud_66", d = "_author_96xud_67", r = {
+  container: t,
+  thumbnail: _,
+  pickup: a,
+  heading: c,
+  date: n,
+  excerpt: e,
+  category: o,
+  tag: u,
+  author: d
+};
+export {
+  d as author,
+  o as category,
+  t as container,
+  n as date,
+  r as default,
+  e as excerpt,
+  c as heading,
+  a as pickup,
+  u as tag,
+  _ as thumbnail
+};

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

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

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

@@ -0,0 +1,93 @@
+import { defineComponent as d, openBlock as r, createBlock as l, normalizeClass as t, withCtx as g, createVNode as i, createCommentVNode as c, unref as o } from "vue";
+import { returnAuthor as s } from "../../../scripts/utils.js";
+import y from "../Parts/CardContainer.vue.js";
+import u from "../Parts/ThumbnailImage.vue.js";
+import f from "../Parts/AuthorInfo.vue.js";
+import h from "../Parts/CardHeading.vue.js";
+import k from "../Parts/CategoryList.vue.js";
+import C from "../Parts/TagList.vue.js";
+import $ from "../Parts/PostedDate.vue.js";
+import b from "../Parts/ExcerptText.vue.js";
+const N = /* @__PURE__ */ d({
+  __name: "Standard",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (a, I) => e.article ? (r(), l(y, {
+      key: 0,
+      class: t([a.$style.container, { [a.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: g(() => {
+        var n, m;
+        return [
+          i(u, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "2.85/1" : "4/3",
+              tablet: e.isPickUpItem ? "2.85/1" : "4/3",
+              mobile: "4/3"
+            },
+            class: t(a.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          i(h, {
+            heading: e.article.title.rendered,
+            class: t(a.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.tag ? (r(), l(C, {
+            key: 0,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "smaller"
+            },
+            class: t(a.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : c("", !0),
+          i(b, {
+            excerpt: e.article.excerpt.rendered,
+            class: t(a.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          i($, {
+            date: e.article.date,
+            class: t(a.$style.date),
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.author && o(s)(e.article) ? (r(), l(f, {
+            key: 1,
+            avatarUrls: (n = o(s)(e.article)) == null ? void 0 : n.avatar_urls,
+            name: (m = o(s)(e.article)) == null ? void 0 : m.name,
+            class: t(a.$style.author),
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "name", "class"])) : c("", !0),
+          e.postConfig.category && e.article.categories ? (r(), l(k, {
+            key: 2,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              backgroundColor: "var(--main-color)",
+              color: "var(--white)",
+              fontSize: "small"
+            },
+            class: t(a.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : c("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : c("", !0);
+  }
+});
+export {
+  N as default
+};

package/dist/components/ArticleList/Card/Standard.vue3.js

@@ -0,0 +1,21 @@
+const t = "_container_1g9t2_1", _ = "_thumbnail_1g9t2_6", c = "_pickup_1g9t2_10", e = "_category_1g9t2_15", n = "_date_1g9t2_19", a = "_author_1g9t2_20", o = "_heading_1g9t2_41", g = "_excerpt_1g9t2_62", r = {
+  container: t,
+  thumbnail: _,
+  pickup: c,
+  category: e,
+  date: n,
+  author: a,
+  heading: o,
+  excerpt: g
+};
+export {
+  a as author,
+  e as category,
+  t as container,
+  n as date,
+  r as default,
+  g as excerpt,
+  o as heading,
+  c as pickup,
+  _ as thumbnail
+};

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

@@ -0,0 +1,9 @@
+import s from "./Tile.vue2.js";
+import o from "./Tile.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
+};