hys-ui 0.1.0 → 0.2.0

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

@@ -0,0 +1,807 @@
+import { defineComponent as ua, useSlots as da, computed as p, useAttrs as ca, ref as K, useId as va, provide as fa, watch as Q, nextTick as L, onMounted as ya, onUpdated as pa, onActivated as ma, onDeactivated as ha, onBeforeUnmount as ba, openBlock as u, createElementBlock as c, mergeProps as j, unref as a, withModifiers as Ne, normalizeClass as We, Fragment as $, renderSlot as S, createCommentVNode as m, renderList as M, createTextVNode as V, toDisplayString as h, createElementVNode as P, createVNode as me, createBlock as z, resolveDynamicComponent as ka, Teleport as wa, createSlots as ga, withCtx as A, withDirectives as Ba, vShow as Ca, mergeDefaults as Sa } from "vue";
+import { X as Pa, Clock3 as qe, CalendarDays as $a } from "lucide-vue-next";
+import Y from "../HysButton/HysButton.vue.js";
+import Da from "../HysSelect/HysSelect.vue.js";
+import Ea from "./HysDatePickerPanel.vue.js";
+import { useHysRootAttrs as Fa } from "../../config.js";
+import { useHysFormItemContext as Ma, useHysControlState as Va, fieldKey as Ta } from "../../composables/formContext.js";
+import { useFloating as za } from "../../composables/useFloating.js";
+import { useChoiceNativeReset as Aa } from "../../composables/choiceModel.js";
+import { useDatePicker as Na } from "../../composables/useDatePicker.js";
+import { dateNative as Wa, datePickerDefaults as qa } from "../../composables/datePicker.js";
+const Oa = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex", "aria-label", "aria-required", "aria-invalid", "aria-disabled", "aria-describedby"], ja = {
+  key: 0,
+  class: "hys-ui-date-prefix"
+}, Ra = {
+  key: 0,
+  class: "hys-ui-date-separator"
+}, Ha = ["id", "value", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-describedby", "disabled", "readonly", "placeholder", "onInput", "onKeydown", "onBlur"], Ia = ["id", "disabled", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-disabled", "aria-describedby", "aria-readonly"], Ka = {
+  key: 0,
+  class: "hys-ui-date-prefix"
+}, La = { class: "hys-ui-date-icons" }, Ua = ["aria-label"], Xa = {
+  class: "hys-ui-date-suffix",
+  "aria-hidden": "true"
+}, Ga = ["name", "value", "form", "disabled"], Ja = ["id"], Qa = ["id", "role", "aria-label"], Ya = {
+  key: 0,
+  class: "hys-ui-date-popup-header"
+}, Za = {
+  key: 1,
+  class: "hys-ui-date-shortcuts"
+}, xa = ["disabled", "onClick"], _a = {
+  key: 2,
+  class: "hys-ui-date-range-status"
+}, et = ["disabled", "aria-pressed", "onClick"], at = {
+  class: "hys-ui-date-range-instruction",
+  role: "status"
+}, tt = { class: "hys-ui-date-panels" }, lt = {
+  key: 3,
+  class: "hys-ui-date-time-area",
+  "data-hys-ui-form-internal": ""
+}, ot = {
+  key: 0,
+  class: "hys-ui-date-time-colon"
+}, it = {
+  key: 4,
+  class: "hys-ui-date-partial"
+}, nt = ["disabled", "onClick"], st = ["id"], rt = {
+  key: 6,
+  class: "hys-ui-date-footer"
+}, ut = { class: "hys-ui-date-footer-shortcuts" }, dt = { class: "hys-ui-date-footer-actions" }, Bt = /* @__PURE__ */ ua({
+  inheritAttrs: !1,
+  __name: "HysDatePickerControl",
+  props: /* @__PURE__ */ Sa({
+    modelValue: {},
+    defaultValue: {},
+    clearValue: {},
+    type: {},
+    valueType: {},
+    valueFormat: {},
+    format: {},
+    inputFormats: {},
+    disabled: { type: [Boolean, Array] },
+    readonly: { type: Boolean },
+    size: {},
+    status: {},
+    bordered: { type: Boolean },
+    placeholder: {},
+    label: {},
+    ariaLabel: {},
+    name: {},
+    form: {},
+    autofocus: { type: Boolean },
+    min: {},
+    max: {},
+    disabledDate: { type: Function },
+    disabledTime: { type: Function },
+    firstDayOfWeek: {},
+    firstWeekContainsDate: {},
+    weekNumberFormatter: { type: Function },
+    disabledWeek: { type: Function },
+    weekValidation: {},
+    locale: {},
+    messages: {},
+    showWeekNumbers: { type: Boolean },
+    showAdjacentDays: { type: Boolean },
+    defaultPickerValue: {},
+    panelValue: {},
+    mode: {},
+    defaultMode: {},
+    shortcuts: {},
+    clearable: { type: Boolean },
+    editable: { type: Boolean },
+    inputReadonly: { type: Boolean },
+    showOnFocus: { type: Boolean },
+    showToday: { type: Boolean },
+    showNow: { type: Boolean },
+    showFooter: { type: Boolean },
+    showConfirm: { type: Boolean },
+    showTime: { type: Boolean },
+    defaultTime: {},
+    hourStep: {},
+    minuteStep: {},
+    secondStep: {},
+    showSeconds: { type: Boolean },
+    rangeSeparator: {},
+    startPlaceholder: {},
+    endPlaceholder: {},
+    allowEmpty: {},
+    singlePanel: { type: Boolean },
+    unlinkPanels: { type: Boolean },
+    minRangeDays: {},
+    maxRangeDays: {},
+    rangeValidation: {},
+    maxDates: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    inline: { type: Boolean },
+    placement: {},
+    appendTo: { type: [String, Boolean] },
+    popupWidth: {},
+    popupClass: {},
+    popupStyle: {},
+    validateEvent: { type: Boolean },
+    cellClassName: { type: Function },
+    range: { type: Boolean }
+  }, qa),
+  emits: [
+    "update:modelValue",
+    "change",
+    "value-change",
+    "update:open",
+    "visible-change",
+    "update:panelValue",
+    "update:mode",
+    "panelChange",
+    "calendarChange",
+    "clear",
+    "ok",
+    "invalid",
+    "focus",
+    "blur"
+  ],
+  setup(s, { expose: Oe, emit: je }) {
+    const i = s, Re = da(), He = p(
+      () => ["prev-month", "next-month", "prev-year", "next-year"].filter(
+        (e) => !!Re[e]
+      )
+    ), R = je, oe = ca(), he = Fa(), w = Ma(), B = Va({
+      get disabled() {
+        var e;
+        return typeof i.disabled == "boolean" ? i.disabled : !!((e = i.disabled) != null && e.every(Boolean));
+      },
+      get size() {
+        return i.size;
+      }
+    }), C = K(), Z = K(), U = K(), ie = /* @__PURE__ */ new Map(), N = K(!0), v = p(() => !!i.range), b = p(
+      () => !N.value || B.disabled.value || !!i.readonly
+    ), T = va(), X = K(!1), H = K([]);
+    fa(Ta, void 0);
+    const o = Na(
+      i,
+      v,
+      b,
+      (e, ...t) => R(e, ...t),
+      () => {
+        i.validateEvent && w.validate("change");
+      }
+    ), {
+      draft: k,
+      words: d,
+      current: ne,
+      selected: Ie,
+      view: se,
+      panels: be,
+      error: I,
+      time: x,
+      needsConfirm: W
+    } = o;
+    o.begin();
+    const re = p(
+      () => N.value && (i.inline || f.open.value)
+    ), Ke = p(
+      () => C.value ? {
+        getBoundingClientRect: () => C.value.getBoundingClientRect(),
+        contains: (e) => C.value.contains(e),
+        focus: fe,
+        get isConnected() {
+          var e;
+          return !!((e = C.value) != null && e.isConnected);
+        }
+      } : void 0
+    );
+    let ue = !1, q = 0;
+    const f = za(Ke, U, {
+      get placement() {
+        return i.placement;
+      },
+      width: () => i.popupWidth,
+      requestOpen: (e, t) => (e || (ue = !!t), R("update:open", e), i.open === void 0 ? void 0 : !1)
+    }), ke = p(() => i.inline || f.open.value), de = p(
+      () => i.placeholder || (v.value ? `${i.startPlaceholder ?? d.value.start}${i.rangeSeparator}${i.endPlaceholder ?? d.value.end}` : d.value.empty)
+    ), we = p(() => {
+      const e = o.describe();
+      return v.value ? e.some(Boolean) ? [
+        e[0] || i.startPlaceholder || d.value.start,
+        e[1] || i.endPlaceholder || d.value.end
+      ].join(i.rangeSeparator) : "" : e.filter(Boolean).join("、");
+    }), ge = p(() => o.valid(k.value)), Le = p(
+      () => W.value && (v.value ? k.value.every(Boolean) : k.value.length) && !ge.value ? d.value.invalid : ""
+    ), Be = p(() => I.value || Le.value), Ce = p(
+      () => i.clearable && !b.value && Ie.value.some((e, t) => e && !o.locked(t))
+    ), G = p(() => String(oe.id ?? w.id.value ?? T)), J = p(
+      () => i.ariaLabel || i.label || w.label.value || de.value
+    ), _ = p(
+      () => i.status ?? (w.error.value || I.value ? "error" : w.status.value)
+    ), Ue = p(
+      () => i.inline ? {
+        ...i.popupStyle,
+        position: "static",
+        width: "100%",
+        maxWidth: "100%",
+        boxShadow: "none"
+      } : {
+        ...i.popupStyle,
+        ...f.style.value,
+        width: i.popupWidth ?? (v.value && !i.singlePanel ? "576px" : "304px"),
+        maxWidth: "calc(100vw - 20px)",
+        maxHeight: "min(80dvh,calc(100dvh - 20px))"
+      }
+    ), Se = p(() => v.value && !i.singlePanel ? 2 : 1), ce = /* @__PURE__ */ new Map(), ve = p(
+      () => k.value.map((e) => e ? Wa(e) : null)
+    ), Xe = p(
+      () => v.value && o.stage.value === "end" ? o.preview.value : void 0
+    ), Ge = () => Object.fromEntries(
+      Object.entries(oe).filter(
+        ([e]) => e !== "id" && !e.startsWith("aria-")
+      )
+    ), Pe = () => Object.fromEntries(
+      Object.entries(oe).filter(([e]) => e.startsWith("aria-"))
+    );
+    function Je(e, t) {
+      t instanceof HTMLInputElement ? ie.set(e, t) : ie.delete(e);
+    }
+    function g() {
+      if (H.value = o.describe(), v.value) for (; H.value.length < 2; ) H.value.push("");
+    }
+    function fe() {
+      var e;
+      B.disabled.value || (e = !i.inline && i.editable && !o.multiple.value ? ie.get(0) : Z.value ?? C.value) == null || e.focus();
+    }
+    async function $e() {
+      var e;
+      await L(), await ((e = ce.get(0)) == null ? void 0 : e.focus());
+    }
+    async function D(e = !0, t = !1) {
+      if (b.value) return !1;
+      const r = q, y = f.open.value;
+      return i.inline || await f.show(t), await L(), !re.value || r !== q ? !1 : (y || (o.begin(), g()), await L(), f.update(), e && await $e(), re.value);
+    }
+    function E(e = !1) {
+      i.inline || f.close(e);
+    }
+    function ee() {
+      o.begin(), g(), E(!0);
+    }
+    async function ae() {
+      const e = await o.clear();
+      return e && (g(), E(!0)), e;
+    }
+    async function te() {
+      const e = await o.confirm();
+      return e && (g(), E(!0)), e;
+    }
+    async function De(e) {
+      const t = q, r = await o.choose(e);
+      !N.value || t !== q || r && !W.value && !o.multiple.value && !i.inline && (g(), E(!0));
+    }
+    async function Qe(e) {
+      var t;
+      if (o.pickShortcut(e))
+        if (!W.value)
+          await o.request(o.encode(k.value), "shortcut") && (g(), E(!0));
+        else {
+          const r = (t = k.value.find(Boolean)) == null ? void 0 : t.day;
+          r !== void 0 && o.setPanel(r);
+        }
+    }
+    async function Ee(e) {
+      if (i.inputReadonly || b.value) return !1;
+      const t = await o.input(H.value[e] ?? "", e);
+      return t && g(), t;
+    }
+    function ye(e, t = 0) {
+      e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && !e.altKey ? (e.preventDefault(), D()) : e.key === "Enter" && i.editable ? (e.preventDefault(), Ee(t)) : e.key === "Escape" && ee());
+    }
+    function Fe(e) {
+      X.value || (X.value = !0, R("focus", e)), i.showOnFocus && !f.restoringFocus.value && !f.open.value && D(!1);
+    }
+    async function pe(e) {
+      var t, r;
+      await L(), !(!N.value || f.open.value || (t = C.value) != null && t.contains(document.activeElement) || (r = U.value) != null && r.contains(document.activeElement)) && X.value && (X.value = !1, R("blur", e), i.validateEvent && w.validate("blur"));
+    }
+    function Ye(e, t) {
+      var y, n;
+      const r = e.relatedTarget;
+      !((y = U.value) != null && y.contains(r)) && !((n = C.value) != null && n.contains(r)) && Ee(t), pe(e);
+    }
+    function Ze(e, t) {
+      b.value || o.setPanel(e, t);
+    }
+    async function xe(e) {
+      const t = o.boundary(e);
+      if (!t || !await D(!1)) return !1;
+      const r = o.setPanel(t.day);
+      return await L(), f.update(), r;
+    }
+    async function _e(e) {
+      const t = await o.setValue(e);
+      return t && (o.begin(), g()), t;
+    }
+    function Me(e = !1) {
+      const t = o.today.value;
+      if (e && x.value) {
+        if (k.value = [{ ...t }], v.value) return;
+        te();
+      } else De(t.day);
+    }
+    function ea(e) {
+      o.locked(e) || (o.stage.value = e ? "end" : "start");
+    }
+    function aa(e) {
+      var t;
+      !((t = i.allowEmpty) != null && t[e]) || o.locked(e) || b.value || (k.value = k.value.map((r, y) => y === e ? null : r), o.error.value = "");
+    }
+    function ta(e, t) {
+      const r = k.value[e];
+      if (!r) return [];
+      const y = Math.floor(r.second / 3600), n = Math.floor(r.second / 60) % 60, l = o.timeDisabled(r, e), O = t === "hour" ? i.hourStep : t === "minute" ? i.minuteStep : i.secondStep, Te = t === "hour" ? 24 : 60, sa = Math.max(
+        1,
+        Math.min(Te, Number.isFinite(O) ? Math.floor(O) : 1)
+      ), ra = t === "hour" ? y : t === "minute" ? n : r.second % 60;
+      return Array.from({ length: Te }, (F, le) => le).filter((F) => F % sa === 0 || F === ra).map((F) => {
+        var le, ze, Ae;
+        return {
+          label: String(F).padStart(2, "0"),
+          value: F,
+          disabled: t === "hour" ? (le = l.hours) == null ? void 0 : le.includes(F) : t === "minute" ? (ze = l.minutes) == null ? void 0 : ze.call(l, y).includes(F) : (Ae = l.seconds) == null ? void 0 : Ae.call(l, y, n).includes(F)
+        };
+      });
+    }
+    function la(e, t) {
+      var y;
+      const r = ((y = k.value[e]) == null ? void 0 : y.second) ?? 0;
+      return t === 0 ? Math.floor(r / 3600) : t === 1 ? Math.floor(r / 60) % 60 : r % 60;
+    }
+    function oa(e, t, r) {
+      var l;
+      if (typeof r != "number") return;
+      const y = ((l = k.value[e]) == null ? void 0 : l.second) ?? 0, n = t === 0 ? r * 3600 + y % 3600 : t === 1 ? Math.floor(y / 3600) * 3600 + r * 60 + y % 60 : Math.floor(y / 60) * 60 + r;
+      o.setTime(e, n) && !W.value && o.request(o.encode(k.value), "time");
+    }
+    function ia(e) {
+      return e instanceof Date ? e.toISOString() : e == null ? "" : String(e);
+    }
+    const na = p(() => {
+      const e = ne.value;
+      return (Array.isArray(e) ? e : [e]).map((t, r) => ({
+        value: ia(t),
+        name: Array.isArray(i.name) ? i.name[r] : i.name
+      })).filter((t) => !!t.name);
+    });
+    Q(
+      () => i.open,
+      (e) => {
+        if (!(!N.value || i.inline))
+          if (e) D(!1, !0);
+          else {
+            const t = ue;
+            ue = !1, f.close(t, !0);
+          }
+      }
+    ), Q(f.open, (e) => {
+      R("visible-change", e), e || (q++, o.begin(), g());
+    }), Q(b, (e) => {
+      e && (q++, o.model.invalidate(), f.close(!1, !0), i.open && R("update:open", !1));
+    }), Q(
+      ne,
+      () => {
+        o.begin(), g();
+      },
+      { deep: !0 }
+    ), Q(
+      [be, se, () => i.singlePanel, () => i.popupWidth],
+      () => void L(() => f.update())
+    ), Aa(
+      C,
+      () => {
+        o.model.reset(), o.begin(), g(), E();
+      },
+      g,
+      () => i.form
+    ), g(), ya(() => {
+      (i.open ?? i.defaultOpen) && D(!1, !0), i.autofocus && fe();
+    }), pa(() => {
+      !i.editable && w.id.value && Z.value && (Z.value.id = G.value);
+    }), ma(() => {
+      N.value = !0, i.open && !i.inline && D(!1, !0);
+    });
+    function Ve() {
+      N.value = !1, q++, X.value = !1, f.close(!1, !0), o.error.value = "";
+    }
+    return ha(Ve), ba(Ve), Oe({
+      element: C,
+      open: re,
+      value: ne,
+      draft: ve,
+      focus: fe,
+      blur: () => {
+        var e, t, r;
+        E(), ((e = C.value) != null && e.contains(document.activeElement) || (t = U.value) != null && t.contains(document.activeElement)) && ((r = document.activeElement) == null || r.blur());
+      },
+      show: () => D(),
+      hide: E,
+      handleOpen: () => D(),
+      handleClose: E,
+      clear: ae,
+      setValue: _e,
+      confirm: te,
+      cancel: ee,
+      showMonth: xe,
+      setMode: (e) => !b.value && o.setMode(e)
+    }), (e, t) => {
+      var r, y;
+      return u(), c("div", j({
+        ref_key: "root",
+        ref: C
+      }, { ...a(he), ...Ge() }, {
+        class: ["hys-ui-pf-date-picker hys-ui-date-picker", [
+          "hys-ui-date-picker-" + a(B).size.value,
+          {
+            "hys-ui-date-picker-disabled": a(B).disabled.value,
+            "hys-ui-date-picker-readonly": s.readonly,
+            "hys-ui-date-picker-borderless": !s.bordered
+          }
+        ]],
+        "data-status": _.value,
+        id: s.inline ? G.value : void 0,
+        role: s.inline ? "group" : void 0,
+        "data-hys-ui-field-managed": s.inline ? "" : void 0,
+        tabindex: s.inline ? a(B).disabled.value ? -1 : 0 : void 0,
+        "aria-label": s.inline ? J.value : void 0,
+        "aria-required": s.inline && a(w).required.value || void 0,
+        "aria-invalid": s.inline && _.value === "error" || void 0,
+        "aria-disabled": s.inline && a(B).disabled.value || void 0,
+        "aria-describedby": s.inline ? a(w).describedBy.value : void 0,
+        onFocus: t[6] || (t[6] = Ne((n) => s.inline && $e(), ["self"])),
+        onKeydown: t[7] || (t[7] = (n) => s.inline && n.target === C.value && ye(n)),
+        onFocusin: Fe,
+        onFocusout: pe
+      }), [
+        s.inline ? m("", !0) : (u(), c("div", {
+          key: 0,
+          class: We(["hys-ui-date-control", {
+            "hys-ui-date-control-open": a(f).open.value,
+            "hys-ui-date-control-editable": s.editable && !a(o).multiple.value
+          }])
+        }, [
+          s.editable && !a(o).multiple.value ? (u(), c($, { key: 0 }, [
+            e.$slots.prefix ? (u(), c("span", ja, [
+              S(e.$slots, "prefix", {}, void 0, !0)
+            ])) : m("", !0),
+            (u(!0), c($, null, M(v.value ? 2 : 1, (n) => (u(), c($, { key: n }, [
+              n === 2 ? (u(), c("span", Ra, [
+                S(e.$slots, "range-separator", {}, () => [
+                  V(h(s.rangeSeparator), 1)
+                ], !0)
+              ])) : m("", !0),
+              P("input", j({
+                ref_for: !0,
+                ref: (l) => Je(n - 1, l)
+              }, { ref_for: !0 }, Pe(), {
+                id: n === 1 ? G.value : G.value + "-end",
+                "data-hys-ui-field-managed": "",
+                class: "hys-ui-date-input",
+                type: "text",
+                autocomplete: "off",
+                value: H.value[n - 1] ?? "",
+                "aria-label": v.value ? J.value + " " + (n === 1 ? a(d).start : a(d).end) : J.value,
+                "aria-haspopup": "dialog",
+                "aria-expanded": a(f).open.value,
+                "aria-controls": a(f).open.value ? a(T) + "-panel" : void 0,
+                "aria-invalid": _.value === "error" || void 0,
+                "aria-required": a(w).required.value || void 0,
+                "aria-describedby": [a(w).describedBy.value, a(I) ? a(T) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
+                disabled: a(B).disabled.value || a(o).locked(n - 1),
+                readonly: s.readonly || s.inputReadonly,
+                placeholder: v.value ? n === 1 ? s.startPlaceholder ?? a(d).start : s.endPlaceholder ?? a(d).end : de.value,
+                onInput: (l) => H.value[n - 1] = l.target.value,
+                onClick: t[0] || (t[0] = (l) => D(!1)),
+                onKeydown: (l) => ye(l, n - 1),
+                onBlur: (l) => Ye(l, n - 1)
+              }), null, 16, Ha)
+            ], 64))), 128))
+          ], 64)) : (u(), c("button", j({
+            key: 1,
+            ref_key: "button",
+            ref: Z
+          }, Pe(), {
+            id: G.value,
+            type: "button",
+            "data-hys-ui-field-managed": "",
+            role: "combobox",
+            class: "hys-ui-date-trigger",
+            disabled: a(B).disabled.value,
+            "aria-label": J.value,
+            "aria-haspopup": "dialog",
+            "aria-expanded": a(f).open.value,
+            "aria-controls": a(f).open.value ? a(T) + "-panel" : void 0,
+            "aria-invalid": _.value === "error" || void 0,
+            "aria-required": a(w).required.value || void 0,
+            "aria-disabled": a(B).disabled.value || void 0,
+            "aria-describedby": [a(w).describedBy.value, a(I) ? a(T) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
+            "aria-readonly": s.readonly || void 0,
+            onClick: t[1] || (t[1] = (n) => a(f).open.value ? E() : D()),
+            onKeydown: ye
+          }), [
+            e.$slots.prefix ? (u(), c("span", Ka, [
+              S(e.$slots, "prefix", {}, void 0, !0)
+            ])) : m("", !0),
+            P("span", {
+              class: We(["hys-ui-date-display", { "hys-ui-pf-placeholder": !we.value }])
+            }, h(we.value || de.value), 3)
+          ], 16, Ia)),
+          P("span", La, [
+            Ce.value ? (u(), c("button", {
+              key: 0,
+              type: "button",
+              class: "hys-ui-date-clear",
+              "aria-label": a(d).clear,
+              onMousedown: t[2] || (t[2] = Ne(() => {
+              }, ["prevent"])),
+              onClick: ae
+            }, [
+              S(e.$slots, "clear-icon", {}, () => [
+                me(a(Pa), { size: 14 })
+              ], !0)
+            ], 40, Ua)) : m("", !0),
+            P("span", Xa, [
+              S(e.$slots, "suffix", {}, () => [
+                (u(), z(ka(a(x) ? a(qe) : a($a)), { size: 16 }))
+              ], !0)
+            ])
+          ])
+        ], 2)),
+        (u(!0), c($, null, M(na.value, (n, l) => (u(), c("input", {
+          key: l,
+          type: "hidden",
+          name: n.name,
+          value: n.value,
+          form: s.form,
+          disabled: a(B).disabled.value
+        }, null, 8, Ga))), 128)),
+        a(I) && !ke.value ? (u(), c("p", {
+          key: 1,
+          id: a(T) + "-error",
+          class: "hys-ui-date-error",
+          role: "alert"
+        }, h(a(I)), 9, Ja)) : m("", !0),
+        (u(), z(wa, {
+          to: s.appendTo || "body",
+          disabled: s.inline || s.appendTo === !1
+        }, [
+          ke.value ? (u(), c("div", j({
+            key: 0,
+            id: a(T) + "-panel",
+            ref_key: "panel",
+            ref: U
+          }, a(he), {
+            class: ["hys-ui-date-popup", [
+              s.popupClass,
+              "hys-ui-date-popup-" + a(B).size.value,
+              {
+                "hys-ui-date-inline": s.inline,
+                "hys-ui-date-dual": Se.value === 2
+              }
+            ]],
+            style: Ue.value,
+            role: s.inline ? "group" : "dialog",
+            "aria-label": J.value,
+            onFocusin: Fe,
+            onFocusout: pe
+          }), [
+            e.$slots.header ? (u(), c("header", Ya, [
+              S(e.$slots, "header", {
+                dates: ve.value,
+                view: a(se)
+              }, void 0, !0)
+            ])) : m("", !0),
+            (r = s.shortcuts) != null && r.length ? (u(), c("div", Za, [
+              (u(!0), c($, null, M(s.shortcuts, (n, l) => (u(), c("button", {
+                key: l,
+                type: "button",
+                disabled: b.value || n.disabled,
+                onClick: (O) => Qe(l)
+              }, [
+                S(e.$slots, "shortcut", {
+                  shortcut: n,
+                  index: l
+                }, () => [
+                  V(h(n.label), 1)
+                ], !0)
+              ], 8, xa))), 128))
+            ])) : m("", !0),
+            v.value ? (u(), c("div", _a, [
+              (u(!0), c($, null, M([a(d).start, a(d).end], (n, l) => (u(), c("button", {
+                key: l,
+                type: "button",
+                disabled: b.value || a(o).locked(l),
+                "aria-pressed": a(o).stage.value === (l ? "end" : "start"),
+                onClick: (O) => ea(l)
+              }, [
+                P("span", null, h(n), 1),
+                P("strong", null, h(a(o).describe(a(k))[l] || "—"), 1)
+              ], 8, et))), 128)),
+              P("span", at, h(a(o).stage.value === "end" ? a(d).chooseEnd : a(d).chooseStart), 1)
+            ])) : m("", !0),
+            P("div", tt, [
+              (u(!0), c($, null, M(Se.value, (n) => (u(), z(Ea, {
+                key: n,
+                ref_for: !0,
+                ref: (l) => {
+                  l ? a(ce).set(n - 1, l) : a(ce).delete(n - 1);
+                },
+                month: a(be)[n - 1],
+                view: n === 1 ? a(se) : a(o).rightView.value,
+                unit: a(o).unit.value,
+                selected: a(k),
+                range: v.value,
+                preview: Xe.value,
+                first: a(o).first.value,
+                "week-contains": a(o).weekContains.value,
+                "week-number-formatter": s.weekNumberFormatter,
+                locale: s.locale,
+                words: a(d),
+                "week-numbers": !!s.showWeekNumbers || a(o).unit.value === "week",
+                adjacent: s.showAdjacentDays,
+                disabled: b.value,
+                available: (l) => a(o).available(
+                  l,
+                  v.value && a(o).stage.value === "end" ? 1 : 0
+                ),
+                "period-available": a(o).periodAvailable,
+                "cell-class-name": s.cellClassName,
+                onBrowse: (l) => Ze(l, n - 1),
+                onMode: (l) => a(o).setMode(l, n - 1),
+                onPick: De,
+                onPreview: t[3] || (t[3] = (l) => a(o).preview.value = l)
+              }, ga({
+                cell: A((l) => [
+                  S(e.$slots, "cell", j({ ref_for: !0 }, l), () => [
+                    S(e.$slots, "default", j({ ref_for: !0 }, l), () => [
+                      V(h(l.text), 1)
+                    ], !0)
+                  ], !0)
+                ]),
+                _: 2
+              }, [
+                e.$slots["week-number"] ? {
+                  name: "week-number",
+                  fn: A((l) => [
+                    S(e.$slots, "week-number", j({ ref_for: !0 }, l), void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0,
+                M(He.value, (l) => ({
+                  name: l,
+                  fn: A(() => [
+                    S(e.$slots, l, {}, void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["month", "view", "unit", "selected", "range", "preview", "first", "week-contains", "week-number-formatter", "locale", "words", "week-numbers", "adjacent", "disabled", "available", "period-available", "cell-class-name", "onBrowse", "onMode"]))), 128))
+            ]),
+            a(x) ? (u(), c("div", lt, [
+              (u(!0), c($, null, M(v.value ? 2 : 1, (n) => (u(), c("div", {
+                key: n,
+                class: "hys-ui-date-time-row"
+              }, [
+                P("span", null, [
+                  V(h(v.value ? n === 1 ? a(d).start : a(d).end : ""), 1),
+                  v.value ? m("", !0) : (u(), z(a(qe), {
+                    key: 0,
+                    size: 14
+                  }))
+                ]),
+                (u(!0), c($, null, M(s.showSeconds ? 3 : 2, (l) => (u(), c($, { key: l }, [
+                  l > 1 ? (u(), c("span", ot, ":")) : m("", !0),
+                  me(Da, {
+                    "model-value": la(n - 1, l - 1),
+                    options: ta(
+                      n - 1,
+                      l === 1 ? "hour" : l === 2 ? "minute" : "second"
+                    ),
+                    disabled: b.value || a(o).locked(n - 1) || !a(k)[n - 1],
+                    size: a(B).size.value,
+                    "aria-label": (v.value ? (n === 1 ? a(d).start : a(d).end) + " " : "") + (l === 1 ? a(d).hour : l === 2 ? a(d).minute : a(d).second),
+                    "popup-match-width": !1,
+                    "onUpdate:modelValue": (O) => oa(n - 1, l - 1, O)
+                  }, null, 8, ["model-value", "options", "disabled", "size", "aria-label", "onUpdate:modelValue"])
+                ], 64))), 128))
+              ]))), 128))
+            ])) : m("", !0),
+            v.value && ((y = s.allowEmpty) != null && y.some(Boolean)) ? (u(), c("div", it, [
+              (u(), c($, null, M(2, (n) => {
+                var l;
+                return Ba(P("button", {
+                  key: n,
+                  type: "button",
+                  disabled: b.value || a(o).locked(n - 1),
+                  onClick: (O) => aa(n - 1)
+                }, h(a(d).clear) + " " + h(n === 1 ? a(d).start : a(d).end), 9, nt), [
+                  [Ca, (l = s.allowEmpty) == null ? void 0 : l[n - 1]]
+                ]);
+              }), 64))
+            ])) : m("", !0),
+            Be.value ? (u(), c("p", {
+              key: 5,
+              id: a(T) + "-error",
+              class: "hys-ui-date-error hys-ui-date-popup-error",
+              role: "alert"
+            }, h(Be.value), 9, st)) : m("", !0),
+            e.$slots.footer || s.showFooter || a(W) ? (u(), c("footer", rt, [
+              S(e.$slots, "footer", {
+                dates: ve.value,
+                confirm: te,
+                cancel: ee,
+                clear: ae
+              }, () => [
+                P("div", ut, [
+                  s.showToday && !v.value ? (u(), z(Y, {
+                    key: 0,
+                    size: "sm",
+                    variant: "ghost",
+                    disabled: b.value || !a(o).available(a(o).today.value.day),
+                    onClick: t[4] || (t[4] = (n) => Me(!1))
+                  }, {
+                    default: A(() => [
+                      V(h(a(d).today), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : m("", !0),
+                  a(x) && s.showNow && !v.value ? (u(), z(Y, {
+                    key: 1,
+                    size: "sm",
+                    variant: "ghost",
+                    disabled: b.value,
+                    onClick: t[5] || (t[5] = (n) => Me(!0))
+                  }, {
+                    default: A(() => [
+                      V(h(a(d).now), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : m("", !0),
+                  Ce.value ? (u(), z(Y, {
+                    key: 2,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: ae
+                  }, {
+                    default: A(() => [
+                      V(h(a(d).clear), 1)
+                    ]),
+                    _: 1
+                  })) : m("", !0)
+                ]),
+                P("div", dt, [
+                  me(Y, {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: ee
+                  }, {
+                    default: A(() => [
+                      V(h(a(W) || v.value ? a(d).cancel : a(d).close), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(W) ? (u(), z(Y, {
+                    key: 0,
+                    size: "sm",
+                    disabled: b.value || !ge.value,
+                    onClick: te
+                  }, {
+                    default: A(() => [
+                      V(h(a(d).confirm), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : m("", !0)
+                ])
+              ], !0)
+            ])) : m("", !0)
+          ], 16, Qa)) : m("", !0)
+        ], 8, ["to", "disabled"]))
+      ], 16, Oa);
+    };
+  }
+});
+export {
+  Bt as default
+};