vectis-ui 0.9.1 → 0.10.0

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

@@ -9,19 +9,20 @@ 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 re, normalizeClass as ie, normalizeStyle as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useModel as ae, watch as w, watchEffect as oe } from "vue";
+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";
 //#region src/components/VSlider/VSlider.vue?vue&type=script&setup=true&lang.ts
-var se = [
+var ce = [
 	"data-range",
 	"data-disabled",
 	"data-readonly",
 	"data-invalid",
 	"data-size",
-	"data-orientation"
-], ce = { class: "v-slider-rail" }, le = { class: "v-slider-control" }, ue = {
+	"data-orientation",
+	"data-inputs"
+], le = { class: "v-slider-rail" }, ue = { class: "v-slider-control" }, de = {
 	class: "v-slider-track",
 	"aria-hidden": "true"
-}, de = ["data-filled"], fe = [
+}, fe = ["data-filled"], pe = [
 	"min",
 	"max",
 	"step",
@@ -31,7 +32,7 @@ var se = [
 	"aria-valuetext",
 	"aria-invalid",
 	"aria-readonly"
-], pe = [
+], me = [
 	"aria-invalid",
 	"aria-readonly",
 	"aria-valuetext",
@@ -42,18 +43,18 @@ var se = [
 	"value",
 	"aria-label",
 	"aria-describedby"
-], me = {
+], he = {
 	key: 0,
 	class: "v-slider-tooltip v-slider-tooltip-start",
 	"aria-hidden": "true"
-}, he = { class: "v-slider-tooltip-bubble" }, ge = {
+}, ge = { class: "v-slider-tooltip-bubble" }, _e = {
 	key: 1,
 	class: "v-slider-tooltip v-slider-tooltip-end",
 	"aria-hidden": "true"
-}, _e = { class: "v-slider-tooltip-bubble" }, ve = {
-	key: 1,
+}, ve = { class: "v-slider-tooltip-bubble" }, ye = {
+	key: 0,
 	class: "v-slider-labels"
-}, ye = ["id"], T = /*@__PURE__*/ g({
+}, be = ["id"], T = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "VSlider",
 	props: /*@__PURE__*/ _({
@@ -81,7 +82,7 @@ var se = [
 		hint: { default: void 0 },
 		orientation: { default: "horizontal" },
 		inputs: {
-			type: Boolean,
+			type: [Boolean, String],
 			default: !1
 		},
 		ticks: {
@@ -113,7 +114,7 @@ var se = [
 			return D.value = n, n;
 		}
 		let L = (e, t) => Array.isArray(e) ? e[t === "start" ? 0 : 1] : e;
-		function be(e, t) {
+		function R(e, t) {
 			let n = t.target;
 			if (E.readonly) {
 				n.value = String(P(e));
@@ -132,16 +133,16 @@ var se = [
 			"PageUp",
 			"PageDown"
 		]);
-		function R(e) {
+		function z(e) {
 			E.readonly && xe.has(e.key) && e.preventDefault();
 		}
-		function z(e, t) {
+		function B(e, t) {
 			if (E.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);
 		}
-		let B = d(() => E.step > 0 ? Math.floor((E.max - E.min) / E.step + 1e-9) : 0), Se = d(() => E.step > 0 ? E.min + B.value * E.step : E.max), V = d(() => (E.ticks || E.labels !== void 0) && B.value >= 1 && B.value <= 50), H = d(() => {
-			let e = Math.max(V.value ? B.value + 1 : 0, E.labels?.length ?? 0);
+		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);
 			return Array.from({ length: e }, (e, t) => {
 				let n = E.min + t * E.step;
 				return {
@@ -149,26 +150,30 @@ var se = [
 					style: { "--fill-fraction": String(F(n)) }
 				};
 			});
-		}), Ce = d(() => V.value ? H.value.slice(0, B.value + 1) : []), we = (e) => E.range ? e >= M.value && e <= N.value : e <= N.value;
-		function U(e) {
+		}), 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;
 		}
-		let W = t(), G = a(() => E.label), K = d(() => G.value ? W.value.slider.rangeStart(G.value) : W.value.slider.start), q = d(() => G.value ? W.value.slider.rangeEnd(G.value) : W.value.slider.end), Te = d(() => E.range ? q.value : G.value), Ee = d(() => E.range ? q.value : G.value ?? W.value.slider.value), J = d(() => E.range && E.labels ? U(M.value) : void 0), De = d(() => E.labels ? U(N.value) : void 0), { attrs: Y, rootClass: Oe, rootStyle: ke, forwardedAttrs: Ae } = s(), { hintId: je, describedBy: Me } = c(Y, () => !!E.hint);
+		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");
 		if (e) {
 			let e = /* @__PURE__ */ new Set(), t = (t, n) => {
 				e.has(t) || (e.add(t), console.warn(`[VSlider] ${n}`));
 			};
-			oe(() => {
-				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) && B.value > 50 && t("ticks", `${B.value} steps: no tick is drawn past 50, the comb being unreadable.`), E.labels && E.labels.length !== B.value + 1 && t("labels", `${E.labels.length} labels for ${B.value + 1} steps: one label per step expected.`), 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.`);
+			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.`);
 			});
 		}
-		let X = b(String(M.value)), Z = b(String(N.value));
-		w(M, (e) => {
-			E.range && (X.value = String(e));
-		}), w(N, (e) => Z.value = String(e));
-		function Ne(e) {
-			let t = e === "start" ? X.value : Z.value, n = Number.parseFloat(String(t));
+		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;
@@ -177,43 +182,46 @@ var se = [
 			L(c, e) !== s && O("change", c), Q();
 		}
 		function Q() {
-			E.range && (X.value = String(M.value)), Z.value = String(N.value);
+			E.range && (Z.start = String(M.value)), Z.end = String(N.value);
 		}
-		let $ = b(null);
+		let $ = ie(null);
 		return _({
 			focus: (e) => $.value?.focus(e),
 			el: $
-		}), (e, t) => (y(), m("div", {
-			class: ie(["v-slider", C(Oe)]),
+		}), (e, t) => (x(), m("div", {
+			class: y(["v-slider", w(ke)]),
 			"data-range": g.range ? "" : void 0,
-			"data-disabled": C(j) ? "" : void 0,
+			"data-disabled": w(j) ? "" : void 0,
 			"data-readonly": g.readonly ? "" : void 0,
 			"data-invalid": g.invalid ? "" : void 0,
-			"data-size": C(k),
+			"data-size": w(k),
 			"data-orientation": g.orientation,
-			style: v([C(ke), {
+			"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))
 			}])
 		}, [
-			g.inputs && g.range ? (y(), f(l, {
-				key: 0,
-				modelValue: X.value,
-				"onUpdate:modelValue": t[0] ||= (e) => X.value = e,
-				class: "v-slider-field v-slider-field-start",
+			(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: C(k),
-				compact: C(A),
+				size: w(k),
+				compact: w(A),
 				min: g.min,
 				max: g.max,
 				step: g.step,
-				disabled: C(j),
+				disabled: w(j),
 				readonly: g.readonly,
 				invalid: g.invalid,
-				"aria-label": K.value,
-				onChange: t[1] ||= (e) => Ne("start")
+				"aria-label": Ie(e),
+				onChange: (t) => Le(e)
 			}, null, 8, [
 				"modelValue",
+				"onUpdate:modelValue",
+				"class",
 				"size",
 				"compact",
 				"min",
@@ -222,83 +230,86 @@ var se = [
 				"disabled",
 				"readonly",
 				"invalid",
-				"aria-label"
-			])) : p("", !0),
-			h("div", ce, [
-				h("span", le, [
-					h("span", ue, [t[8] ||= h("span", { class: "v-slider-fill" }, null, -1), (y(!0), m(u, null, x(Ce.value, (e, t) => (y(), m("span", {
+				"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: v(e.style)
-					}, null, 12, de))), 128))]),
-					g.range ? (y(), m("input", {
+						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: C(j),
+						disabled: w(j),
 						value: M.value,
-						"aria-label": K.value,
-						"aria-valuetext": J.value,
+						"aria-label": q.value,
+						"aria-valuetext": De.value,
 						"aria-invalid": g.invalid || void 0,
 						"aria-readonly": g.readonly || void 0,
-						onKeydown: R,
-						onInput: t[2] ||= (e) => be("start", e),
-						onChange: t[3] ||= (e) => z("start", e)
-					}, null, 40, fe)) : p("", !0),
-					h("input", re({
+						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": De.value
-					}, C(Ae), {
+						"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: C(j),
+						disabled: w(j),
 						value: N.value,
 						"aria-label": Te.value,
-						"aria-describedby": C(Me),
-						onKeydown: R,
-						onInput: t[4] ||= (e) => be("end", e),
-						onChange: t[5] ||= (e) => z("end", e)
-					}), null, 16, pe)
+						"aria-describedby": w(Ne),
+						onKeydown: z,
+						onInput: t[2] ||= (e) => R("end", e),
+						onChange: t[3] ||= (e) => B("end", e)
+					}), null, 16, me)
 				]),
-				g.tooltip && g.range ? (y(), m("span", me, [h("span", he, S(J.value ?? M.value), 1)])) : p("", !0),
-				g.tooltip ? (y(), m("span", ge, [h("span", _e, S(De.value ?? N.value), 1)])) : p("", !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 ? (y(), m("div", ve, [(y(!0), m(u, null, x(g.labels, (e, t) => (y(), m("span", {
+			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: v(H.value[t]?.style)
-			}, [typeof e == "string" ? (y(), m(u, { key: 0 }, [te(S(e), 1)], 64)) : (y(), f(r, re({
+				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
-			}, C(n)(e.icon), { label: e.label }), null, 16, ["label"]))], 4))), 128))])) : p("", !0),
-			g.inputs ? (y(), f(l, {
-				key: 2,
-				modelValue: Z.value,
-				"onUpdate:modelValue": t[6] ||= (e) => Z.value = e,
-				class: "v-slider-field v-slider-field-end",
+			}, 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: C(k),
-				compact: C(A),
+				size: w(k),
+				compact: w(A),
 				min: g.min,
 				max: g.max,
 				step: g.step,
-				disabled: C(j),
+				disabled: w(j),
 				readonly: g.readonly,
 				invalid: g.invalid,
-				"aria-label": Ee.value,
-				onChange: t[7] ||= (e) => Ne("end")
+				"aria-label": Ie(e),
+				onChange: (t) => Le(e)
 			}, null, 8, [
 				"modelValue",
+				"onUpdate:modelValue",
+				"class",
 				"size",
 				"compact",
 				"min",
@@ -307,14 +318,15 @@ var se = [
 				"disabled",
 				"readonly",
 				"invalid",
-				"aria-label"
-			])) : p("", !0),
-			g.hint ? (y(), m("span", {
-				key: 3,
-				id: C(je),
+				"aria-label",
+				"onChange"
+			]))), 128)),
+			g.hint ? (x(), m("span", {
+				key: 1,
+				id: w(Me),
 				class: "v-slider-hint"
-			}, S(g.hint), 9, ye)) : p("", !0)
-		], 14, se));
+			}, C(g.hint), 9, be)) : p("", !0)
+		], 14, ce));
 	}
 });
 //#endregion