bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbSlider/BbSlider.vue_vue_type_script_setup_true_lang.js

@@ -15,18 +15,18 @@ import { resolveEnumProp as ce } from "../../utilities/functions/resolveEnumProp
 import { snapToStep as l } from "../../utilities/functions/snapToStep.js";
 import { transpose as le } from "../../utilities/functions/transpose.js";
 import { BB_SLIDER_PT as ue } from "./types.js";
-import { Fragment as de, computed as u, createBlock as fe, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as pe, defineComponent as m, guardReactiveProps as h, mergeProps as g, normalizeClass as me, normalizeProps as _, onBeforeUnmount as he, onDeactivated as ge, onMounted as _e, openBlock as v, ref as y, renderList as ve, renderSlot as b, toDisplayString as ye, unref as x, useAttrs as be, watch as xe, withCtx as S } from "vue";
+import { Fragment as de, computed as u, createBlock as fe, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as pe, defineComponent as me, guardReactiveProps as m, mergeProps as h, normalizeClass as he, normalizeProps as g, onBeforeUnmount as ge, onDeactivated as _e, onMounted as ve, openBlock as _, ref as v, renderList as ye, renderSlot as y, toDisplayString as be, unref as b, useAttrs as xe, watch as Se, withCtx as x } from "vue";
 //#region src/components/BbSlider/BbSlider.vue?vue&type=script&setup=true&lang.ts
-var Se = [
+var Ce = [
 	"id",
 	"disabled",
 	"name",
 	"value"
-], Ce = [
+], we = [
 	"disabled",
 	"name",
 	"value"
-], we = [
+], Te = [
 	"aria-describedby",
 	"aria-disabled",
 	"aria-labelledby",
@@ -35,7 +35,7 @@ var Se = [
 	"aria-valuemin",
 	"aria-valuenow",
 	"tabindex"
-], Te = [
+], Ee = [
 	"aria-describedby",
 	"aria-disabled",
 	"aria-labelledby",
@@ -44,7 +44,7 @@ var Se = [
 	"aria-valuemin",
 	"aria-valuenow",
 	"tabindex"
-], Ee = ["id"], De = ["id"], C = /*@__PURE__*/ m({
+], De = ["id"], Oe = ["id"], S = /*@__PURE__*/ me({
 	inheritAttrs: !1,
 	__name: "BbSlider",
 	props: {
@@ -170,29 +170,29 @@ var Se = [
 		"pointerup",
 		"update:modelValue"
 	],
-	setup(m, { emit: C }) {
-		let w = m, { props: T, emit: E, showAsterisk: Oe, errors: ke } = oe(w, C, {
+	setup(me, { emit: S }) {
+		let C = me, { props: w, emit: T, showAsterisk: ke, errors: Ae, readonly: E } = oe(C, S, {
 			componentName: "BbSlider",
-			identifierFallback: () => w.label,
+			identifierFallback: () => C.label,
 			emptyValue: () => 0,
 			leaveOn: "inactive"
-		}), Ae = a();
+		}), je = a();
 		process.env.NODE_ENV !== "production" && te("BbSlider", ee("BbSlider"));
-		let je = ["outside", "inside"], Me = u(() => {
-			if (T.labelMode != null) return ce(T.labelMode, je, "outside", {
+		let Me = ["outside", "inside"], Ne = u(() => {
+			if (w.labelMode != null) return ce(w.labelMode, Me, "outside", {
 				prop: "labelMode",
 				component: "BbSlider"
 			});
-			let e = Ae.defaultInputLabelMode;
+			let e = je.defaultInputLabelMode;
 			return e === "floating" ? "outside" : e;
-		}), D = y(!1), Ne = u(() => T.persistentHint || D.value), O = i({
+		}), D = v(!1), Pe = u(() => w.persistentHint || D.value), O = i({
 			component: "BbSlider",
-			attrs: be(),
-			props: T,
+			attrs: xe(),
+			props: w,
 			parts: ue.parts,
 			states: ue.states,
 			active: {
-				...r(n(T), [
+				...r(n(w), [
 					"errors",
 					"warnings",
 					"disabled",
@@ -200,54 +200,54 @@ var Se = [
 				]),
 				active: () => D.value
 			}
-		}), k = e(), { t: A } = ne(), j = (e, t) => T.range ? `${e}__label ${e}__thumb_label_${t}` : `${e}__label`;
-		(T.min < -(2 ** 53 - 1) || T.max > 2 ** 53 - 1) && k.throw("BbSlider min or max is too large"), (!Number.isFinite(T.min) || !Number.isFinite(T.max)) && k.throw("BbSlider min and max must be finite numbers", TypeError), T.max <= T.min && k.throw("BbSlider max must be greater than min", RangeError), (!Number.isFinite(T.step) || T.step <= 0) && k.throw("BbSlider step must be a finite number greater than 0", RangeError), (!Number.isFinite(T.maxPrecision) || T.maxPrecision < 0) && k.throw("BbSlider maxPrecision must be a non-negative number", RangeError);
-		let M = y(), N = y(), P = y(), F = y(), I = y(), L = y(0), R = y(0), z = u(() => Array.isArray(T.modelValue) ? se(T.modelValue) ?? void 0 : t(T.modelValue) ? void 0 : Number(T.modelValue)), B = u(() => Array.isArray(T.modelValue) ? re(T.modelValue) ?? void 0 : t(T.modelValue) ? void 0 : Number(T.modelValue)), V = u(() => [L.value, R.value].sort((e, t) => e - t));
-		T.range && !Array.isArray(T.modelValue) && k.throw("BbSlider mode is set as range but modelValue is not an array", TypeError), !T.range && Array.isArray(T.modelValue) && k.throw("BbSlider mode is not set as range but modelValue is an array — add `range` for two thumbs, or bind a number", TypeError), _e(() => {
-			T.autofocus && Pe();
+		}), k = e(), { t: A } = ne(), j = (e, t) => w.range ? `${e}__label ${e}__thumb_label_${t}` : `${e}__label`;
+		(w.min < -(2 ** 53 - 1) || w.max > 2 ** 53 - 1) && k.throw("BbSlider min or max is too large"), (!Number.isFinite(w.min) || !Number.isFinite(w.max)) && k.throw("BbSlider min and max must be finite numbers", TypeError), w.max <= w.min && k.throw("BbSlider max must be greater than min", RangeError), (!Number.isFinite(w.step) || w.step <= 0) && k.throw("BbSlider step must be a finite number greater than 0", RangeError), (!Number.isFinite(w.maxPrecision) || w.maxPrecision < 0) && k.throw("BbSlider maxPrecision must be a non-negative number", RangeError);
+		let M = v(), N = v(), P = v(), F = v(), I = v(), L = v(0), R = v(0), z = u(() => Array.isArray(w.modelValue) ? se(w.modelValue) ?? void 0 : t(w.modelValue) ? void 0 : Number(w.modelValue)), B = u(() => Array.isArray(w.modelValue) ? re(w.modelValue) ?? void 0 : t(w.modelValue) ? void 0 : Number(w.modelValue)), V = u(() => [L.value, R.value].sort((e, t) => e - t));
+		w.range && !Array.isArray(w.modelValue) && k.throw("BbSlider mode is set as range but modelValue is not an array", TypeError), !w.range && Array.isArray(w.modelValue) && k.throw("BbSlider mode is not set as range but modelValue is an array — add `range` for two thumbs, or bind a number", TypeError), ve(() => {
+			w.autofocus && Fe();
 		});
-		let H = y(!1), U = y(null), Pe = () => {
-			if (!T.disabled) {
-				if (T.range) {
+		let H = v(!1), U = v(null), Fe = () => {
+			if (!w.disabled) {
+				if (w.range) {
 					(P.value ?? F.value)?.focus();
 					return;
 				}
 				F.value?.focus();
 			}
-		}, Fe = () => {
-			document.activeElement === I.value && Pe();
-		}, Ie = (e) => `calc(var(--track-inset) + (100% - (var(--track-inset) * 2)) * ${e} / 100)`, Le = (e) => F.value && F.value.contains(e.target) ? "higher" : P.value && P.value.contains(e.target) ? "lower" : k.throw("Could not identify target thumb"), W = () => {
-			document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", J), document.removeEventListener("pointercancel", Y);
-		}, Re = () => {
+		}, Ie = () => {
+			document.activeElement === I.value && Fe();
+		}, Le = (e) => `calc(var(--track-inset) + (100% - (var(--track-inset) * 2)) * ${e} / 100)`, Re = (e) => F.value && F.value.contains(e.target) ? "higher" : P.value && P.value.contains(e.target) ? "lower" : k.throw("Could not identify target thumb"), W = () => {
+			document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", q), document.removeEventListener("pointercancel", J);
+		}, ze = () => {
 			document.removeEventListener("focusin", Q), document.removeEventListener("click", Q);
-		}, ze = (e) => {
-			T.disabled || T.readonly || (U.value ||= Le(e), H.value = !0, document.addEventListener("pointermove", G), document.addEventListener("pointerup", J), document.addEventListener("pointercancel", Y), E("pointerdown", e));
-		}, Be = u(() => H.value ? {} : { onPointerdown: ze }), G = (e) => {
-			if (!(T.disabled || T.readonly) && N.value) {
-				E("pointermove", e);
-				let t = N.value.getBoundingClientRect(), n = e.clientX, r = t.left, i = t.width, a = o(s(l(le(n, r, r + i, T.min, T.max), T.min, T.max, T.step), T.min, T.max), 0, 100);
-				U.value === "higher" ? R.value = a : U.value === "lower" && (L.value = a), E("update:modelValue", He());
+		}, Be = (e) => {
+			w.disabled || w.readonly || (U.value ||= Re(e), H.value = !0, document.addEventListener("pointermove", G), document.addEventListener("pointerup", q), document.addEventListener("pointercancel", J), T("pointerdown", e));
+		}, Ve = u(() => H.value ? {} : { onPointerdown: Be }), G = (e) => {
+			if (!(w.disabled || w.readonly) && N.value) {
+				T("pointermove", e);
+				let t = N.value.getBoundingClientRect(), n = e.clientX, r = t.left, i = t.width, a = o(s(l(le(n, r, r + i, w.min, w.max), w.min, w.max, w.step), w.min, w.max), 0, 100);
+				U.value === "higher" ? R.value = a : U.value === "lower" && (L.value = a), T("update:modelValue", Ue());
 			}
 		}, K = u(() => {
-			let e = T.modelValue;
-			return T.range ? Array.isArray(e) && e.length === 2 ? e : [null] : [typeof e == "number" ? e : null];
-		}), Ve = (e) => e == null ? "" : typeof e == "string" ? e : JSON.stringify(e), He = () => {
-			if (T.range) return [c(L.value, T.min, T.max), c(R.value, T.min, T.max)].sort((e, t) => e - t).map((e) => Number(e.toFixed(T.maxPrecision)));
+			let e = w.modelValue;
+			return w.range ? Array.isArray(e) && e.length === 2 ? e : [null] : [typeof e == "number" ? e : null];
+		}), He = (e) => e == null ? "" : typeof e == "string" ? e : JSON.stringify(e), Ue = () => {
+			if (w.range) return [c(L.value, w.min, w.max), c(R.value, w.min, w.max)].sort((e, t) => e - t).map((e) => Number(e.toFixed(w.maxPrecision)));
 			{
-				let e = c(R.value, T.min, T.max);
-				return Number(e.toFixed(T.maxPrecision));
+				let e = c(R.value, w.min, w.max);
+				return Number(e.toFixed(w.maxPrecision));
 			}
-		}, Ue = () => {
-			if (T.disabled || T.readonly || T.range) return;
-			let e = l((T.modelValue ?? 0) + T.step, T.min, T.max, T.step);
-			E("update:modelValue", Number(e.toFixed(T.maxPrecision)));
-		}, q = () => {
-			if (T.disabled || T.readonly || T.range) return;
-			let e = l((T.modelValue ?? 0) - T.step, T.min, T.max, T.step);
-			E("update:modelValue", Number(e.toFixed(T.maxPrecision)));
+		}, We = () => {
+			if (w.disabled || w.readonly || w.range) return;
+			let e = l((w.modelValue ?? 0) + w.step, w.min, w.max, w.step);
+			T("update:modelValue", Number(e.toFixed(w.maxPrecision)));
+		}, Ge = () => {
+			if (w.disabled || w.readonly || w.range) return;
+			let e = l((w.modelValue ?? 0) - w.step, w.min, w.max, w.step);
+			T("update:modelValue", Number(e.toFixed(w.maxPrecision)));
 		};
-		xe(() => T.modelValue, (e) => {
-			if (T.range) {
+		Se(() => w.modelValue, (e) => {
+			if (w.range) {
 				let t = Array.isArray(e) ? e : null;
 				if (!t) {
 					k.throw("BbSlider modelValue must be an array");
@@ -257,99 +257,99 @@ var Se = [
 					L.value = 0, R.value = 100;
 					return;
 				}
-				let n = [...t].sort((e, t) => e - t).map((e) => o(s(e, T.min, T.max), 0, 100));
+				let n = [...t].sort((e, t) => e - t).map((e) => o(s(e, w.min, w.max), 0, 100));
 				L.value > R.value ? (L.value = n[1], R.value = n[0]) : (L.value = n[0], R.value = n[1]);
 			} else {
-				let t = o(le(e ?? T.min, T.min, T.max, 0, 100), 0, 100);
+				let t = o(le(e ?? w.min, w.min, w.max, 0, 100), 0, 100);
 				R.value = t;
 			}
 		}, { immediate: !0 });
-		let J = (e) => {
-			H.value = !1, U.value = null, W(), E("pointerup", e);
-		}, Y = () => {
+		let q = (e) => {
+			H.value = !1, U.value = null, W(), T("pointerup", e);
+		}, J = () => {
 			H.value = !1, U.value = null, W();
-		}, X = u(() => ie(T.step, T.max - T.min)), We = (e) => U.value === "higher" || document.activeElement === F.value || e.target === F.value ? "higher" : "lower", Ge = (e) => s(l(c(o(e, 0, 100), T.min, T.max), T.min, T.max, T.step), T.min, T.max), Z = (e, t) => {
-			let n = Ge(t);
+		}, Y = u(() => ie(w.step, w.max - w.min)), Ke = (e) => U.value === "higher" || document.activeElement === F.value || e.target === F.value ? "higher" : "lower", qe = (e) => s(l(c(o(e, 0, 100), w.min, w.max), w.min, w.max, w.step), w.min, w.max), X = (e, t) => {
+			let n = qe(t);
 			if (e === "higher") {
 				R.value = n;
 				return;
 			}
 			L.value = n;
-		}, Ke = (e) => {
-			if (E("keydown", e), T.disabled || T.readonly) return;
-			let t = We(e), n = X.value * 10, r = {
-				ArrowLeft: () => Z(t, (t === "higher" ? R.value : L.value) - X.value),
-				ArrowDown: () => Z(t, (t === "higher" ? R.value : L.value) - X.value),
-				ArrowRight: () => Z(t, (t === "higher" ? R.value : L.value) + X.value),
-				ArrowUp: () => Z(t, (t === "higher" ? R.value : L.value) + X.value),
-				PageDown: () => Z(t, (t === "higher" ? R.value : L.value) - n),
-				PageUp: () => Z(t, (t === "higher" ? R.value : L.value) + n),
-				Home: () => Z(t, 0),
-				End: () => Z(t, 100)
+		}, Je = (e) => {
+			if (T("keydown", e), w.disabled || w.readonly) return;
+			let t = Ke(e), n = Y.value * 10, r = {
+				ArrowLeft: () => X(t, (t === "higher" ? R.value : L.value) - Y.value),
+				ArrowDown: () => X(t, (t === "higher" ? R.value : L.value) - Y.value),
+				ArrowRight: () => X(t, (t === "higher" ? R.value : L.value) + Y.value),
+				ArrowUp: () => X(t, (t === "higher" ? R.value : L.value) + Y.value),
+				PageDown: () => X(t, (t === "higher" ? R.value : L.value) - n),
+				PageUp: () => X(t, (t === "higher" ? R.value : L.value) + n),
+				Home: () => X(t, 0),
+				End: () => X(t, 100)
 			}[e.key];
-			r && (e.preventDefault(), r(), E("update:modelValue", He()));
-		}, qe = (e) => {
-			if (T.disabled) {
+			r && (e.preventDefault(), r(), T("update:modelValue", Ue()));
+		}, Z = (e) => {
+			if (w.disabled) {
 				e.target instanceof HTMLElement && e.target.blur();
 				return;
 			}
-			E("focus", e);
-			let t = Le(e);
-			t && (U.value = t), D.value || (D.value = !0, E("active"), document.addEventListener("focusin", Q), document.addEventListener("click", Q));
+			T("focus", e);
+			let t = Re(e);
+			t && (U.value = t), D.value || (D.value = !0, T("active"), document.addEventListener("focusin", Q), document.addEventListener("click", Q));
 		}, Q = (e) => {
 			if (e.target instanceof HTMLElement) {
 				let t = !!M.value?.contains(e.target), n = document.activeElement, r = n instanceof HTMLElement && !!M.value?.contains(n);
-				!t && !r && (D.value = !1, U.value = null, E("inactive"), Re());
+				!t && !r && (D.value = !1, U.value = null, T("inactive"), ze());
 			}
-		}, Je = () => {
-			H.value = !1, W(), D.value && (D.value = !1, U.value = null, E("inactive")), Re();
+		}, Ye = () => {
+			H.value = !1, W(), D.value && (D.value = !1, U.value = null, T("inactive")), ze();
 		};
-		ge(Je), he(Je);
-		let Ye = (e) => {
+		_e(Ye), ge(Ye);
+		let Xe = (e) => {
 			if (!N.value) return null;
 			let t = N.value.getBoundingClientRect();
 			return t.width === 0 ? null : o((e.clientX - t.left) / t.width * 100, 0, 100);
-		}, Xe = (e) => {
+		}, Ze = (e) => {
 			let t = Math.abs(e - L.value), n = Math.abs(e - R.value);
 			return t === n ? e < L.value ? "lower" : "higher" : t < n ? "lower" : "higher";
-		}, Ze = { onPointerdown: (e) => {
-			if (T.disabled || T.readonly) return;
-			let t = Ye(e);
-			t !== null && (T.range ? (U.value = Xe(t), (U.value === "lower" ? P.value : F.value)?.focus()) : F.value?.focus(), G(e), document.addEventListener("pointermove", G), document.addEventListener("pointerup", J), document.addEventListener("pointercancel", Y));
-		} }, Qe = u(() => ({
+		}, Qe = { onPointerdown: (e) => {
+			if (w.disabled || w.readonly) return;
+			let t = Xe(e);
+			t !== null && (w.range ? (U.value = Ze(t), (U.value === "lower" ? P.value : F.value)?.focus()) : F.value?.focus(), G(e), document.addEventListener("pointermove", G), document.addEventListener("pointerup", q), document.addEventListener("pointercancel", J));
+		} }, $e = u(() => ({
 			class: "bb-slider__bar",
 			style: {
 				width: `${V.value[1] - V.value[0]}%`,
 				left: `${V.value[0]}%`
 			}
-		})), $e = (e) => {
-			if (t(T.modelValue)) return !1;
-			if (Array.isArray(T.modelValue)) {
-				if (T.modelValue.length === 0) return !1;
-				let t = [...T.modelValue].sort((e, t) => e - t);
+		})), et = (e) => {
+			if (t(w.modelValue)) return !1;
+			if (Array.isArray(w.modelValue)) {
+				if (w.modelValue.length === 0) return !1;
+				let t = [...w.modelValue].sort((e, t) => e - t);
 				return t[0] <= e && t[1] >= e;
 			}
-			return e <= Number(T.modelValue);
+			return e <= Number(w.modelValue);
 		}, $ = u(() => {
-			if (!T.ticks || !Number.isFinite(T.step) || T.step <= 0) return [];
-			let e = [], t = T.min;
-			for (; t <= T.max;) {
-				let n = t, r = s(n, T.min, T.max), i = $e(n);
+			if (!w.ticks || !Number.isFinite(w.step) || w.step <= 0) return [];
+			let e = [], t = w.min;
+			for (; t <= w.max;) {
+				let n = t, r = s(n, w.min, w.max), i = et(n);
 				e.push({
 					value: n,
 					percent: r,
 					active: i
-				}), t += T.step;
+				}), t += w.step;
 			}
 			return e;
 		});
-		return (e, t) => (v(), fe(ae, g({
+		return (e, t) => (_(), fe(ae, h({
 			id: e.id,
 			class: "bb-slider",
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: x(ke),
+			errors: b(Ae),
 			"has-errors": e.hasErrors,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
@@ -357,44 +357,44 @@ var Se = [
 			"input-align": e.inputAlign,
 			label: e.label,
 			"label-align": e.labelAlign,
-			"label-mode": Me.value,
+			"label-mode": Ne.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			name: e.name,
-			passthrough: x(O),
-			readonly: e.readonly,
+			passthrough: b(O),
+			readonly: b(E),
 			reverse: e.reverse,
-			"show-asterisk": x(Oe),
-			"show-hint": Ne.value,
+			"show-asterisk": b(ke),
+			"show-hint": Pe.value,
 			warnings: e.warnings
-		}, x(O).forwardAttrs), pe({
-			label: S((t) => [b(e.$slots, "label", _(h(t)))]),
-			input: S(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [p("span", { class: me(["bb-slider__body", {
+		}, b(O).forwardAttrs), pe({
+			label: x((t) => [y(e.$slots, "label", g(m(t)))]),
+			input: x(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [p("span", { class: he(["bb-slider__body", {
 				"bb-slider__body--compact": e.compact,
 				"bb-slider__body--disabled": e.disabled,
 				"bb-slider__body--errors": n,
 				"bb-slider__body--warnings": !!r && !n,
-				"bb-slider__body--readonly": e.readonly
+				"bb-slider__body--readonly": b(E)
 			}]) }, [
-				b(e.$slots, "prepend", {
-					decrease: q,
-					increase: Ue
+				y(e.$slots, "prepend", {
+					decrease: Ge,
+					increase: We
 				}),
-				p("span", g({
+				p("span", h({
 					ref_key: "container",
 					ref: M
-				}, g(Ze, x(O).box), {
+				}, h(Qe, b(O).box), {
 					class: "bb-slider__box",
 					"data-bb-no-drag": ""
 				}), [
-					$.value.length ? (v(), f("span", g({
+					$.value.length ? (_(), f("span", h({
 						key: 0,
 						class: "bb-slider__ticks"
-					}, x(O).ticks), [(v(!0), f(de, null, ve($.value, (t) => (v(), f("span", g({
+					}, b(O).ticks), [(_(!0), f(de, null, ye($.value, (t) => (_(), f("span", h({
 						key: t.value,
 						class: ["bb-slider__tick", { "bb-slider__tick--in-range": t.active }],
 						ref_for: !0
-					}, x(O).part("tick", { inRange: t.active })), [b(e.$slots, "tick", {
+					}, b(O).part("tick", { inRange: t.active })), [y(e.$slots, "tick", {
 						active: t.active,
 						percent: t.percent,
 						value: t.value
@@ -410,10 +410,10 @@ var Se = [
 						readonly: !0,
 						tabindex: -1,
 						type: "text",
-						value: Ve(K.value[0]),
-						onFocus: Fe
-					}, null, 40, Se),
-					K.value.length > 1 ? (v(), f("input", {
+						value: He(K.value[0]),
+						onFocus: Ie
+					}, null, 40, Ce),
+					K.value.length > 1 ? (_(), f("input", {
 						key: 1,
 						"aria-hidden": "true",
 						class: "bb-sr-only",
@@ -422,15 +422,15 @@ var Se = [
 						readonly: !0,
 						tabindex: -1,
 						type: "text",
-						value: Ve(K.value[1]),
-						onFocus: Fe
-					}, null, 40, Ce)) : d("", !0),
-					p("span", g({
+						value: He(K.value[1]),
+						onFocus: Ie
+					}, null, 40, we)) : d("", !0),
+					p("span", h({
 						ref_key: "track",
 						ref: N,
 						class: "bb-slider__track"
-					}, x(O).track), [p("span", _(h(g(Qe.value, x(O).bar))), null, 16)], 16),
-					x(T).range ? (v(), f("span", g({ key: 2 }, Be.value, {
+					}, b(O).track), [p("span", g(m(h($e.value, b(O).bar))), null, 16)], 16),
+					b(w).range ? (_(), f("span", h({ key: 2 }, Ve.value, {
 						key: "thumblower",
 						ref_key: "thumblower",
 						ref: P,
@@ -438,33 +438,33 @@ var Se = [
 						"aria-disabled": e.disabled ? "true" : void 0,
 						"aria-labelledby": j(t, "lower"),
 						"aria-orientation": "horizontal",
-						"aria-readonly": e.readonly ? "true" : void 0,
+						"aria-readonly": b(E) ? "true" : void 0,
 						"aria-valuemax": e.max,
 						"aria-valuemin": e.min,
 						"aria-valuenow": z.value,
 						class: "bb-slider__thumb-container",
 						"data-thumb": "lower",
 						role: "slider",
-						style: { left: Ie(L.value) },
+						style: { left: Le(L.value) },
 						tabindex: e.disabled ? -1 : 0,
-						onFocus: qe,
-						onKeydown: Ke
-					}), [p("span", g({
+						onFocus: Z,
+						onKeydown: Je
+					}), [p("span", h({
 						class: ["bb-slider__thumb bb-slider__thumb--lower", { "bb-slider__thumb--focused": U.value === "lower" }],
 						style: {
 							transform: `translateY(-50%) ${e.disableThumbTranslate ? "translateX(-50%)" : `translateX(-${L.value}%)`}`,
 							left: "0"
 						}
-					}, x(O).thumb), [b(e.$slots, "thumb:lower", {
+					}, b(O).thumb), [y(e.$slots, "thumb:lower", {
 						focused: U.value === "lower",
 						percent: L.value,
 						value: z.value
-					}, () => [b(e.$slots, "thumb", {
+					}, () => [y(e.$slots, "thumb", {
 						focused: U.value === "lower",
 						percent: L.value,
 						value: z.value
-					})])], 16)], 16, we)) : d("", !0),
-					p("span", g(Be.value, {
+					})])], 16)], 16, Te)) : d("", !0),
+					p("span", h(Ve.value, {
 						key: "thumbhigher",
 						ref_key: "thumbhigher",
 						ref: F,
@@ -472,49 +472,49 @@ var Se = [
 						"aria-disabled": e.disabled ? "true" : void 0,
 						"aria-labelledby": j(t, "higher"),
 						"aria-orientation": "horizontal",
-						"aria-readonly": e.readonly ? "true" : void 0,
+						"aria-readonly": b(E) ? "true" : void 0,
 						"aria-valuemax": e.max,
 						"aria-valuemin": e.min,
 						"aria-valuenow": B.value,
 						class: "bb-slider__thumb-container",
 						"data-thumb": "higher",
 						role: "slider",
-						style: { left: Ie(R.value) },
+						style: { left: Le(R.value) },
 						tabindex: e.disabled ? -1 : 0,
-						onFocus: qe,
-						onKeydown: Ke
-					}), [p("span", g({
+						onFocus: Z,
+						onKeydown: Je
+					}), [p("span", h({
 						class: ["bb-slider__thumb bb-slider__thumb--higher", { "bb-slider__thumb--focused": U.value === "higher" }],
 						style: {
 							transform: `translateY(-50%) ${e.disableThumbTranslate ? "translateX(-50%)" : `translateX(-${R.value}%)`}`,
 							left: "0"
 						}
-					}, x(O).thumb), [b(e.$slots, "thumb:higher", {
+					}, b(O).thumb), [y(e.$slots, "thumb:higher", {
 						focused: U.value === "higher",
 						percent: R.value,
 						value: B.value
-					}, () => [b(e.$slots, "thumb", {
+					}, () => [y(e.$slots, "thumb", {
 						focused: U.value === "higher",
 						percent: R.value,
 						value: B.value
-					})])], 16)], 16, Te)
+					})])], 16)], 16, Ee)
 				], 16),
-				b(e.$slots, "append", {
-					decrease: q,
-					increase: Ue
+				y(e.$slots, "append", {
+					decrease: Ge,
+					increase: We
 				}),
-				x(T).range ? (v(), f(de, { key: 0 }, [p("span", {
+				b(w).range ? (_(), f(de, { key: 0 }, [p("span", {
 					id: `${t}__thumb_label_lower`,
 					hidden: ""
-				}, ye(x(A)("slider.minimumThumb").value), 9, Ee), p("span", {
+				}, be(b(A)("slider.minimumThumb").value), 9, De), p("span", {
 					id: `${t}__thumb_label_higher`,
 					hidden: ""
-				}, ye(x(A)("slider.maximumThumb").value), 9, De)], 64)) : d("", !0)
+				}, be(b(A)("slider.maximumThumb").value), 9, Oe)], 64)) : d("", !0)
 			], 2)]),
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: S((t) => [b(e.$slots, "description", _(h(t)))]),
+			fn: x((t) => [y(e.$slots, "description", g(m(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
@@ -543,4 +543,4 @@ var Se = [
 	}
 });
 //#endregion
-export { C as default };
+export { S as default };