@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-BH5NqDwp.js

@@ -0,0 +1,1763 @@
+import { o as e, r as t, t as n } from "./rolldown-runtime-DleVn1XH.js";
+import { Hr as r, Jr as i, Lo as a, Oa as o, Ro as s, Sa as c, Ta as l, Vc as u, Wc as d, Wn as f, Xa as p, Yr as m, Zr as h, aa as g, ds as ee, er as _, hc as v, ls as y, n as b, pc as te, qo as x, ra as S, tr as C, ui as w, ya as T, yn as E, zn as D } from "./interfaces-VUY4_yVO.js";
+import { $ as O, G as k, Ht as A, K as j, Ki as M, Kn as N, Nn as P, Qt as F, Ui as ne, Vt as I, X as L, Zt as re, an as ie, cn as ae, d as oe, dn as R, hn as se, in as ce, it as le, l as z, nn as B, nt as V, on as H, pn as U, rn as ue, rt as W, s as de, sn as fe, un as G, v as pe, wi as me, xn as he } from "./utils-Ba9T0TqC.js";
+import { f as ge, h as _e, m as ve, o as ye, p as be } from "./src-Cum_2NLV.js";
+import { G as K, J as xe, K as q, Q as J, W as Se, at as Ce, ct as we, dt as Y, ht as Te, it as Ee, lt as De, mt as Oe, pt as ke, rt as Ae, st as je, tt as Me } from "./_baseFlatten-DPXPOrea.js";
+import { m as Ne } from "./src-DvX5LU9T.js";
+import { _ as Pe, c as Fe, m as Ie } from "./coloring-C16AUZEi.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(M());
+R(), A();
+var Ze = L();
+function Qe(e, t, n = (e, t) => e === t) {
+	return e.length === t.length && e.every((e, r) => n(e, t[r]));
+}
+W();
+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), [te, x] = X.useState(-1), [S, C] = X.useState(!1), w = X.useRef(0), [T, E] = De({
+		controlled: _,
+		default: n ?? c,
+		name: "Slider"
+	}), D = 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);
+	}), O = Array.isArray(T), k = O ? T.slice().sort(et) : [T];
+	k = k.map((e) => e == null ? c : V(e, c, s));
+	let A = o === !0 && h !== null ? [...Array(Math.floor((s - c) / h) + 1)].map((e, t) => ({ value: c + h * t })) : o || [], j = A.map((e) => e.value), { isFocusVisibleRef: M, onBlur: N, onFocus: P, ref: F } = Ce(), [ne, I] = X.useState(-1), L = X.useRef(null), re = je(p, je(F, L)), ie = (e) => (t) => {
+		var n;
+		let r = Number(t.currentTarget.getAttribute("data-index"));
+		P(t), M.current === !0 && I(r), x(r), e == null || (n = e.onFocus) == null || n.call(e, t);
+	}, ae = (e) => (t) => {
+		var n;
+		N(t), M.current === !1 && I(-1), x(-1), e == null || (n = e.onBlur) == null || n.call(e, t);
+	}, oe = (e, t) => {
+		let n = Number(e.currentTarget.getAttribute("data-index")), r = k[n], a = j.indexOf(r), o = t;
+		if (A && h == null) {
+			let e = j[j.length - 1];
+			o = o > e ? e : o < j[0] ? j[0] : o < r ? j[a - 1] : j[a + 1];
+		}
+		if (o = V(o, c, s), O) {
+			i && (o = V(o, k[n - 1] || -Infinity, k[n + 1] || Infinity));
+			let e = o;
+			o = st({
+				values: k,
+				newValue: o,
+				index: n
+			});
+			let t = n;
+			i || (t = o.indexOf(e)), ct({
+				sliderRef: L,
+				activeIndex: t
+			});
+		}
+		E(o), I(n), D && !lt(o, T) && D(e, o, n), d && d(e, o);
+	}, R = (e) => (t) => {
+		var n;
+		if (h !== null) {
+			let e = Number(t.currentTarget.getAttribute("data-index")), n = k[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 && (oe(t, r), t.preventDefault());
+		}
+		e == null || (n = e.onKeyDown) == null || n.call(e, t);
+	};
+	le(() => {
+		if (r && L.current.contains(document.activeElement)) {
+			var e;
+			(e = document.activeElement) == null || e.blur();
+		}
+	}, [r]), r && y !== -1 && b(-1), r && ne !== -1 && I(-1);
+	let se = (e) => (t) => {
+		var n;
+		(n = e.onChange) == null || n.call(e, t), oe(t, t.target.valueAsNumber);
+	}, ce = X.useRef(void 0), z = f;
+	a && f === "horizontal" && (z += "-reverse");
+	let B = ({ finger: e, move: t = !1 }) => {
+		let { current: n } = L, { width: r, height: a, bottom: o, left: l } = n.getBoundingClientRect(), u;
+		u = z.indexOf("vertical") === 0 ? (o - e.y) / a : (e.x - l) / r, z.indexOf("-reverse") !== -1 && (u = 1 - u);
+		let d;
+		if (d = it(u, c, s), h) d = ot(d, h, c);
+		else {
+			let e = tt(j, d);
+			d = j[e];
+		}
+		d = V(d, c, s);
+		let f = 0;
+		if (O) {
+			f = t ? ce.current : tt(k, d), i && (d = V(d, k[f - 1] || -Infinity, k[f + 1] || Infinity));
+			let e = d;
+			d = st({
+				values: k,
+				newValue: d,
+				index: f
+			}), i && t || (f = d.indexOf(e), ce.current = f);
+		}
+		return {
+			newValue: d,
+			activeIndex: f
+		};
+	}, H = we((e) => {
+		let t = nt(e, v);
+		if (!t) return;
+		if (w.current += 1, e.type === "mousemove" && e.buttons === 0) {
+			U(e);
+			return;
+		}
+		let { newValue: n, activeIndex: r } = B({
+			finger: t,
+			move: !0
+		});
+		ct({
+			sliderRef: L,
+			activeIndex: r,
+			setActive: b
+		}), E(n), !S && w.current > $e && C(!0), D && !lt(n, T) && D(e, n, r);
+	}), U = we((e) => {
+		let t = nt(e, v);
+		if (C(!1), !t) return;
+		let { newValue: n } = B({
+			finger: t,
+			move: !0
+		});
+		b(-1), e.type === "touchend" && x(-1), d && d(e, n), v.current = void 0, W();
+	}), ue = we((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: L,
+				activeIndex: r,
+				setActive: b
+			}), E(t), D && !lt(t, T) && D(e, t, r);
+		}
+		w.current = 0;
+		let i = Y(L.current);
+		i.addEventListener("touchmove", H, { passive: !0 }), i.addEventListener("touchend", U, { passive: !0 });
+	}), W = X.useCallback(() => {
+		let e = Y(L.current);
+		e.removeEventListener("mousemove", H), e.removeEventListener("mouseup", U), e.removeEventListener("touchmove", H), e.removeEventListener("touchend", U);
+	}, [U, H]);
+	X.useEffect(() => {
+		let { current: e } = L;
+		return e.addEventListener("touchstart", ue, { passive: pt() }), () => {
+			e.removeEventListener("touchstart", ue), W();
+		};
+	}, [W, ue]), X.useEffect(() => {
+		r && W();
+	}, [r, W]);
+	let de = (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: L,
+				activeIndex: n,
+				setActive: b
+			}), E(e), D && !lt(e, T) && D(t, e, n);
+		}
+		w.current = 0;
+		let a = Y(L.current);
+		a.addEventListener("mousemove", H, { passive: !0 }), a.addEventListener("mouseup", U);
+	}, fe = rt(O ? k[0] : c, c, s), pe = rt(k[k.length - 1], c, s) - fe, me = (e = {}) => {
+		let t = Me(e), n = G({}, t, { onMouseDown: de(t || {}) });
+		return G({}, e, { ref: re }, n);
+	}, he = (e) => (t) => {
+		var n;
+		(n = e.onMouseOver) == null || n.call(e, t);
+		let r = Number(t.currentTarget.getAttribute("data-index"));
+		x(r);
+	}, ge = (e) => (t) => {
+		var n;
+		(n = e.onMouseLeave) == null || n.call(e, t), x(-1);
+	};
+	return {
+		active: y,
+		axis: z,
+		axisProps: ut,
+		dragging: S,
+		focusedThumbIndex: ne,
+		getHiddenInputProps: (n = {}) => {
+			let i = Me(n), o = G({}, i, {
+				onChange: se(i || {}),
+				onFocus: ie(i || {}),
+				onBlur: ae(i || {}),
+				onKeyDown: R(i || {})
+			});
+			return G({
+				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: G({}, Xe, {
+				direction: a ? "rtl" : "ltr",
+				width: "100%",
+				height: "100%"
+			}) });
+		},
+		getRootProps: me,
+		getThumbProps: (e = {}) => {
+			let t = Me(e);
+			return G({}, e, t, {
+				onMouseOver: he(t || {}),
+				onMouseLeave: ge(t || {})
+			});
+		},
+		marks: A,
+		open: te,
+		range: O,
+		rootRef: re,
+		trackLeap: pe,
+		trackOffset: fe,
+		values: k,
+		getThumbStyle: (e) => ({ pointerEvents: y !== -1 && y !== e ? "none" : void 0 })
+	};
+}
+var ht = (e) => !e || !Ae(e);
+function gt(e) {
+	return Oe("MuiSlider", e);
+}
+var Z = ke("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 = me(), _t = (e) => {
+	let { open: t } = e;
+	return {
+		offset: Te(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: Te(t.props.className) }, /*#__PURE__*/ (0, Q.jsxs)(X.Fragment, { children: [t.props.children, /*#__PURE__*/ (0, Q.jsx)("span", {
+		className: Te(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;
+}
+R();
+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 = q("span", {
+	name: "MuiSlider",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`color${K(n.color)}`],
+			n.size !== "medium" && t[`size${K(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 = q("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 = q("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: G({}, e.vars ? {
+				backgroundColor: e.vars.palette.Slider[`${t}Track`],
+				borderColor: e.vars.palette.Slider[`${t}Track`]
+			} : G({
+				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 = q("span", {
+	name: "MuiSlider",
+	slot: "Thumb",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.thumb,
+			t[`thumbColor${K(n.color)}`],
+			n.size !== "medium" && t[`thumbSize${K(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}`]: G({}, 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}`]: G({}, 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 = q(vt, {
+	name: "MuiSlider",
+	slot: "ValueLabel",
+	overridesResolver: (e, t) => t.valueLabel
+})(({ theme: e }) => G({
+	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 = q("span", {
+	name: "MuiSlider",
+	slot: "Mark",
+	shouldForwardProp: (e) => xe(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 = q("span", {
+	name: "MuiSlider",
+	slot: "MarkLabel",
+	shouldForwardProp: (e) => xe(e) && e !== "markLabelActive",
+	overridesResolver: (e, t) => t.markLabel
+})(({ theme: e }) => G({}, 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${K(s)}`,
+			c && `size${K(c)}`
+		],
+		rail: ["rail"],
+		track: ["track"],
+		mark: ["mark"],
+		markActive: ["markActive"],
+		markLabel: ["markLabel"],
+		markLabelActive: ["markLabelActive"],
+		valueLabel: ["valueLabel"],
+		thumb: [
+			"thumb",
+			t && "disabled",
+			c && `thumbSize${K(c)}`,
+			s && `thumbColor${K(s)}`
+		],
+		active: ["active"],
+		disabled: ["disabled"],
+		focusVisible: ["focusVisible"]
+	}, gt, o);
+}, kt = ({ children: e }) => e, At = /*#__PURE__*/ X.forwardRef(function(e, t) {
+	let n = Se({
+		props: e,
+		name: "MuiSlider"
+	}), r = O(), { "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: te = "medium", step: x = 1, scale: S = bt, slotProps: C, slots: w, track: T = "normal", valueLabelDisplay: E = "off", valueLabelFormat: D = bt } = n, k = I(n, yt), A = G({}, n, {
+		isRtl: r,
+		max: _,
+		min: v,
+		classes: d,
+		disabled: m,
+		disableSwap: p,
+		orientation: y,
+		marks: ee,
+		color: u,
+		size: te,
+		step: x,
+		shiftStep: b,
+		scale: S,
+		track: T,
+		valueLabelDisplay: E,
+		valueLabelFormat: D
+	}), { axisProps: j, getRootProps: M, getHiddenInputProps: N, getThumbProps: P, open: F, active: ne, axis: L, focusedThumbIndex: re, range: ie, dragging: ae, marks: oe, values: R, trackOffset: se, trackLeap: ce, getThumbStyle: le } = mt(G({}, A, { rootRef: t }));
+	A.marked = oe.length > 0 && oe.some((e) => e.label), A.dragging = ae, A.focusedThumbIndex = re;
+	let z = Ot(A), B = w?.root ?? c.Root ?? xt, V = w?.rail ?? c.Rail ?? St, H = w?.track ?? c.Track ?? Ct, U = w?.thumb ?? c.Thumb ?? wt, ue = w?.valueLabel ?? c.ValueLabel ?? Tt, W = w?.mark ?? c.Mark ?? Et, de = w?.markLabel ?? c.MarkLabel ?? Dt, fe = w?.input ?? c.Input ?? "input", pe = C?.root ?? l.root, me = C?.rail ?? l.rail, he = C?.track ?? l.track, ge = C?.thumb ?? l.thumb, _e = C?.valueLabel ?? l.valueLabel, ve = C?.mark ?? l.mark, ye = C?.markLabel ?? l.markLabel, be = C?.input ?? l.input, K = J({
+		elementType: B,
+		getSlotProps: M,
+		externalSlotProps: pe,
+		externalForwardedProps: k,
+		additionalProps: G({}, ht(B) && { as: s }),
+		ownerState: G({}, A, pe?.ownerState),
+		className: [z.root, f]
+	}), xe = J({
+		elementType: V,
+		externalSlotProps: me,
+		ownerState: A,
+		className: z.rail
+	}), q = J({
+		elementType: H,
+		externalSlotProps: he,
+		additionalProps: { style: G({}, j[L].offset(se), j[L].leap(ce)) },
+		ownerState: G({}, A, he?.ownerState),
+		className: z.track
+	}), Ce = J({
+		elementType: U,
+		getSlotProps: P,
+		externalSlotProps: ge,
+		ownerState: G({}, A, ge?.ownerState),
+		className: z.thumb
+	}), we = J({
+		elementType: ue,
+		externalSlotProps: _e,
+		ownerState: G({}, A, _e?.ownerState),
+		className: z.valueLabel
+	}), Y = J({
+		elementType: W,
+		externalSlotProps: ve,
+		ownerState: A,
+		className: z.mark
+	}), Ee = J({
+		elementType: de,
+		externalSlotProps: ye,
+		ownerState: A,
+		className: z.markLabel
+	}), De = J({
+		elementType: fe,
+		getSlotProps: N,
+		externalSlotProps: be,
+		ownerState: A
+	});
+	return /*#__PURE__*/ (0, Q.jsxs)(B, G({}, K, { children: [
+		/*#__PURE__*/ (0, Q.jsx)(V, G({}, xe)),
+		/*#__PURE__*/ (0, Q.jsx)(H, G({}, q)),
+		oe.filter((e) => e.value >= v && e.value <= _).map((e, t) => {
+			let n = rt(e.value, v, _), r = j[L].offset(n), i;
+			return i = T === !1 ? R.indexOf(e.value) !== -1 : T === "normal" && (ie ? e.value >= R[0] && e.value <= R[R.length - 1] : e.value <= R[0]) || T === "inverted" && (ie ? e.value <= R[0] || e.value >= R[R.length - 1] : e.value >= R[0]), /*#__PURE__*/ (0, Q.jsxs)(X.Fragment, { children: [/*#__PURE__*/ (0, Q.jsx)(W, G({ "data-index": t }, Y, !Ae(W) && { markActive: i }, {
+				style: G({}, r, Y.style),
+				className: Te(Y.className, i && z.markActive)
+			})), e.label == null ? null : /*#__PURE__*/ (0, Q.jsx)(de, G({
+				"aria-hidden": !0,
+				"data-index": t
+			}, Ee, !Ae(de) && { markLabelActive: i }, {
+				style: G({}, r, Ee.style),
+				className: Te(z.markLabel, Ee.className, i && z.markLabelActive),
+				children: e.label
+			}))] }, t);
+		}),
+		R.map((e, t) => {
+			let n = rt(e, v, _), r = j[L].offset(n), s = E === "off" ? kt : ue;
+			return /*#__PURE__*/ (0, Q.jsx)(s, G({}, !Ae(s) && {
+				valueLabelFormat: D,
+				valueLabelDisplay: E,
+				value: typeof D == "function" ? D(S(e), t) : D,
+				index: t,
+				open: F === t || ne === t || E === "on",
+				disabled: m
+			}, we, { children: /*#__PURE__*/ (0, Q.jsx)(U, G({ "data-index": t }, Ce, {
+				className: Te(z.thumb, Ce.className, ne === t && z.active, re === t && z.focusVisible),
+				style: G({}, r, le(t), Ce.style),
+				children: /*#__PURE__*/ (0, Q.jsx)(fe, G({
+					"data-index": t,
+					"aria-label": h ? h(t) : i,
+					"aria-valuenow": S(e),
+					"aria-labelledby": o,
+					"aria-valuetext": g ? g(S(e), t) : a,
+					value: R[t]
+				}, De))
+			})) }), 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);
+}
+Fe();
+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("");
+	});
+}
+Fe();
+function Qt(e, t) {
+	var n = typeof t, r;
+	return t == null || n === "boolean" ? Ft(t) : (n === "number" ? Gt : n === "string" ? (r = Ie(t)) ? (t = r, Bt) : Zt : t instanceof Ie ? 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 = k({
+	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}`))
+	});
+}, $ = ee(), vn = k({
+	div: {
+		alignItems: "flex-end",
+		display: "flex",
+		gap: 10
+	},
+	divBottom: {
+		gap: "initial",
+		paddingBottom: 32,
+		position: "relative"
+	},
+	input: {
+		...b.normal13,
+		fontFamily: `var(--font-family, Roboto, ${T})`,
+		backgroundColor: o.white,
+		border: `1px solid ${o.grey3}`,
+		borderRadius: 4,
+		color: o.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: a.None,
+		isDateTime: !1,
+		negativeType: s.Symbol
+	},
+	type: "excel-format"
+}, Cn = [
+	ue,
+	ae,
+	B,
+	fe
+], 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 = H(t);
+	a && i.push(a);
+	let o = ie(t);
+	o && i.push(o);
+	let { evaluatedValue: s, error: c } = ce(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 a = { ...n };
+	return r(a.format.formatType) && (a = _(a)), t && h(a) ? U({
+		...a,
+		format: {
+			...a.format,
+			formatType: i(e, n)
+		}
+	}, e) : t ? m(e, n) : U(a, 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 === g.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 === g.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 === g.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 === g.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
+	}, s = e?.sliderSettings?.selectedColor ?? o.grey3, c = e?.sliderSettings?.nonSelectedColor ?? o.grey4;
+	return {
+		step: n,
+		quickSelect: r,
+		manualMinMaxEnabled: i,
+		range: a,
+		overrideStyles: yn(t ? c : s, t ? s : c),
+		selectedColor: s,
+		nonSelectedColor: c
+	};
+}
+var An = (e, t, n) => {
+	let r = he(), [i, a] = (0, X.useState)({
+		min: null,
+		max: null,
+		barsValues: []
+	});
+	return (0, X.useEffect)(() => (e && (async () => {
+		let { manualMinMaxEnabled: i = !1 } = t ?? {}, { min: o, max: s } = i ? t?.range ?? {} : await Nn(r, e, n), c = [];
+		if (n?.measures?.[0] && u(n)) {
+			let e = n?.sliderSettings?.numberOfBars ?? 20, t = ye(r, {
+				...C(n.type),
+				...n
+			});
+			t.dimensions.length && (t.dimensions[0].bucketing = {
+				buckets: e,
+				maxValue: Math.ceil(s),
+				minValue: Math.floor(o)
+			});
+			let { data: i } = await r.engine.getData(t);
+			Object.entries(i).forEach(([e, [t, n]]) => {
+				let r = Number(e);
+				if (r === 0) return;
+				let a = i[r + 1]?.[0] ?? s;
+				c.push({
+					from: t,
+					to: a,
+					value: n
+				});
+			});
+		}
+		a({
+			min: o,
+			max: s,
+			barsValues: c
+		});
+	})(), () => {
+		a({
+			min: 1,
+			max: 100,
+			barsValues: []
+		});
+	}), [
+		e,
+		te(n?.measures?.[0]?.dataItem),
+		JSON.stringify(t),
+		n?.sliderSettings?.numberOfBars ?? 20,
+		JSON.stringify(n?.staticFilters?.filters),
+		JSON.stringify(n?.staticFilters?.filterGroup)
+	]), i;
+};
+function jn(e) {
+	return pe()(e);
+}
+async function Mn(e, t) {
+	let n = t.staticFilters.filterGroup, r = e.engine, i = ne(t, r);
+	if (n) {
+		let e = be(n, i, t.referencedData), a = e && ve(e, t, r);
+		return a ? {
+			filters: [],
+			filterGroup: a
+		} : { filters: [] };
+	}
+	return { filters: _e(ge(t.staticFilters.filters, i, t.referencedData), t, r) };
+}
+async function Nn(e, t, n) {
+	let r = {
+		dimensions: [],
+		...await Mn(e, n),
+		limit: f(n),
+		measures: [{
+			fieldKeys: [t],
+			aggregation: "MIN",
+			filters: []
+		}, {
+			fieldKeys: [t],
+			aggregation: "MAX",
+			filters: []
+		}]
+	}, { data: i } = await e.engine.getData(r);
+	return {
+		min: typeof i[0][0] == "number" ? i[0][0] : 1,
+		max: typeof i[0][1] == "number" ? i[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 = N();
+	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(E());
+function Ln(e) {
+	let { min: t, max: n, data: r, type: i, vSpec: a, field: o, quickSelect: s, step: c } = e, [l, u] = (0, X.useState)(["1", "100"]), [d, f] = (0, X.useState)(1), [m, h] = (0, X.useState)(100), [g, ee] = (0, X.useState)({
+		step: c,
+		marks: null
+	}), [{ onRange: _ }] = de(Rn(r, i, o), {
+		disabled: !i,
+		ignore: !0,
+		state: s ? $.SelectionState.APPLIED : $.SelectionState.PENDING,
+		commitHistory: s
+	}), v = D(i), y = p(a.sliderSettings.formatting) ? void 0 : a.sliderSettings.formatting, b = (0, X.useCallback)((e) => [(0, Fn.default)(Number(e[0]), t, n), (0, Fn.default)(Number(e[1]), t, n)], [t, n]), te = (0, X.useCallback)(([e, t]) => {
+		let n = Tn(e, y), r = Tn(t, y);
+		(0, In.default)(n) && (n = e), (0, In.default)(r) && (r = t), u([`${n}`, `${r}`]);
+	}, [u, y]), x = (0, X.useCallback)((e, t) => {
+		c !== 0 && u([`${t[0]}`, `${t[1]}`]);
+	}, [u, c]), S = (0, X.useCallback)((e) => {
+		let t = b(e);
+		_(t[0], t[1]);
+	}, [_, b]), C = (0, X.useCallback)((e) => {
+		let t = Tn(e[0], y), n = Tn(e[1], y), r = b([t, n]), i = [String(r[0]), String(r[1])];
+		S(r), u(i);
+	}, [
+		S,
+		u,
+		b,
+		y
+	]);
+	return (0, X.useEffect)(() => {
+		if (t !== null && n !== null) {
+			let e = t, i = n;
+			if (v) {
+				let { startValue: r, endValue: a, sliderStep: o, sliderMarks: s } = On(t, n, c);
+				e = r, i = a, ee({
+					step: o,
+					marks: s
+				});
+			} else ee({
+				step: c,
+				marks: null
+			});
+			f(e), h(i), u(bn(r, e, i));
+		}
+	}, [
+		t,
+		n,
+		c,
+		v
+	]), (0, X.useEffect)(() => {
+		if (r) {
+			let e = r.pending.values[0] ?? d, t = r.pending.values[1] ?? m;
+			(e !== +l[0] || t !== +l[1]) && u(bn(r, d, m));
+		}
+	}, [JSON.stringify(r?.pending)]), {
+		values: l,
+		minValue: d,
+		maxValue: m,
+		sliderProps: g,
+		onRange: _,
+		selectRange: S,
+		handleChangedValues: C,
+		onValueChange: te,
+		handleSliderChange: x
+	};
+}
+function Rn(e, t, n) {
+	let r = Dn(e);
+	return [{
+		dataItem: {
+			...n,
+			dataType: t ?? $.FieldType.STRING,
+			internalKey: "",
+			type: d.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: s, isSmallView: c } = Vn(n?.sliderSettings?.layout), [l, u] = (0, X.useState)(!1), [d, f] = (0, X.useState)(!1), { step: p, quickSelect: m, manualMinMaxEnabled: h, range: g, overrideStyles: ee, selectedColor: _, nonSelectedColor: v } = kn(n, Dn(e)), { min: y, max: b, barsValues: te } = An(o, {
+		manualMinMaxEnabled: h,
+		range: g
+	}, n), { values: x, minValue: C, maxValue: w, sliderProps: T, onValueChange: E, handleChangedValues: O, handleSliderChange: k, onRange: A, selectRange: j } = Ln({
+		min: y,
+		max: b,
+		data: e,
+		type: t,
+		vSpec: n,
+		quickSelect: m,
+		field: i,
+		step: p
+	}), M = D(t), N = (n.sliderSettings.formatting?.format?.formatType ?? a.None) === a.None, F = {
+		fontSize: "1em",
+		width: `${n?.sliderSettings.inputWidth ?? (M ? S.inputDateWidth : S.inputNumberWidth)}px`
+	}, { marks: ne, step: I } = T;
+	return /* @__PURE__ */ (0, Q.jsxs)("div", {
+		className: P({
+			[r.div]: !0,
+			[r.divBottom]: c
+		}),
+		style: { fontSize: `${n?.sliderSettings.inputFontSize ?? S.inputFontSize}px` },
+		ref: s,
+		children: [
+			M && (N || l) ? /* @__PURE__ */ (0, Q.jsx)(Ne, {
+				className: P({
+					[r.inputBottom]: c,
+					[r.inputLeft]: c
+				}),
+				style: F,
+				onBlur: (e) => {
+					e !== +x[0] && j([e, +x[1]]), u(!1);
+				},
+				onEnter: (e) => j([e, +x[1]]),
+				value: +x[0],
+				passOnBlur: !0,
+				autoFocus: !N
+			}) : /* @__PURE__ */ (0, Q.jsx)("input", {
+				className: P({
+					[r.input]: !0,
+					[r.inputBottom]: c,
+					[r.inputLeft]: c
+				}),
+				style: F,
+				step: p,
+				min: C,
+				max: x[1],
+				type: "text",
+				value: En(x[0], l, n.sliderSettings.formatting),
+				onBlur: (e) => {
+					u(!1), O([e.target.value, x[1]]);
+				},
+				onChange: (e) => E([e.target.value, x[1]]),
+				onKeyDown: (e) => {
+					e.key === "Enter" && O([e.currentTarget.value, x[1]]);
+				},
+				onFocus: () => u(!0),
+				disabled: !t
+			}),
+			/* @__PURE__ */ (0, Q.jsxs)("div", {
+				style: { flexGrow: 1 },
+				children: [n?.measures?.[0] ? /* @__PURE__ */ (0, Q.jsx)(_n, {
+					values: te,
+					filteredValues: [+x[0], +x[1]],
+					selectedColor: _,
+					nonSelectedColor: v
+				}) : 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: [+x[0], +x[1]],
+						onChange: k,
+						onChangeCommitted: (e, t) => A(t[0], t[1]),
+						min: C ?? +x[0],
+						max: w ?? +x[1],
+						step: xn(I),
+						marks: ne,
+						orientation: "horizontal",
+						disabled: !t,
+						sx: ee
+					})
+				})]
+			}),
+			M && (N || d) ? /* @__PURE__ */ (0, Q.jsx)(Ne, {
+				className: P({
+					[r.inputBottom]: c,
+					[r.inputRight]: c
+				}),
+				style: F,
+				onBlur: (e) => {
+					e !== +x[1] && j([+x[0], e]), f(!1);
+				},
+				onEnter: (e) => j([+x[0], e]),
+				value: +x[1],
+				passOnBlur: !0,
+				autoFocus: !N
+			}) : /* @__PURE__ */ (0, Q.jsx)("input", {
+				className: P({
+					[r.input]: !0,
+					[r.inputBottom]: c,
+					[r.inputRight]: c
+				}),
+				style: F,
+				step: p,
+				min: x[0],
+				max: w,
+				type: "text",
+				value: En(x[1], d, n.sliderSettings.formatting),
+				onBlur: (e) => {
+					f(!1), O([x[0], e.target.value]);
+				},
+				onChange: (e) => E([x[0], e.target.value]),
+				onKeyDown: (e) => {
+					e.key === "Enter" && O([x[0], e.currentTarget.value]);
+				},
+				onFocus: () => f(!0),
+				disabled: !t
+			})
+		]
+	});
+}, Bn = {
+	refreshMode: "throttle",
+	refreshRate: 20,
+	refreshOptions: { trailing: !0 }
+};
+function Vn(e) {
+	let { width: t = 400, ref: n } = F(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 = z(), n = pe(), 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 = k({
+	container: {
+		padding: 12,
+		width: "100%",
+		height: "100%",
+		gap: 10,
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center"
+	},
+	measureLabel: {
+		fontSize: 12,
+		fontWeight: "normal",
+		marginLeft: 8
+	},
+	label: { ...b.overflowEllipsis }
+}), Wn = (e) => e === x.Line ? "solid" : "dashed", Gn = (e = o.white, t) => {
+	let { borderColor: n, borderEnabled: r, borderRadius: i, borderStyle: a, borderWidth: s } = {
+		...S.border,
+		...t
+	};
+	return {
+		backgroundColor: e ?? "transparent",
+		border: r ? `${s}px ${Wn(a)} ${n}` : "none",
+		borderRadius: r ? `${i}px` : 0
+	};
+}, Kn = (e, t) => ({
+	fontSize: e?.fontSize || 13,
+	fontFamily: c(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 || o.grey1
+}), qn = (e, t) => e?.customLabel?.enabled && e?.customLabel?.value && !y(e.customLabel.value) ? e.customLabel.value : e?.label ? e.label : t, Jn = re(({ vSpec: e }) => {
+	let t = j()?.astrato ?? l, n = oe(), 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), u = {
+		vSpec: e,
+		format: (e) => String(se(a?.formatter?.format, e)),
+		type: v(a?.dataItem)
+	};
+	return /* @__PURE__ */ (0, Q.jsxs)("div", {
+		className: r.container,
+		style: {
+			...Gn(e?.sliderSettings?.backgroundColor, e?.sliderSettings?.border),
+			"--font-family": c(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: u
+		})]
+	});
+}), Yn = /* @__PURE__ */ t({
+	Slider: () => Jn,
+	SliderComponent: () => zn
+});
+export { zn as n, mn as r, Yn as t };