@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/chunks/BEysX5TF2.mjs

@@ -0,0 +1,1038 @@
+import { r as e } from "./CjjJimnU.mjs";
+import { i as t, n } from "./Bdeug17L.mjs";
+import { r, t as i } from "./DnBzQ-xh.mjs";
+import { r as a } from "./akEzJ4kG.mjs";
+import { f as o, p as s, t as c } from "./hgAOQY9a.mjs";
+import { D as l, E as u, g as d, h as f, l as p, s as m, u as h, x as g, y as _ } from "./DrKq_frR.mjs";
+import { t as v } from "./Dsd58O0g.mjs";
+import { t as y } from "./77cFhiAz.mjs";
+import { I as b, a as x, f as S, n as C, o as ee, t as w, u as T } from "./D4oNQiIK.mjs";
+import { n as te } from "./GEtlriHC.mjs";
+import { n as E } from "./CbgD7y-5.mjs";
+import { a as D, r as O, t as k } from "./GsvG1yFW.mjs";
+import { i as ne, n as A, r as re, t as ie } from "./CcT5SsZk.mjs";
+import { t as ae } from "./C7l9aZGE.mjs";
+import { n as oe } from "./Dtq1xYk8.mjs";
+import { n as se, r as j } from "./BffxPn8a.mjs";
+import { t as M } from "./BVIHqL6g.mjs";
+import { t as N } from "./B__5L22p2.mjs";
+import { t as P } from "./Dg9Q-Tbi2.mjs";
+import { Fragment as F, Transition as ce, computed as I, createBlock as L, createCommentVNode as R, createElementBlock as z, createElementVNode as B, createTextVNode as le, createVNode as ue, defineComponent as V, inject as de, mergeProps as fe, nextTick as H, normalizeClass as U, normalizeStyle as pe, onBeforeUnmount as me, onMounted as he, openBlock as W, provide as ge, reactive as _e, ref as G, renderList as K, renderSlot as ve, resolveDynamicComponent as ye, toDisplayString as q, toValue as be, unref as J, useAttrs as xe, watch as Se, withCtx as Y, withDirectives as Ce, withModifiers as we } from "vue";
+import { debounce as Te, isEqual as Ee } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/time-picker/src/constants.mjs
+var De = [
+	"hours",
+	"minutes",
+	"seconds"
+], Oe = "EP_PICKER_BASE", ke = "ElPopperOptions", Ae = Symbol("commonPickerContextKey"), je = "HH:mm:ss", X = "YYYY-MM-DD", Me = {
+	date: X,
+	dates: X,
+	week: "gggg[w]ww",
+	year: "YYYY",
+	years: "YYYY",
+	month: "YYYY-MM",
+	months: "YYYY-MM",
+	datetime: `${X} ${je}`,
+	monthrange: "YYYY-MM",
+	yearrange: "YYYY",
+	daterange: X,
+	datetimerange: `${X} ${je}`
+}, Z = /* @__PURE__ */ e(P(), 1), Ne = (e, t) => [
+	e > 0 ? e - 1 : void 0,
+	e,
+	e < t ? e + 1 : void 0
+], Pe = (e) => Array.from(Array.from({ length: e }).keys()), Q = (e) => e.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim(), Fe = (e) => e.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim(), Ie = function(e, t) {
+	let n = l(e), r = l(t);
+	return n && r ? e.getTime() === t.getTime() : !n && !r ? e === t : !1;
+}, Le = function(e, t) {
+	let n = u(e), r = u(t);
+	return n && r ? e.length === t.length ? e.every((e, n) => Ie(e, t[n])) : !1 : !n && !r ? Ie(e, t) : !1;
+}, Re = function(e, t, n) {
+	let r = f(t) || t === "x" ? (0, Z.default)(e).locale(n) : (0, Z.default)(e, t).locale(n);
+	return r.isValid() ? r : void 0;
+}, ze = function(e, t, n) {
+	return f(t) ? e : t === "x" ? +e : (0, Z.default)(e).locale(n).format(t);
+}, Be = (e, t) => {
+	let n = [], r = t == null ? void 0 : t();
+	for (let t = 0; t < e; t++) n.push((r == null ? void 0 : r.includes(t)) ?? !1);
+	return n;
+}, Ve = (e) => u(e) ? e.map((e) => e.toDate()) : e.toDate(), $ = p({
+	disabledHours: { type: h(Function) },
+	disabledMinutes: { type: h(Function) },
+	disabledSeconds: { type: h(Function) }
+}), He = p({
+	visible: Boolean,
+	actualVisible: {
+		type: Boolean,
+		default: void 0
+	},
+	format: {
+		type: String,
+		default: ""
+	}
+}), Ue = p({
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	},
+	id: { type: h([Array, String]) },
+	name: { type: h([Array, String]) },
+	popperClass: O.popperClass,
+	popperStyle: O.popperStyle,
+	format: String,
+	valueFormat: String,
+	dateFormat: String,
+	timeFormat: String,
+	type: {
+		type: String,
+		default: ""
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearIcon: {
+		type: h([String, Object]),
+		default: T
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	saveOnBlur: {
+		type: Boolean,
+		default: !0
+	},
+	prefixIcon: {
+		type: h([String, Object]),
+		default: ""
+	},
+	size: a,
+	readonly: Boolean,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	popperOptions: {
+		type: h(Object),
+		default: () => ({})
+	},
+	modelValue: {
+		type: h([
+			Date,
+			Array,
+			String,
+			Number
+		]),
+		default: ""
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	startPlaceholder: String,
+	endPlaceholder: String,
+	defaultValue: { type: h([Date, Array]) },
+	defaultTime: { type: h([Date, Array]) },
+	isRange: Boolean,
+	...$,
+	disabledDate: { type: Function },
+	cellClassName: { type: Function },
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	arrowControl: Boolean,
+	tabindex: {
+		type: h([String, Number]),
+		default: 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	unlinkPanels: Boolean,
+	placement: {
+		type: h(String),
+		values: D,
+		default: "bottom"
+	},
+	fallbackPlacements: {
+		type: h(Array),
+		default: [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	...j,
+	...M(["ariaLabel"]),
+	showNow: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: Boolean
+}), We = p({
+	id: { type: h(Array) },
+	name: { type: h(Array) },
+	modelValue: { type: h([Array, String]) },
+	startPlaceholder: String,
+	endPlaceholder: String,
+	disabled: Boolean
+}), Ge = (e, t) => {
+	let { lang: n } = te(), i = G(!1), a = G(!1), o = G(null), s = I(() => {
+		let { modelValue: t } = e;
+		return !t || u(t) && !t.filter(Boolean).length;
+	}), c = (i) => {
+		if (!Le(e.modelValue, i)) {
+			let a;
+			u(i) ? a = i.map((t) => ze(t, e.valueFormat, n.value)) : i && (a = ze(i, e.valueFormat, n.value)), t(r, i && a, n.value);
+		}
+	}, l = I(() => {
+		let t;
+		if (s.value ? d.value.getDefaultValue && (t = d.value.getDefaultValue()) : t = u(e.modelValue) ? e.modelValue.map((t) => Re(t, e.valueFormat, n.value)) : Re(e.modelValue ?? "", e.valueFormat, n.value), d.value.getRangeAvailableTime) {
+			let e = d.value.getRangeAvailableTime(t);
+			Ee(e, t) || (t = e, s.value || c(Ve(t)));
+		}
+		return u(t) && t.some((e) => !e) && (t = []), t;
+	}), d = G({});
+	return {
+		parsedValue: l,
+		pickerActualVisible: a,
+		pickerOptions: d,
+		pickerVisible: i,
+		userInput: o,
+		valueIsEmpty: s,
+		emitInput: c,
+		onCalendarChange: (e) => {
+			t("calendar-change", e);
+		},
+		onPanelChange: (e, n, r) => {
+			t("panel-change", e, n, r);
+		},
+		onPick: (e = "", t = !1) => {
+			i.value = t;
+			let n;
+			n = u(e) ? e.map((e) => e.toDate()) : e && e.toDate(), o.value = null, c(n);
+		},
+		onSetPickerOption: (e) => {
+			d.value[e[0]] = e[1], d.value.panelReady = !0;
+		}
+	};
+}, Ke = [
+	"id",
+	"name",
+	"placeholder",
+	"value",
+	"disabled"
+], qe = [
+	"id",
+	"name",
+	"placeholder",
+	"value",
+	"disabled"
+], Je = /* @__PURE__ */ V({
+	name: "PickerRangeTrigger",
+	inheritAttrs: !1,
+	__name: "picker-range-trigger",
+	props: We,
+	emits: [
+		"mouseenter",
+		"mouseleave",
+		"click",
+		"touchstart",
+		"focus",
+		"blur",
+		"startInput",
+		"endInput",
+		"startChange",
+		"endChange"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, { formItem: a } = ie(), { inputId: o } = A(_e({ id: I(() => {
+			var e;
+			return (e = r.id) == null ? void 0 : e[0];
+		}) }), { formItemContext: a }), s = y(), c = m("date"), l = m("range"), u = G(), d = G(), { wrapperRef: f, isFocused: p } = oe(u, { disabled: I(() => r.disabled) }), h = (e) => {
+			i("click", e);
+		}, g = (e) => {
+			i("mouseenter", e);
+		}, _ = (e) => {
+			i("mouseleave", e);
+		}, v = (e) => {
+			i("touchstart", e);
+		}, b = (e) => {
+			i("startInput", e);
+		}, x = (e) => {
+			i("endInput", e);
+		}, S = (e) => {
+			i("startChange", e);
+		}, C = (e) => {
+			i("endChange", e);
+		};
+		return t({
+			focus: () => {
+				var e;
+				(e = u.value) == null || e.focus();
+			},
+			blur: () => {
+				var e, t;
+				(e = u.value) == null || e.blur(), (t = d.value) == null || t.blur();
+			}
+		}), (e, t) => (W(), z("div", {
+			ref_key: "wrapperRef",
+			ref: f,
+			class: U([J(c).is("active", J(p)), e.$attrs.class]),
+			style: pe(e.$attrs.style),
+			onClick: h,
+			onMouseenter: g,
+			onMouseleave: _,
+			onTouchstartPassive: v
+		}, [
+			ve(e.$slots, "prefix"),
+			B("input", fe(J(s), {
+				id: J(o),
+				ref_key: "inputRef",
+				ref: u,
+				name: e.name && e.name[0],
+				placeholder: e.startPlaceholder,
+				value: e.modelValue && e.modelValue[0],
+				class: J(l).b("input"),
+				disabled: e.disabled,
+				onInput: b,
+				onChange: S
+			}), null, 16, Ke),
+			ve(e.$slots, "range-separator"),
+			B("input", fe(J(s), {
+				id: e.id && e.id[1],
+				ref_key: "endInputRef",
+				ref: d,
+				name: e.name && e.name[1],
+				placeholder: e.endPlaceholder,
+				value: e.modelValue && e.modelValue[1],
+				class: J(l).b("input"),
+				disabled: e.disabled,
+				onInput: x,
+				onChange: C
+			}), null, 16, qe),
+			ve(e.$slots, "suffix")
+		], 38));
+	}
+}), Ye = /* @__PURE__ */ V({
+	name: "Picker",
+	__name: "picker",
+	props: Ue,
+	emits: [
+		r,
+		i,
+		"focus",
+		"blur",
+		"clear",
+		"calendar-change",
+		"panel-change",
+		"visible-change",
+		"keydown"
+	],
+	setup(e, { expose: r, emit: a }) {
+		let l = e, d = a, f = xe(), p = m("date"), h = m("input"), _ = m("range"), { formItem: v } = ie(), y = de(ke, {}), b = se(l, null), x = G(), C = G(), T = G(null), te = !1, E = re(), D = Ge(l, d), { parsedValue: O, pickerActualVisible: A, userInput: j, pickerVisible: M, pickerOptions: N, valueIsEmpty: P, emitInput: F, onPick: ce, onSetPickerOption: z, onCalendarChange: le, onPanelChange: ue } = D, { isFocused: V, handleFocus: he, handleBlur: _e } = oe(C, {
+			disabled: E,
+			beforeFocus() {
+				return l.readonly;
+			},
+			afterFocus() {
+				l.automaticDropdown && (M.value = !0);
+			},
+			beforeBlur(e) {
+				var t;
+				return !te && ((t = x.value) == null ? void 0 : t.isFocusInsideContent(e));
+			},
+			afterBlur() {
+				if (Ie.value && !l.saveOnBlur) {
+					var e, t;
+					P.value || (e = (t = N.value).handleCancel) == null || e.call(t);
+				} else et();
+				M.value = !1, te = !1, l.validateEvent && (v == null || v.validate("blur").catch((e) => c(e)));
+			}
+		}), K = G(!1), be = I(() => [
+			p.b("editor"),
+			p.bm("editor", l.type),
+			h.e("wrapper"),
+			p.is("disabled", E.value),
+			p.is("active", M.value),
+			_.b("editor"),
+			Ze ? _.bm("editor", Ze.value) : "",
+			f.class
+		]), Ce = I(() => [
+			h.e("icon"),
+			_.e("close-icon"),
+			He.value ? "" : _.em("close-icon", "hidden")
+		]);
+		Se(M, (e) => {
+			e ? H(() => {
+				e && (T.value = l.modelValue);
+			}) : (j.value = null, H(() => {
+				Te(l.modelValue);
+			}));
+		});
+		let Te = (e, t) => {
+			(t || !Le(e, T.value)) && (d(i, e), t && (T.value = e), l.validateEvent && (v == null || v.validate("change").catch((e) => c(e))));
+		}, Ee = (e) => {
+			d("keydown", e);
+		}, De = I(() => C.value ? Array.from(C.value.$el.querySelectorAll("input")) : []), je = (e, t, n) => {
+			let r = De.value;
+			r.length && (!n || n === "min" ? (r[0].setSelectionRange(e, t), r[0].focus()) : n === "max" && (r[1].setSelectionRange(e, t), r[1].focus()));
+		}, X = () => {
+			A.value = !0;
+		}, Me = () => {
+			d("visible-change", !0);
+		}, Z = () => {
+			A.value = !1, M.value = !1, d("visible-change", !1);
+		}, Ne = () => {
+			M.value = !0;
+		}, Pe = () => {
+			M.value = !1;
+		}, Q = I(() => {
+			let e = nt(O.value);
+			return u(j.value) ? [j.value[0] ?? (e && e[0]) ?? "", j.value[1] ?? (e && e[1]) ?? ""] : j.value === null ? Ie.value && P.value && !l.saveOnBlur || !Ie.value && P.value || !M.value && P.value ? "" : e ? Re.value || ze.value || Be.value ? e.join(", ") : e : "" : j.value;
+		}), Fe = I(() => l.type.includes("time")), Ie = I(() => l.type.startsWith("time")), Re = I(() => l.type === "dates"), ze = I(() => l.type === "months"), Be = I(() => l.type === "years"), $ = I(() => l.prefixIcon || (Fe.value ? S : ee)), He = I(() => l.clearable && !E.value && !l.readonly && !P.value && (K.value || V.value)), Ue = (e) => {
+			l.readonly || E.value || (He.value && (e == null || e.stopPropagation(), N.value.handleClear ? N.value.handleClear() : F(b.valueOnClear.value), Te(b.valueOnClear.value, !0), Z()), d("clear"));
+		}, We = async (e) => {
+			var t;
+			l.readonly || E.value || (((t = e.target) == null ? void 0 : t.tagName) !== "INPUT" || V.value || !l.automaticDropdown) && (M.value = !0);
+		}, Ke = () => {
+			l.readonly || E.value || !P.value && l.clearable && (K.value = !0);
+		}, qe = () => {
+			K.value = !1;
+		}, Ye = (e) => {
+			var t;
+			l.readonly || E.value || (((t = e.touches[0].target) == null ? void 0 : t.tagName) !== "INPUT" || V.value || !l.automaticDropdown) && (M.value = !0);
+		}, Xe = I(() => l.type.includes("range")), Ze = ne(), Qe = I(() => {
+			var e;
+			return (e = J(x)) == null || (e = e.popperRef) == null ? void 0 : e.contentRef;
+		}), $e = o(C, (e) => {
+			let t = J(Qe), n = s(C);
+			t && (e.target === t || e.composedPath().includes(t)) || e.target === n || n && e.composedPath().includes(n) || (M.value = !1);
+		});
+		me(() => {
+			$e == null || $e();
+		});
+		let et = () => {
+			if (Ie.value && !l.saveOnBlur) return;
+			let e = u(j.value) && j.value.every((e) => e === "");
+			if (j.value && !e) {
+				let e = tt(Q.value);
+				e && (rt(e) && F(Ve(e)), j.value = null);
+			}
+			(j.value === "" || e) && (F(b.valueOnClear.value), Te(b.valueOnClear.value, !0), j.value = null);
+		}, tt = (e) => e ? N.value.parseUserInput(e) : null, nt = (e) => e ? u(e) ? e.map((e) => e.format(l.format)) : e.format(l.format) : null, rt = (e) => N.value.isValidValue(e), it = async (e) => {
+			if (l.readonly || E.value) return;
+			let r = n(e);
+			if (Ee(e), r === t.esc) {
+				M.value === !0 && (M.value = !1, e.preventDefault(), e.stopPropagation());
+				return;
+			}
+			if (r === t.down && (N.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), M.value === !1 && (M.value = !0, await H()), N.value.handleFocusPicker)) {
+				N.value.handleFocusPicker();
+				return;
+			}
+			if (r === t.tab) {
+				te = !0;
+				return;
+			}
+			if (r === t.enter || r === t.numpadEnter) {
+				M.value ? (j.value === null || j.value === "" || rt(tt(Q.value))) && (et(), M.value = !1) : M.value = !0, e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			if (j.value) {
+				e.stopPropagation();
+				return;
+			}
+			N.value.handleKeydownInput && N.value.handleKeydownInput(e);
+		}, at = (e) => {
+			j.value = e, M.value || (M.value = !0);
+		}, ot = (e) => {
+			let t = e.target;
+			j.value ? j.value = [t.value, j.value[1]] : j.value = [t.value, null];
+		}, st = (e) => {
+			let t = e.target;
+			j.value ? j.value = [j.value[0], t.value] : j.value = [null, t.value];
+		}, ct = () => {
+			let e = j.value, t = tt(e && e[0]), n = J(O);
+			if (t && t.isValid()) {
+				var r;
+				j.value = [nt(t), ((r = Q.value) == null ? void 0 : r[1]) || null];
+				let e = [t, n && (n[1] || null)];
+				rt(e) && (F(Ve(e)), j.value = null);
+			}
+		}, lt = () => {
+			let e = J(j), t = tt(e && e[1]), n = J(O);
+			if (t && t.isValid()) {
+				var r;
+				j.value = [((r = J(Q)) == null ? void 0 : r[0]) || null, nt(t)];
+				let e = [n && n[0], t];
+				rt(e) && (F(Ve(e)), j.value = null);
+			}
+		};
+		return ge(Oe, {
+			props: l,
+			emptyValues: b
+		}), ge(Ae, D), r({
+			focus: () => {
+				var e;
+				(e = C.value) == null || e.focus();
+			},
+			blur: () => {
+				var e;
+				(e = C.value) == null || e.blur();
+			},
+			handleOpen: Ne,
+			handleClose: Pe,
+			onPick: ce
+		}), (e, t) => (W(), L(J(k), fe({
+			ref_key: "refPopper",
+			ref: x,
+			visible: J(M),
+			effect: "light",
+			pure: "",
+			trigger: "click"
+		}, e.$attrs, {
+			role: "dialog",
+			teleported: "",
+			transition: `${J(p).namespace.value}-zoom-in-top`,
+			"popper-class": [`${J(p).namespace.value}-picker__popper`, e.popperClass],
+			"popper-style": e.popperStyle,
+			"popper-options": J(y),
+			"fallback-placements": e.fallbackPlacements,
+			"gpu-acceleration": !1,
+			placement: e.placement,
+			"stop-popper-mouse-event": !1,
+			"hide-after": 0,
+			persistent: "",
+			onBeforeShow: X,
+			onShow: Me,
+			onHide: Z
+		}), {
+			default: Y(() => [Xe.value ? (W(), L(Je, {
+				key: 1,
+				id: e.id,
+				ref_key: "inputRef",
+				ref: C,
+				"model-value": Q.value,
+				name: e.name,
+				disabled: J(E),
+				readonly: !e.editable || e.readonly,
+				"start-placeholder": e.startPlaceholder,
+				"end-placeholder": e.endPlaceholder,
+				class: U(be.value),
+				style: pe(e.$attrs.style),
+				"aria-label": e.ariaLabel,
+				tabindex: e.tabindex,
+				autocomplete: "off",
+				role: "combobox",
+				onClick: We,
+				onFocus: J(he),
+				onBlur: J(_e),
+				onStartInput: ot,
+				onStartChange: ct,
+				onEndInput: st,
+				onEndChange: lt,
+				onMousedown: We,
+				onMouseenter: Ke,
+				onMouseleave: qe,
+				onTouchstartPassive: Ye,
+				onKeydown: it
+			}, {
+				prefix: Y(() => [$.value ? (W(), L(J(w), {
+					key: 0,
+					class: U([J(h).e("icon"), J(_).e("icon")])
+				}, {
+					default: Y(() => [(W(), L(ye($.value)))]),
+					_: 1
+				}, 8, ["class"])) : R("v-if", !0)]),
+				"range-separator": Y(() => [ve(e.$slots, "range-separator", {}, () => [B("span", { class: U(J(_).b("separator")) }, q(e.rangeSeparator), 3)])]),
+				suffix: Y(() => [e.clearIcon ? (W(), L(J(w), {
+					key: 0,
+					class: U(Ce.value),
+					onMousedown: we(J(g), ["prevent"]),
+					onClick: Ue
+				}, {
+					default: Y(() => [(W(), L(ye(e.clearIcon)))]),
+					_: 1
+				}, 8, ["class", "onMousedown"])) : R("v-if", !0)]),
+				_: 3
+			}, 8, [
+				"id",
+				"model-value",
+				"name",
+				"disabled",
+				"readonly",
+				"start-placeholder",
+				"end-placeholder",
+				"class",
+				"style",
+				"aria-label",
+				"tabindex",
+				"onFocus",
+				"onBlur"
+			])) : (W(), L(J(ae), {
+				key: 0,
+				id: e.id,
+				ref_key: "inputRef",
+				ref: C,
+				"container-role": "combobox",
+				"model-value": Q.value,
+				name: e.name,
+				size: J(Ze),
+				disabled: J(E),
+				placeholder: e.placeholder,
+				class: U([
+					J(p).b("editor"),
+					J(p).bm("editor", e.type),
+					J(p).is("focus", J(M)),
+					e.$attrs.class
+				]),
+				style: pe(e.$attrs.style),
+				readonly: !e.editable || e.readonly || Re.value || ze.value || Be.value || e.type === "week",
+				"aria-label": e.ariaLabel,
+				tabindex: e.tabindex,
+				"validate-event": !1,
+				onInput: at,
+				onFocus: J(he),
+				onBlur: J(_e),
+				onKeydown: it,
+				onChange: et,
+				onMousedown: We,
+				onMouseenter: Ke,
+				onMouseleave: qe,
+				onTouchstartPassive: Ye,
+				onClick: t[0] || (t[0] = we(() => {}, ["stop"]))
+			}, {
+				prefix: Y(() => [$.value ? (W(), L(J(w), {
+					key: 0,
+					class: U(J(h).e("icon")),
+					onMousedown: we(We, ["prevent"]),
+					onTouchstartPassive: Ye
+				}, {
+					default: Y(() => [(W(), L(ye($.value)))]),
+					_: 1
+				}, 8, ["class"])) : R("v-if", !0)]),
+				suffix: Y(() => [He.value && e.clearIcon ? (W(), L(J(w), {
+					key: 0,
+					class: U(`${J(h).e("icon")} clear-icon`),
+					onMousedown: we(J(g), ["prevent"]),
+					onClick: Ue
+				}, {
+					default: Y(() => [(W(), L(ye(e.clearIcon)))]),
+					_: 1
+				}, 8, ["class", "onMousedown"])) : R("v-if", !0)]),
+				_: 1
+			}, 8, [
+				"id",
+				"model-value",
+				"name",
+				"size",
+				"disabled",
+				"placeholder",
+				"class",
+				"style",
+				"readonly",
+				"aria-label",
+				"tabindex",
+				"onFocus",
+				"onBlur"
+			]))]),
+			content: Y(() => [ve(e.$slots, "default", {
+				visible: J(M),
+				actualVisible: J(A),
+				parsedValue: J(O),
+				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: t[1] || (t[1] = (...e) => J(ce) && J(ce)(...e)),
+				onSelectRange: je,
+				onSetPickerOption: t[2] || (t[2] = (...e) => J(z) && J(z)(...e)),
+				onCalendarChange: t[3] || (t[3] = (...e) => J(le) && J(le)(...e)),
+				onClear: Ue,
+				onPanelChange: t[4] || (t[4] = (...e) => J(ue) && J(ue)(...e)),
+				onMousedown: t[5] || (t[5] = we(() => {}, ["stop"]))
+			})]),
+			_: 3
+		}, 16, [
+			"visible",
+			"transition",
+			"popper-class",
+			"popper-style",
+			"popper-options",
+			"fallback-placements",
+			"placement"
+		]));
+	}
+}), Xe = p({
+	...He,
+	datetimeRole: String,
+	parsedValue: { type: h(Object) }
+}), Ze = ({ getAvailableHours: e, getAvailableMinutes: t, getAvailableSeconds: n }) => {
+	let r = (r, i, a, o) => {
+		let s = {
+			hour: e,
+			minute: t,
+			second: n
+		}, c = r;
+		return [
+			"hour",
+			"minute",
+			"second"
+		].forEach((e) => {
+			if (s[e]) {
+				let t, n = s[e];
+				switch (e) {
+					case "minute":
+						t = n(c.hour(), i, o);
+						break;
+					case "second":
+						t = n(c.hour(), c.minute(), i, o);
+						break;
+					default:
+						t = n(i, o);
+						break;
+				}
+				if (t != null && t.length && !t.includes(c[e]())) {
+					let n = a ? 0 : t.length - 1;
+					c = c[e](t[n]);
+				}
+			}
+		}), c;
+	}, i = {};
+	return {
+		timePickerOptions: i,
+		getAvailableTime: r,
+		onSetOption: ([e, t]) => {
+			i[e] = t;
+		}
+	};
+}, Qe = (e) => e.map((e, t) => e || t).filter((e) => e !== !0), $e = (e, t, n) => ({
+	getHoursList: (t, n) => Be(24, e && (() => e == null ? void 0 : e(t, n))),
+	getMinutesList: (e, n, r) => Be(60, t && (() => t == null ? void 0 : t(e, n, r))),
+	getSecondsList: (e, t, r, i) => Be(60, n && (() => n == null ? void 0 : n(e, t, r, i)))
+}), et = (e, t, n) => {
+	let { getHoursList: r, getMinutesList: i, getSecondsList: a } = $e(e, t, n);
+	return {
+		getAvailableHours: (e, t) => Qe(r(e, t)),
+		getAvailableMinutes: (e, t, n) => Qe(i(e, t, n)),
+		getAvailableSeconds: (e, t, n, r) => Qe(a(e, t, n, r))
+	};
+}, tt = (e, t) => {
+	let n = G(e.parsedValue);
+	return Se(() => e.visible, (r) => {
+		let i = be(t.modelValue), a = be(t.valueOnClear);
+		if (r && i === a) {
+			n.value = a;
+			return;
+		}
+		r || (n.value = e.parsedValue);
+	}), n;
+}, nt = p({
+	role: {
+		type: String,
+		required: !0
+	},
+	spinnerDate: {
+		type: h(Object),
+		required: !0
+	},
+	showSeconds: {
+		type: Boolean,
+		default: !0
+	},
+	arrowControl: Boolean,
+	amPmMode: {
+		type: h(String),
+		default: ""
+	},
+	...$
+}), rt = ["onClick"], it = ["onMouseenter"], at = /* @__PURE__ */ V({
+	__name: "basic-time-spinner",
+	props: nt,
+	emits: [
+		i,
+		"select-range",
+		"set-option"
+	],
+	setup(e, { emit: t }) {
+		let n = e, { isRange: r, format: a, saveOnBlur: o } = de(Oe).props, s = t, c = m("time"), { getHoursList: l, getMinutesList: u, getSecondsList: f } = $e(n.disabledHours, n.disabledMinutes, n.disabledSeconds), p = !1, h = {
+			hours: !1,
+			minutes: !1,
+			seconds: !1
+		}, g = G(), _ = {
+			hours: G(),
+			minutes: G(),
+			seconds: G()
+		}, y = I(() => n.showSeconds ? De : De.slice(0, 2)), S = I(() => {
+			let { spinnerDate: e } = n;
+			return {
+				hours: e.hour(),
+				minutes: e.minute(),
+				seconds: e.second()
+			};
+		}), ee = I(() => {
+			let { hours: e, minutes: t } = J(S), { role: i, spinnerDate: a } = n, o = r ? void 0 : a;
+			return {
+				hours: l(i, o),
+				minutes: u(e, i, o),
+				seconds: f(e, t, i, o)
+			};
+		}), T = I(() => {
+			let { hours: e, minutes: t, seconds: n } = J(S);
+			return {
+				hours: Ne(e, 23),
+				minutes: Ne(t, 59),
+				seconds: Ne(n, 59)
+			};
+		}), te = Te((e) => {
+			p = !1, k(e);
+		}, 200), D = (e) => {
+			if (!n.amPmMode) return "";
+			let t = n.amPmMode === "A", r = e < 12 ? " am" : " pm";
+			return t && (r = r.toUpperCase()), r;
+		}, O = (e) => {
+			let t = [0, 0], n = a || "HH:mm:ss", r = n.indexOf("HH"), i = n.indexOf("mm"), o = n.indexOf("ss");
+			switch (e) {
+				case "hours":
+					r !== -1 && (t = [r, r + 2]);
+					break;
+				case "minutes":
+					i !== -1 && (t = [i, i + 2]);
+					break;
+				case "seconds":
+					o !== -1 && (t = [o, o + 2]);
+					break;
+			}
+			let [c, l] = t;
+			s("select-range", c, l), g.value = e;
+		}, k = (e) => {
+			re(e, J(S)[e]);
+		}, ne = () => {
+			k("hours"), k("minutes"), k("seconds");
+		}, A = (e) => e.querySelector(`.${c.namespace.value}-scrollbar__wrap`), re = (e, t) => {
+			if (n.arrowControl) return;
+			let r = J(_[e]);
+			r && r.$el && (o || (h[e] = !0, E(() => {
+				h[e] = !1;
+			})), A(r.$el).scrollTop = Math.max(0, t * ie(e)));
+		}, ie = (e) => {
+			var t;
+			let n = (t = J(_[e])) == null ? void 0 : t.$el.querySelector("li");
+			return n && Number.parseFloat(b(n, "height")) || 0;
+		}, ae = () => {
+			se(1);
+		}, oe = () => {
+			se(-1);
+		}, se = (e) => {
+			g.value || O("hours");
+			let t = g.value, n = J(S)[t], r = j(t, n, e, g.value === "hours" ? 24 : 60);
+			M(t, r), re(t, r), H(() => O(t));
+		}, j = (e, t, n, r) => {
+			let i = (t + n + r) % r, a = J(ee)[e];
+			for (; a[i] && i !== t;) i = (i + n + r) % r;
+			return i;
+		}, M = (e, t) => {
+			if (J(ee)[e][t]) return;
+			let { hours: r, minutes: a, seconds: o } = J(S), c;
+			switch (e) {
+				case "hours":
+					c = n.spinnerDate.hour(t).minute(a).second(o);
+					break;
+				case "minutes":
+					c = n.spinnerDate.hour(r).minute(t).second(o);
+					break;
+				case "seconds":
+					c = n.spinnerDate.hour(r).minute(a).second(t);
+					break;
+			}
+			s(i, c);
+		}, P = (e, { value: t, disabled: n }) => {
+			n || (M(e, t), O(e), re(e, t));
+		}, ce = (e) => {
+			if (!o && h[e]) return;
+			let t = J(_[e]);
+			t && (p = !0, te(e), M(e, Math.min(Math.round((A(t.$el).scrollTop - (V(e) * .5 - 10) / ie(e) + 3) / ie(e)), e === "hours" ? 23 : 59)));
+		}, V = (e) => J(_[e]).$el.offsetHeight, fe = () => {
+			let e = (e) => {
+				let t = J(_[e]);
+				t && t.$el && (A(t.$el).onscroll = () => {
+					ce(e);
+				});
+			};
+			e("hours"), e("minutes"), e("seconds");
+		};
+		he(() => {
+			H(() => {
+				!n.arrowControl && fe(), ne(), n.role === "start" && O("hours");
+			});
+		});
+		let pe = (e, t) => {
+			_[t].value = e ?? void 0;
+		};
+		return s("set-option", [`${n.role}_scrollDown`, se]), s("set-option", [`${n.role}_emitSelectRange`, O]), Se(() => n.spinnerDate, () => {
+			p || ne();
+		}), (e, t) => (W(), z("div", { class: U([J(c).b("spinner"), { "has-seconds": e.showSeconds }]) }, [e.arrowControl ? R("v-if", !0) : (W(!0), z(F, { key: 0 }, K(y.value, (t) => (W(), L(J(N), {
+			key: t,
+			ref_for: !0,
+			ref: (e) => pe(e, t),
+			class: U(J(c).be("spinner", "wrapper")),
+			"wrap-style": "max-height: inherit;",
+			"view-class": J(c).be("spinner", "list"),
+			noresize: "",
+			tag: "ul",
+			onMouseenter: (e) => O(t),
+			onMousemove: (e) => k(t)
+		}, {
+			default: Y(() => [(W(!0), z(F, null, K(ee.value[t], (n, r) => (W(), z("li", {
+				key: r,
+				class: U([
+					J(c).be("spinner", "item"),
+					J(c).is("active", r === S.value[t]),
+					J(c).is("disabled", n)
+				]),
+				onClick: (e) => P(t, {
+					value: r,
+					disabled: n
+				})
+			}, [t === "hours" ? (W(), z(F, { key: 0 }, [le(q(("0" + (e.amPmMode ? r % 12 || 12 : r)).slice(-2)) + q(D(r)), 1)], 64)) : (W(), z(F, { key: 1 }, [le(q(("0" + r).slice(-2)), 1)], 64))], 10, rt))), 128))]),
+			_: 2
+		}, 1032, [
+			"class",
+			"view-class",
+			"onMouseenter",
+			"onMousemove"
+		]))), 128)), e.arrowControl ? (W(!0), z(F, { key: 1 }, K(y.value, (t) => (W(), z("div", {
+			key: t,
+			class: U([J(c).be("spinner", "wrapper"), J(c).is("arrow")]),
+			onMouseenter: (e) => O(t)
+		}, [
+			Ce((W(), L(J(w), { class: U(["arrow-up", J(c).be("spinner", "arrow")]) }, {
+				default: Y(() => [ue(J(x))]),
+				_: 1
+			}, 8, ["class"])), [[J(v), oe]]),
+			Ce((W(), L(J(w), { class: U(["arrow-down", J(c).be("spinner", "arrow")]) }, {
+				default: Y(() => [ue(J(C))]),
+				_: 1
+			}, 8, ["class"])), [[J(v), ae]]),
+			B("ul", { class: U(J(c).be("spinner", "list")) }, [(W(!0), z(F, null, K(T.value[t], (n, r) => (W(), z("li", {
+				key: r,
+				class: U([
+					J(c).be("spinner", "item"),
+					J(c).is("active", n === S.value[t]),
+					J(c).is("disabled", ee.value[t][n])
+				])
+			}, [J(d)(n) ? (W(), z(F, { key: 0 }, [t === "hours" ? (W(), z(F, { key: 0 }, [le(q(("0" + (e.amPmMode ? n % 12 || 12 : n)).slice(-2)) + q(D(n)), 1)], 64)) : (W(), z(F, { key: 1 }, [le(q(("0" + n).slice(-2)), 1)], 64))], 64)) : R("v-if", !0)], 2))), 128))], 2)
+		], 42, it))), 128)) : R("v-if", !0)], 2));
+	}
+}), ot = /* @__PURE__ */ V({
+	__name: "panel-time-pick",
+	props: Xe,
+	emits: [
+		"pick",
+		"select-range",
+		"set-picker-option"
+	],
+	setup(e, { emit: r }) {
+		let i = e, a = r, o = de(Oe), { arrowControl: s, disabledHours: c, disabledMinutes: l, disabledSeconds: u, defaultValue: d } = o.props, { getAvailableHours: f, getAvailableMinutes: p, getAvailableSeconds: h } = et(c, l, u), g = m("time"), { t: v, lang: y } = te(), b = G([0, 2]), x = tt(i, {
+			modelValue: I(() => o.props.modelValue),
+			valueOnClear: I(() => o != null && o.emptyValues ? o.emptyValues.valueOnClear.value : null)
+		}), S = I(() => _(i.actualVisible) ? `${g.namespace.value}-zoom-in-top` : ""), C = I(() => i.format.includes("ss")), ee = I(() => i.format.includes("A") ? "A" : i.format.includes("a") ? "a" : ""), w = (e) => {
+			let t = (0, Z.default)(e).locale(y.value), n = ae(t);
+			return t.isSame(n);
+		}, T = () => {
+			let e = x.value;
+			a("pick", e, !1), H(() => {
+				x.value = e;
+			});
+		}, E = (e = !1, t = !1) => {
+			t || a("pick", i.parsedValue, e);
+		}, D = (e) => {
+			i.visible && a("pick", ae(e).millisecond(0), !0);
+		}, O = (e, t) => {
+			a("select-range", e, t), b.value = [e, t];
+		}, k = (e) => {
+			let t = i.format, n = t.indexOf("HH"), r = t.indexOf("mm"), a = t.indexOf("ss"), o = [], s = [];
+			n !== -1 && (o.push(n), s.push("hours")), r !== -1 && (o.push(r), s.push("minutes")), a !== -1 && C.value && (o.push(a), s.push("seconds"));
+			let c = (o.indexOf(b.value[0]) + e + o.length) % o.length;
+			A.start_emitSelectRange(s[c]);
+		}, ne = (e) => {
+			let r = n(e), { left: i, right: a, up: o, down: s } = t;
+			if ([i, a].includes(r)) {
+				k(r === i ? -1 : 1), e.preventDefault();
+				return;
+			}
+			if ([o, s].includes(r)) {
+				let t = r === o ? -1 : 1;
+				A.start_scrollDown(t), e.preventDefault();
+				return;
+			}
+		}, { timePickerOptions: A, onSetOption: re, getAvailableTime: ie } = Ze({
+			getAvailableHours: f,
+			getAvailableMinutes: p,
+			getAvailableSeconds: h
+		}), ae = (e) => ie(e, i.datetimeRole || "", !0);
+		return a("set-picker-option", ["isValidValue", w]), a("set-picker-option", ["parseUserInput", (e) => e ? (0, Z.default)(e, i.format).locale(y.value) : null]), a("set-picker-option", ["handleKeydownInput", ne]), a("set-picker-option", ["getRangeAvailableTime", ae]), a("set-picker-option", ["getDefaultValue", () => (0, Z.default)(d).locale(y.value)]), a("set-picker-option", ["handleCancel", T]), (e, t) => (W(), L(ce, { name: S.value }, {
+			default: Y(() => [e.actualVisible || e.visible ? (W(), z("div", {
+				key: 0,
+				class: U(J(g).b("panel"))
+			}, [B("div", { class: U([J(g).be("panel", "content"), { "has-seconds": C.value }]) }, [ue(at, {
+				ref: "spinner",
+				role: e.datetimeRole || "start",
+				"arrow-control": J(s),
+				"show-seconds": C.value,
+				"am-pm-mode": ee.value,
+				"spinner-date": e.parsedValue,
+				"disabled-hours": J(c),
+				"disabled-minutes": J(l),
+				"disabled-seconds": J(u),
+				onChange: D,
+				onSetOption: J(re),
+				onSelectRange: O
+			}, null, 8, [
+				"role",
+				"arrow-control",
+				"show-seconds",
+				"am-pm-mode",
+				"spinner-date",
+				"disabled-hours",
+				"disabled-minutes",
+				"disabled-seconds",
+				"onSetOption"
+			])], 2), B("div", { class: U(J(g).be("panel", "footer")) }, [B("button", {
+				type: "button",
+				class: U([J(g).be("panel", "btn"), "cancel"]),
+				onClick: T
+			}, q(J(v)("el.datepicker.cancel")), 3), B("button", {
+				type: "button",
+				class: U([J(g).be("panel", "btn"), "confirm"]),
+				onClick: t[0] || (t[0] = (e) => E())
+			}, q(J(v)("el.datepicker.confirm")), 3)], 2)], 2)) : R("v-if", !0)]),
+			_: 1
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { Oe as _, Ze as a, Ue as c, Q as d, Fe as f, je as g, Me as h, tt as i, $ as l, X as m, at as n, Ye as o, Pe as p, et as r, Ge as s, ot as t, He as u, ke as v, Ae as y };