hys-ui 0.6.0 → 0.8.0

package/dist/components/HysDatePicker/HysDatePickerPanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDatePickerPanel2.vue.js";
 /* empty css                        */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dcd05b6"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dbd8d465"]]);
 export {
-  c as default
+  d as default
 };

package/dist/components/HysDatePicker/HysDatePickerPanel2.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as ve, ref as I, computed as m, openBlock as l, createElementBlock as u, createElementVNode as b, renderSlot as c, createVNode as E, unref as w, createCommentVNode as g, toDisplayString as k, Fragment as F, createTextVNode as z, normalizeClass as B, renderList as U, mergeProps as j, nextTick as W } from "vue";
-import { ChevronsLeft as we, ChevronLeft as ye, ChevronRight as be, ChevronsRight as ke } from "lucide-vue-next";
-import { calendarParts as N, calendarDate as O, civilDay as C, calendarISO as Q } from "../../composables/calendar.js";
-import { datePeriod as X, dateLocale as te, dateWeek as S, DATE_MIN as G, DATE_MAX as J, dateShift as Z } from "../../composables/datePicker.js";
-const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { class: "hys-ui-date-navigation" }, ce = ["aria-label", "disabled"], ge = ["aria-label", "disabled"], Ce = {
+import { defineComponent as ke, ref as U, computed as h, openBlock as u, createElementBlock as s, createElementVNode as b, renderSlot as $, createVNode as P, unref as y, createCommentVNode as A, toDisplayString as k, Fragment as F, createTextVNode as L, normalizeClass as Y, renderList as W, mergeProps as j, nextTick as O } from "vue";
+import { ChevronsLeft as me, ChevronLeft as fe, ChevronsRight as re, ChevronRight as he } from "lucide-vue-next";
+import { calendarParts as g, calendarDate as Q, civilDay as c, calendarISO as X } from "../../composables/calendar.js";
+import { dateLocale as de, dateWeek as q, DATE_MIN as G, DATE_MAX as J, datePeriod as ce, dateShift as Z } from "../../composables/datePicker.js";
+const ge = ["aria-label"], Ce = { class: "hys-ui-date-panel-heading" }, $e = { class: "hys-ui-date-navigation" }, Ae = ["aria-label", "disabled"], De = ["aria-label", "disabled"], Me = {
   class: "hys-ui-date-period-title",
   "aria-live": "polite"
-}, $e = ["aria-label"], De = ["aria-label"], Ae = { key: 0 }, Ne = ["aria-label"], Fe = { class: "hys-ui-date-navigation" }, Se = ["aria-label", "disabled"], qe = ["aria-label", "disabled"], Me = { key: 0 }, Pe = ["aria-label"], xe = {
+}, Ne = ["aria-label"], Fe = ["aria-label"], Se = ["aria-label", "title"], Pe = ["aria-label"], qe = { key: 0 }, xe = ["aria-label"], ze = { class: "hys-ui-date-navigation" }, Ee = ["aria-label", "disabled"], Le = ["aria-label", "disabled"], Ye = { key: 0 }, Be = ["aria-label"], Te = {
   key: 0,
   class: "hys-ui-date-week-number",
   role: "rowheader"
-}, Ee = ["disabled", "aria-label", "onClick"], ze = ["data-picker-day", "data-date", "data-period", "aria-label", "aria-selected", "aria-current", "tabindex", "disabled", "onFocus", "onPointerenter", "onClick", "onKeydown"], Ye = /* @__PURE__ */ ve({
+}, Ve = ["disabled", "aria-label", "onClick"], Ke = ["data-picker-day", "data-date", "data-period", "aria-label", "aria-selected", "aria-current", "tabindex", "disabled", "onFocus", "onPointerenter", "onClick", "onKeydown"], We = /* @__PURE__ */ ke({
   __name: "HysDatePickerPanel",
   props: {
     month: {},
@@ -17,6 +17,7 @@ const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { c
     unit: {},
     selected: {},
     range: { type: Boolean },
+    stage: {},
     preview: {},
     first: {},
     weekContains: {},
@@ -31,17 +32,19 @@ const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { c
     cellClassName: { type: Function }
   },
   emits: ["browse", "mode", "pick", "preview"],
-  setup(t, { expose: ae, emit: ie }) {
-    const e = t, $ = ie, L = I(), T = I(), q = I(), v = m(() => N(e.month).year), f = m(() => N(e.month).month), V = m(() => Math.floor((v.value - 1) / 12) * 12 + 1), Y = m(() => e.unit === "week" ? "date" : e.unit), ne = () => Q(
-      C(
+  setup(t, { expose: oe, emit: le }) {
+    const e = t, D = le, B = U(), T = U(), x = U(), w = h(() => g(e.month).year), C = h(() => g(e.month).month), V = h(() => Math.floor((w.value - 1) / 12) * 12 + 1), S = h(() => Math.floor(w.value / 100) * 100), p = h(
+      () => e.locale.startsWith("zh") ? "选择年代" : "Choose decade"
+    ), K = h(() => e.unit === "week" ? "date" : e.unit), ue = () => X(
+      c(
         (/* @__PURE__ */ new Date()).getFullYear(),
         (/* @__PURE__ */ new Date()).getMonth(),
         (/* @__PURE__ */ new Date()).getDate()
       )
-    ), re = m(
+    ), se = h(
       () => Array.from({ length: 7 }, (a, r) => {
-        const i = O(
-          C(2026, 10, 2) + (e.first + 6) % 7 + r
+        const i = Q(
+          c(2026, 10, 2) + (e.first + 6) % 7 + r
         );
         try {
           return new Intl.DateTimeFormat(e.locale, { weekday: "short" }).format(
@@ -53,280 +56,318 @@ const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { c
           );
         }
       })
-    ), D = m(() => {
-      const a = e.selected.filter((o) => !!o), r = C(v.value, f.value, 1), i = r - (N(r).weekday - e.first + 7) % 7, n = e.view === "date" ? Array.from({ length: 42 }, (o, d) => i + d) : e.view === "month" ? Array.from({ length: 12 }, (o, d) => C(v.value, d, 1)) : e.view === "quarter" ? Array.from(
+    ), M = h(() => {
+      const a = e.selected.filter((d) => !!d), r = c(w.value, C.value, 1), i = r - (g(r).weekday - e.first + 7) % 7, n = e.view === "date" ? Array.from({ length: 42 }, (d, o) => i + o) : e.view === "month" ? Array.from({ length: 12 }, (d, o) => c(w.value, o, 1)) : e.view === "quarter" ? Array.from(
         { length: 4 },
-        (o, d) => C(v.value, d * 3, 1)
+        (d, o) => c(w.value, o * 3, 1)
+      ) : e.view === "decade" ? Array.from(
+        { length: 10 },
+        (d, o) => c(Math.max(1, S.value + o * 10), 0, 1)
       ) : Array.from(
         { length: 12 },
-        (o, d) => C(V.value + d, 0, 1)
-      ), y = e.preview !== void 0 && a[0] ? [a[0].day, e.preview] : a.map((o) => o.day), s = e.range && y.length === 2 ? y.sort((o, d) => o - d) : void 0;
-      return n.map((o) => {
-        const d = N(o), h = e.view === "date" ? e.unit : e.view, A = X(o, h, e.first), ee = d.month !== f.value, se = e.view === "date" ? String(d.day) : e.view === "month" ? te(e.locale).format(O(o)) : e.view === "quarter" ? "Q" + (Math.floor(d.month / 3) + 1) : String(d.year), x = S(o, e.first, e.weekContains), le = e.disabled || o < G || o > J || (e.view === "date" ? (e.unit === "week" ? !e.periodAvailable(A[0], A[1]) : !e.available(o)) || !e.adjacent && ee : !e.periodAvailable(A[0], A[1]));
+        (d, o) => c(V.value + o, 0, 1)
+      ), m = e.preview !== void 0 && a[0] ? [a[0].day, e.preview] : a.map((d) => d.day), l = e.range && m.length === 2 ? m.sort((d, o) => d - o) : void 0;
+      return n.map((d, o) => {
+        const f = g(d), v = _(d), ae = e.view === "date" ? 7 : 3, ie = f.month !== C.value, ye = e.view === "date" ? String(f.day) : e.view === "month" ? de(e.locale).format(Q(d)) : e.view === "quarter" ? "Q" + (Math.floor(f.month / 3) + 1) : e.view === "decade" ? f.year + "–" + g(v[1]).year : String(f.year), E = q(d, e.first, e.weekContains), be = e.disabled || d < G || d > J || (e.view === "date" ? (e.unit === "week" ? !e.periodAvailable(v[0], v[1]) : !e.available(d)) || !e.adjacent && ie : !e.periodAvailable(v[0], v[1]));
         return {
-          date: new Date(o * 864e5),
-          iso: Q(o),
-          value: o,
-          end: A[1],
-          text: se,
+          date: new Date(d * 864e5),
+          iso: X(d),
+          value: d,
+          end: v[1],
+          text: ye,
           type: e.view,
-          outside: e.view === "date" && ee,
-          disabled: le,
-          selected: a.some(
-            (ue) => X(ue.day, h, e.first)[0] === A[0]
-          ),
-          inRange: !!s && o >= s[0] && o <= s[1],
-          today: Q(o) === ne(),
-          week: x.week,
-          weekYear: x.year,
-          weekStart: x.start,
-          weekEnd: x.end
+          outside: e.view === "date" && ie,
+          disabled: be,
+          selected: a.some((ne) => ne.day >= v[0] && ne.day <= v[1]),
+          inRange: !!l && v[1] >= l[0] && v[0] <= l[1],
+          range: e.range ? e.stage : void 0,
+          rangeStart: !!l && l[0] >= v[0] && l[0] <= v[1],
+          rangeEnd: !!l && l[1] >= v[0] && l[1] <= v[1],
+          row: Math.floor(o / ae),
+          column: o % ae,
+          today: X(d) === ue(),
+          week: E.week,
+          weekYear: E.year,
+          weekStart: E.start,
+          weekEnd: E.end
         };
       });
-    }), p = m(() => {
-      var r, i, n, y;
-      const a = D.value.filter((s) => !s.disabled);
-      return ((r = a.find((s) => s.value === T.value)) == null ? void 0 : r.value) ?? ((i = a.find((s) => s.selected)) == null ? void 0 : i.value) ?? ((n = a.find((s) => !s.outside)) == null ? void 0 : n.value) ?? ((y = a[0]) == null ? void 0 : y.value);
-    }), oe = m(() => {
+    });
+    function _(a) {
+      if (e.view === "decade") {
+        const r = Math.floor(g(a).year / 10) * 10;
+        return [
+          c(Math.max(1, r), 0, 1),
+          c(r + 9, 11, 31)
+        ];
+      }
+      return ce(
+        a,
+        e.view === "date" ? e.unit : e.view === "time" ? "date" : e.view,
+        e.first
+      );
+    }
+    const ee = h(() => {
+      var r, i, n, m;
+      const a = M.value.filter((l) => !l.disabled);
+      return ((r = a.find((l) => l.value === T.value)) == null ? void 0 : r.value) ?? ((i = a.find((l) => l.selected)) == null ? void 0 : i.value) ?? ((n = a.find((l) => !l.outside)) == null ? void 0 : n.value) ?? ((m = a[0]) == null ? void 0 : m.value);
+    }), ve = h(() => {
       const a = e.view === "date" ? 7 : 3;
       return Array.from(
-        { length: Math.ceil(D.value.length / a) },
-        (r, i) => D.value.slice(i * a, (i + 1) * a)
+        { length: Math.ceil(M.value.length / a) },
+        (r, i) => M.value.slice(i * a, (i + 1) * a)
       );
     });
-    function _(a) {
+    function te(a) {
       var r;
       return [
-        ...((r = L.value) == null ? void 0 : r.querySelectorAll("[data-picker-day]")) ?? []
+        ...((r = B.value) == null ? void 0 : r.querySelectorAll("[data-picker-day]")) ?? []
       ].find((i) => i.dataset.pickerDay === String(a));
     }
-    async function K(a = p.value) {
+    async function R(a = ee.value) {
       if (a === void 0) return;
-      let r = _(a);
-      r || (await W(), r = _(a)), r && !r.disabled && r.focus();
+      let r = te(a);
+      r || (await O(), r = te(a)), r && !r.disabled && r.focus();
     }
-    async function M(a) {
-      e.disabled || ($("mode", a), await W(), await K());
+    async function N(a) {
+      e.disabled || (D("mode", a), await O(), await R());
     }
-    async function R(a) {
-      $("browse", a), await W();
+    async function H(a) {
+      D("browse", a), await O();
     }
-    function P(a, r = !1) {
-      const i = e.view === "year" ? 144 : r || e.view === "month" || e.view === "quarter" ? 12 : 1;
-      R(Z(e.month, i * a));
+    function z(a, r = !1) {
+      const i = e.view === "decade" ? 1200 : e.view === "year" ? 144 : r || e.view === "month" || e.view === "quarter" ? 12 : 1;
+      H(Z(e.month, i * a));
     }
-    async function H(a) {
+    async function I(a) {
       if (a.disabled) return;
-      const r = { year: 0, quarter: 1, month: 2, date: 3 };
-      if (r[e.view] >= r[Y.value]) {
-        $("pick", a.value);
+      const r = {
+        decade: -1,
+        year: 0,
+        quarter: 1,
+        month: 2,
+        date: 3,
+        time: 3
+      };
+      if (r[e.view] >= r[K.value]) {
+        D("pick", a.value);
         return;
       }
-      await R(a.value), await M(
-        e.view === "year" ? e.unit === "quarter" ? "quarter" : "month" : e.view === "quarter" ? "month" : "date"
+      await H(a.value), await N(
+        e.view === "decade" ? "year" : e.view === "year" ? e.unit === "quarter" ? "quarter" : "month" : e.view === "quarter" ? "month" : "date"
       );
     }
-    async function de(a, r) {
+    async function we(a, r) {
       if (e.disabled || a.isComposing || a.keyCode === 229 || a.altKey || a.metaKey)
         return;
       if (a.key === "Enter" || a.key === " ") {
-        a.preventDefault(), await H(r);
+        a.preventDefault(), await I(r);
         return;
       }
       let i = r.value, n = 0;
-      const y = {
+      const m = {
         ArrowLeft: -1,
         ArrowRight: 1,
         ArrowUp: e.view === "date" ? -7 : -3,
         ArrowDown: e.view === "date" ? 7 : 3
       };
-      if (a.key in y) n = y[a.key];
+      if (a.key in m) n = m[a.key];
       else if (a.key === "Home" || a.key === "End")
         if (e.view === "date") {
-          const d = (N(i).weekday - e.first + 7) % 7;
-          i += a.key === "Home" ? -d : 6 - d;
+          const o = (g(i).weekday - e.first + 7) % 7;
+          i += a.key === "Home" ? -o : 6 - o;
         } else
-          i = D.value[a.key === "Home" ? 0 : D.value.length - 1].value;
+          i = M.value[a.key === "Home" ? 0 : M.value.length - 1].value;
       else if (a.key === "PageUp" || a.key === "PageDown") {
-        const d = (a.key === "PageUp" ? -1 : 1) * (a.ctrlKey ? 12 : e.view === "year" ? 144 : e.view === "date" ? 1 : 12);
-        i = Z(i, d);
+        const o = (a.key === "PageUp" ? -1 : 1) * (a.ctrlKey ? 12 : e.view === "decade" ? 1200 : e.view === "year" ? 144 : e.view === "date" ? 1 : 12);
+        i = Z(i, o);
       } else return;
       a.preventDefault();
-      const s = (d, h) => e.view === "date" ? d + h : Z(
-        d,
-        h * (e.view === "year" ? 12 : e.view === "quarter" ? 3 : 1)
+      const l = (o, f) => e.view === "date" ? o + f : Z(
+        o,
+        f * (e.view === "decade" ? 120 : e.view === "year" ? 12 : e.view === "quarter" ? 3 : 1)
       );
-      n && (i = s(i, n));
-      let o = !1;
-      for (let d = 0; d < 370 && i >= G && i <= J; d++) {
-        const h = X(
-          i,
-          e.view === "date" ? e.unit : e.view,
-          e.first
-        )[1];
-        if (e.view === "date" ? e.available(i) : e.periodAvailable(i, h)) {
-          o = !0;
+      n && (i = l(i, n));
+      let d = !1;
+      for (let o = 0; o < 370 && i >= G && i <= J; o++) {
+        const f = _(i)[1];
+        if (e.view === "date" ? e.available(i) : e.periodAvailable(i, f)) {
+          d = !0;
           break;
         }
-        i = s(i, n || 1);
+        i = l(i, n || 1);
       }
-      !o || i < G || i > J || (T.value = i, (!D.value.some((d) => d.value === i) || e.view === "date" && N(i).month !== f.value) && await R(i), await K(i));
+      !d || i < G || i > J || (T.value = i, (!M.value.some((o) => o.value === i) || e.view === "date" && g(i).month !== C.value) && await H(i), await R(i));
     }
-    return ae({ focus: K, element: L }), (a, r) => (l(), u("section", {
+    return oe({ focus: R, element: B }), (a, r) => (u(), s("section", {
       ref_key: "root",
-      ref: L,
+      ref: B,
       class: "hys-ui-date-panel",
-      "aria-label": v.value + "-" + String(f.value + 1).padStart(2, "0")
+      "aria-label": w.value + "-" + String(C.value + 1).padStart(2, "0")
     }, [
-      b("div", fe, [
-        b("div", he, [
+      b("div", Ce, [
+        b("div", $e, [
           b("button", {
             type: "button",
             "aria-label": t.words.prevYear,
-            disabled: t.disabled || v.value <= 1,
-            onClick: r[0] || (r[0] = (i) => P(-1, !0))
+            disabled: t.disabled || (t.view === "decade" ? S.value === 0 : w.value <= 1),
+            onClick: r[0] || (r[0] = (i) => z(-1, !0))
           }, [
-            c(a.$slots, "prev-year", {}, () => [
-              E(w(we), { size: 15 })
+            $(a.$slots, "prev-year", {}, () => [
+              P(y(me), { size: 15 })
             ], !0)
-          ], 8, ce),
-          t.view === "date" ? (l(), u("button", {
+          ], 8, Ae),
+          t.view === "date" ? (u(), s("button", {
             key: 0,
             type: "button",
             "aria-label": t.words.prevMonth,
-            disabled: t.disabled || f.value === 0 && v.value <= 1,
-            onClick: r[1] || (r[1] = (i) => P(-1))
+            disabled: t.disabled || C.value === 0 && w.value <= 1,
+            onClick: r[1] || (r[1] = (i) => z(-1))
           }, [
-            c(a.$slots, "prev-month", {}, () => [
-              E(w(ye), { size: 15 })
+            $(a.$slots, "prev-month", {}, () => [
+              P(y(fe), { size: 15 })
             ], !0)
-          ], 8, ge)) : g("", !0)
+          ], 8, De)) : A("", !0)
         ]),
-        b("div", Ce, [
-          t.view === "year" ? (l(), u("button", {
+        b("div", Me, [
+          t.view === "decade" ? (u(), s("button", {
             key: 0,
             type: "button",
             "aria-label": t.words.back,
-            onClick: r[2] || (r[2] = (i) => M(Y.value))
-          }, k(V.value) + " — " + k(Math.min(9999, V.value + 11)), 9, $e)) : (l(), u(F, { key: 1 }, [
+            onClick: r[2] || (r[2] = (i) => N("year"))
+          }, k(Math.max(1, S.value)) + " — " + k(S.value + 99), 9, Ne)) : t.view === "year" ? (u(), s(F, { key: 1 }, [
+            b("button", {
+              type: "button",
+              "aria-label": t.words.back,
+              onClick: r[3] || (r[3] = (i) => N(K.value))
+            }, k(V.value) + " — " + k(Math.min(9999, V.value + 11)), 9, Fe),
+            b("button", {
+              type: "button",
+              "aria-label": p.value,
+              title: p.value,
+              onClick: r[4] || (r[4] = (i) => N("decade"))
+            }, [
+              P(y(re), { size: 13 })
+            ], 8, Se)
+          ], 64)) : (u(), s(F, { key: 2 }, [
             b("button", {
               type: "button",
               "aria-label": t.words.year,
-              onClick: r[3] || (r[3] = (i) => M("year"))
+              onClick: r[5] || (r[5] = (i) => N("year"))
             }, [
-              z(k(v.value), 1),
-              t.locale.startsWith("zh") ? (l(), u("span", Ae, "年")) : g("", !0)
-            ], 8, De),
-            t.view !== "quarter" ? (l(), u("button", {
+              L(k(w.value), 1),
+              t.locale.startsWith("zh") ? (u(), s("span", qe, "年")) : A("", !0)
+            ], 8, Pe),
+            t.view !== "quarter" ? (u(), s("button", {
               key: 0,
               type: "button",
               "aria-label": t.view === "month" ? t.words.back : t.words.month,
-              onClick: r[4] || (r[4] = (i) => M(t.view === "month" ? Y.value : "month"))
-            }, k(w(te)(t.locale).format(w(O)(w(C)(v.value, f.value, 1)))), 9, Ne)) : g("", !0)
+              onClick: r[6] || (r[6] = (i) => N(t.view === "month" ? K.value : "month"))
+            }, k(y(de)(t.locale).format(y(Q)(y(c)(w.value, C.value, 1)))), 9, xe)) : A("", !0)
           ], 64))
         ]),
-        b("div", Fe, [
-          t.view === "date" ? (l(), u("button", {
+        b("div", ze, [
+          t.view === "date" ? (u(), s("button", {
             key: 0,
             type: "button",
             "aria-label": t.words.nextMonth,
-            disabled: t.disabled || f.value === 11 && v.value >= 9999,
-            onClick: r[5] || (r[5] = (i) => P(1))
+            disabled: t.disabled || C.value === 11 && w.value >= 9999,
+            onClick: r[7] || (r[7] = (i) => z(1))
           }, [
-            c(a.$slots, "next-month", {}, () => [
-              E(w(be), { size: 15 })
+            $(a.$slots, "next-month", {}, () => [
+              P(y(he), { size: 15 })
             ], !0)
-          ], 8, Se)) : g("", !0),
+          ], 8, Ee)) : A("", !0),
           b("button", {
             type: "button",
             "aria-label": t.words.nextYear,
-            disabled: t.disabled || v.value >= 9999,
-            onClick: r[6] || (r[6] = (i) => P(1, !0))
+            disabled: t.disabled || (t.view === "decade" ? S.value >= 9900 : w.value >= 9999),
+            onClick: r[8] || (r[8] = (i) => z(1, !0))
           }, [
-            c(a.$slots, "next-year", {}, () => [
-              E(w(ke), { size: 15 })
+            $(a.$slots, "next-year", {}, () => [
+              P(y(re), { size: 15 })
             ], !0)
-          ], 8, qe)
+          ], 8, Le)
         ])
       ]),
-      t.view === "date" ? (l(), u("div", {
+      t.view === "date" ? (u(), s("div", {
         key: 0,
-        class: B(["hys-ui-date-weekdays", { "hys-ui-date-with-weeks": t.weekNumbers }]),
+        class: Y(["hys-ui-date-weekdays", { "hys-ui-date-with-weeks": t.weekNumbers }]),
         "aria-hidden": "true"
       }, [
-        t.weekNumbers ? (l(), u("span", Me, k(t.words.week), 1)) : g("", !0),
-        (l(!0), u(F, null, U(re.value, (i, n) => (l(), u("span", { key: n }, k(i), 1))), 128))
-      ], 2)) : g("", !0),
+        t.weekNumbers ? (u(), s("span", Ye, k(t.words.week), 1)) : A("", !0),
+        (u(!0), s(F, null, W(se.value, (i, n) => (u(), s("span", { key: n }, k(i), 1))), 128))
+      ], 2)) : A("", !0),
       b("div", {
-        class: B(["hys-ui-date-cells", [
+        class: Y(["hys-ui-date-cells", [
           "hys-ui-date-view-" + t.view,
           { "hys-ui-date-with-weeks": t.weekNumbers && t.view === "date" }
         ]]),
         role: "grid",
-        "aria-label": t.view === "date" ? t.words.empty : t.view === "year" ? t.words.year : t.words.month,
-        onMouseleave: r[7] || (r[7] = (i) => {
-          q.value = void 0, $("preview", void 0);
+        "aria-label": t.view === "date" ? t.words.empty : t.view === "year" || t.view === "decade" ? t.words.year : t.words.month,
+        onMouseleave: r[9] || (r[9] = (i) => {
+          x.value = void 0, D("preview", void 0);
         })
       }, [
-        (l(!0), u(F, null, U(oe.value, (i) => (l(), u("div", {
+        (u(!0), s(F, null, W(ve.value, (i) => (u(), s("div", {
           key: i[0].value,
           role: "row",
-          class: B(["hys-ui-date-grid-row", {
-            "hys-ui-date-week-hover": t.unit === "week" && t.view === "date" && q.value !== void 0 && i.some((n) => n.value === q.value)
+          class: Y(["hys-ui-date-grid-row", {
+            "hys-ui-date-week-hover": t.unit === "week" && t.view === "date" && x.value !== void 0 && i.some((n) => n.value === x.value)
           }])
         }, [
-          (l(!0), u(F, null, U(i, (n, y) => {
-            var s;
-            return l(), u(F, {
+          (u(!0), s(F, null, W(i, (n, m) => {
+            var l;
+            return u(), s(F, {
               key: n.value
             }, [
-              t.view === "date" && t.weekNumbers && y % 7 === 0 ? (l(), u("span", xe, [
-                t.unit === "week" ? (l(), u("button", {
+              t.view === "date" && t.weekNumbers && m % 7 === 0 ? (u(), s("span", Te, [
+                t.unit === "week" ? (u(), s("button", {
                   key: 0,
                   type: "button",
                   tabindex: "-1",
-                  disabled: i.every((o) => o.disabled),
+                  disabled: i.every((d) => d.disabled),
                   "aria-label": `${n.weekYear} ${t.words.week} ${n.week}: ${n.weekStart} – ${n.weekEnd}`,
-                  onClick: (o) => H(i.find((d) => !d.disabled))
+                  onClick: (d) => I(i.find((o) => !o.disabled))
                 }, [
-                  c(a.$slots, "week-number", j({ ref_for: !0 }, w(S)(n.value, t.first, t.weekContains), {
+                  $(a.$slots, "week-number", j({ ref_for: !0 }, y(q)(n.value, t.first, t.weekContains), {
                     selected: n.selected,
-                    disabled: i.every((o) => o.disabled)
+                    disabled: i.every((d) => d.disabled)
                   }), () => {
-                    var o;
+                    var d;
                     return [
-                      z(k(((o = t.weekNumberFormatter) == null ? void 0 : o.call(
+                      L(k(((d = t.weekNumberFormatter) == null ? void 0 : d.call(
                         t,
-                        w(S)(n.value, t.first, t.weekContains)
+                        y(q)(n.value, t.first, t.weekContains)
                       )) ?? n.week), 1)
                     ];
                   }, !0)
-                ], 8, Ee)) : c(a.$slots, "week-number", j({ ref_for: !0 }, w(S)(n.value, t.first, t.weekContains), {
+                ], 8, Ve)) : $(a.$slots, "week-number", j({ ref_for: !0 }, y(q)(n.value, t.first, t.weekContains), {
                   selected: n.selected,
                   disabled: n.disabled
                 }), () => {
-                  var o;
+                  var d;
                   return [
-                    z(k(((o = t.weekNumberFormatter) == null ? void 0 : o.call(
+                    L(k(((d = t.weekNumberFormatter) == null ? void 0 : d.call(
                       t,
-                      w(S)(n.value, t.first, t.weekContains)
+                      y(q)(n.value, t.first, t.weekContains)
                     )) ?? n.week), 1)
                   ];
                 }, !0, 1)
-              ])) : g("", !0),
+              ])) : A("", !0),
               b("button", {
                 type: "button",
                 role: "gridcell",
                 "data-picker-day": n.value,
-                "data-date": t.view === "date" ? n.iso : void 0,
+                "data-date": n.iso,
                 "data-period": t.view !== "date" ? n.iso : void 0,
                 "aria-label": t.view === "date" ? n.iso : n.text,
                 "aria-selected": n.selected,
                 "aria-current": n.today ? "date" : void 0,
-                tabindex: n.value === p.value ? 0 : -1,
+                tabindex: n.value === ee.value ? 0 : -1,
                 disabled: n.disabled,
-                class: B([
-                  (s = t.cellClassName) == null ? void 0 : s.call(t, n),
+                class: Y([
+                  (l = t.cellClassName) == null ? void 0 : l.call(t, n),
                   {
                     "hys-ui-is-selected": n.selected,
                     "hys-ui-is-today": n.today,
@@ -334,24 +375,24 @@ const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { c
                     "hys-ui-is-in-range": n.inRange && !n.selected
                   }
                 ]),
-                onFocus: (o) => {
-                  T.value = n.value, $("preview", n.value);
+                onFocus: (d) => {
+                  T.value = n.value, D("preview", n.value);
                 },
-                onPointerenter: (o) => !n.disabled && (q.value = n.value, $("preview", n.value)),
-                onClick: (o) => H(n),
-                onKeydown: (o) => de(o, n)
+                onPointerenter: (d) => !n.disabled && (x.value = n.value, D("preview", n.value)),
+                onClick: (d) => I(n),
+                onKeydown: (d) => we(d, n)
               }, [
-                c(a.$slots, "cell", j({ ref_for: !0 }, n), () => [
-                  z(k(n.text), 1)
+                $(a.$slots, "cell", j({ ref_for: !0 }, n), () => [
+                  L(k(n.text), 1)
                 ], !0)
-              ], 42, ze)
+              ], 42, Ke)
             ], 64);
           }), 128))
         ], 2))), 128))
-      ], 42, Pe)
-    ], 8, me));
+      ], 42, Be)
+    ], 8, ge));
   }
 });
 export {
-  Ye as default
+  We as default
 };