@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-JuLF-OoH.js

@@ -0,0 +1,1762 @@
+import { o as e, r as t, t as n } from "./rolldown-runtime-DleVn1XH.js";
+import { Bc as r, Bn as i, Fn as a, Gr as o, Io as s, Ja as c, Ko as l, Lo as u, Rr as d, Sa as f, Ta as p, Uc as m, Wr as h, Xn as g, Zn as ee, cs as _, ea as v, fc as y, ga as b, mc as x, mn as S, na as C, oi as w, qr as T, ya as E } from "./isEqual-BDxAhUo8.js";
+import { $t as D, Cn as O, Ei as k, Fn as A, G as j, Gi as M, J as N, Jn as te, Q as ne, Ut as re, Wt as ie, Yi as P, Zi as F, _n as ae, an as oe, at as se, cn as I, d as ce, en as le, fn as L, hn as ue, in as R, it as z, l as B, ln as V, on as H, ot as de, pn as U, q as W, s as fe, sn as pe, tt as me, un as he, v as ge } from "./utils-Bg7K-t6K.js";
+import { Cn as G, Sn as _e, _n as ve, dn as ye, fn as be, gn as xe, hn as Se, in as K, mn as Ce, nn as we, on as Te, pn as Ee, rn as q, un as J, vn as Y, xn as De, y as Oe } from "./ui-DQWtv2iM.js";
+import { a as ke, c as Ae, o as je, r as Me, s as Ne } from "./builder-B6dWSIdD.js";
+import { f as Pe, l as Fe, r as Ie } from "./coloring-B1XAfg6b.js";
+import { A as Le, D as Re, F as ze, I as Be, M as Ve, P as He, R as Ue, a as We, g as Ge, h as Ke, m as qe, t as Je, x as Ye } from "./src-D9XogOrc.js";
+var Xe = {
+	border: 0,
+	clip: "rect(0 0 0 0)",
+	height: "1px",
+	margin: "-1px",
+	overflow: "hidden",
+	padding: 0,
+	position: "absolute",
+	whiteSpace: "nowrap",
+	width: "1px"
+}, X = /* @__PURE__ */ e(P());
+U(), ie();
+var Ze = ne();
+function Qe(e, t, n = (e, t) => e === t) {
+	return e.length === t.length && e.every((e, r) => n(e, t[r]));
+}
+se();
+var $e = 2;
+function et(e, t) {
+	return e - t;
+}
+function tt(e, t) {
+	let { index: n } = e.reduce((e, n, r) => {
+		let i = Math.abs(t - n);
+		return e === null || i < e.distance || i === e.distance ? {
+			distance: i,
+			index: r
+		} : e;
+	}, null) ?? {};
+	return n;
+}
+function nt(e, t) {
+	if (t.current !== void 0 && e.changedTouches) {
+		let n = e;
+		for (let e = 0; e < n.changedTouches.length; e += 1) {
+			let r = n.changedTouches[e];
+			if (r.identifier === t.current) return {
+				x: r.clientX,
+				y: r.clientY
+			};
+		}
+		return !1;
+	}
+	return {
+		x: e.clientX,
+		y: e.clientY
+	};
+}
+function rt(e, t, n) {
+	return (e - t) * 100 / (n - t);
+}
+function it(e, t, n) {
+	return (n - t) * e + t;
+}
+function at(e) {
+	if (Math.abs(e) < 1) {
+		let t = e.toExponential().split("e-"), n = t[0].split(".")[1];
+		return (n ? n.length : 0) + parseInt(t[1], 10);
+	}
+	let t = e.toString().split(".")[1];
+	return t ? t.length : 0;
+}
+function ot(e, t, n) {
+	let r = Math.round((e - n) / t) * t + n;
+	return Number(r.toFixed(at(t)));
+}
+function st({ values: e, newValue: t, index: n }) {
+	let r = e.slice();
+	return r[n] = t, r.sort(et);
+}
+function ct({ sliderRef: e, activeIndex: t, setActive: n }) {
+	var r, i;
+	let a = Y(e.current);
+	if (!((r = e.current) != null && r.contains(a.activeElement)) || Number(a == null || (i = a.activeElement) == null ? void 0 : i.getAttribute("data-index")) !== t) {
+		var o;
+		(o = e.current) == null || o.querySelector(`[type="range"][data-index="${t}"]`).focus();
+	}
+	n && n(t);
+}
+function lt(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e === t : typeof e == "object" && typeof t == "object" && Qe(e, t);
+}
+var ut = {
+	horizontal: {
+		offset: (e) => ({ left: `${e}%` }),
+		leap: (e) => ({ width: `${e}%` })
+	},
+	"horizontal-reverse": {
+		offset: (e) => ({ right: `${e}%` }),
+		leap: (e) => ({ width: `${e}%` })
+	},
+	vertical: {
+		offset: (e) => ({ bottom: `${e}%` }),
+		leap: (e) => ({ height: `${e}%` })
+	}
+}, dt = (e) => e, ft;
+function pt() {
+	return ft === void 0 && (ft = typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("touch-action", "none") : !0), ft;
+}
+function mt(e) {
+	let { "aria-labelledby": t, defaultValue: n, disabled: r = !1, disableSwap: i = !1, isRtl: a = !1, marks: o = !1, max: s = 100, min: c = 0, name: l, onChange: u, onChangeCommitted: d, orientation: f = "horizontal", rootRef: p, scale: m = dt, step: h = 1, shiftStep: g = 10, tabIndex: ee, value: _ } = e, v = X.useRef(void 0), [y, b] = X.useState(-1), [x, S] = X.useState(-1), [C, w] = X.useState(!1), T = X.useRef(0), [E, D] = ve({
+		controlled: _,
+		default: n ?? c,
+		name: "Slider"
+	}), O = u && ((e, t, n) => {
+		let r = e.nativeEvent || e, i = new r.constructor(r.type, r);
+		Object.defineProperty(i, "target", {
+			writable: !0,
+			value: {
+				value: t,
+				name: l
+			}
+		}), u(i, t, n);
+	}), k = Array.isArray(E), A = k ? E.slice().sort(et) : [E];
+	A = A.map((e) => e == null ? c : z(e, c, s));
+	let j = o === !0 && h !== null ? [...Array(Math.floor((s - c) / h) + 1)].map((e, t) => ({ value: c + h * t })) : o || [], M = j.map((e) => e.value), { isFocusVisibleRef: N, onBlur: te, onFocus: ne, ref: re } = Ce(), [ie, P] = X.useState(-1), F = X.useRef(null), ae = Se(p, Se(re, F)), oe = (e) => (t) => {
+		var n;
+		let r = Number(t.currentTarget.getAttribute("data-index"));
+		ne(t), N.current === !0 && P(r), S(r), e == null || (n = e.onFocus) == null || n.call(e, t);
+	}, se = (e) => (t) => {
+		var n;
+		te(t), N.current === !1 && P(-1), S(-1), e == null || (n = e.onBlur) == null || n.call(e, t);
+	}, I = (e, t) => {
+		let n = Number(e.currentTarget.getAttribute("data-index")), r = A[n], a = M.indexOf(r), o = t;
+		if (j && h == null) {
+			let e = M[M.length - 1];
+			o = o > e ? e : o < M[0] ? M[0] : o < r ? M[a - 1] : M[a + 1];
+		}
+		if (o = z(o, c, s), k) {
+			i && (o = z(o, A[n - 1] || -Infinity, A[n + 1] || Infinity));
+			let e = o;
+			o = st({
+				values: A,
+				newValue: o,
+				index: n
+			});
+			let t = n;
+			i || (t = o.indexOf(e)), ct({
+				sliderRef: F,
+				activeIndex: t
+			});
+		}
+		D(o), P(n), O && !lt(o, E) && O(e, o, n), d && d(e, o);
+	}, ce = (e) => (t) => {
+		var n;
+		if (h !== null) {
+			let e = Number(t.currentTarget.getAttribute("data-index")), n = A[e], r = null;
+			(t.key === "ArrowLeft" || t.key === "ArrowDown") && t.shiftKey || t.key === "PageDown" ? r = Math.max(n - g, c) : ((t.key === "ArrowRight" || t.key === "ArrowUp") && t.shiftKey || t.key === "PageUp") && (r = Math.min(n + g, s)), r !== null && (I(t, r), t.preventDefault());
+		}
+		e == null || (n = e.onKeyDown) == null || n.call(e, t);
+	};
+	de(() => {
+		if (r && F.current.contains(document.activeElement)) {
+			var e;
+			(e = document.activeElement) == null || e.blur();
+		}
+	}, [r]), r && y !== -1 && b(-1), r && ie !== -1 && P(-1);
+	let le = (e) => (t) => {
+		var n;
+		(n = e.onChange) == null || n.call(e, t), I(t, t.target.valueAsNumber);
+	}, ue = X.useRef(void 0), R = f;
+	a && f === "horizontal" && (R += "-reverse");
+	let B = ({ finger: e, move: t = !1 }) => {
+		let { current: n } = F, { width: r, height: a, bottom: o, left: l } = n.getBoundingClientRect(), u;
+		u = R.indexOf("vertical") === 0 ? (o - e.y) / a : (e.x - l) / r, R.indexOf("-reverse") !== -1 && (u = 1 - u);
+		let d;
+		if (d = it(u, c, s), h) d = ot(d, h, c);
+		else {
+			let e = tt(M, d);
+			d = M[e];
+		}
+		d = z(d, c, s);
+		let f = 0;
+		if (k) {
+			f = t ? ue.current : tt(A, d), i && (d = z(d, A[f - 1] || -Infinity, A[f + 1] || Infinity));
+			let e = d;
+			d = st({
+				values: A,
+				newValue: d,
+				index: f
+			}), i && t || (f = d.indexOf(e), ue.current = f);
+		}
+		return {
+			newValue: d,
+			activeIndex: f
+		};
+	}, V = xe((e) => {
+		let t = nt(e, v);
+		if (!t) return;
+		if (T.current += 1, e.type === "mousemove" && e.buttons === 0) {
+			H(e);
+			return;
+		}
+		let { newValue: n, activeIndex: r } = B({
+			finger: t,
+			move: !0
+		});
+		ct({
+			sliderRef: F,
+			activeIndex: r,
+			setActive: b
+		}), D(n), !C && T.current > $e && w(!0), O && !lt(n, E) && O(e, n, r);
+	}), H = xe((e) => {
+		let t = nt(e, v);
+		if (w(!1), !t) return;
+		let { newValue: n } = B({
+			finger: t,
+			move: !0
+		});
+		b(-1), e.type === "touchend" && S(-1), d && d(e, n), v.current = void 0, W();
+	}), U = xe((e) => {
+		if (r) return;
+		pt() || e.preventDefault();
+		let t = e.changedTouches[0];
+		t != null && (v.current = t.identifier);
+		let n = nt(e, v);
+		if (n !== !1) {
+			let { newValue: t, activeIndex: r } = B({ finger: n });
+			ct({
+				sliderRef: F,
+				activeIndex: r,
+				setActive: b
+			}), D(t), O && !lt(t, E) && O(e, t, r);
+		}
+		T.current = 0;
+		let i = Y(F.current);
+		i.addEventListener("touchmove", V, { passive: !0 }), i.addEventListener("touchend", H, { passive: !0 });
+	}), W = X.useCallback(() => {
+		let e = Y(F.current);
+		e.removeEventListener("mousemove", V), e.removeEventListener("mouseup", H), e.removeEventListener("touchmove", V), e.removeEventListener("touchend", H);
+	}, [H, V]);
+	X.useEffect(() => {
+		let { current: e } = F;
+		return e.addEventListener("touchstart", U, { passive: pt() }), () => {
+			e.removeEventListener("touchstart", U), W();
+		};
+	}, [W, U]), X.useEffect(() => {
+		r && W();
+	}, [r, W]);
+	let fe = (e) => (t) => {
+		var n;
+		if ((n = e.onMouseDown) == null || n.call(e, t), r || t.defaultPrevented || t.button !== 0) return;
+		t.preventDefault();
+		let i = nt(t, v);
+		if (i !== !1) {
+			let { newValue: e, activeIndex: n } = B({ finger: i });
+			ct({
+				sliderRef: F,
+				activeIndex: n,
+				setActive: b
+			}), D(e), O && !lt(e, E) && O(t, e, n);
+		}
+		T.current = 0;
+		let a = Y(F.current);
+		a.addEventListener("mousemove", V, { passive: !0 }), a.addEventListener("mouseup", H);
+	}, pe = rt(k ? A[0] : c, c, s), me = rt(A[A.length - 1], c, s) - pe, he = (e = {}) => {
+		let t = ye(e), n = L({}, t, { onMouseDown: fe(t || {}) });
+		return L({}, e, { ref: ae }, n);
+	}, ge = (e) => (t) => {
+		var n;
+		(n = e.onMouseOver) == null || n.call(e, t);
+		let r = Number(t.currentTarget.getAttribute("data-index"));
+		S(r);
+	}, G = (e) => (t) => {
+		var n;
+		(n = e.onMouseLeave) == null || n.call(e, t), S(-1);
+	};
+	return {
+		active: y,
+		axis: R,
+		axisProps: ut,
+		dragging: C,
+		focusedThumbIndex: ie,
+		getHiddenInputProps: (n = {}) => {
+			let i = ye(n), o = L({}, i, {
+				onChange: le(i || {}),
+				onFocus: oe(i || {}),
+				onBlur: se(i || {}),
+				onKeyDown: ce(i || {})
+			});
+			return L({
+				tabIndex: ee,
+				"aria-labelledby": t,
+				"aria-orientation": f,
+				"aria-valuemax": m(s),
+				"aria-valuemin": m(c),
+				name: l,
+				type: "range",
+				min: e.min,
+				max: e.max,
+				step: e.step === null && e.marks ? "any" : e.step ?? void 0,
+				disabled: r
+			}, n, o, { style: L({}, Xe, {
+				direction: a ? "rtl" : "ltr",
+				width: "100%",
+				height: "100%"
+			}) });
+		},
+		getRootProps: he,
+		getThumbProps: (e = {}) => {
+			let t = ye(e);
+			return L({}, e, t, {
+				onMouseOver: ge(t || {}),
+				onMouseLeave: G(t || {})
+			});
+		},
+		marks: j,
+		open: x,
+		range: k,
+		rootRef: ae,
+		trackLeap: me,
+		trackOffset: pe,
+		values: A,
+		getThumbStyle: (e) => ({ pointerEvents: y !== -1 && y !== e ? "none" : void 0 })
+	};
+}
+var ht = (e) => !e || !be(e);
+function gt(e) {
+	return _e("MuiSlider", e);
+}
+var Z = De("MuiSlider", /* @__PURE__ */ "root.active.colorPrimary.colorSecondary.colorError.colorInfo.colorSuccess.colorWarning.disabled.dragging.focusVisible.mark.markActive.marked.markLabel.markLabelActive.rail.sizeSmall.thumb.thumbColorPrimary.thumbColorSecondary.thumbColorError.thumbColorSuccess.thumbColorInfo.thumbColorWarning.track.trackInverted.trackFalse.thumbSizeSmall.valueLabel.valueLabelOpen.valueLabelCircle.valueLabelLabel.vertical".split(".")), Q = k(), _t = (e) => {
+	let { open: t } = e;
+	return {
+		offset: G(t && Z.valueLabelOpen),
+		circle: Z.valueLabelCircle,
+		label: Z.valueLabelLabel
+	};
+};
+function vt(e) {
+	let { children: t, className: n, value: r } = e, i = _t(e);
+	return t ? /*#__PURE__*/ X.cloneElement(t, { className: G(t.props.className) }, /*#__PURE__*/ (0, Q.jsxs)(X.Fragment, { children: [t.props.children, /*#__PURE__*/ (0, Q.jsx)("span", {
+		className: G(i.offset, n),
+		"aria-hidden": !0,
+		children: /*#__PURE__*/ (0, Q.jsx)("span", {
+			className: i.circle,
+			children: /*#__PURE__*/ (0, Q.jsx)("span", {
+				className: i.label,
+				children: r
+			})
+		})
+	})] })) : null;
+}
+U();
+var yt = /* @__PURE__ */ "aria-label.aria-valuetext.aria-labelledby.component.components.componentsProps.color.classes.className.disableSwap.disabled.getAriaLabel.getAriaValueText.marks.max.min.name.onChange.onChangeCommitted.orientation.shiftStep.size.step.scale.slotProps.slots.tabIndex.track.value.valueLabelDisplay.valueLabelFormat".split(".");
+function bt(e) {
+	return e;
+}
+var xt = K("span", {
+	name: "MuiSlider",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`color${q(n.color)}`],
+			n.size !== "medium" && t[`size${q(n.size)}`],
+			n.marked && t.marked,
+			n.orientation === "vertical" && t.vertical,
+			n.track === "inverted" && t.trackInverted,
+			n.track === !1 && t.trackFalse
+		];
+	}
+})(({ theme: e }) => ({
+	borderRadius: 12,
+	boxSizing: "content-box",
+	display: "inline-block",
+	position: "relative",
+	cursor: "pointer",
+	touchAction: "none",
+	WebkitTapHighlightColor: "transparent",
+	"@media print": { colorAdjust: "exact" },
+	[`&.${Z.disabled}`]: {
+		pointerEvents: "none",
+		cursor: "default",
+		color: (e.vars || e).palette.grey[400]
+	},
+	[`&.${Z.dragging}`]: { [`& .${Z.thumb}, & .${Z.track}`]: { transition: "none" } },
+	variants: [
+		...Object.keys((e.vars ?? e).palette).filter((t) => (e.vars ?? e).palette[t].main).map((t) => ({
+			props: { color: t },
+			style: { color: (e.vars || e).palette[t].main }
+		})),
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				height: 4,
+				width: "100%",
+				padding: "13px 0",
+				"@media (pointer: coarse)": { padding: "20px 0" }
+			}
+		},
+		{
+			props: {
+				orientation: "horizontal",
+				size: "small"
+			},
+			style: { height: 2 }
+		},
+		{
+			props: {
+				orientation: "horizontal",
+				marked: !0
+			},
+			style: { marginBottom: 20 }
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				height: "100%",
+				width: 4,
+				padding: "0 13px",
+				"@media (pointer: coarse)": { padding: "0 20px" }
+			}
+		},
+		{
+			props: {
+				orientation: "vertical",
+				size: "small"
+			},
+			style: { width: 2 }
+		},
+		{
+			props: {
+				orientation: "vertical",
+				marked: !0
+			},
+			style: { marginRight: 44 }
+		}
+	]
+})), St = K("span", {
+	name: "MuiSlider",
+	slot: "Rail",
+	overridesResolver: (e, t) => t.rail
+})({
+	display: "block",
+	position: "absolute",
+	borderRadius: "inherit",
+	backgroundColor: "currentColor",
+	opacity: .38,
+	variants: [
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				width: "100%",
+				height: "inherit",
+				top: "50%",
+				transform: "translateY(-50%)"
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				height: "100%",
+				width: "inherit",
+				left: "50%",
+				transform: "translateX(-50%)"
+			}
+		},
+		{
+			props: { track: "inverted" },
+			style: { opacity: 1 }
+		}
+	]
+}), Ct = K("span", {
+	name: "MuiSlider",
+	slot: "Track",
+	overridesResolver: (e, t) => t.track
+})(({ theme: e }) => ({
+	display: "block",
+	position: "absolute",
+	borderRadius: "inherit",
+	border: "1px solid currentColor",
+	backgroundColor: "currentColor",
+	transition: e.transitions.create([
+		"left",
+		"width",
+		"bottom",
+		"height"
+	], { duration: e.transitions.duration.shortest }),
+	variants: [
+		{
+			props: { size: "small" },
+			style: { border: "none" }
+		},
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				height: "inherit",
+				top: "50%",
+				transform: "translateY(-50%)"
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				width: "inherit",
+				left: "50%",
+				transform: "translateX(-50%)"
+			}
+		},
+		{
+			props: { track: !1 },
+			style: { display: "none" }
+		},
+		...Object.keys((e.vars ?? e).palette).filter((t) => (e.vars ?? e).palette[t].main).map((t) => ({
+			props: {
+				color: t,
+				track: "inverted"
+			},
+			style: L({}, e.vars ? {
+				backgroundColor: e.vars.palette.Slider[`${t}Track`],
+				borderColor: e.vars.palette.Slider[`${t}Track`]
+			} : L({
+				backgroundColor: (0, Ze.lighten)(e.palette[t].main, .62),
+				borderColor: (0, Ze.lighten)(e.palette[t].main, .62)
+			}, e.applyStyles("dark", { backgroundColor: (0, Ze.darken)(e.palette[t].main, .5) }), e.applyStyles("dark", { borderColor: (0, Ze.darken)(e.palette[t].main, .5) })))
+		}))
+	]
+})), wt = K("span", {
+	name: "MuiSlider",
+	slot: "Thumb",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.thumb,
+			t[`thumbColor${q(n.color)}`],
+			n.size !== "medium" && t[`thumbSize${q(n.size)}`]
+		];
+	}
+})(({ theme: e }) => ({
+	position: "absolute",
+	width: 20,
+	height: 20,
+	boxSizing: "border-box",
+	borderRadius: "50%",
+	outline: 0,
+	backgroundColor: "currentColor",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	transition: e.transitions.create([
+		"box-shadow",
+		"left",
+		"bottom"
+	], { duration: e.transitions.duration.shortest }),
+	"&::before": {
+		position: "absolute",
+		content: "\"\"",
+		borderRadius: "inherit",
+		width: "100%",
+		height: "100%",
+		boxShadow: (e.vars || e).shadows[2]
+	},
+	"&::after": {
+		position: "absolute",
+		content: "\"\"",
+		borderRadius: "50%",
+		width: 42,
+		height: 42,
+		top: "50%",
+		left: "50%",
+		transform: "translate(-50%, -50%)"
+	},
+	[`&.${Z.disabled}`]: { "&:hover": { boxShadow: "none" } },
+	variants: [
+		{
+			props: { size: "small" },
+			style: {
+				width: 12,
+				height: 12,
+				"&::before": { boxShadow: "none" }
+			}
+		},
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				top: "50%",
+				transform: "translate(-50%, -50%)"
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				left: "50%",
+				transform: "translate(-50%, 50%)"
+			}
+		},
+		...Object.keys((e.vars ?? e).palette).filter((t) => (e.vars ?? e).palette[t].main).map((t) => ({
+			props: { color: t },
+			style: {
+				[`&:hover, &.${Z.focusVisible}`]: L({}, e.vars ? { boxShadow: `0px 0px 0px 8px rgba(${e.vars.palette[t].mainChannel} / 0.16)` } : { boxShadow: `0px 0px 0px 8px ${(0, Ze.alpha)(e.palette[t].main, .16)}` }, { "@media (hover: none)": { boxShadow: "none" } }),
+				[`&.${Z.active}`]: L({}, e.vars ? { boxShadow: `0px 0px 0px 14px rgba(${e.vars.palette[t].mainChannel} / 0.16)` } : { boxShadow: `0px 0px 0px 14px ${(0, Ze.alpha)(e.palette[t].main, .16)}` })
+			}
+		}))
+	]
+})), Tt = K(vt, {
+	name: "MuiSlider",
+	slot: "ValueLabel",
+	overridesResolver: (e, t) => t.valueLabel
+})(({ theme: e }) => L({
+	zIndex: 1,
+	whiteSpace: "nowrap"
+}, e.typography.body2, {
+	fontWeight: 500,
+	transition: e.transitions.create(["transform"], { duration: e.transitions.duration.shortest }),
+	position: "absolute",
+	backgroundColor: (e.vars || e).palette.grey[600],
+	borderRadius: 2,
+	color: (e.vars || e).palette.common.white,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	padding: "0.25rem 0.75rem",
+	variants: [
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				transform: "translateY(-100%) scale(0)",
+				top: "-10px",
+				transformOrigin: "bottom center",
+				"&::before": {
+					position: "absolute",
+					content: "\"\"",
+					width: 8,
+					height: 8,
+					transform: "translate(-50%, 50%) rotate(45deg)",
+					backgroundColor: "inherit",
+					bottom: 0,
+					left: "50%"
+				},
+				[`&.${Z.valueLabelOpen}`]: { transform: "translateY(-100%) scale(1)" }
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				transform: "translateY(-50%) scale(0)",
+				right: "30px",
+				top: "50%",
+				transformOrigin: "right center",
+				"&::before": {
+					position: "absolute",
+					content: "\"\"",
+					width: 8,
+					height: 8,
+					transform: "translate(-50%, -50%) rotate(45deg)",
+					backgroundColor: "inherit",
+					right: -8,
+					top: "50%"
+				},
+				[`&.${Z.valueLabelOpen}`]: { transform: "translateY(-50%) scale(1)" }
+			}
+		},
+		{
+			props: { size: "small" },
+			style: {
+				fontSize: e.typography.pxToRem(12),
+				padding: "0.25rem 0.5rem"
+			}
+		},
+		{
+			props: {
+				orientation: "vertical",
+				size: "small"
+			},
+			style: { right: "20px" }
+		}
+	]
+})), Et = K("span", {
+	name: "MuiSlider",
+	slot: "Mark",
+	shouldForwardProp: (e) => Te(e) && e !== "markActive",
+	overridesResolver: (e, t) => {
+		let { markActive: n } = e;
+		return [t.mark, n && t.markActive];
+	}
+})(({ theme: e }) => ({
+	position: "absolute",
+	width: 2,
+	height: 2,
+	borderRadius: 1,
+	backgroundColor: "currentColor",
+	variants: [
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				top: "50%",
+				transform: "translate(-1px, -50%)"
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				left: "50%",
+				transform: "translate(-50%, 1px)"
+			}
+		},
+		{
+			props: { markActive: !0 },
+			style: {
+				backgroundColor: (e.vars || e).palette.background.paper,
+				opacity: .8
+			}
+		}
+	]
+})), Dt = K("span", {
+	name: "MuiSlider",
+	slot: "MarkLabel",
+	shouldForwardProp: (e) => Te(e) && e !== "markLabelActive",
+	overridesResolver: (e, t) => t.markLabel
+})(({ theme: e }) => L({}, e.typography.body2, {
+	color: (e.vars || e).palette.text.secondary,
+	position: "absolute",
+	whiteSpace: "nowrap",
+	variants: [
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				top: 30,
+				transform: "translateX(-50%)",
+				"@media (pointer: coarse)": { top: 40 }
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				left: 36,
+				transform: "translateY(50%)",
+				"@media (pointer: coarse)": { left: 44 }
+			}
+		},
+		{
+			props: { markLabelActive: !0 },
+			style: { color: (e.vars || e).palette.text.primary }
+		}
+	]
+})), Ot = (e) => {
+	let { disabled: t, dragging: n, marked: r, orientation: i, track: a, classes: o, color: s, size: c } = e;
+	return Ee({
+		root: [
+			"root",
+			t && "disabled",
+			n && "dragging",
+			r && "marked",
+			i === "vertical" && "vertical",
+			a === "inverted" && "trackInverted",
+			a === !1 && "trackFalse",
+			s && `color${q(s)}`,
+			c && `size${q(c)}`
+		],
+		rail: ["rail"],
+		track: ["track"],
+		mark: ["mark"],
+		markActive: ["markActive"],
+		markLabel: ["markLabel"],
+		markLabelActive: ["markLabelActive"],
+		valueLabel: ["valueLabel"],
+		thumb: [
+			"thumb",
+			t && "disabled",
+			c && `thumbSize${q(c)}`,
+			s && `thumbColor${q(s)}`
+		],
+		active: ["active"],
+		disabled: ["disabled"],
+		focusVisible: ["focusVisible"]
+	}, gt, o);
+}, kt = ({ children: e }) => e, At = /*#__PURE__*/ X.forwardRef(function(e, t) {
+	let n = we({
+		props: e,
+		name: "MuiSlider"
+	}), r = me(), { "aria-label": i, "aria-valuetext": a, "aria-labelledby": o, component: s = "span", components: c = {}, componentsProps: l = {}, color: u = "primary", classes: d, className: f, disableSwap: p = !1, disabled: m = !1, getAriaLabel: h, getAriaValueText: g, marks: ee = !1, max: _ = 100, min: v = 0, orientation: y = "horizontal", shiftStep: b = 10, size: x = "medium", step: S = 1, scale: C = bt, slotProps: w, slots: T, track: E = "normal", valueLabelDisplay: D = "off", valueLabelFormat: O = bt } = n, k = re(n, yt), A = L({}, n, {
+		isRtl: r,
+		max: _,
+		min: v,
+		classes: d,
+		disabled: m,
+		disableSwap: p,
+		orientation: y,
+		marks: ee,
+		color: u,
+		size: x,
+		step: S,
+		shiftStep: b,
+		scale: C,
+		track: E,
+		valueLabelDisplay: D,
+		valueLabelFormat: O
+	}), { axisProps: j, getRootProps: M, getHiddenInputProps: N, getThumbProps: te, open: ne, active: ie, axis: P, focusedThumbIndex: F, range: ae, dragging: oe, marks: se, values: I, trackOffset: ce, trackLeap: le, getThumbStyle: ue } = mt(L({}, A, { rootRef: t }));
+	A.marked = se.length > 0 && se.some((e) => e.label), A.dragging = oe, A.focusedThumbIndex = F;
+	let R = Ot(A), z = T?.root ?? c.Root ?? xt, B = T?.rail ?? c.Rail ?? St, V = T?.track ?? c.Track ?? Ct, H = T?.thumb ?? c.Thumb ?? wt, de = T?.valueLabel ?? c.ValueLabel ?? Tt, U = T?.mark ?? c.Mark ?? Et, W = T?.markLabel ?? c.MarkLabel ?? Dt, fe = T?.input ?? c.Input ?? "input", pe = w?.root ?? l.root, he = w?.rail ?? l.rail, ge = w?.track ?? l.track, _e = w?.thumb ?? l.thumb, ve = w?.valueLabel ?? l.valueLabel, ye = w?.mark ?? l.mark, xe = w?.markLabel ?? l.markLabel, Se = w?.input ?? l.input, K = J({
+		elementType: z,
+		getSlotProps: M,
+		externalSlotProps: pe,
+		externalForwardedProps: k,
+		additionalProps: L({}, ht(z) && { as: s }),
+		ownerState: L({}, A, pe?.ownerState),
+		className: [R.root, f]
+	}), Ce = J({
+		elementType: B,
+		externalSlotProps: he,
+		ownerState: A,
+		className: R.rail
+	}), Te = J({
+		elementType: V,
+		externalSlotProps: ge,
+		additionalProps: { style: L({}, j[P].offset(ce), j[P].leap(le)) },
+		ownerState: L({}, A, ge?.ownerState),
+		className: R.track
+	}), Ee = J({
+		elementType: H,
+		getSlotProps: te,
+		externalSlotProps: _e,
+		ownerState: L({}, A, _e?.ownerState),
+		className: R.thumb
+	}), q = J({
+		elementType: de,
+		externalSlotProps: ve,
+		ownerState: L({}, A, ve?.ownerState),
+		className: R.valueLabel
+	}), Y = J({
+		elementType: U,
+		externalSlotProps: ye,
+		ownerState: A,
+		className: R.mark
+	}), De = J({
+		elementType: W,
+		externalSlotProps: xe,
+		ownerState: A,
+		className: R.markLabel
+	}), Oe = J({
+		elementType: fe,
+		getSlotProps: N,
+		externalSlotProps: Se,
+		ownerState: A
+	});
+	return /*#__PURE__*/ (0, Q.jsxs)(z, L({}, K, { children: [
+		/*#__PURE__*/ (0, Q.jsx)(B, L({}, Ce)),
+		/*#__PURE__*/ (0, Q.jsx)(V, L({}, Te)),
+		se.filter((e) => e.value >= v && e.value <= _).map((e, t) => {
+			let n = rt(e.value, v, _), r = j[P].offset(n), i;
+			return i = E === !1 ? I.indexOf(e.value) !== -1 : E === "normal" && (ae ? e.value >= I[0] && e.value <= I[I.length - 1] : e.value <= I[0]) || E === "inverted" && (ae ? e.value <= I[0] || e.value >= I[I.length - 1] : e.value >= I[0]), /*#__PURE__*/ (0, Q.jsxs)(X.Fragment, { children: [/*#__PURE__*/ (0, Q.jsx)(U, L({ "data-index": t }, Y, !be(U) && { markActive: i }, {
+				style: L({}, r, Y.style),
+				className: G(Y.className, i && R.markActive)
+			})), e.label == null ? null : /*#__PURE__*/ (0, Q.jsx)(W, L({
+				"aria-hidden": !0,
+				"data-index": t
+			}, De, !be(W) && { markLabelActive: i }, {
+				style: L({}, r, De.style),
+				className: G(R.markLabel, De.className, i && R.markLabelActive),
+				children: e.label
+			}))] }, t);
+		}),
+		I.map((e, t) => {
+			let n = rt(e, v, _), r = j[P].offset(n), s = D === "off" ? kt : de;
+			return /*#__PURE__*/ (0, Q.jsx)(s, L({}, !be(s) && {
+				valueLabelFormat: O,
+				valueLabelDisplay: D,
+				value: typeof O == "function" ? O(C(e), t) : O,
+				index: t,
+				open: ne === t || ie === t || D === "on",
+				disabled: m
+			}, q, { children: /*#__PURE__*/ (0, Q.jsx)(H, L({ "data-index": t }, Ee, {
+				className: G(R.thumb, Ee.className, ie === t && R.active, F === t && R.focusVisible),
+				style: L({}, r, ue(t), Ee.style),
+				children: /*#__PURE__*/ (0, Q.jsx)(fe, L({
+					"data-index": t,
+					"aria-label": h ? h(t) : i,
+					"aria-valuenow": C(e),
+					"aria-labelledby": o,
+					"aria-valuetext": g ? g(C(e), t) : a,
+					value: I[t]
+				}, Oe))
+			})) }), t);
+		})
+	] }));
+});
+Je();
+function jt(e, t) {
+	switch (arguments.length) {
+		case 0: break;
+		case 1:
+			this.range(e);
+			break;
+		default:
+			this.range(t).domain(e);
+			break;
+	}
+	return this;
+}
+var Mt = Symbol("implicit");
+function Nt() {
+	var e = /* @__PURE__ */ new Map(), t = [], n = [], r = Mt;
+	function i(i) {
+		var a = i + "", o = e.get(a);
+		if (!o) {
+			if (r !== Mt) return r;
+			e.set(a, o = t.push(i));
+		}
+		return n[(o - 1) % n.length];
+	}
+	return i.domain = function(n) {
+		if (!arguments.length) return t.slice();
+		t = [], e = /* @__PURE__ */ new Map();
+		for (let r of n) {
+			let n = r + "";
+			e.has(n) || e.set(n, t.push(r));
+		}
+		return i;
+	}, i.range = function(e) {
+		return arguments.length ? (n = Array.from(e), i) : n.slice();
+	}, i.unknown = function(e) {
+		return arguments.length ? (r = e, i) : r;
+	}, i.copy = function() {
+		return Nt(t, n).unknown(r);
+	}, jt.apply(i, arguments), i;
+}
+function Pt() {
+	var e = Nt().unknown(void 0), t = e.domain, n = e.range, r = 0, i = 1, a, o, s = !1, c = 0, l = 0, u = .5;
+	delete e.unknown;
+	function d() {
+		var e = t().length, d = i < r, f = d ? i : r, p = d ? r : i;
+		a = (p - f) / Math.max(1, e - c + l * 2), s && (a = Math.floor(a)), f += (p - f - a * (e - c)) * u, o = a * (1 - c), s && (f = Math.round(f), o = Math.round(o));
+		var m = We(e).map(function(e) {
+			return f + a * e;
+		});
+		return n(d ? m.reverse() : m);
+	}
+	return e.domain = function(e) {
+		return arguments.length ? (t(e), d()) : t();
+	}, e.range = function(e) {
+		return arguments.length ? ([r, i] = e, r = +r, i = +i, d()) : [r, i];
+	}, e.rangeRound = function(e) {
+		return [r, i] = e, r = +r, i = +i, s = !0, d();
+	}, e.bandwidth = function() {
+		return o;
+	}, e.step = function() {
+		return a;
+	}, e.round = function(e) {
+		return arguments.length ? (s = !!e, d()) : s;
+	}, e.padding = function(e) {
+		return arguments.length ? (c = Math.min(1, l = +e), d()) : c;
+	}, e.paddingInner = function(e) {
+		return arguments.length ? (c = Math.min(1, e), d()) : c;
+	}, e.paddingOuter = function(e) {
+		return arguments.length ? (l = +e, d()) : l;
+	}, e.align = function(e) {
+		return arguments.length ? (u = Math.max(0, Math.min(1, e)), d()) : u;
+	}, e.copy = function() {
+		return Pt(t(), [r, i]).round(s).paddingInner(c).paddingOuter(l).align(u);
+	}, jt.apply(d(), arguments);
+}
+var Ft = (e) => () => e;
+function It(e, t) {
+	return function(n) {
+		return e + n * t;
+	};
+}
+function Lt(e, t, n) {
+	return e **= +n, t = t ** +n - e, n = 1 / n, function(r) {
+		return (e + r * t) ** +n;
+	};
+}
+function Rt(e) {
+	return (e = +e) == 1 ? zt : function(t, n) {
+		return n - t ? Lt(t, n, e) : Ft(isNaN(t) ? n : t);
+	};
+}
+function zt(e, t) {
+	var n = t - e;
+	return n ? It(e, n) : Ft(isNaN(e) ? t : e);
+}
+Ie();
+var Bt = (function e(t) {
+	var n = Rt(t);
+	function r(e, t) {
+		var r = n((e = Pe(e)).r, (t = Pe(t)).r), i = n(e.g, t.g), a = n(e.b, t.b), o = zt(e.opacity, t.opacity);
+		return function(t) {
+			return e.r = r(t), e.g = i(t), e.b = a(t), e.opacity = o(t), e + "";
+		};
+	}
+	return r.gamma = e, r;
+})(1);
+function Vt(e, t) {
+	t ||= [];
+	var n = e ? Math.min(t.length, e.length) : 0, r = t.slice(), i;
+	return function(a) {
+		for (i = 0; i < n; ++i) r[i] = e[i] * (1 - a) + t[i] * a;
+		return r;
+	};
+}
+function Ht(e) {
+	return ArrayBuffer.isView(e) && !(e instanceof DataView);
+}
+function Ut(e, t) {
+	var n = t ? t.length : 0, r = e ? Math.min(n, e.length) : 0, i = Array(r), a = Array(n), o;
+	for (o = 0; o < r; ++o) i[o] = Qt(e[o], t[o]);
+	for (; o < n; ++o) a[o] = t[o];
+	return function(e) {
+		for (o = 0; o < r; ++o) a[o] = i[o](e);
+		return a;
+	};
+}
+function Wt(e, t) {
+	var n = /* @__PURE__ */ new Date();
+	return e = +e, t = +t, function(r) {
+		return n.setTime(e * (1 - r) + t * r), n;
+	};
+}
+function Gt(e, t) {
+	return e = +e, t = +t, function(n) {
+		return e * (1 - n) + t * n;
+	};
+}
+function Kt(e, t) {
+	var n = {}, r = {}, i;
+	for (i in (typeof e != "object" || !e) && (e = {}), (typeof t != "object" || !t) && (t = {}), t) i in e ? n[i] = Qt(e[i], t[i]) : r[i] = t[i];
+	return function(e) {
+		for (i in n) r[i] = n[i](e);
+		return r;
+	};
+}
+var qt = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, Jt = new RegExp(qt.source, "g");
+function Yt(e) {
+	return function() {
+		return e;
+	};
+}
+function Xt(e) {
+	return function(t) {
+		return e(t) + "";
+	};
+}
+function Zt(e, t) {
+	var n = qt.lastIndex = Jt.lastIndex = 0, r, i, a, o = -1, s = [], c = [];
+	for (e += "", t += ""; (r = qt.exec(e)) && (i = Jt.exec(t));) (a = i.index) > n && (a = t.slice(n, a), s[o] ? s[o] += a : s[++o] = a), (r = r[0]) === (i = i[0]) ? s[o] ? s[o] += i : s[++o] = i : (s[++o] = null, c.push({
+		i: o,
+		x: Gt(r, i)
+	})), n = Jt.lastIndex;
+	return n < t.length && (a = t.slice(n), s[o] ? s[o] += a : s[++o] = a), s.length < 2 ? c[0] ? Xt(c[0].x) : Yt(t) : (t = c.length, function(e) {
+		for (var n = 0, r; n < t; ++n) s[(r = c[n]).i] = r.x(e);
+		return s.join("");
+	});
+}
+Ie();
+function Qt(e, t) {
+	var n = typeof t, r;
+	return t == null || n === "boolean" ? Ft(t) : (n === "number" ? Gt : n === "string" ? (r = Fe(t)) ? (t = r, Bt) : Zt : t instanceof Fe ? Bt : t instanceof Date ? Wt : Ht(t) ? Vt : Array.isArray(t) ? Ut : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? Kt : Gt)(e, t);
+}
+function $t(e, t) {
+	return e = +e, t = +t, function(n) {
+		return Math.round(e * (1 - n) + t * n);
+	};
+}
+function en(e) {
+	return function() {
+		return e;
+	};
+}
+function tn(e) {
+	return +e;
+}
+Je();
+var nn = [0, 1];
+function rn(e) {
+	return e;
+}
+function an(e, t) {
+	return (t -= e = +e) ? function(n) {
+		return (n - e) / t;
+	} : en(isNaN(t) ? NaN : .5);
+}
+function on(e, t) {
+	var n;
+	return e > t && (n = e, e = t, t = n), function(n) {
+		return Math.max(e, Math.min(t, n));
+	};
+}
+function sn(e, t, n) {
+	var r = e[0], i = e[1], a = t[0], o = t[1];
+	return i < r ? (r = an(i, r), a = n(o, a)) : (r = an(r, i), a = n(a, o)), function(e) {
+		return a(r(e));
+	};
+}
+function cn(e, t, n) {
+	var r = Math.min(e.length, t.length) - 1, i = Array(r), a = Array(r), o = -1;
+	for (e[r] < e[0] && (e = e.slice().reverse(), t = t.slice().reverse()); ++o < r;) i[o] = an(e[o], e[o + 1]), a[o] = n(t[o], t[o + 1]);
+	return function(t) {
+		var n = Ye(e, t, 1, r) - 1;
+		return a[n](i[n](t));
+	};
+}
+function ln(e, t) {
+	return t.domain(e.domain()).range(e.range()).interpolate(e.interpolate()).clamp(e.clamp()).unknown(e.unknown());
+}
+function un() {
+	var e = nn, t = nn, n = Qt, r, i, a, o = rn, s, c, l;
+	function u() {
+		var n = Math.min(e.length, t.length);
+		return o !== rn && (o = on(e[0], e[n - 1])), s = n > 2 ? cn : sn, c = l = null, d;
+	}
+	function d(i) {
+		return i == null || isNaN(i = +i) ? a : (c ||= s(e.map(r), t, n))(r(o(i)));
+	}
+	return d.invert = function(n) {
+		return o(i((l ||= s(t, e.map(r), Gt))(n)));
+	}, d.domain = function(t) {
+		return arguments.length ? (e = Array.from(t, tn), u()) : e.slice();
+	}, d.range = function(e) {
+		return arguments.length ? (t = Array.from(e), u()) : t.slice();
+	}, d.rangeRound = function(e) {
+		return t = Array.from(e), n = $t, u();
+	}, d.clamp = function(e) {
+		return arguments.length ? (o = e ? !0 : rn, u()) : o !== rn;
+	}, d.interpolate = function(e) {
+		return arguments.length ? (n = e, u()) : n;
+	}, d.unknown = function(e) {
+		return arguments.length ? (a = e, d) : a;
+	}, function(e, t) {
+		return r = e, i = t, u();
+	};
+}
+function dn() {
+	return un()(rn, rn);
+}
+Je(), Re();
+function fn(e, t, n, r) {
+	var i = Ke(e, t, n), a;
+	switch (r = Ue(r ?? ",f"), r.type) {
+		case "s":
+			var o = Math.max(Math.abs(e), Math.abs(t));
+			return r.precision == null && !isNaN(a = Ve(i, o)) && (r.precision = a), Be(r, o);
+		case "":
+		case "e":
+		case "g":
+		case "p":
+		case "r":
+			r.precision == null && !isNaN(a = Le(i, Math.max(Math.abs(e), Math.abs(t)))) && (r.precision = a - (r.type === "e"));
+			break;
+		case "f":
+		case "%":
+			r.precision == null && !isNaN(a = He(i)) && (r.precision = a - (r.type === "%") * 2);
+			break;
+	}
+	return ze(r);
+}
+Je();
+function pn(e) {
+	var t = e.domain;
+	return e.ticks = function(e) {
+		var n = t();
+		return Ge(n[0], n[n.length - 1], e ?? 10);
+	}, e.tickFormat = function(e, n) {
+		var r = t();
+		return fn(r[0], r[r.length - 1], e ?? 10, n);
+	}, e.nice = function(n) {
+		n ??= 10;
+		var r = t(), i = 0, a = r.length - 1, o = r[i], s = r[a], c, l, u = 10;
+		for (s < o && (l = o, o = s, s = l, l = i, i = a, a = l); u-- > 0;) {
+			if (l = qe(o, s, n), l === c) return r[i] = o, r[a] = s, t(r);
+			if (l > 0) o = Math.floor(o / l) * l, s = Math.ceil(s / l) * l;
+			else if (l < 0) o = Math.ceil(o * l) / l, s = Math.floor(s * l) / l;
+			else break;
+			c = l;
+		}
+		return e;
+	}, e;
+}
+function mn() {
+	var e = dn();
+	return e.copy = function() {
+		return ln(e, mn());
+	}, jt.apply(e, arguments), pn(e);
+}
+var hn = [1, 100], gn = j({
+	container: {
+		width: "calc(100% - 20px)",
+		height: 32,
+		position: "relative",
+		marginBottom: -9,
+		marginLeft: 10
+	},
+	bar: {
+		position: "absolute",
+		bottom: 0,
+		borderTopLeftRadius: 2,
+		borderTopRightRadius: 2
+	}
+}), _n = ({ values: e, selectedColor: t, nonSelectedColor: n, filteredValues: r }) => {
+	let i = Pt(e.map((e, t) => t), [0, 100]), a = mn([0, Math.max(...e.map((e) => e.value))], [0, 100]), o = 100 / Object.keys(e).length, [s, c] = r ?? hn, l = ({ from: e, to: r }) => {
+		let i = r - e, a = Math.max(0, (s - e) / i * 100), o = Math.min(100, (c - e) / i * 100);
+		return `linear-gradient(90deg, ${n} 0%, ${n} ${a}%, ${t} ${a}%, ${t} ${o}%, ${n} ${o}%, ${n} 100%)`;
+	}, u = gn();
+	return /* @__PURE__ */ (0, Q.jsx)("div", {
+		className: u.container,
+		children: e.map((e, t) => /* @__PURE__ */ (0, Q.jsx)("div", {
+			className: u.bar,
+			style: {
+				width: `calc(${o}% - 1px)`,
+				height: `${a(e.value)}%`,
+				background: l(e),
+				left: `${i(t)}%`,
+				top: `${100 - a(e.value)}%`
+			}
+		}, `${t}-${e.from}-${e.to}`))
+	});
+}, $ = F(), vn = j({
+	div: {
+		alignItems: "flex-end",
+		display: "flex",
+		gap: 10
+	},
+	divBottom: {
+		gap: "initial",
+		paddingBottom: 32,
+		position: "relative"
+	},
+	input: {
+		...W.normal13,
+		fontFamily: `var(--font-family, Roboto, ${b})`,
+		backgroundColor: p.white,
+		border: `1px solid ${p.grey3}`,
+		borderRadius: 4,
+		color: p.mainDarkNavy,
+		height: 24,
+		padding: "2px 8px",
+		"&:disabled": { cursor: "not-allowed" },
+		"&::-webkit-inner-spin-button, &::-webkit-outer-spin-button": { appearance: "none" }
+	},
+	inputBottom: {
+		bottom: 0,
+		position: "absolute"
+	},
+	inputLeft: { left: 0 },
+	inputRight: { right: 0 },
+	slider: {
+		borderRadius: "initial",
+		"& .MuiSlider-rail": { border: "initial" },
+		"& .MuiSlider-track": { border: "initial" },
+		"& .MuiSlider-mark": { display: "none !important" },
+		"& .MuiSlider-markLabel": { display: "none !important" }
+	}
+}), yn = (e, t) => ({
+	"&:hover": { "& .MuiSlider-thumb": { borderColor: e } },
+	"& .MuiSlider-rail": { background: t },
+	"& .MuiSlider-thumb": {
+		borderColor: e,
+		"&.Mui-active": { borderColor: e }
+	},
+	"& .MuiSlider-track": { background: e }
+}), bn = (e, t, n) => {
+	let { values: r = [] } = e?.pending ?? {}, i = isFinite(r[0]) ? r[0] : t, a = isFinite(r[1]) ? r[1] : n;
+	return [`${i}`, `${a}`];
+}, xn = (e) => typeof e == "string" ? parseFloat(e) || 1 : e, Sn = {
+	format: {
+		currency: "",
+		currencyIsPrefix: !0,
+		formatString: "",
+		formatType: s.None,
+		isDateTime: !1,
+		negativeType: u.Symbol
+	},
+	type: "excel-format"
+}, Cn = [
+	oe,
+	he,
+	R,
+	V
+], wn = w("[Slider] evaluateNumericValue", "lightred"), Tn = (e, t = Sn) => {
+	if (!e) return null;
+	let { value: n, error: r } = Cn.reduce(({ value: e, error: n }, r) => {
+		if (n) return {
+			value: null,
+			error: n
+		};
+		let { transformedValue: i, error: a } = r(e, t);
+		return a ? {
+			value: null,
+			error: a
+		} : {
+			value: i,
+			error: null
+		};
+	}, {
+		value: e,
+		error: null
+	});
+	if (r) return wn.warn(r), null;
+	let i = [], a = I(t);
+	a && i.push(a);
+	let o = pe(t);
+	o && i.push(o);
+	let { evaluatedValue: s, error: c } = H(n, i);
+	return c === "InvalidExpression" || typeof s != "number" ? (wn.warn(r), null) : `${s}`;
+};
+function En(e, t, n) {
+	if (!e) return "";
+	if (!n) return e || "";
+	let r = { ...n };
+	return d(r.format.formatType) && (r = g(r)), t && T(r) ? ue({
+		...r,
+		format: {
+			...r.format,
+			formatType: h(e, n)
+		}
+	}, e) : t ? o(e, n) : ue(r, e);
+}
+function Dn(e) {
+	return e?.applied?.operator === $.FilterOperator.NotBetween || e?.pending?.operator === $.FilterOperator.NotBetween;
+}
+function On(e, t, n) {
+	let r = null, i = n, a = new Date(Math.min(e, t)), o = new Date(Math.max(e, t)), s = new Date(Math.min(e, t)), c = new Date(Math.max(e, t)), l = /* @__PURE__ */ new Date(+a), u = null;
+	if (n === C.day) l.setUTCHours(0, 0, 0, 0), c.setUTCHours(23, 59, 59, 0), u = [/* @__PURE__ */ new Date(+l), /* @__PURE__ */ new Date(+c)];
+	else if (n === C.week) {
+		l.setUTCHours(0, 0, 0, 0);
+		let e = l.getUTCDay(), t = e === 0 ? -6 : 1 - e;
+		l.setUTCDate(l.getUTCDate() + t), c.setUTCHours(23, 59, 59, 0);
+		let n = c.getUTCDay(), r = n === 0 ? 0 : 7 - n;
+		c.setUTCDate(c.getUTCDate() + r), u = [/* @__PURE__ */ new Date(+l), /* @__PURE__ */ new Date(+c)];
+	} else if (n === C.month) {
+		for (i = null, l.setUTCHours(0, 0, 0, 0), l.setUTCDate(1), u = []; +l <= +o;) u.push(/* @__PURE__ */ new Date(+l)), l.setUTCMonth(l.getUTCMonth() + 1);
+		c.setUTCHours(23, 59, 59, 0), c.setUTCDate(new Date(Date.UTC(c.getUTCFullYear(), c.getUTCMonth() + 1, 0, 23, 59, 59, 0)).getUTCDate()), u.push(/* @__PURE__ */ new Date(+c));
+	} else if (n === C.year) {
+		for (i = null, l.setUTCHours(0, 0, 0, 0), l.setUTCDate(1), l.setUTCMonth(0), u = []; +l <= +o;) u.push(/* @__PURE__ */ new Date(+l)), l.setUTCFullYear(l.getUTCFullYear() + 1);
+		c.setUTCHours(23, 59, 59, 0), c.setUTCMonth(11), c.setUTCDate(31), u.push(/* @__PURE__ */ new Date(+c));
+	}
+	return u?.length >= 2 && (s = u[0], c = u[u.length - 1], i === null && (r = u.map((e) => ({ value: e.getTime() })))), {
+		sliderMarks: r,
+		sliderStep: i,
+		startValue: +s,
+		endValue: +c
+	};
+}
+function kn(e, t) {
+	let { step: n = 1, quickSelect: r = !1, manualMinMaxEnabled: i = !1 } = e?.sliderSettings ?? {}, a = e?.sliderSettings?.range ?? {
+		min: 1,
+		max: 100
+	}, o = e?.sliderSettings?.selectedColor ?? p.grey3, s = e?.sliderSettings?.nonSelectedColor ?? p.grey4;
+	return {
+		step: n,
+		quickSelect: r,
+		manualMinMaxEnabled: i,
+		range: a,
+		overrideStyles: yn(t ? s : o, t ? o : s),
+		selectedColor: o,
+		nonSelectedColor: s
+	};
+}
+var An = (e, t, n) => {
+	let i = O(), [a, o] = (0, X.useState)({
+		min: null,
+		max: null,
+		barsValues: []
+	});
+	return (0, X.useEffect)(() => (e && (async () => {
+		let { manualMinMaxEnabled: a = !1 } = t ?? {}, { min: s, max: c } = a ? t?.range ?? {} : await Nn(i, e, n), l = [];
+		if (n?.measures?.[0] && r(n)) {
+			let e = n?.sliderSettings?.numberOfBars ?? 20, t = Me(i, {
+				...ee(n.type),
+				...n
+			});
+			t.dimensions.length && (t.dimensions[0].bucketing = {
+				buckets: e,
+				maxValue: Math.ceil(c),
+				minValue: Math.floor(s)
+			});
+			let { data: r } = await i.engine.getData(t);
+			Object.entries(r).forEach(([e, [t, n]]) => {
+				let i = Number(e);
+				if (i === 0) return;
+				let a = r[i + 1]?.[0] ?? c;
+				l.push({
+					from: t,
+					to: a,
+					value: n
+				});
+			});
+		}
+		o({
+			min: s,
+			max: c,
+			barsValues: l
+		});
+	})(), () => {
+		o({
+			min: 1,
+			max: 100,
+			barsValues: []
+		});
+	}), [
+		e,
+		y(n?.measures?.[0]?.dataItem),
+		JSON.stringify(t),
+		n?.sliderSettings?.numberOfBars ?? 20,
+		JSON.stringify(n?.staticFilters?.filters),
+		JSON.stringify(n?.staticFilters?.filterGroup)
+	]), a;
+};
+function jn(e) {
+	return ge()(e);
+}
+async function Mn(e, t) {
+	let n = t.staticFilters.filterGroup, r = e.engine, i = M(t, r);
+	if (n) {
+		let e = je(n, i, t.referencedData), a = e && Ne(e, t, r);
+		return a ? {
+			filters: [],
+			filterGroup: a
+		} : { filters: [] };
+	}
+	return { filters: Ae(ke(t.staticFilters.filters, i, t.referencedData), t, r) };
+}
+async function Nn(e, t, n) {
+	let r = {
+		dimensions: [],
+		...await Mn(e, n),
+		limit: i(n),
+		measures: [{
+			fieldKeys: [t],
+			aggregation: "MIN",
+			filters: []
+		}, {
+			fieldKeys: [t],
+			aggregation: "MAX",
+			filters: []
+		}]
+	}, { data: a } = await e.engine.getData(r);
+	return {
+		min: typeof a[0][0] == "number" ? a[0][0] : 1,
+		max: typeof a[0][1] == "number" ? a[0][1] : 100
+	};
+}
+var Pn = /* @__PURE__ */ n(((e, t) => {
+	function n(e, t, n) {
+		return e === e && (n !== void 0 && (e = e <= n ? e : n), t !== void 0 && (e = e >= t ? e : t)), e;
+	}
+	t.exports = n;
+})), Fn = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
+	var n = Pn(), r = te();
+	function i(e, t, i) {
+		return i === void 0 && (i = t, t = void 0), i !== void 0 && (i = r(i), i = i === i ? i : 0), t !== void 0 && (t = r(t), t = t === t ? t : 0), n(r(e), t, i);
+	}
+	t.exports = i;
+})))()), In = /* @__PURE__ */ e(S());
+function Ln(e) {
+	let { min: t, max: n, data: r, type: i, vSpec: o, field: s, quickSelect: l, step: u } = e, [d, f] = (0, X.useState)(["1", "100"]), [p, m] = (0, X.useState)(1), [h, g] = (0, X.useState)(100), [ee, _] = (0, X.useState)({
+		step: u,
+		marks: null
+	}), [{ onRange: v }] = fe(Rn(r, i, s), {
+		disabled: !i,
+		ignore: !0,
+		state: l ? $.SelectionState.APPLIED : $.SelectionState.PENDING,
+		commitHistory: l
+	}), y = a(i), b = c(o.sliderSettings.formatting) ? void 0 : o.sliderSettings.formatting, x = (0, X.useCallback)((e) => [(0, Fn.default)(Number(e[0]), t, n), (0, Fn.default)(Number(e[1]), t, n)], [t, n]), S = (0, X.useCallback)(([e, t]) => {
+		let n = Tn(e, b), r = Tn(t, b);
+		(0, In.default)(n) && (n = e), (0, In.default)(r) && (r = t), f([`${n}`, `${r}`]);
+	}, [f, b]), C = (0, X.useCallback)((e, t) => {
+		u !== 0 && f([`${t[0]}`, `${t[1]}`]);
+	}, [f, u]), w = (0, X.useCallback)((e) => {
+		let t = x(e);
+		v(t[0], t[1]);
+	}, [v, x]), T = (0, X.useCallback)((e) => {
+		let t = Tn(e[0], b), n = Tn(e[1], b), r = x([t, n]), i = [String(r[0]), String(r[1])];
+		w(r), f(i);
+	}, [
+		w,
+		f,
+		x,
+		b
+	]);
+	return (0, X.useEffect)(() => {
+		if (t !== null && n !== null) {
+			let e = t, i = n;
+			if (y) {
+				let { startValue: r, endValue: a, sliderStep: o, sliderMarks: s } = On(t, n, u);
+				e = r, i = a, _({
+					step: o,
+					marks: s
+				});
+			} else _({
+				step: u,
+				marks: null
+			});
+			m(e), g(i), f(bn(r, e, i));
+		}
+	}, [
+		t,
+		n,
+		u,
+		y
+	]), (0, X.useEffect)(() => {
+		if (r) {
+			let e = r.pending.values[0] ?? p, t = r.pending.values[1] ?? h;
+			(e !== +d[0] || t !== +d[1]) && f(bn(r, p, h));
+		}
+	}, [JSON.stringify(r?.pending)]), {
+		values: d,
+		minValue: p,
+		maxValue: h,
+		sliderProps: ee,
+		onRange: v,
+		selectRange: w,
+		handleChangedValues: T,
+		onValueChange: S,
+		handleSliderChange: C
+	};
+}
+function Rn(e, t, n) {
+	let r = Dn(e);
+	return [{
+		dataItem: {
+			...n,
+			dataType: t ?? $.FieldType.STRING,
+			internalKey: "",
+			type: m.Dimension,
+			uniqueSignature: ""
+		},
+		dateLevel: e?.applied.dateLevel,
+		datePart: e?.applied.datePart,
+		operator: r ? $.FilterOperator.NotBetween : $.FilterOperator.Between
+	}];
+}
+var zn = ({ data: e, options: { type: t, vSpec: n } }) => {
+	let r = vn(), { field: i, fieldKey: o } = jn(e?.applied), { ref: c, isSmallView: l } = Vn(n?.sliderSettings?.layout), [u, d] = (0, X.useState)(!1), [f, p] = (0, X.useState)(!1), { step: m, quickSelect: h, manualMinMaxEnabled: g, range: ee, overrideStyles: _, selectedColor: y, nonSelectedColor: b } = kn(n, Dn(e)), { min: x, max: S, barsValues: C } = An(o, {
+		manualMinMaxEnabled: g,
+		range: ee
+	}, n), { values: w, minValue: T, maxValue: E, sliderProps: D, onValueChange: O, handleChangedValues: k, handleSliderChange: j, onRange: M, selectRange: N } = Ln({
+		min: x,
+		max: S,
+		data: e,
+		type: t,
+		vSpec: n,
+		quickSelect: h,
+		field: i,
+		step: m
+	}), te = a(t), ne = (n.sliderSettings.formatting?.format?.formatType ?? s.None) === s.None, re = {
+		fontSize: "1em",
+		width: `${n?.sliderSettings.inputWidth ?? (te ? v.inputDateWidth : v.inputNumberWidth)}px`
+	}, { marks: ie, step: P } = D;
+	return /* @__PURE__ */ (0, Q.jsxs)("div", {
+		className: A({
+			[r.div]: !0,
+			[r.divBottom]: l
+		}),
+		style: { fontSize: `${n?.sliderSettings.inputFontSize ?? v.inputFontSize}px` },
+		ref: c,
+		children: [
+			te && (ne || u) ? /* @__PURE__ */ (0, Q.jsx)(Oe, {
+				className: A({
+					[r.inputBottom]: l,
+					[r.inputLeft]: l
+				}),
+				style: re,
+				onBlur: (e) => {
+					e !== +w[0] && N([e, +w[1]]), d(!1);
+				},
+				onEnter: (e) => N([e, +w[1]]),
+				value: +w[0],
+				passOnBlur: !0,
+				autoFocus: !ne
+			}) : /* @__PURE__ */ (0, Q.jsx)("input", {
+				className: A({
+					[r.input]: !0,
+					[r.inputBottom]: l,
+					[r.inputLeft]: l
+				}),
+				style: re,
+				step: m,
+				min: T,
+				max: w[1],
+				type: "text",
+				value: En(w[0], u, n.sliderSettings.formatting),
+				onBlur: (e) => {
+					d(!1), k([e.target.value, w[1]]);
+				},
+				onChange: (e) => O([e.target.value, w[1]]),
+				onKeyDown: (e) => {
+					e.key === "Enter" && k([e.currentTarget.value, w[1]]);
+				},
+				onFocus: () => d(!0),
+				disabled: !t
+			}),
+			/* @__PURE__ */ (0, Q.jsxs)("div", {
+				style: { flexGrow: 1 },
+				children: [n?.measures?.[0] ? /* @__PURE__ */ (0, Q.jsx)(_n, {
+					values: C,
+					filteredValues: [+w[0], +w[1]],
+					selectedColor: y,
+					nonSelectedColor: b
+				}) : null, /* @__PURE__ */ (0, Q.jsx)("div", {
+					onMouseDown: (e) => e.stopPropagation(),
+					style: {
+						display: "flex",
+						paddingBottom: 2
+					},
+					children: /* @__PURE__ */ (0, Q.jsx)(At, {
+						className: r.slider,
+						value: [+w[0], +w[1]],
+						onChange: j,
+						onChangeCommitted: (e, t) => M(t[0], t[1]),
+						min: T ?? +w[0],
+						max: E ?? +w[1],
+						step: xn(P),
+						marks: ie,
+						orientation: "horizontal",
+						disabled: !t,
+						sx: _
+					})
+				})]
+			}),
+			te && (ne || f) ? /* @__PURE__ */ (0, Q.jsx)(Oe, {
+				className: A({
+					[r.inputBottom]: l,
+					[r.inputRight]: l
+				}),
+				style: re,
+				onBlur: (e) => {
+					e !== +w[1] && N([+w[0], e]), p(!1);
+				},
+				onEnter: (e) => N([+w[0], e]),
+				value: +w[1],
+				passOnBlur: !0,
+				autoFocus: !ne
+			}) : /* @__PURE__ */ (0, Q.jsx)("input", {
+				className: A({
+					[r.input]: !0,
+					[r.inputBottom]: l,
+					[r.inputRight]: l
+				}),
+				style: re,
+				step: m,
+				min: w[0],
+				max: E,
+				type: "text",
+				value: En(w[1], f, n.sliderSettings.formatting),
+				onBlur: (e) => {
+					p(!1), k([w[0], e.target.value]);
+				},
+				onChange: (e) => O([w[0], e.target.value]),
+				onKeyDown: (e) => {
+					e.key === "Enter" && k([w[0], e.currentTarget.value]);
+				},
+				onFocus: () => p(!0),
+				disabled: !t
+			})
+		]
+	});
+}, Bn = {
+	refreshMode: "throttle",
+	refreshRate: 20,
+	refreshOptions: { trailing: !0 }
+};
+function Vn(e) {
+	let { width: t = 400, ref: n } = le(Bn), r;
+	switch (e) {
+		case "single":
+			r = !1;
+			break;
+		case "multi":
+			r = !0;
+			break;
+		default: r = t < 400;
+	}
+	return {
+		ref: n,
+		isSmallView: r
+	};
+}
+var Hn = (e) => {
+	let t = B(), n = ge(), r = e.dimensions[0];
+	if (!r) return null;
+	let { dateLevel: i, datePart: a } = r, { fieldKey: o } = n(r.dataItem), s = (e) => e.dateLevel === i && e.datePart === a && e.fieldKey === o && (e.operator === $.FilterOperator.Between || e.operator === $.FilterOperator.NotBetween), c = {
+		dateLevel: i,
+		datePart: a,
+		fieldKey: o,
+		operator: $.FilterOperator.Between,
+		values: []
+	}, l = t.applied.find(s), u = t.pending.find(s);
+	return {
+		applied: {
+			...c,
+			...l
+		},
+		pending: {
+			...c,
+			...l,
+			...u
+		}
+	};
+}, Un = j({
+	container: {
+		padding: 12,
+		width: "100%",
+		height: "100%",
+		gap: 10,
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center"
+	},
+	measureLabel: {
+		fontSize: 12,
+		fontWeight: "normal",
+		marginLeft: 8
+	},
+	label: { ...W.overflowEllipsis }
+}), Wn = (e) => e === l.Line ? "solid" : "dashed", Gn = (e = p.white, t) => {
+	let { borderColor: n, borderEnabled: r, borderRadius: i, borderStyle: a, borderWidth: o } = {
+		...v.border,
+		...t
+	};
+	return {
+		backgroundColor: e ?? "transparent",
+		border: r ? `${o}px ${Wn(a)} ${n}` : "none",
+		borderRadius: r ? `${i}px` : 0
+	};
+}, Kn = (e, t) => ({
+	fontSize: e?.fontSize || 13,
+	fontFamily: E(t || e?.fontFamily || "Roboto"),
+	fontStyle: e?.italic ? "italic" : "normal",
+	fontWeight: e?.bold ? "bold" : "normal",
+	textDecoration: `${e?.underline ? "underline" : ""} ${e?.strikethrough ? "line-through" : ""}`,
+	color: e?.fontColor || p.grey1
+}), qn = (e, t) => e?.customLabel?.enabled && e?.customLabel?.value && !_(e.customLabel.value) ? e.customLabel.value : e?.label ? e.label : t, Jn = D(({ vSpec: e }) => {
+	let t = N()?.astrato ?? f, n = ce(), r = Un(), i = e?.sliderSettings?.fontStyle?.fontFamily || t?.fonts?.general?.fontFamily || "Roboto";
+	if ((0, X.useEffect)(() => {
+		e?.dimensions && n();
+	}, [e]), e?.dimensions === void 0) return null;
+	let a = e.dimensions[0], o = e.measures[0], s = Hn(e), c = {
+		vSpec: e,
+		format: (e) => String(ae(a?.formatter?.format, e)),
+		type: x(a?.dataItem)
+	};
+	return /* @__PURE__ */ (0, Q.jsxs)("div", {
+		className: r.container,
+		style: {
+			...Gn(e?.sliderSettings?.backgroundColor, e?.sliderSettings?.border),
+			"--font-family": E(i)
+		},
+		children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
+			className: r.label,
+			style: Kn(e?.sliderSettings?.fontStyle, i),
+			children: [/* @__PURE__ */ (0, Q.jsx)("span", { children: qn(a, "Dimension") }), e?.sliderSettings?.showMeasureLabel ? /* @__PURE__ */ (0, Q.jsx)("span", {
+				className: r.measureLabel,
+				children: qn(o, "Measure")
+			}) : null]
+		}), /* @__PURE__ */ (0, Q.jsx)(zn, {
+			data: s,
+			options: c
+		})]
+	});
+}), Yn = /* @__PURE__ */ t({
+	Slider: () => Jn,
+	SliderComponent: () => zn
+});
+export { zn as n, mn as r, Yn as t };