hys-ui 0.7.0 → 0.8.0

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

@@ -1,65 +1,92 @@
-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 = {
+import { defineComponent as Wa, useSlots as Na, computed as v, useAttrs as Aa, ref as Y, useId as ja, provide as Ra, watch as Q, nextTick as Z, onMounted as qa, onUpdated as Ha, onActivated as Ka, onDeactivated as Ia, onBeforeUnmount as La, openBlock as u, createElementBlock as d, mergeProps as R, unref as a, withModifiers as be, normalizeClass as We, Fragment as S, renderSlot as C, createBlock as O, resolveDynamicComponent as ge, createCommentVNode as p, renderList as z, createTextVNode as T, toDisplayString as m, createElementVNode as k, isRef as Ua, Teleport as Ya, createVNode as Ne, withCtx as N, createSlots as Xa, withKeys as ea, withDirectives as Ga, vShow as Ja, mergeDefaults as Qa } from "vue";
+import Za from "../../motion/PopupMotion.js";
+import { X as _a, Clock3 as aa, CalendarDays as xa } from "lucide-vue-next";
+import _ from "../HysButton/HysButton.vue.js";
+import et from "../HysSelect/HysSelect.vue.js";
+import at from "./HysDatePickerPanel.vue.js";
+import { useHysRootAttrs as tt } from "../../config.js";
+import { useHysFormItemContext as lt, useHysControlState as ot, fieldKey as it } from "../../composables/formContext.js";
+import { useFloating as nt } from "../../composables/useFloating.js";
+import { useChoiceNativeReset as st } from "../../composables/choiceModel.js";
+import { useDatePicker as ut } from "../../composables/useDatePicker.js";
+import { calendarISO as ta } from "../../composables/calendar.js";
+import { dateNative as rt, datePickerDefaults as dt, datePoint as ct, dateFormat as vt } from "../../composables/datePicker.js";
+const pt = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex", "aria-label", "aria-required", "aria-invalid", "aria-disabled", "aria-describedby"], ft = {
   key: 0,
   class: "hys-ui-date-prefix"
-}, Ha = {
+}, yt = {
   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 = {
+}, mt = ["id", "value", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-describedby", "disabled", "readonly", "placeholder", "onInput", "onKeydown", "onBlur"], ht = ["id", "disabled", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-disabled", "aria-describedby", "aria-readonly"], bt = {
   key: 0,
   class: "hys-ui-date-prefix"
-}, Ua = { class: "hys-ui-date-icons" }, Xa = ["aria-label"], Ga = {
+}, gt = { class: "hys-ui-date-separator" }, kt = { class: "hys-ui-date-icons" }, wt = ["aria-label"], Ct = {
   class: "hys-ui-date-suffix",
   "aria-hidden": "true"
-}, Ja = ["name", "value", "form", "disabled"], Qa = ["id"], Ya = ["id", "role", "aria-label"], Za = {
+}, Bt = ["name", "value", "form", "disabled"], St = ["id"], Pt = ["id", "role", "aria-label"], Ft = {
   key: 0,
   class: "hys-ui-date-popup-header"
-}, xa = {
-  key: 1,
+}, Dt = {
+  key: 0,
   class: "hys-ui-date-shortcuts"
-}, _a = ["disabled", "onClick"], et = {
-  key: 2,
+}, $t = ["disabled", "onClick"], Tt = { class: "hys-ui-date-popup-main" }, Ot = {
+  key: 0,
   class: "hys-ui-date-range-status"
-}, at = ["disabled", "aria-pressed", "onClick"], tt = {
+}, Mt = ["disabled", "aria-pressed", "onClick"], Et = {
   class: "hys-ui-date-range-instruction",
   role: "status"
-}, lt = { class: "hys-ui-date-panels" }, ot = {
+}, Vt = {
+  key: 1,
+  class: "hys-ui-date-panel-jumps"
+}, zt = ["aria-label", "onClick"], Wt = {
   key: 3,
+  class: "hys-ui-date-time-toolbar"
+}, Nt = {
+  key: 4,
   class: "hys-ui-date-time-area",
   "data-hys-ui-form-internal": ""
-}, it = {
+}, At = {
   key: 0,
-  class: "hys-ui-date-time-colon"
-}, nt = {
-  key: 4,
+  class: "hys-ui-date-time-fields"
+}, jt = { key: 0 }, Rt = ["value", "placeholder", "disabled", "readonly", "onChange", "onKeydown"], qt = { key: 1 }, Ht = ["value", "placeholder", "disabled", "readonly", "onChange", "onKeydown"], Kt = { class: "hys-ui-date-time-controls" }, It = {
+  class: "hys-ui-date-time-caption",
+  "aria-hidden": "true"
+}, Lt = {
+  key: 0,
+  class: "hys-ui-date-time-colon",
+  "aria-hidden": "true"
+}, Ut = { class: "hys-ui-date-clock-part" }, Yt = {
+  key: 0,
+  class: "hys-ui-date-time-arrows"
+}, Xt = ["aria-label", "disabled", "onClick"], Gt = {
+  key: 5,
   class: "hys-ui-date-partial"
-}, rt = ["disabled", "onClick"], st = ["id"], ut = {
-  key: 6,
+}, Jt = ["disabled", "onClick"], Qt = ["id"], Zt = {
+  key: 1,
+  class: "hys-ui-date-extra-footer"
+}, _t = {
+  key: 2,
   class: "hys-ui-date-footer"
-}, dt = { class: "hys-ui-date-footer-shortcuts" }, ct = { class: "hys-ui-date-footer-actions" }, St = /* @__PURE__ */ ua({
+}, xt = {
+  key: 0,
+  class: "hys-ui-date-footer-shortcuts"
+}, el = { class: "hys-ui-date-footer-actions" }, fl = /* @__PURE__ */ Wa({
   inheritAttrs: !1,
   __name: "HysDatePickerControl",
-  props: /* @__PURE__ */ Sa({
+  props: /* @__PURE__ */ Qa({
     popupTransition: {},
     popupTransitionDuration: {},
     modelValue: {},
+    value: {},
     defaultValue: {},
     clearValue: {},
+    emptyValues: {},
+    valueOnClear: { type: Function },
     type: {},
+    picker: {},
     valueType: {},
     valueFormat: {},
-    format: {},
+    format: { type: [String, Function, Array] },
     inputFormats: {},
     disabled: { type: [Boolean, Array] },
     readonly: { type: Boolean },
@@ -67,6 +94,7 @@ const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     status: {},
     bordered: { type: Boolean },
     placeholder: {},
+    id: {},
     label: {},
     ariaLabel: {},
     name: {},
@@ -76,6 +104,9 @@ const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     max: {},
     disabledDate: { type: Function },
     disabledTime: { type: Function },
+    disabledHours: { type: Function },
+    disabledMinutes: { type: Function },
+    disabledSeconds: { type: Function },
     firstDayOfWeek: {},
     firstWeekContainsDate: {},
     weekNumberFormatter: { type: Function },
@@ -84,27 +115,40 @@ const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     locale: {},
     messages: {},
     showWeekNumbers: { type: Boolean },
+    showWeekNumber: { type: Boolean },
     showAdjacentDays: { type: Boolean },
     defaultPickerValue: {},
     panelValue: {},
+    panelValues: {},
     mode: {},
     defaultMode: {},
     shortcuts: {},
+    presets: {},
+    ranges: {},
+    shortcutPlacement: {},
     clearable: { type: Boolean },
+    allowClear: { type: Boolean },
     editable: { type: Boolean },
     inputReadonly: { type: Boolean },
     showOnFocus: { type: Boolean },
+    automaticDropdown: { type: Boolean },
     showToday: { type: Boolean },
     showNow: { type: Boolean },
     showFooter: { type: Boolean },
     showConfirm: { type: Boolean },
-    showTime: { type: Boolean },
+    showTime: { type: [Boolean, Object] },
     defaultTime: {},
+    dateFormat: {},
+    timeFormat: {},
+    use12Hours: { type: Boolean },
+    hideDisabledOptions: { type: Boolean },
+    arrowControl: { type: Boolean },
     hourStep: {},
     minuteStep: {},
     secondStep: {},
     showSeconds: { type: Boolean },
     rangeSeparator: {},
+    separator: {},
     startPlaceholder: {},
     endPlaceholder: {},
     allowEmpty: {},
@@ -119,19 +163,31 @@ const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     inline: { type: Boolean },
     placement: {},
     appendTo: { type: [String, Boolean] },
+    teleported: { type: Boolean },
+    getPopupContainer: { type: Function },
+    fallbackPlacements: {},
+    popperOptions: {},
     popupWidth: {},
     popupClass: {},
+    popupClassName: {},
+    popperClass: {},
     popupStyle: {},
+    popperStyle: {},
+    prefixIcon: {},
+    clearIcon: {},
     validateEvent: { type: Boolean },
     cellClassName: { type: Function },
     range: { type: Boolean }
-  }, Oa),
+  }, dt),
   emits: [
     "update:modelValue",
+    "update:value",
     "change",
     "value-change",
     "update:open",
     "visible-change",
+    "openChange",
+    "update:panelValues",
     "update:panelValue",
     "update:mode",
     "panelChange",
@@ -142,679 +198,965 @@ const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     "focus",
     "blur"
   ],
-  setup(r, { expose: Oe, emit: je }) {
-    const o = r, Re = da(), He = y(
+  setup(r, { expose: la, emit: oa }) {
+    const l = r, ia = Na(), na = v(
       () => ["prev-month", "next-month", "prev-year", "next-year"].filter(
-        (e) => !!Re[e]
+        (e) => !!ia[e]
       )
-    ), R = je, ie = ca(), he = Ma(), w = Ta(), B = Va({
+    ), K = oa, Ae = Aa(), je = tt(), F = lt(), M = ot({
       get disabled() {
         var e;
-        return typeof o.disabled == "boolean" ? o.disabled : !!((e = o.disabled) != null && e.every(Boolean));
+        return typeof l.disabled == "boolean" ? l.disabled : !!((e = l.disabled) != null && e.every(Boolean));
       },
       get size() {
-        return o.size;
+        return l.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,
+    }), D = Y(), se = Y(), X = Y(), Re = Y(), ue = /* @__PURE__ */ new Map(), I = Y(!0), y = v(() => !!l.range), b = v(
+      () => !I.value || M.disabled.value || !!l.readonly
+    ), q = ja(), x = Y(!1), L = Y([]), ee = /* @__PURE__ */ new Set();
+    Ra(it, void 0);
+    const i = ut(
+      l,
+      y,
       b,
-      (e, ...t) => R(e, ...t),
+      (e, ...t) => K(e, ...t),
       () => {
-        o.validateEvent && w.validate("change");
+        l.validateEvent && F.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,
+      draft: g,
+      words: c,
+      current: ke,
+      selected: sa,
+      view: E,
+      panels: we,
+      error: H,
+      time: ae,
+      needsConfirm: A
+    } = i;
+    i.begin();
+    const te = v(
+      () => I.value && (l.inline || f.open.value)
+    ), ua = v(
+      () => D.value ? {
+        getBoundingClientRect: () => D.value.getBoundingClientRect(),
+        contains: (e) => D.value.contains(e),
+        focus: Oe,
         get isConnected() {
           var e;
-          return !!((e = C.value) != null && e.isConnected);
+          return !!((e = D.value) != null && e.isConnected);
         }
       } : void 0
     );
-    let de = !1, q = 0;
-    const p = Aa(Ke, U, {
+    let Ce = !1, U = 0, le;
+    const ra = {
+      topLeft: "top-start",
+      topRight: "top-end",
+      bottomLeft: "bottom-start",
+      bottomRight: "bottom-end"
+    }, qe = v(
+      () => l.getPopupContainer && D.value && te.value ? l.getPopupContainer(D.value) : l.appendTo || "body"
+    ), f = nt(ua, X, {
       get placement() {
-        return o.placement;
+        const e = l.placement ?? "bottom-start";
+        return ra[e] ?? e;
+      },
+      width: () => l.popupWidth,
+      get gap() {
+        var e;
+        return (e = l.popperOptions) == null ? void 0 : e.offset;
+      },
+      get padding() {
+        var e;
+        return (e = l.popperOptions) == null ? void 0 : e.padding;
+      },
+      get strategy() {
+        var e;
+        return (e = l.popperOptions) == null ? void 0 : e.strategy;
       },
-      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,
+      get autoAdjustOverflow() {
+        var e;
+        return (e = l.popperOptions) == null ? void 0 : e.flip;
+      },
+      get fallbackPlacements() {
+        return l.fallbackPlacements;
+      },
+      requestOpen: (e, t) => (e || (Ce = !!t), K("update:open", e), l.open === void 0 ? void 0 : !1)
+    }), He = v(() => l.inline || f.open.value), Be = v(
+      () => {
+        var e;
+        return l.startPlaceholder ?? (typeof l.placeholder == "string" || (e = l.placeholder) == null ? void 0 : e[0]) ?? c.value.start;
+      }
+    ), Se = v(
+      () => {
+        var e;
+        return l.endPlaceholder ?? (typeof l.placeholder == "string" || (e = l.placeholder) == null ? void 0 : e[1]) ?? c.value.end;
+      }
+    ), Pe = v(() => l.separator ?? l.rangeSeparator), Fe = v(
+      () => typeof l.placeholder == "string" && l.placeholder ? l.placeholder : y.value ? [Be.value, Se.value].join(Pe.value) : c.value.empty
+    ), De = v(() => {
+      const [e, t] = i.describe();
+      return [e || Be.value, t || Se.value];
+    }), $e = v(() => {
+      const e = i.describe();
+      return y.value ? e.some(Boolean) ? De.value.join(Pe.value) : "" : e.filter(Boolean).join("、");
+    }), Ke = v(() => !H.value && i.valid(g.value)), da = v(() => i.valid([i.today.value])), ca = v(
+      () => A.value && (y.value ? g.value.every(Boolean) : g.value.length) && !Ke.value ? c.value.invalid : ""
+    ), Ie = v(() => H.value || ca.value), Le = v(
+      () => (l.allowClear ?? l.clearable) && !b.value && sa.value.some((e, t) => e && !i.locked(t))
+    ), oe = v(
+      () => {
+        var e;
+        return (typeof l.id == "string" ? l.id : (e = l.id) == null ? void 0 : e[0]) ?? F.id.value ?? q;
+      }
+    ), va = v(
+      () => {
+        var e;
+        return (typeof l.id == "string" || (e = l.id) == null ? void 0 : e[1]) ?? oe.value + "-end";
+      }
+    ), ie = v(
+      () => l.ariaLabel || l.label || F.label.value || Fe.value
+    ), re = v(
+      () => l.status ?? (F.error.value || H.value ? "error" : F.status.value)
+    ), pa = v(
+      () => l.inline ? {
+        ...l.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)",
+        ...l.popupStyle,
+        ...f.style.value,
+        width: f.style.value.width ?? (typeof l.popupWidth == "number" && Number.isFinite(l.popupWidth) ? Math.max(0, l.popupWidth) + "px" : typeof l.popupWidth == "string" ? l.popupWidth : void 0) ?? (y.value && !l.singlePanel ? 576 : 304) + (l.shortcutPlacement === "start" && i.shortcuts.value.length ? 100 : 0) + "px",
+        maxWidth: f.style.value.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(
+    ), Te = v(() => y.value && !l.singlePanel ? 2 : 1), de = /* @__PURE__ */ new Map(), ce = v(
+      () => g.value.map((e) => e ? rt(e) : null)
+    ), fa = v(
+      () => y.value && i.stage.value === "end" ? i.preview.value : void 0
+    ), ya = () => Object.fromEntries(
+      Object.entries(Ae).filter(
         ([e]) => e !== "id" && !e.startsWith("aria-")
       )
-    ), Pe = () => Object.fromEntries(
-      Object.entries(ie).filter(([e]) => e.startsWith("aria-"))
+    ), Ue = () => Object.fromEntries(
+      Object.entries(Ae).filter(([e]) => e.startsWith("aria-"))
     );
-    function Je(e, t) {
-      t instanceof HTMLInputElement ? ne.set(e, t) : ne.delete(e);
+    function ma(e, t) {
+      t instanceof HTMLInputElement ? ue.set(e, t) : ue.delete(e);
     }
-    function g() {
-      if (H.value = l.describe(), f.value) for (; H.value.length < 2; ) H.value.push("");
+    function P() {
+      if (ee.clear(), L.value = i.describe(), y.value) for (; L.value.length < 2; ) L.value.push("");
     }
-    function pe() {
+    function Oe() {
       var e;
-      B.disabled.value || (e = !o.inline && o.editable && !l.multiple.value ? ne.get(0) : Z.value ?? C.value) == null || e.focus();
+      M.disabled.value || (e = !l.inline && l.editable && !i.multiple.value ? ue.get(0) : se.value ?? D.value) == null || e.focus();
     }
-    async function $e() {
-      var e;
-      await L(), await ((e = ve.get(0)) == null ? void 0 : e.focus());
+    async function Ye() {
+      var e, t, n;
+      await Z(), E.value === "time" ? (t = (e = X.value) == null ? void 0 : e.querySelector(".hys-ui-date-time-mode")) == null || t.focus() : await ((n = de.get(0)) == null ? void 0 : n.focus());
     }
-    async function D(e = !0, t = !1) {
+    async function V(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);
+      const n = U, o = f.open.value;
+      return l.inline || await f.show(t), await Z(), !te.value || n !== U ? !1 : (!o && !ee.size && (i.begin(), P()), await Z(), f.update(), e && await Ye(), te.value);
+    }
+    function W(e = !1) {
+      l.inline || f.close(e);
     }
-    function E(e = !1) {
-      o.inline || p.close(e);
+    function ha(e) {
+      const t = e.detail > 0 ? le ?? f.open.value : f.open.value;
+      le = void 0, t ? W() : V();
     }
-    function ee() {
-      l.begin(), g(), E(!0);
+    function ve() {
+      i.begin(), P(), W(!0);
     }
-    async function ae() {
-      const e = await l.clear();
-      return e && (g(), E(!0)), e;
+    async function pe() {
+      const e = await i.clear();
+      return e && (P(), W(!0)), e;
     }
-    async function te() {
-      const e = await l.confirm();
-      return e && (g(), E(!0)), e;
+    async function fe() {
+      const e = await i.confirm();
+      return e && (P(), W(!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 Xe(e) {
+      const t = U, n = await i.choose(e);
+      !I.value || t !== U || n && !A.value && !i.multiple.value && !l.inline && (P(), W(!0));
     }
-    async function Qe(e) {
+    async function ba(e) {
       var t;
-      if (l.pickShortcut(e))
-        if (!W.value)
-          await l.request(l.encode(k.value), "shortcut") && (g(), E(!0));
+      if (i.pickShortcut(e))
+        if (!A.value)
+          await i.request(i.encode(g.value), "shortcut") && (P(), W(!0));
         else {
-          const i = (t = k.value.find(Boolean)) == null ? void 0 : t.day;
-          i !== void 0 && l.setPanel(i);
+          const n = (t = g.value.find(Boolean)) == null ? void 0 : t.day;
+          n !== void 0 && i.setPanel(n);
         }
     }
-    async function Ee(e) {
-      if (o.inputReadonly || b.value) return !1;
-      const t = await l.input(H.value[e] ?? "", e);
-      return t && g(), t;
+    async function Ge(e) {
+      if (l.inputReadonly || b.value || !ee.delete(e))
+        return !1;
+      const t = L.value[e] ?? "";
+      A.value && !te.value && await V(!1);
+      const n = await i.input(t, e);
+      return n && (A.value || y.value && !i.valid(g.value)) ? L.value = i.describe(g.value) : n && P(), n;
     }
-    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 ga(e, t) {
+      ee.add(e), L.value[e] = t.target.value;
     }
-    function Fe(e) {
-      X.value || (X.value = !0, R("focus", e)), o.showOnFocus && !p.restoringFocus.value && !p.open.value && D(!1);
+    function Me(e, t = 0) {
+      e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && !e.altKey ? (e.preventDefault(), V()) : e.key === "Enter" && l.editable ? (e.preventDefault(), Ge(t)) : e.key === "Escape" && ve());
     }
-    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 Je(e) {
+      x.value || (x.value = !0, K("focus", e)), (l.automaticDropdown ?? l.showOnFocus) && !f.restoringFocus.value && !f.open.value && V(!1);
+    }
+    async function Ee(e) {
+      var t, n;
+      await Z(), !(!I.value || f.open.value || (t = D.value) != null && t.contains(document.activeElement) || (n = X.value) != null && n.contains(document.activeElement)) && x.value && (x.value = !1, K("blur", e), l.validateEvent && F.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 ka(e, t) {
+      var o;
+      const n = e.relatedTarget;
+      n !== ue.get(t) && !((o = X.value) != null && o.contains(n)) && Ge(t), Ee(e);
     }
-    function Ze(e, t) {
-      b.value || l.setPanel(e, t);
+    function wa(e, t) {
+      b.value || i.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;
+    function Ca(e) {
+      var $;
+      const t = Re.value, n = ($ = de.get(e)) == null ? void 0 : $.element;
+      if (!t || !n) return;
+      const o = t.getBoundingClientRect(), s = n.getBoundingClientRect(), h = getComputedStyle(t).direction === "rtl";
+      t.scrollLeft += h ? s.right - o.right : s.left - o.left;
     }
-    async function _e(e) {
-      const t = await l.setValue(e);
-      return t && (l.begin(), g()), t;
+    async function Ba(e) {
+      const t = i.boundary(e);
+      if (!t || !await V(!1)) return !1;
+      const n = i.setPanel(t.day);
+      return await Z(), f.update(), n;
     }
-    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);
+    async function Sa(e) {
+      const t = await i.setValue(e);
+      return t && (i.begin(), P()), t;
     }
-    function ea(e) {
-      l.locked(e) || (l.stage.value = e ? "end" : "start");
+    function Qe(e = !1) {
+      const t = ct(/* @__PURE__ */ new Date());
+      if (e && ae.value) {
+        if (y.value || !i.valid([t])) return;
+        g.value = [t], fe();
+      } else Xe(t.day);
     }
-    function aa(e) {
+    function Pa(e) {
+      i.locked(e) || (i.stage.value = e ? "end" : "start");
+    }
+    function Fa(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) {
+      !((t = l.allowEmpty) != null && t[e]) || i.locked(e) || b.value || (g.value = g.value.map((n, o) => o === e ? null : n), i.error.value = "", i.emitDraft(e));
+    }
+    const G = v(
+      () => typeof l.showTime == "object" ? l.showTime : void 0
+    ), j = v(
+      () => {
+        var e;
+        return l.timeFormat ?? ((e = G.value) == null ? void 0 : e.format);
+      }
+    ), J = v(
+      () => l.dateFormat ?? (E.value === "time" ? "YYYY-MM-DD" : void 0)
+    ), Da = v(
+      () => {
+        var e;
+        return l.use12Hours ?? ((e = G.value) == null ? void 0 : e.use12Hours) ?? /(^|[^a-z])h{1,2}/.test(j.value ?? "");
+      }
+    ), $a = v(
+      () => j.value ? /s/.test(j.value.replace(/\[[^\]]*\]/g, "")) : l.showSeconds
+    ), Ta = v(
+      () => $a.value ? [c.value.hour, c.value.minute, c.value.second] : [c.value.hour, c.value.minute]
+    ), Oa = v(
+      () => i.unit.value === "week" ? "date" : i.unit.value
+    ), Ma = v(
+      () => l.locale.startsWith("zh") ? E.value === "time" ? "选择日期" : "选择时间" : E.value === "time" ? "Choose date" : "Choose time"
+    ), Ve = v(
+      () => g.value.map((e, t) => {
+        var h, $, B;
+        if (!e) return [];
+        const n = i.timeDisabled(e, t), o = ne(t, 0), s = ne(t, 1);
+        return [
+          ze(
+            24,
+            o,
+            ((h = G.value) == null ? void 0 : h.hourStep) ?? l.hourStep,
+            n.hours,
+            Da.value
+          ),
+          ze(
+            60,
+            s,
+            (($ = G.value) == null ? void 0 : $.minuteStep) ?? l.minuteStep,
+            n.minutes(o)
+          ),
+          ze(
+            60,
+            ne(t, 2),
+            ((B = G.value) == null ? void 0 : B.secondStep) ?? l.secondStep,
+            n.seconds(o, s)
+          )
+        ];
+      })
+    );
+    function ze(e, t, n, o, s = !1) {
+      var B;
+      const h = Number.isFinite(n) ? Math.max(1, Math.min(e, Math.floor(n))) : 1, $ = l.hideDisabledOptions ?? ((B = G.value) == null ? void 0 : B.hideDisabledOptions);
+      return Array.from({ length: e }, (w, he) => he).filter(
+        (w) => (w % h === 0 || w === t) && (!$ || !o.includes(w))
+      ).map((w) => ({
+        label: s ? String(w % 12 || 12).padStart(2, "0") + (w < 12 ? " AM" : " PM") : String(w).padStart(2, "0"),
+        value: w,
+        disabled: o.includes(w)
+      }));
+    }
+    function Ea(e, t, n) {
+      var $, B;
+      const o = ne(e, t), s = ((B = ($ = Ve.value[e]) == null ? void 0 : $[t]) == null ? void 0 : B.filter((w) => !w.disabled)) ?? [], h = n > 0 ? s.find((w) => w.value > o) ?? s[0] : s.filter((w) => w.value < o).at(-1) ?? s.at(-1);
+      h && Ze(e, t, h.value);
+    }
+    function ye(e, t) {
+      const n = g.value[e];
+      return n ? vt(
+        n,
+        t,
+        i.first.value,
+        i.weekContains.value,
+        l.locale
+      ) : "";
+    }
+    function me(e, t, n, o) {
+      if (e instanceof KeyboardEvent && (e.isComposing || e.keyCode === 229))
+        return;
+      const s = e.target;
+      if (s.value === ye(t, n)) {
+        H.value = "";
+        return;
+      }
+      i.editDraft(t, s.value, n, o) && (s.value = ye(t, n));
+    }
+    function ne(e, t) {
+      var o;
+      const n = ((o = g.value[e]) == null ? void 0 : o.second) ?? 0;
+      return t === 0 ? Math.floor(n / 3600) : t === 1 ? Math.floor(n / 60) % 60 : n % 60;
+    }
+    function Ze(e, t, n) {
+      var h;
+      if (typeof n != "number") return;
+      const o = ((h = g.value[e]) == null ? void 0 : h.second) ?? 0, s = t === 0 ? n * 3600 + o % 3600 : t === 1 ? Math.floor(o / 3600) * 3600 + n * 60 + o % 60 : Math.floor(o / 60) * 60 + n;
+      i.setTime(e, s) && !A.value && i.request(i.encode(g.value), "time");
+    }
+    function Va(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
+    const za = v(() => {
+      const e = ke.value;
+      return (Array.isArray(e) ? e : [e]).map((t, n) => ({
+        value: Va(t),
+        name: Array.isArray(l.name) ? l.name[n] : l.name
       })).filter((t) => !!t.name);
     });
     Q(
-      () => o.open,
+      () => l.open,
       (e) => {
-        if (!(!N.value || o.inline))
-          if (e) D(!1, !0);
+        if (!(!I.value || l.inline))
+          if (e) V(!1, !0);
           else {
-            const t = de;
-            de = !1, p.close(t, !0);
+            const t = Ce;
+            Ce = !1, f.close(t, !0);
           }
       }
-    ), Q(p.open, (e) => {
-      R("visible-change", e), e || (q++, l.begin(), g());
+    ), Q(f.open, (e) => {
+      K("visible-change", e), K("openChange", e), e || (U++, i.begin(), P());
     }), Q(b, (e) => {
-      e && (q++, l.model.invalidate(), p.close(!1, !0), o.open && R("update:open", !1));
+      e && (U++, i.model.invalidate(), f.close(!1, !0), l.open && K("update:open", !1));
     }), Q(
-      re,
+      ke,
       () => {
-        l.begin(), g();
+        i.begin(), P();
       },
       { deep: !0 }
     ), Q(
-      [be, se, () => o.singlePanel, () => o.popupWidth],
-      () => void L(() => p.update())
-    ), Na(
-      C,
+      [
+        i.displayPattern,
+        () => l.locale,
+        () => l.type,
+        () => l.picker
+      ],
       () => {
-        l.model.reset(), l.begin(), g(), E();
+        ee.size || P();
+      }
+    ), Q(
+      [
+        we,
+        E,
+        () => l.singlePanel,
+        () => l.popupWidth,
+        () => l.placement,
+        () => l.popperOptions,
+        () => l.fallbackPlacements,
+        qe
+      ],
+      () => void Z(() => f.update())
+    ), st(
+      D,
+      () => {
+        i.model.reset(), i.begin(), P(), W();
       },
-      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);
+      P,
+      () => l.form
+    ), P(), qa(() => {
+      (l.open ?? l.defaultOpen) && V(!1, !0), l.autofocus && Oe();
+    }), Ha(() => {
+      !l.editable && F.id.value && se.value && (se.value.id = oe.value);
+    }), Ka(() => {
+      I.value = !0, l.open && !l.inline && V(!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,
+    function _e() {
+      I.value = !1, U++, x.value = !1, f.close(!1, !0), i.error.value = "";
+    }
+    return Ia(_e), La(_e), la({
+      element: D,
+      open: te,
+      value: ke,
+      draft: ce,
+      focus: Oe,
       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());
+        var e, t, n;
+        W(), ((e = D.value) != null && e.contains(document.activeElement) || (t = X.value) != null && t.contains(document.activeElement)) && ((n = document.activeElement) == null || n.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({
+      show: () => V(),
+      hide: W,
+      handleOpen: () => V(),
+      handleClose: W,
+      clear: pe,
+      setValue: Sa,
+      confirm: fe,
+      cancel: ve,
+      showMonth: Ba,
+      setMode: (e) => !b.value && i.setMode(e)
+    }), (e, t) => (u(), d("div", R({
       ref_key: "root",
-      ref: C
-    }, { ...a(he), ...Ge() }, {
+      ref: D
+    }, { ...a(je), ...ya() }, {
       class: ["hys-ui-pf-date-picker hys-ui-date-picker", [
-        "hys-ui-date-picker-" + a(B).size.value,
+        "hys-ui-date-picker-" + a(M).size.value,
         {
-          "hys-ui-date-picker-disabled": a(B).disabled.value,
+          "hys-ui-date-picker-disabled": a(M).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,
+      "data-status": re.value,
+      id: r.inline ? oe.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
+      tabindex: r.inline ? a(M).disabled.value ? -1 : 0 : void 0,
+      "aria-label": r.inline ? ie.value : void 0,
+      "aria-required": r.inline && a(F).required.value || void 0,
+      "aria-invalid": r.inline && re.value === "error" || void 0,
+      "aria-disabled": r.inline && a(M).disabled.value || void 0,
+      "aria-describedby": r.inline ? a(F).describedBy.value : void 0,
+      onFocus: t[7] || (t[7] = be((n) => r.inline && Ye(), ["self"])),
+      onKeydown: t[8] || (t[8] = (n) => r.inline && n.target === D.value && Me(n)),
+      onFocusin: Je,
+      onFocusout: Ee
     }), [
-      r.inline ? m("", !0) : (s(), v("div", {
+      r.inline ? p("", !0) : (u(), d("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
+          "hys-ui-date-control-open": a(f).open.value,
+          "hys-ui-date-control-editable": r.editable && !a(i).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)
+        r.editable && !a(i).multiple.value ? (u(), d(S, { key: 0 }, [
+          e.$slots.prefix || r.prefixIcon ? (u(), d("span", ft, [
+            C(e.$slots, "prefix", {}, () => [
+              (u(), O(ge(r.prefixIcon), {
+                size: 16,
+                "aria-hidden": "true"
+              }))
+            ], !0)
+          ])) : p("", !0),
+          (u(!0), d(S, null, z(y.value ? 2 : 1, (n) => (u(), d(S, { key: n }, [
+            n === 2 ? (u(), d("span", yt, [
+              C(e.$slots, "range-separator", {}, () => [
+                T(m(Pe.value), 1)
               ], !0)
-            ])) : m("", !0),
-            P("input", j({
+            ])) : p("", !0),
+            k("input", R({
               ref_for: !0,
-              ref: (c) => Je(i - 1, c)
-            }, { ref_for: !0 }, Pe(), {
-              id: i === 1 ? G.value : G.value + "-end",
+              ref: (o) => ma(n - 1, o)
+            }, { ref_for: !0 }, Ue(), {
+              id: n === 1 ? oe.value : va.value,
               "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,
+              value: L.value[n - 1] ?? "",
+              "aria-label": y.value ? ie.value + " " + (n === 1 ? a(c).start : a(c).end) : ie.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),
+              "aria-expanded": a(f).open.value,
+              "aria-controls": a(f).open.value ? a(q) + "-panel" : void 0,
+              "aria-invalid": re.value === "error" || void 0,
+              "aria-required": a(F).required.value || void 0,
+              "aria-describedby": [a(F).describedBy.value, a(H) ? a(q) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
+              disabled: a(M).disabled.value || a(i).locked(n - 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)
+              placeholder: y.value ? n === 1 ? Be.value : Se.value : Fe.value,
+              onInput: (o) => ga(n - 1, o),
+              onClick: t[0] || (t[0] = (o) => V(!1)),
+              onKeydown: (o) => Me(o, n - 1),
+              onBlur: (o) => ka(o, n - 1)
+            }), null, 16, mt)
           ], 64))), 128))
-        ], 64)) : (s(), v("button", j({
+        ], 64)) : (u(), d("button", R({
           key: 1,
           ref_key: "button",
-          ref: Z
-        }, Pe(), {
-          id: G.value,
+          ref: se
+        }, Ue(), {
+          id: oe.value,
           type: "button",
           "data-hys-ui-field-managed": "",
           role: "combobox",
           class: "hys-ui-date-trigger",
-          disabled: a(B).disabled.value,
-          "aria-label": J.value,
+          disabled: a(M).disabled.value,
+          "aria-label": ie.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-expanded": a(f).open.value,
+          "aria-controls": a(f).open.value ? a(q) + "-panel" : void 0,
+          "aria-invalid": re.value === "error" || void 0,
+          "aria-required": a(F).required.value || void 0,
+          "aria-disabled": a(M).disabled.value || void 0,
+          "aria-describedby": [a(F).describedBy.value, a(H) ? a(q) + "-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
+          onPointerdown: t[1] || (t[1] = (n) => Ua(le) ? le.value = a(f).open.value : le = a(f).open.value),
+          onClick: ha,
+          onKeydown: Me
         }), [
-          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", {
+          e.$slots.prefix || r.prefixIcon ? (u(), d("span", bt, [
+            C(e.$slots, "prefix", {}, () => [
+              (u(), O(ge(r.prefixIcon), {
+                size: 16,
+                "aria-hidden": "true"
+              }))
+            ], !0)
+          ])) : p("", !0),
+          k("span", {
+            class: We(["hys-ui-date-display", { "hys-ui-pf-placeholder": !$e.value }])
+          }, [
+            y.value && e.$slots["range-separator"] && ($e.value || typeof l.placeholder != "string") ? (u(), d(S, { key: 0 }, [
+              T(m(De.value[0]), 1),
+              k("span", gt, [
+                C(e.$slots, "range-separator", {}, void 0, !0)
+              ]),
+              T(m(De.value[1]), 1)
+            ], 64)) : (u(), d(S, { key: 1 }, [
+              T(m($e.value || Fe.value), 1)
+            ], 64))
+          ], 2)
+        ], 16, ht)),
+        k("span", kt, [
+          Le.value ? (u(), d("button", {
             key: 0,
             type: "button",
             class: "hys-ui-date-clear",
-            "aria-label": a(d).clear,
-            onMousedown: t[2] || (t[2] = Ne(() => {
+            "aria-label": a(c).clear,
+            onMousedown: t[2] || (t[2] = be(() => {
             }, ["prevent"])),
-            onClick: ae
+            onClick: pe
           }, [
-            S(e.$slots, "clear-icon", {}, () => [
-              oe(a($a), { size: 14 })
+            C(e.$slots, "clear-icon", {}, () => [
+              (u(), O(ge(r.clearIcon || a(_a)), {
+                size: 14,
+                "aria-hidden": "true"
+              }))
             ], !0)
-          ], 40, Xa)) : m("", !0),
-          P("span", Ga, [
-            S(e.$slots, "suffix", {}, () => [
-              (s(), A(ka(a(x) ? a(qe) : a(Da)), { size: 16 }))
+          ], 40, wt)) : p("", !0),
+          k("span", Ct, [
+            C(e.$slots, "suffix", {}, () => [
+              (u(), O(ge(a(ae) ? a(aa) : a(xa)), { size: 16 }))
             ], !0)
           ])
         ])
       ], 2)),
-      (s(!0), v($, null, M(na.value, (i, c) => (s(), v("input", {
-        key: c,
+      (u(!0), d(S, null, z(za.value, (n, o) => (u(), d("input", {
+        key: o,
         type: "hidden",
-        name: i.name,
-        value: i.value,
+        name: n.name,
+        value: n.value,
         form: r.form,
-        disabled: a(B).disabled.value
-      }, null, 8, Ja))), 128)),
-      a(I) && !ke.value ? (s(), v("p", {
+        disabled: a(M).disabled.value
+      }, null, 8, Bt))), 128)),
+      a(H) && !He.value ? (u(), d("p", {
         key: 1,
-        id: a(z) + "-error",
+        id: a(q) + "-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
+      }, m(a(H)), 9, St)) : p("", !0),
+      (u(), O(Ya, {
+        to: qe.value,
+        disabled: r.inline || r.teleported === !1 || r.appendTo === !1
       }, [
-        oe(a(Pa), {
-          "popup-transition": o.popupTransition,
-          "popup-transition-duration": o.popupTransitionDuration,
-          placement: a(p).placement.value,
+        Ne(a(Za), {
+          "popup-transition": l.popupTransition,
+          "popup-transition-duration": l.popupTransitionDuration,
+          placement: a(f).placement.value,
           disabled: r.inline
         }, {
-          default: V(() => {
-            var i, c;
+          default: N(() => {
+            var n;
             return [
-              ke.value ? (s(), v("div", j({
+              He.value ? (u(), d("div", R({
                 key: 0,
-                id: a(z) + "-panel",
+                id: a(q) + "-panel",
                 ref_key: "panel",
-                ref: U
-              }, a(he), {
+                ref: X
+              }, a(je), {
                 class: ["hys-ui-date-popup", [
                   r.popupClass,
-                  "hys-ui-date-popup-" + a(B).size.value,
+                  r.popupClassName,
+                  r.popperClass,
+                  "hys-ui-date-popup-" + a(M).size.value,
                   {
                     "hys-ui-date-inline": r.inline,
-                    "hys-ui-date-dual": Se.value === 2
+                    "hys-ui-date-dual": Te.value === 2
                   }
                 ]],
-                style: Ue.value,
+                style: [r.popperStyle, pa.value],
                 role: r.inline ? "group" : "dialog",
-                "aria-label": J.value,
-                onFocusin: Fe,
-                onFocusout: me
+                "aria-label": ie.value,
+                onFocusin: Je,
+                onFocusout: Ee
               }), [
-                e.$slots.header ? (s(), v("header", Za, [
-                  S(e.$slots, "header", {
-                    dates: fe.value,
-                    view: a(se)
+                e.$slots.header ? (u(), d("header", Ft, [
+                  C(e.$slots, "header", {
+                    dates: ce.value,
+                    view: a(E)
                   }, 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)
+                ])) : p("", !0),
+                k("div", {
+                  class: We(["hys-ui-date-popup-body", {
+                    "hys-ui-date-popup-aside": r.shortcutPlacement === "start" && a(i).shortcuts.value.length
+                  }])
+                }, [
+                  a(i).shortcuts.value.length ? (u(), d("div", Dt, [
+                    (u(!0), d(S, null, z(a(i).shortcuts.value, (o, s) => (u(), d("button", {
+                      key: s,
+                      type: "button",
+                      disabled: b.value || o.disabled,
+                      onClick: (h) => ba(s)
+                    }, [
+                      C(e.$slots, "shortcut", {
+                        shortcut: o,
+                        index: s
+                      }, () => [
+                        T(m(o.label), 1)
                       ], !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"
+                    ], 8, $t))), 128))
+                  ])) : p("", !0),
+                  k("div", Tt, [
+                    y.value ? (u(), d("div", Ot, [
+                      (u(!0), d(S, null, z([a(c).start, a(c).end], (o, s) => (u(), d("button", {
+                        key: s,
+                        type: "button",
+                        disabled: b.value || a(i).locked(s),
+                        "aria-pressed": a(i).stage.value === (s ? "end" : "start"),
+                        onClick: (h) => Pa(s)
+                      }, [
+                        k("span", null, m(o), 1),
+                        k("strong", null, m(a(i).describe(a(g))[s] || "—"), 1)
+                      ], 8, Mt))), 128)),
+                      k("span", Et, m(a(i).stage.value === "end" ? a(c).chooseEnd : a(c).chooseStart), 1)
+                    ])) : p("", !0),
+                    a(E) !== "time" && Te.value === 2 ? (u(), d("div", Vt, [
+                      (u(!0), d(S, null, z(a(we), (o, s) => (u(), d("button", {
+                        key: s,
+                        type: "button",
+                        "aria-label": (s ? a(c).end : a(c).start) + " " + a(ta)(o).slice(0, 7),
+                        onClick: (h) => Ca(s)
+                      }, m(a(ta)(o).slice(0, 7)), 9, zt))), 128))
+                    ])) : p("", !0),
+                    a(E) !== "time" ? (u(), d("div", {
+                      key: 2,
+                      ref_key: "calendarStrip",
+                      ref: Re,
+                      class: "hys-ui-date-panels"
+                    }, [
+                      (u(!0), d(S, null, z(Te.value, (o) => (u(), O(at, {
+                        key: o,
+                        ref_for: !0,
+                        ref: (s) => {
+                          s ? a(de).set(o - 1, s) : a(de).delete(o - 1);
+                        },
+                        month: a(we)[o - 1],
+                        view: o === 1 ? a(E) : a(i).rightView.value,
+                        unit: a(i).unit.value,
+                        selected: a(g),
+                        range: y.value,
+                        stage: a(i).stage.value,
+                        preview: fa.value,
+                        first: a(i).first.value,
+                        "week-contains": a(i).weekContains.value,
+                        "week-number-formatter": r.weekNumberFormatter,
+                        locale: r.locale,
+                        words: a(c),
+                        "week-numbers": (r.showWeekNumber ?? r.showWeekNumbers) || a(i).unit.value === "week",
+                        adjacent: r.showAdjacentDays,
+                        disabled: b.value,
+                        available: (s) => a(i).available(
+                          s,
+                          y.value && a(i).stage.value === "end" ? 1 : 0
                         ),
-                        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
+                        "period-available": a(i).periodAvailable,
+                        "cell-class-name": r.cellClassName,
+                        onBrowse: (s) => wa(s, o - 1),
+                        onMode: (s) => a(i).setMode(s, o - 1),
+                        onPick: Xe,
+                        onPreview: t[3] || (t[3] = (s) => a(i).preview.value = s)
+                      }, Xa({
+                        cell: N((s) => [
+                          C(e.$slots, "cell", R({ ref_for: !0 }, s), () => [
+                            s.type === "date" && e.$slots["date-render"] ? C(e.$slots, "date-render", R({ ref_for: !0 }, s), void 0, !0, 0) : s.type === "month" && e.$slots["month-cell-render"] ? C(e.$slots, "month-cell-render", R({ ref_for: !0 }, s), void 0, !0, 1) : C(e.$slots, "default", R({ ref_for: !0 }, s), () => [
+                              T(m(s.text), 1)
+                            ], !0, 2)
+                          ], !0)
+                        ]),
+                        _: 2
+                      }, [
+                        e.$slots["week-number"] ? {
+                          name: "week-number",
+                          fn: N((s) => [
+                            C(e.$slots, "week-number", R({ ref_for: !0 }, s), void 0, !0)
+                          ]),
+                          key: "0"
+                        } : void 0,
+                        z(na.value, (s) => ({
+                          name: s,
+                          fn: N(() => [
+                            C(e.$slots, s, {}, void 0, !0)
+                          ])
+                        }))
+                      ]), 1032, ["month", "view", "unit", "selected", "range", "stage", "preview", "first", "week-contains", "week-number-formatter", "locale", "words", "week-numbers", "adjacent", "disabled", "available", "period-available", "cell-class-name", "onBrowse", "onMode"]))), 128))
+                    ], 512)) : p("", !0),
+                    a(ae) ? (u(), d("div", Wt, [
+                      Ne(_, {
+                        class: "hys-ui-date-time-mode",
+                        size: "sm",
+                        variant: "ghost",
+                        disabled: b.value,
+                        onClick: t[4] || (t[4] = (o) => a(i).setMode(a(E) === "time" ? Oa.value : "time"))
+                      }, {
+                        default: N(() => [
+                          T(m(Ma.value), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ])) : p("", !0),
+                    a(ae) ? (u(), d("div", Nt, [
+                      (u(!0), d(S, null, z(y.value ? 2 : 1, (o) => (u(), d("div", {
+                        key: o,
+                        class: "hys-ui-date-time-row"
+                      }, [
+                        J.value || j.value ? (u(), d("div", At, [
+                          J.value ? (u(), d("label", jt, [
+                            k("span", null, m(y.value ? o === 1 ? a(c).start : a(c).end : a(c).empty), 1),
+                            k("input", {
+                              type: "text",
+                              value: ye(o - 1, J.value),
+                              placeholder: J.value,
+                              disabled: b.value || a(i).locked(o - 1),
+                              readonly: r.inputReadonly,
+                              onChange: (s) => me(
+                                s,
+                                o - 1,
+                                J.value,
+                                "date"
+                              ),
+                              onKeydown: ea(be((s) => me(
+                                s,
+                                o - 1,
+                                J.value,
+                                "date"
+                              ), ["prevent"]), ["enter"])
+                            }, null, 40, Rt)
+                          ])) : p("", !0),
+                          j.value ? (u(), d("label", qt, [
+                            k("span", null, m(y.value ? (o === 1 ? a(c).start : a(c).end) + " " : "") + m(a(c).hour), 1),
+                            k("input", {
+                              type: "text",
+                              value: ye(o - 1, j.value),
+                              placeholder: j.value,
+                              disabled: b.value || a(i).locked(o - 1) || !a(g)[o - 1],
+                              readonly: r.inputReadonly,
+                              onChange: (s) => me(
+                                s,
+                                o - 1,
+                                j.value,
+                                "time"
+                              ),
+                              onKeydown: ea(be((s) => me(
+                                s,
+                                o - 1,
+                                j.value,
+                                "time"
+                              ), ["prevent"]), ["enter"])
+                            }, null, 40, Ht)
+                          ])) : p("", !0)
+                        ])) : p("", !0),
+                        k("div", Kt, [
+                          k("span", It, [
+                            T(m(y.value ? o === 1 ? a(c).start : a(c).end : ""), 1),
+                            y.value ? p("", !0) : (u(), O(a(aa), {
+                              key: 0,
+                              size: 14
+                            }))
+                          ]),
+                          (u(!0), d(S, null, z(Ta.value, (s, h) => {
+                            var $;
+                            return u(), d(S, { key: h }, [
+                              h ? (u(), d("span", Lt, ":")) : p("", !0),
+                              k("div", Ut, [
+                                Ne(et, {
+                                  "model-value": ne(o - 1, h),
+                                  options: (($ = Ve.value[o - 1]) == null ? void 0 : $[h]) ?? [],
+                                  disabled: b.value || a(i).locked(o - 1) || !a(g)[o - 1],
+                                  size: "sm",
+                                  "aria-label": (y.value ? (o === 1 ? a(c).start : a(c).end) + " " : "") + s,
+                                  "popup-match-width": !1,
+                                  "onUpdate:modelValue": (B) => Ze(o - 1, h, B)
+                                }, null, 8, ["model-value", "options", "disabled", "aria-label", "onUpdate:modelValue"]),
+                                r.arrowControl ? (u(), d("div", Yt, [
+                                  (u(), d(S, null, z([-1, 1], (B) => {
+                                    var w, he;
+                                    return k("button", {
+                                      key: B,
+                                      type: "button",
+                                      "aria-label": s + (B < 0 ? " −" : " +"),
+                                      disabled: b.value || a(i).locked(o - 1) || !((he = (w = Ve.value[o - 1]) == null ? void 0 : w[h]) != null && he.some(
+                                        (xe) => !xe.disabled
+                                      )),
+                                      onClick: (xe) => Ea(o - 1, h, B)
+                                    }, m(B < 0 ? "−" : "+"), 9, Xt);
+                                  }), 64))
+                                ])) : p("", !0)
+                              ])
+                            ], 64);
+                          }), 128))
+                        ])
+                      ]))), 128))
+                    ])) : p("", !0),
+                    y.value && ((n = r.allowEmpty) != null && n.some(Boolean)) ? (u(), d("div", Gt, [
+                      (u(), d(S, null, z(2, (o) => {
+                        var s;
+                        return Ga(k("button", {
+                          key: o,
+                          type: "button",
+                          disabled: b.value || a(i).locked(o - 1),
+                          onClick: (h) => Fa(o - 1)
+                        }, m(a(c).clear) + " " + m(o === 1 ? a(c).start : a(c).end), 9, Jt), [
+                          [Ja, (s = r.allowEmpty) == null ? void 0 : s[o - 1]]
+                        ]);
+                      }), 64))
+                    ])) : p("", !0),
+                    Ie.value ? (u(), d("p", {
+                      key: 6,
+                      id: a(q) + "-error",
+                      class: "hys-ui-date-error hys-ui-date-popup-error",
+                      role: "alert"
+                    }, m(Ie.value), 9, Qt)) : p("", !0)
+                  ])
+                ], 2),
+                e.$slots["extra-footer"] ? (u(), d("div", Zt, [
+                  C(e.$slots, "extra-footer", {
+                    dates: ce.value,
+                    view: a(E)
+                  }, void 0, !0)
+                ])) : p("", !0),
+                e.$slots.footer || r.showFooter || a(A) ? (u(), d("footer", _t, [
+                  C(e.$slots, "footer", {
+                    dates: ce.value,
+                    confirm: fe,
+                    cancel: ve,
+                    clear: pe
                   }, () => [
-                    P("div", dt, [
-                      r.showToday && !f.value ? (s(), A(Y, {
+                    r.showFooter ? (u(), d("div", xt, [
+                      r.showToday && !y.value ? (u(), O(_, {
                         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))
+                        disabled: b.value || !a(i).available(a(i).today.value.day),
+                        onClick: t[5] || (t[5] = (o) => Qe(!1))
                       }, {
-                        default: V(() => [
-                          T(h(a(d).today), 1)
+                        default: N(() => [
+                          T(m(a(c).today), 1)
                         ]),
                         _: 1
-                      }, 8, ["disabled"])) : m("", !0),
-                      a(x) && r.showNow && !f.value ? (s(), A(Y, {
+                      }, 8, ["disabled"])) : p("", !0),
+                      a(ae) && r.showNow && !y.value ? (u(), O(_, {
                         key: 1,
                         size: "sm",
                         variant: "ghost",
-                        disabled: b.value,
-                        onClick: t[5] || (t[5] = (u) => Me(!0))
+                        disabled: b.value || !da.value,
+                        onClick: t[6] || (t[6] = (o) => Qe(!0))
                       }, {
-                        default: V(() => [
-                          T(h(a(d).now), 1)
+                        default: N(() => [
+                          T(m(a(c).now), 1)
                         ]),
                         _: 1
-                      }, 8, ["disabled"])) : m("", !0),
-                      Ce.value ? (s(), A(Y, {
+                      }, 8, ["disabled"])) : p("", !0),
+                      Le.value ? (u(), O(_, {
                         key: 2,
                         size: "sm",
                         variant: "ghost",
-                        onClick: ae
+                        onClick: pe
                       }, {
-                        default: V(() => [
-                          T(h(a(d).clear), 1)
+                        default: N(() => [
+                          T(m(a(c).clear), 1)
                         ]),
                         _: 1
-                      })) : m("", !0)
-                    ]),
-                    P("div", ct, [
-                      oe(Y, {
+                      })) : p("", !0)
+                    ])) : p("", !0),
+                    k("div", el, [
+                      r.showFooter ? (u(), O(_, {
+                        key: 0,
                         size: "sm",
                         variant: "ghost",
-                        onClick: ee
+                        onClick: ve
                       }, {
-                        default: V(() => [
-                          T(h(a(W) || f.value ? a(d).cancel : a(d).close), 1)
+                        default: N(() => [
+                          T(m(a(A) || y.value ? a(c).cancel : a(c).close), 1)
                         ]),
                         _: 1
-                      }),
-                      a(W) ? (s(), A(Y, {
-                        key: 0,
+                      })) : p("", !0),
+                      a(A) ? (u(), O(_, {
+                        key: 1,
                         size: "sm",
-                        disabled: b.value || !ge.value,
-                        onClick: te
+                        disabled: b.value || !Ke.value,
+                        onClick: fe
                       }, {
-                        default: V(() => [
-                          T(h(a(d).confirm), 1)
+                        default: N(() => [
+                          T(m(a(c).confirm), 1)
                         ]),
                         _: 1
-                      }, 8, ["disabled"])) : m("", !0)
+                      }, 8, ["disabled"])) : p("", !0)
                     ])
                   ], !0)
-                ])) : m("", !0)
-              ], 16, Ya)) : m("", !0)
+                ])) : p("", !0)
+              ], 16, Pt)) : p("", !0)
             ];
           }),
           _: 3
         }, 8, ["popup-transition", "popup-transition-duration", "placement", "disabled"])
       ], 8, ["to", "disabled"]))
-    ], 16, ja));
+    ], 16, pt));
   }
 });
 export {
-  St as default
+  fl as default
 };