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

package/chunks/DsYXqJLZ.mjs

@@ -0,0 +1,641 @@
+import { i as e, n as t } from "./Bdeug17L.mjs";
+import { n, r, t as i } from "./DnBzQ-xh.mjs";
+import { r as a } from "./akEzJ4kG.mjs";
+import { _ as o, n as s, t as c } from "./hgAOQY9a.mjs";
+import { E as l, M as u, g as d, l as f, s as p, t as m, u as h } from "./DrKq_frR.mjs";
+import { n as g } from "./GEtlriHC.mjs";
+import { a as _, t as v } from "./GsvG1yFW.mjs";
+import { i as y, n as b, r as x, t as S } from "./CcT5SsZk.mjs";
+import { t as C } from "./BVIHqL6g.mjs";
+import { t as w } from "./Baam4z-g.mjs";
+import { Fragment as T, computed as E, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createVNode as j, defineComponent as M, h as N, inject as ee, nextTick as P, normalizeClass as F, normalizeStyle as I, onMounted as L, openBlock as R, provide as te, reactive as z, ref as B, renderList as V, shallowRef as ne, toDisplayString as re, toRefs as H, unref as U, watch as W, watchEffect as G, withCtx as K, withModifiers as q } from "vue";
+import { clamp as J, debounce as ie } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/slider/src/constants.mjs
+var ae = Symbol("sliderContextKey"), Y = f({
+	modelValue: {
+		type: h([Number, Array]),
+		default: 0
+	},
+	id: {
+		type: String,
+		default: void 0
+	},
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: {
+		type: h([Number, String]),
+		default: 1
+	},
+	showInput: Boolean,
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: a,
+	inputSize: a,
+	showStops: Boolean,
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: {
+		type: h(Function),
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	range: Boolean,
+	vertical: Boolean,
+	height: String,
+	rangeStartLabel: {
+		type: String,
+		default: void 0
+	},
+	rangeEndLabel: {
+		type: String,
+		default: void 0
+	},
+	formatValueText: {
+		type: h(Function),
+		default: void 0
+	},
+	tooltipClass: {
+		type: String,
+		default: void 0
+	},
+	placement: {
+		type: String,
+		values: _,
+		default: "top"
+	},
+	marks: { type: h(Object) },
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	...C(["ariaLabel"])
+}), X = (e) => d(e) || l(e) && e.every(d), oe = {
+	[r]: X,
+	[n]: X,
+	[i]: X
+}, se = (e, t, n) => {
+	let r = B();
+	return L(async () => {
+		e.range ? (l(e.modelValue) ? (t.firstValue = Math.max(e.min, e.modelValue[0]), t.secondValue = Math.min(e.max, e.modelValue[1])) : (t.firstValue = e.min, t.secondValue = e.max), t.oldValue = [t.firstValue, t.secondValue]) : (!d(e.modelValue) || Number.isNaN(e.modelValue) ? t.firstValue = e.min : t.firstValue = Math.min(e.max, Math.max(e.min, e.modelValue)), t.oldValue = t.firstValue), o(window, "resize", n), await P(), n();
+	}), { sliderWrapper: r };
+}, ce = (e) => {
+	let t = E(() => e.marks ? Object.keys(e.marks).map(Number.parseFloat).sort((e, t) => e - t).filter((t) => t <= e.max && t >= e.min).map((t) => ({
+		point: t,
+		position: (t - e.min) * 100 / (e.max - e.min),
+		mark: e.marks[t]
+	})) : []);
+	return G(() => {
+		if (e.step === "mark" && !e.marks && c("ElSlider", "marks prop must be provided when step is mark"), e.marks) {
+			let n = Object.keys(e.marks), r = t.value.map((e) => e.point), i = n.filter((e) => {
+				let t = Number.parseFloat(e);
+				return Number.isNaN(t) || !r.includes(t);
+			});
+			i.length > 0 && c("ElSlider", `Some marks keys are invalid (not a number or out of [min, max]): [${i.map((e) => `'${e}'`).join(", ")}] and will be ignored.`);
+		}
+	}), t;
+}, le = (e, t, a) => {
+	let { formItem: o } = S(), s = ne(), c = B(), l = B(), u = {
+		firstButton: c,
+		secondButton: l
+	}, d = x(), f = E(() => Math.min(t.firstValue, t.secondValue)), p = E(() => Math.max(t.firstValue, t.secondValue)), m = E(() => e.range ? `${100 * (p.value - f.value) / (e.max - e.min)}%` : `${100 * (t.firstValue - e.min) / (e.max - e.min)}%`), h = E(() => e.range ? `${100 * (f.value - e.min) / (e.max - e.min)}%` : "0%"), g = E(() => e.vertical ? { height: e.height } : {}), _ = E(() => e.vertical ? {
+		height: m.value,
+		bottom: h.value
+	} : {
+		width: m.value,
+		left: h.value
+	}), v = () => {
+		s.value && (t.sliderSize = s.value.getBoundingClientRect()[e.vertical ? "height" : "width"]);
+	}, y = (n) => {
+		let r = e.min + n * (e.max - e.min) / 100;
+		if (!e.range) return c;
+		let i;
+		return i = Math.abs(f.value - r) < Math.abs(p.value - r) ? t.firstValue < t.secondValue ? "firstButton" : "secondButton" : t.firstValue > t.secondValue ? "firstButton" : "secondButton", u[i];
+	}, b = (e) => {
+		let t = y(e);
+		return t.value.setPosition(e), t;
+	}, C = (n) => {
+		t.firstValue = n ?? e.min, T(e.range ? [f.value, p.value] : n ?? e.min);
+	}, w = (n) => {
+		t.secondValue = n, e.range && T([f.value, p.value]);
+	}, T = (e) => {
+		a(r, e), a(n, e);
+	}, D = async () => {
+		await P(), a(i, e.range ? [f.value, p.value] : e.modelValue);
+	}, O = (n) => {
+		var r;
+		if (d.value || t.dragging) return;
+		v();
+		let i = 0;
+		if (e.vertical) {
+			var a;
+			let e = ((a = n.touches) == null || (a = a.item(0)) == null ? void 0 : a.clientY) ?? n.clientY;
+			i = (s.value.getBoundingClientRect().bottom - e) / t.sliderSize * 100;
+		} else i = ((((r = n.touches) == null || (r = r.item(0)) == null ? void 0 : r.clientX) ?? n.clientX) - s.value.getBoundingClientRect().left) / t.sliderSize * 100;
+		if (!(i < 0 || i > 100)) return b(i);
+	};
+	return {
+		elFormItem: o,
+		slider: s,
+		firstButton: c,
+		secondButton: l,
+		sliderDisabled: d,
+		minValue: f,
+		maxValue: p,
+		runwayStyle: g,
+		barStyle: _,
+		resetSize: v,
+		setPosition: b,
+		emitChange: D,
+		onSliderWrapperPrevent: (e) => {
+			var t, n;
+			((t = u.firstButton.value) != null && t.dragging || (n = u.secondButton.value) != null && n.dragging) && e.preventDefault();
+		},
+		onSliderClick: (e) => {
+			O(e) && D();
+		},
+		onSliderDown: async (e) => {
+			let t = O(e);
+			t && (await P(), t.value.onButtonDown(e));
+		},
+		onSliderMarkerDown: (e) => {
+			d.value || t.dragging || b(e) && D();
+		},
+		setFirstValue: C,
+		setSecondValue: w
+	};
+}, ue = (e, t, n, r) => ({
+	stops: E(() => {
+		if (!e.showStops || e.min > e.max) return [];
+		if (e.step === "mark" || e.step === 0) return e.step === 0 && c("ElSlider", "step should not be 0."), [];
+		let i = Math.ceil((e.max - e.min) / e.step), a = 100 * e.step / (e.max - e.min), o = Array.from({ length: i - 1 }).map((e, t) => (t + 1) * a);
+		return e.range ? o.filter((t) => t < 100 * (n.value - e.min) / (e.max - e.min) || t > 100 * (r.value - e.min) / (e.max - e.min)) : o.filter((n) => n > 100 * (t.firstValue - e.min) / (e.max - e.min));
+	}),
+	getStopStyle: (t) => e.vertical ? { bottom: `${t}%` } : { left: `${t}%` }
+}), de = (e, t, i, a, o, u) => {
+	let f = (e) => {
+		o(r, e), o(n, e);
+	}, p = () => e.range ? ![i.value, a.value].every((e, n) => e === t.oldValue[n]) : e.modelValue !== t.oldValue, m = () => {
+		e.min > e.max && s("Slider", "min should not be greater than max.");
+		let n = e.modelValue;
+		if (e.range && l(n)) {
+			if (n[1] < e.min) f([e.min, e.min]);
+			else if (n[0] > e.max) f([e.max, e.max]);
+			else if (n[0] < e.min) f([e.min, n[1]]);
+			else if (n[1] > e.max) f([n[0], e.max]);
+			else if (t.firstValue = n[0], t.secondValue = n[1], p()) {
+				var r;
+				e.validateEvent && (u == null || (r = u.validate) == null || r.call(u, "change").catch((e) => c(e))), t.oldValue = n.slice();
+			}
+		} else if (!e.range && d(n) && !Number.isNaN(n)) {
+			if (n < e.min) f(e.min);
+			else if (n > e.max) f(e.max);
+			else if (t.firstValue = n, p()) {
+				var i;
+				e.validateEvent && (u == null || (i = u.validate) == null || i.call(u, "change").catch((e) => c(e))), t.oldValue = n;
+			}
+		}
+	};
+	m(), W(() => t.dragging, (e) => {
+		e || m();
+	}), W(() => e.modelValue, (e, n) => {
+		t.dragging || l(e) && l(n) && e.every((e, t) => e === n[t]) && t.firstValue === e[0] && t.secondValue === e[1] || m();
+	}, { deep: !0 }), W(() => [e.min, e.max], () => {
+		m();
+	});
+}, fe = (e, t, n) => {
+	let r = B(), i = B(!1), a = E(() => t.value instanceof Function);
+	return {
+		tooltip: r,
+		tooltipVisible: i,
+		formatValue: E(() => a.value && t.value(e.modelValue) || e.modelValue),
+		displayTooltip: ie(() => {
+			n.value && (i.value = !0);
+		}, 50),
+		hideTooltip: ie(() => {
+			n.value && (i.value = !1);
+		}, 50)
+	};
+}, pe = (n, i, a) => {
+	let { disabled: s, min: c, max: l, step: u, showTooltip: f, persistent: p, precision: m, sliderSize: h, formatTooltip: g, emitChange: _, resetSize: v, updateDragging: y, markList: b } = ee(ae), { tooltip: x, tooltipVisible: S, formatValue: C, displayTooltip: w, hideTooltip: T } = fe(n, g, f), D = B(), O = E(() => `${(n.modelValue - c.value) / (l.value - c.value) * 100}%`), k = E(() => n.vertical ? { bottom: O.value } : { left: O.value }), A = E(() => u.value === "mark" && b.value.length > 0), j = () => {
+		i.hovering = !0, w();
+	}, M = () => {
+		i.hovering = !1, i.dragging || T();
+	}, N = (e) => {
+		s.value || (e.preventDefault(), U(e), window.addEventListener("mousemove", G), window.addEventListener("touchmove", G), window.addEventListener("mouseup", K), window.addEventListener("touchend", K), window.addEventListener("contextmenu", K), D.value.focus());
+	}, F = (e) => {
+		s.value || (i.newPosition = Number.parseFloat(O.value) + e / (l.value - c.value) * 100, q(i.newPosition), _());
+	}, I = (e) => {
+		if (s.value || !b.value.length) return;
+		let t = n.modelValue, r = 2 ** -52, i = Math.abs(e), a;
+		if (e > 0) {
+			let e = b.value.findIndex((e) => e.point > t + r);
+			if (e !== -1) {
+				let t = Math.min(e + i - 1, b.value.length - 1);
+				a = b.value[t].point;
+			}
+		} else {
+			let e = -1;
+			for (let n = b.value.length - 1; n >= 0; n--) if (b.value[n].point < t - r) {
+				e = n;
+				break;
+			}
+			if (e !== -1) {
+				let t = Math.max(e - (i - 1), 0);
+				a = b.value[t].point;
+			}
+		}
+		a !== void 0 && a !== t && (q((a - c.value) / (l.value - c.value) * 100), _());
+	}, L = () => {
+		A.value ? I(-1) : d(u.value) && F(-u.value);
+	}, R = () => {
+		A.value ? I(1) : d(u.value) && F(u.value);
+	}, te = () => {
+		A.value ? I(-4) : d(u.value) && F(-u.value * 4);
+	}, z = () => {
+		A.value ? I(4) : d(u.value) && F(u.value * 4);
+	}, V = () => {
+		s.value || (q(0), _());
+	}, ne = () => {
+		s.value || (q(100), _());
+	}, re = (n) => {
+		let r = t(n), i = !0;
+		switch (r) {
+			case e.left:
+			case e.down:
+				L();
+				break;
+			case e.right:
+			case e.up:
+				R();
+				break;
+			case e.home:
+				V();
+				break;
+			case e.end:
+				ne();
+				break;
+			case e.pageDown:
+				te();
+				break;
+			case e.pageUp:
+				z();
+				break;
+			default:
+				i = !1;
+				break;
+		}
+		i && n.preventDefault();
+	}, H = (e) => {
+		let t, n;
+		return e.type.startsWith("touch") ? (n = e.touches[0].clientY, t = e.touches[0].clientX) : (n = e.clientY, t = e.clientX), {
+			clientX: t,
+			clientY: n
+		};
+	}, U = (e) => {
+		i.dragging = !0, i.isClick = !0;
+		let { clientX: t, clientY: r } = H(e);
+		n.vertical ? i.startY = r : i.startX = t, i.startPosition = Number.parseFloat(O.value), i.newPosition = i.startPosition;
+	}, G = (e) => {
+		if (i.dragging) {
+			i.isClick = !1, w(), v();
+			let t, { clientX: r, clientY: a } = H(e);
+			n.vertical ? (i.currentY = a, t = (i.startY - i.currentY) / h.value * 100) : (i.currentX = r, t = (i.currentX - i.startX) / h.value * 100), i.newPosition = i.startPosition + t, q(i.newPosition);
+		}
+	}, K = () => {
+		i.dragging && (setTimeout(() => {
+			i.dragging = !1, i.hovering || T(), i.isClick || q(i.newPosition), _();
+		}, 0), window.removeEventListener("mousemove", G), window.removeEventListener("touchmove", G), window.removeEventListener("mouseup", K), window.removeEventListener("touchend", K), window.removeEventListener("contextmenu", K));
+	}, q = async (e) => {
+		if (e === null || Number.isNaN(+e)) return;
+		e = J(e, 0, 100);
+		let t;
+		if (u.value === "mark") t = b.value.length === 0 ? e <= 50 ? c.value : l.value : b.value.reduce((t, n) => Math.abs(n.position - e) < Math.abs(t.position - e) ? n : t).point;
+		else {
+			let n = Math.floor((l.value - c.value) / u.value), r = n * u.value / (l.value - c.value) * 100, i = r + (100 - r) / 2;
+			if (e < r) {
+				let i = r / n, a = Math.round(e / i);
+				t = c.value + a * u.value;
+			} else t = e < i ? c.value + n * u.value : l.value;
+			t = Number.parseFloat(t.toFixed(m.value));
+		}
+		t !== n.modelValue && a(r, t), !i.dragging && n.modelValue !== i.oldValue && (i.oldValue = n.modelValue), await P(), i.dragging && w(), x.value.updatePopper();
+	};
+	return W(() => i.dragging, (e) => {
+		y(e);
+	}), o(D, "touchstart", N, { passive: !1 }), {
+		disabled: s,
+		button: D,
+		tooltip: x,
+		tooltipVisible: S,
+		showTooltip: f,
+		persistent: p,
+		wrapperStyle: k,
+		formatValue: C,
+		handleMouseEnter: j,
+		handleMouseLeave: M,
+		onButtonDown: N,
+		onKeyDown: re,
+		setPosition: q
+	};
+}, me = f({
+	modelValue: {
+		type: Number,
+		default: 0
+	},
+	vertical: Boolean,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		values: _,
+		default: "top"
+	}
+}), he = { [r]: (e) => d(e) }, Z = ["tabindex"], ge = /* @__PURE__ */ M({
+	name: "ElSliderButton",
+	__name: "button",
+	props: me,
+	emits: he,
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = p("slider"), o = z({
+			hovering: !1,
+			dragging: !1,
+			isClick: !1,
+			startX: 0,
+			currentX: 0,
+			startY: 0,
+			currentY: 0,
+			startPosition: 0,
+			newPosition: 0,
+			oldValue: r.modelValue
+		}), s = E(() => d.value ? f.value : !1), { disabled: c, button: l, tooltip: u, showTooltip: d, persistent: f, tooltipVisible: m, wrapperStyle: h, formatValue: g, handleMouseEnter: _, handleMouseLeave: y, onButtonDown: b, onKeyDown: x, setPosition: S } = pe(r, o, i), { hovering: C, dragging: w } = H(o);
+		return t({
+			onButtonDown: b,
+			onKeyDown: x,
+			setPosition: S,
+			hovering: C,
+			dragging: w
+		}), (e, t) => (R(), k("div", {
+			ref_key: "button",
+			ref: l,
+			class: F([U(a).e("button-wrapper"), {
+				hover: U(C),
+				dragging: U(w)
+			}]),
+			style: I(U(h)),
+			tabindex: U(c) ? void 0 : 0,
+			onMouseenter: t[0] || (t[0] = (...e) => U(_) && U(_)(...e)),
+			onMouseleave: t[1] || (t[1] = (...e) => U(y) && U(y)(...e)),
+			onMousedown: t[2] || (t[2] = (...e) => U(b) && U(b)(...e)),
+			onFocus: t[3] || (t[3] = (...e) => U(_) && U(_)(...e)),
+			onBlur: t[4] || (t[4] = (...e) => U(y) && U(y)(...e)),
+			onKeydown: t[5] || (t[5] = (...e) => U(x) && U(x)(...e))
+		}, [j(U(v), {
+			ref_key: "tooltip",
+			ref: u,
+			visible: U(m),
+			placement: e.placement,
+			"fallback-placements": [
+				"top",
+				"bottom",
+				"right",
+				"left"
+			],
+			"stop-popper-mouse-event": !1,
+			"popper-class": e.tooltipClass,
+			disabled: !U(d),
+			persistent: s.value
+		}, {
+			content: K(() => [A("span", null, re(U(g)), 1)]),
+			default: K(() => [A("div", { class: F([U(a).e("button"), {
+				hover: U(C),
+				dragging: U(w)
+			}]) }, null, 2)]),
+			_: 1
+		}, 8, [
+			"visible",
+			"placement",
+			"popper-class",
+			"disabled",
+			"persistent"
+		])], 46, Z));
+	}
+}), _e = M({
+	name: "ElSliderMarker",
+	props: f({ mark: {
+		type: h([String, Object]),
+		default: void 0
+	} }),
+	setup(e) {
+		let t = p("slider"), n = E(() => u(e.mark) ? e.mark : e.mark.label), r = E(() => u(e.mark) ? void 0 : e.mark.style);
+		return () => N("div", {
+			class: t.e("marks-text"),
+			style: r.value
+		}, n.value);
+	}
+}), ve = [
+	"id",
+	"role",
+	"aria-label",
+	"aria-labelledby"
+], ye = { key: 1 }, be = m(/* @__PURE__ */ M({
+	name: "ElSlider",
+	__name: "slider",
+	props: Y,
+	emits: oe,
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = p("slider"), { t: s } = g(), c = z({
+			firstValue: 0,
+			secondValue: 0,
+			oldValue: 0,
+			dragging: !1,
+			sliderSize: 1
+		}), { elFormItem: l, slider: u, firstButton: f, secondButton: m, sliderDisabled: h, minValue: _, maxValue: v, runwayStyle: x, barStyle: S, resetSize: C, emitChange: M, onSliderWrapperPrevent: N, onSliderClick: ee, onSliderDown: P, onSliderMarkerDown: L, setFirstValue: B, setSecondValue: ne } = le(r, c, i), { stops: re, getStopStyle: W } = ue(r, c, _, v), { inputId: G, isLabeledByFormItem: K } = b(r, { formItemContext: l }), J = y(), ie = E(() => r.inputSize || J.value), Y = E(() => r.showInput && !r.range && r.step !== "mark"), X = E(() => r.ariaLabel || s("el.slider.defaultLabel", {
+			min: r.min,
+			max: r.max
+		})), oe = E(() => r.range ? r.rangeStartLabel || s("el.slider.defaultRangeStartLabel") : X.value), fe = E(() => r.formatValueText ? r.formatValueText(Q.value) : `${Q.value}`), pe = E(() => r.rangeEndLabel || s("el.slider.defaultRangeEndLabel")), me = E(() => r.formatValueText ? r.formatValueText($.value) : `${$.value}`), he = E(() => [
+			a.b(),
+			a.m(J.value),
+			a.is("vertical", r.vertical),
+			{ [a.m("with-input")]: Y.value }
+		]), Z = ce(r);
+		de(r, c, _, v, i, l);
+		let be = E(() => d(r.step) ? r.step : 1), xe = E(() => {
+			let e = d(r.step) ? r.step : 1, t = [
+				r.min,
+				r.max,
+				e
+			].map((e) => {
+				let t = `${e}`.split(".")[1];
+				return t ? t.length : 0;
+			});
+			return Math.max.apply(null, t);
+		}), { sliderWrapper: Se } = se(r, c, C), { firstValue: Q, secondValue: $, sliderSize: Ce } = H(c), we = (e) => {
+			c.dragging = e;
+		};
+		return o(Se, "touchstart", N, { passive: !1 }), o(Se, "touchmove", N, { passive: !1 }), te(ae, {
+			...H(r),
+			sliderSize: Ce,
+			disabled: h,
+			precision: xe,
+			markList: Z,
+			emitChange: M,
+			resetSize: C,
+			updateDragging: we
+		}), t({ onSliderClick: ee }), (e, t) => {
+			var n, r;
+			return R(), k("div", {
+				id: e.range ? U(G) : void 0,
+				ref_key: "sliderWrapper",
+				ref: Se,
+				class: F(he.value),
+				role: e.range ? "group" : void 0,
+				"aria-label": e.range && !U(K) ? X.value : void 0,
+				"aria-labelledby": e.range && U(K) ? (n = U(l)) == null ? void 0 : n.labelId : void 0
+			}, [A("div", {
+				ref_key: "slider",
+				ref: u,
+				class: F([
+					U(a).e("runway"),
+					{ "show-input": Y.value },
+					U(a).is("disabled", U(h))
+				]),
+				style: I(U(x)),
+				onMousedown: t[0] || (t[0] = (...e) => U(P) && U(P)(...e)),
+				onTouchstartPassive: t[1] || (t[1] = (...e) => U(P) && U(P)(...e))
+			}, [
+				A("div", {
+					class: F(U(a).e("bar")),
+					style: I(U(S))
+				}, null, 6),
+				j(ge, {
+					id: e.range ? void 0 : U(G),
+					ref_key: "firstButton",
+					ref: f,
+					"model-value": U(Q),
+					vertical: e.vertical,
+					"tooltip-class": e.tooltipClass,
+					placement: e.placement,
+					role: "slider",
+					"aria-label": e.range || !U(K) ? oe.value : void 0,
+					"aria-labelledby": !e.range && U(K) ? (r = U(l)) == null ? void 0 : r.labelId : void 0,
+					"aria-valuemin": e.min,
+					"aria-valuemax": e.range ? U($) : e.max,
+					"aria-valuenow": U(Q),
+					"aria-valuetext": fe.value,
+					"aria-orientation": e.vertical ? "vertical" : "horizontal",
+					"aria-disabled": U(h),
+					"onUpdate:modelValue": U(B)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"vertical",
+					"tooltip-class",
+					"placement",
+					"aria-label",
+					"aria-labelledby",
+					"aria-valuemin",
+					"aria-valuemax",
+					"aria-valuenow",
+					"aria-valuetext",
+					"aria-orientation",
+					"aria-disabled",
+					"onUpdate:modelValue"
+				]),
+				e.range ? (R(), D(ge, {
+					key: 0,
+					ref_key: "secondButton",
+					ref: m,
+					"model-value": U($),
+					vertical: e.vertical,
+					"tooltip-class": e.tooltipClass,
+					placement: e.placement,
+					role: "slider",
+					"aria-label": pe.value,
+					"aria-valuemin": U(Q),
+					"aria-valuemax": e.max,
+					"aria-valuenow": U($),
+					"aria-valuetext": me.value,
+					"aria-orientation": e.vertical ? "vertical" : "horizontal",
+					"aria-disabled": U(h),
+					"onUpdate:modelValue": U(ne)
+				}, null, 8, [
+					"model-value",
+					"vertical",
+					"tooltip-class",
+					"placement",
+					"aria-label",
+					"aria-valuemin",
+					"aria-valuemax",
+					"aria-valuenow",
+					"aria-valuetext",
+					"aria-orientation",
+					"aria-disabled",
+					"onUpdate:modelValue"
+				])) : O("v-if", !0),
+				e.showStops ? (R(), k("div", ye, [(R(!0), k(T, null, V(U(re), (e, t) => (R(), k("div", {
+					key: t,
+					class: F(U(a).e("stop")),
+					style: I(U(W)(e))
+				}, null, 6))), 128))])) : O("v-if", !0),
+				U(Z).length > 0 ? (R(), k(T, { key: 2 }, [A("div", null, [(R(!0), k(T, null, V(U(Z), (e, t) => (R(), k("div", {
+					key: t,
+					style: I(U(W)(e.position)),
+					class: F([U(a).e("stop"), U(a).e("marks-stop")])
+				}, null, 6))), 128))]), A("div", { class: F(U(a).e("marks")) }, [(R(!0), k(T, null, V(U(Z), (e, t) => (R(), D(U(_e), {
+					key: t,
+					mark: e.mark,
+					style: I(U(W)(e.position)),
+					onMousedown: q((t) => U(L)(e.position), ["stop"])
+				}, null, 8, [
+					"mark",
+					"style",
+					"onMousedown"
+				]))), 128))], 2)], 64)) : O("v-if", !0)
+			], 38), Y.value ? (R(), D(U(w), {
+				key: 0,
+				ref: "input",
+				"model-value": U(Q),
+				class: F(U(a).e("input")),
+				step: be.value,
+				disabled: U(h),
+				controls: e.showInputControls,
+				min: e.min,
+				max: e.max,
+				precision: xe.value,
+				size: ie.value,
+				"onUpdate:modelValue": U(B),
+				onChange: U(M)
+			}, null, 8, [
+				"model-value",
+				"class",
+				"step",
+				"disabled",
+				"controls",
+				"min",
+				"max",
+				"precision",
+				"size",
+				"onUpdate:modelValue",
+				"onChange"
+			])) : O("v-if", !0)], 10, ve);
+		};
+	}
+}));
+//#endregion
+export { be as t };