@geckou/ui-vue 0.5.0 → 0.7.0

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
+};

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

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

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

@@ -0,0 +1,23 @@
+const t = "_container_9fac4_1", a = "_thumbnail_9fac4_12", c = "_pickup_9fac4_16", _ = "_heading_9fac4_32", n = "_tag_9fac4_33", e = "_excerpt_9fac4_34", o = "_author_9fac4_35", r = "_date_9fac4_40", i = "_category_9fac4_41", s = {
+  container: t,
+  thumbnail: a,
+  pickup: c,
+  heading: _,
+  tag: n,
+  excerpt: e,
+  author: o,
+  date: r,
+  category: i
+};
+export {
+  o as author,
+  i as category,
+  t as container,
+  r as date,
+  s as default,
+  e as excerpt,
+  _ as heading,
+  c as pickup,
+  n as tag,
+  a as thumbnail
+};

package/dist/components/ArticleList/GenericArticleList.vue.js

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

package/dist/components/ArticleList/GenericArticleList.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as f, computed as r, openBlock as n, createElementBlock as a, normalizeStyle as c, normalizeClass as C, Fragment as g, renderList as b, createBlock as y, resolveDynamicComponent as k, unref as h } from "vue";
+import { normalizePostConfig as v, returnArticlePath as N } from "../../scripts/utils.js";
+import u from "./Card/Standard.vue.js";
+import P from "./Card/Rounded.vue.js";
+import U from "./Card/Artistic.vue.js";
+import w from "./Card/Tile.vue.js";
+import E from "./Card/Simple.vue.js";
+import z from "./Card/Row.vue.js";
+import A from "./Card/News.vue.js";
+import B from "./Card/Entertainment.vue.js";
+import I from "./Card/Gallery.vue.js";
+const K = /* @__PURE__ */ f({
+  __name: "GenericArticleList",
+  props: {
+    articles: {},
+    theme: {},
+    categories: {},
+    columnNumber: {},
+    settings: {}
+  },
+  setup(e) {
+    const t = e, d = r(() => t.settings.domainToUse), i = r(() => t.settings.isEnabledPickUp), s = r(
+      () => v(t.settings.postConfig)
+    ), p = r(() => {
+      switch (t.theme) {
+        case "standard":
+          return u;
+        case "rounded":
+          return P;
+        case "artistic":
+          return U;
+        case "tile":
+          return w;
+        case "simple":
+          return E;
+        case "row":
+          return z;
+        case "news":
+          return A;
+        case "gallery":
+          return I;
+        case "entertainment":
+          return B;
+        default:
+          return u;
+      }
+    });
+    return (m, S) => (n(), a("ul", {
+      style: c({
+        "--column-number": e.columnNumber,
+        "--tablet-column-number": e.columnNumber - 1 ? e.columnNumber - 1 : 1
+      }),
+      class: C([m.$style.list, { [m.$style.pickup]: i.value }])
+    }, [
+      (n(!0), a(g, null, b(e.articles, (o, l) => (n(), a("li", {
+        key: o.id,
+        style: c({ animationDelay: `${Number(l) * 0.1}s` })
+      }, [
+        (n(), y(k(p.value), {
+          path: h(N)(s.value, d.value, o.id),
+          article: o,
+          isPickUpItem: Number(l) === 0 && i.value,
+          postConfig: s.value,
+          categories: e.categories
+        }, null, 8, ["path", "article", "isPickUpItem", "postConfig", "categories"]))
+      ], 4))), 128))
+    ], 6));
+  }
+});
+export {
+  K as default
+};

package/dist/components/ArticleList/GenericArticleList.vue3.js

@@ -0,0 +1,11 @@
+const t = "_list_h2kvz_1", s = "_fadeIn_h2kvz_1", _ = "_pickup_h2kvz_39", c = {
+  list: t,
+  fadeIn: s,
+  pickup: _
+};
+export {
+  c as default,
+  s as fadeIn,
+  t as list,
+  _ as pickup
+};

package/dist/components/ArticleList/List/Artistic.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: "Artistic",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (c, n) => (i(), r(s, {
+      theme: "artistic",
+      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/Artistic.vue2.js

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

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

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

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

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

package/dist/components/ArticleList/List/Gallery.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 o = /* @__PURE__ */ t({
+  __name: "Gallery",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (i, a) => (r(), s(c, {
+      theme: "gallery",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+});
+export {
+  o as default
+};

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

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

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

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

@@ -0,0 +1,120 @@
+import { defineComponent as R, computed as b, ref as N, onMounted as U, onUnmounted as P, openBlock as v, createElementBlock as f, normalizeStyle as h, normalizeClass as p, Fragment as T, renderList as E, createVNode as G, unref as V } from "vue";
+import { normalizePostConfig as I, returnArticlePath as M } from "../../../scripts/utils.js";
+import A from "../Card/Grid.vue.js";
+const j = /* @__PURE__ */ R({
+  __name: "Grid",
+  props: {
+    articles: {},
+    categories: {},
+    columnNumber: {},
+    settings: {}
+  },
+  setup(l) {
+    const s = l, C = b(() => s.settings.domainToUse), w = b(() => s.settings.isEnabledPickUp), d = b(
+      () => I(s.settings.postConfig)
+    ), i = N(null), a = N(0), c = N(null), n = b(() => a.value > 992 ? s.columnNumber : a.value >= 576 && a.value <= 992 ? s.columnNumber - 1 : 1), $ = (t) => {
+      const r = t + 1, u = Number(n.value) - 1;
+      return Math.ceil(r / u);
+    }, z = (t) => {
+      const r = t + 1, u = Number(n.value);
+      if (r < u)
+        return r;
+      if (u === 1)
+        return 1;
+      const e = r % (u - 1);
+      return e === 0 ? u - 1 : e;
+    }, y = (t) => {
+      if (n.value === 4) {
+        const r = $(t), u = Array.from({ length: 49 }, (o, k) => k + 1).find(
+          (o) => r <= o * 2
+        ) || 0, e = r - 1 + u;
+        return m(t) === "vertical" ? `${Number(e)}/${Number(e) + 2}` : r % 2 ? `${Number(e)}/${Number(e) + 1}` : `${Number(e) + 1}/${Number(e) + 2}`;
+      } else if (n.value === 3) {
+        const r = t + 1, u = r % 3, e = Math.floor(r / 3), o = u ? e * 2 + 1 : e * 2;
+        return m(t) === "horizontal" ? `${Number(o)}/${Number(o) + 1}` : `${Number(o)}/${Number(o) + 2}`;
+      }
+    }, g = (t) => {
+      const r = (t + 1) % 6, u = Number(n.value);
+      if (u === 4) {
+        const e = z(t);
+        switch (!0) {
+          case (!t || r === 1):
+            return "1/3";
+          case !r:
+            return "3/5";
+          default:
+            return $(t) % 2 ? `${e + 1}/${e + 2}` : `${e}/${e + 1}`;
+        }
+      } else if (u === 3) {
+        const e = m(t) === "horizontal" ? 2 : 1;
+        switch (r) {
+          case 1:
+          case 3:
+          case 4:
+            return `1/${1 + e}`;
+          case 5:
+          case 0:
+            return `2/${2 + e}`;
+          case 2:
+            return `3/${3 + e}`;
+          default:
+            return "";
+        }
+      }
+      return "";
+    }, m = (t) => {
+      if (n.value === 1)
+        return "vertical";
+      if (n.value === 3) {
+        const u = (t + 1) % 6;
+        return u !== 2 && u !== 4 ? "horizontal" : "vertical";
+      } else {
+        const r = g(t);
+        if (!r.includes("/"))
+          return "horizontal";
+        const u = r.split("/").map(Number);
+        return u[1] - u[0] >= 2 ? "horizontal" : "vertical";
+      }
+    };
+    return U(() => {
+      const t = new ResizeObserver((r) => {
+        c.value && clearTimeout(c.value), c.value = setTimeout(() => {
+          a.value = r[0].contentRect.width;
+        }, 100);
+      });
+      i.value && t.observe(i.value), P(() => {
+        i.value && t.unobserve(i.value), t.disconnect(), c.value && clearTimeout(c.value);
+      });
+    }), (t, r) => (v(), f("ul", {
+      ref_key: "listElement",
+      ref: i,
+      style: h({
+        "--column-number": l.columnNumber,
+        "--tablet-column-number": l.columnNumber - 1 ? l.columnNumber - 1 : 1
+      }),
+      class: p(t.$style.list)
+    }, [
+      (v(!0), f(T, null, E(l.articles, (u, e) => (v(), f("li", {
+        key: u.id,
+        class: p(t.$style.item),
+        style: h({
+          animationDelay: `${Number(e) * 0.1}s`,
+          gridRow: y(Number(e)) || "auto",
+          gridColumn: g(Number(e)) || "auto"
+        })
+      }, [
+        G(A, {
+          path: V(M)(d.value, C.value, u.id),
+          article: u,
+          isPickUpItem: Number(e) === 0 && w.value,
+          postConfig: d.value,
+          categories: l.categories,
+          direction: m(Number(e))
+        }, null, 8, ["path", "article", "isPickUpItem", "postConfig", "categories", "direction"])
+      ], 6))), 128))
+    ], 6));
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,9 @@
+const s = "_list_18syb_1", t = "_fadeIn_18syb_1", e = {
+  list: s,
+  fadeIn: t
+};
+export {
+  e as default,
+  t as fadeIn,
+  s as list
+};

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

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

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

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

package/dist/components/ArticleList/List/Rounded.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: "Rounded",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (i, n) => (r(), s(c, {
+      theme: "rounded",
+      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/Rounded.vue2.js

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

package/dist/components/ArticleList/List/Row.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: "Row",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (i, o) => (r(), s(c, {
+      theme: "row",
+      columnNumber: 1,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+});
+export {
+  l as default
+};

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

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