@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.0

package/basecalendartimezone/index.es.js

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