vectis-ui 0.12.0 → 0.13.0

package/dist/components/VSlider/VSlider.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,17 @@
 import { isDev as e } from "../../utils/env.js";
-import { useMessages as t } from "../../i18n/state.js";
-import { iconProps as n } from "../VIcon/iconProps.js";
-import r from "../VIcon/VIcon.js";
-import { useControlShape as i } from "../../composables/useControlShape.js";
-import { useAriaLabel as a } from "../../composables/useAriaLabel.js";
-import { clamp as o } from "../../utils/number.js";
-import { useRootAttrs as s } from "../../composables/useRootAttrs.js";
-import { useFieldIds as c } from "../../composables/useFieldIds.js";
-import { inputGroupKey as ee } from "../VInput/context.js";
-import l from "../VInput/VInput.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as te, defineComponent as g, inject as ne, mergeModels as _, mergeProps as v, normalizeClass as y, normalizeStyle as b, openBlock as x, reactive as re, ref as ie, renderList as S, toDisplayString as C, unref as w, useModel as ae, watch as oe, watchEffect as se } from "vue";
+import { useMessages as t, useResolvedLocale as n } from "../../i18n/state.js";
+import { iconProps as r } from "../VIcon/iconProps.js";
+import i from "../VIcon/VIcon.js";
+import { clamp as a } from "../../utils/number.js";
+import { useControlShape as ee } from "../../composables/useControlShape.js";
+import { useAriaLabel as te } from "../../composables/useAriaLabel.js";
+import { useRootAttrs as ne } from "../../composables/useRootAttrs.js";
+import re from "../VField/VField.js";
+import { inputGroupKey as ie } from "../VInput/context.js";
+import o from "../VNumberInput/VNumberInput.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as ae, defineComponent as p, inject as oe, mergeModels as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as se, renderList as y, toDisplayString as b, unref as x, useModel as ce, watchEffect as le, withCtx as ue } from "vue";
 //#region src/components/VSlider/VSlider.vue?vue&type=script&setup=true&lang.ts
-var ce = [
+var de = [
 	"data-range",
 	"data-disabled",
 	"data-readonly",
@@ -19,10 +19,10 @@ var ce = [
 	"data-size",
 	"data-orientation",
 	"data-inputs"
-], le = { class: "v-slider-rail" }, ue = { class: "v-slider-control" }, de = {
+], fe = { class: "v-slider-rail" }, pe = { class: "v-slider-control" }, me = {
 	class: "v-slider-track",
 	"aria-hidden": "true"
-}, fe = ["data-filled"], pe = [
+}, he = ["data-filled"], ge = [
 	"min",
 	"max",
 	"step",
@@ -32,7 +32,7 @@ var ce = [
 	"aria-valuetext",
 	"aria-invalid",
 	"aria-readonly"
-], me = [
+], _e = [
 	"aria-invalid",
 	"aria-readonly",
 	"aria-valuetext",
@@ -41,23 +41,22 @@ var ce = [
 	"step",
 	"disabled",
 	"value",
-	"aria-label",
-	"aria-describedby"
-], he = {
+	"aria-label"
+], ve = {
 	key: 0,
 	class: "v-slider-tooltip v-slider-tooltip-start",
 	"aria-hidden": "true"
-}, ge = { class: "v-slider-tooltip-bubble" }, _e = {
+}, ye = { class: "v-slider-tooltip-bubble" }, be = {
 	key: 1,
 	class: "v-slider-tooltip v-slider-tooltip-end",
 	"aria-hidden": "true"
-}, ve = { class: "v-slider-tooltip-bubble" }, ye = {
+}, xe = { class: "v-slider-tooltip-bubble" }, Se = {
 	key: 0,
 	class: "v-slider-labels"
-}, be = ["id"], T = /*@__PURE__*/ g({
+}, S = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "VSlider",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ m({
 		min: { default: 0 },
 		max: { default: 100 },
 		step: { default: 1 },
@@ -79,7 +78,13 @@ var ce = [
 		},
 		size: { default: "md" },
 		label: { default: void 0 },
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		labelPosition: { default: "top" },
 		hint: { default: void 0 },
+		error: { default: void 0 },
 		orientation: { default: "horizontal" },
 		inputs: {
 			type: [Boolean, String],
@@ -93,37 +98,39 @@ var ce = [
 		tooltip: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		formatOptions: { default: void 0 },
+		locale: { default: void 0 }
 	}, {
 		modelValue: { default: 0 },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ _(["input", "change"], ["update:modelValue"]),
-	setup(g, { expose: _, emit: T }) {
-		let E = g, D = ae(g, "modelValue"), O = T, { size: k, compact: A, disabled: j } = i({
+	emits: /*@__PURE__*/ m(["input", "change"], ["update:modelValue"]),
+	setup(p, { expose: m, emit: S }) {
+		let C = p, w = ce(p, "modelValue"), T = S, { size: E, compact: D, disabled: O } = ee({
 			get size() {
-				return E.size;
+				return C.size;
 			},
 			compact: !1,
 			get disabled() {
-				return E.disabled;
+				return C.disabled;
 			}
-		}, ne(ee, null)), M = d(() => Array.isArray(D.value) ? D.value[0] : E.min), N = d(() => Array.isArray(D.value) ? D.value[1] : D.value), P = (e) => e === "start" ? M.value : N.value, F = (e) => o((e - E.min) / (E.max - E.min || 1), 0, 1);
-		function I(e, t) {
-			let n = E.range ? e === "start" ? [t, Math.max(t, N.value)] : [Math.min(t, M.value), t] : t;
-			return D.value = n, n;
+		}, oe(ie, null)), k = c(() => Array.isArray(w.value) ? w.value[0] : C.min), A = c(() => Array.isArray(w.value) ? w.value[1] : w.value), j = (e) => e === "start" ? k.value : A.value, M = (e) => a((e - C.min) / (C.max - C.min || 1), 0, 1);
+		function N(e, t) {
+			let n = C.range ? e === "start" ? [t, Math.max(t, A.value)] : [Math.min(t, k.value), t] : t;
+			return w.value = n, n;
 		}
-		let L = (e, t) => Array.isArray(e) ? e[t === "start" ? 0 : 1] : e;
-		function R(e, t) {
+		let P = (e, t) => Array.isArray(e) ? e[t === "start" ? 0 : 1] : e;
+		function F(e, t) {
 			let n = t.target;
-			if (E.readonly) {
-				n.value = String(P(e));
+			if (C.readonly) {
+				n.value = String(j(e));
 				return;
 			}
-			let r = I(e, Number(n.value));
-			n.value = String(L(r, e)), O("input", r);
+			let r = N(e, Number(n.value));
+			n.value = String(P(r, e)), T("input", r);
 		}
-		let xe = /* @__PURE__ */ new Set([
+		let Ce = /* @__PURE__ */ new Set([
 			"ArrowUp",
 			"ArrowDown",
 			"ArrowLeft",
@@ -133,203 +140,217 @@ var ce = [
 			"PageUp",
 			"PageDown"
 		]);
-		function z(e) {
-			E.readonly && xe.has(e.key) && e.preventDefault();
+		function I(e) {
+			C.readonly && Ce.has(e.key) && e.preventDefault();
 		}
-		function B(e, t) {
-			if (E.readonly) return;
+		function L(e, t) {
+			if (C.readonly) return;
 			let n = Number(t.target.value);
-			E.range ? e === "start" ? O("change", [n, Math.max(n, N.value)]) : O("change", [Math.min(n, M.value), n]) : O("change", n);
+			C.range ? e === "start" ? T("change", [n, Math.max(n, A.value)]) : T("change", [Math.min(n, k.value), n]) : T("change", n);
 		}
-		let V = d(() => E.step > 0 ? Math.floor((E.max - E.min) / E.step + 1e-9) : 0), Se = d(() => E.step > 0 ? E.min + V.value * E.step : E.max), H = d(() => (E.ticks || E.labels !== void 0) && V.value >= 1 && V.value <= 50), U = d(() => {
-			let e = Math.max(H.value ? V.value + 1 : 0, E.labels?.length ?? 0);
+		let R = c(() => C.step > 0 ? Math.floor((C.max - C.min) / C.step + 1e-9) : 0), we = c(() => C.step > 0 ? C.min + R.value * C.step : C.max), z = c(() => (C.ticks || C.labels !== void 0) && R.value >= 1 && R.value <= 50), B = c(() => {
+			let e = Math.max(z.value ? R.value + 1 : 0, C.labels?.length ?? 0);
 			return Array.from({ length: e }, (e, t) => {
-				let n = E.min + t * E.step;
+				let n = C.min + t * C.step;
 				return {
 					value: n,
-					style: { "--fill-fraction": String(F(n)) }
+					style: { "--fill-fraction": String(M(n)) }
 				};
 			});
-		}), Ce = d(() => H.value ? U.value.slice(0, V.value + 1) : []), we = (e) => E.range ? e >= M.value && e <= N.value : e <= N.value;
-		function W(e) {
-			let t = E.labels?.[Math.round((e - E.min) / E.step)];
-			return t === void 0 ? String(e) : typeof t == "string" ? t : t.label;
+		}), Te = c(() => z.value ? B.value.slice(0, R.value + 1) : []), Ee = (e) => C.range ? e >= k.value && e <= A.value : e <= A.value, V = n(() => C.locale), De = c(() => new Intl.NumberFormat(V.value, C.formatOptions)), Oe = (e) => De.value.format(e);
+		function H(e) {
+			let t = C.labels?.[Math.round((e - C.min) / C.step)];
+			return t === void 0 ? Oe(e) : typeof t == "string" ? t : t.label;
 		}
-		let G = t(), K = a(() => E.label), q = d(() => K.value ? G.value.slider.rangeStart(K.value) : G.value.slider.start), J = d(() => K.value ? G.value.slider.rangeEnd(K.value) : G.value.slider.end), Te = d(() => E.range ? J.value : K.value), Ee = d(() => E.range ? J.value : K.value ?? G.value.slider.value), De = d(() => E.range && E.labels ? W(M.value) : void 0), Oe = d(() => E.labels ? W(N.value) : void 0), { attrs: Y, rootClass: ke, rootStyle: Ae, forwardedAttrs: je } = s(), { hintId: Me, describedBy: Ne } = c(Y, () => !!E.hint), X = d(() => E.inputs === "top" || E.inputs === "bottom" ? E.inputs : E.inputs && "ends");
+		let U = t(), W = te(() => C.label), G = c(() => W.value ? U.value.slider.rangeStart(W.value) : U.value.slider.start), K = c(() => W.value ? U.value.slider.rangeEnd(W.value) : U.value.slider.end), ke = c(() => C.range ? K.value : W.value), Ae = c(() => C.range ? K.value : W.value ?? U.value.slider.value), q = (e) => C.labels || C.formatOptions ? H(e) : void 0, je = c(() => C.range ? q(k.value) : void 0), Me = c(() => q(A.value)), { attrs: J, rootClass: Ne, rootStyle: Pe, forwardedAttrs: Fe } = ne();
+		function Ie(e) {
+			return {
+				...e,
+				"aria-labelledby": J["aria-labelledby"],
+				required: J.required
+			};
+		}
+		let Y = c(() => C.invalid || !!C.error), X = c(() => C.inputs === "top" || C.inputs === "bottom" ? C.inputs : C.inputs && "ends");
 		if (e) {
 			let e = /* @__PURE__ */ new Set(), t = (t, n) => {
 				e.has(t) || (e.add(t), console.warn(`[VSlider] ${n}`));
 			};
-			se(() => {
-				E.step <= 0 && t("step", `step="${E.step}" cannot move a thumb: the arrow keys do nothing and a value typed into a field is committed as it stands. Give a positive step.`), (E.ticks || E.labels) && V.value > 50 && t("ticks", `${V.value} steps: no tick is drawn past 50, the comb being unreadable.`), E.labels && E.labels.length !== V.value + 1 && t("labels", `${E.labels.length} labels for ${V.value + 1} steps: one label per step expected.`), E.inputs !== !1 && E.inputs !== X.value && t("inputs", `inputs="${String(E.inputs)}" is not a placement: the fields are drawn at the ends. Write inputs="ends", "top" or "bottom".`), E.range && Y.name !== void 0 && t("name", `name="${String(Y.name)}" on a range: only the end thumb carries it, so the form receives one value of the two. Bind the model to two inputs of your own instead.`);
+			le(() => {
+				C.step <= 0 && t("step", `step="${C.step}" cannot move a thumb: the arrow keys do nothing and a value typed into a field is committed as it stands. Give a positive step.`), (C.ticks || C.labels) && R.value > 50 && t("ticks", `${R.value} steps: no tick is drawn past 50, the comb being unreadable.`), C.labels && C.labels.length !== R.value + 1 && t("labels", `${C.labels.length} labels for ${R.value + 1} steps: one label per step expected.`), C.inputs !== !1 && C.inputs !== X.value && t("inputs", `inputs="${String(C.inputs)}" is not a placement: the fields are drawn at the ends. Write inputs="ends", "top" or "bottom".`), C.range && J.name !== void 0 && t("name", `name="${String(J.name)}" on a range: only the end thumb carries it, so the form receives one value of the two. Bind the model to two inputs of your own instead.`);
 			});
 		}
-		let Z = re({
-			start: String(M.value),
-			end: String(N.value)
-		});
-		oe(M, (e) => {
-			E.range && (Z.start = String(e));
-		}), oe(N, (e) => Z.end = String(e));
-		let Pe = d(() => X.value === "ends" ? E.range ? ["start"] : [] : X.value === "top" ? E.range ? ["start", "end"] : ["end"] : []), Fe = d(() => X.value === "ends" ? ["end"] : X.value === "bottom" ? E.range ? ["start", "end"] : ["end"] : []), Ie = (e) => e === "start" ? q.value : Ee.value;
-		function Le(e) {
-			let t = Z[e], n = Number.parseFloat(String(t));
-			if (Number.isNaN(n)) {
-				Q();
-				return;
-			}
-			let r = o(n, E.min, E.max), i = E.step > 0 ? E.min + Math.round((r - E.min) / E.step) * E.step : r, a = Math.min(Se.value, Math.round(i * 1e10) / 1e10), s = P(e), c = I(e, a);
-			L(c, e) !== s && O("change", c), Q();
-		}
-		function Q() {
-			E.range && (Z.start = String(M.value)), Z.end = String(N.value);
+		let Le = c(() => X.value === "ends" ? C.range ? ["start"] : [] : X.value === "top" ? C.range ? ["start", "end"] : ["end"] : []), Re = c(() => X.value === "ends" ? ["end"] : X.value === "bottom" ? C.range ? ["start", "end"] : ["end"] : []), Z = (e) => e === "start" ? G.value : Ae.value;
+		function Q(e, t) {
+			if (t === null) return;
+			let n = C.step > 0 ? C.min + Math.round((t - C.min) / C.step) * C.step : t, r = Math.min(we.value, Math.round(n * 1e10) / 1e10), i = j(e), a = N(e, r);
+			P(a, e) !== i && T("change", a);
 		}
-		let $ = ie(null);
-		return _({
+		let $ = se(null);
+		return m({
 			focus: (e) => $.value?.focus(e),
 			el: $
-		}), (e, t) => (x(), m("div", {
-			class: y(["v-slider", w(ke)]),
-			"data-range": g.range ? "" : void 0,
-			"data-disabled": w(j) ? "" : void 0,
-			"data-readonly": g.readonly ? "" : void 0,
-			"data-invalid": g.invalid ? "" : void 0,
-			"data-size": w(k),
-			"data-orientation": g.orientation,
-			"data-inputs": X.value || void 0,
-			style: b([w(Ae), {
-				"--slider-start-fraction": g.range ? String(F(M.value)) : void 0,
-				"--slider-end-fraction": String(F(N.value))
-			}])
-		}, [
-			(x(!0), m(u, null, S(Pe.value, (e) => (x(), f(l, {
-				key: e,
-				modelValue: Z[e],
-				"onUpdate:modelValue": (t) => Z[e] = t,
-				class: y(["v-slider-field", `v-slider-field-${e}`]),
-				type: "number",
-				size: w(k),
-				compact: w(A),
-				min: g.min,
-				max: g.max,
-				step: g.step,
-				disabled: w(j),
-				readonly: g.readonly,
-				invalid: g.invalid,
-				"aria-label": Ie(e),
-				onChange: (t) => Le(e)
-			}, null, 8, [
-				"modelValue",
-				"onUpdate:modelValue",
-				"class",
-				"size",
-				"compact",
-				"min",
-				"max",
-				"step",
-				"disabled",
-				"readonly",
-				"invalid",
-				"aria-label",
-				"onChange"
-			]))), 128)),
-			h("div", le, [
-				h("span", ue, [
-					h("span", de, [t[4] ||= h("span", { class: "v-slider-fill" }, null, -1), (x(!0), m(u, null, S(Ce.value, (e, t) => (x(), m("span", {
-						key: t,
-						class: "v-slider-tick",
-						"data-filled": we(e.value) ? "" : void 0,
-						style: b(e.style)
-					}, null, 12, fe))), 128))]),
-					g.range ? (x(), m("input", {
-						key: 0,
-						type: "range",
-						class: "v-slider-input v-slider-input-start",
-						min: g.min,
-						max: g.max,
-						step: g.step,
-						disabled: w(j),
-						value: M.value,
-						"aria-label": q.value,
-						"aria-valuetext": De.value,
-						"aria-invalid": g.invalid || void 0,
-						"aria-readonly": g.readonly || void 0,
-						onKeydown: z,
-						onInput: t[0] ||= (e) => R("start", e),
-						onChange: t[1] ||= (e) => B("start", e)
-					}, null, 40, pe)) : p("", !0),
-					h("input", v({
-						ref_key: "endThumbEl",
-						ref: $,
-						"aria-invalid": g.invalid || void 0,
-						"aria-readonly": g.readonly || void 0,
-						"aria-valuetext": Oe.value
-					}, w(je), {
-						type: "range",
-						class: "v-slider-input v-slider-input-end",
-						min: g.min,
-						max: g.max,
-						step: g.step,
-						disabled: w(j),
-						value: N.value,
-						"aria-label": Te.value,
-						"aria-describedby": w(Ne),
-						onKeydown: z,
-						onInput: t[2] ||= (e) => R("end", e),
-						onChange: t[3] ||= (e) => B("end", e)
-					}), null, 16, me)
+		}), (e, t) => (v(), l(re, h(x(Fe), {
+			class: ["v-slider", x(Ne)],
+			style: x(Pe),
+			label: p.label,
+			hint: p.hint,
+			error: p.error,
+			disabled: x(O),
+			"hide-label": p.hideLabel,
+			"label-position": p.labelPosition,
+			group: ""
+		}), {
+			default: ue(({ fieldProps: e }) => [f("div", {
+				class: "v-slider-body",
+				"data-range": p.range ? "" : void 0,
+				"data-disabled": x(O) ? "" : void 0,
+				"data-readonly": p.readonly ? "" : void 0,
+				"data-invalid": Y.value ? "" : void 0,
+				"data-size": x(E),
+				"data-orientation": p.orientation,
+				"data-inputs": X.value || void 0,
+				style: _({
+					"--slider-start-fraction": p.range ? String(M(k.value)) : void 0,
+					"--slider-end-fraction": String(M(A.value))
+				})
+			}, [
+				(v(!0), d(s, null, y(Le.value, (e) => (v(), l(o, {
+					key: e,
+					"model-value": j(e),
+					class: g(["v-slider-field", `v-slider-field-${e}`]),
+					controls: "none",
+					"format-options": p.formatOptions,
+					locale: x(V),
+					size: x(E),
+					compact: x(D),
+					min: p.min,
+					max: p.max,
+					step: p.step,
+					disabled: x(O),
+					readonly: p.readonly,
+					invalid: Y.value,
+					"aria-label": Z(e),
+					"onUpdate:modelValue": (t) => Q(e, t)
+				}, null, 8, [
+					"model-value",
+					"class",
+					"format-options",
+					"locale",
+					"size",
+					"compact",
+					"min",
+					"max",
+					"step",
+					"disabled",
+					"readonly",
+					"invalid",
+					"aria-label",
+					"onUpdate:modelValue"
+				]))), 128)),
+				f("div", fe, [
+					f("span", pe, [
+						f("span", me, [t[4] ||= f("span", { class: "v-slider-fill" }, null, -1), (v(!0), d(s, null, y(Te.value, (e, t) => (v(), d("span", {
+							key: t,
+							class: "v-slider-tick",
+							"data-filled": Ee(e.value) ? "" : void 0,
+							style: _(e.style)
+						}, null, 12, he))), 128))]),
+						p.range ? (v(), d("input", {
+							key: 0,
+							type: "range",
+							class: "v-slider-input v-slider-input-start",
+							min: p.min,
+							max: p.max,
+							step: p.step,
+							disabled: x(O),
+							value: k.value,
+							"aria-label": G.value,
+							"aria-valuetext": je.value,
+							"aria-invalid": Y.value || void 0,
+							"aria-readonly": p.readonly || void 0,
+							onKeydown: I,
+							onInput: t[0] ||= (e) => F("start", e),
+							onChange: t[1] ||= (e) => L("start", e)
+						}, null, 40, ge)) : u("", !0),
+						f("input", h({
+							ref_key: "endThumbEl",
+							ref: $,
+							"aria-invalid": Y.value || void 0,
+							"aria-readonly": p.readonly || void 0,
+							"aria-valuetext": Me.value
+						}, Ie(e), {
+							type: "range",
+							class: "v-slider-input v-slider-input-end",
+							min: p.min,
+							max: p.max,
+							step: p.step,
+							disabled: x(O),
+							value: A.value,
+							"aria-label": ke.value,
+							onKeydown: I,
+							onInput: t[2] ||= (e) => F("end", e),
+							onChange: t[3] ||= (e) => L("end", e)
+						}), null, 16, _e)
+					]),
+					p.tooltip && p.range ? (v(), d("span", ve, [f("span", ye, b(H(k.value)), 1)])) : u("", !0),
+					p.tooltip ? (v(), d("span", be, [f("span", xe, b(H(A.value)), 1)])) : u("", !0)
 				]),
-				g.tooltip && g.range ? (x(), m("span", he, [h("span", ge, C(De.value ?? M.value), 1)])) : p("", !0),
-				g.tooltip ? (x(), m("span", _e, [h("span", ve, C(Oe.value ?? N.value), 1)])) : p("", !0)
-			]),
-			g.labels ? (x(), m("div", ye, [(x(!0), m(u, null, S(g.labels, (e, t) => (x(), m("span", {
-				key: t,
-				class: "v-slider-label",
-				style: b(U.value[t]?.style)
-			}, [typeof e == "string" ? (x(), m(u, { key: 0 }, [te(C(e), 1)], 64)) : (x(), f(r, v({
-				key: 1,
-				ref_for: !0
-			}, w(n)(e.icon), { label: e.label }), null, 16, ["label"]))], 4))), 128))])) : p("", !0),
-			(x(!0), m(u, null, S(Fe.value, (e) => (x(), f(l, {
-				key: e,
-				modelValue: Z[e],
-				"onUpdate:modelValue": (t) => Z[e] = t,
-				class: y(["v-slider-field", `v-slider-field-${e}`]),
-				type: "number",
-				size: w(k),
-				compact: w(A),
-				min: g.min,
-				max: g.max,
-				step: g.step,
-				disabled: w(j),
-				readonly: g.readonly,
-				invalid: g.invalid,
-				"aria-label": Ie(e),
-				onChange: (t) => Le(e)
-			}, null, 8, [
-				"modelValue",
-				"onUpdate:modelValue",
-				"class",
-				"size",
-				"compact",
-				"min",
-				"max",
-				"step",
-				"disabled",
-				"readonly",
-				"invalid",
-				"aria-label",
-				"onChange"
-			]))), 128)),
-			g.hint ? (x(), m("span", {
-				key: 1,
-				id: w(Me),
-				class: "v-slider-hint"
-			}, C(g.hint), 9, be)) : p("", !0)
-		], 14, ce));
+				p.labels ? (v(), d("div", Se, [(v(!0), d(s, null, y(p.labels, (e, t) => (v(), d("span", {
+					key: t,
+					class: "v-slider-label",
+					style: _(B.value[t]?.style)
+				}, [typeof e == "string" ? (v(), d(s, { key: 0 }, [ae(b(e), 1)], 64)) : (v(), l(i, h({
+					key: 1,
+					ref_for: !0
+				}, x(r)(e.icon), { label: e.label }), null, 16, ["label"]))], 4))), 128))])) : u("", !0),
+				(v(!0), d(s, null, y(Re.value, (e) => (v(), l(o, {
+					key: e,
+					"model-value": j(e),
+					class: g(["v-slider-field", `v-slider-field-${e}`]),
+					controls: "none",
+					"format-options": p.formatOptions,
+					locale: x(V),
+					size: x(E),
+					compact: x(D),
+					min: p.min,
+					max: p.max,
+					step: p.step,
+					disabled: x(O),
+					readonly: p.readonly,
+					invalid: Y.value,
+					"aria-label": Z(e),
+					"onUpdate:modelValue": (t) => Q(e, t)
+				}, null, 8, [
+					"model-value",
+					"class",
+					"format-options",
+					"locale",
+					"size",
+					"compact",
+					"min",
+					"max",
+					"step",
+					"disabled",
+					"readonly",
+					"invalid",
+					"aria-label",
+					"onUpdate:modelValue"
+				]))), 128))
+			], 12, de)]),
+			_: 1
+		}, 16, [
+			"class",
+			"style",
+			"label",
+			"hint",
+			"error",
+			"disabled",
+			"hide-label",
+			"label-position"
+		]));
 	}
 });
 //#endregion
-export { T as default };
+export { S as default };
 
 //# sourceMappingURL=VSlider.vue_vue_type_script_setup_true_lang.js.map