hys-ui 0.1.1 → 0.3.0

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

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