@geckou/ui-vue 0.9.0 → 0.12.0

package/README.md

@@ -301,6 +301,33 @@ const articles = ref<any[]>([])
 
 定義例はデモの `demo/styles/base.scss` を参照。
 
+## 0.12.0 の変更
+
+- `GenericArticleList` が `theme='grid'` を実装した（型には含まれるのに switch に無く、
+  黙って Standard になっていた）。`<ul>` の `list-style` もリセットする
+- `CategoryList` / `MetadataList` が引き当てに失敗した値（空文字）を描かない。
+  `categoryData` を渡し忘れると、ID の数だけ空の `<li>` が並んでいた
+- `MetadataList` の `icon.name` が prop の変更に追従する（setup 時の一度きりだった）
+- `News` / `Row` カードが `isPickUpItem` を宣言した（`ispickupitem` 属性として
+  `<a>` に落ちていた）
+- `News` カードの `AuthorInfo` へ渡す文字サイズを `text.fontSize` に直した
+  （`fontSize` は prop ではなく、小さくなっていなかった）
+- `DateSelector` の使われていないクリックハンドラ（`openDropdown`）を削除
+## 0.10.0 の変更
+
+- `DatePicker` の年月日欄は**入力中にエラー文言を出さない**。判定は入力のたびに
+  更新し、文言は欄を離れた時点（blur）で出す。あわせて 1 桁の月・日は blur で
+  2 桁へ正規化する（「1」→「01」）。年に「2」と打った瞬間に
+  `role="alert"` で「年は4桁の数字で入力してください」が読み上げられていたのが直る
+- `DatePicker` の年月日欄が不正なとき、`update:modelValue` が空文字になる
+  （これまでは valid のときだけ更新していたため、画面と送信値が食い違っていた）
+- `SelectBox` が `isDisabled` かつ値が `0` / `'NA'` のときにプレースホルダを
+  出す分岐を削除した。0 は正当な選択値として扱う
+- `SelectBox` がエラー時に `InputBox` へ `isErrored` を渡し、`aria-invalid` を付ける
+- `TextArea` の `autoAdjustHeight` が `box-sizing` を見て高さを補正する
+  （border-box のリセット CSS を当てた環境で 2rem 足りなかった）
+- `DateRangePicker` は範囲の比較前に日付を正規化する
+
 ## 0.9.0 の変更
 
 - `ModalBox` を重ねたとき、Escape で閉じるのは**最前面の 1 枚だけ**になった

package/dist/components/ArticleList/Card/News.vue.d.ts

@@ -2,6 +2,7 @@ import { Article, Category, PostConfig } from '../../../types';
 type __VLS_Props = {
     article: Article;
     path: string;
+    isPickUpItem?: boolean;
     postConfig: PostConfig;
     categories: Category[];
 };

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

@@ -8,11 +8,12 @@ import h from "../Parts/CategoryList.vue.js";
 import C from "../Parts/TagList.vue.js";
 import $ from "../Parts/PostedDate.vue.js";
 import b from "../Parts/ExcerptText.vue.js";
-const B = /* @__PURE__ */ m({
+const A = /* @__PURE__ */ m({
   __name: "News",
   props: {
     article: {},
     path: {},
+    isPickUpItem: { type: Boolean },
     postConfig: {},
     categories: {}
   },
@@ -79,9 +80,9 @@ const B = /* @__PURE__ */ m({
             class: t(a.$style.author),
             text: {
               color: "var(--gray)",
-              preposition: "by"
+              preposition: "by",
+              fontSize: "small"
             },
-            fontSize: "small",
             style: { "grid-area": "author" }
           }, null, 8, ["name", "class"])) : o("", !0)
         ];
@@ -91,5 +92,5 @@ const B = /* @__PURE__ */ m({
   }
 });
 export {
-  B as default
+  A as default
 };

package/dist/components/ArticleList/Card/Row.vue.d.ts

@@ -2,6 +2,7 @@ import { Article, Category, PostConfig } from '../../../types';
 type __VLS_Props = {
     article: Article;
     path: string;
+    isPickUpItem?: boolean;
     postConfig: PostConfig;
     categories: Category[];
 };

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

@@ -6,18 +6,19 @@ import u from "../Parts/AuthorInfo.vue.js";
 import h from "../Parts/CardHeading.vue.js";
 import C from "../Parts/CategoryList.vue.js";
 import $ from "../Parts/TagList.vue.js";
-import v from "../Parts/PostedDate.vue.js";
-import b from "../Parts/ExcerptText.vue.js";
-const R = /* @__PURE__ */ g({
+import k from "../Parts/PostedDate.vue.js";
+import v from "../Parts/ExcerptText.vue.js";
+const N = /* @__PURE__ */ g({
   __name: "Row",
   props: {
     article: {},
     path: {},
+    isPickUpItem: { type: Boolean },
     postConfig: {},
     categories: {}
   },
   setup(e) {
-    return (a, k) => e.article ? (r(), l(y, {
+    return (a, b) => e.article ? (r(), l(y, {
       key: 0,
       class: t(a.$style.container),
       path: e.path
@@ -46,7 +47,7 @@ const R = /* @__PURE__ */ g({
             class: t(a.$style.thumbnail),
             style: { "grid-area": "thumbnail" }
           }, null, 8, ["article", "class"]),
-          o(v, {
+          o(k, {
             date: e.article.date,
             formatString: "yy.M.d",
             class: t(a.$style.date),
@@ -58,7 +59,7 @@ const R = /* @__PURE__ */ g({
             class: t(a.$style.heading),
             style: { "grid-area": "heading" }
           }, null, 8, ["heading", "class"]),
-          o(b, {
+          o(v, {
             excerpt: e.article.excerpt.rendered,
             class: t(a.$style.excerpt),
             fontSize: "small",
@@ -93,5 +94,5 @@ const R = /* @__PURE__ */ g({
   }
 });
 export {
-  R as default
+  N as default
 };

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

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

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

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

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

@@ -9,26 +9,26 @@ const b = /* @__PURE__ */ m({
     label: {},
     delimiter: {}
   },
-  setup(e) {
-    const n = e, l = (t, c) => {
+  setup(t) {
+    const n = t, l = (e, i) => {
       var a;
-      return t.length ? ((a = t.find((o) => String(o.id) === String(c))) == null ? void 0 : a.name) ?? "" : "";
+      return e.length ? ((a = e.find((o) => String(o.id) === String(i))) == null ? void 0 : a.name) ?? "" : "";
     }, r = d(
       () => n.categoryIds.map(
-        (t) => l(n.categoryData, t)
-      )
+        (e) => l(n.categoryData, e)
+      ).filter((e) => e !== "")
     );
-    return (t, c) => {
-      var a, o, i;
+    return (e, i) => {
+      var a, o, c;
       return s(), u(g, {
         metadata: r.value,
         icon: {
-          name: (a = e.icon) != null && a.color ? "FolderIcon" : null,
-          color: (o = e.icon) == null ? void 0 : o.color,
-          size: (i = e.icon) == null ? void 0 : i.size
+          name: (a = t.icon) != null && a.color ? "FolderIcon" : null,
+          color: (o = t.icon) == null ? void 0 : o.color,
+          size: (c = t.icon) == null ? void 0 : c.size
         },
-        label: e.label,
-        delimiter: e.delimiter
+        label: t.label,
+        delimiter: t.delimiter
       }, null, 8, ["metadata", "icon", "label", "delimiter"]);
     };
   }

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

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

package/dist/components/DatePicker.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as I, ref as D, reactive as R, watch as h, onBeforeUnmount as N, openBlock as f, createBlock as O, normalizeClass as u, withCtx as z, createElementVNode as n, createVNode as M, withDirectives as c, vModelDynamic as P, vModelText as $, createTextVNode as S, createElementBlock as g, createCommentVNode as B, unref as p } from "vue";
-import { MESSAGES as j, validateDateObject as T, splitDate as w, composeDateValue as A, formatDateValue as G } from "@geckou/ui-core";
-import F from "./InputBox.vue.js";
-import H from "./Icon/CalendarIcon.vue.js";
-import J from "./ErrorMessage.vue.js";
-import { nextUniqueId as K } from "../scripts/unique-id.js";
-const Q = ["type", "name", "aria-label", "aria-labelledby", "max", "min", "required", "disabled"], W = ["aria-label", "aria-labelledby", "disabled"], X = ["aria-label", "aria-labelledby", "disabled"], Y = { key: 0 }, Z = ["aria-label", "aria-labelledby", "disabled"], _ = ["id"], ee = ["id"], ae = ["id"], le = ["id"], oe = /* @__PURE__ */ I({
+import { defineComponent as z, ref as B, reactive as C, watch as R, onBeforeUnmount as N, openBlock as p, createBlock as w, normalizeClass as y, withCtx as P, createElementVNode as s, createVNode as M, createTextVNode as S, createElementBlock as $, createCommentVNode as k, unref as V } from "vue";
+import { MESSAGES as U, normalizeDateObject as A, formatDateValue as G, splitDate as T, validateDateObject as F, composeDateValue as H } from "@geckou/ui-core";
+import J from "./InputBox.vue.js";
+import K from "./Icon/CalendarIcon.vue.js";
+import Q from "./ErrorMessage.vue.js";
+import { nextUniqueId as W } from "../scripts/unique-id.js";
+const X = ["value", "type", "name", "aria-label", "aria-labelledby", "max", "min", "required", "disabled"], Y = ["value", "aria-label", "aria-labelledby", "disabled"], Z = ["value", "aria-label", "aria-labelledby", "disabled"], _ = { key: 0 }, ee = ["value", "aria-label", "aria-labelledby", "disabled"], ae = ["id"], le = ["id"], te = ["id"], ie = ["id"], me = /* @__PURE__ */ z({
   __name: "DatePicker",
   props: {
     name: {},
@@ -20,136 +20,134 @@ const Q = ["type", "name", "aria-label", "aria-labelledby", "max", "min", "requi
     ariaLabelledBy: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: x }) {
-    const L = x, q = D(null), l = t, o = K("date_picker_unit"), m = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, y = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${o}_${e}` : void 0, d = R({
+  setup(t, { emit: q }) {
+    const v = q, x = B(null), l = t, u = W("date_picker_unit"), b = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, c = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${u}_${e}` : void 0, i = C({
       year: "",
       month: "",
       day: ""
-    }), s = D(""), r = D(""), b = (e) => {
+    }), n = B(""), r = B(""), m = (e) => {
       l.formValidationManager && l.formValidationManager.setValid(l.name, e);
-    }, V = (e) => !e && l.isRequired ? { isValid: !1, message: j.required } : { isValid: !0, message: "" }, E = (e) => T(
+    }, f = (e) => !e && l.isRequired ? { isValid: !1, message: U.required } : { isValid: !0, message: "" }, O = (e) => F(
       { year: e.year, month: e.month, day: e.day ?? "" },
       { type: l.type, isRequired: l.isRequired }
-    ), v = (e) => {
-      const { year: a, month: i, day: C } = w(e);
-      d.year = a, d.month = i, d.day = l.type === "month" ? "" : C;
-    }, U = () => A({ ...d }, l.type);
-    h(
-      () => s.value,
-      (e) => {
-        v(e);
-        const { isValid: a, message: i } = V(e);
-        r.value = i, L("update:modelValue", e), b(a);
-      }
-    ), h(
-      () => d,
-      (e) => {
-        const { isValid: a, message: i } = E(e);
-        r.value = i, b(a), a && (s.value = U());
-      },
-      { deep: !0 }
-    );
-    const k = (e) => {
+    ), h = (e) => {
+      const { year: a, month: d, day: o } = T(e);
+      i.year = a, i.month = d, i.day = l.type === "month" ? "" : o;
+    }, E = () => H({ ...i }, l.type), j = (e) => {
+      const a = e.target.value;
+      n.value = a, h(a);
+      const { isValid: d, message: o } = f(a);
+      r.value = o, m(d), v("update:modelValue", a);
+    }, I = (e) => {
+      const { isValid: a, message: d } = O(i);
+      m(a), r.value = e ? d : "";
+      const o = a ? E() : "";
+      o !== n.value && (n.value = o, v("update:modelValue", o));
+    }, D = (e, a) => {
+      i[e] = a.target.value, I(!1);
+    }, g = () => {
+      const e = A({ ...i });
+      i.year = e.year, i.month = e.month, i.day = e.day, I(!0);
+    }, L = (e) => {
       if (!e) {
-        s.value = "", v(""), r.value = "", b(V("").isValid);
+        n.value = "", h(""), r.value = "", m(f("").isValid);
         return;
       }
       const a = G(e, l.type);
-      !a || a === s.value || (s.value = a, v(a));
+      !a || a === n.value || (n.value = a, h(a), r.value = "", m(f(a).isValid), a !== e && v("update:modelValue", a));
     };
-    return h(
+    return R(
       () => l.modelValue,
-      (e) => k(e)
-    ), k(l.modelValue), b(V(s.value).isValid), N(() => {
+      (e) => L(e)
+    ), L(l.modelValue), m(f(n.value).isValid), N(() => {
       var e;
       return (e = l.formValidationManager) == null ? void 0 : e.remove(l.name);
-    }), (e, a) => (f(), O(F, {
+    }), (e, a) => (p(), w(J, {
       isDisabled: t.isDisabled,
-      class: u([
+      class: y([
         e.$style.date_picker,
         e.$style[t.size],
         { [e.$style.is_disabled]: t.isDisabled }
       ]),
       isErrored: !!r.value
     }, {
-      default: z(() => [
-        n("div", {
-          class: u(e.$style.date_input)
+      default: P(() => [
+        s("div", {
+          class: y(e.$style.date_input)
         }, [
-          M(H, {
-            class: u(e.$style.icon)
+          M(K, {
+            class: y(e.$style.icon)
           }, null, 8, ["class"]),
-          c(n("input", {
+          s("input", {
             ref_key: "datePicker",
-            ref: q,
-            "onUpdate:modelValue": a[0] || (a[0] = (i) => s.value = i),
+            ref: x,
+            value: n.value,
             type: t.type,
             name: t.name,
-            "aria-label": m("カレンダー"),
-            "aria-labelledby": y("カレンダー"),
+            "aria-label": b("カレンダー"),
+            "aria-labelledby": c("カレンダー"),
             max: t.maxDate,
             min: t.minDate,
             required: t.isRequired,
-            disabled: t.isDisabled
-          }, null, 8, Q), [
-            [P, s.value]
-          ])
+            disabled: t.isDisabled,
+            onInput: j
+          }, null, 40, X)
         ], 2),
-        c(n("input", {
-          "onUpdate:modelValue": a[1] || (a[1] = (i) => d.year = i),
+        s("input", {
+          value: i.year,
           placeholder: "年",
-          "aria-label": m("年"),
-          "aria-labelledby": y("年"),
+          "aria-label": b("年"),
+          "aria-labelledby": c("年"),
           maxlength: "4",
           type: "text",
           disabled: t.isDisabled,
-          class: u(e.$style.year)
-        }, null, 10, W), [
-          [$, d.year]
-        ]),
-        a[4] || (a[4] = S("/ ", -1)),
-        c(n("input", {
-          "onUpdate:modelValue": a[2] || (a[2] = (i) => d.month = i),
+          class: y(e.$style.year),
+          onInput: a[0] || (a[0] = (d) => D("year", d)),
+          onBlur: g
+        }, null, 42, Y),
+        a[3] || (a[3] = S("/ ", -1)),
+        s("input", {
+          value: i.month,
           placeholder: "月",
-          "aria-label": m("月"),
-          "aria-labelledby": y("月"),
+          "aria-label": b("月"),
+          "aria-labelledby": c("月"),
           maxlength: "2",
           type: "text",
-          disabled: t.isDisabled
-        }, null, 8, X), [
-          [$, d.month]
-        ]),
-        t.type === "date" ? (f(), g("span", Y, "/")) : B("", !0),
-        t.type === "date" ? c((f(), g("input", {
+          disabled: t.isDisabled,
+          onInput: a[1] || (a[1] = (d) => D("month", d)),
+          onBlur: g
+        }, null, 40, Z),
+        t.type === "date" ? (p(), $("span", _, "/")) : k("", !0),
+        t.type === "date" ? (p(), $("input", {
           key: 1,
-          "onUpdate:modelValue": a[3] || (a[3] = (i) => d.day = i),
+          value: i.day,
           placeholder: "日",
-          "aria-label": m("日"),
-          "aria-labelledby": y("日"),
+          "aria-label": b("日"),
+          "aria-labelledby": c("日"),
           maxlength: "2",
           type: "text",
-          disabled: t.isDisabled
-        }, null, 8, Z)), [
-          [$, d.day]
-        ]) : B("", !0),
-        t.ariaLabelledBy ? (f(), g("span", {
+          disabled: t.isDisabled,
+          onInput: a[2] || (a[2] = (d) => D("day", d)),
+          onBlur: g
+        }, null, 40, ee)) : k("", !0),
+        t.ariaLabelledBy ? (p(), $("span", {
           key: 2,
-          class: u(e.$style.unit_labels)
+          class: y(e.$style.unit_labels)
         }, [
-          n("span", {
-            id: `${p(o)}_カレンダー`
-          }, "のカレンダー", 8, _),
-          n("span", {
-            id: `${p(o)}_年`
-          }, "の年", 8, ee),
-          n("span", {
-            id: `${p(o)}_月`
-          }, "の月", 8, ae),
-          n("span", {
-            id: `${p(o)}_日`
-          }, "の日", 8, le)
-        ], 2)) : B("", !0),
-        M(J, {
+          s("span", {
+            id: `${V(u)}_カレンダー`
+          }, "のカレンダー", 8, ae),
+          s("span", {
+            id: `${V(u)}_年`
+          }, "の年", 8, le),
+          s("span", {
+            id: `${V(u)}_月`
+          }, "の月", 8, te),
+          s("span", {
+            id: `${V(u)}_日`
+          }, "の日", 8, ie)
+        ], 2)) : k("", !0),
+        M(Q, {
           errorMessages: r.value ? [r.value] : []
         }, null, 8, ["errorMessages"])
       ]),
@@ -158,5 +156,5 @@ const Q = ["type", "name", "aria-label", "aria-labelledby", "max", "min", "requi
   }
 });
 export {
-  oe as default
+  me as default
 };