@fewangsit/wangsvue-fats 1.0.1-rc.1 → 1.0.1-rc.12

package/basecalendar/index.es.js

@@ -0,0 +1,876 @@
+import { defineComponent as ht, onMounted as yt, ref as B, shallowRef as P, computed as x, watch as ge, createBlock as he, openBlock as c, withCtx as ye, renderSlot as U, createVNode as S, createElementVNode as f, mergeProps as u, unref as q, createElementBlock as g, createCommentVNode as $, withDirectives as wt, toDisplayString as F, Fragment as Q, renderList as re, createTextVNode as Dt, normalizeProps as bt, withKeys as w, vShow as Mt } from "vue";
+import { u as kt } from "../plugins/WangsVue.es.js";
+import { s as Tt } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { s as St } from "../vendor/primevue/selectbutton/selectbutton.esm.es.js";
+import { s as $t } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
+import { _ as se } from "../button/index.es.js";
+import { _ as Ft } from "../fieldwrapper/index.es.js";
+import { _ as X } from "../icon/index.es.js";
+import { _ as Yt } from "../inputgroup/index.es.js";
+import { _ as Ct } from "../validatormessage/index.es.js";
+const Ht = ["id"], Bt = ["id", "aria-invalid", "disabled", "placeholder", "value"], Vt = { class: "flex gap-1" }, It = { key: 2 }, Pt = {
+  key: 0,
+  class: "flex flex-col",
+  "data-wv-section": "datepicker"
+}, At = { "data-wv-section": "tableheader" }, xt = {
+  class: "grid grid-cols-7 justify-between h-[26.8px] items-center",
+  "data-wv-section": "weekdays"
+}, Nt = {
+  class: "grid grid-cols-7",
+  "data-wv-section": "tablebody"
+}, Ot = ["aria-label", "data-wv-other-month", "data-wv-today"], Et = ["aria-disabled", "data-p-disabled", "onClick"], Kt = ["data-p-disabled", "data-p-highlight", "onClick"], Wt = ["data-p-disabled", "data-p-highlight", "onClick"], Lt = ["aria-label"], Rt = ["aria-label"], jt = ["aria-label", "disabled"], Ut = ["aria-label", "disabled"], qt = {
+  key: 1,
+  class: "w-full flex items-center justify-end gap-1",
+  "data-wv-section": "calendarbuttons"
+}, la = /* @__PURE__ */ ht({
+  __name: "BaseCalendar",
+  props: {
+    modelValue: {},
+    dateValue: {},
+    epochTimeMillis: {},
+    valueFormat: { default: "millis" },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    overlayClass: {},
+    inputId: {},
+    id: {},
+    mode: { default: "single" },
+    selectionMode: { default: "single" },
+    hideOnDateTimeSelect: { type: Boolean },
+    hideOnRangeSelection: { type: Boolean, default: !0 },
+    view: { default: "date" },
+    showYear: { type: Boolean, default: !0 },
+    showButtons: { type: Boolean },
+    useValidator: { type: Boolean },
+    fieldName: {},
+    fieldInfo: {},
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    invalid: { type: Boolean },
+    validatorMessage: {},
+    customValidation: {},
+    dateFormat: { default: "dd/mm/yy" },
+    hourFormat: { default: "24" },
+    showTime: { type: Boolean },
+    timeSeparator: { default: ":" },
+    stepHour: { default: 1 },
+    stepMinute: { default: 1 },
+    useTimeFormat: { type: Boolean },
+    onlyWeekdays: { type: Boolean, default: !1 },
+    excludeDates: { default: () => [] },
+    minDate: {},
+    maxDate: {},
+    maxYear: {},
+    maxMonth: {},
+    exactSelection: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
+  setup(Ae, { emit: xe }) {
+    const l = Ae, A = xe;
+    yt(() => {
+      R();
+    });
+    const Y = kt("Calendar"), Ne = (1969 * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 1e7, we = B(), Z = B(), ue = B(), L = /* @__PURE__ */ new Date(), h = B(L.getMonth()), i = B(L.getFullYear()), v = B(L.getHours()), D = B(L.getMinutes()), V = B(L.getSeconds()), N = B(l.modelValue), _ = B(!1), ie = P(), p = P(l.view ?? "date"), De = P([]), be = P(!1), y = P(!1), de = P(), Me = P(!1), ve = P(), ke = P([]), o = x(() => l.showButtons || l.showTime ? N.value : l.modelValue), ee = x(() => De.value.flatMap((e) => e)), Oe = x(() => v.value < 10 ? "0" + v.value : v.value), Ee = x(() => D.value < 10 ? "0" + D.value : D.value), Ke = x(() => l.dateFormat || Y.locale.global.dateFormat), We = x(() => {
+      const e = [], t = (a) => {
+        if (l.minDate) {
+          const n = l.minDate.getMonth(), r = l.minDate.getFullYear();
+          if (i.value < r || i.value === r && a < n)
+            return !1;
+        }
+        if (l.maxDate) {
+          const n = l.maxDate.getMonth(), r = l.maxDate.getFullYear();
+          if (i.value > r || i.value === r && a > n)
+            return !1;
+        }
+        if (l.maxMonth && l.maxMonth === "current") {
+          const n = /* @__PURE__ */ new Date(), r = n.getMonth(), d = n.getFullYear();
+          return a <= r && i.value == d || // In current year
+          i.value < d;
+        }
+        return !0;
+      };
+      for (let a = 0; a <= 11; a++)
+        e.push({
+          value: a,
+          selectable: t(a)
+        });
+      return e;
+    }), te = x(() => {
+      const e = [], t = i.value - i.value % 10, a = (n) => {
+        if (l.minDate && l.minDate.getFullYear() > n || l.maxDate && l.maxDate.getFullYear() < n)
+          return !1;
+        if (l.maxYear && l.maxYear === "current") {
+          const r = (/* @__PURE__ */ new Date()).getFullYear();
+          return n <= r;
+        }
+        return !0;
+      };
+      for (let n = 0; n < 10; n++)
+        e.push({
+          value: t + n,
+          selectable: a(t + n)
+        });
+      return e;
+    }), O = x(() => {
+      let e;
+      if (o.value && ae(o.value) ? e = o.value[b(o.value)] || o.value[0] : e = o.value, e && typeof e != "string" && e.toString() !== "Invalid Date")
+        return e;
+      const t = /* @__PURE__ */ new Date();
+      return l.maxDate && l.maxDate < t ? l.maxDate : l.minDate && l.minDate > t ? l.minDate : t;
+    }), b = (e) => e.length > 2 ? e.length - 1 : 1, Le = () => {
+      const e = new Date(i.value, h.value, 1), t = new Date(i.value, h.value + 1, 0), a = t.getDate(), n = e.getDay(), r = t.getDay(), d = [];
+      let s = 1 - n;
+      for (; s <= a; ) {
+        const m = [];
+        for (let H = 0; H < 7; H++)
+          m.push({
+            day: s,
+            month: h.value,
+            year: i.value,
+            otherMonth: s < 1 || s > a,
+            today: s === L.getDate() && h.value === (/* @__PURE__ */ new Date()).getMonth() && i.value === (/* @__PURE__ */ new Date()).getFullYear(),
+            selectable: _e(
+              s,
+              h.value,
+              i.value
+            )
+          }), s++;
+        d.push(m);
+      }
+      if (r !== 6) {
+        const m = d[d.length - 1];
+        let H = 1;
+        for (let T = r + 1; T < 7; T++)
+          m[T].day = H++, m[T].otherMonth = !0;
+      }
+      return d;
+    }, Re = () => {
+      h.value === 0 ? (i.value--, h.value = 11) : h.value--, R();
+    }, je = () => {
+      i.value--;
+    }, Te = () => {
+      i.value++;
+    }, Ue = () => {
+      h.value === 11 ? (Te(), h.value = 0) : h.value++, R();
+    }, qe = () => {
+      i.value -= 10;
+    }, ze = () => {
+      i.value += 10;
+    }, Ge = () => {
+      p.value === "date" ? Re() : p.value === "month" ? je() : qe();
+    }, Je = () => {
+      p.value === "date" ? Ue() : p.value === "month" ? Te() : ze();
+    }, R = () => {
+      De.value = Le();
+    }, E = () => o.value != null && typeof o.value != "string", K = (e) => l.selectionMode === "single" && (!Array.isArray(o.value) || o.value == null), C = () => l.selectionMode === "range" && (Array.isArray(o.value) || o.value == null), I = () => l.selectionMode === "multiple" && (Array.isArray(o.value) || o.value == null), ae = (e) => I() || C(), W = (e, t) => e ? e.getDate() === t.day && e.getMonth() === t.month && e.getFullYear() === t.year : !1, Qe = (e, t, a) => {
+      if (e && t) {
+        const r = new Date(a.year, a.month, a.day);
+        return e.getTime() <= r.getTime() && t.getTime() >= r.getTime();
+      }
+      return !1;
+    }, z = (e) => {
+      if (!E())
+        return !1;
+      if (o.value) {
+        if (K(o.value))
+          return W(o.value, e);
+        if (I())
+          return o.value.some(
+            (t) => W(t, e)
+          );
+        if (C())
+          return o.value[b(o.value)] ? W(o.value[0], e) || W(
+            o.value[b(o.value)],
+            e
+          ) || Qe(
+            o.value[0],
+            o.value[b(o.value)],
+            e
+          ) : W(o.value[0], e);
+      }
+      return !1;
+    }, Xe = (e) => K(o.value) || I() ? z(e) : C() ? z(e) && (W(o.value[0], e) || o.value[0] == null) : !1, Ze = (e) => K(o.value) || I() ? z(e) : C() ? z(e) && (W(
+      o.value[b(o.value)],
+      e
+    ) || o.value[b(o.value)] == null) : !1, Se = (e) => {
+      if (E()) {
+        if (K(o.value))
+          return o.value.getMonth() === e && o.value.getFullYear() === i.value;
+        if (I())
+          return o.value.some(
+            (t) => t.getMonth() === e && t.getFullYear() === i.value
+          );
+        if (C()) {
+          const [t, a] = o.value;
+          if (t && a) {
+            const n = new Date(t.getFullYear(), t.getMonth()), r = new Date(a.getFullYear(), a.getMonth()), d = new Date(i.value, e);
+            return d >= n && d <= r;
+          }
+        }
+      }
+      return !1;
+    }, $e = (e) => {
+      var t;
+      if (E()) {
+        if (K(o.value))
+          return ((t = o.value) == null ? void 0 : t.getFullYear()) === e;
+        if (I())
+          return o.value.some(
+            (a) => a.getFullYear() === e
+          );
+        if (C()) {
+          const [a, n] = o.value;
+          return e >= a.getFullYear() && e <= (n ?? a).getFullYear();
+        }
+      }
+      return !1;
+    }, _e = (e, t, a) => {
+      let n = !0, r = !0, d = !0, s = !0;
+      if (l.onlyWeekdays) {
+        const m = new Date(a, t, e).getDay();
+        d = m >= 1 && m <= 5;
+      }
+      return l.excludeDates && (s = !l.excludeDates.some(
+        (m) => m.getFullYear() === a && m.getMonth() === t && m.getDate() === e
+      )), l.minDate && (l.minDate.getFullYear() > a || l.minDate.getFullYear() === a && (l.minDate.getMonth() > t || l.minDate.getMonth() === t && l.minDate.getDate() > e)) && (n = !1), l.maxDate && (l.maxDate.getFullYear() < a || l.maxDate.getFullYear() === a && (l.maxDate.getMonth() < t || l.maxDate.getMonth() === t && l.maxDate.getDate() < e)) && (r = !1), n && r && d && s;
+    }, ce = (e, t) => {
+      e.currentTarget instanceof HTMLElement && e.currentTarget.focus(), t.selectable && ft(t), l.selectionMode === "single" && (!l.showTime || l.hideOnDateTimeSelect) && J();
+    }, et = (e, t) => {
+      t.selectable && (l.view === "month" ? ce(e, {
+        year: i.value,
+        month: t.value,
+        day: 1,
+        selectable: !0,
+        today: !1,
+        otherMonth: !1
+      }) : (h.value = t.value, p.value = "date", A("monthChange", {
+        month: h.value,
+        year: i.value
+      })), R());
+    }, tt = (e, t) => {
+      t.selectable && (l.view === "year" ? ce(e, {
+        year: t.value,
+        month: 0,
+        day: 1,
+        selectable: !0,
+        otherMonth: !1,
+        today: !1
+      }) : (i.value = t.value, p.value = "month", A("yearChange", {
+        month: h.value + 1,
+        year: i.value
+      })), R());
+    }, M = (e, t, a) => {
+      !l.disabled && !l.readonly && (Ce(e, null, t, a), e.preventDefault());
+    }, k = (e) => {
+      !l.disabled && !l.readonly && (me(), He(), e.preventDefault());
+    }, le = () => {
+      me();
+    }, ne = (e) => {
+      switch (e.code) {
+        case "Tab":
+          break;
+        case "Escape":
+          J(), e.preventDefault();
+          break;
+      }
+    }, Fe = (e) => {
+      l.disabled || setTimeout(() => {
+        Z.value.show(e, Ye(e));
+      }, 0);
+    }, at = (e) => {
+      l.disabled || setTimeout(() => {
+        var t;
+        (t = Z.value) == null || t.toggle(e, Ye(e));
+      }, 0);
+    }, lt = () => {
+      p.value = l.view, fe(), _.value || Ie();
+    }, Ye = (e) => ("$el" in ue.value ? ue.value.$el : we.value) ?? e.currentTarget, Ce = (e, t, a, n) => {
+      switch (t || (t = 500), me(), de.value = setTimeout(() => {
+        Ce(e, 100, a, n);
+      }, t), a) {
+        case 0:
+          n === 1 ? nt(e) : ot(e);
+          break;
+        case 1:
+          n === 1 ? rt(e) : st(e);
+          break;
+      }
+    }, nt = (e) => {
+      const t = v.value;
+      let a = v.value + Number(l.stepHour), n = y.value;
+      l.hourFormat == "24" ? a = a >= 24 ? a - 24 : a : l.hourFormat == "12" && (t < 12 && a > 11 && (n = !y.value), a = a >= 13 ? a - 12 : a), G(a, D.value, V.value, n) && (v.value = a, y.value = n), e.preventDefault();
+    }, ot = (e) => {
+      let t = v.value - l.stepHour, a = y.value;
+      l.hourFormat == "24" ? t = t < 0 ? 24 + t : t : l.hourFormat == "12" && (v.value === 12 && (a = !y.value), t = t <= 0 ? 12 + t : t), G(t, D.value, V.value, a) && (v.value = t, y.value = a), e.preventDefault();
+    }, rt = (e) => {
+      const t = D.value + Number(l.stepMinute);
+      G(v.value, t, V.value, y.value) && (D.value = t > 59 ? t - 60 : t), e.preventDefault();
+    }, st = (e) => {
+      let t = D.value - l.stepMinute;
+      t = t < 0 ? 60 + t : t, G(v.value, t, V.value, y.value) && (D.value = t), e.preventDefault();
+    }, me = () => {
+      de.value && clearInterval(de.value);
+    }, G = (e, t, a, n) => {
+      let r;
+      const d = ut(e, n);
+      if (ae(o.value)) {
+        const m = E() ? o.value : O.value;
+        r = m[b(m)] || m[0];
+      } else
+        r = E() ? o.value : O.value;
+      const s = r ? r.toDateString() : null;
+      return !(l.minDate && s && l.minDate.toDateString() === s && (l.minDate.getHours() > d || l.minDate.getHours() === d && (l.minDate.getMinutes() > t || l.minDate.getMinutes() === t && l.minDate.getSeconds() > a)) || l.maxDate && s && l.maxDate.toDateString() === s && (l.maxDate.getHours() < d || l.maxDate.getHours() === d && (l.maxDate.getMinutes() < t || l.maxDate.getMinutes() === t && l.maxDate.getSeconds() < a)));
+    }, ut = (e, t) => l.hourFormat == "12" ? e === 12 ? t ? 12 : 0 : t ? e + 12 : e : e, He = () => {
+      Me.value = !0;
+      let e;
+      if (ae(o.value)) {
+        const t = E() ? o.value : O.value;
+        e = t[b(t)] || t[0];
+      } else
+        e = E() ? o.value : O.value;
+      e = e && !Array.isArray(e) ? new Date(e.getTime()) : /* @__PURE__ */ new Date(), l.hourFormat == "12" ? v.value === 12 ? e.setHours(y.value ? 12 : 0) : e.setHours(y.value ? v.value + 12 : v.value) : e.setHours(v.value), e.setMinutes(D.value), e.setSeconds(V.value), ae(o.value) && (I() ? e = [...o.value] : C() && (o.value[b(o.value)] ? e = [o.value[0], e] : e = [e, null])), Ve(e), A("dateSelect", e), setTimeout(() => Me.value = !1, 0);
+    }, Be = (e) => e ? Array.isArray(e) ? e.map((a) => a == null ? void 0 : a.getTime()) : e.getTime() : null, Ve = (e) => {
+      l.showButtons || l.showTime ? (N.value = e, _.value = !1) : (A("update:epochTimeMillis", Be(e)), A("update:modelValue", e));
+    }, it = () => {
+      A("update:epochTimeMillis", Be(N.value)), A("update:modelValue", N.value), _.value = !0, J();
+    }, Ie = () => {
+      N.value = l.modelValue, _.value = !0, J();
+    }, dt = () => {
+      !G(
+        v.value,
+        D.value,
+        V.value,
+        !y.value
+      ) && (l.maxDate || l.minDate) || (y.value = !y.value, He());
+    }, fe = () => {
+      h.value = O.value.getMonth(), i.value = O.value.getFullYear(), l.showTime && vt(O.value);
+    }, vt = (e) => {
+      let t = e.getHours();
+      l.hourFormat === "12" && (y.value = t > 11, t >= 12 ? t = t == 12 ? 12 : t - 12 : t = t == 0 ? 12 : t), v.value = Math.floor(t / l.stepHour) * l.stepHour, D.value = Math.floor(e.getMinutes() / l.stepMinute) * l.stepMinute;
+    }, Pe = () => {
+      const e = l.showButtons || l.showTime ? N.value : o.value;
+      if (typeof e == "string")
+        return e;
+      let t = "";
+      if (e)
+        try {
+          if (K(e))
+            e.toString() !== "Invalid Date" && (t = oe(e));
+          else if (I())
+            e && e.length && (t = e.map((a) => oe(a)).join(", "));
+          else if (C() && e && e.length) {
+            const a = e[0], n = e[b(e)];
+            a.toString() !== "Invalid Date" && (t = oe(a)), n && n.toString() !== "Invalid Date" && (t += " - " + oe(n));
+          }
+        } catch {
+          t = e.toString();
+        }
+      return t;
+    }, oe = (e) => {
+      let t = null;
+      return e && (t = ct(e, Ke.value), l.showTime && (t += " " + mt(e))), t;
+    }, ct = (e, t) => {
+      if (!e)
+        return "";
+      let a;
+      const n = (H) => {
+        const T = a + 1 < t.length && t.charAt(a + 1) === H;
+        return T && a++, T;
+      }, r = (H, T, pe) => {
+        let j = "" + T;
+        if (n(H))
+          for (; j.length < pe; )
+            j = "0" + j;
+        return j;
+      }, d = (H, T, pe, j) => n(H) ? j[T] : pe[T];
+      let s = "", m = !1;
+      if (e)
+        for (a = 0; a < t.length; a++)
+          if (m)
+            t.charAt(a) === "'" && !n("'") ? m = !1 : s += t.charAt(a);
+          else
+            switch (t.charAt(a)) {
+              case "d":
+                s += r("d", e.getDate(), 2);
+                break;
+              case "D":
+                s += d(
+                  "D",
+                  e.getDay(),
+                  Y.locale.global.dayNamesShort,
+                  Y.locale.global.dayNames
+                );
+                break;
+              case "o":
+                s += r(
+                  "o",
+                  Math.round(
+                    (new Date(
+                      e.getFullYear(),
+                      e.getMonth(),
+                      e.getDate()
+                    ).getTime() - new Date(e.getFullYear(), 0, 0).getTime()) / 864e5
+                  ),
+                  3
+                );
+                break;
+              case "m":
+                s += r("m", e.getMonth() + 1, 2);
+                break;
+              case "M":
+                s += d(
+                  "M",
+                  e.getMonth(),
+                  Y.locale.global.monthNamesShort,
+                  Y.locale.global.monthNames
+                );
+                break;
+              case "y":
+                s += n("y") ? e.getFullYear() : (e.getFullYear() % 100 < 10 ? "0" : "") + e.getFullYear() % 100;
+                break;
+              case "@":
+                s += e.getTime();
+                break;
+              case "!":
+                s += e.getTime() * 1e4 + Ne;
+                break;
+              case "'":
+                n("'") ? s += "'" : m = !0;
+                break;
+              default:
+                s += t.charAt(a);
+            }
+      return s;
+    }, mt = (e) => {
+      if (!e)
+        return "";
+      let t = "", a = e.getHours();
+      const n = e.getMinutes();
+      return l.hourFormat === "12" && a > 11 && a !== 12 && (a -= 12), l.hourFormat === "12" ? t += a === 0 ? 12 : a < 10 ? "0" + a : a : t += a < 10 ? "0" + a : a, t += ":", t += n < 10 ? "0" + n : n, l.hourFormat === "12" && (t += e.getHours() > 11 ? ` ${Y.locale.global.pm}` : ` ${Y.locale.global.am}`), t;
+    }, ft = (e) => {
+      let t = new Date(e.year, e.month, e.day);
+      l.showTime && (t.setHours(
+        v.value + (l.hourFormat === "12" && v.value !== 12 && y.value ? 12 : 0)
+      ), t.setMinutes(D.value), t.setSeconds(V.value)), l.minDate && l.minDate > t && (t = l.minDate, v.value = t.getHours(), D.value = t.getMinutes(), V.value = t.getSeconds()), l.maxDate && l.maxDate < t && (t = l.maxDate, v.value = t.getHours(), D.value = t.getMinutes(), V.value = t.getSeconds());
+      let a = null;
+      if (K(o.value))
+        a = t;
+      else if (I()) {
+        let n = o.value;
+        if (n && n.length) {
+          const r = n.findIndex(
+            (d) => d.getFullYear() === t.getFullYear() && d.getMonth() === t.getMonth() && d.getDate() === t.getDate()
+          );
+          r !== -1 ? n.splice(r, 1) : n = [...n, t], n.sort((d, s) => d.getTime() - s.getTime());
+        } else n = [t];
+        a = n;
+      } else if (l.exactSelection)
+        a = gt(e, t);
+      else if (C())
+        if (o.value && o.value.length) {
+          let n = o.value[0], r = o.value[b(o.value)];
+          !r && t.getTime() >= n.getTime() ? r = t : (n = t, r = null), a = [n, r];
+        } else
+          a = [t, null];
+      a !== null && Ve(a), pt(a), A("dateSelect", t);
+    }, pt = (e) => {
+      const t = l.exactSelection ? e.length > 1 : e && e[b(e)] !== null;
+      C() && l.hideOnRangeSelection && !l.showButtons && !l.showTime && t && J();
+    }, gt = (e, t) => {
+      const a = ve.value;
+      if (!ve.value || a.day === e.day)
+        return ve.value = e, ke.value = ee.value, [t];
+      const n = a.month === e.month ? ee.value.filter((r) => r.day > a.day && r.day < e.day).map((r) => new Date(r.year, r.month, r.day)) : [
+        ...ke.value.filter((r) => !r.otherMonth && r.day > a.day).map((r) => new Date(r.year, r.month, r.day)),
+        ...ee.value.filter((r) => !r.otherMonth && r.day < e.day).map((r) => new Date(r.year, r.month, r.day))
+      ];
+      return [
+        new Date(a.year, a.month, a.day),
+        ...n,
+        t
+      ];
+    }, J = () => {
+      setTimeout(() => {
+        var e;
+        (e = Z.value) == null || e.hide();
+      }, 150);
+    };
+    return ge(
+      () => [
+        l.minDate,
+        l.maxDate,
+        l.excludeDates,
+        l.maxYear,
+        l.maxMonth
+      ],
+      () => R()
+    ), ge(
+      () => o.value,
+      () => {
+        fe(), ie.value = Pe();
+      },
+      {
+        immediate: !0
+      }
+    ), (l.showButtons || l.showTime) && ge(
+      N,
+      () => {
+        fe(), ie.value = Pe();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), (e, t) => (c(), he(Ft, {
+      ref_key: "wrapper",
+      ref: ue,
+      info: e.fieldInfo,
+      label: e.label,
+      mandatory: e.mandatory,
+      "show-optional-text": e.showOptionalText
+    }, {
+      default: ye(() => [
+        U(e.$slots, "default", { onClick: Fe }, () => [
+          S(Yt, { disabled: e.disabled }, {
+            default: ye(() => [
+              f("span", u(e.$preset.calendar.root({ props: l }), {
+                id: e.id,
+                "data-wv-name": "calendar",
+                "data-wv-section": "root"
+              }), [
+                f("input", u({
+                  id: e.inputId,
+                  ref_key: "input",
+                  ref: we,
+                  "aria-invalid": e.invalid || void 0,
+                  disabled: e.disabled,
+                  placeholder: e.placeholder ?? q(Y).locale.defaultPlaceholder,
+                  tabindex: 0,
+                  value: ie.value,
+                  onClick: Fe,
+                  "aria-autocomplete": "none",
+                  autocomplete: "off",
+                  inputmode: "none",
+                  readonly: "",
+                  role: "combobox",
+                  type: "text"
+                }, e.$preset.calendar.input({ props: l })), null, 16, Bt),
+                S(X, u({
+                  onClick: at,
+                  icon: "calendar"
+                }, e.$preset.calendar.inputicon), null, 16)
+              ], 16, Ht)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        S(q(Tt), {
+          ref_key: "overlayPanel",
+          ref: Z,
+          pt: {
+            root: {
+              class: [e.$preset.overlaypanel.root.class, "!mt-0", l.overlayClass]
+            }
+          },
+          onHide: lt
+        }, {
+          default: ye(() => [
+            f("div", u(e.$preset.calendar.panel({ props: l }), { "data-wv-section": "panel" }), [
+              f("div", u(e.$preset.calendar.container, { "data-wv-section": "container" }), [
+                f("div", u(e.$preset.calendar.header({ props: l, state: { currentView: p.value } }), { "data-wv-section": "navigation" }), [
+                  S(se, {
+                    onClick: Ge,
+                    class: "rotate-180 !p-1",
+                    "data-wv-section": "prevbutton",
+                    icon: "arrow-right",
+                    "icon-class": "w-5 h-5",
+                    severity: "secondary",
+                    text: ""
+                  }),
+                  f("div", Vt, [
+                    p.value == "date" ? (c(), g("button", u({ key: 0 }, e.$preset.calendar.monthTitle, {
+                      onClick: t[0] || (t[0] = (a) => p.value = "month")
+                    }), F(e.$wangsvue.config.locale.global.monthNamesShort[h.value]), 17)) : $("", !0),
+                    p.value != "year" ? (c(), g("button", u({ key: 1 }, e.$preset.calendar.yearTitle({ props: l }), {
+                      onClick: t[1] || (t[1] = (a) => p.value = "year")
+                    }), F(i.value), 17)) : $("", !0),
+                    p.value == "year" ? (c(), g("span", It, F(te.value[0].value) + " - " + F(te.value[te.value.length - 1].value), 1)) : $("", !0)
+                  ]),
+                  S(se, {
+                    onClick: Je,
+                    class: "!p-1",
+                    "data-wv-section": "nextbutton",
+                    icon: "arrow-right",
+                    "icon-class": "w-5 h-5",
+                    severity: "secondary",
+                    text: ""
+                  })
+                ], 16),
+                p.value === "date" ? (c(), g("div", Pt, [
+                  f("div", At, [
+                    f("div", xt, [
+                      (c(!0), g(Q, null, re(e.$wangsvue.config.locale.global.dayNamesShort, (a) => (c(), g("span", {
+                        key: a,
+                        abbr: "day",
+                        class: "text-center",
+                        "data-wv-section": "weekday"
+                      }, F(a), 1))), 128))
+                    ])
+                  ]),
+                  f("div", Nt, [
+                    (c(!0), g(Q, null, re(ee.value, (a, n) => (c(), g("span", {
+                      key: n,
+                      "aria-label": a.day.toString(),
+                      "data-wv-other-month": a.otherMonth,
+                      "data-wv-today": a.today,
+                      "data-wv-section": "day"
+                    }, [
+                      be.value && !a.otherMonth ? (c(), he(q($t), {
+                        key: 0,
+                        class: "!w-8 !h-8",
+                        shape: "circle"
+                      })) : be.value ? $("", !0) : (c(), g("span", u(
+                        {
+                          key: 1,
+                          "aria-disabled": !a.selectable,
+                          "data-p-disabled": a.otherMonth || !a.selectable,
+                          onClick: (r) => ce(r, a),
+                          ref_for: !0
+                        },
+                        e.$preset.calendar.daylabel({
+                          context: {
+                            date: a,
+                            today: a.today,
+                            otherMonth: a.otherMonth,
+                            selected: z(a),
+                            firstSelected: Xe(a),
+                            lastSelected: Ze(a),
+                            disabled: !a.selectable
+                          }
+                        }),
+                        {
+                          "data-wv-section": "daylabel",
+                          draggable: "false",
+                          tabindex: "0"
+                        }
+                      ), [
+                        a.otherMonth ? $("", !0) : (c(), g(Q, { key: 0 }, [
+                          Dt(F(a.day), 1)
+                        ], 64))
+                      ], 16, Et))
+                    ], 8, Ot))), 128))
+                  ])
+                ])) : $("", !0),
+                p.value === "month" ? (c(), g("div", u({
+                  key: 1,
+                  "data-wv-section": "monthpicker"
+                }, e.$preset.calendar.monthpicker), [
+                  (c(!0), g(Q, null, re(We.value, (a, n) => (c(), g("span", u(
+                    {
+                      key: a.value,
+                      ref_for: !0
+                    },
+                    e.$preset.calendar.month({
+                      context: {
+                        month: a,
+                        monthIndex: n,
+                        selected: Se(n),
+                        disabled: !a.selectable
+                      }
+                    }),
+                    {
+                      "data-p-disabled": !a.selectable,
+                      "data-p-highlight": Se(n),
+                      onClick: (r) => et(r, a)
+                    }
+                  ), F(e.$wangsvue.config.locale.global.monthNamesShort[a.value]), 17, Kt))), 128))
+                ], 16)) : $("", !0),
+                p.value === "year" ? (c(), g("div", bt(u({ key: 2 }, e.$preset.calendar.yearpicker)), [
+                  (c(!0), g(Q, null, re(te.value, (a) => (c(), g("span", u(
+                    {
+                      key: a.value,
+                      ref_for: !0
+                    },
+                    e.$preset.calendar.year({
+                      context: {
+                        year: a,
+                        selected: $e(a.value),
+                        disabled: !a.selectable
+                      }
+                    }),
+                    {
+                      "data-p-disabled": !a.selectable,
+                      "data-p-highlight": $e(a.value),
+                      onClick: (n) => tt(n, a)
+                    }
+                  ), F(a.value), 17, Wt))), 128))
+                ], 16)) : $("", !0)
+              ], 16),
+              e.showTime && p.value === "date" ? (c(), g("div", u({ key: 0 }, e.$preset.calendar.timepicker, { "data-wv-section": "timepicker" }), [
+                f("div", u(e.$preset.calendar.hourpicker, { "data-wv-section": "hourpicker" }), [
+                  f("button", u({
+                    "aria-label": e.$wangsvue.config.locale.global.nextHour,
+                    onKeydown: [
+                      ne,
+                      t[2] || (t[2] = w((a) => M(a, 0, 1), ["enter"])),
+                      t[3] || (t[3] = w((a) => M(a, 0, 1), ["space"]))
+                    ],
+                    onKeyup: [
+                      t[4] || (t[4] = w((a) => k(a), ["enter"])),
+                      t[5] || (t[5] = w((a) => k(a), ["space"]))
+                    ],
+                    onMousedown: t[6] || (t[6] = (a) => M(a, 0, 1)),
+                    onMouseleave: t[7] || (t[7] = (a) => le()),
+                    onMouseup: t[8] || (t[8] = (a) => k(a))
+                  }, e.$preset.calendar.incrementbutton, {
+                    "data-wv-group-section": "hourpicker",
+                    "data-wv-section": "incrementbutton",
+                    type: "button"
+                  }), [
+                    U(e.$slots, "incrementicon", {}, () => [
+                      S(X, u({
+                        "data-wv-group-section": "hourpicker",
+                        "data-wv-section": "incrementicon",
+                        icon: "arrow-up-s"
+                      }, e.$preset.calendar.incrementicon), null, 16)
+                    ])
+                  ], 16, Lt),
+                  f("span", u(e.$preset.calendar.timepickerlabel, {
+                    "data-wv-group-section": "hourpicker",
+                    "data-wv-section": "timepickerlabel"
+                  }), F(Oe.value), 17),
+                  f("button", u({
+                    "aria-label": e.$wangsvue.config.locale.global.prevHour,
+                    onKeydown: [
+                      ne,
+                      t[9] || (t[9] = w((a) => M(a, 0, -1), ["enter"])),
+                      t[10] || (t[10] = w((a) => M(a, 0, -1), ["space"]))
+                    ],
+                    onKeyup: [
+                      t[11] || (t[11] = w((a) => k(a), ["enter"])),
+                      t[12] || (t[12] = w((a) => k(a), ["space"]))
+                    ],
+                    onMousedown: t[13] || (t[13] = (a) => M(a, 0, -1)),
+                    onMouseleave: t[14] || (t[14] = (a) => le()),
+                    onMouseup: t[15] || (t[15] = (a) => k(a))
+                  }, e.$preset.calendar.decrementbutton, {
+                    "data-wv-group-section": "hourpicker",
+                    "data-wv-section": "decrementbutton",
+                    type: "button"
+                  }), [
+                    U(e.$slots, "decrementicon", {}, () => [
+                      S(X, u({
+                        "data-wv-group-section": "hourpicker",
+                        "data-wv-section": "decrementicon",
+                        icon: "arrow-down"
+                      }, e.$preset.calendar.decrementicon), null, 16)
+                    ])
+                  ], 16, Rt)
+                ], 16),
+                f("div", u(e.$preset.calendar.separatorcontainer, { "data-wv-section": "separatorcontainer" }), [
+                  f("span", u(e.$preset.calendar.separator, { "data-wv-section": "separator" }), F(e.timeSeparator), 17)
+                ], 16),
+                f("div", u(e.$preset.calendar.minutepicker, { "data-wv-section": "minutepicker" }), [
+                  f("button", u({
+                    "aria-label": e.$wangsvue.config.locale.global.nextMinute,
+                    disabled: e.disabled,
+                    onKeydown: [
+                      ne,
+                      t[16] || (t[16] = w((a) => M(a, 1, 1), ["enter"])),
+                      t[17] || (t[17] = w((a) => M(a, 1, 1), ["space"]))
+                    ],
+                    onKeyup: [
+                      t[18] || (t[18] = w((a) => k(a), ["enter"])),
+                      t[19] || (t[19] = w((a) => k(a), ["space"]))
+                    ],
+                    onMousedown: t[20] || (t[20] = (a) => M(a, 1, 1)),
+                    onMouseleave: t[21] || (t[21] = (a) => le()),
+                    onMouseup: t[22] || (t[22] = (a) => k(a))
+                  }, e.$preset.calendar.incrementbutton, {
+                    "data-wv-group-section": "minutepicker",
+                    "data-wv-section": "incrementbutton",
+                    type: "button"
+                  }), [
+                    U(e.$slots, "incrementicon", {}, () => [
+                      S(X, u({
+                        "data-wv-group-section": "minutepicker",
+                        "data-wv-section": "incrementicon",
+                        icon: "arrow-up-s"
+                      }, e.$preset.calendar.incrementicon), null, 16)
+                    ])
+                  ], 16, jt),
+                  f("span", u(e.$preset.calendar.timepickerlabel, { "data-wv-section": "timepickerlabel" }), F(Ee.value), 17),
+                  f("button", u({
+                    "aria-label": e.$wangsvue.config.locale.global.prevMinute,
+                    disabled: e.disabled,
+                    onKeydown: [
+                      ne,
+                      t[23] || (t[23] = w((a) => M(a, 1, -1), ["enter"])),
+                      t[24] || (t[24] = w((a) => M(a, 1, -1), ["space"]))
+                    ],
+                    onKeyup: [
+                      t[25] || (t[25] = w((a) => k(a), ["enter"])),
+                      t[26] || (t[26] = w((a) => k(a), ["space"]))
+                    ],
+                    onMousedown: t[27] || (t[27] = (a) => M(a, 1, -1)),
+                    onMouseleave: t[28] || (t[28] = (a) => le()),
+                    onMouseup: t[29] || (t[29] = (a) => k(a))
+                  }, e.$preset.calendar.decrementbutton, {
+                    "data-wv-group-section": "minutepicker",
+                    "data-wv-section": "decrementbutton",
+                    type: "button"
+                  }), [
+                    U(e.$slots, "decrementicon", {}, () => [
+                      S(X, u({
+                        "data-wv-group-section": "minutepicker",
+                        "data-wv-section": "decrementicon",
+                        icon: "arrow-down"
+                      }, e.$preset.calendar.decrementicon), null, 16)
+                    ])
+                  ], 16, Ut)
+                ], 16),
+                e.hourFormat === "12" ? (c(), he(q(St), {
+                  key: 0,
+                  "model-value": y.value,
+                  options: [
+                    { label: "AM", value: !1 },
+                    { label: "PM", value: !0 }
+                  ],
+                  "onUpdate:modelValue": dt,
+                  "option-label": "label",
+                  "option-value": "value"
+                }, null, 8, ["model-value"])) : $("", !0)
+              ], 16)) : $("", !0),
+              U(e.$slots, "addon-overlay"),
+              e.showButtons || e.showTime ? wt((c(), g("div", qt, [
+                S(se, {
+                  label: q(Y).locale.cancelFooterButtonLabel,
+                  onClick: Ie,
+                  severity: "secondary",
+                  text: ""
+                }, null, 8, ["label"]),
+                S(se, {
+                  disabled: !o.value,
+                  label: q(Y).locale.applyFooterButtonLabel,
+                  onClick: it
+                }, null, 8, ["disabled", "label"])
+              ], 512)), [
+                [Mt, p.value === "date"]
+              ]) : $("", !0)
+            ], 16)
+          ]),
+          _: 3
+        }, 8, ["pt"]),
+        S(Ct, {
+          message: e.$attrs["error-message"]
+        }, null, 8, ["message"])
+      ]),
+      _: 3
+    }, 8, ["info", "label", "mandatory", "show-optional-text"]));
+  }
+});
+export {
+  la as _
+};