@geckou/ui-vue 0.3.0 → 0.4.0

package/dist/index.js

@@ -0,0 +1,3519 @@
+var Ke = Object.defineProperty;
+var Xe = (e, t, s) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var se = (e, t, s) => Xe(e, typeof t != "symbol" ? t + "" : t, s);
+import { defineComponent as w, ref as V, computed as M, onMounted as K, onUnmounted as qe, watch as B, openBlock as n, createElementBlock as $, normalizeClass as l, normalizeStyle as I, renderSlot as N, withDirectives as P, unref as z, Fragment as T, renderList as E, toDisplayString as R, vShow as ce, createBlock as f, withCtx as L, createElementVNode as v, vModelDynamic as Be, createVNode as k, vModelText as ne, nextTick as Ue, createStaticVNode as Je, createCommentVNode as p, vModelSelect as Qe, withModifiers as ae, vModelCheckbox as ue, vModelRadio as et, reactive as tt, onBeforeUnmount as le, createTextVNode as Te, watchEffect as at, onUpdated as Re, Teleport as lt, resolveDynamicComponent as Le, shallowRef as st, onScopeDispose as ot } from "vue";
+import { INPUT_BOX_DEFAULT_STYLES as nt, COLOR as C, convertFullWidthToHalfWidth as rt, isEmptyValue as ee, validateInputValue as Pe, MESSAGES as re, validateDateObject as it, splitDate as Ee, composeDateValue as ct, formatDateValue as ut, daysInMonth as dt, createFormValidationStore as mt } from "@geckou/ui-core";
+import { parseISO as yt, format as gt } from "date-fns";
+const ht = /* @__PURE__ */ w({
+  __name: "InputBox",
+  props: {
+    cssStyle: {},
+    isErrored: { type: Boolean },
+    isDisabled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, s = V(null), a = M(() => ({
+      ...nt,
+      ...t.cssStyle ?? {}
+    })), o = M(
+      () => a.value[c.value] ?? a.value.default
+    ), c = V("default"), u = (d) => d ? d.matches(":disabled") ? c.value = "disabled" : d.matches(":focus") ? c.value = "focus" : d.tagName.toLowerCase() === "select" ? c.value = d.required && !d.value ? "error" : "valid" : t.isErrored || d.matches(":invalid") ? c.value = "error" : d.matches(":valid") && d.matches(":not(:placeholder-shown)") && d.matches(":not(:invalid)") ? c.value = "valid" : c.value = "default" : c.value = "default", m = () => {
+      var g;
+      const d = (g = s.value) == null ? void 0 : g.querySelector("input, textarea, select");
+      u(d);
+    };
+    return K(() => {
+      if (!s.value)
+        return;
+      new MutationObserver(m).observe(s.value, { childList: !0, subtree: !0 }), s.value.addEventListener("focusin", m, !0), s.value.addEventListener("blur", m, !0);
+    }), qe(() => {
+      s.value && (s.value.removeEventListener("focusin", m, !0), s.value.removeEventListener("blur", m, !0));
+    }), B(
+      () => t.isDisabled,
+      () => c.value = t.isDisabled ? "disabled" : "default",
+      { immediate: !0 }
+    ), B(
+      () => t.isErrored,
+      () => {
+        t.isDisabled || m();
+      }
+    ), (d, g) => {
+      var h, b, x;
+      return n(), $("div", {
+        ref_key: "inputBox",
+        ref: s,
+        class: l(d.$style.input_box),
+        style: I({
+          "--text-color": o.value.textColor,
+          "--placeholder-color": o.value.placeholderColor,
+          "--background-color": o.value.backgroundColor,
+          "--border-style": `0 0 0 ${((h = o.value.border) == null ? void 0 : h.size) || "1px"} ${(b = o.value.border) == null ? void 0 : b.color} inset`,
+          "--radius-size": ((x = o.value.border) == null ? void 0 : x.radius) || ".25rem",
+          "--box-shadow": o.value.boxShadow || "0 0 0 0 rgba(0, 0, 0, 0)"
+        })
+      }, [
+        N(d.$slots, "default")
+      ], 6);
+    };
+  }
+}), bt = "_input_box_4lok0_1", $t = {
+  input_box: bt
+}, S = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [a, o] of t)
+    s[a] = o;
+  return s;
+}, ft = {
+  $style: $t
+}, te = /* @__PURE__ */ S(ht, [["__cssModules", ft]]), vt = /* @__PURE__ */ w({
+  __name: "ErrorMessage",
+  props: {
+    cssStyle: {},
+    errorMessages: {}
+  },
+  setup(e) {
+    const { red: t } = C;
+    return (s, a) => {
+      var o, c;
+      return P((n(), $("div", {
+        class: l(s.$style.error_messages),
+        style: I({
+          "--error-text-color": ((o = e.cssStyle) == null ? void 0 : o.textColor) || "#fff",
+          "--error-background-color": ((c = e.cssStyle) == null ? void 0 : c.backgroundColor) || z(t)
+        })
+      }, [
+        (n(!0), $(T, null, E(e.errorMessages, (u) => (n(), $("span", { key: u }, R(u), 1))), 128))
+      ], 6)), [
+        [ce, e.errorMessages && e.errorMessages.length]
+      ]);
+    };
+  }
+}), kt = "_error_messages_basoi_1", pt = {
+  error_messages: kt
+}, _t = {
+  $style: pt
+}, X = /* @__PURE__ */ S(vt, [["__cssModules", _t]]), xt = ["type", "name", "required", "placeholder", "disabled", "autocomplete", "maxlength", "aria-invalid"], wt = /* @__PURE__ */ w({
+  __name: "TextBox",
+  props: {
+    name: {},
+    modelValue: { default: void 0 },
+    cssStyle: { default: void 0 },
+    inputType: { default: "text" },
+    placeholder: { default: "入力してください" },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean },
+    maxLength: { default: 30 },
+    autocomplete: { default: "off" },
+    validates: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = V([]), c = M({
+      get: () => a.modelValue ?? "",
+      set: (m) => {
+        const d = typeof m == "number" ? m : rt(String(m));
+        s("update:modelValue", d);
+      }
+    }), u = () => {
+      o.value = Pe(c.value, {
+        isRequired: a.isRequired,
+        validates: a.validates
+      });
+    };
+    return B(c, () => u(), {
+      immediate: !ee(a.modelValue),
+      flush: "post"
+    }), (m, d) => (n(), f(te, {
+      cssStyle: e.cssStyle,
+      class: l(m.$style.text_box),
+      isErrored: !!o.value.length,
+      isDisabled: e.isDisabled
+    }, {
+      default: L(() => {
+        var g, h, b, x;
+        return [
+          N(m.$slots, "before"),
+          P(v("input", {
+            "onUpdate:modelValue": d[0] || (d[0] = (D) => c.value = D),
+            type: e.inputType,
+            name: e.name,
+            required: e.isRequired,
+            placeholder: e.placeholder,
+            disabled: e.isDisabled,
+            autocomplete: e.autocomplete,
+            maxlength: e.maxLength,
+            "aria-invalid": o.value.length ? "true" : void 0,
+            onBlur: d[1] || (d[1] = (D) => u())
+          }, null, 40, xt), [
+            [Be, c.value]
+          ]),
+          N(m.$slots, "after"),
+          k(X, {
+            errorMessages: o.value,
+            cssStyle: {
+              textColor: (h = (g = e.cssStyle) == null ? void 0 : g.error) == null ? void 0 : h.backgroundColor,
+              backgroundColor: (x = (b = e.cssStyle) == null ? void 0 : b.error) == null ? void 0 : x.textColor
+            }
+          }, null, 8, ["errorMessages", "cssStyle"])
+        ];
+      }),
+      _: 3
+    }, 8, ["cssStyle", "class", "isErrored", "isDisabled"]));
+  }
+}), St = "_text_box_dqty_1", Dt = {
+  text_box: St
+}, Mt = {
+  $style: Dt
+}, Ct = /* @__PURE__ */ S(wt, [["__cssModules", Mt]]), zt = ["name", "required", "placeholder", "disabled", "autocomplete", "rows", "maxlength", "aria-invalid"], Vt = /* @__PURE__ */ w({
+  __name: "TextArea",
+  props: {
+    name: {},
+    modelValue: { default: void 0 },
+    cssStyle: { default: void 0 },
+    placeholder: { default: "入力してください" },
+    isDisabled: { type: Boolean, default: !1 },
+    isRequired: { type: Boolean, default: !1 },
+    rows: { default: void 0 },
+    maxLength: { default: 100 },
+    autocomplete: { default: "off" },
+    validates: { default: () => [] },
+    autoAdjustHeight: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = M({
+      get: () => a.modelValue ?? "",
+      set: (g) => s("update:modelValue", g)
+    }), c = V([]), u = V(null), m = () => {
+      c.value = Pe(o.value, {
+        isRequired: a.isRequired,
+        validates: a.validates
+      });
+    }, d = () => {
+      a.autoAdjustHeight && Ue(() => {
+        u.value && (u.value.style.height = "auto", u.value.style.height = `calc(${u.value.scrollHeight}px - 2rem)`);
+      });
+    };
+    return K(d), B(
+      o,
+      () => {
+        m(), d();
+      },
+      // 数値 0 も初期値として扱うため truthy 判定は使わない
+      { immediate: !ee(a.modelValue), flush: "post" }
+    ), (g, h) => (n(), f(te, {
+      cssStyle: e.cssStyle,
+      class: l(g.$style.text_area),
+      isErrored: !!c.value.length,
+      isDisabled: e.isDisabled
+    }, {
+      default: L(() => {
+        var b, x, D, r;
+        return [
+          P(v("textarea", {
+            ref_key: "textareaRef",
+            ref: u,
+            "onUpdate:modelValue": h[0] || (h[0] = (i) => o.value = i),
+            name: e.name,
+            required: e.isRequired,
+            placeholder: e.placeholder,
+            disabled: e.isDisabled,
+            autocomplete: e.autocomplete,
+            rows: e.rows,
+            maxlength: e.maxLength,
+            "aria-invalid": c.value.length ? "true" : void 0,
+            onBlur: h[1] || (h[1] = (i) => m())
+          }, null, 40, zt), [
+            [ne, o.value]
+          ]),
+          k(X, {
+            errorMessages: c.value,
+            cssStyle: {
+              textColor: (x = (b = e.cssStyle) == null ? void 0 : b.error) == null ? void 0 : x.backgroundColor,
+              backgroundColor: (r = (D = e.cssStyle) == null ? void 0 : D.error) == null ? void 0 : r.textColor
+            }
+          }, null, 8, ["errorMessages", "cssStyle"])
+        ];
+      }),
+      _: 1
+    }, 8, ["cssStyle", "class", "isErrored", "isDisabled"]));
+  }
+}), It = "_text_area_1f3te_2", Nt = {
+  text_area: It
+}, qt = {
+  $style: Nt
+}, Bt = /* @__PURE__ */ S(Vt, [["__cssModules", qt]]), Ut = {}, Tt = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Rt(e, t) {
+  return n(), $("svg", Tt, [...t[0] || (t[0] = [
+    Je('<g><circle cx="12" cy="2.5" r="1.5" opacity=".14"></circle><circle cx="16.75" cy="3.77" r="1.5" opacity=".29"></circle><circle cx="20.23" cy="7.25" r="1.5" opacity=".43"></circle><circle cx="21.50" cy="12.00" r="1.5" opacity=".57"></circle><circle cx="20.23" cy="16.75" r="1.5" opacity=".71"></circle><circle cx="16.75" cy="20.23" r="1.5" opacity=".86"></circle><circle cx="12" cy="21.5" r="1.5"></circle><animateTransform attributeName="transform" type="rotate" calcMode="discrete" dur="0.75s" values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12" repeatCount="indefinite"></animateTransform></g>', 1)
+  ])]);
+}
+const Ae = /* @__PURE__ */ S(Ut, [["render", Rt]]), Lt = ["type", "disabled"], Pt = /* @__PURE__ */ w({
+  __name: "BasicButton",
+  props: {
+    cssStyle: {},
+    duration: {},
+    isLoading: { type: Boolean },
+    isDisabled: { type: Boolean },
+    buttonType: {}
+  },
+  setup(e) {
+    var o;
+    const t = e, s = M(() => {
+      var u, m;
+      const c = t.isDisabled ? (u = t.cssStyle) == null ? void 0 : u.disabled : (m = t.cssStyle) == null ? void 0 : m.default;
+      return {
+        textColor: C.white,
+        backgroundColor: t.isDisabled ? C.darkGray : C.blue,
+        backgroundImage: "none",
+        border: {
+          color: t.isDisabled ? C.darkGray : C.blue,
+          size: "1px",
+          radius: ".25rem"
+        },
+        boxShadow: "0 0 0 0 transparent",
+        ...c
+      };
+    }), a = ((o = t.cssStyle) == null ? void 0 : o.hover) || {};
+    return (c, u) => {
+      var m, d, g, h, b, x, D, r, i, y, _, U, J, me, ye, ge, he, be, $e, fe, ve, ke, pe, _e, xe, we, Se, De, Me, Ce, ze;
+      return n(), $("button", {
+        class: l([c.$style.button, { [c.$style.loading]: e.isLoading }]),
+        style: I({
+          "--text-color": (m = s.value) == null ? void 0 : m.textColor,
+          "--background-color": (d = s.value) == null ? void 0 : d.backgroundColor,
+          "--background-image": (g = s.value) == null ? void 0 : g.backgroundImage,
+          "--border-color": (b = (h = s.value) == null ? void 0 : h.border) == null ? void 0 : b.color,
+          "--border-size": (D = (x = s.value) == null ? void 0 : x.border) == null ? void 0 : D.size,
+          "--radius-size": (i = (r = s.value) == null ? void 0 : r.border) == null ? void 0 : i.radius,
+          "--box-shadow": (y = s.value) == null ? void 0 : y.boxShadow,
+          "--hover-text-color": ((_ = z(a)) == null ? void 0 : _.textColor) || ((U = s.value) == null ? void 0 : U.textColor),
+          "--hover-background-color": ((J = z(a)) == null ? void 0 : J.backgroundColor) || ((me = s.value) == null ? void 0 : me.backgroundColor) && `${(ye = s.value) == null ? void 0 : ye.backgroundColor}cc`,
+          "--hover-background-image": ((ge = z(a)) == null ? void 0 : ge.backgroundImage) || ((he = s.value) == null ? void 0 : he.backgroundImage),
+          "--hover-border-color": (($e = (be = z(a)) == null ? void 0 : be.border) == null ? void 0 : $e.color) || ((ve = (fe = s.value) == null ? void 0 : fe.border) == null ? void 0 : ve.color),
+          "--hover-border-size": ((pe = (ke = z(a)) == null ? void 0 : ke.border) == null ? void 0 : pe.size) || ((xe = (_e = s.value) == null ? void 0 : _e.border) == null ? void 0 : xe.size),
+          "--hover-radius-size": ((Se = (we = z(a)) == null ? void 0 : we.border) == null ? void 0 : Se.radius) || ((Me = (De = s.value) == null ? void 0 : De.border) == null ? void 0 : Me.radius),
+          "--hover-box-shadow": ((Ce = z(a)) == null ? void 0 : Ce.boxShadow) || ((ze = s.value) == null ? void 0 : ze.boxShadow),
+          "--duration": `${e.duration || 0.3}s`
+        }),
+        type: e.buttonType || "button",
+        disabled: e.isDisabled || e.isLoading
+      }, [
+        P(v("div", {
+          class: l(c.$style.loading_animation)
+        }, [
+          c.$slots.loading ? N(c.$slots, "loading", {}, void 0, void 0, 0) : (n(), f(Ae, { key: 1 }))
+        ], 2), [
+          [ce, e.isLoading]
+        ]),
+        v("div", null, [
+          N(c.$slots, "default")
+        ])
+      ], 14, Lt);
+    };
+  }
+}), Et = "_button_pz98w_1", At = "_loading_pz98w_25", Gt = "_loading_animation_pz98w_35", jt = {
+  button: Et,
+  loading: At,
+  loading_animation: Gt
+}, Ht = {
+  $style: jt
+}, Wt = /* @__PURE__ */ S(Pt, [["__cssModules", Ht]]), Ot = {}, Ft = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function Zt(e, t) {
+  return n(), $("svg", Ft, [...t[0] || (t[0] = [
+    v("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" }, null, -1)
+  ])]);
+}
+const Q = /* @__PURE__ */ S(Ot, [["render", Zt]]), Yt = ["disabled", "required"], Kt = {
+  key: 0,
+  value: ""
+}, Xt = {
+  key: 1,
+  disabled: "",
+  selected: "",
+  value: ""
+}, Jt = ["value"], Qt = ["value", "disabled"], ea = ["label"], ta = ["value", "disabled"], aa = /* @__PURE__ */ w({
+  __name: "SelectBox",
+  props: {
+    options: {},
+    name: {},
+    modelValue: { default: void 0 },
+    cssStyle: { default: void 0 },
+    placeholder: { default: "選択してください" },
+    canOmitSelect: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = V([]), c = M({
+      get: () => a.modelValue ?? "",
+      set: (d) => s("update:modelValue", d)
+    }), u = (d) => typeof d == "object" && d !== null && "label" in d && typeof d.label == "string" && "value" in d, m = () => {
+      o.value = [], ee(c.value) && a.isRequired && o.value.push(re.required);
+    };
+    return B(
+      () => c.value,
+      () => m(),
+      { immediate: !ee(a.modelValue), flush: "post" }
+    ), (d, g) => (n(), f(te, {
+      cssStyle: e.cssStyle,
+      class: l(d.$style.select_box),
+      isDisabled: e.isDisabled
+    }, {
+      default: L(() => {
+        var h, b, x, D;
+        return [
+          P(v("select", {
+            "onUpdate:modelValue": g[0] || (g[0] = (r) => c.value = r),
+            disabled: e.isDisabled,
+            required: e.isRequired,
+            class: l(d.$style.select),
+            onBlur: g[1] || (g[1] = (r) => m())
+          }, [
+            e.canOmitSelect ? (n(), $("option", Kt, R(e.placeholder || "選択しない"), 1)) : (n(), $("option", Xt, R(e.placeholder || "選択してください"), 1)),
+            ["0", "NA"].includes(c.value.toString()) && e.isDisabled ? (n(), $("option", {
+              key: 2,
+              disabled: "",
+              selected: "",
+              value: c.value
+            }, R(e.placeholder || "選択してください"), 9, Jt)) : p("", !0),
+            (n(!0), $(T, null, E(e.options, (r) => (n(), $(T, {
+              key: u(r) ? r.value : Object.keys(r)[0]
+            }, [
+              u(r) ? (n(), $("option", {
+                key: 0,
+                value: r.value,
+                disabled: r.isDisabled
+              }, R(r.label), 9, Qt)) : (n(), $(T, { key: 1 }, [
+                (n(!0), $(T, null, E(r, (i, y) => (n(), $("optgroup", {
+                  key: y,
+                  label: y
+                }, [
+                  (n(!0), $(T, null, E(i, (_) => (n(), $("option", {
+                    key: _.value,
+                    value: _.value,
+                    disabled: _.isDisabled
+                  }, R(_.label), 9, ta))), 128))
+                ], 8, ea))), 128)),
+                g[2] || (g[2] = v("hr", null, null, -1))
+              ], 64))
+            ], 64))), 128))
+          ], 42, Yt), [
+            [Qe, c.value]
+          ]),
+          v("div", {
+            class: l(d.$style.arrow_container)
+          }, [
+            N(d.$slots, "arrow"),
+            d.$slots.arrow ? p("", !0) : (n(), f(Q, {
+              key: 0,
+              class: l(d.$style.arrow)
+            }, null, 8, ["class"]))
+          ], 2),
+          k(X, {
+            errorMessages: o.value,
+            cssStyle: {
+              textColor: (b = (h = e.cssStyle) == null ? void 0 : h.error) == null ? void 0 : b.backgroundColor,
+              backgroundColor: (D = (x = e.cssStyle) == null ? void 0 : x.error) == null ? void 0 : D.textColor
+            }
+          }, null, 8, ["errorMessages", "cssStyle"])
+        ];
+      }),
+      _: 3
+    }, 8, ["cssStyle", "class", "isDisabled"]));
+  }
+}), la = "_select_box_pnpdo_1", sa = "_arrow_container_pnpdo_10", oa = {
+  select_box: la,
+  arrow_container: sa
+}, na = {
+  $style: oa
+}, ra = /* @__PURE__ */ S(aa, [["__cssModules", na]]), ia = {}, ca = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function ua(e, t) {
+  return n(), $("svg", ca, [...t[0] || (t[0] = [
+    v("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" }, null, -1)
+  ])]);
+}
+const Ge = /* @__PURE__ */ S(ia, [["render", ua]]), da = ["name", "value", "disabled"], ma = /* @__PURE__ */ w({
+  __name: "CheckBox",
+  props: {
+    name: {},
+    value: { default: void 0 },
+    modelValue: { type: Boolean },
+    isDisabled: { type: Boolean },
+    cssStyle: { default: void 0 },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = M({
+      get: () => a.modelValue ?? !1,
+      set: (u) => s("update:modelValue", u)
+    }), c = M(() => {
+      var m, d;
+      const u = a.isDisabled ? (m = a.cssStyle) == null ? void 0 : m.disabled : (d = a.cssStyle) == null ? void 0 : d.default;
+      return {
+        textColor: a.isDisabled ? C.darkGray : C.blue,
+        backgroundColor: a.isDisabled ? C.lightGray : C.white,
+        border: {
+          color: a.isDisabled ? C.darkGray : C.blue,
+          size: "1px",
+          radius: ".25rem"
+        },
+        ...u
+      };
+    });
+    return (u, m) => {
+      var d, g, h, b, x, D, r, i;
+      return n(), $("button", {
+        class: l(u.$style.check_box),
+        style: I({
+          "--text-color": (d = c.value) == null ? void 0 : d.textColor,
+          "--border-color": (h = (g = c.value) == null ? void 0 : g.border) == null ? void 0 : h.color,
+          "--border-size": (x = (b = c.value) == null ? void 0 : b.border) == null ? void 0 : x.size,
+          "--radius-size": (r = (D = c.value) == null ? void 0 : D.border) == null ? void 0 : r.radius,
+          "--background-color": (i = c.value) == null ? void 0 : i.backgroundColor,
+          "--duration": e.isDisableAnimation ? "0s" : ".3s"
+        }),
+        type: "button",
+        onClick: m[1] || (m[1] = ae((y) => e.isDisabled ? null : o.value = !o.value, ["stop"]))
+      }, [
+        P(v("input", {
+          "onUpdate:modelValue": m[0] || (m[0] = (y) => o.value = y),
+          type: "checkbox",
+          name: e.name,
+          value: e.value,
+          disabled: e.isDisabled
+        }, null, 8, da), [
+          [ue, o.value]
+        ]),
+        v("div", {
+          class: l(u.$style.check_container)
+        }, [
+          N(u.$slots, "check"),
+          u.$slots.check ? p("", !0) : (n(), f(Ge, { key: 0 }))
+        ], 2)
+      ], 6);
+    };
+  }
+}), ya = "_check_box_1956i_15", ga = "_pop_1956i_1", ha = "_check_container_1956i_53", ba = {
+  check_box: ya,
+  pop: ga,
+  check_container: ha
+}, $a = {
+  $style: ba
+}, je = /* @__PURE__ */ S(ma, [["__cssModules", $a]]), fa = /* @__PURE__ */ w({
+  __name: "LabeledCheckbox",
+  props: {
+    name: {},
+    label: {},
+    value: { default: void 0 },
+    modelValue: { type: Boolean },
+    isDisabled: { type: Boolean },
+    cssStyle: { default: void 0 },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = M({
+      get: () => a.modelValue ?? !1,
+      set: (u) => s("update:modelValue", u)
+    }), c = M(() => {
+      var m, d;
+      const u = a.isDisabled ? (m = a.cssStyle) == null ? void 0 : m.disabled : (d = a.cssStyle) == null ? void 0 : d.default;
+      return {
+        textColor: a.isDisabled ? C.darkGray : C.black,
+        backgroundColor: a.isDisabled ? C.darkGray : C.blue,
+        ...u ?? {}
+      };
+    });
+    return (u, m) => {
+      var d, g;
+      return n(), $("label", {
+        class: l(u.$style.labeled_check_box)
+      }, [
+        k(je, {
+          modelValue: o.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (h) => o.value = h),
+          name: e.name,
+          value: e.value,
+          isDisabled: e.isDisabled,
+          cssStyle: e.cssStyle,
+          isDisableAnimation: e.isDisableAnimation,
+          style: { "pointer-events": "none" }
+        }, null, 8, ["modelValue", "name", "value", "isDisabled", "cssStyle", "isDisableAnimation"]),
+        v("span", {
+          class: l(u.$style.label),
+          style: I({
+            "--text-color": (d = c.value) == null ? void 0 : d.textColor,
+            "--checked-color": (g = c.value) == null ? void 0 : g.backgroundColor
+          })
+        }, R(e.label), 7)
+      ], 2);
+    };
+  }
+}), va = "_labeled_check_box_ck3yh_1", ka = "_label_ck3yh_1", pa = {
+  labeled_check_box: va,
+  label: ka
+}, _a = {
+  $style: pa
+}, He = /* @__PURE__ */ S(fa, [["__cssModules", _a]]), xa = /* @__PURE__ */ w({
+  __name: "CheckBoxes",
+  props: {
+    name: {},
+    options: {},
+    modelValue: { default: void 0 },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean },
+    cssStyle: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    var g, h;
+    const s = t, a = e, o = V(
+      a.options.map((b) => {
+        var x;
+        return {
+          value: b.value,
+          label: b.label,
+          checked: ((x = a.modelValue) == null ? void 0 : x.includes(b.value)) || !1
+        };
+      })
+    ), c = M(
+      () => o.value.filter((b) => b.checked).map((b) => b.value)
+    ), u = V(""), m = () => u.value = a.isRequired && c.value.length === 0 ? re.required : "";
+    B(
+      c,
+      (b, x) => {
+        x && ((r, i) => r.length === i.length && r.every((y, _) => y === i[_]))(b, x) || (m(), s("update:modelValue", b));
+      },
+      {
+        deep: !0,
+        immediate: !!((g = a.modelValue) != null && g.length)
+      }
+    ), B(
+      () => a.modelValue,
+      (b) => {
+        b && o.value.forEach(
+          (x) => x.checked = b.includes(x.value)
+        );
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    const d = {
+      ...((h = a.cssStyle) == null ? void 0 : h.error) ?? {},
+      textColor: C.white,
+      backgroundColor: C.red,
+      border: {
+        color: C.red,
+        size: "1px",
+        radius: ".25rem"
+      }
+    };
+    return (b, x) => (n(), $("div", {
+      class: l(b.$style.check_boxes)
+    }, [
+      (n(!0), $(T, null, E(o.value, (D, r) => (n(), f(He, {
+        key: D.value,
+        modelValue: o.value[r].checked,
+        "onUpdate:modelValue": (i) => o.value[r].checked = i,
+        name: e.name,
+        value: D.value,
+        label: D.label,
+        isDisabled: a.isDisabled,
+        cssStyle: a.cssStyle
+      }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "value", "label", "isDisabled", "cssStyle"]))), 128)),
+      k(X, {
+        errorMessages: u.value ? [u.value] : [],
+        cssStyle: {
+          textColor: d.textColor,
+          backgroundColor: d.backgroundColor
+        }
+      }, null, 8, ["errorMessages", "cssStyle"])
+    ], 2));
+  }
+}), wa = "_check_boxes_1cn70_1", Sa = {
+  check_boxes: wa
+}, Da = {
+  $style: Sa
+}, Ma = /* @__PURE__ */ S(xa, [["__cssModules", Da]]), Ca = ["name", "disabled"], za = /* @__PURE__ */ w({
+  __name: "CheckButton",
+  props: {
+    name: {},
+    modelValue: { type: Boolean },
+    isDisabled: { type: Boolean },
+    cssStyle: { default: () => ({ default: {} }) },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = V(a.modelValue ?? !1), c = M(() => a.isDisabled ? a.cssStyle.disabled : a.cssStyle.default);
+    return B(
+      () => o.value,
+      (u) => s("update:modelValue", u)
+    ), B(
+      () => a.modelValue,
+      (u) => o.value = u,
+      { immediate: !0 }
+    ), (u, m) => {
+      var d, g, h, b, x, D, r;
+      return n(), $("label", {
+        class: l(u.$style.check_box),
+        style: I({
+          "--border-color": ((g = (d = c.value) == null ? void 0 : d.border) == null ? void 0 : g.color) || "blue",
+          "--border-size": ((b = (h = c.value) == null ? void 0 : h.border) == null ? void 0 : b.size) || "1px",
+          "--radius-size": ((D = (x = c.value) == null ? void 0 : x.border) == null ? void 0 : D.radius) || "0.25rem",
+          "--background-color": ((r = c.value) == null ? void 0 : r.backgroundColor) || "#fff",
+          "--duration": e.isDisableAnimation ? "0s" : ".3s"
+        })
+      }, [
+        P(v("input", {
+          "onUpdate:modelValue": m[0] || (m[0] = (i) => o.value = i),
+          type: "checkbox",
+          name: e.name,
+          disabled: e.isDisabled
+        }, null, 8, Ca), [
+          [ue, o.value]
+        ]),
+        v("div", {
+          class: l(u.$style.check_container)
+        }, [
+          N(u.$slots, "check"),
+          u.$slots.check ? p("", !0) : (n(), f(Ge, { key: 0 }))
+        ], 2)
+      ], 6);
+    };
+  }
+}), Va = "_check_box_7lw3v_15", Ia = "_pop_7lw3v_1", Na = "_check_container_7lw3v_52", qa = {
+  check_box: Va,
+  pop: Ia,
+  check_container: Na
+}, Ba = {
+  $style: qa
+}, Ua = /* @__PURE__ */ S(za, [["__cssModules", Ba]]), Ta = ["disabled"], Ra = /* @__PURE__ */ w({
+  __name: "LabeledFieldset",
+  props: {
+    isDisabled: { type: Boolean }
+  },
+  setup(e) {
+    return (t, s) => (n(), $("div", {
+      class: l(t.$style.fieldset)
+    }, [
+      v("fieldset", { disabled: e.isDisabled }, [
+        t.$slots.label ? (n(), $("legend", {
+          key: 0,
+          class: l(t.$style.legend)
+        }, [
+          N(t.$slots, "label")
+        ], 2)) : p("", !0),
+        v("div", {
+          class: l(t.$style.input)
+        }, [
+          N(t.$slots, "default")
+        ], 2)
+      ], 8, Ta)
+    ], 2));
+  }
+}), La = "_fieldset_1iro5_1", Pa = "_legend_1iro5_9", Ea = "_input_1iro5_14", Aa = {
+  fieldset: La,
+  legend: Pa,
+  input: Ea
+}, Ga = {
+  $style: Aa
+}, ja = /* @__PURE__ */ S(Ra, [["__cssModules", Ga]]);
+let Ve = 0;
+function de(e) {
+  return Ve += 1, `${e}_${Ve}`;
+}
+const Ha = ["name", "value", "disabled", "required", "checked"], Wa = /* @__PURE__ */ w({
+  __name: "RadioButtons",
+  props: {
+    modelValue: {},
+    options: {},
+    name: { default: void 0 },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean },
+    cssStyle: { default: void 0 },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = a.name ?? de("radio_group"), c = V([]), u = M({
+      get: () => a.modelValue ?? "",
+      set: (g) => s("update:modelValue", g)
+    }), m = M(() => {
+      var h, b;
+      const g = a.isDisabled ? (h = a.cssStyle) == null ? void 0 : h.disabled : (b = a.cssStyle) == null ? void 0 : b.default;
+      return {
+        textColor: a.isDisabled ? C.darkGray : C.black,
+        backgroundColor: a.isDisabled ? C.lightGray : C.white,
+        border: {
+          color: a.isDisabled ? C.darkGray : C.blue,
+          size: "1px"
+        },
+        ...g ?? {}
+      };
+    }), d = () => {
+      c.value = [], ee(u.value) && a.isRequired && c.value.push(re.required);
+    };
+    return B(
+      () => u.value,
+      () => d(),
+      { immediate: !ee(a.modelValue) }
+    ), (g, h) => (n(), $("div", {
+      class: l(g.$style.radios)
+    }, [
+      (n(!0), $(T, null, E(e.options, (b) => {
+        var x, D, r, i, y;
+        return n(), $("label", {
+          key: b.value,
+          class: l(g.$style.radio),
+          style: I({
+            "--border-color": (D = (x = m.value) == null ? void 0 : x.border) == null ? void 0 : D.color,
+            "--border-size": (i = (r = m.value) == null ? void 0 : r.border) == null ? void 0 : i.size,
+            "--background-color": (y = m.value) == null ? void 0 : y.backgroundColor,
+            "--duration": e.isDisableAnimation ? "0s" : ".3s"
+          })
+        }, [
+          P(v("input", {
+            "onUpdate:modelValue": h[0] || (h[0] = (_) => u.value = _),
+            type: "radio",
+            name: z(o),
+            value: b.value,
+            disabled: e.isDisabled,
+            required: e.isRequired,
+            checked: b.value === u.value
+          }, null, 8, Ha), [
+            [et, u.value]
+          ]),
+          v("span", null, R(b.label), 1)
+        ], 6);
+      }), 128)),
+      k(X, { errorMessages: c.value }, null, 8, ["errorMessages"])
+    ], 2));
+  }
+}), Oa = "_radios_hh7eh_15", Fa = "_radio_hh7eh_15", Za = "_pop_hh7eh_1", Ya = {
+  radios: Oa,
+  radio: Fa,
+  pop: Za
+}, Ka = {
+  $style: Ya
+}, Xa = /* @__PURE__ */ S(Wa, [["__cssModules", Ka]]), Ja = ["disabled"], Qa = ["name", "disabled"], el = ["data-on", "data-off"], tl = /* @__PURE__ */ w({
+  __name: "ToggleButton",
+  props: {
+    name: {},
+    label: { default: () => ({ on: "ON", off: "OFF" }) },
+    modelValue: { type: Boolean },
+    isDisabled: { type: Boolean },
+    cssStyle: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = M({
+      get: () => a.modelValue ?? !1,
+      set: (m) => s("update:modelValue", m)
+    }), c = M(() => {
+      const m = a.label.on.length, d = a.label.off.length;
+      return m > d ? m : d;
+    }), u = M(() => {
+      var d, g;
+      const m = a.isDisabled ? (d = a.cssStyle) == null ? void 0 : d.disabled : (g = a.cssStyle) == null ? void 0 : g.default;
+      return {
+        on: {
+          textColor: a.isDisabled ? C.lightGray : C.white,
+          backgroundColor: a.isDisabled ? C.gray : C.blue,
+          border: {
+            color: a.isDisabled ? C.gray : C.blue,
+            size: "1px",
+            radius: ".25rem"
+          },
+          boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
+          ...m == null ? void 0 : m.on
+        },
+        off: {
+          textColor: a.isDisabled ? C.gray : C.white,
+          backgroundColor: a.isDisabled ? C.lightGray : C.darkGray,
+          border: {
+            color: a.isDisabled ? C.gray : C.darkGray,
+            size: "1px",
+            radius: ".25rem"
+          },
+          boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
+          ...m == null ? void 0 : m.off
+        }
+      }[o.value ? "on" : "off"];
+    });
+    return (m, d) => {
+      var g, h, b, x, D, r, i, y, _;
+      return n(), $("button", {
+        class: l(m.$style.toggle_button),
+        style: I({
+          "--text-color": (g = u.value) == null ? void 0 : g.textColor,
+          "--border-color": (b = (h = u.value) == null ? void 0 : h.border) == null ? void 0 : b.color,
+          "--border-size": (D = (x = u.value) == null ? void 0 : x.border) == null ? void 0 : D.size,
+          "--radius-size": (i = (r = u.value) == null ? void 0 : r.border) == null ? void 0 : i.radius,
+          "--background-color": (y = u.value) == null ? void 0 : y.backgroundColor,
+          "--box-shadow": (_ = u.value) == null ? void 0 : _.boxShadow,
+          "--inline-size": `${c.value * 2}ch`
+        }),
+        type: "button",
+        disabled: e.isDisabled,
+        onClick: d[1] || (d[1] = ae((U) => e.isDisabled ? null : o.value = !o.value, ["stop"]))
+      }, [
+        P(v("input", {
+          "onUpdate:modelValue": d[0] || (d[0] = (U) => o.value = U),
+          type: "checkbox",
+          name: e.name,
+          disabled: e.isDisabled
+        }, null, 8, Qa), [
+          [ue, o.value]
+        ]),
+        v("div", {
+          class: l([m.$style.text, { [m.$style.on]: o.value }]),
+          "data-on": e.label.on,
+          "data-off": e.label.off
+        }, null, 10, el),
+        v("div", {
+          class: l(m.$style.handle)
+        }, null, 2)
+      ], 14, Ja);
+    };
+  }
+}), al = "_toggle_button_1phgw_1", ll = "_text_1phgw_27", sl = "_on_1phgw_56", ol = "_handle_1phgw_62", nl = {
+  toggle_button: al,
+  text: ll,
+  on: sl,
+  handle: ol
+}, rl = {
+  $style: nl
+}, il = /* @__PURE__ */ S(tl, [["__cssModules", rl]]), cl = "_input_group_7evrk_1", ul = {
+  input_group: cl
+}, dl = {};
+function ml(e, t) {
+  return n(), $("div", {
+    class: l(e.$style.input_group)
+  }, [
+    N(e.$slots, "default")
+  ], 2);
+}
+const yl = {
+  $style: ul
+}, gl = /* @__PURE__ */ S(dl, [["render", ml], ["__cssModules", yl]]), hl = ["disabled"], bl = /* @__PURE__ */ w({
+  __name: "TextButton",
+  props: {
+    text: {},
+    variant: { default: "default" },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, s = M(
+      () => t.variant === "caution" ? C.red : "var(--link-color)"
+    );
+    return (a, o) => (n(), $("button", {
+      type: "button",
+      class: l(a.$style.text_button),
+      disabled: e.isDisabled,
+      style: I({ "--text-button-color": s.value })
+    }, R(e.text), 15, hl));
+  }
+}), $l = "_text_button_awtwg_1", fl = {
+  text_button: $l
+}, vl = {
+  $style: fl
+}, We = /* @__PURE__ */ S(bl, [["__cssModules", vl]]), kl = {}, pl = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function _l(e, t) {
+  return n(), $("svg", pl, [...t[0] || (t[0] = [
+    v("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" }, null, -1)
+  ])]);
+}
+const xl = /* @__PURE__ */ S(kl, [["render", _l]]), wl = ["type", "name", "max", "min", "required", "disabled"], Sl = ["aria-label", "disabled"], Dl = ["aria-label", "disabled"], Ml = { key: 0 }, Cl = ["aria-label", "disabled"], zl = /* @__PURE__ */ w({
+  __name: "DatePicker",
+  props: {
+    name: {},
+    modelValue: {},
+    isDisabled: { type: Boolean, default: !1 },
+    isRequired: { type: Boolean },
+    formValidationManager: { default: null },
+    minDate: { default: "" },
+    maxDate: { default: "" },
+    size: { default: "medium" },
+    type: { default: "date" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = V(null), o = e, c = tt({
+      year: "",
+      month: "",
+      day: ""
+    }), u = V(""), m = V(""), d = (r) => {
+      o.formValidationManager && o.formValidationManager.setValid(o.name, r);
+    }, g = (r) => !r && o.isRequired ? { isValid: !1, message: re.required } : { isValid: !0, message: "" }, h = (r) => it(
+      { year: r.year, month: r.month, day: r.day ?? "" },
+      { type: o.type, isRequired: o.isRequired }
+    ), b = (r) => {
+      const { year: i, month: y, day: _ } = Ee(r);
+      c.year = i, c.month = y, c.day = o.type === "month" ? "" : _;
+    }, x = () => ct({ ...c }, o.type);
+    B(
+      () => u.value,
+      (r) => {
+        b(r);
+        const { isValid: i, message: y } = g(r);
+        m.value = y, s("update:modelValue", r), d(i);
+      }
+    ), B(
+      () => c,
+      (r) => {
+        const { isValid: i, message: y } = h(r);
+        m.value = y, d(i), i && (u.value = x());
+      },
+      { deep: !0 }
+    );
+    const D = (r) => {
+      if (!r) {
+        u.value = "", b(""), m.value = "", d(g("").isValid);
+        return;
+      }
+      const i = ut(r, o.type);
+      !i || i === u.value || (u.value = i, b(i));
+    };
+    return B(
+      () => o.modelValue,
+      (r) => D(r)
+    ), D(o.modelValue), d(g(u.value).isValid), le(() => {
+      var r;
+      return (r = o.formValidationManager) == null ? void 0 : r.remove(o.name);
+    }), (r, i) => (n(), f(te, {
+      isDisabled: e.isDisabled,
+      class: l([
+        r.$style.date_picker,
+        r.$style[e.size],
+        { [r.$style.is_disabled]: e.isDisabled }
+      ]),
+      isErrored: !!m.value
+    }, {
+      default: L(() => [
+        v("div", {
+          class: l(r.$style.date_input)
+        }, [
+          k(xl, {
+            class: l(r.$style.icon)
+          }, null, 8, ["class"]),
+          P(v("input", {
+            ref_key: "datePicker",
+            ref: a,
+            "onUpdate:modelValue": i[0] || (i[0] = (y) => u.value = y),
+            type: e.type,
+            name: e.name,
+            max: e.maxDate,
+            min: e.minDate,
+            required: e.isRequired,
+            disabled: e.isDisabled
+          }, null, 8, wl), [
+            [Be, u.value]
+          ])
+        ], 2),
+        P(v("input", {
+          "onUpdate:modelValue": i[1] || (i[1] = (y) => c.year = y),
+          placeholder: "年",
+          "aria-label": `${e.name}の年`,
+          maxlength: "4",
+          type: "text",
+          disabled: e.isDisabled,
+          class: l(r.$style.year)
+        }, null, 10, Sl), [
+          [ne, c.year]
+        ]),
+        i[4] || (i[4] = Te("/ ", -1)),
+        P(v("input", {
+          "onUpdate:modelValue": i[2] || (i[2] = (y) => c.month = y),
+          placeholder: "月",
+          "aria-label": `${e.name}の月`,
+          maxlength: "2",
+          type: "text",
+          disabled: e.isDisabled
+        }, null, 8, Dl), [
+          [ne, c.month]
+        ]),
+        e.type === "date" ? (n(), $("span", Ml, "/")) : p("", !0),
+        e.type === "date" ? P((n(), $("input", {
+          key: 1,
+          "onUpdate:modelValue": i[3] || (i[3] = (y) => c.day = y),
+          placeholder: "日",
+          "aria-label": `${e.name}の日`,
+          maxlength: "2",
+          type: "text",
+          disabled: e.isDisabled
+        }, null, 8, Cl)), [
+          [ne, c.day]
+        ]) : p("", !0),
+        k(X, {
+          errorMessages: m.value ? [m.value] : []
+        }, null, 8, ["errorMessages"])
+      ]),
+      _: 1
+    }, 8, ["isDisabled", "class", "isErrored"]));
+  }
+}), Vl = "_icon_1mylj_1", Il = "_date_input_1mylj_14", Nl = "_date_picker_1mylj_34", ql = "_year_1mylj_45", Bl = "_small_1mylj_51", Ul = {
+  icon: Vl,
+  date_input: Il,
+  date_picker: Nl,
+  year: ql,
+  small: Bl
+}, Tl = {
+  $style: Ul
+}, ie = /* @__PURE__ */ S(zl, [["__cssModules", Tl]]), Rl = /* @__PURE__ */ w({
+  __name: "DateRangePicker",
+  props: {
+    name: {},
+    modelValue: { default: () => ({ start: "", end: "" }) },
+    isDisabled: { type: Boolean, default: !1 },
+    isRequired: { type: Boolean, default: !1 },
+    formValidationManager: { default: null },
+    minDate: { default: "" },
+    maxDate: { default: "" },
+    size: { default: "medium" },
+    type: { default: "date" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = M(() => a.modelValue.start), c = M(() => a.modelValue.end), u = (d) => s("update:modelValue", { start: d ?? "", end: c.value }), m = (d) => s("update:modelValue", { start: o.value, end: d ?? "" });
+    return (d, g) => (n(), $("div", {
+      class: l(d.$style.date_range_picker)
+    }, [
+      k(ie, {
+        name: `${e.name}Start`,
+        modelValue: o.value,
+        isDisabled: e.isDisabled,
+        isRequired: e.isRequired,
+        formValidationManager: e.formValidationManager,
+        minDate: e.minDate,
+        maxDate: c.value || e.maxDate,
+        size: e.size,
+        type: e.type,
+        "onUpdate:modelValue": u
+      }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"]),
+      v("div", {
+        class: l(d.$style.range)
+      }, "〜", 2),
+      k(ie, {
+        name: `${e.name}End`,
+        modelValue: c.value,
+        isDisabled: e.isDisabled,
+        isRequired: e.isRequired,
+        formValidationManager: e.formValidationManager,
+        minDate: o.value || e.minDate,
+        maxDate: e.maxDate,
+        size: e.size,
+        type: e.type,
+        "onUpdate:modelValue": m
+      }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"])
+    ], 2));
+  }
+}), Ll = "_date_range_picker_1t03t_1", Pl = "_range_1t03t_8", El = {
+  date_range_picker: Ll,
+  range: Pl
+}, Al = {
+  $style: El
+}, Gl = /* @__PURE__ */ S(Rl, [["__cssModules", Al]]), jl = ["value"], Hl = ["value"], Wl = ["value"], Ol = ["value"], Fl = ["value"], Zl = ["value"], Yl = /* @__PURE__ */ w({
+  __name: "DateSelector",
+  props: {
+    name: {},
+    modelValue: {},
+    isRequired: { type: Boolean },
+    formValidationManager: { default: null },
+    type: { default: "date" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const s = t, a = e, o = V({
+      year: "",
+      month: "",
+      day: ""
+    }), c = M(() => {
+      const r = /* @__PURE__ */ new Date(), i = r.getFullYear() - 100, y = r.getFullYear() - 14;
+      return Array.from(
+        { length: y - i + 1 },
+        (U, J) => (i + J).toString()
+      ).map((U) => ({ label: U, value: U }));
+    }), u = M(() => Array.from({ length: 12 }, (r, i) => {
+      const y = (i + 1).toString();
+      return {
+        label: y,
+        value: y.padStart(2, "0")
+      };
+    })), m = M(() => {
+      var y, _;
+      const r = Number((y = o.value) == null ? void 0 : y.month);
+      if (!r)
+        return 31;
+      const i = Number((_ = o.value) == null ? void 0 : _.year) || 2e3;
+      return dt(i, r);
+    }), d = M(() => {
+      const r = [], i = m.value;
+      for (let y = 1; y <= i; y++) {
+        const _ = y.toString();
+        r.push(_);
+      }
+      return r.map((y) => ({
+        label: y,
+        value: String(y).padStart(2, "0")
+      }));
+    }), g = (r) => {
+      const y = r.currentTarget.firstElementChild;
+      y && y.click();
+    }, h = (r, i) => {
+      const y = r.target, { value: _ } = y;
+      o.value = { ...o.value, [i]: _ };
+    };
+    B(m, (r) => {
+      const i = Number(o.value.day);
+      i && i > r && (o.value = { ...o.value, day: String(r).padStart(2, "0") });
+    });
+    const b = { year: "", month: "", day: "" };
+    at(() => {
+      o.value = a.modelValue ? Ee(a.modelValue) : { ...b };
+    });
+    const x = (r) => {
+      a.formValidationManager && a.formValidationManager.setValid(a.name, r);
+    }, D = (r) => {
+      const i = !!(r.year && r.month && (a.type === "month" || r.day)), y = !r.year && !r.month && !r.day;
+      return a.isRequired ? i : i || y;
+    };
+    return x(D(o.value)), B(
+      () => o.value,
+      (r) => {
+        const i = !!(r.year && r.month && (a.type === "month" || r.day)), y = !r.year && !r.month && !r.day;
+        if (x(D(r)), y)
+          s("update:modelValue", "");
+        else if (i) {
+          const _ = a.type === "month" ? [r.year, r.month] : [r.year, r.month, r.day];
+          s("update:modelValue", _.filter(Boolean).join("-"));
+        } else
+          return;
+      },
+      { deep: !0 }
+    ), le(() => {
+      var r;
+      return (r = a.formValidationManager) == null ? void 0 : r.remove(a.name);
+    }), (r, i) => (n(), f(te, {
+      class: l(r.$style.date_selector)
+    }, {
+      default: L(() => [
+        v("div", {
+          class: l([r.$style.selector_wrapper]),
+          onClick: i[1] || (i[1] = (y) => g(y))
+        }, [
+          v("select", {
+            value: o.value.year,
+            class: l(r.$style.year),
+            onChange: i[0] || (i[0] = (y) => h(y, "year"))
+          }, [
+            i[7] || (i[7] = v("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "年", -1)),
+            (n(!0), $(T, null, E(c.value, (y) => (n(), $("option", {
+              key: y.value,
+              value: y.value
+            }, R(y.label), 9, Hl))), 128))
+          ], 42, jl),
+          k(Q)
+        ], 2),
+        v("div", {
+          class: l([r.$style.selector_wrapper]),
+          onClick: i[3] || (i[3] = (y) => g(y))
+        }, [
+          v("select", {
+            value: o.value.month,
+            onChange: i[2] || (i[2] = (y) => h(y, "month"))
+          }, [
+            i[8] || (i[8] = v("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "月", -1)),
+            (n(!0), $(T, null, E(u.value, (y) => (n(), $("option", {
+              key: y.value,
+              value: y.value
+            }, R(y.label), 9, Ol))), 128))
+          ], 40, Wl),
+          k(Q)
+        ], 2),
+        e.type === "date" ? (n(), $("div", {
+          key: 0,
+          class: l([r.$style.selector_wrapper]),
+          onClick: i[5] || (i[5] = (y) => g(y))
+        }, [
+          v("select", {
+            value: o.value.day,
+            onChange: i[4] || (i[4] = (y) => h(y, "day"))
+          }, [
+            i[9] || (i[9] = v("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "日", -1)),
+            (n(!0), $(T, null, E(d.value, (y) => (n(), $("option", {
+              key: y.value,
+              value: y.value
+            }, R(y.label), 9, Zl))), 128))
+          ], 40, Fl),
+          k(Q)
+        ], 2)) : p("", !0),
+        k(We, {
+          text: "削除",
+          variant: "caution",
+          class: l(r.$style.delete_button),
+          onClick: i[6] || (i[6] = (y) => o.value = { year: "", month: "", day: "" })
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), Kl = "_date_selector_1yxst_1", Xl = "_selector_wrapper_1yxst_11", Jl = "_year_1yxst_37", Ql = "_delete_button_1yxst_41", es = {
+  date_selector: Kl,
+  selector_wrapper: Xl,
+  year: Jl,
+  delete_button: Ql
+}, ts = {
+  $style: es
+}, as = /* @__PURE__ */ S(Yl, [["__cssModules", ts]]);
+function Oe(e, t) {
+  const s = (a) => {
+    const o = e.value;
+    o && !o.contains(a.target) && t();
+  };
+  K(() => document.addEventListener("pointerdown", s)), le(
+    () => document.removeEventListener("pointerdown", s)
+  );
+}
+const ls = ["disabled"], ss = /* @__PURE__ */ w({
+  __name: "DropdownUi",
+  props: {
+    isHiddenArrow: { type: Boolean, default: !1 },
+    contentAlignment: { default: "left" },
+    isDisabled: { type: Boolean, default: !1 },
+    contentsWidth: { default: "auto" }
+  },
+  setup(e, { expose: t }) {
+    const s = V(!1), a = V(null), o = V(null), c = V(0), u = () => s.value = !s.value, m = () => s.value = !1, d = () => {
+      const g = o.value;
+      g && (c.value = g.clientHeight);
+    };
+    return Oe(a, () => m()), K(() => d()), Re(() => d()), t({ isContentsOpened: s }), (g, h) => (n(), $("div", {
+      ref_key: "root",
+      ref: a,
+      class: l(g.$style.drop_down_box)
+    }, [
+      v("button", {
+        class: l(g.$style.button),
+        disabled: e.isDisabled,
+        type: "button",
+        style: I({
+          "--trigger-color": e.isDisabled || !g.$slots.contents ? "var(--text-color)" : "var(--link-color)",
+          cursor: e.isDisabled || !g.$slots.contents ? "auto" : "pointer"
+        }),
+        onClick: ae(u, ["prevent"])
+      }, [
+        N(g.$slots, "trigger"),
+        e.isHiddenArrow || !g.$slots.contents || e.isDisabled ? p("", !0) : (n(), f(Q, {
+          key: 0,
+          class: l([g.$style.icon, { [g.$style.open]: s.value }])
+        }, null, 8, ["class"]))
+      ], 14, ls),
+      g.$slots.contents ? (n(), $("div", {
+        key: 0,
+        class: l(g.$style.contents),
+        style: I({
+          boxShadow: s.value ? "var(--box-shadow)" : "none",
+          blockSize: s.value ? `${c.value}px` : 0,
+          inlineSize: e.contentsWidth,
+          right: e.contentAlignment === "right" ? "calc(var(--bv) * -0.5)" : "auto",
+          left: e.contentAlignment === "left" ? "calc(var(--bv) * -0.5)" : "auto",
+          zIndex: "2"
+        })
+      }, [
+        v("div", {
+          ref_key: "contents",
+          ref: o,
+          onClick: m
+        }, [
+          N(g.$slots, "contents")
+        ], 512)
+      ], 6)) : p("", !0)
+    ], 2));
+  }
+}), os = "_drop_down_box_1azx1_1", ns = "_button_1azx1_5", rs = "_icon_1azx1_14", is = "_open_1azx1_23", cs = "_contents_1azx1_27", us = {
+  drop_down_box: os,
+  button: ns,
+  icon: rs,
+  open: is,
+  contents: cs
+}, ds = {
+  $style: us
+}, ms = /* @__PURE__ */ S(ss, [["__cssModules", ds]]), ys = {}, gs = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function hs(e, t) {
+  return n(), $("svg", gs, [...t[0] || (t[0] = [
+    v("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }, null, -1)
+  ])]);
+}
+const bs = /* @__PURE__ */ S(ys, [["render", hs]]), $s = ["aria-hidden", "inert"], fs = ["aria-labelledby", "aria-label"], vs = ["id"];
+let oe = 0, Ie = "";
+const ks = /* @__PURE__ */ w({
+  __name: "ModalBox",
+  props: {
+    isShown: { type: Boolean },
+    size: {},
+    ariaLabel: {}
+  },
+  emits: ["closeModal"],
+  setup(e, { emit: t }) {
+    const s = e, a = de("modal_header"), o = V(null), c = t, u = () => typeof document > "u" ? null : document.body;
+    let m = !1;
+    const d = (h) => {
+      const b = u();
+      !b || m === h || (m = h, oe += h ? 1 : -1, oe === 1 && h ? (Ie = b.style.overflow, b.style.overflow = "hidden") : oe <= 0 && (oe = 0, b.style.overflow = Ie));
+    }, g = () => {
+      d(!1), c("closeModal", !1);
+    };
+    return B(
+      () => s.isShown,
+      (h) => {
+        h ? d(!0) : g();
+      }
+    ), B(
+      () => s.isShown,
+      async (h) => {
+        var b;
+        h && (await Ue(), (b = o.value) == null || b.focus());
+      }
+    ), K(() => d(s.isShown)), le(() => g()), (h, b) => (n(), $("div", {
+      class: l([h.$style.overlay, { [h.$style.display]: e.isShown }]),
+      "aria-hidden": !e.isShown,
+      inert: !e.isShown,
+      onClick: ae(g, ["self"])
+    }, [
+      v("div", {
+        ref_key: "dialog",
+        ref: o,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": h.$slots.header ? z(a) : void 0,
+        "aria-label": h.$slots.header ? void 0 : e.ariaLabel ?? "ダイアログ",
+        tabindex: -1,
+        class: l([h.$style.container, h.$style[e.size ?? "medium"]])
+      }, [
+        h.$slots.header ? (n(), $("header", {
+          key: 0,
+          id: z(a),
+          class: l(h.$style.header)
+        }, [
+          N(h.$slots, "header")
+        ], 10, vs)) : p("", !0),
+        v("div", {
+          class: l(h.$style.contents)
+        }, [
+          N(h.$slots, "default")
+        ], 2),
+        h.$slots.footer ? (n(), $("footer", {
+          key: 1,
+          class: l(h.$style.footer)
+        }, [
+          N(h.$slots, "footer")
+        ], 2)) : p("", !0),
+        v("button", {
+          type: "button",
+          class: l(h.$style.close_button),
+          onClick: g
+        }, [
+          k(bs)
+        ], 2)
+      ], 10, fs)
+    ], 10, $s));
+  }
+}), ps = "_container_1fmv7_1", _s = "_small_1fmv7_13", xs = "_large_1fmv7_16", ws = "_header_1fmv7_20", Ss = "_contents_1fmv7_34", Ds = "_footer_1fmv7_45", Ms = "_close_button_1fmv7_62", Cs = "_overlay_1fmv7_80", zs = "_display_1fmv7_105", Vs = {
+  container: ps,
+  small: _s,
+  large: xs,
+  header: ws,
+  contents: Ss,
+  footer: Ds,
+  close_button: Ms,
+  overlay: Cs,
+  display: zs
+}, Is = {
+  $style: Vs
+}, Ns = /* @__PURE__ */ S(ks, [["__cssModules", Is]]), qs = /* @__PURE__ */ w({
+  __name: "PopupBox",
+  props: {
+    position: { default: () => ({ x: "right", y: "top" }) }
+  },
+  setup(e, { expose: t }) {
+    const s = V(!1);
+    let a = null;
+    const o = () => {
+      s.value = !0, a !== null && clearTimeout(a), a = setTimeout(() => {
+        s.value = !1, a = null;
+      }, 3e3);
+    };
+    return le(() => {
+      a !== null && clearTimeout(a);
+    }), t({
+      showPopup: o
+    }), (c, u) => (n(), f(lt, { to: "body" }, [
+      v("div", {
+        class: l([
+          c.$style.popup,
+          c.$style[`x-${e.position.x}`],
+          c.$style[`y-${e.position.y}`],
+          { [c.$style.show]: s.value }
+        ])
+      }, [
+        N(c.$slots, "default")
+      ], 2)
+    ]));
+  }
+}), Bs = "_popup_1ck2i_23", Us = "_show_1ck2i_38", Ts = {
+  "x-left": "_x-left_1ck2i_1",
+  "x-right": "_x-right_1ck2i_4",
+  "x-center": "_x-center_1ck2i_7",
+  "y-top": "_y-top_1ck2i_12",
+  "y-bottom": "_y-bottom_1ck2i_15",
+  "y-center": "_y-center_1ck2i_18",
+  popup: Bs,
+  show: Us
+}, Rs = {
+  $style: Ts
+}, Ls = /* @__PURE__ */ S(qs, [["__cssModules", Rs]]), Ps = ["disabled"], Es = { class: "width:100% text-align:left" }, As = /* @__PURE__ */ w({
+  __name: "SlideDownUi",
+  props: {
+    isOpened: { type: [Boolean, null], default: null },
+    isHiddenArrow: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isDisableClickOutside: { type: Boolean },
+    duration: { default: 0.3 }
+  },
+  setup(e, { expose: t }) {
+    const s = e, a = V(s.isOpened || !1), o = V(null), c = V(null), u = V(0), m = () => a.value = !a.value, d = () => {
+      s.isDisableClickOutside || (a.value = !1);
+    }, g = () => {
+      const h = c.value;
+      h && (u.value = h.clientHeight);
+    };
+    return Oe(o, () => d()), K(() => g()), Re(() => g()), B(
+      () => s.isOpened,
+      (h) => {
+        typeof h == "boolean" && (a.value = h);
+      }
+    ), t({ isOpenedContents: a }), (h, b) => (n(), $("div", {
+      ref_key: "root",
+      ref: o,
+      class: l({ [h.$style.opened]: a.value }),
+      style: I({ "--accordion-toggle-duration": `${s.duration}s` })
+    }, [
+      v("button", {
+        class: l(h.$style.trigger),
+        disabled: e.isDisabled,
+        type: "button",
+        onClick: ae(m, ["prevent"])
+      }, [
+        v("div", Es, [
+          N(h.$slots, "trigger")
+        ]),
+        e.isHiddenArrow ? p("", !0) : (n(), f(Q, {
+          key: 0,
+          class: l(h.$style.icon)
+        }, null, 8, ["class"]))
+      ], 10, Ps),
+      v("div", {
+        style: I({ height: a.value ? `${u.value}px` : 0 }),
+        class: l(h.$style.contents)
+      }, [
+        v("div", {
+          ref_key: "contents",
+          ref: c,
+          class: l(h.$style.container)
+        }, [
+          N(h.$slots, "default")
+        ], 2)
+      ], 6)
+    ], 6));
+  }
+}), Gs = "_trigger_1p4x4_12", js = "_icon_1p4x4_23", Hs = "_contents_1p4x4_33", Ws = "_opened_1p4x4_38", Os = "_overflow_1p4x4_1", Fs = {
+  trigger: Gs,
+  icon: js,
+  contents: Hs,
+  opened: Ws,
+  overflow: Os
+}, Zs = {
+  $style: Fs
+}, Ys = /* @__PURE__ */ S(As, [["__cssModules", Zs]]), Ks = ["id", "aria-controls", "aria-selected", "tabindex", "onClick"], Xs = ["id", "aria-labelledby"], Js = /* @__PURE__ */ w({
+  __name: "TabUI",
+  props: {
+    tabs: {},
+    color: { default: void 0 },
+    cssStyle: { default: void 0 },
+    type: { default: "tab" },
+    initialIndex: { default: 0 }
+  },
+  setup(e) {
+    const t = e, s = de("tabs"), a = (b) => `${s}_tab_${b}`, o = (b) => `${s}_panel_${b}`, c = t.tabs[t.initialIndex] ?? t.tabs[0], u = V((c == null ? void 0 : c.key) ?? ""), m = V([]), d = (b) => u.value = b, g = (b) => {
+      var x;
+      u.value = t.tabs[b].key, (x = m.value[b]) == null || x.focus();
+    }, h = (b) => {
+      if (b.key !== "ArrowLeft" && b.key !== "ArrowRight")
+        return;
+      const x = t.tabs.findIndex(
+        (r) => r.key === u.value
+      );
+      if (x === -1)
+        return;
+      b.preventDefault();
+      const D = t.tabs.length - 1;
+      b.key === "ArrowLeft" ? g(x > 0 ? x - 1 : D) : g(x < D ? x + 1 : 0);
+    };
+    return (b, x) => {
+      var D, r;
+      return n(), $("div", null, [
+        v("div", {
+          class: l(b.$style.tabs),
+          style: I({
+            "--active-color": ((D = e.color) == null ? void 0 : D.active) || z(C).blue,
+            "--background-color": ((r = e.color) == null ? void 0 : r.background) || "transparent"
+          }),
+          role: "tablist",
+          onKeydown: h
+        }, [
+          (n(!0), $(T, null, E(e.tabs, (i, y) => (n(), $("button", {
+            id: a(i.key),
+            key: i.key,
+            ref_for: !0,
+            ref: (_) => {
+              _ && (m.value[y] = _);
+            },
+            role: "tab",
+            "aria-controls": o(i.key),
+            "aria-selected": u.value === i.key,
+            tabindex: u.value === i.key ? 0 : -1,
+            class: l({ [b.$style.active]: u.value === i.key }),
+            onClick: (_) => d(i.key)
+          }, [
+            N(b.$slots, i.key),
+            b.$slots[i.key] ? p("", !0) : (n(), $(T, { key: 0 }, [
+              Te(R(i.label), 1)
+            ], 64))
+          ], 10, Ks))), 128))
+        ], 38),
+        (n(!0), $(T, null, E(e.tabs, (i) => P((n(), $("div", {
+          id: o(i.key),
+          key: `${i.key}_panel`,
+          role: "tabpanel",
+          "aria-labelledby": a(i.key)
+        }, [
+          N(b.$slots, `${i.key}Contents`)
+        ], 8, Xs)), [
+          [ce, u.value === i.key]
+        ])), 128))
+      ]);
+    };
+  }
+}), Qs = "_tabs_1d9po_1", eo = "_active_1d9po_12", to = {
+  tabs: Qs,
+  active: eo
+}, ao = {
+  $style: to
+}, lo = /* @__PURE__ */ S(Js, [["__cssModules", ao]]), q = (e) => {
+  var t, s;
+  return (s = (t = e == null ? void 0 : e._embedded) == null ? void 0 : t.author) == null ? void 0 : s[0];
+}, so = (e) => {
+  var s, a;
+  return (((a = (s = e == null ? void 0 : e._embedded) == null ? void 0 : s["wp:term"]) == null ? void 0 : a[1]) ?? []).map((o) => o.name);
+}, Fe = (e, t, s) => {
+  const a = String(t).replace(/\/+$/, ""), o = String(e.article_page_path ?? "").replace(/^\/+/, "");
+  return `https://${a}/${o}?${e.query_key_name}=${s}`;
+}, Ze = (e) => ({
+  ...e,
+  author: (e == null ? void 0 : e.author) ?? (e == null ? void 0 : e.useAuthor) ?? !1,
+  category: (e == null ? void 0 : e.category) ?? (e == null ? void 0 : e.useCategory) ?? !1,
+  tag: (e == null ? void 0 : e.tag) ?? (e == null ? void 0 : e.useTag) ?? !1
+}), oo = ["href"], no = /* @__PURE__ */ w({
+  __name: "CardContainer",
+  props: {
+    path: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), $("a", {
+      href: e.path,
+      class: l(t.$style.container)
+    }, [
+      N(t.$slots, "default")
+    ], 10, oo));
+  }
+}), ro = "_container_15pug_1", io = {
+  container: ro
+}, co = {
+  $style: io
+}, G = /* @__PURE__ */ S(no, [["__cssModules", co]]), uo = {}, mo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function yo(e, t) {
+  return n(), $("svg", mo, [...t[0] || (t[0] = [
+    v("circle", {
+      cx: "7.499",
+      cy: "9.5",
+      r: "1.5"
+    }, null, -1),
+    v("path", { d: "m10.499 14-1.5-2-3 4h12l-4.5-6z" }, null, -1),
+    v("path", { d: "M19.999 4h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-16 14V6h16l.002 12H3.999z" }, null, -1)
+  ])]);
+}
+const go = /* @__PURE__ */ S(uo, [["render", yo]]), ho = /* @__PURE__ */ w({
+  __name: "NoImage",
+  setup(e) {
+    return (t, s) => (n(), $("div", {
+      class: l(t.$style.no_image)
+    }, [
+      k(go),
+      s[0] || (s[0] = v("span", null, "No Image", -1))
+    ], 2));
+  }
+}), bo = "_no_image_3evh4_1", $o = {
+  no_image: bo
+}, fo = {
+  $style: $o
+}, vo = /* @__PURE__ */ S(ho, [["__cssModules", fo]]), ko = ["srcset", "alt"], po = /* @__PURE__ */ w({
+  __name: "ThumbnailImage",
+  props: {
+    article: {},
+    aspectRatio: { default: () => ({
+      desktop: "4/3",
+      tablet: "4/3",
+      mobile: "4/3"
+    }) }
+  },
+  setup(e) {
+    const t = e, s = M(
+      () => {
+        var c, u, m;
+        return ((m = (u = (c = t.article) == null ? void 0 : c._embedded) == null ? void 0 : u["wp:featuredmedia"]) == null ? void 0 : m[0]) || {};
+      }
+    ), a = (c) => {
+      var m, d, g;
+      const u = (m = s.value.media_details) == null ? void 0 : m.sizes;
+      return ((d = u == null ? void 0 : u[c]) == null ? void 0 : d.source_url) ?? ((g = u == null ? void 0 : u.full) == null ? void 0 : g.source_url) ?? "";
+    }, o = M(
+      () => `${a("full")} 1024w, ${a("thumbnail")} 640w`
+    );
+    return (c, u) => {
+      var m;
+      return n(), $("div", {
+        style: I({
+          "--desktop-aspect--ratio": e.aspectRatio.desktop,
+          "--tablet-aspect--ratio": e.aspectRatio.tablet,
+          "--mobile-aspect--ratio": e.aspectRatio.mobile
+        }),
+        class: l(c.$style.container)
+      }, [
+        a("full") ? (n(), $("img", {
+          key: 0,
+          srcset: o.value,
+          sizes: "(min-width: 640px) 50vw, 100vw",
+          alt: ((m = s.value) == null ? void 0 : m.alt_text) ?? "記事サムネイル",
+          loading: "lazy",
+          class: l(c.$style.image)
+        }, null, 10, ko)) : (n(), f(vo, { key: 1 }))
+      ], 6);
+    };
+  }
+}), _o = "_container_2ogwb_1", xo = {
+  container: _o
+}, wo = {
+  $style: xo
+}, j = /* @__PURE__ */ S(po, [["__cssModules", wo]]), So = ["src", "srcset", "alt"], Do = ["data-preposition"], Mo = /* @__PURE__ */ w({
+  __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 t = e, s = M(() => {
+      const o = t.avatarUrls;
+      if (!o)
+        return;
+      const c = [
+        { url: o[96], width: "1024w" },
+        { url: o[48], width: "640w" }
+      ].filter((u) => !!u.url);
+      if (c.length !== 0)
+        return c.map((u) => `${u.url} ${u.width}`).join(", ");
+    }), a = M(() => {
+      const o = t.avatarUrls;
+      if (o)
+        return o[96] ?? o[48];
+    });
+    return (o, c) => (n(), $("div", {
+      class: l(o.$style.author_info),
+      style: I({
+        "--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
+      })
+    }, [
+      a.value ? (n(), $("img", {
+        key: 0,
+        src: a.value,
+        srcset: s.value,
+        alt: `${e.name} thumbnail`,
+        loading: "lazy",
+        class: l([o.$style.thumbnail, o.$style[e.thumbnail.shape ?? "square"]]),
+        style: I({
+          "--thumbnail-size": e.thumbnail.size === "small" ? "calc(var(--bv) * 3)" : e.thumbnail.size === "large" ? "calc(var(--bv) * 6)" : "calc(var(--bv) * 4)"
+        })
+      }, null, 14, So)) : p("", !0),
+      e.name ? (n(), $("span", {
+        key: 1,
+        "data-preposition": e.text.preposition
+      }, R(e.name), 9, Do)) : p("", !0)
+    ], 6));
+  }
+}), Co = "_author_info_c6l8f_1", zo = "_thumbnail_c6l8f_8", Vo = "_circle_c6l8f_13", Io = {
+  author_info: Co,
+  thumbnail: zo,
+  circle: Vo
+}, No = {
+  $style: Io
+}, H = /* @__PURE__ */ S(Mo, [["__cssModules", No]]), qo = /* @__PURE__ */ w({
+  __name: "CardHeading",
+  props: {
+    heading: {},
+    color: { default: "var(--primary-color)" },
+    fontSize: { default: "larger" },
+    fontWeight: { default: "bold" }
+  },
+  setup(e) {
+    return (t, s) => (n(), $("div", {
+      class: l(t.$style.heading),
+      style: I({
+        "--heading-color": e.color,
+        "--heading-font-size": e.fontSize,
+        "--heading-font-weight": e.fontWeight
+      })
+    }, [
+      v("h2", null, R(e.heading), 1)
+    ], 6));
+  }
+}), Bo = "_heading_wp258_1", Uo = {
+  heading: Bo
+}, To = {
+  $style: Uo
+}, W = /* @__PURE__ */ S(qo, [["__cssModules", To]]), Ro = {}, Lo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function Po(e, t) {
+  return n(), $("svg", Lo, [...t[0] || (t[0] = [
+    v("path", { d: "M20 5h-9.586L8.707 3.293A.997.997 0 0 0 8 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2z" }, null, -1)
+  ])]);
+}
+const Eo = /* @__PURE__ */ S(Ro, [["render", Po]]), Ao = {}, Go = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function jo(e, t) {
+  return n(), $("svg", Go, [...t[0] || (t[0] = [
+    v("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8 8a2 2 0 0 0 2.828 0l7.172-7.172a2 2 0 0 0 0-2.828l-8-8zM7 9a2 2 0 1 1 .001-4.001A2 2 0 0 1 7 9z" }, null, -1)
+  ])]);
+}
+const Ho = /* @__PURE__ */ S(Ao, [["render", jo]]), Wo = ["data-delimiter"], Oo = /* @__PURE__ */ w({
+  __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 s = e.icon.name === "FolderIcon" ? Eo : Ho;
+    return (a, o) => e.metadata.length ? (n(), $("div", {
+      key: 0,
+      class: l(a.$style.metadata_list),
+      style: I({ "--icon-color": e.icon.color })
+    }, [
+      e.icon.name ? (n(), f(Le(z(s)), {
+        key: 0,
+        class: l(a.$style.icon),
+        style: I({
+          "--icon-color": e.icon.color,
+          "--icon-size": e.icon.size === "small" ? "var(--small-icon-size)" : "var(--medium-icon-size)"
+        })
+      }, null, 8, ["class", "style"])) : p("", !0),
+      v("ul", {
+        class: l(a.$style.list)
+      }, [
+        (n(!0), $(T, null, E(e.metadata, (c) => (n(), $("li", {
+          key: c,
+          class: l([
+            a.$style.list_item,
+            a.$style[e.label.shape ?? "square"],
+            { [a.$style.delimiter]: e.delimiter }
+          ]),
+          style: I({
+            "--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
+        }, R(c), 15, Wo))), 128))
+      ], 2)
+    ], 6)) : p("", !0);
+  }
+}), Fo = "_metadata_list_1aazi_1", Zo = "_icon_1aazi_8", Yo = "_list_1aazi_17", Ko = "_list_item_1aazi_22", Xo = "_rounded_1aazi_30", Jo = "_delimiter_1aazi_33", Qo = {
+  metadata_list: Fo,
+  icon: Zo,
+  list: Yo,
+  list_item: Ko,
+  rounded: Xo,
+  delimiter: Jo
+}, en = {
+  $style: Qo
+}, Ye = /* @__PURE__ */ S(Oo, [["__cssModules", en]]), O = /* @__PURE__ */ w({
+  __name: "CategoryList",
+  props: {
+    categoryIds: {},
+    categoryData: {},
+    icon: {},
+    label: {},
+    delimiter: {}
+  },
+  setup(e) {
+    const t = e, s = (o, c) => {
+      var u;
+      return o.length ? ((u = o.find((m) => m.id === c)) == null ? void 0 : u.name) ?? "" : "";
+    }, a = M(
+      () => t.categoryIds.map(
+        (o) => s(t.categoryData, o)
+      )
+    );
+    return (o, c) => {
+      var u, m, d;
+      return n(), f(Ye, {
+        metadata: a.value,
+        icon: {
+          name: (u = e.icon) != null && u.color ? "FolderIcon" : null,
+          color: (m = e.icon) == null ? void 0 : m.color,
+          size: (d = e.icon) == null ? void 0 : d.size
+        },
+        label: e.label,
+        delimiter: e.delimiter
+      }, null, 8, ["metadata", "icon", "label", "delimiter"]);
+    };
+  }
+}), F = /* @__PURE__ */ w({
+  __name: "TagList",
+  props: {
+    article: {},
+    icon: {},
+    label: {},
+    delimiter: {}
+  },
+  setup(e) {
+    const t = e, s = M(() => so(t.article));
+    return (a, o) => {
+      var c, u, m;
+      return s.value.length ? (n(), f(Ye, {
+        key: 0,
+        metadata: s.value,
+        icon: {
+          name: (c = e.icon) != null && c.color ? "TagIcon" : null,
+          color: (u = e.icon) == null ? void 0 : u.color,
+          size: (m = e.icon) == null ? void 0 : m.size
+        },
+        label: e.label,
+        delimiter: e.delimiter
+      }, null, 8, ["metadata", "icon", "label", "delimiter"])) : p("", !0);
+    };
+  }
+}), tn = /* @__PURE__ */ w({
+  __name: "PostedDate",
+  props: {
+    date: {},
+    formatString: { default: "yyyy/MM/dd" },
+    color: { default: "var(--text-color)" },
+    fontSize: { default: "small" },
+    fontWeight: { default: "normal" }
+  },
+  setup(e) {
+    const t = e, s = M(() => yt(t.date));
+    return (a, o) => (n(), $("time", {
+      class: l(a.$style.posted_date),
+      style: I({
+        "--date-color": e.color,
+        "--date-font-size": e.fontSize,
+        "--date-font-weight": e.fontWeight
+      })
+    }, R(z(gt)(s.value, e.formatString)), 7));
+  }
+}), an = "_posted_date_108g0_1", ln = {
+  posted_date: an
+}, sn = {
+  $style: ln
+}, A = /* @__PURE__ */ S(tn, [["__cssModules", sn]]), on = ["innerHTML"], nn = /* @__PURE__ */ w({
+  __name: "ExcerptText",
+  props: {
+    excerpt: {},
+    color: { default: "var(--text-color)" },
+    fontSize: { default: "medium" },
+    row: { default: 3 }
+  },
+  setup(e) {
+    return (t, s) => (n(), $("div", {
+      class: l(t.$style.excerpt),
+      style: I({
+        "--excerpt-color": e.color,
+        "--excerpt-font-size": e.fontSize,
+        "--excerpt-row": e.row
+      }),
+      innerHTML: e.excerpt
+    }, null, 14, on));
+  }
+}), rn = "_excerpt_hmmtv_1", cn = {
+  excerpt: rn
+}, un = {
+  $style: cn
+}, Z = /* @__PURE__ */ S(nn, [["__cssModules", un]]), dn = /* @__PURE__ */ w({
+  __name: "Standard",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a, o;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "2.85/1" : "4/3",
+              tablet: e.isPickUpItem ? "2.85/1" : "4/3",
+              mobile: "4/3"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 0,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "smaller"
+            },
+            class: l(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          k(A, {
+            date: e.article.date,
+            class: l(t.$style.date),
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 1,
+            avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+            name: (o = z(q)(e.article)) == null ? void 0 : o.name,
+            class: l(t.$style.author),
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "name", "class"])) : p("", !0),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 2,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              backgroundColor: "var(--main-color)",
+              color: "var(--white)",
+              fontSize: "small"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), mn = "_container_1g9t2_1", yn = "_thumbnail_1g9t2_6", gn = "_pickup_1g9t2_10", hn = "_category_1g9t2_15", bn = "_date_1g9t2_19", $n = "_author_1g9t2_20", fn = "_heading_1g9t2_41", vn = "_excerpt_1g9t2_62", kn = {
+  container: mn,
+  thumbnail: yn,
+  pickup: gn,
+  category: hn,
+  date: bn,
+  author: $n,
+  heading: fn,
+  excerpt: vn
+}, pn = {
+  $style: kn
+}, Ne = /* @__PURE__ */ S(dn, [["__cssModules", pn]]), _n = /* @__PURE__ */ w({
+  __name: "Rounded",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      path: e.path,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }])
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          k(A, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            class: l(t.$style.date),
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 0,
+            avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+            thumbnail: {
+              shape: "circle"
+            },
+            class: l(t.$style.author),
+            direction: "row-reverse",
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "class"])) : p("", !0),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            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: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 2,
+            article: e.article,
+            icon: { color: "var(--sub-color)" },
+            label: {
+              backgroundColor: "var(--sub-color)",
+              color: "var(--white)",
+              fontSize: "smaller",
+              shape: "rounded"
+            },
+            class: l(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"])
+        ];
+      }),
+      _: 1
+    }, 8, ["path", "class"])) : p("", !0);
+  }
+}), xn = "_container_ouyg9_1", wn = "_thumbnail_ouyg9_7", Sn = "_pickup_ouyg9_11", Dn = "_heading_ouyg9_21", Mn = "_date_ouyg9_26", Cn = {
+  container: xn,
+  thumbnail: wn,
+  pickup: Sn,
+  heading: Dn,
+  date: Mn
+}, zn = {
+  $style: Cn
+}, Vn = /* @__PURE__ */ S(_n, [["__cssModules", zn]]), In = /* @__PURE__ */ w({
+  __name: "Artistic",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), $("div", {
+      class: l([t.$style.wrapper, { [t.$style.pickup]: e.isPickUpItem }])
+    }, [
+      e.article ? (n(), f(G, {
+        key: 0,
+        class: l(t.$style.container),
+        path: e.path
+      }, {
+        default: L(() => {
+          var a;
+          return [
+            k(j, {
+              article: e.article,
+              aspectRatio: {
+                desktop: e.isPickUpItem ? "21/9" : "4/3",
+                tablet: e.isPickUpItem ? "21/9" : "4/3",
+                mobile: "4/3"
+              },
+              class: l(t.$style.thumbnail),
+              style: { "grid-area": "thumbnail" }
+            }, null, 8, ["article", "aspectRatio", "class"]),
+            v("div", {
+              class: l(t.$style.overlay)
+            }, [
+              k(Z, {
+                excerpt: e.article.excerpt.rendered,
+                class: l(t.$style.excerpt),
+                color: "var(--white)",
+                style: { "grid-area": "excerpt" }
+              }, null, 8, ["excerpt", "class"])
+            ], 2),
+            k(A, {
+              date: e.article.date,
+              formatString: "yy.M.d",
+              class: l(t.$style.date),
+              style: { "grid-area": "date" }
+            }, null, 8, ["date", "class"]),
+            k(W, {
+              heading: e.article.title.rendered,
+              class: l(t.$style.heading),
+              style: { "grid-area": "heading" }
+            }, null, 8, ["heading", "class"]),
+            e.postConfig.tag ? (n(), f(F, {
+              key: 0,
+              article: e.article,
+              label: {
+                color: "var(--text-color)",
+                fontSize: "smaller"
+              },
+              class: l(t.$style.tag),
+              delimiter: "/",
+              style: { "grid-area": "tag" }
+            }, null, 8, ["article", "class"])) : p("", !0),
+            e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+              key: 1,
+              avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+              thumbnail: {
+                size: "large",
+                shape: "circle"
+              },
+              class: l(t.$style.author),
+              style: { "grid-area": "author" }
+            }, null, 8, ["avatarUrls", "class"])) : p("", !0),
+            e.postConfig.category && e.article.categories ? (n(), f(O, {
+              key: 2,
+              categoryIds: e.article.categories,
+              categoryData: e.categories,
+              label: {
+                backgroundColor: "var(--main-color)",
+                color: "var(--white)",
+                fontSize: "small"
+              },
+              class: l(t.$style.category),
+              style: { "grid-area": "category" }
+            }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["class", "path"])) : p("", !0)
+    ], 2));
+  }
+}), Nn = "_wrapper_1gqog_1", qn = "_container_1gqog_28", Bn = "_overlay_1gqog_31", Un = "_excerpt_1gqog_32", Tn = "_pickup_1gqog_36", Rn = "_thumbnail_1gqog_43", Ln = "_heading_1gqog_49", Pn = "_date_1gqog_50", En = "_tag_1gqog_51", An = "_author_1gqog_52", Gn = "_category_1gqog_53", jn = {
+  wrapper: Nn,
+  container: qn,
+  overlay: Bn,
+  excerpt: Un,
+  pickup: Tn,
+  thumbnail: Rn,
+  heading: Ln,
+  date: Pn,
+  tag: En,
+  author: An,
+  category: Gn
+}, Hn = {
+  $style: jn
+}, Wn = /* @__PURE__ */ S(In, [["__cssModules", Hn]]), On = /* @__PURE__ */ w({
+  __name: "Tile",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "21/9" : "4/3",
+              tablet: "4/3",
+              mobile: "4/3"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          k(A, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            class: l(t.$style.date),
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 0,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--main-color)",
+              fontSize: "small"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 1,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small"
+            },
+            class: l(t.$style.tag),
+            delimiter: "/",
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 2,
+            name: (a = z(q)(e.article)) == null ? void 0 : a.name,
+            class: l(t.$style.author),
+            text: {
+              color: "var(--gray)",
+              fontWeight: "bold",
+              preposition: "by"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class"])) : p("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), Fn = "_container_9fac4_1", Zn = "_thumbnail_9fac4_12", Yn = "_pickup_9fac4_16", Kn = "_heading_9fac4_32", Xn = "_tag_9fac4_33", Jn = "_excerpt_9fac4_34", Qn = "_author_9fac4_35", er = "_date_9fac4_40", tr = "_category_9fac4_41", ar = {
+  container: Fn,
+  thumbnail: Zn,
+  pickup: Yn,
+  heading: Kn,
+  tag: Xn,
+  excerpt: Jn,
+  author: Qn,
+  date: er,
+  category: tr
+}, lr = {
+  $style: ar
+}, sr = /* @__PURE__ */ S(On, [["__cssModules", lr]]), or = /* @__PURE__ */ w({
+  __name: "Simple",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "21/9" : "4/3",
+              tablet: e.isPickUpItem ? "21/9" : "4/3",
+              mobile: "4/3"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            color: "var(--text-color)",
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 0,
+            name: (a = z(q)(e.article)) == null ? void 0 : a.name,
+            class: l(t.$style.author),
+            text: {
+              color: "var(--gray)",
+              preposition: "by"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class"])) : p("", !0),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 1,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small",
+              fontWeight: "bold"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 2,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small",
+              fontWeight: "bold"
+            },
+            class: l(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          k(A, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            color: "var(--gray)",
+            class: l(t.$style.date),
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"])
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), nr = "_container_96xud_1", rr = "_thumbnail_96xud_8", ir = "_pickup_96xud_12", cr = "_heading_96xud_42", ur = "_date_96xud_43", dr = "_excerpt_96xud_64", mr = "_category_96xud_65", yr = "_tag_96xud_66", gr = "_author_96xud_67", hr = {
+  container: nr,
+  thumbnail: rr,
+  pickup: ir,
+  heading: cr,
+  date: ur,
+  excerpt: dr,
+  category: mr,
+  tag: yr,
+  author: gr
+}, br = {
+  $style: hr
+}, $r = /* @__PURE__ */ S(or, [["__cssModules", br]]), fr = /* @__PURE__ */ w({
+  __name: "Row",
+  props: {
+    article: {},
+    path: {},
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l(t.$style.container),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a, o;
+        return [
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 0,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--gray)",
+              fontSize: "clamp(24px, 0.55rem + 2.99vw, 40px)"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: "21/9",
+              tablet: "21/9",
+              mobile: "21/9"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          k(A, {
+            date: e.article.date,
+            formatString: "yy.M.d",
+            class: l(t.$style.date),
+            color: "var(--gray)",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            fontSize: "small",
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 1,
+            article: e.article,
+            label: {
+              color: "var(--text-color)",
+              fontSize: "small"
+            },
+            class: l(t.$style.tag),
+            delimiter: "/",
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 2,
+            avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+            name: (o = z(q)(e.article)) == null ? void 0 : o.name,
+            class: l(t.$style.author),
+            text: {
+              fontSize: "small",
+              color: "var(--gray)"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "name", "class"])) : p("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), vr = "_container_qon22_1", kr = "_thumbnail_qon22_34", pr = "_excerpt_qon22_40", _r = "_category_qon22_45", xr = "_heading_qon22_50", wr = "_tag_qon22_54", Sr = {
+  container: vr,
+  thumbnail: kr,
+  excerpt: pr,
+  category: _r,
+  heading: xr,
+  tag: wr
+}, Dr = {
+  $style: Sr
+}, Mr = /* @__PURE__ */ S(fr, [["__cssModules", Dr]]), Cr = /* @__PURE__ */ w({
+  __name: "News",
+  props: {
+    article: {},
+    path: {},
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l(t.$style.container),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: "16/9",
+              tablet: "4/3",
+              mobile: "1/1"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "class"]),
+          k(A, {
+            date: e.article.date,
+            class: l(t.$style.date),
+            formatString: "yyyy.M.d",
+            fontWeight: "bold",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class"]),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 0,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--main-color)",
+              fontSize: "small"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 1,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "small"
+            },
+            class: l(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 2,
+            name: (a = z(q)(e.article)) == null ? void 0 : a.name,
+            class: l(t.$style.author),
+            text: {
+              color: "var(--gray)",
+              preposition: "by"
+            },
+            fontSize: "small",
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class"])) : p("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), zr = "_container_209hm_1", Vr = "_thumbnail_209hm_14", Ir = "_heading_209hm_22", Nr = "_category_209hm_30", qr = "_tag_209hm_31", Br = "_excerpt_209hm_44", Ur = "_author_209hm_52", Tr = {
+  container: zr,
+  thumbnail: Vr,
+  heading: Ir,
+  category: Nr,
+  tag: qr,
+  excerpt: Br,
+  author: Ur
+}, Rr = {
+  $style: Tr
+}, Lr = /* @__PURE__ */ S(Cr, [["__cssModules", Rr]]), Pr = /* @__PURE__ */ w({
+  __name: "Entertainment",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          v("div", {
+            class: l(t.$style.date)
+          }, [
+            k(A, {
+              date: e.article.date,
+              class: l(t.$style.year),
+              formatString: "yyyy",
+              fontSize: "medium",
+              fontWeight: "bold",
+              color: "var(--text-color)"
+            }, null, 8, ["date", "class"]),
+            k(A, {
+              date: e.article.date,
+              class: l(t.$style.month),
+              formatString: "M",
+              fontSize: "xxx-large",
+              fontWeight: "bold",
+              color: "var(--text-color)"
+            }, null, 8, ["date", "class"]),
+            k(A, {
+              date: e.article.date,
+              class: l(t.$style.day),
+              formatString: "d",
+              fontSize: "xxx-large",
+              fontWeight: "bold",
+              color: "var(--text-color)"
+            }, null, 8, ["date", "class"])
+          ], 2),
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "21/9" : "4/3",
+              tablet: e.isPickUpItem ? "16/9" : "4/3",
+              mobile: (e.isPickUpItem, "4/3")
+            },
+            class: l(t.$style.thumbnail)
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          v("div", {
+            class: l(t.$style.contents)
+          }, [
+            e.postConfig.category && e.article.categories ? (n(), f(O, {
+              key: 0,
+              categoryIds: e.article.categories,
+              categoryData: e.categories,
+              label: {
+                color: "var(--main-color)",
+                fontSize: "small",
+                fontWeight: "bold"
+              },
+              class: l(t.$style.category)
+            }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+            k(W, {
+              heading: e.article.title.rendered,
+              class: l(t.$style.heading)
+            }, null, 8, ["heading", "class"]),
+            v("div", {
+              class: l(t.$style.row)
+            }, [
+              e.postConfig.tag ? (n(), f(F, {
+                key: 0,
+                article: e.article,
+                label: {
+                  color: "var(--text-color)",
+                  fontSize: "small"
+                },
+                class: l(t.$style.tag),
+                delimiter: "/"
+              }, null, 8, ["article", "class"])) : p("", !0),
+              e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+                key: 1,
+                avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+                class: l(t.$style.author),
+                thumbnail: {
+                  size: "medium",
+                  shape: "circle"
+                }
+              }, null, 8, ["avatarUrls", "class"])) : p("", !0)
+            ], 2),
+            k(Z, {
+              excerpt: e.article.excerpt.rendered,
+              class: l(t.$style.excerpt)
+            }, null, 8, ["excerpt", "class"])
+          ], 2)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), Er = "_thumbnail_uuh1j_1", Ar = "_date_uuh1j_9", Gr = "_year_uuh1j_19", jr = "_month_uuh1j_23", Hr = "_day_uuh1j_24", Wr = "_contents_uuh1j_42", Or = "_category_uuh1j_53", Fr = "_heading_uuh1j_57", Zr = "_row_uuh1j_62", Yr = "_author_uuh1j_69", Kr = "_excerpt_uuh1j_73", Xr = "_container_uuh1j_82", Jr = "_pickup_uuh1j_93", Qr = {
+  thumbnail: Er,
+  date: Ar,
+  year: Gr,
+  month: jr,
+  day: Hr,
+  contents: Wr,
+  category: Or,
+  heading: Fr,
+  row: Zr,
+  author: Yr,
+  excerpt: Kr,
+  container: Xr,
+  pickup: Jr
+}, ei = {
+  $style: Qr
+}, ti = /* @__PURE__ */ S(Pr, [["__cssModules", ei]]), ai = /* @__PURE__ */ w({
+  __name: "Gallery",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([t.$style.container, { [t.$style.pickup]: e.isPickUpItem }]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "2.85/1" : "4/3",
+              tablet: e.isPickUpItem ? "16/9" : "4/3",
+              mobile: (e.isPickUpItem, "4/3")
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            color: "var(--white)",
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class"]),
+          k(A, {
+            date: e.article.date,
+            class: l(t.$style.date),
+            fontSize: e.isPickUpItem ? "medium" : "small",
+            formatString: "yyyy.M.d",
+            color: "var(--white)",
+            fontWeight: "bold",
+            style: { "grid-area": "date" }
+          }, null, 8, ["date", "class", "fontSize"]),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 0,
+            name: (a = z(q)(e.article)) == null ? void 0 : a.name,
+            class: l(t.$style.author),
+            text: {
+              color: "var(--white)",
+              fontSize: e.isPickUpItem ? "medium" : "small",
+              fontWeight: "bold"
+            },
+            style: { "grid-area": "author" }
+          }, null, 8, ["name", "class", "text"])) : p("", !0),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 1,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--white)",
+              fontSize: e.isPickUpItem ? "medium" : "small"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "label", "class"])) : p("", !0),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 2,
+            article: e.article,
+            label: {
+              color: "var(--white)",
+              fontSize: e.isPickUpItem ? "medium" : "small"
+            },
+            class: l(t.$style.tag),
+            delimiter: "/",
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "label", "class"])) : p("", !0),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            color: "var(--white)",
+            fontSize: "small",
+            row: 2,
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"])
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), li = "_container_1hse0_1", si = "_thumbnail_1hse0_16", oi = "_category_1hse0_20", ni = "_tag_1hse0_21", ri = "_excerpt_1hse0_22", ii = "_pickup_1hse0_53", ci = "_heading_1hse0_73", ui = "_date_1hse0_105", di = "_author_1hse0_106", mi = {
+  container: li,
+  thumbnail: si,
+  category: oi,
+  tag: ni,
+  excerpt: ri,
+  pickup: ii,
+  heading: ci,
+  date: ui,
+  author: di
+}, yi = {
+  $style: mi
+}, gi = /* @__PURE__ */ S(ai, [["__cssModules", yi]]), hi = /* @__PURE__ */ w({
+  __name: "GenericArticleList",
+  props: {
+    articles: {},
+    theme: {},
+    categories: {},
+    columnNumber: {},
+    settings: {}
+  },
+  setup(e) {
+    const t = e, s = M(() => t.settings.domainToUse), a = M(() => t.settings.isEnabledPickUp), o = M(
+      () => Ze(t.settings.postConfig)
+    ), c = M(() => {
+      switch (t.theme) {
+        case "standard":
+          return Ne;
+        case "rounded":
+          return Vn;
+        case "artistic":
+          return Wn;
+        case "tile":
+          return sr;
+        case "simple":
+          return $r;
+        case "row":
+          return Mr;
+        case "news":
+          return Lr;
+        case "gallery":
+          return gi;
+        case "entertainment":
+          return ti;
+        default:
+          return Ne;
+      }
+    });
+    return (u, m) => (n(), $("ul", {
+      style: I({
+        "--column-number": e.columnNumber,
+        "--tablet-column-number": e.columnNumber - 1 ? e.columnNumber - 1 : 1
+      }),
+      class: l([u.$style.list, { [u.$style.pickup]: a.value }])
+    }, [
+      (n(!0), $(T, null, E(e.articles, (d, g) => (n(), $("li", {
+        key: d.id,
+        style: I({ animationDelay: `${Number(g) * 0.1}s` })
+      }, [
+        (n(), f(Le(c.value), {
+          path: z(Fe)(o.value, s.value, d.id),
+          article: d,
+          isPickUpItem: Number(g) === 0 && a.value,
+          postConfig: o.value,
+          categories: e.categories
+        }, null, 8, ["path", "article", "isPickUpItem", "postConfig", "categories"]))
+      ], 4))), 128))
+    ], 6));
+  }
+}), bi = "_list_h2kvz_1", $i = "_fadeIn_h2kvz_1", fi = "_pickup_h2kvz_39", vi = {
+  list: bi,
+  fadeIn: $i,
+  pickup: fi
+}, ki = {
+  $style: vi
+}, Y = /* @__PURE__ */ S(hi, [["__cssModules", ki]]), pi = /* @__PURE__ */ w({
+  __name: "Standard",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "standard",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), _i = /* @__PURE__ */ w({
+  __name: "Rounded",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "rounded",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), xi = /* @__PURE__ */ w({
+  __name: "Artistic",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "artistic",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), wi = /* @__PURE__ */ w({
+  __name: "Tile",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "tile",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), Si = /* @__PURE__ */ w({
+  __name: "Simple",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "simple",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), Di = /* @__PURE__ */ w({
+  __name: "Row",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "row",
+      columnNumber: 1,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), Mi = /* @__PURE__ */ w({
+  __name: "News",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "news",
+      columnNumber: 1,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), Ci = /* @__PURE__ */ w({
+  __name: "Entertainment",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "entertainment",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), zi = /* @__PURE__ */ w({
+  __name: "Gallery",
+  props: {
+    articles: {},
+    categories: {},
+    settings: {}
+  },
+  setup(e) {
+    return (t, s) => (n(), f(Y, {
+      theme: "gallery",
+      columnNumber: 3,
+      articles: e.articles,
+      categories: e.categories,
+      settings: e.settings
+    }, null, 8, ["articles", "categories", "settings"]));
+  }
+}), Vi = /* @__PURE__ */ w({
+  __name: "Grid",
+  props: {
+    article: {},
+    path: {},
+    isPickUpItem: { type: Boolean },
+    postConfig: {},
+    categories: {},
+    direction: {}
+  },
+  setup(e) {
+    return (t, s) => e.article ? (n(), f(G, {
+      key: 0,
+      class: l([
+        t.$style.container,
+        { [t.$style.pickup]: e.isPickUpItem },
+        t.$style[e.direction]
+      ]),
+      path: e.path
+    }, {
+      default: L(() => {
+        var a;
+        return [
+          k(j, {
+            article: e.article,
+            aspectRatio: {
+              desktop: e.isPickUpItem ? "21/9" : "4/3",
+              tablet: e.isPickUpItem ? "21/9" : "4/3",
+              mobile: "4/3"
+            },
+            class: l(t.$style.thumbnail),
+            style: { "grid-area": "thumbnail" }
+          }, null, 8, ["article", "aspectRatio", "class"]),
+          v("div", {
+            class: l(t.$style.date),
+            style: { "grid-area": "date" }
+          }, [
+            k(A, {
+              date: e.article.date,
+              formatString: "M.d",
+              color: "var(--white)",
+              fontWeight: "bold"
+            }, null, 8, ["date"]),
+            k(A, {
+              date: e.article.date,
+              formatString: "yyyy",
+              color: "var(--white)",
+              fontWeight: "bold"
+            }, null, 8, ["date"])
+          ], 2),
+          k(W, {
+            heading: e.article.title.rendered,
+            class: l(t.$style.heading),
+            fontSize: e.isPickUpItem ? "large" : "medium",
+            color: e.isPickUpItem && e.direction === "horizontal" ? "var(--white)" : "var(--text-color)",
+            style: { "grid-area": "heading" }
+          }, null, 8, ["heading", "class", "fontSize", "color"]),
+          k(Z, {
+            excerpt: e.article.excerpt.rendered,
+            class: l(t.$style.excerpt),
+            row: 2,
+            fontSize: "small",
+            style: { "grid-area": "excerpt" }
+          }, null, 8, ["excerpt", "class"]),
+          e.postConfig.author && z(q)(e.article) ? (n(), f(H, {
+            key: 0,
+            avatarUrls: (a = z(q)(e.article)) == null ? void 0 : a.avatar_urls,
+            thumbnail: {
+              size: "large",
+              shape: "square"
+            },
+            class: l(t.$style.author),
+            style: { "grid-area": "author" }
+          }, null, 8, ["avatarUrls", "class"])) : p("", !0),
+          e.postConfig.category && e.article.categories ? (n(), f(O, {
+            key: 1,
+            categoryIds: e.article.categories,
+            categoryData: e.categories,
+            label: {
+              color: "var(--gray)",
+              fontSize: "smaller"
+            },
+            class: l(t.$style.category),
+            style: { "grid-area": "category" }
+          }, null, 8, ["categoryIds", "categoryData", "class"])) : p("", !0),
+          e.postConfig.tag ? (n(), f(F, {
+            key: 2,
+            article: e.article,
+            label: {
+              color: "var(--gray)",
+              fontSize: "smaller"
+            },
+            class: l(t.$style.tag),
+            style: { "grid-area": "tag" }
+          }, null, 8, ["article", "class"])) : p("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["class", "path"])) : p("", !0);
+  }
+}), Ii = "_container_28x0r_1", Ni = "_horizontal_28x0r_14", qi = "_pickup_28x0r_19", Bi = "_thumbnail_28x0r_25", Ui = "_heading_28x0r_42", Ti = "_date_28x0r_43", Ri = "_excerpt_28x0r_58", Li = "_category_28x0r_59", Pi = "_tag_28x0r_60", Ei = "_author_28x0r_61", Ai = {
+  container: Ii,
+  horizontal: Ni,
+  pickup: qi,
+  thumbnail: Bi,
+  heading: Ui,
+  date: Ti,
+  excerpt: Ri,
+  category: Li,
+  tag: Pi,
+  author: Ei
+}, Gi = {
+  $style: Ai
+}, ji = /* @__PURE__ */ S(Vi, [["__cssModules", Gi]]), Hi = /* @__PURE__ */ w({
+  __name: "Grid",
+  props: {
+    articles: {},
+    categories: {},
+    columnNumber: {},
+    settings: {}
+  },
+  setup(e) {
+    const t = e, s = M(() => t.settings.domainToUse), a = M(() => t.settings.isEnabledPickUp), o = M(
+      () => Ze(t.settings.postConfig)
+    ), c = V(null), u = V(0), m = V(null), d = M(() => u.value > 992 ? t.columnNumber : u.value >= 576 && u.value <= 992 ? t.columnNumber - 1 : 1), g = (r) => {
+      const i = r + 1, y = Number(d.value) - 1;
+      return Math.ceil(i / y);
+    }, h = (r) => {
+      const i = r + 1, y = Number(d.value);
+      if (i < y)
+        return i;
+      if (y === 1)
+        return 1;
+      const _ = i % (y - 1);
+      return _ === 0 ? y - 1 : _;
+    }, b = (r) => {
+      if (d.value === 4) {
+        const i = g(r), y = Array.from({ length: 49 }, (U, J) => J + 1).find(
+          (U) => i <= U * 2
+        ) || 0, _ = i - 1 + y;
+        return D(r) === "vertical" ? `${Number(_)}/${Number(_) + 2}` : i % 2 ? `${Number(_)}/${Number(_) + 1}` : `${Number(_) + 1}/${Number(_) + 2}`;
+      } else if (d.value === 3) {
+        const i = r + 1, y = i % 3, _ = Math.floor(i / 3), U = y ? _ * 2 + 1 : _ * 2;
+        return D(r) === "horizontal" ? `${Number(U)}/${Number(U) + 1}` : `${Number(U)}/${Number(U) + 2}`;
+      }
+    }, x = (r) => {
+      const i = (r + 1) % 6, y = Number(d.value);
+      if (y === 4) {
+        const _ = h(r);
+        switch (!0) {
+          case (!r || i === 1):
+            return "1/3";
+          case !i:
+            return "3/5";
+          default:
+            return g(r) % 2 ? `${_ + 1}/${_ + 2}` : `${_}/${_ + 1}`;
+        }
+      } else if (y === 3) {
+        const _ = D(r) === "horizontal" ? 2 : 1;
+        switch (i) {
+          case 1:
+          case 3:
+          case 4:
+            return `1/${1 + _}`;
+          case 5:
+          case 0:
+            return `2/${2 + _}`;
+          case 2:
+            return `3/${3 + _}`;
+          default:
+            return "";
+        }
+      }
+      return "";
+    }, D = (r) => {
+      if (d.value === 1)
+        return "vertical";
+      if (d.value === 3) {
+        const y = (r + 1) % 6;
+        return y !== 2 && y !== 4 ? "horizontal" : "vertical";
+      } else {
+        const i = x(r);
+        if (!i.includes("/"))
+          return "horizontal";
+        const y = i.split("/").map(Number);
+        return y[1] - y[0] >= 2 ? "horizontal" : "vertical";
+      }
+    };
+    return K(() => {
+      const r = new ResizeObserver((i) => {
+        m.value && clearTimeout(m.value), m.value = setTimeout(() => {
+          u.value = i[0].contentRect.width;
+        }, 100);
+      });
+      c.value && r.observe(c.value), qe(() => {
+        c.value && r.unobserve(c.value), r.disconnect(), m.value && clearTimeout(m.value);
+      });
+    }), (r, i) => (n(), $("ul", {
+      ref_key: "listElement",
+      ref: c,
+      style: I({
+        "--column-number": e.columnNumber,
+        "--tablet-column-number": e.columnNumber - 1 ? e.columnNumber - 1 : 1
+      }),
+      class: l(r.$style.list)
+    }, [
+      (n(!0), $(T, null, E(e.articles, (y, _) => (n(), $("li", {
+        key: y.id,
+        class: l(r.$style.item),
+        style: I({
+          animationDelay: `${Number(_) * 0.1}s`,
+          gridRow: b(Number(_)) || "auto",
+          gridColumn: x(Number(_)) || "auto"
+        })
+      }, [
+        k(ji, {
+          path: z(Fe)(o.value, s.value, y.id),
+          article: y,
+          isPickUpItem: Number(_) === 0 && a.value,
+          postConfig: o.value,
+          categories: e.categories,
+          direction: D(Number(_))
+        }, null, 8, ["path", "article", "isPickUpItem", "postConfig", "categories", "direction"])
+      ], 6))), 128))
+    ], 6));
+  }
+}), Wi = "_list_18syb_1", Oi = "_fadeIn_18syb_1", Fi = {
+  list: Wi,
+  fadeIn: Oi
+}, Zi = {
+  $style: Fi
+}, Yi = /* @__PURE__ */ S(Hi, [["__cssModules", Zi]]), tc = {
+  standard: {
+    jaName: "スタンダード",
+    enName: "Standard",
+    columnNumber: 3,
+    name: "Standard"
+  },
+  rounded: {
+    jaName: "ポップ",
+    enName: "Rounded",
+    columnNumber: 3,
+    name: "Rounded"
+  },
+  artistic: {
+    jaName: "アート",
+    enName: "Artistic",
+    columnNumber: 3,
+    name: "Artistic"
+  },
+  tile: {
+    jaName: "タイル",
+    enName: "Tile",
+    columnNumber: 3,
+    name: "Tile"
+  },
+  simple: {
+    jaName: "シンプル",
+    enName: "Simple",
+    columnNumber: 3,
+    name: "Simple"
+  },
+  row: {
+    jaName: "ワイド",
+    enName: "Row",
+    columnNumber: 1,
+    name: "Row"
+  },
+  news: {
+    jaName: "ニュース",
+    enName: "News",
+    columnNumber: 1,
+    name: "News"
+  },
+  grid: {
+    jaName: "グリッド",
+    enName: "Grid",
+    columnNumber: 4,
+    name: "Grid"
+  },
+  gallery: {
+    jaName: "ギャラリー",
+    enName: "Gallery",
+    columnNumber: 3,
+    name: "Gallery"
+  },
+  entertainment: {
+    jaName: "エンタテインメント",
+    enName: "Entertainment",
+    columnNumber: 3,
+    name: "Entertainment"
+  }
+};
+class ac {
+  constructor() {
+    se(this, "store");
+    /** 登録済みの入力がすべて有効かどうか */
+    se(this, "isAllValid");
+    /** 無効になっている入力の name 一覧 */
+    se(this, "invalidNames");
+    this.store = mt();
+    const t = st(this.store.getSnapshot()), s = this.store.subscribe(() => {
+      t.value = this.store.getSnapshot();
+    });
+    ot(s, !0), this.isAllValid = M(() => t.value.isAllValid), this.invalidNames = M(() => t.value.invalidNames);
+  }
+  /** 入力の状態を登録・更新する */
+  setValid(t, s) {
+    this.store.setValid(t, s);
+  }
+  /** 個別の入力が有効かどうか（未登録なら true） */
+  isValid(t) {
+    return this.store.isValid(t);
+  }
+  /** 管理対象から外す（コンポーネントのアンマウント時など） */
+  remove(t) {
+    this.store.remove(t);
+  }
+  /** すべての状態を破棄する */
+  reset() {
+    this.store.reset();
+  }
+}
+const Ki = {
+  TextBox: Ct,
+  TextArea: Bt,
+  BasicButton: Wt,
+  SelectBox: ra,
+  CheckBox: je,
+  CheckBoxes: Ma,
+  CheckButton: Ua,
+  LabeledCheckbox: He,
+  LabeledFieldset: ja,
+  RadioButtons: Xa,
+  ToggleButton: il,
+  InputBox: te,
+  InputGroup: gl,
+  TextButton: We,
+  DatePicker: ie,
+  DateRangePicker: Gl,
+  DateSelector: as,
+  DropdownUi: ms,
+  ModalBox: Ns,
+  PopupBox: Ls,
+  SlideDownUi: Ys,
+  TabUI: lo,
+  LoadingSpinner: Ae,
+  ErrorMessage: X,
+  StandardList: pi,
+  RoundedList: _i,
+  ArtisticList: xi,
+  TileList: wi,
+  SimpleList: Si,
+  RowList: Di,
+  NewsList: Mi,
+  EntertainmentList: Ci,
+  GalleryList: zi,
+  GridList: Yi
+}, lc = {
+  install(e) {
+    Object.entries(Ki).forEach(([t, s]) => {
+      e.component(t, s);
+    });
+  }
+};
+export {
+  xi as ArtisticList,
+  Wt as BasicButton,
+  je as CheckBox,
+  Ma as CheckBoxes,
+  Ua as CheckButton,
+  ie as DatePicker,
+  Gl as DateRangePicker,
+  as as DateSelector,
+  ms as DropdownUi,
+  Ci as EntertainmentList,
+  X as ErrorMessage,
+  ac as FormValidationManager,
+  zi as GalleryList,
+  Yi as GridList,
+  te as InputBox,
+  gl as InputGroup,
+  tc as LIST_THEME,
+  He as LabeledCheckbox,
+  ja as LabeledFieldset,
+  Ae as LoadingSpinner,
+  Ns as ModalBox,
+  Mi as NewsList,
+  Ls as PopupBox,
+  Xa as RadioButtons,
+  _i as RoundedList,
+  Di as RowList,
+  ra as SelectBox,
+  Si as SimpleList,
+  Ys as SlideDownUi,
+  pi as StandardList,
+  lo as TabUI,
+  Bt as TextArea,
+  Ct as TextBox,
+  We as TextButton,
+  wi as TileList,
+  il as ToggleButton,
+  lc as default
+};