@dialpad/dialtone-vue 4.4.1 → 4.6.0

package/dist/Slider-Du45PVLU.js

@@ -0,0 +1,1188 @@
+import { getUniqueString as e, hasSlotContent as t, removeClassStyleAttrs as n } from "./common/utils/index.js";
+import { TEXT_SIZE_MODIFIERS as r, TEXT_STRENGTH_MODIFIERS as i } from "./lib/text/text-constants.js";
+import a from "./lib/text/text.js";
+import { a as o, c as s, i as c, l, o as u, r as d, u as f } from "./floating-ui.dom-j5GI2lJG.js";
+import { edgeClampOffset as p, generateInterval as m, isValidMark as h, measureEdgeInsetPx as g, mirrorPct as _, sameValues as v } from "./lib/slider/utils.js";
+import { Comment as y, Fragment as b, computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createTextVNode as E, defineComponent as D, mergeProps as O, nextTick as k, normalizeClass as A, normalizeStyle as j, onBeforeUnmount as M, onMounted as N, openBlock as P, ref as F, renderList as I, renderSlot as L, toDisplayString as R, unref as z, useAttrs as B, useSlots as V, watch as H, withCtx as ee } from "vue";
+//#region components/Slider/SliderConstants.ts
+var U = ["horizontal", "vertical"], W = [
+	"always",
+	"never",
+	"tooltip"
+], G = ["start", "end"], te = 10, ne = 32, K = 0;
+//#endregion
+//#region components/Slider/Composables/UseSliderDevWarnings.js
+function re(e, { isRange: t, hasAccessibleName: n }) {
+	process.env.NODE_ENV !== "production" && (H(() => t.value && !e.getValueText, (e) => {
+		e && console.info("[Dialtone] DtSlider in range mode: provide getValueText to give each thumb a distinct screen-reader description.");
+	}, { immediate: !0 }), H(() => n.value, (e) => {
+		e || console.info("[Dialtone] DtSlider: provide a label prop (set showLabel to false to hide it visually) or aria-label for accessibility.");
+	}, { immediate: !0 }), H(() => e.minGapSteps !== Math.round(e.minGapSteps), (t) => {
+		t && console.info(`[Dialtone] DtSlider: minGapSteps (${e.minGapSteps}) is not a whole number — it will be rounded to ${Math.round(e.minGapSteps)}.`);
+	}, { immediate: !0 }), H(() => e.min > e.max, (t) => {
+		t && console.info(`[Dialtone] DtSlider: min (${e.min}) is greater than max (${e.max}) — every value will collapse to max.`);
+	}, { immediate: !0 }));
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderDirection.js
+function ie(e) {
+	let t = F(!1);
+	function n() {
+		t.value = !!e.value && getComputedStyle(e.value).direction === "rtl";
+	}
+	let r = null;
+	return N(() => {
+		if (n(), typeof MutationObserver < "u" && e.value) {
+			r = new MutationObserver(n);
+			let t = {
+				attributes: !0,
+				attributeFilter: [
+					"dir",
+					"style",
+					"class"
+				]
+			};
+			for (let n = e.value; n; n = n.parentElement) r.observe(n, t);
+			r.observe(document.documentElement, t);
+		}
+	}), M(() => {
+		r?.disconnect();
+	}), { isRtl: t };
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderValue.js
+function ae(e, t, { isRange: n, activeSnapValue: r }) {
+	function i(e, t) {
+		return r?.value[e] === t;
+	}
+	function a(e) {
+		let t = String(e), n = t.search(/e/i);
+		if (n !== -1) {
+			let e = t.slice(0, n), r = parseInt(t.slice(n + 1), 10), i = e.indexOf("."), a = i === -1 ? 0 : e.length - i - 1;
+			return Math.max(0, a - r);
+		}
+		let r = t.indexOf(".");
+		return r === -1 ? 0 : t.length - r - 1;
+	}
+	function o(t) {
+		return Math.min(e.max, Math.max(e.min, t));
+	}
+	function s(t) {
+		if (e.step <= 0) return Math.min(e.max, Math.max(e.min, t));
+		let n = Math.round((t - e.min) / e.step), r = Math.max(a(e.min), a(e.step));
+		return Math.min(e.max, Math.max(e.min, parseFloat((e.min + n * e.step).toFixed(r))));
+	}
+	function c(e) {
+		return e.length === 2 && e[0] > e[1] ? [e[1], e[0]] : e;
+	}
+	function l(t, n = null) {
+		if (t.length !== 2) return t;
+		let r = Math.round(e.minGapSteps) * e.step;
+		if (r <= 0) return t;
+		let [i, o] = t;
+		if (o - i >= r) return t;
+		n === 0 ? o = Math.min(e.max, i + r) : n === 1 ? i = Math.max(e.min, o - r) : i + r <= e.max ? o = i + r : o - r >= e.min ? i = o - r : (o = e.max, i = Math.max(e.min, o - r));
+		let s = Math.max(a(e.min), a(e.max), a(e.step), n === null ? 0 : a(t[n]));
+		return n !== 0 && (i = Math.min(e.max, Math.max(e.min, parseFloat(i.toFixed(s))))), n !== 1 && (o = Math.min(e.max, Math.max(e.min, parseFloat(o.toFixed(s))))), [i, o];
+	}
+	function u(e, t = null) {
+		let n = e.map((e, n) => n === t || Number.isFinite(e) ? e : d());
+		return n = n.map((e, n) => n === t ? e : o(e)), n = n.map((e, n) => n === t ? e : s(e)), n = n.length === 2 && t === null ? c(n) : n, l(n, t);
+	}
+	function d() {
+		return (e.min + e.max) / 2;
+	}
+	function f(e, t = null) {
+		let n;
+		return n = Array.isArray(e) ? e.length >= 2 ? [e[0], e[1]] : e.length === 1 ? [e[0]] : [d()] : e == null ? [d()] : [e], u(n, t);
+	}
+	let p = F(f(e.modelValue)), m = F([...p.value]), h = x(() => n.value ? [...p.value] : p.value[0]);
+	function g(t) {
+		return e.max === e.min ? 0 : (t - e.min) / (e.max - e.min) * 100;
+	}
+	function _(t, n) {
+		if (e.step <= 0) return t;
+		let r = (t - e.min) / e.step, i = n ? Math.ceil(r - 1e-9) : Math.floor(r + 1e-9);
+		return e.min + i * e.step;
+	}
+	function v(t) {
+		if (!n.value || t !== 1 || p.value.length < 2) return e.min;
+		let r = Math.round(e.minGapSteps) * e.step, i = Math.min(e.max, p.value[0] + r);
+		return Math.min(e.max, _(i, !0));
+	}
+	function y(t) {
+		if (!n.value || t !== 0 || p.value.length < 2) return e.max;
+		let r = Math.round(e.minGapSteps) * e.step, i = Math.max(e.min, p.value[1] - r);
+		return Math.max(e.min, _(i, !1));
+	}
+	function b(t) {
+		if (e.step <= 0) return "any";
+		let n = p.value[t];
+		if (n === void 0) return e.step;
+		let r = (n - e.min) / e.step;
+		return Math.abs(r - Math.round(r)) > 1e-9 ? "any" : e.step;
+	}
+	let S = !1;
+	function C(e) {
+		process.env.NODE_ENV === "production" || S || (S = !0, console.info(`[Dialtone] DtSlider: ${e}`));
+	}
+	function w(t, n) {
+		if (e.getValueText) try {
+			let r = e.getValueText(t, n);
+			if (typeof r == "string") return r;
+			C(`getValueText must return a string synchronously (got ${typeof r}) — falling back to the raw value.`);
+		} catch (e) {
+			C(`getValueText threw — falling back to the raw value. ${e}`);
+		}
+		return `${e.prefix}${t}${e.suffix}`;
+	}
+	return H(() => e.modelValue, (e) => {
+		if (e == null) return;
+		let n = p.value, r = Array.isArray(e) ? e : [e], a = n.findIndex((e, t) => r[t] === e && i(t, e)), o = f(e, a === -1 ? null : a);
+		if (o.length !== n.length || o.some((e, t) => e !== n[t])) {
+			let e = n.length !== m.value.length || n.some((e, t) => e !== m.value[t]);
+			p.value = o, e || (m.value = [...o]);
+		}
+		(o.length !== r.length || o.some((e, t) => e !== r[t])) && t("update:modelValue", Array.isArray(e) ? [...o] : o[0]);
+	}, { deep: !0 }), H(() => [
+		e.min,
+		e.max,
+		e.step,
+		e.minGapSteps
+	], () => {
+		let r = p.value, a = r.length !== m.value.length || r.some((e, t) => e !== m.value[t]), o = r.findIndex((t, n) => i(n, t) && t >= e.min && t <= e.max), s = u(r, o === -1 ? null : o);
+		if (s.length !== r.length || s.some((e, t) => e !== r[t])) {
+			p.value = s;
+			let e = n.value ? [...s] : s[0];
+			if (t("update:modelValue", e), a) return;
+			m.value = [...s], t("change", e);
+		}
+	}), N(() => {
+		if (e.modelValue === void 0 || e.modelValue === null) return;
+		let n = Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue], r = p.value;
+		(r.length !== n.length || r.some((e, t) => e !== n[t])) && t("update:modelValue", Array.isArray(e.modelValue) ? [...r] : r[0]);
+	}), {
+		internalValues: p,
+		lastCommittedValues: m,
+		currentValue: h,
+		decimalPlaces: a,
+		snapToStep: s,
+		thumbPercent: g,
+		thumbNativeMin: v,
+		thumbNativeMax: y,
+		thumbNativeStep: b,
+		formatValue: w
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderMagneticSnap.js
+var q = 10, oe = 2;
+function se(e, { controlRef: t, isVertical: n }) {
+	let r = x(() => {
+		if (e.snapPoints == null) return [];
+		if (typeof e.snapPoints == "number") {
+			let t = e.snapPoints;
+			return !Number.isFinite(t) || t <= 0 ? [] : m(e.min, e.max, t, "snapPoints");
+		}
+		return Array.isArray(e.snapPoints) ? e.snapPoints.filter((t) => Number.isFinite(t) && t >= e.min && t <= e.max) : [];
+	}), i = F({});
+	function a(a, o) {
+		let s = r.value;
+		if (!s.length || !t.value) return delete i.value[o], null;
+		let c = t.value.getBoundingClientRect(), l = n.value ? c.height : c.width;
+		if (!l) return null;
+		let u = q / l * (e.max - e.min), d = i.value[o];
+		if (d != null && s.includes(d)) {
+			let e = u * oe;
+			if (Math.abs(d - a) <= e) return d;
+		}
+		let f = null, p = Infinity;
+		for (let e of s) {
+			let t = Math.abs(e - a);
+			t <= u && t < p && (f = e, p = t);
+		}
+		return f == null ? delete i.value[o] : i.value[o] = f, f;
+	}
+	return {
+		activeSnapValue: i,
+		findMagneticSnapPoint: a
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderInteraction.js
+var J = new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown"
+]);
+function ce(e, t, { controlRef: n, thumbRefs: r, internalValues: i, isRange: a, isVertical: o, decimalPlaces: s, snapToStep: c, lastCommittedValues: l, findMagneticSnapPoint: u, activeSnapValue: d, isRtl: f }) {
+	let p = F(!1), m = F(null), h = F(null), _ = F(null), v = F(null), y = F(null), b = !1, x = null, S = !1;
+	H(() => e.disabled, (e) => {
+		e && (_.value = null, v.value = null);
+	}), H(() => i.value.length, (e, t) => {
+		let n = _.value === 1 || document.activeElement === r.value[1];
+		e === 1 && t === 2 && n && k(() => r.value[0]?.focus()), m.value !== null && m.value >= e && (m.value = null);
+	});
+	function C(n, o, { allowSnap: l = !1 } = {}) {
+		let f = Math.min(e.max, Math.max(e.min, o)), p = l ? u(f, n) : null;
+		f = p ?? c(f);
+		let m = [...i.value];
+		if (a.value) {
+			let t = Math.max(0, Math.round(e.minGapSteps) * e.step);
+			if (f = n === 0 ? Math.min(f, (m[1] ?? e.max) - t) : Math.max(f, (m[0] ?? e.min) + t), !(p != null && f === p)) {
+				let t = Math.max(s(e.min), s(e.step));
+				f = parseFloat(f.toFixed(t)), f = Math.min(e.max, Math.max(e.min, f));
+			}
+			p != null && f !== p && delete d.value[n];
+		}
+		if (m[n] === f) {
+			let e = r.value[n];
+			e && e.value !== String(f) && (e.value = String(f));
+			return;
+		}
+		m[n] = f, i.value = m, t("update:modelValue", a.value ? [...m] : m[0]);
+	}
+	function w() {
+		let e = i.value, n = l.value;
+		(e.length !== n.length || e.some((e, t) => e !== n[t])) && (l.value = [...e], t("change", a.value ? [...e] : e[0]));
+	}
+	let T = 0;
+	function E(t) {
+		let r = n.value.getBoundingClientRect(), i = o.value ? r.height : r.width, a = i - 2 * T, s;
+		if (o.value) {
+			let e = r.bottom - t.clientY;
+			s = a > 0 ? (e - T) / a : e / i;
+		} else {
+			let e = t.clientX - r.left;
+			s = a > 0 ? (e - T) / a : e / i, f.value && (s = 1 - s);
+		}
+		return s = Math.min(1, Math.max(0, s)), e.min + s * (e.max - e.min);
+	}
+	function D(e) {
+		if (!a.value || i.value.length < 2) return 0;
+		let [t, n] = i.value;
+		return t === n ? h.value === 0 ? 1 : 0 : Math.abs(e - t) <= Math.abs(e - n) ? 0 : 1;
+	}
+	function O(e, t) {
+		if (!a.value) return e;
+		let [n, r] = i.value;
+		return n === r ? e === 0 && t > n ? 1 : e === 1 && t < r ? 0 : e : e;
+	}
+	function A(t) {
+		if (e.disabled || t.pointerType === "mouse" && t.button !== 0 || p.value && t.pointerId !== x) return;
+		t.preventDefault(), T = g(n.value);
+		let o = E(t), s = D(o), [c, l] = i.value;
+		S = a.value && i.value.length === 2 && c === l, y.value === s && (y.value = null), m.value = s, h.value = s, p.value = !0, x = t.pointerId, n.value.setPointerCapture(t.pointerId), v.value = null, C(s, o, { allowSnap: !0 });
+		let u = r.value[s];
+		u && document.activeElement !== u ? (b = !0, u.focus()) : _.value === s && (_.value = null);
+	}
+	function j(t) {
+		if (!p.value || m.value === null || t.pointerId !== x) return;
+		if (e.disabled) {
+			N();
+			return;
+		}
+		if (t.buttons === 0) {
+			N();
+			return;
+		}
+		let n = E(t), r = S ? O(m.value, n) : m.value;
+		r !== m.value && (delete d.value[m.value], y.value === r && (y.value = null), m.value = r, h.value = r), C(r, n, { allowSnap: !0 });
+	}
+	function M(t) {
+		if (e.step <= 0) return !1;
+		let n = (t - e.min) / e.step;
+		return Math.abs(n - Math.round(n)) > 1e-9;
+	}
+	function N(e) {
+		if (!p.value || e && e.pointerId !== x) return;
+		p.value = !1, x = null;
+		let t = m.value;
+		t !== null && M(i.value[t]) && C(t, i.value[t]), w(), m.value = null, d.value = {};
+	}
+	function P(e, t) {
+		C(e, Number(t.target.value));
+	}
+	function I(e, t, n, r) {
+		return e === "PageUp" ? 1 : e === "PageDown" ? -1 : t ? e === "ArrowUp" || e === n ? 1 : e === "ArrowDown" || e === r ? -1 : 0 : 0;
+	}
+	function L() {
+		return e.step <= 0 ? e.largeStep : Math.max(1, Math.round(e.largeStep / e.step)) * e.step;
+	}
+	function R(e, t) {
+		_.value !== e && (_.value = e);
+		let n = f.value, r = n ? "ArrowLeft" : "ArrowRight", a = n ? "ArrowRight" : "ArrowLeft", o = I(t.key, t.shiftKey, r, a);
+		o !== 0 && (t.preventDefault(), C(e, i.value[e] + o * L())), t.key === "Escape" ? y.value = e : J.has(t.key) && y.value === e && (y.value = null);
+	}
+	function z(e, n) {
+		b ? b = !1 : (y.value === e && (y.value = null), _.value = e), t("focus", n);
+	}
+	function B(e, n) {
+		_.value = null, w(), t("blur", n);
+	}
+	function V(e) {
+		y.value === e && (y.value = null), v.value = e;
+	}
+	function ee(e) {
+		v.value === e && (v.value = null);
+	}
+	function U(t) {
+		return e.readout === "always" ? !0 : y.value === t ? !1 : m.value === t || _.value === t || v.value === t;
+	}
+	return {
+		isDragging: p,
+		activeThumbIndex: m,
+		focusedThumbIndex: _,
+		hoveredThumbIndex: v,
+		updateThumbValue: C,
+		commitIfChanged: w,
+		onPointerDown: A,
+		onPointerMove: j,
+		onPointerUp: N,
+		onThumbInput: P,
+		onThumbKeydown: R,
+		onThumbFocus: z,
+		onThumbBlur: B,
+		onThumbHitPointerEnter: V,
+		onThumbHitPointerLeave: ee,
+		isReadoutOpen: U
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderGeometry.js
+function le(e, { isVertical: t, isRange: n, internalValues: r, thumbPercent: i, isRtl: a, markEdgeOffsetPx: o, formatValue: s }) {
+	function c(e, n) {
+		let r = t.value ? { bottom: `${e}%` } : { insetInlineStart: `${e}%` };
+		return n && (r.transform = n), r;
+	}
+	function l() {
+		return a.value ? "50%" : "-50%";
+	}
+	let u = "var(--slider-edge-inset)", d = `calc(${u} + (100% - ${u} * 2) * `;
+	function f(e) {
+		return `${d}${e / 100})`;
+	}
+	function p(e) {
+		return `calc((100% - ${u} * 2) * ${e / 100})`;
+	}
+	function m(e, { verticalTransform: n, horizontalTransform: r }) {
+		let a = i(e);
+		return t.value ? {
+			bottom: f(a),
+			transform: n
+		} : {
+			insetInlineStart: f(a),
+			transform: r
+		};
+	}
+	function h(e) {
+		return m(e, {
+			verticalTransform: `translate(${l()}, 50%)`,
+			horizontalTransform: `translate(${l()}, -50%)`
+		});
+	}
+	function g(e) {
+		return m(e, {
+			verticalTransform: "translateY(50%)",
+			horizontalTransform: `translateX(${l()})`
+		});
+	}
+	function _(e) {
+		let t = a.value ? -1 : 1;
+		return e === "start" ? `translateX(${t}px)` : `translateX(calc(${a.value ? "100%" : "-100%"} + ${-t}px))`;
+	}
+	function v(e, n) {
+		let r = t.value ? { bottom: f(e) } : { insetInlineStart: f(e) };
+		return n && (r.transform = n), r;
+	}
+	function y(e, n, r) {
+		if (r && !t.value) return c(e, _(r));
+		let i = t.value ? 0 : o.value[n];
+		return i ? v(e, `translateX(calc(${l()} + ${i}px))`) : v(e);
+	}
+	function b(e, n, r) {
+		if (r && !t.value) return c(e, _(r));
+		let i = t.value ? 0 : n;
+		return i ? v(e, `translateX(calc(${l()} + ${i}px))`) : v(e);
+	}
+	return {
+		thumbPositionStyle: h,
+		tickPositionStyle: g,
+		markStyle: y,
+		readoutStyle: b,
+		mergedReadoutPct: x(() => {
+			if (!n.value || r.value.length !== 2) return 0;
+			let [e, t] = r.value;
+			return (i(e) + i(t)) / 2;
+		}),
+		mergedReadoutText: x(() => {
+			if (!n.value || r.value.length !== 2) return "";
+			let [e, t] = r.value;
+			return `${s(e, 0)}–${s(t, 1)}`;
+		}),
+		indicatorStyle: x(() => {
+			if (n.value && r.value.length === 2) {
+				let [e, n] = r.value, a = i(e), o = i(n);
+				return t.value ? {
+					bottom: f(a),
+					height: p(o - a)
+				} : {
+					insetInlineStart: f(a),
+					width: p(o - a)
+				};
+			}
+			let a = i(r.value[0] ?? e.min);
+			if (typeof e.fillOrigin == "number") {
+				let n = i(Math.min(e.max, Math.max(e.min, e.fillOrigin))), r = Math.min(a, n), o = Math.abs(a - n);
+				return t.value ? {
+					bottom: f(r),
+					height: p(o)
+				} : {
+					insetInlineStart: f(r),
+					width: p(o)
+				};
+			}
+			let o = e.fillOrigin === "end";
+			return t.value ? o ? {
+				top: 0,
+				height: `calc(100% - ${f(a)})`
+			} : {
+				bottom: 0,
+				height: f(a)
+			} : o ? {
+				insetInlineEnd: 0,
+				width: `calc(100% - ${f(a)})`
+			} : {
+				insetInlineStart: 0,
+				width: f(a)
+			};
+		})
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderMarksAndTicks.js
+function ue(e, { isVertical: t, thumbPercent: n }) {
+	let r = x(() => {
+		let t = typeof e.showTicks == "number" ? e.showTicks : e.step;
+		return !t || t <= 0 ? [] : m(e.min, e.max, t, "ticks");
+	});
+	function i(t) {
+		return `${e.prefix}${t}${e.suffix}`;
+	}
+	let a = x(() => {
+		let t = e.showMarks === !0 ? [e.min, e.max] : e.showMarks;
+		return Array.isArray(t) ? t.filter(h).map((t) => {
+			let r = typeof t == "number" ? t : t.value, a = typeof t == "number" ? i(t) : t.text ?? i(r), o = r === e.min ? "start" : r === e.max ? "end" : null;
+			return {
+				text: a,
+				pct: n(r),
+				edge: o
+			};
+		}) : [];
+	});
+	return {
+		computedTickValues: r,
+		computedMarks: a,
+		reservesAnnotationSpace: x(() => !t.value && (a.value.length > 0 || e.readout === "always"))
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderCollisionAvoidance.js
+function de(e, { controlRef: t, isVertical: n, isRange: r, internalValues: i, thumbPercent: a, isRtl: o, isReadoutOpen: s, computedMarks: c, formatValue: l }) {
+	let u = F([]), d = F([]), f = F(null), m = F([]), h = F([]), y = F(!1), b = F([]), S = F([]), C = F(0);
+	function w(e, t, n = 0) {
+		return !(e.right + n < t.left || e.left - n > t.right || e.bottom + n < t.top || e.top - n > t.bottom);
+	}
+	let T = 0, E = 0;
+	function D(e, r) {
+		if (!r || !t.value) return null;
+		let i = r.getBoundingClientRect(), a = t.value.getBoundingClientRect(), s = E;
+		if (n.value) {
+			let t = i.bottom - i.top, n = s + (a.bottom - a.top - 2 * s) * (e / 100), r = a.bottom - n;
+			return {
+				left: i.left,
+				right: i.right,
+				top: r - t / 2,
+				bottom: r + t / 2
+			};
+		}
+		let c = i.right - i.left, l = s + (a.right - a.left - 2 * s) * (_(e, o.value) / 100), u = a.left + l;
+		return {
+			left: u - c / 2,
+			right: u + c / 2,
+			top: i.top,
+			bottom: i.bottom
+		};
+	}
+	function O(e) {
+		return d.value.find((t) => t && Number(t.dataset.readoutIndex) === e);
+	}
+	function A(t, n) {
+		return e.readout === "tooltip" ? m.value[n]?.getBoundingClientRect() ?? null : D(a(t), O(n));
+	}
+	async function j() {
+		let n = ++T;
+		if (await k(), n !== T) return;
+		t.value && (E = g(t.value));
+		let o = y.value;
+		if (e.readout !== "tooltip" && r.value && i.value.length === 2 && s(0) && s(1)) {
+			let [e, t] = i.value, n = D(a(e), O(0)), r = D(a(t), O(1));
+			y.value = !!(n && r && w(n, r, 4));
+		} else y.value = !1;
+		y.value !== o && (await k(), n !== T) || (R(), P());
+	}
+	function P() {
+		let r = e.readout === "always" && !!t.value && !n.value, a = r ? t.value.getBoundingClientRect() : null;
+		function o(e, t) {
+			if (!e || !r) return 0;
+			let n = e.getBoundingClientRect();
+			return p(n.left - t, n.right - t, a, 0);
+		}
+		function c() {
+			let e = o(f.value, C.value);
+			e !== C.value && (C.value = e), S.value.some(Boolean) && (S.value = i.value.map(() => 0));
+		}
+		function l() {
+			C.value && (C.value = 0);
+			let e = i.value.map((e, t) => s(t) ? o(O(t), S.value[t] || 0) : 0);
+			v(e, S.value) || (S.value = e);
+		}
+		y.value ? c() : l();
+	}
+	function I() {
+		let [e, t] = i.value;
+		return (a(e) + a(t)) / 2;
+	}
+	function L() {
+		if (y.value) {
+			let e = D(I(), f.value);
+			return e ? [e] : [];
+		}
+		return i.value.map((e, t) => s(t) ? A(e, t) : null).filter(Boolean);
+	}
+	function R() {
+		let e = u.value;
+		if (!e.length) return;
+		let r = L(), i = c.value.map(() => !1), a = c.value.map(() => 0), o = !!t.value && !n.value, s = o ? t.value.getBoundingClientRect() : null;
+		e.forEach((e) => {
+			if (!e) return;
+			let t = Number(e.dataset.markIndex), n = b.value[t] || 0, c = e.getBoundingClientRect(), l = c.left - n, u = c.right - n, d = o ? p(l, u, s, 32) : 0;
+			if (a[t] = d, r.length) {
+				let e = {
+					top: c.top,
+					bottom: c.bottom,
+					left: l + d,
+					right: u + d
+				};
+				i[t] = r.some((t) => w(e, t, 4));
+			}
+		}), v(i, h.value) || (h.value = i), v(a, b.value) || (b.value = a);
+	}
+	let z = x(() => i.value.map((e, t) => s(t))), B = x(() => i.value.map((e, t) => l(e, t))), V = null;
+	return H([
+		z,
+		c,
+		n,
+		o
+	], () => j(), { deep: !0 }), H([
+		i,
+		B,
+		() => e.readoutClass
+	], () => {
+		e.readout !== "tooltip" && j();
+	}, { deep: !0 }), N(() => {
+		k(j), typeof ResizeObserver < "u" && t.value && (V = new ResizeObserver(() => {
+			j();
+		}), V.observe(t.value));
+	}), M(() => {
+		V?.disconnect();
+	}), {
+		markElRefs: u,
+		readoutElRefs: d,
+		mergedReadoutElRef: f,
+		tooltipElRefs: m,
+		markCollisionHidden: h,
+		readoutMerged: y,
+		markEdgeOffsetPx: b,
+		readoutEdgeOffsetPx: S,
+		mergedReadoutEdgeOffsetPx: C,
+		readoutVisibility: z,
+		formattedValues: B,
+		updateCollisions: j
+	};
+}
+//#endregion
+//#region components/Slider/Composables/UseSliderTooltipReadout.js
+var Y = {
+	visibilityProperty: !0,
+	opacityProperty: !0,
+	checkVisibilityCSS: !0,
+	checkOpacity: !0
+};
+function X(e) {
+	if (e.checkVisibility) return e.checkVisibility(Y);
+	if (!e.getClientRects().length || getComputedStyle(e).visibility !== "visible") return !1;
+	for (let t = e; t; t = t.parentElement) {
+		let e = getComputedStyle(t);
+		if (e.opacity === "0" || e.contentVisibility === "hidden") return !1;
+	}
+	return !0;
+}
+function fe(e, t) {
+	return e.left === t.left && e.top === t.top && e.right === t.right && e.bottom === t.bottom;
+}
+var Z = (e, t, n) => Math.min(n, Math.max(t, e));
+function pe(e, { thumbVisualRefs: t, tooltipElRefs: n, isVertical: r, isRtl: i, readoutVisibility: a, formattedValues: p, onPosition: m }) {
+	let h = /* @__PURE__ */ new Map();
+	function g(t) {
+		return e.readout === "tooltip" && !e.disabled && a.value[t];
+	}
+	function _(e) {
+		let t = h.get(e);
+		t && (h.delete(e), t.cleanup?.(), t.tooltip.matches(":popover-open") && t.tooltip.hidePopover());
+	}
+	function y(e, t, n) {
+		if (typeof n.showPopover != "function") return;
+		let a = 0, p = !0, y = null, b = null, x, S = {
+			anchor: t,
+			tooltip: n,
+			update: E,
+			cleanup: null
+		}, C = () => h.get(e) === S;
+		function w() {
+			return p || !X(t) ? "hidden" : "visible";
+		}
+		function T() {
+			n.style.visibility = "hidden", n.showPopover();
+		}
+		async function E() {
+			if (!C()) return;
+			if (!n.matches(":popover-open")) {
+				if (!g(e) || !t.isConnected || !n.isConnected || !X(t)) {
+					_(e);
+					return;
+				}
+				T();
+			}
+			let d = ++a, h = t.getBoundingClientRect();
+			y = h;
+			let x = parseFloat(getComputedStyle(n).paddingBlockStart) || 0, S = {
+				boundary: [],
+				padding: x * 2
+			}, E = n.firstElementChild, D = () => C() && d === a, O = await c(t, n, {
+				strategy: "fixed",
+				placement: r.value ? i.value ? "left" : "right" : "top",
+				middleware: [
+					s(x),
+					o(S),
+					l(S),
+					f({
+						...S,
+						apply({ availableWidth: e, availableHeight: t }) {
+							D() && (E.style.maxInlineSize = `${Math.max(0, e - x * 2)}px`, E.style.maxBlockSize = `${Math.max(0, t - x * 2)}px`);
+						}
+					}),
+					u()
+				]
+			});
+			if (!D()) return;
+			let k = n.offsetWidth, A = n.offsetHeight, j = O.placement;
+			p = O.middlewareData.hide?.referenceHidden;
+			let M = w();
+			n.dataset.side = j, Object.assign(n.style, {
+				left: `${O.x}px`,
+				top: `${O.y}px`,
+				visibility: M
+			}), j === "top" || j === "bottom" ? n.style.setProperty("--slider-tooltip-arrow-x", `${Z(h.left + h.width / 2 - O.x, x, k - x)}px`) : n.style.setProperty("--slider-tooltip-arrow-y", `${Z(h.top + h.height / 2 - O.y, x, A - x)}px`);
+			let N = [
+				O.x,
+				O.y,
+				k,
+				A,
+				j,
+				M
+			];
+			(!b || !v(N, b)) && (b = N, m());
+		}
+		function D() {
+			!n.matches(":popover-open") || !y || !fe(t.getBoundingClientRect(), y) ? E() : n.style.visibility = w(), C() && (x = requestAnimationFrame(D));
+		}
+		h.set(e, S), T();
+		let O = d(t, n, E, { layoutShift: !1 });
+		D(), S.cleanup = () => {
+			O(), cancelAnimationFrame(x);
+		};
+	}
+	function b() {
+		for (let [e, r] of h) (!g(e) || t.value[e] !== r.anchor || n.value[e] !== r.tooltip) && _(e);
+		a.value.forEach((e, r) => {
+			let i = t.value[r], a = n.value[r];
+			!i || !a || !g(r) || (h.has(r) ? h.get(r).update() : y(r, i, a));
+		});
+	}
+	H([
+		() => e.readout,
+		() => e.disabled,
+		r,
+		i,
+		p,
+		a
+	], b, { flush: "post" }), N(b), M(() => {
+		for (let e of h.keys()) _(e);
+	});
+}
+//#endregion
+//#region components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var me = [
+	"data-disabled",
+	"data-orientation",
+	"data-dragging"
+], he = ["onPointerenter", "onPointerleave"], ge = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled",
+	"name",
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-details",
+	"aria-invalid",
+	"aria-valuetext",
+	"aria-orientation",
+	"onInput",
+	"onKeydown",
+	"onFocus",
+	"onBlur"
+], _e = ["data-mark-index"], ve = ["data-readout-index"], ye = { class: "d-slider__tooltip-content" }, be = /* @__PURE__ */ D({
+	name: "DtSlider",
+	inheritAttrs: !1,
+	__name: "Slider",
+	props: {
+		modelValue: {
+			type: [Number, Array],
+			default: void 0,
+			validator: (e) => !Array.isArray(e) || e.length === 2
+		},
+		min: {
+			type: Number,
+			default: 0,
+			validator: Number.isFinite
+		},
+		max: {
+			type: Number,
+			default: 100,
+			validator: Number.isFinite
+		},
+		step: {
+			type: Number,
+			default: 1,
+			validator: Number.isFinite
+		},
+		snapPoints: {
+			type: [Number, Array],
+			default: void 0,
+			validator: (e) => Number.isFinite(e) || Array.isArray(e) && e.every(Number.isFinite)
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		orientation: {
+			type: String,
+			default: "horizontal",
+			validator: (e) => U.includes(e)
+		},
+		fillOrigin: {
+			type: [Number, String],
+			default: "start",
+			validator: (e) => typeof e == "number" || G.includes(e)
+		},
+		showTicks: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		minGapSteps: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		showLabel: {
+			type: Boolean,
+			default: !0
+		},
+		labelSize: {
+			type: [String, Number],
+			default: null,
+			validator: (e) => r.label.includes(String(e))
+		},
+		labelStrength: {
+			type: String,
+			default: null,
+			validator: (e) => Object.keys(i).includes(e)
+		},
+		getValueText: {
+			type: Function,
+			default: null
+		},
+		prefix: {
+			type: String,
+			default: ""
+		},
+		suffix: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			default: ""
+		},
+		largeStep: {
+			type: Number,
+			default: 10
+		},
+		bodyClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		labelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		startClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		endClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		readout: {
+			type: String,
+			default: "tooltip",
+			validator: (e) => W.includes(e)
+		},
+		readoutClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		showMarks: {
+			type: [Array, Boolean],
+			default: !1,
+			validator: (e) => typeof e == "boolean" || Array.isArray(e) && e.every(h)
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(r, { expose: i, emit: o }) {
+		let s = r, c = o, l = V(), u = B(), d = `slider-label-${e()}`, f = F(null), p = F([]), m = F([]), h = x(() => Array.isArray(s.modelValue)), g = x(() => s.orientation === "vertical"), { isRtl: _ } = ie(f), { activeSnapValue: v, findMagneticSnapPoint: D } = se(s, {
+			controlRef: f,
+			isVertical: g
+		}), { internalValues: k, lastCommittedValues: M, currentValue: N, decimalPlaces: H, snapToStep: U, thumbPercent: W, thumbNativeMin: G, thumbNativeMax: te, thumbNativeStep: ne, formatValue: K } = ae(s, c, {
+			isRange: h,
+			activeSnapValue: v
+		});
+		function q(e) {
+			return e.some((e) => {
+				if (typeof e == "string") return e.trim() !== "";
+				if (e.type === y) return !1;
+				if (typeof e.children == "string") return e.children.trim() !== "";
+				if (Array.isArray(e.children)) return q(e.children);
+				if (e.children && typeof e.children.default == "function") {
+					let t = e.children.default();
+					return q(Array.isArray(t) ? t : [t]);
+				}
+				return !1;
+			});
+		}
+		let oe = x(() => l.label ? q(l.label({ value: N.value })) : !!s.label?.trim()), J = x(() => s.showLabel && oe.value), Y = x(() => J.value ? d : u["aria-labelledby"]), X = x(() => {
+			if (!J.value) return !s.showLabel && s.label ? s.label : u["aria-label"];
+		}), fe = x(() => J.value || !!(String(X.value ?? "").trim() || String(Y.value ?? "").trim())), Z = x(() => s.labelSize ?? 300), be = [
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby",
+			"aria-errormessage",
+			"aria-details",
+			"aria-invalid"
+		], xe = x(() => {
+			let e = n(u);
+			return Object.fromEntries(Object.entries(e).filter(([e]) => !be.includes(e)));
+		}), { isDragging: Se, activeThumbIndex: Ce, focusedThumbIndex: we, onPointerDown: Te, onPointerMove: Ee, onPointerUp: Q, onThumbInput: De, onThumbKeydown: Oe, onThumbFocus: ke, onThumbBlur: Ae, onThumbHitPointerEnter: je, onThumbHitPointerLeave: Me, isReadoutOpen: Ne } = ce(s, c, {
+			controlRef: f,
+			thumbRefs: p,
+			internalValues: k,
+			isRange: h,
+			isVertical: g,
+			decimalPlaces: H,
+			snapToStep: U,
+			lastCommittedValues: M,
+			findMagneticSnapPoint: D,
+			activeSnapValue: v,
+			isRtl: _
+		}), { computedTickValues: Pe, computedMarks: Fe, reservesAnnotationSpace: Ie } = ue(s, {
+			isVertical: g,
+			thumbPercent: W
+		}), { markElRefs: Le, readoutElRefs: Re, mergedReadoutElRef: ze, tooltipElRefs: Be, markCollisionHidden: Ve, readoutMerged: He, markEdgeOffsetPx: Ue, readoutEdgeOffsetPx: We, mergedReadoutEdgeOffsetPx: Ge, readoutVisibility: Ke, formattedValues: qe, updateCollisions: Je } = de(s, {
+			controlRef: f,
+			isVertical: g,
+			isRange: h,
+			internalValues: k,
+			thumbPercent: W,
+			isRtl: _,
+			isReadoutOpen: Ne,
+			computedMarks: Fe,
+			formatValue: K
+		}), { thumbPositionStyle: $, tickPositionStyle: Ye, markStyle: Xe, readoutStyle: Ze, mergedReadoutPct: Qe, mergedReadoutText: $e, indicatorStyle: et } = le(s, {
+			isVertical: g,
+			isRange: h,
+			internalValues: k,
+			thumbPercent: W,
+			isRtl: _,
+			markEdgeOffsetPx: Ue,
+			formatValue: K
+		});
+		function tt(e) {
+			return e === s.min ? "start" : e === s.max ? "end" : null;
+		}
+		pe(s, {
+			thumbVisualRefs: m,
+			tooltipElRefs: Be,
+			isVertical: g,
+			isRtl: _,
+			readoutVisibility: Ke,
+			formattedValues: qe,
+			onPosition: Je
+		}), re(s, {
+			isRange: h,
+			hasAccessibleName: fe
+		});
+		function nt() {
+			p.value[0]?.focus();
+		}
+		function rt() {
+			p.value.find((e) => e === document.activeElement)?.blur();
+		}
+		return i({
+			focus: nt,
+			blur: rt
+		}), (e, n) => (P(), w("div", O(xe.value, {
+			class: [
+				"d-slider",
+				e.$attrs.class,
+				{
+					"d-slider--disabled": r.disabled,
+					"d-slider--vertical": g.value,
+					"d-slider--inverted": r.fillOrigin === "end",
+					"d-slider--dragging": z(Se)
+				}
+			],
+			style: e.$attrs.style,
+			"data-disabled": r.disabled || void 0,
+			"data-orientation": r.orientation,
+			"data-dragging": z(Se) || void 0,
+			"data-qa": "dt-slider"
+		}), [r.showLabel ? (P(), w("div", {
+			key: 0,
+			id: d,
+			class: A(["d-slider__label", r.labelClass]),
+			"data-qa": "dt-slider-label"
+		}, [L(e.$slots, "label", { value: z(N) }, () => [r.label ? (P(), S(z(a), {
+			key: 0,
+			kind: "label",
+			size: Z.value,
+			strength: r.labelStrength,
+			tone: r.disabled ? "disabled" : "secondary"
+		}, {
+			default: ee(() => [E(R(r.label), 1)]),
+			_: 1
+		}, 8, [
+			"size",
+			"strength",
+			"tone"
+		])) : C("", !0)])], 2)) : C("", !0), T("div", {
+			class: A([
+				"d-slider__body",
+				r.bodyClass,
+				{ "d-slider__body--reserve-annotation-space": z(Ie) }
+			]),
+			"data-qa": "dt-slider-body"
+		}, [
+			z(t)(e.$slots.start) ? (P(), w("div", {
+				key: 0,
+				class: A(["d-slider__start", r.startClass]),
+				"data-qa": "dt-slider-start"
+			}, [L(e.$slots, "start")], 2)) : C("", !0),
+			T("div", {
+				ref_key: "controlRef",
+				ref: f,
+				class: "d-slider__control",
+				style: j(g.value ? { touchAction: "pan-x" } : { touchAction: "pan-y" }),
+				"data-qa": "dt-slider-control",
+				onPointerdown: n[0] || (n[0] = (...e) => z(Te) && z(Te)(...e)),
+				onPointermove: n[1] || (n[1] = (...e) => z(Ee) && z(Ee)(...e)),
+				onPointerup: n[2] || (n[2] = (...e) => z(Q) && z(Q)(...e)),
+				onPointercancel: n[3] || (n[3] = (...e) => z(Q) && z(Q)(...e))
+			}, [
+				n[4] || (n[4] = T("div", {
+					class: "d-slider__track",
+					"data-qa": "dt-slider-track"
+				}, null, -1)),
+				T("div", {
+					class: "d-slider__indicator",
+					style: j(z(et)),
+					"data-qa": "dt-slider-indicator"
+				}, null, 4),
+				r.showTicks ? (P(!0), w(b, { key: 0 }, I(z(Pe), (e, t) => (P(), w("div", {
+					key: t,
+					class: "d-slider__tick",
+					style: j(z(Ye)(e)),
+					"data-qa": "dt-slider-tick"
+				}, null, 4))), 128)) : C("", !0),
+				(P(!0), w(b, null, I(z(k), (e, t) => (P(), w("div", {
+					key: `thumb-visual-${t}`,
+					ref_for: !0,
+					ref: (e) => {
+						m.value[t] = e;
+					},
+					class: A(["d-slider__thumb-visual", {
+						"d-slider__thumb-visual--focused": z(we) === t,
+						"d-slider__thumb-visual--active": z(Ce) === t
+					}]),
+					style: j(z($)(e)),
+					"data-qa": "dt-slider-thumb-visual"
+				}, null, 6))), 128)),
+				(P(!0), w(b, null, I(z(k), (e, t) => (P(), w("div", {
+					key: `thumb-hit-${t}`,
+					class: "d-slider__thumb-hit",
+					style: j({
+						...z($)(e),
+						touchAction: g.value ? "pan-x" : "pan-y"
+					}),
+					"data-qa": "dt-slider-thumb-hit",
+					onPointerenter: (e) => z(je)(t),
+					onPointerleave: (e) => z(Me)(t)
+				}, null, 44, he))), 128)),
+				(P(!0), w(b, null, I(z(k), (e, t) => (P(), w("input", {
+					key: `thumb-input-${t}`,
+					ref_for: !0,
+					ref: (e) => {
+						p.value[t] = e;
+					},
+					type: "range",
+					class: "d-slider__thumb",
+					min: z(G)(t),
+					max: z(te)(t),
+					step: z(ne)(t),
+					value: e,
+					disabled: r.disabled,
+					name: r.name || void 0,
+					"aria-labelledby": Y.value,
+					"aria-label": X.value,
+					"aria-describedby": z(u)["aria-describedby"],
+					"aria-errormessage": z(u)["aria-errormessage"],
+					"aria-details": z(u)["aria-details"],
+					"aria-invalid": z(u)["aria-invalid"],
+					"aria-valuetext": z(K)(e, t),
+					"aria-orientation": g.value ? "vertical" : void 0,
+					"data-qa": "dt-slider-thumb",
+					onInput: (e) => z(De)(t, e),
+					onKeydown: (e) => z(Oe)(t, e),
+					onFocus: (e) => z(ke)(t, e),
+					onBlur: (e) => z(Ae)(t, e)
+				}, null, 40, ge))), 128)),
+				(P(!0), w(b, null, I(z(Fe), (e, t) => (P(), w("div", {
+					key: `mark-${t}`,
+					ref_for: !0,
+					ref_key: "markElRefs",
+					ref: Le,
+					class: A(["d-slider__mark", { "d-slider__mark--collision-hidden": z(Ve)[t] }]),
+					style: j(z(Xe)(e.pct, t, e.edge)),
+					"data-mark-index": t,
+					"data-qa": "dt-slider-mark"
+				}, R(e.text), 15, _e))), 128)),
+				r.readout === "always" ? (P(), w(b, { key: 1 }, [(P(!0), w(b, null, I(z(k), (e, t) => (P(), w("div", {
+					key: `readout-${t}`,
+					ref_for: !0,
+					ref_key: "readoutElRefs",
+					ref: Re,
+					class: A([
+						"d-slider__readout",
+						z(He) ? "d-slider__readout--hide" : "d-slider__readout--show",
+						r.readoutClass
+					]),
+					style: j(z(Ze)(z(W)(e), z(We)[t], tt(e))),
+					"data-readout-index": t,
+					"aria-hidden": "true",
+					"data-qa": "dt-slider-thumb-readout"
+				}, R(z(K)(e, t)), 15, ve))), 128)), z(He) ? (P(), w("div", {
+					key: 0,
+					ref_key: "mergedReadoutElRef",
+					ref: ze,
+					class: A([
+						"d-slider__readout",
+						"d-slider__readout--show",
+						r.readoutClass
+					]),
+					style: j(z(Ze)(z(Qe), z(Ge))),
+					"aria-hidden": "true",
+					"data-qa": "dt-slider-thumb-readout-merged"
+				}, R(z($e)), 7)) : C("", !0)], 64)) : C("", !0),
+				r.readout === "tooltip" ? (P(!0), w(b, { key: 2 }, I(z(k), (e, t) => (P(), w("div", {
+					key: `readout-tooltip-${t}`,
+					ref_for: !0,
+					ref: (e) => {
+						z(Be)[t] = e;
+					},
+					class: "d-tooltip d-slider__readout-tooltip",
+					popover: "manual",
+					inert: "",
+					"aria-hidden": "true",
+					"data-qa": "dt-slider-thumb-readout-tooltip"
+				}, [T("span", ye, R(z(K)(e, t)), 1)]))), 128)) : C("", !0)
+			], 36),
+			z(t)(e.$slots.end) ? (P(), w("div", {
+				key: 1,
+				class: A(["d-slider__end", r.endClass]),
+				"data-qa": "dt-slider-end"
+			}, [L(e.$slots, "end")], 2)) : C("", !0)
+		], 2)], 16, me));
+	}
+});
+//#endregion
+export { U as a, G as i, te as n, K as o, ne as r, W as s, be as t };
+
+//# sourceMappingURL=Slider-Du45PVLU.js.map