@dazhicheng/ui 1.0.7 → 1.1.0

package/dist/panel-time-pick.vue2-D4HGRRie.js

@@ -0,0 +1,1602 @@
+import { r as At, s as Yt, t as et, a as se, j as Pe, U as dt, c as Ot, d as ve, C as Le, w as Ft, x as Rt, N as tt, f as $t, e as Lt } from "./index-DdEvRX8w.js";
+import { ref as G, computed as R, defineComponent as Ne, reactive as Nt, createElementBlock as Q, openBlock as A, normalizeStyle as ze, normalizeClass as H, unref as t, renderSlot as Te, createElementVNode as pe, mergeProps as We, useAttrs as Bt, inject as Ge, watch as Je, nextTick as Ce, onBeforeUnmount as Ht, provide as nt, createBlock as X, withCtx as ee, withModifiers as Ie, createCommentVNode as fe, resolveDynamicComponent as Oe, toDisplayString as ue, onMounted as _t, Fragment as ie, renderList as Fe, createTextVNode as Re, withDirectives as at, createVNode as qe, Transition as Ut } from "vue";
+import { onClickOutside as Kt, unrefElement as jt } from "@vueuse/core";
+import { u as zt, E as Wt } from "./index-DiNnJQ4b.js";
+import { E as Se, g as qt } from "./index-C8UKPPHD.js";
+import { u as Zt, E as Gt, a as ot, b as Jt, c as xt, d as Qt } from "./index-D8_UEqsc.js";
+import { isEqual as Xt, debounce as en } from "lodash-es";
+import { u as pt } from "./index-BQfVaV7A.js";
+import { p as ft, b as Me, a as U, u as tn, j as nn, h as an, d as st, e as on, g as sn } from "./use-form-common-props-DkpXv1AY.js";
+import { u as rn } from "./index-BXkpTX1Y.js";
+import { u as mt, a as ln } from "./use-form-item-bliFpQLk.js";
+import { u as vt } from "./index-BgzdMRW8.js";
+import { g as ht, E as we } from "./event-DSSsWzVU.js";
+import { v as rt } from "./index-DfMIblcg.js";
+var gt = { exports: {} };
+(function(r, p) {
+  (function(l, o) {
+    r.exports = o();
+  })(At, function() {
+    var l = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, o = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, w = /\d/, O = /\d\d/, f = /\d\d?/, d = /\d*[^-_:/,()\s\d]+/, T = {}, D = function(n) {
+      return (n = +n) + (n > 68 ? 1900 : 2e3);
+    }, S = function(n) {
+      return function(h) {
+        this[n] = +h;
+      };
+    }, V = [/[+-]\d\d:?(\d\d)?|Z/, function(n) {
+      (this.zone || (this.zone = {})).offset = function(h) {
+        if (!h || h === "Z") return 0;
+        var b = h.match(/([+-]|\d\d)/g), P = 60 * b[1] + (+b[2] || 0);
+        return P === 0 ? 0 : b[0] === "+" ? -P : P;
+      }(n);
+    }], F = function(n) {
+      var h = T[n];
+      return h && (h.indexOf ? h : h.s.concat(h.f));
+    }, I = function(n, h) {
+      var b, P = T.meridiem;
+      if (P) {
+        for (var v = 1; v <= 24; v += 1) if (n.indexOf(P(v, 0, h)) > -1) {
+          b = v > 12;
+          break;
+        }
+      } else b = n === (h ? "pm" : "PM");
+      return b;
+    }, m = { A: [d, function(n) {
+      this.afternoon = I(n, !1);
+    }], a: [d, function(n) {
+      this.afternoon = I(n, !0);
+    }], Q: [w, function(n) {
+      this.month = 3 * (n - 1) + 1;
+    }], S: [w, function(n) {
+      this.milliseconds = 100 * +n;
+    }], SS: [O, function(n) {
+      this.milliseconds = 10 * +n;
+    }], SSS: [/\d{3}/, function(n) {
+      this.milliseconds = +n;
+    }], s: [f, S("seconds")], ss: [f, S("seconds")], m: [f, S("minutes")], mm: [f, S("minutes")], H: [f, S("hours")], h: [f, S("hours")], HH: [f, S("hours")], hh: [f, S("hours")], D: [f, S("day")], DD: [O, S("day")], Do: [d, function(n) {
+      var h = T.ordinal, b = n.match(/\d+/);
+      if (this.day = b[0], h) for (var P = 1; P <= 31; P += 1) h(P).replace(/\[|\]/g, "") === n && (this.day = P);
+    }], w: [f, S("week")], ww: [O, S("week")], M: [f, S("month")], MM: [O, S("month")], MMM: [d, function(n) {
+      var h = F("months"), b = (F("monthsShort") || h.map(function(P) {
+        return P.slice(0, 3);
+      })).indexOf(n) + 1;
+      if (b < 1) throw new Error();
+      this.month = b % 12 || b;
+    }], MMMM: [d, function(n) {
+      var h = F("months").indexOf(n) + 1;
+      if (h < 1) throw new Error();
+      this.month = h % 12 || h;
+    }], Y: [/[+-]?\d+/, S("year")], YY: [O, function(n) {
+      this.year = D(n);
+    }], YYYY: [/\d{4}/, S("year")], Z: V, ZZ: V };
+    function C(n) {
+      var h, b;
+      h = n, b = T && T.formats;
+      for (var P = (n = h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(Z, W, _) {
+        var K = _ && _.toUpperCase();
+        return W || b[_] || l[_] || b[K].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(J, j, x) {
+          return j || x.slice(1);
+        });
+      })).match(o), v = P.length, y = 0; y < v; y += 1) {
+        var N = P[y], $ = m[N], s = $ && $[0], L = $ && $[1];
+        P[y] = L ? { regex: s, parser: L } : N.replace(/^\[|\]$/g, "");
+      }
+      return function(Z) {
+        for (var W = {}, _ = 0, K = 0; _ < v; _ += 1) {
+          var J = P[_];
+          if (typeof J == "string") K += J.length;
+          else {
+            var j = J.regex, x = J.parser, ne = Z.slice(K), k = j.exec(ne)[0];
+            x.call(W, k), Z = Z.replace(k, "");
+          }
+        }
+        return function(M) {
+          var q = M.afternoon;
+          if (q !== void 0) {
+            var B = M.hours;
+            q ? B < 12 && (M.hours += 12) : B === 12 && (M.hours = 0), delete M.afternoon;
+          }
+        }(W), W;
+      };
+    }
+    return function(n, h, b) {
+      b.p.customParseFormat = !0, n && n.parseTwoDigitYear && (D = n.parseTwoDigitYear);
+      var P = h.prototype, v = P.parse;
+      P.parse = function(y) {
+        var N = y.date, $ = y.utc, s = y.args;
+        this.$u = $;
+        var L = s[1];
+        if (typeof L == "string") {
+          var Z = s[2] === !0, W = s[3] === !0, _ = Z || W, K = s[2];
+          W && (K = s[2]), T = this.$locale(), !Z && K && (T = b.Ls[K]), this.$d = function(ne, k, M, q) {
+            try {
+              if (["x", "X"].indexOf(k) > -1) return new Date((k === "X" ? 1e3 : 1) * ne);
+              var B = C(k)(ne), te = B.year, a = B.month, u = B.day, i = B.hours, g = B.minutes, E = B.seconds, z = B.milliseconds, re = B.zone, ae = B.week, he = /* @__PURE__ */ new Date(), ge = u || (te || a ? 1 : he.getDate()), be = te || he.getFullYear(), le = 0;
+              te && !a || (le = a > 0 ? a - 1 : he.getMonth());
+              var ce, me = i || 0, de = g || 0, ye = E || 0, ke = z || 0;
+              return re ? new Date(Date.UTC(be, le, ge, me, de, ye, ke + 60 * re.offset * 1e3)) : M ? new Date(Date.UTC(be, le, ge, me, de, ye, ke)) : (ce = new Date(be, le, ge, me, de, ye, ke), ae && (ce = q(ce).week(ae).toDate()), ce);
+            } catch {
+              return /* @__PURE__ */ new Date("");
+            }
+          }(N, L, $, b), this.init(), K && K !== !0 && (this.$L = this.locale(K).$L), _ && N != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), T = {};
+        } else if (L instanceof Array) for (var J = L.length, j = 1; j <= J; j += 1) {
+          s[1] = L[j - 1];
+          var x = b.apply(this, s);
+          if (x.isValid()) {
+            this.$d = x.$d, this.$L = x.$L, this.init();
+            break;
+          }
+          j === J && (this.$d = /* @__PURE__ */ new Date(""));
+        }
+        else v.call(this, y);
+      };
+    };
+  });
+})(gt);
+var un = gt.exports;
+const Hn = /* @__PURE__ */ Yt(un), lt = ["hours", "minutes", "seconds"], xe = "EP_PICKER_BASE", cn = "ElPopperOptions", dn = /* @__PURE__ */ Symbol("commonPickerContextKey"), Ze = "HH:mm:ss", Ee = "YYYY-MM-DD", _n = {
+  date: Ee,
+  dates: Ee,
+  week: "gggg[w]ww",
+  year: "YYYY",
+  years: "YYYY",
+  month: "YYYY-MM",
+  months: "YYYY-MM",
+  datetime: `${Ee} ${Ze}`,
+  monthrange: "YYYY-MM",
+  yearrange: "YYYY",
+  daterange: Ee,
+  datetimerange: `${Ee} ${Ze}`
+}, Ue = (r, p) => [
+  r > 0 ? r - 1 : void 0,
+  r,
+  r < p ? r + 1 : void 0
+], Un = (r) => Array.from(Array.from({ length: r }).keys()), Kn = (r) => r.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim(), jn = (r) => r.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim(), it = function(r, p) {
+  const l = et(r), o = et(p);
+  return l && o ? r.getTime() === p.getTime() : !l && !o ? r === p : !1;
+}, bt = function(r, p) {
+  const l = se(r), o = se(p);
+  return l && o ? r.length !== p.length ? !1 : r.every((w, O) => it(w, p[O])) : !l && !o ? it(r, p) : !1;
+}, ut = function(r, p, l) {
+  const o = ft(p) || p === "x" ? Pe(r).locale(l) : Pe(r, p).locale(l);
+  return o.isValid() ? o : void 0;
+}, ct = function(r, p, l) {
+  return ft(p) ? r : p === "x" ? +r : Pe(r).locale(l).format(p);
+}, Ke = (r, p) => {
+  var l;
+  const o = [], w = p == null ? void 0 : p();
+  for (let O = 0; O < r; O++)
+    o.push((l = w == null ? void 0 : w.includes(O)) != null ? l : !1);
+  return o;
+}, $e = (r) => se(r) ? r.map((p) => p.toDate()) : r.toDate(), pn = (r, p) => {
+  const { lang: l } = pt(), o = G(!1), w = G(!1), O = G(null), f = R(() => {
+    const { modelValue: m } = r;
+    return !m || se(m) && !m.filter(Boolean).length;
+  }), d = (m) => {
+    if (!bt(r.modelValue, m)) {
+      let C;
+      se(m) ? C = m.map(
+        (h) => ct(h, r.valueFormat, l.value)
+      ) : m && (C = ct(m, r.valueFormat, l.value)), p(dt, m && C, l.value);
+    }
+  }, T = R(() => {
+    var m;
+    let C;
+    if (f.value ? D.value.getDefaultValue && (C = D.value.getDefaultValue()) : se(r.modelValue) ? C = r.modelValue.map(
+      (n) => ut(n, r.valueFormat, l.value)
+    ) : C = ut(
+      (m = r.modelValue) != null ? m : "",
+      r.valueFormat,
+      l.value
+    ), D.value.getRangeAvailableTime) {
+      const n = D.value.getRangeAvailableTime(
+        C
+      );
+      Xt(n, C) || (C = n, f.value || d($e(C)));
+    }
+    return se(C) && C.some((n) => !n) && (C = []), C;
+  }), D = G({});
+  return {
+    parsedValue: T,
+    pickerActualVisible: w,
+    pickerOptions: D,
+    pickerVisible: o,
+    userInput: O,
+    valueIsEmpty: f,
+    emitInput: d,
+    onCalendarChange: (m) => {
+      p("calendar-change", m);
+    },
+    onPanelChange: (m, C, n) => {
+      p("panel-change", m, C, n);
+    },
+    onPick: (m = "", C = !1) => {
+      o.value = C;
+      let n;
+      se(m) ? n = m.map((h) => h.toDate()) : n = m && m.toDate(), O.value = null, d(n);
+    },
+    onSetPickerOption: (m) => {
+      D.value[m[0]] = m[1], D.value.panelReady = !0;
+    }
+  };
+}, yt = Me({
+  /**
+   * @description To specify the array of hours that cannot be selected
+   */
+  disabledHours: {
+    type: U(Function)
+  },
+  /**
+   * @description To specify the array of minutes that cannot be selected
+   */
+  disabledMinutes: {
+    type: U(Function)
+  },
+  /**
+   * @description To specify the array of seconds that cannot be selected
+   */
+  disabledSeconds: {
+    type: U(Function)
+  }
+}), fn = Me({
+  visible: Boolean,
+  actualVisible: {
+    type: Boolean,
+    default: void 0
+  },
+  format: {
+    type: String,
+    default: ""
+  }
+}), mn = Me({
+  /**
+   * @description this prop decides if the date picker panel pops up when the input is focused
+   */
+  automaticDropdown: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description same as `id` in native input
+   */
+  id: {
+    type: U([Array, String])
+  },
+  /**
+   * @description same as `name` in native input
+   */
+  name: {
+    type: U([Array, String])
+  },
+  /**
+   * @description custom class name for TimePicker's dropdown
+   */
+  popperClass: ot.popperClass,
+  /**
+   * @description custom style for TimePicker's dropdown
+   */
+  popperStyle: ot.popperStyle,
+  /**
+   * @description format of the displayed value in the input box
+   */
+  format: String,
+  /**
+   * @description optional, format of binding value. If not specified, the binding value will be a Date object
+   */
+  valueFormat: String,
+  /**
+   * @description optional, format of the date displayed in input's inner panel
+   */
+  dateFormat: String,
+  /**
+   * @description optional, format of the time displayed in input's inner panel
+   */
+  timeFormat: String,
+  /**
+   * @description type of the picker
+   */
+  type: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether to show clear button
+   */
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description Custom clear icon component
+   */
+  clearIcon: {
+    type: U([String, Object]),
+    default: Ot
+  },
+  /**
+   * @description whether the input is editable
+   */
+  editable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description Custom prefix icon component
+   */
+  prefixIcon: {
+    type: U([String, Object]),
+    default: ""
+  },
+  /**
+   * @description size of Input
+   */
+  size: tn,
+  /**
+   * @description whether TimePicker is read only
+   */
+  readonly: Boolean,
+  /**
+   * @description whether TimePicker is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description placeholder in non-range mode
+   */
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+   */
+  popperOptions: {
+    type: U(Object),
+    default: () => ({})
+  },
+  /**
+   * @description binding value, if it is an array, the length should be 2
+   */
+  modelValue: {
+    type: U([Date, Array, String, Number]),
+    default: ""
+  },
+  /**
+   * @description range separator
+   */
+  rangeSeparator: {
+    type: String,
+    default: "-"
+  },
+  /**
+   * @description placeholder for the start date in range mode
+   */
+  startPlaceholder: String,
+  /**
+   * @description placeholder for the end date in range mode
+   */
+  endPlaceholder: String,
+  /**
+   * @description optional, default date of the calendar
+   */
+  defaultValue: {
+    type: U([Date, Array])
+  },
+  /**
+   * @description optional, the time value to use when selecting date range
+   */
+  defaultTime: {
+    type: U([Date, Array])
+  },
+  /**
+   * @description whether to pick a time range
+   */
+  isRange: Boolean,
+  ...yt,
+  /**
+   * @description a function determining if a date is disabled with that date as its parameter. Should return a Boolean
+   */
+  disabledDate: {
+    type: Function
+  },
+  /**
+   * @description set custom className
+   */
+  cellClassName: {
+    type: Function
+  },
+  /**
+   * @description an object array to set shortcut options
+   */
+  shortcuts: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description whether to pick time using arrow buttons
+   */
+  arrowControl: Boolean,
+  /**
+   * @description input tabindex
+   */
+  tabindex: {
+    type: U([String, Number]),
+    default: 0
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description unlink two date-panels in range-picker
+   */
+  unlinkPanels: Boolean,
+  /**
+   * @description position of dropdown
+   */
+  placement: {
+    type: U(String),
+    values: Gt,
+    default: "bottom"
+  },
+  /**
+   * @description list of possible positions for dropdown
+   */
+  fallbackPlacements: {
+    type: U(Array),
+    default: ["bottom", "top", "right", "left"]
+  },
+  ...Zt,
+  ...rn(["ariaLabel"]),
+  /**
+   * @description whether to show the now button
+   */
+  showNow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show footer
+   */
+  showConfirm: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show footer
+   */
+  showFooter: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show the number of the calendar week
+   */
+  showWeekNumber: Boolean
+}), kt = Me({
+  id: {
+    type: U(Array)
+  },
+  name: {
+    type: U(Array)
+  },
+  modelValue: {
+    type: U([Array, String])
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  disabled: Boolean
+}), zn = kt, vn = ["id", "name", "placeholder", "value", "disabled"], hn = ["id", "name", "placeholder", "value", "disabled"];
+var gn = /* @__PURE__ */ Ne({
+  name: "PickerRangeTrigger",
+  inheritAttrs: !1,
+  __name: "picker-range-trigger",
+  props: kt,
+  emits: [
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "touchstart",
+    "focus",
+    "blur",
+    "startInput",
+    "endInput",
+    "startChange",
+    "endChange"
+  ],
+  setup(r, { expose: p, emit: l }) {
+    const o = r, w = l, { formItem: O } = mt(), { inputId: f } = ln(
+      Nt({ id: R(() => {
+        var s;
+        return (s = o.id) == null ? void 0 : s[0];
+      }) }),
+      {
+        formItemContext: O
+      }
+    ), d = zt(), T = ve("date"), D = ve("range"), S = G(), V = G(), { wrapperRef: F, isFocused: I } = vt(S, {
+      disabled: R(() => o.disabled)
+    }), m = (s) => {
+      w("click", s);
+    }, C = (s) => {
+      w("mouseenter", s);
+    }, n = (s) => {
+      w("mouseleave", s);
+    }, h = (s) => {
+      w("touchstart", s);
+    }, b = (s) => {
+      w("startInput", s);
+    }, P = (s) => {
+      w("endInput", s);
+    }, v = (s) => {
+      w("startChange", s);
+    }, y = (s) => {
+      w("endChange", s);
+    };
+    return p({
+      focus: () => {
+        var s;
+        (s = S.value) == null || s.focus();
+      },
+      blur: () => {
+        var s, L;
+        (s = S.value) == null || s.blur(), (L = V.value) == null || L.blur();
+      }
+    }), (s, L) => (A(), Q(
+      "div",
+      {
+        ref_key: "wrapperRef",
+        ref: F,
+        class: H([t(T).is("active", t(I)), s.$attrs.class]),
+        style: ze(
+          // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+          s.$attrs.style
+        ),
+        onClick: m,
+        onMouseenter: C,
+        onMouseleave: n,
+        onTouchstartPassive: h
+      },
+      [
+        Te(s.$slots, "prefix"),
+        pe("input", We(t(d), {
+          id: t(f),
+          ref_key: "inputRef",
+          ref: S,
+          name: s.name && s.name[0],
+          placeholder: s.startPlaceholder,
+          value: s.modelValue && s.modelValue[0],
+          class: t(D).b("input"),
+          disabled: s.disabled,
+          onInput: b,
+          onChange: v
+        }), null, 16, vn),
+        Te(s.$slots, "range-separator"),
+        pe("input", We(t(d), {
+          id: s.id && s.id[1],
+          ref_key: "endInputRef",
+          ref: V,
+          name: s.name && s.name[1],
+          placeholder: s.endPlaceholder,
+          value: s.modelValue && s.modelValue[1],
+          class: t(D).b("input"),
+          disabled: s.disabled,
+          onInput: P,
+          onChange: y
+        }), null, 16, hn),
+        Te(s.$slots, "suffix")
+      ],
+      38
+      /* CLASS, STYLE, NEED_HYDRATION */
+    ));
+  }
+}), Wn = /* @__PURE__ */ Ne({
+  name: "Picker",
+  __name: "picker",
+  props: mn,
+  emits: [
+    dt,
+    Le,
+    "focus",
+    "blur",
+    "clear",
+    "calendar-change",
+    "panel-change",
+    "visible-change",
+    "keydown"
+  ],
+  setup(r, { expose: p, emit: l }) {
+    const o = r, w = l, O = Bt(), f = ve("date"), d = ve("input"), T = ve("range"), { formItem: D } = mt(), S = Ge(
+      cn,
+      {}
+    ), V = Jt(o, null), F = G(), I = G(), m = G(null);
+    let C = !1;
+    const n = nn(), h = pn(o, w), {
+      parsedValue: b,
+      pickerActualVisible: P,
+      userInput: v,
+      pickerVisible: y,
+      pickerOptions: N,
+      valueIsEmpty: $,
+      emitInput: s,
+      onPick: L,
+      onSetPickerOption: Z,
+      onCalendarChange: W,
+      onPanelChange: _
+    } = h, { isFocused: K, handleFocus: J, handleBlur: j } = vt(I, {
+      disabled: n,
+      beforeFocus() {
+        return o.readonly;
+      },
+      afterFocus() {
+        o.automaticDropdown && (y.value = !0);
+      },
+      beforeBlur(e) {
+        var c;
+        return !C && ((c = F.value) == null ? void 0 : c.isFocusInsideContent(e));
+      },
+      afterBlur() {
+        He(), y.value = !1, C = !1, o.validateEvent && (D == null || D.validate("blur").catch((e) => st(e)));
+      }
+    }), x = G(!1), ne = R(() => [
+      f.b("editor"),
+      f.bm("editor", o.type),
+      d.e("wrapper"),
+      f.is("disabled", n.value),
+      f.is("active", y.value),
+      T.b("editor"),
+      Be ? T.bm("editor", Be.value) : "",
+      O.class
+    ]), k = R(() => [
+      d.e("icon"),
+      T.e("close-icon"),
+      ce.value ? "" : T.em("close-icon", "hidden")
+    ]);
+    Je(y, (e) => {
+      e ? Ce(() => {
+        e && (m.value = o.modelValue);
+      }) : (v.value = null, Ce(() => {
+        M(o.modelValue);
+      }));
+    });
+    const M = (e, c) => {
+      (c || !bt(e, m.value)) && (w(Le, e), c && (m.value = e), o.validateEvent && (D == null || D.validate("change").catch((Y) => st(Y))));
+    }, q = (e) => {
+      w("keydown", e);
+    }, B = R(() => I.value ? Array.from(
+      I.value.$el.querySelectorAll("input")
+    ) : []), te = (e, c, Y) => {
+      const oe = B.value;
+      oe.length && (!Y || Y === "min" ? (oe[0].setSelectionRange(e, c), oe[0].focus()) : Y === "max" && (oe[1].setSelectionRange(e, c), oe[1].focus()));
+    }, a = () => {
+      P.value = !0;
+    }, u = () => {
+      w("visible-change", !0);
+    }, i = () => {
+      P.value = !1, y.value = !1, w("visible-change", !1);
+    }, g = () => {
+      y.value = !0;
+    }, E = () => {
+      y.value = !1;
+    }, z = R(() => {
+      const e = _e(b.value);
+      return se(v.value) ? [
+        v.value[0] || e && e[0] || "",
+        v.value[1] || e && e[1] || ""
+      ] : v.value !== null ? v.value : !ae.value && $.value || !y.value && $.value ? "" : e ? he.value || ge.value || be.value ? e.join(", ") : e : "";
+    }), re = R(() => o.type.includes("time")), ae = R(() => o.type.startsWith("time")), he = R(() => o.type === "dates"), ge = R(() => o.type === "months"), be = R(() => o.type === "years"), le = R(
+      () => o.prefixIcon || (re.value ? Ft : Rt)
+    ), ce = R(
+      () => o.clearable && !n.value && !o.readonly && !$.value && (x.value || K.value)
+    ), me = (e) => {
+      o.readonly || n.value || (ce.value && (e == null || e.stopPropagation(), N.value.handleClear ? N.value.handleClear() : s(V.valueOnClear.value), M(V.valueOnClear.value, !0), i()), w("clear"));
+    }, de = async (e) => {
+      var c;
+      o.readonly || n.value || (((c = e.target) == null ? void 0 : c.tagName) !== "INPUT" || K.value || !o.automaticDropdown) && (y.value = !0);
+    }, ye = () => {
+      o.readonly || n.value || !$.value && o.clearable && (x.value = !0);
+    }, ke = () => {
+      x.value = !1;
+    }, Ve = (e) => {
+      var c;
+      o.readonly || n.value || (((c = e.touches[0].target) == null ? void 0 : c.tagName) !== "INPUT" || K.value || !o.automaticDropdown) && (y.value = !0);
+    }, St = R(() => o.type.includes("range")), Be = an(), Pt = R(() => {
+      var e, c;
+      return (c = (e = t(F)) == null ? void 0 : e.popperRef) == null ? void 0 : c.contentRef;
+    }), Qe = Kt(
+      I,
+      (e) => {
+        const c = t(Pt), Y = jt(I);
+        c && (e.target === c || e.composedPath().includes(c)) || e.target === Y || Y && e.composedPath().includes(Y) || (y.value = !1);
+      }
+    );
+    Ht(() => {
+      Qe == null || Qe();
+    });
+    const He = () => {
+      if (v.value) {
+        const e = Ae(z.value);
+        e && (Ye(e) && s($e(e)), v.value = null);
+      }
+      v.value === "" && (s(V.valueOnClear.value), M(V.valueOnClear.value, !0), v.value = null);
+    }, Ae = (e) => e ? N.value.parseUserInput(e) : null, _e = (e) => e ? se(e) ? e.map((Y) => Y.format(o.format)) : e.format(o.format) : null, Ye = (e) => N.value.isValidValue(e), Xe = async (e) => {
+      if (o.readonly || n.value) return;
+      const c = ht(e);
+      if (q(e), c === we.esc) {
+        y.value === !0 && (y.value = !1, e.preventDefault(), e.stopPropagation());
+        return;
+      }
+      if (c === we.down && (N.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), y.value === !1 && (y.value = !0, await Ce()), N.value.handleFocusPicker)) {
+        N.value.handleFocusPicker();
+        return;
+      }
+      if (c === we.tab) {
+        C = !0;
+        return;
+      }
+      if (c === we.enter || c === we.numpadEnter) {
+        y.value ? (v.value === null || v.value === "" || Ye(Ae(z.value))) && (He(), y.value = !1) : y.value = !0, e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      if (v.value) {
+        e.stopPropagation();
+        return;
+      }
+      N.value.handleKeydownInput && N.value.handleKeydownInput(e);
+    }, Ct = (e) => {
+      v.value = e, y.value || (y.value = !0);
+    }, Mt = (e) => {
+      const c = e.target;
+      v.value ? v.value = [c.value, v.value[1]] : v.value = [c.value, null];
+    }, Dt = (e) => {
+      const c = e.target;
+      v.value ? v.value = [v.value[0], c.value] : v.value = [null, c.value];
+    }, It = () => {
+      var e;
+      const c = v.value, Y = Ae(c && c[0]), oe = t(b);
+      if (Y && Y.isValid()) {
+        v.value = [
+          _e(Y),
+          ((e = z.value) == null ? void 0 : e[1]) || null
+        ];
+        const De = [Y, oe && (oe[1] || null)];
+        Ye(De) && (s($e(De)), v.value = null);
+      }
+    }, Et = () => {
+      var e;
+      const c = t(v), Y = Ae(c && c[1]), oe = t(b);
+      if (Y && Y.isValid()) {
+        v.value = [
+          ((e = t(z)) == null ? void 0 : e[0]) || null,
+          _e(Y)
+        ];
+        const De = [oe && oe[0], Y];
+        Ye(De) && (s($e(De)), v.value = null);
+      }
+    }, Tt = () => {
+      var e;
+      (e = I.value) == null || e.focus();
+    }, Vt = () => {
+      var e;
+      (e = I.value) == null || e.blur();
+    };
+    return nt(xe, {
+      props: o,
+      emptyValues: V
+    }), nt(dn, h), p({
+      /**
+       * @description focus input box.
+       */
+      focus: Tt,
+      /**
+       * @description blur input box.
+       */
+      blur: Vt,
+      /**
+       * @description opens picker
+       */
+      handleOpen: g,
+      /**
+       * @description closes picker
+       */
+      handleClose: E,
+      /**
+       * @description pick item manually
+       */
+      onPick: L
+    }), (e, c) => (A(), X(t(xt), We({
+      ref_key: "refPopper",
+      ref: F,
+      visible: t(y),
+      effect: "light",
+      pure: "",
+      trigger: "click"
+    }, e.$attrs, {
+      role: "dialog",
+      teleported: "",
+      transition: `${t(f).namespace.value}-zoom-in-top`,
+      "popper-class": [`${t(f).namespace.value}-picker__popper`, e.popperClass],
+      "popper-style": e.popperStyle,
+      "popper-options": t(S),
+      "fallback-placements": e.fallbackPlacements,
+      "gpu-acceleration": !1,
+      placement: e.placement,
+      "stop-popper-mouse-event": !1,
+      "hide-after": 0,
+      persistent: "",
+      onBeforeShow: a,
+      onShow: u,
+      onHide: i
+    }), {
+      default: ee(() => [
+        St.value ? (A(), X(gn, {
+          key: 1,
+          id: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.id
+          ),
+          ref_key: "inputRef",
+          ref: I,
+          "model-value": z.value,
+          name: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.name
+          ),
+          disabled: t(n),
+          readonly: !e.editable || e.readonly,
+          "start-placeholder": e.startPlaceholder,
+          "end-placeholder": e.endPlaceholder,
+          class: H(ne.value),
+          style: ze(e.$attrs.style),
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          autocomplete: "off",
+          role: "combobox",
+          onClick: de,
+          onFocus: t(J),
+          onBlur: t(j),
+          onStartInput: Mt,
+          onStartChange: It,
+          onEndInput: Dt,
+          onEndChange: Et,
+          onMousedown: de,
+          onMouseenter: ye,
+          onMouseleave: ke,
+          onTouchstartPassive: Ve,
+          onKeydown: Xe
+        }, {
+          prefix: ee(() => [
+            le.value ? (A(), X(t(Se), {
+              key: 0,
+              class: H([t(d).e("icon"), t(T).e("icon")])
+            }, {
+              default: ee(() => [
+                (A(), X(Oe(le.value)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : fe("v-if", !0)
+          ]),
+          "range-separator": ee(() => [
+            Te(e.$slots, "range-separator", {}, () => [
+              pe(
+                "span",
+                {
+                  class: H(t(T).b("separator"))
+                },
+                ue(e.rangeSeparator),
+                3
+                /* TEXT, CLASS */
+              )
+            ])
+          ]),
+          suffix: ee(() => [
+            e.clearIcon ? (A(), X(t(Se), {
+              key: 0,
+              class: H(k.value),
+              onMousedown: Ie(t(tt), ["prevent"]),
+              onClick: me
+            }, {
+              default: ee(() => [
+                (A(), X(Oe(e.clearIcon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class", "onMousedown"])) : fe("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (A(), X(t(Wt), {
+          key: 0,
+          id: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.id
+          ),
+          ref_key: "inputRef",
+          ref: I,
+          "container-role": "combobox",
+          "model-value": (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            z.value
+          ),
+          name: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.name
+          ),
+          size: t(Be),
+          disabled: t(n),
+          placeholder: e.placeholder,
+          class: H([
+            t(f).b("editor"),
+            t(f).bm("editor", e.type),
+            t(f).is("focus", t(y)),
+            e.$attrs.class
+          ]),
+          style: ze(e.$attrs.style),
+          readonly: !e.editable || e.readonly || he.value || ge.value || be.value || e.type === "week",
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          "validate-event": !1,
+          onInput: Ct,
+          onFocus: t(J),
+          onBlur: t(j),
+          onKeydown: Xe,
+          onChange: He,
+          onMousedown: de,
+          onMouseenter: ye,
+          onMouseleave: ke,
+          onTouchstartPassive: Ve,
+          onClick: c[0] || (c[0] = Ie(() => {
+          }, ["stop"]))
+        }, {
+          prefix: ee(() => [
+            le.value ? (A(), X(t(Se), {
+              key: 0,
+              class: H(t(d).e("icon")),
+              onMousedown: Ie(de, ["prevent"]),
+              onTouchstartPassive: Ve
+            }, {
+              default: ee(() => [
+                (A(), X(Oe(le.value)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : fe("v-if", !0)
+          ]),
+          suffix: ee(() => [
+            ce.value && e.clearIcon ? (A(), X(t(Se), {
+              key: 0,
+              class: H(`${t(d).e("icon")} clear-icon`),
+              onMousedown: Ie(t(tt), ["prevent"]),
+              onClick: me
+            }, {
+              default: ee(() => [
+                (A(), X(Oe(e.clearIcon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class", "onMousedown"])) : fe("v-if", !0)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
+      ]),
+      content: ee(() => [
+        Te(e.$slots, "default", {
+          visible: t(y),
+          actualVisible: t(P),
+          parsedValue: t(b),
+          format: e.format,
+          dateFormat: e.dateFormat,
+          timeFormat: e.timeFormat,
+          unlinkPanels: e.unlinkPanels,
+          type: e.type,
+          defaultValue: e.defaultValue,
+          showNow: e.showNow,
+          showConfirm: e.showConfirm,
+          showFooter: e.showFooter,
+          showWeekNumber: e.showWeekNumber,
+          onPick: c[1] || (c[1] = //@ts-ignore
+          (...Y) => t(L) && t(L)(...Y)),
+          onSelectRange: te,
+          onSetPickerOption: c[2] || (c[2] = //@ts-ignore
+          (...Y) => t(Z) && t(Z)(...Y)),
+          onCalendarChange: c[3] || (c[3] = //@ts-ignore
+          (...Y) => t(W) && t(W)(...Y)),
+          onClear: me,
+          onPanelChange: c[4] || (c[4] = //@ts-ignore
+          (...Y) => t(_) && t(_)(...Y)),
+          onMousedown: c[5] || (c[5] = Ie(() => {
+          }, ["stop"]))
+        })
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["visible", "transition", "popper-class", "popper-style", "popper-options", "fallback-placements", "placement"]));
+  }
+});
+const bn = Me({
+  ...fn,
+  datetimeRole: String,
+  parsedValue: {
+    type: U(Object)
+  }
+}), yn = ({
+  getAvailableHours: r,
+  getAvailableMinutes: p,
+  getAvailableSeconds: l
+}) => {
+  const o = (f, d, T, D) => {
+    const S = {
+      hour: r,
+      minute: p,
+      second: l
+    };
+    let V = f;
+    return ["hour", "minute", "second"].forEach((F) => {
+      if (S[F]) {
+        let I;
+        const m = S[F];
+        switch (F) {
+          case "minute": {
+            I = m(
+              V.hour(),
+              d,
+              D
+            );
+            break;
+          }
+          case "second": {
+            I = m(
+              V.hour(),
+              V.minute(),
+              d,
+              D
+            );
+            break;
+          }
+          default: {
+            I = m(
+              d,
+              D
+            );
+            break;
+          }
+        }
+        if (I != null && I.length && !I.includes(V[F]())) {
+          const C = T ? 0 : I.length - 1;
+          V = V[F](I[C]);
+        }
+      }
+    }), V;
+  }, w = {};
+  return {
+    timePickerOptions: w,
+    getAvailableTime: o,
+    onSetOption: ([f, d]) => {
+      w[f] = d;
+    }
+  };
+}, je = (r) => {
+  const p = (o, w) => o || w, l = (o) => o !== !0;
+  return r.map(p).filter(l);
+}, wt = (r, p, l) => ({
+  getHoursList: (f, d) => Ke(24, r && (() => r == null ? void 0 : r(f, d))),
+  getMinutesList: (f, d, T) => Ke(
+    60,
+    p && (() => p == null ? void 0 : p(f, d, T))
+  ),
+  getSecondsList: (f, d, T, D) => Ke(
+    60,
+    l && (() => l == null ? void 0 : l(f, d, T, D))
+  )
+}), kn = (r, p, l) => {
+  const { getHoursList: o, getMinutesList: w, getSecondsList: O } = wt(
+    r,
+    p,
+    l
+  );
+  return {
+    getAvailableHours: (D, S) => je(o(D, S)),
+    getAvailableMinutes: (D, S, V) => je(w(D, S, V)),
+    getAvailableSeconds: (D, S, V, F) => je(O(D, S, V, F))
+  };
+}, wn = (r) => {
+  const p = G(r.parsedValue);
+  return Je(
+    () => r.visible,
+    (l) => {
+      l || (p.value = r.parsedValue);
+    }
+  ), p;
+}, Sn = Me({
+  role: {
+    type: String,
+    required: !0
+  },
+  spinnerDate: {
+    type: U(Object),
+    required: !0
+  },
+  showSeconds: {
+    type: Boolean,
+    default: !0
+  },
+  arrowControl: Boolean,
+  amPmMode: {
+    // 'a': am/pm; 'A': AM/PM
+    type: U(String),
+    default: ""
+  },
+  ...yt
+}), Pn = ["onClick"], Cn = ["onMouseenter"];
+var Mn = /* @__PURE__ */ Ne({
+  __name: "basic-time-spinner",
+  props: Sn,
+  emits: [Le, "select-range", "set-option"],
+  setup(r, { emit: p }) {
+    const l = r, o = Ge(xe), { isRange: w, format: O } = o.props, f = p, d = ve("time"), { getHoursList: T, getMinutesList: D, getSecondsList: S } = wt(
+      l.disabledHours,
+      l.disabledMinutes,
+      l.disabledSeconds
+    );
+    let V = !1;
+    const F = G(), I = G(), m = G(), C = G(), n = {
+      hours: I,
+      minutes: m,
+      seconds: C
+    }, h = R(() => l.showSeconds ? lt : lt.slice(0, 2)), b = R(() => {
+      const { spinnerDate: a } = l, u = a.hour(), i = a.minute(), g = a.second();
+      return { hours: u, minutes: i, seconds: g };
+    }), P = R(() => {
+      const { hours: a, minutes: u } = t(b), { role: i, spinnerDate: g } = l, E = w ? void 0 : g;
+      return {
+        hours: T(i, E),
+        minutes: D(a, i, E),
+        seconds: S(a, u, i, E)
+      };
+    }), v = R(() => {
+      const { hours: a, minutes: u, seconds: i } = t(b);
+      return {
+        hours: Ue(a, 23),
+        minutes: Ue(u, 59),
+        seconds: Ue(i, 59)
+      };
+    }), y = en((a) => {
+      V = !1, s(a);
+    }, 200), N = (a) => {
+      if (!!!l.amPmMode) return "";
+      const i = l.amPmMode === "A";
+      let g = a < 12 ? " am" : " pm";
+      return i && (g = g.toUpperCase()), g;
+    }, $ = (a) => {
+      let u = [0, 0];
+      const i = O || Ze, g = i.indexOf("HH"), E = i.indexOf("mm"), z = i.indexOf("ss");
+      switch (a) {
+        case "hours":
+          g !== -1 && (u = [g, g + 2]);
+          break;
+        case "minutes":
+          E !== -1 && (u = [E, E + 2]);
+          break;
+        case "seconds":
+          z !== -1 && (u = [z, z + 2]);
+          break;
+      }
+      const [re, ae] = u;
+      f("select-range", re, ae), F.value = a;
+    }, s = (a) => {
+      W(a, t(b)[a]);
+    }, L = () => {
+      s("hours"), s("minutes"), s("seconds");
+    }, Z = (a) => a.querySelector(`.${d.namespace.value}-scrollbar__wrap`), W = (a, u) => {
+      if (l.arrowControl) return;
+      const i = t(n[a]);
+      i && i.$el && (Z(i.$el).scrollTop = Math.max(
+        0,
+        u * _(a)
+      ));
+    }, _ = (a) => {
+      const u = t(n[a]), i = u == null ? void 0 : u.$el.querySelector("li");
+      return i && Number.parseFloat(qt(i, "height")) || 0;
+    }, K = () => {
+      j(1);
+    }, J = () => {
+      j(-1);
+    }, j = (a) => {
+      F.value || $("hours");
+      const u = F.value, i = t(b)[u], g = F.value === "hours" ? 24 : 60, E = x(u, i, a, g);
+      ne(u, E), W(u, E), Ce(() => $(u));
+    }, x = (a, u, i, g) => {
+      let E = (u + i + g) % g;
+      const z = t(P)[a];
+      for (; z[E] && E !== u; )
+        E = (E + i + g) % g;
+      return E;
+    }, ne = (a, u) => {
+      if (t(P)[a][u]) return;
+      const { hours: E, minutes: z, seconds: re } = t(b);
+      let ae;
+      switch (a) {
+        case "hours":
+          ae = l.spinnerDate.hour(u).minute(z).second(re);
+          break;
+        case "minutes":
+          ae = l.spinnerDate.hour(E).minute(u).second(re);
+          break;
+        case "seconds":
+          ae = l.spinnerDate.hour(E).minute(z).second(u);
+          break;
+      }
+      f(Le, ae);
+    }, k = (a, { value: u, disabled: i }) => {
+      i || (ne(a, u), $(a), W(a, u));
+    }, M = (a) => {
+      const u = t(n[a]);
+      if (!u) return;
+      V = !0, y(a);
+      const i = Math.min(
+        Math.round(
+          (Z(u.$el).scrollTop - (q(a) * 0.5 - 10) / _(a) + 3) / _(a)
+        ),
+        a === "hours" ? 23 : 59
+      );
+      ne(a, i);
+    }, q = (a) => t(n[a]).$el.offsetHeight, B = () => {
+      const a = (u) => {
+        const i = t(n[u]);
+        i && i.$el && (Z(i.$el).onscroll = () => {
+          M(u);
+        });
+      };
+      a("hours"), a("minutes"), a("seconds");
+    };
+    _t(() => {
+      Ce(() => {
+        !l.arrowControl && B(), L(), l.role === "start" && $("hours");
+      });
+    });
+    const te = (a, u) => {
+      n[u].value = a ?? void 0;
+    };
+    return f("set-option", [`${l.role}_scrollDown`, j]), f("set-option", [`${l.role}_emitSelectRange`, $]), Je(
+      () => l.spinnerDate,
+      () => {
+        V || L();
+      }
+    ), (a, u) => (A(), Q(
+      "div",
+      {
+        class: H([t(d).b("spinner"), { "has-seconds": a.showSeconds }])
+      },
+      [
+        a.arrowControl ? fe("v-if", !0) : (A(!0), Q(
+          ie,
+          { key: 0 },
+          Fe(h.value, (i) => (A(), X(t(Qt), {
+            key: i,
+            ref_for: !0,
+            ref: (g) => te(g, i),
+            class: H(t(d).be("spinner", "wrapper")),
+            "wrap-style": "max-height: inherit;",
+            "view-class": t(d).be("spinner", "list"),
+            noresize: "",
+            tag: "ul",
+            onMouseenter: (g) => $(i),
+            onMousemove: (g) => s(i)
+          }, {
+            default: ee(() => [
+              (A(!0), Q(
+                ie,
+                null,
+                Fe(P.value[i], (g, E) => (A(), Q("li", {
+                  key: E,
+                  class: H([
+                    t(d).be("spinner", "item"),
+                    t(d).is("active", E === b.value[i]),
+                    t(d).is("disabled", g)
+                  ]),
+                  onClick: (z) => k(i, { value: E, disabled: g })
+                }, [
+                  i === "hours" ? (A(), Q(
+                    ie,
+                    { key: 0 },
+                    [
+                      Re(
+                        ue(("0" + (a.amPmMode ? E % 12 || 12 : E)).slice(-2)) + ue(N(E)),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : (A(), Q(
+                    ie,
+                    { key: 1 },
+                    [
+                      Re(
+                        ue(("0" + E).slice(-2)),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ], 10, Pn))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["class", "view-class", "onMouseenter", "onMousemove"]))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        a.arrowControl ? (A(!0), Q(
+          ie,
+          { key: 1 },
+          Fe(h.value, (i) => (A(), Q("div", {
+            key: i,
+            class: H([t(d).be("spinner", "wrapper"), t(d).is("arrow")]),
+            onMouseenter: (g) => $(i)
+          }, [
+            at((A(), X(t(Se), {
+              class: H(["arrow-up", t(d).be("spinner", "arrow")])
+            }, {
+              default: ee(() => [
+                qe(t($t))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])), [
+              [t(rt), J]
+            ]),
+            at((A(), X(t(Se), {
+              class: H(["arrow-down", t(d).be("spinner", "arrow")])
+            }, {
+              default: ee(() => [
+                qe(t(Lt))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])), [
+              [t(rt), K]
+            ]),
+            pe(
+              "ul",
+              {
+                class: H(t(d).be("spinner", "list"))
+              },
+              [
+                (A(!0), Q(
+                  ie,
+                  null,
+                  Fe(v.value[i], (g, E) => (A(), Q(
+                    "li",
+                    {
+                      key: E,
+                      class: H([
+                        t(d).be("spinner", "item"),
+                        t(d).is("active", g === b.value[i]),
+                        t(d).is("disabled", P.value[i][g])
+                      ])
+                    },
+                    [
+                      t(on)(g) ? (A(), Q(
+                        ie,
+                        { key: 0 },
+                        [
+                          i === "hours" ? (A(), Q(
+                            ie,
+                            { key: 0 },
+                            [
+                              Re(
+                                ue(("0" + (a.amPmMode ? g % 12 || 12 : g)).slice(-2)) + ue(N(g)),
+                                1
+                                /* TEXT */
+                              )
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          )) : (A(), Q(
+                            ie,
+                            { key: 1 },
+                            [
+                              Re(
+                                ue(("0" + g).slice(-2)),
+                                1
+                                /* TEXT */
+                              )
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : fe("v-if", !0)
+                    ],
+                    2
+                    /* CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )
+          ], 42, Cn))),
+          128
+          /* KEYED_FRAGMENT */
+        )) : fe("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), qn = /* @__PURE__ */ Ne({
+  __name: "panel-time-pick",
+  props: bn,
+  emits: ["pick", "select-range", "set-picker-option"],
+  setup(r, { emit: p }) {
+    const l = r, o = p, w = Ge(xe), {
+      arrowControl: O,
+      disabledHours: f,
+      disabledMinutes: d,
+      disabledSeconds: T,
+      defaultValue: D
+    } = w.props, { getAvailableHours: S, getAvailableMinutes: V, getAvailableSeconds: F } = kn(f, d, T), I = ve("time"), { t: m, lang: C } = pt(), n = G([0, 2]), h = wn(l), b = R(() => sn(l.actualVisible) ? `${I.namespace.value}-zoom-in-top` : ""), P = R(() => l.format.includes("ss")), v = R(() => l.format.includes("A") ? "A" : l.format.includes("a") ? "a" : ""), y = (k) => {
+      const M = Pe(k).locale(C.value), q = j(M);
+      return M.isSame(q);
+    }, N = () => {
+      const k = h.value;
+      o("pick", k, !1), Ce(() => {
+        h.value = k;
+      });
+    }, $ = (k = !1, M = !1) => {
+      M || o("pick", l.parsedValue, k);
+    }, s = (k) => {
+      if (!l.visible)
+        return;
+      const M = j(k).millisecond(0);
+      o("pick", M, !0);
+    }, L = (k, M) => {
+      o("select-range", k, M), n.value = [k, M];
+    }, Z = (k) => {
+      const M = l.format, q = M.indexOf("HH"), B = M.indexOf("mm"), te = M.indexOf("ss"), a = [], u = [];
+      q !== -1 && (a.push(q), u.push("hours")), B !== -1 && (a.push(B), u.push("minutes")), te !== -1 && P.value && (a.push(te), u.push("seconds"));
+      const g = (a.indexOf(n.value[0]) + k + a.length) % a.length;
+      _.start_emitSelectRange(u[g]);
+    }, W = (k) => {
+      const M = ht(k), { left: q, right: B, up: te, down: a } = we;
+      if ([q, B].includes(M)) {
+        Z(M === q ? -1 : 1), k.preventDefault();
+        return;
+      }
+      if ([te, a].includes(M)) {
+        const u = M === te ? -1 : 1;
+        _.start_scrollDown(u), k.preventDefault();
+        return;
+      }
+    }, { timePickerOptions: _, onSetOption: K, getAvailableTime: J } = yn({
+      getAvailableHours: S,
+      getAvailableMinutes: V,
+      getAvailableSeconds: F
+    }), j = (k) => J(k, l.datetimeRole || "", !0), x = (k) => k ? Pe(k, l.format).locale(C.value) : null, ne = () => Pe(D).locale(C.value);
+    return o("set-picker-option", ["isValidValue", y]), o("set-picker-option", ["parseUserInput", x]), o("set-picker-option", ["handleKeydownInput", W]), o("set-picker-option", ["getRangeAvailableTime", j]), o("set-picker-option", ["getDefaultValue", ne]), (k, M) => (A(), X(Ut, { name: b.value }, {
+      default: ee(() => [
+        k.actualVisible || k.visible ? (A(), Q(
+          "div",
+          {
+            key: 0,
+            class: H(t(I).b("panel"))
+          },
+          [
+            pe(
+              "div",
+              {
+                class: H([t(I).be("panel", "content"), { "has-seconds": P.value }])
+              },
+              [
+                qe(Mn, {
+                  ref: "spinner",
+                  role: k.datetimeRole || "start",
+                  "arrow-control": t(O),
+                  "show-seconds": P.value,
+                  "am-pm-mode": v.value,
+                  "spinner-date": (
+                    // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+                    k.parsedValue
+                  ),
+                  "disabled-hours": t(f),
+                  "disabled-minutes": t(d),
+                  "disabled-seconds": t(T),
+                  onChange: s,
+                  onSetOption: t(K),
+                  onSelectRange: L
+                }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onSetOption"])
+              ],
+              2
+              /* CLASS */
+            ),
+            pe(
+              "div",
+              {
+                class: H(t(I).be("panel", "footer"))
+              },
+              [
+                pe(
+                  "button",
+                  {
+                    type: "button",
+                    class: H([t(I).be("panel", "btn"), "cancel"]),
+                    onClick: N
+                  },
+                  ue(t(m)("el.datepicker.cancel")),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                pe(
+                  "button",
+                  {
+                    type: "button",
+                    class: H([t(I).be("panel", "btn"), "confirm"]),
+                    onClick: M[0] || (M[0] = (q) => $())
+                  },
+                  ue(t(m)("el.datepicker.confirm")),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )) : fe("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["name"]));
+  }
+});
+export {
+  Ze as D,
+  xe as P,
+  dn as R,
+  Mn as _,
+  yn as a,
+  kn as b,
+  mn as c,
+  qn as d,
+  cn as e,
+  Wn as f,
+  Hn as g,
+  Ue as h,
+  it as i,
+  $e as j,
+  Kn as k,
+  jn as l,
+  ct as m,
+  Ke as n,
+  Ee as o,
+  ut as p,
+  _n as q,
+  Un as r,
+  lt as s,
+  fn as t,
+  wn as u,
+  bt as v,
+  kt as w,
+  zn as x,
+  yt as y,
+  pn as z
+};