@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/filtering-tqjAyJH5.js

@@ -0,0 +1,1072 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Bn as t, Gn as n, Ko as r, Kr as i, Sa as a, Ta as o, _a as s, la as c, oi as l, qa as u, va as d, vr as f } from "./isEqual-BDxAhUo8.js";
+import { Ei as p, Fn as m, G as h, J as g, K as _, Si as v, Yi as y, Zi as b, d as x, hi as S, hn as C, hr as w, pt as T, q as E, qi as D, st as O, vi as k, wr as A, xi as j } from "./utils-Bg7K-t6K.js";
+import { Ft as M, It as N, M as P, N as ee, Nt as F, P as te, Pt as I, ft as L, j as ne, n as re, ut as ie, vt as R } from "./ui-DQWtv2iM.js";
+import { t as ae } from "./LinearProgress-B1FeWaen.js";
+var oe = (e, t, n) => Math.ceil(t) + Math.ceil(n) >= Math.floor(e) && n > 0;
+function se(e) {
+	let { theme: t, name: n, props: r } = e;
+	return !t || !t.components || !t.components[n] || !t.components[n].defaultProps ? r : O(t.components[n].defaultProps, r);
+}
+function ce({ props: e, name: t, defaultTheme: n, themeId: r }) {
+	let i = T(n);
+	return r && (i = i[r] || i), se({
+		theme: i,
+		name: t,
+		props: e
+	});
+}
+var z = (e, t) => t && !i(t) ? String(C(t, e)) : e === !0 ? "True" : e === !1 ? "False" : e === null ? "-" : String(e), le = /* @__PURE__ */ e(re()), B = (e, t) => {
+	let [n, r] = (0, le.default)(e, (e) => t.indexOf(e.dimension) !== -1);
+	return [n, r];
+}, ue = (e) => {
+	let t = e?.dimensions.filter((e) => e.role === u.FILTER_DIMENSION);
+	return [(t?.length ? t : e?.dimensions.slice(0, 1) ?? []).map(V).join(" - ") || "Sample", e?.measures[0] && e?.filterSettings?.showMeasureLabel ? ` | ${V(e?.measures[0])}` : null];
+};
+function V(e) {
+	return n(e) || e.label || e.dataItem?.name || "";
+}
+var H = (e) => async (t) => {
+	t.preventDefault(), t.stopPropagation(), e((t.clipboardData.getData("Text") || await navigator.clipboard.readText()).replaceAll("\r\n", "	").replaceAll("\r", "	").replaceAll("\n", "	"));
+}, U = b(), de = (e) => {
+	if (!e.length) return [];
+	if (e.length === 1) return [e[0], e[0]];
+	let t = Infinity, n = -Infinity;
+	return e.forEach((e) => {
+		t > e && (t = e), n < e && (n = e);
+	}), [t, n];
+}, W = l("getToRangeSelectionHandler", "#cbacba"), fe = (e, t) => async () => {
+	let n = e.selection.getActiveSelection(U.FilterType.VALUE), r = structuredClone(n), i = r.applied.find((e) => e.field.name === t.name && e.field.view === t.view);
+	if (i ||= r.pending.find((e) => e.field.name === t.name && e.field.view === t.view), !i) {
+		let n = U.FilterOperator.Between;
+		r.pending.push({
+			operator: n,
+			field: D(e.engine, t),
+			values: []
+		}), e.selection.setNewSelectionState(r);
+		return;
+	}
+	if (i.operator = i.operator === U.FilterOperator.InList ? U.FilterOperator.Between : U.FilterOperator.NotBetween, (i.values ?? []).length === 0) {
+		e.selection.declineSelection(i), e.selection.removeSelection(i);
+		let n = {
+			dimensions: [],
+			measures: [{
+				fieldKeys: [t.key],
+				aggregation: "MIN",
+				filters: []
+			}, {
+				fieldKeys: [t.key],
+				aggregation: "MAX",
+				filters: []
+			}]
+		}, a = e.engine;
+		if (!a) {
+			W.error("There is no data engine available");
+			return;
+		}
+		let { data: o } = await a.getData(n), s = typeof o[0][0] == "number" ? o[0][0] : null, c = typeof o[0][1] == "number" ? o[0][1] : null;
+		if (s === null || c === null) {
+			W.error("There is something wrong with the min/max data");
+			return;
+		}
+		return i.values = [s, c], e.selection.setNewSelectionState(r, U.FilterType.VALUE), i.operator;
+	}
+	return i.values = de(i.values), e.selection.setNewSelectionState(r, U.FilterType.VALUE), i.operator;
+}, G = l("getToValueSelectionHandler", "#cbacba"), pe = t(f()), me = (e, t, n, r, i) => async () => {
+	let a = n ?? pe, o = e.selection.getActiveSelection(U.FilterType.VALUE), s = structuredClone(o), c = s.pending.find((e) => e.field.name === t.name && e.field.view === t.view);
+	if (c ||= s.applied.find((e) => e.field.name === t.name && e.field.view === t.view), !c) {
+		G.warn("There was no selection connected to clicked field!", JSON.stringify(t));
+		return;
+	}
+	if (r) return c.operator = U.FilterOperator.InList, c.values = [], delete c.dynamicDateRange, delete c.dynamicDateCalcRange, e.selection.setNewSelectionState(s, U.FilterType.VALUE), c.operator;
+	if ([U.FilterOperator.InList, U.FilterOperator.NotInList].includes(c.operator)) return c.operator;
+	if ([U.FilterOperator.Like, U.FilterOperator.NotLike].includes(c.operator)) {
+		let n = c.values;
+		if (c.operator = c.operator === U.FilterOperator.Like ? U.FilterOperator.InList : U.FilterOperator.NotInList, n?.length) {
+			let r = {
+				dimensions: [{ fieldKey: t.key }],
+				limit: a + 1,
+				measures: [],
+				filters: [{
+					fieldKey: t.key,
+					operator: U.FilterOperator.Like,
+					values: n
+				}]
+			}, o = e.engine;
+			if (!o) {
+				G.error("There is no data engine available");
+				return;
+			}
+			let { data: l, meta: u } = await o.getData(r);
+			if (u.rows >= a + 1) return c.values = [], e.selection.setNewSelectionState(s, U.FilterType.VALUE), i?.(c.operator, String(n[0] ?? "")), c.operator;
+			c.values = Object.values(l).flat();
+		}
+		return e.selection.setNewSelectionState(s, U.FilterType.VALUE), c.operator;
+	}
+	c.operator = c.operator === U.FilterOperator.Between ? U.FilterOperator.InList : U.FilterOperator.NotInList;
+	let l = {
+		dimensions: [{ fieldKey: t.key }],
+		limit: a,
+		measures: [],
+		filters: []
+	};
+	c.values && (l.filters?.push({
+		fieldKey: t.key,
+		operator: U.FilterOperator.Between,
+		values: c.values
+	}), l.limit = a + 1);
+	let u = e.engine;
+	if (!u) {
+		G.error("There is no data engine available");
+		return;
+	}
+	let { data: d, meta: f } = await u.getData(l);
+	return f.rows >= a + 1 ? (e.daedalus.emitEvent(U.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+		type: "warn",
+		message: "Cannot change the selection type, because too many values would have to be selected!"
+	}), c.operator) : (c.values = Object.values(d).flat(), e.selection.setNewSelectionState(s, U.FilterType.VALUE), c.operator);
+}, he = (e, t) => (n) => {
+	let r = e.selection.getActiveSelection(U.FilterType.VALUE), i = structuredClone(r), a = n?.trim() ? [n.trim()] : [""], o = i.applied.find((e) => e.field.name === t.name && e.field.view === t.view);
+	if (o ||= i.pending.find((e) => e.field.name === t.name && e.field.view === t.view), !o) {
+		let n = U.FilterOperator.Like;
+		return i.pending.push({
+			operator: n,
+			field: D(e.engine, t),
+			values: a
+		}), e.selection.setNewSelectionState(i), n;
+	}
+	return o.operator === U.FilterOperator.InList ? (o.operator = U.FilterOperator.Like, o.values = a) : o.operator === U.FilterOperator.NotInList ? (o.operator = U.FilterOperator.NotLike, o.values = a) : (o.operator = o.operator === U.FilterOperator.NotLike ? U.FilterOperator.NotLike : U.FilterOperator.Like, o.values = a.length ? a : o.values), e.selection.setNewSelectionState(i, U.FilterType.VALUE), o.operator;
+}, K = (e, t) => ({
+	fontFamily: d(t, e?.fontFamily) ?? void 0,
+	fontStyle: e?.italic ? "italic" : "normal",
+	fontWeight: e?.bold ? "bold" : "normal",
+	textDecoration: `${e?.underlined ? "underline" : ""} ${e?.strikethrough ? "line-through" : ""}`,
+	color: s(t, e?.fontColor)
+}), ge = (e) => e === r.Line ? "solid" : "dashed", q = (e, t) => {
+	let { backgroundColor: n, borderColor: r, borderEnabled: i, borderRadius: a, borderStyle: o, borderWidth: s } = {
+		...c,
+		...e
+	}, l = "0px";
+	return i && (l = `${a}px`, t && (l = `${a}px ${a}px 0 0`)), {
+		backgroundColor: n,
+		border: i ? `${s}px ${ge(o)} ${r}` : "none",
+		borderRadius: l
+	};
+};
+function J(e) {
+	return {
+		boxSizing: "border-box",
+		alignItems: "center",
+		cursor: "pointer",
+		height: 24,
+		padding: "3px 6px",
+		border: `1px solid ${o.grey4}`,
+		borderRadius: 16,
+		display: "flex",
+		marginRight: 4,
+		flexShrink: 0,
+		backgroundColor: o.mainBrightPink,
+		color: o.white,
+		...E.bold11,
+		...E.overflowEllipsis,
+		"&:hover": { borderColor: o.grey2 },
+		...e && {
+			[N.md]: {
+				height: 20,
+				padding: "2px 6px",
+				...E.bold10
+			},
+			[N.sm]: {
+				height: 16,
+				padding: "1px 4px",
+				...E.normal10
+			},
+			[N.xs]: {
+				height: 12,
+				padding: "0px 4px",
+				fontSize: 8,
+				lineHeight: "10px"
+			}
+		}
+	};
+}
+var Y = /* @__PURE__ */ e(y()), X = (0, Y.createContext)({});
+Y.forwardRef(function(e, t) {
+	return Y.createElement("img", {
+		...e,
+		ref: t,
+		src: "data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M28.2534%2028.2533L27.2134%2027.2133L24.0001%2024L17.8801%2017.88L4.78677%204.78666L3.74677%203.74666C3.22677%203.22666%202.38677%203.22666%201.86677%203.74666C1.33344%204.26666%201.33344%205.10666%201.85344%205.62666L4.0001%207.77333V25.3333C4.0001%2026.8%205.2001%2028%206.66677%2028H24.2268L26.3734%2030.1467C26.8934%2030.6667%2027.7334%2030.6667%2028.2534%2030.1467C28.7734%2029.6267%2028.7734%2028.7733%2028.2534%2028.2533ZM8.02677%2024C7.46677%2024%207.1601%2023.36%207.50677%2022.92L10.8268%2018.6533C11.0934%2018.32%2011.6001%2018.3067%2011.8668%2018.64L14.6668%2022.0133L16.2268%2020L20.2268%2024H8.02677ZM28.0001%2024.2267L7.77344%203.99999H25.3334C26.8001%203.99999%2028.0001%205.19999%2028.0001%206.66666V24.2267Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%3C%2Fsvg%3E%0A"
+	});
+});
+var _e = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, ve = (e, t, n, r, i, a) => {
+	let o = "";
+	if (e) {
+		t && (o += `${t}: `);
+		let r = z(e, n);
+		o += r;
+	}
+	if (r) {
+		e && (o += " | "), i && (o += `${i}: `);
+		let t = z(r, a);
+		o += t;
+	}
+	return o;
+}, Z = p(), ye = h({ iconContainer: {
+	width: 16,
+	flexShrink: 0
+} }), be = ({ disabled: e, isApplied: t, isSelected: n, isNot: r, fontColor: i }) => {
+	let a = ye(), s = i ?? (t ? o.mainDarkNavy : void 0);
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: a.iconContainer,
+		style: { opacity: e ? .25 : void 0 },
+		children: [n && r ? /* @__PURE__ */ (0, Z.jsx)(S, { fill: o.mainBrightPink }) : null, n && !r ? /* @__PURE__ */ (0, Z.jsx)(v, { fill: s }) : null]
+	});
+}, xe = (e) => {
+	let { r: t, g: n, b: r, a: i } = P(e) ? ne(e) : te(e), a = (i ?? 1) * .6;
+	return ee({
+		r: t,
+		g: n,
+		b: r,
+		a: a < 0 ? 0 : a
+	});
+}, Se = h({
+	progressBar: {
+		height: "100%",
+		borderRadius: "4px",
+		position: "absolute",
+		bottom: 1,
+		top: 1
+	},
+	progressBarSelectedOrApplied: { color: o.mainDarkNavy },
+	labelsContainer: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center",
+		width: "100%",
+		height: "100%",
+		overflow: "hidden",
+		position: "relative",
+		"&:hover": {
+			color: o.mainDarkNavy,
+			"& > div": { backgroundColor: o.grey5 }
+		}
+	},
+	label: ({ responsive: e, fontSize: t }) => ({
+		...E.normal11,
+		...E.overflowEllipsis,
+		color: "inherit",
+		marginRight: "5px",
+		height: "100%",
+		zIndex: 1,
+		display: "inline-flex",
+		alignItems: "center",
+		...t ? {
+			fontSize: `${t}px`,
+			lineHeight: 1.2,
+			...e && {
+				[N.md]: { fontSize: `min(${t * F.md}px, 14px)` },
+				[N.sm]: { fontSize: `min(${t * F.sm}px, 12px)` },
+				[N.xs]: {
+					fontSize: `min(${t * F.xs}px, 10px)`,
+					fontWeight: "normal !important"
+				}
+			}
+		} : I(e)
+	}),
+	dimensionLabel: {
+		paddingLeft: 4,
+		flexGrow: 1,
+		flexShrink: 0
+	},
+	measuresLabel: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	rowDisabled: { color: o.grey3 }
+}), Ce = ({ dimensionDisplayValue: e, measuresLabel: t, showLabelProgress: n, isSelected: r, isApplied: i, strikethrough: s, disabled: c, searchTerm: l, barWidth: u, fontStyle: d, progressColor: f = o.lightBlue, textAlign: p, responsive: h, fontSize: _ }) => {
+	let v = Se({
+		responsive: h,
+		fontSize: _
+	}), y = g()?.astrato ?? a, b = {
+		...K({
+			...d,
+			strikethrough: d?.strikethrough || s
+		}, y),
+		...p ? {
+			textAlign: p,
+			justifyContent: p === "right" ? "flex-end" : p === "center" ? "center" : "flex-start"
+		} : {}
+	}, x = r || i ? f : xe(f);
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: m({
+			[v.labelsContainer]: !0,
+			[v.progressBarSelectedOrApplied]: r || i
+		}),
+		children: [
+			n && /* @__PURE__ */ (0, Z.jsx)("div", {
+				style: {
+					width: `${u * 100}%`,
+					backgroundColor: x
+				},
+				className: m({
+					[v.progressBar]: !0,
+					[v.rowDisabled]: c
+				}),
+				"data-testid": "item-list-label-progress"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				style: b,
+				className: m(v.label, v.dimensionLabel),
+				title: e,
+				children: /* @__PURE__ */ (0, Z.jsx)(L, {
+					phrase: l ?? "",
+					children: e ?? ""
+				})
+			}),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				style: b,
+				className: m(v.label, v.measuresLabel),
+				children: t
+			})
+		]
+	});
+}, we = h({
+	rowWrapper: (e) => ({
+		cursor: "pointer",
+		userSelect: "none",
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		height: "32px",
+		boxSizing: "border-box",
+		borderRadius: 6,
+		paddingRight: 8,
+		...e && {
+			[N.md]: {
+				height: "24px",
+				paddingRight: 6
+			},
+			[N.sm]: {
+				height: "16px",
+				paddingRight: 4
+			},
+			[N.xs]: {
+				height: "12px",
+				paddingRight: 2
+			}
+		}
+	}),
+	checkboxWrapper: (e) => ({
+		display: "flex",
+		alignItems: "center",
+		flexShrink: 0,
+		marginRight: 6,
+		...e && {
+			[N.md]: {
+				"& input[type=\"checkbox\"], & svg": {
+					width: "14px !important",
+					height: "14px !important"
+				},
+				"& > div, & > div > div": { height: "14px" }
+			},
+			[N.sm]: {
+				"& input[type=\"checkbox\"], & svg": {
+					width: "11px !important",
+					height: "11px !important"
+				},
+				"& > div, & > div > div": { height: "11px" }
+			},
+			[N.xs]: {
+				"& input[type=\"checkbox\"], & svg": {
+					width: "10px !important",
+					height: "10px !important"
+				},
+				"& > div, & > div > div": { height: "10px" }
+			}
+		}
+	}),
+	rowSelected: { backgroundColor: "var(--filter-hover-color)" },
+	rowHover: { "&:hover": { backgroundColor: "var(--filter-hover-color)" } },
+	rowApplied: {
+		backgroundColor: "initial",
+		"& > div > span": { color: `${o.mainDarkNavy} !important` }
+	},
+	rowDisabled: { "& span": { color: `${o.grey3} !important` } }
+}), Q = ({ selected: e, applied: t, disabled: n, hoverColor: r, onSelect: i, showProgressBar: a, showCheckbox: s, showSelectionIcon: c = !0, checkboxState: l = "none", fontSize: u, searchTerm: d, doneRenderingCallback: f, dimensionValue: p, dimensionFormatter: h, imageValue: g, measure1Value: _, measure1Label: v, measure1Formatter: y, measure2Value: b, measure2Label: x, measure2Formatter: S, maxValue: C, imageFit: w, fontStyle: T, progressBarColor: E, responsive: D }) => {
+	let O = we(D), k = (0, Y.useContext)(X), A = (k.pendingOperator ?? k.appliedOperator) === U.FilterOperator.NotInList, j = !!g, M = a && _ !== void 0 && !b, N = z(p, h), P = ve(_, v, y, b, x, S);
+	return (0, Y.useEffect)(() => {
+		j || f?.();
+	}, []), /* @__PURE__ */ (0, Z.jsxs)("div", {
+		tabIndex: 0,
+		role: "button",
+		onClick: i,
+		"data-testid": `big-list-item-dimension-${p}`,
+		className: m({
+			[O.rowWrapper]: !0,
+			[O.rowHover]: !M,
+			[O.rowSelected]: !M && e,
+			[O.rowApplied]: t && !n,
+			[O.rowDisabled]: n
+		}),
+		style: { "--filter-hover-color": r ?? o.grey5 },
+		children: [
+			s ? /* @__PURE__ */ (0, Z.jsx)("div", {
+				"aria-hidden": !0,
+				style: { pointerEvents: "none" },
+				className: O.checkboxWrapper,
+				children: /* @__PURE__ */ (0, Z.jsx)(R, {
+					value: l,
+					onChange: () => void 0,
+					testId: `dimension-${p}-checkbox`
+				})
+			}) : null,
+			j && /* @__PURE__ */ (0, Z.jsx)("img", {
+				alt: "",
+				width: 32,
+				height: 32,
+				src: g,
+				onError: (e) => {
+					e.currentTarget.src = "data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M28.2534%2028.2533L27.2134%2027.2133L24.0001%2024L17.8801%2017.88L4.78677%204.78666L3.74677%203.74666C3.22677%203.22666%202.38677%203.22666%201.86677%203.74666C1.33344%204.26666%201.33344%205.10666%201.85344%205.62666L4.0001%207.77333V25.3333C4.0001%2026.8%205.2001%2028%206.66677%2028H24.2268L26.3734%2030.1467C26.8934%2030.6667%2027.7334%2030.6667%2028.2534%2030.1467C28.7734%2029.6267%2028.7734%2028.7733%2028.2534%2028.2533ZM8.02677%2024C7.46677%2024%207.1601%2023.36%207.50677%2022.92L10.8268%2018.6533C11.0934%2018.32%2011.6001%2018.3067%2011.8668%2018.64L14.6668%2022.0133L16.2268%2020L20.2268%2024H8.02677ZM28.0001%2024.2267L7.77344%203.99999H25.3334C26.8001%203.99999%2028.0001%205.19999%2028.0001%206.66666V24.2267Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%3C%2Fsvg%3E%0A", f?.();
+				},
+				style: {
+					borderRadius: 6,
+					marginRight: 8,
+					objectFit: `${w ?? "contain"}`
+				},
+				"data-testid": `big-list-item-dimension-${p}-image`,
+				onLoad: f,
+				loading: "lazy"
+			}),
+			/* @__PURE__ */ (0, Z.jsx)(Ce, {
+				dimensionDisplayValue: N,
+				measuresLabel: P,
+				showLabelProgress: M,
+				progressColor: E,
+				isApplied: t,
+				isSelected: e,
+				strikethrough: A && t && e,
+				disabled: n,
+				searchTerm: d,
+				barWidth: _e(_, C),
+				fontStyle: T,
+				responsive: D,
+				fontSize: u
+			}),
+			!s && c ? /* @__PURE__ */ (0, Z.jsx)(be, {
+				disabled: n,
+				isApplied: t,
+				isSelected: e,
+				isNot: A,
+				fontColor: T?.fontColor ?? void 0
+			}) : null
+		]
+	});
+}, Te = (e) => {
+	let t = [...e].sort((e, t) => Ee(e?.measure1 ?? void 0, t?.measure1 ?? void 0)), n = t.length > 0 ? t[0] : null;
+	return typeof n?.measure1 == "number" ? n : null;
+}, Ee = (e, t) => {
+	if (e && t) {
+		if (e < t) return 1;
+		if (e > t) return -1;
+	} else if (e && !t) return -1;
+	return 0;
+}, De = ({ filterValues: e, onItemClick: t, selectedValues: n, appliedValues: r, searchTerm: i, vSpec: a, hoverColor: o }) => {
+	let s = (0, Y.useRef)(e.length), c = x(), l = () => {
+		--s.current, s.current === 0 && c();
+	};
+	if (!a?.dimensions[0]?.dataItem) return null;
+	let u = a.dimensions[0]?.formatter, d = a.dimensions[1]?.imageFit, f = a.measures[0]?.formatter, p = a.measures[1]?.formatter, [m, h] = B(e, r), g = (e, r) => {
+		switch (!0) {
+			case n.includes(e.dimension):
+				t(e.dimension);
+				break;
+			case e.disabled: break;
+			default: t(e.dimension, { shift: r.shiftKey ? [...m, ...h].reduce((e, t) => (t.disabled || e.push(t.dimension), e), []) : null });
+		}
+	}, _ = Te(e), v = s.current > 0 ? l : void 0;
+	return /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [m.map((e) => /* @__PURE__ */ (0, Z.jsx)(Q, {
+		searchTerm: i,
+		disabled: !!e.disabled,
+		onSelect: (t) => g(e, t),
+		showProgressBar: a.filterSettings?.showProgressBar,
+		selected: n.indexOf(e.dimension) !== -1,
+		applied: !0,
+		hoverColor: o,
+		dimensionValue: e.dimension,
+		dimensionFormatter: u,
+		imageValue: e.image ?? void 0,
+		measure1Value: e.measure1,
+		measure1Label: a.measures[0]?.filterValueLabel,
+		measure1Formatter: f,
+		measure2Value: e.measure2,
+		measure2Label: a.measures[1]?.filterValueLabel,
+		measure2Formatter: p,
+		maxValue: _?.measure1,
+		imageFit: d,
+		doneRenderingCallback: v,
+		fontStyle: a.filterSettings?.fontStyle,
+		progressBarColor: a.filterSettings?.filterStyle?.progressBarColor,
+		responsive: a.filterSettings?.responsive
+	}, String(e.dimension))), h.map((e) => /* @__PURE__ */ (0, Z.jsx)(Q, {
+		searchTerm: i,
+		disabled: !!e.disabled,
+		onSelect: (t) => g(e, t),
+		showProgressBar: a.filterSettings?.showProgressBar,
+		selected: n.indexOf(e.dimension) !== -1,
+		applied: !1,
+		hoverColor: o,
+		dimensionValue: e.dimension,
+		dimensionFormatter: u,
+		imageValue: e.image ?? void 0,
+		measure1Value: e.measure1,
+		measure1Label: a.measures[0]?.filterValueLabel,
+		measure1Formatter: f,
+		measure2Value: e.measure2,
+		measure2Label: a.measures[1]?.filterValueLabel,
+		measure2Formatter: p,
+		maxValue: _?.measure1,
+		imageFit: d,
+		doneRenderingCallback: v,
+		fontStyle: a.filterSettings?.fontStyle,
+		progressBarColor: a.filterSettings?.filterStyle?.progressBarColor,
+		responsive: a.filterSettings?.responsive
+	}, String(e.dimension)))] });
+}, Oe = h({
+	rowWrapper: (e) => ({
+		userSelect: "none",
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "space-between",
+		boxSizing: "border-box",
+		height: 28,
+		padding: 4,
+		borderRadius: 5,
+		...e && {
+			[N.md]: { height: 24 },
+			[N.sm]: {
+				height: 20,
+				padding: "2px 4px"
+			},
+			[N.xs]: {
+				height: 16,
+				padding: "1px 4px"
+			}
+		},
+		"& > span": {
+			flexShrink: 0,
+			maxWidth: "100%",
+			...E.overflowEllipsis
+		}
+	}),
+	rowWrapperClickable: {
+		"&:hover": { backgroundColor: "var(--filter-hover-color)" },
+		cursor: "pointer"
+	},
+	rowWrapperStartAligned: { justifyContent: "flex-start" },
+	rowSelected: {
+		backgroundColor: "var(--filter-hover-color)",
+		"& > span": { maxWidth: "calc(100% - 20px)" }
+	},
+	rowApplied: {
+		backgroundColor: "initial",
+		"& > span": {
+			color: `${o.mainDarkNavy} !important`,
+			maxWidth: "calc(100% - 20px)"
+		}
+	},
+	rowDisabled: { "& span": { color: `${o.grey3} !important` } },
+	label: (e) => ({ ...I(e) })
+}), $ = ({ selected: e, applied: t, disabled: n, hoverColor: r, dimensionValue: i, dimensionFormatter: s, searchTerm: c, onSelect: l, fontStyle: u, responsive: d, showCheckbox: f, showSelectionIcon: p = !0, checkboxState: h = "none", alignContentStart: _, fontSize: v }) => {
+	let y = Oe(d), b = g()?.astrato ?? a, x = z(i, s), S = (0, Y.useContext)(X), C = (S.pendingOperator ?? S.appliedOperator) === U.FilterOperator.NotInList, w = C && t && e, T = K({
+		...u,
+		strikethrough: w
+	}, b);
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		tabIndex: 0,
+		role: "button",
+		onClick: l,
+		"data-testid": `small-list-item-dimension-${i}`,
+		className: m({
+			[y.rowWrapper]: !0,
+			[y.rowWrapperClickable]: !!l,
+			[y.rowWrapperStartAligned]: _,
+			[y.rowSelected]: e,
+			[y.rowApplied]: t && !e,
+			[y.rowDisabled]: n
+		}),
+		style: { "--filter-hover-color": r ?? o.grey5 },
+		children: [
+			f ? /* @__PURE__ */ (0, Z.jsx)("div", {
+				"aria-hidden": !0,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					flexShrink: 0,
+					marginRight: 6,
+					pointerEvents: "none"
+				},
+				children: /* @__PURE__ */ (0, Z.jsx)(R, {
+					value: h,
+					onChange: () => void 0
+				})
+			}) : null,
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				className: y.label,
+				style: {
+					...T,
+					...v ? {
+						fontSize: v,
+						lineHeight: "14px"
+					} : {}
+				},
+				children: /* @__PURE__ */ (0, Z.jsx)(L, {
+					phrase: c ?? "",
+					children: x ?? ""
+				})
+			}),
+			f ? null : /* @__PURE__ */ (0, Z.jsx)(be, {
+				disabled: n,
+				isApplied: t,
+				isSelected: p && e,
+				isNot: C,
+				fontColor: u?.fontColor ?? void 0
+			})
+		]
+	});
+}, ke = ({ filterValues: e, onItemClick: t, selectedValues: n, appliedValues: r, searchTerm: i, vSpec: a, hoverColor: o }) => {
+	let s = a.dimensions[0]?.formatter;
+	if (!a?.dimensions[0]?.dataItem) return null;
+	let [c, l] = B(e, r), u = (e, r) => {
+		switch (!0) {
+			case n.includes(e.dimension):
+				t(e.dimension);
+				break;
+			case e.disabled: break;
+			default: t(e.dimension, { shift: r.shiftKey ? [...c, ...l].reduce((e, t) => (t.disabled || e.push(t.dimension), e), []) : null });
+		}
+	};
+	return /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [c.map((e) => /* @__PURE__ */ (0, Z.jsx)($, {
+		searchTerm: i,
+		disabled: !!e.disabled,
+		dimensionValue: e.dimension,
+		dimensionFormatter: s,
+		onSelect: (t) => u(e, t),
+		selected: n.indexOf(e.dimension) !== -1,
+		applied: !0,
+		hoverColor: o,
+		fontStyle: a.filterSettings?.fontStyle,
+		responsive: a.filterSettings?.responsive
+	}, `applied-${e.dimension}`)), l.map((e) => /* @__PURE__ */ (0, Z.jsx)($, {
+		searchTerm: i,
+		disabled: !!e.disabled,
+		dimensionValue: e.dimension,
+		dimensionFormatter: s,
+		onSelect: (t) => u(e, t),
+		selected: n.indexOf(e.dimension) !== -1,
+		applied: !1,
+		hoverColor: o,
+		fontStyle: a.filterSettings?.fontStyle,
+		responsive: a.filterSettings?.responsive
+	}, `not-applied-${e.dimension}`))] });
+}, Ae = h({ dropdownContainer: {
+	overflow: "hidden",
+	backdropFilter: "blur(1.25px)",
+	zIndex: 1500
+} }), je = ({ children: e, filterStyle: t, isLocked: n }) => {
+	let r = Ae(), i = q(t, n);
+	return /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: r.dropdownContainer,
+		style: i,
+		children: e
+	});
+}, Me = h({ root: {
+	background: o.grey5,
+	height: 2,
+	"& .MuiLinearProgress-bar": { background: o.mainDarkNavy }
+} }), Ne = ({ loading: e }) => {
+	let t = Me();
+	return e ? /* @__PURE__ */ (0, Z.jsx)(ae, {
+		className: t.root,
+		"data-testid": "filter-search-progress"
+	}) : null;
+}, Pe = h({
+	dropdownButton: (e) => ({
+		cursor: "pointer",
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "space-between",
+		padding: 8,
+		height: "min(40px, 100%)",
+		backdropFilter: "blur(1.25px)",
+		"&:hover, &:focus": {
+			boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
+			outline: "none"
+		},
+		...e && {
+			[N.lg]: { height: "min(28px, 100%)" },
+			[N.md]: {
+				padding: "0 4px",
+				height: "min(24px, 100%)"
+			},
+			[N.sm]: {
+				padding: "0 2px",
+				height: "min(20px, 100%)"
+			},
+			[N.xs]: {
+				padding: 0,
+				height: "min(16px, 100%)"
+			}
+		}
+	}),
+	headerTitlesContainer: {
+		color: o.grey1,
+		display: "flex",
+		alignItems: "center",
+		width: "100%",
+		minWidth: 0
+	},
+	title: (e) => ({
+		fontWeight: "bold !important",
+		flexShrink: 1,
+		minWidth: 0,
+		...E.overflowEllipsis,
+		...I(e)
+	}),
+	measureTitle: {
+		...E.overflowEllipsis,
+		minWidth: 0,
+		flexShrink: 1,
+		whiteSpaceCollapse: "preserve"
+	},
+	valuesLabel: {
+		...E.overflowEllipsis,
+		paddingLeft: 4,
+		fontWeight: "bold !important",
+		minWidth: 0,
+		flexShrink: 1
+	},
+	expandIcon: (e) => ({
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		boxSizing: "border-box",
+		...e && M
+	}),
+	notPart: (e) => ({ ...J(e) })
+}), Fe = ({ dimensionTitle: e, measureTitle: t, isOpen: n, onToggle: r, dimensionFormatter: i, selectedValues: o = [], fontStyle: s, filterStyle: c, responsive: l, isLocked: u }) => {
+	let d = g()?.astrato ?? a, f = Pe(l), p = (0, Y.useContext)(X), m = (p.pendingOperator ?? p.appliedOperator) === U.FilterOperator.NotInList, h = {
+		button: q(c),
+		label: K(s, d)
+	}, _ = h.label.color, v = (e) => String(typeof e == "boolean" ? e : i ? C(i, e) : e), y = [...o].sort().slice(0, 15).map(v).join(", "), b = o.length > 0;
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		role: "button",
+		tabIndex: 0,
+		"data-testid": "filter-header-dropdown",
+		className: f.dropdownButton,
+		onClick: (e) => {
+			e.currentTarget.blur(), r?.();
+		},
+		onKeyUp: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.stopPropagation(), e.preventDefault(), r?.());
+		},
+		style: h.button,
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+			className: f.headerTitlesContainer,
+			style: { color: _ },
+			children: [
+				u && /* @__PURE__ */ (0, Z.jsx)(A, {
+					fill: "currentColor",
+					style: { marginRight: 8 }
+				}),
+				m && /* @__PURE__ */ (0, Z.jsx)("div", {
+					className: f.notPart,
+					children: "NOT"
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("div", {
+					className: f.title,
+					style: h.label,
+					children: e
+				}),
+				/* @__PURE__ */ (0, Z.jsxs)("div", {
+					className: f.title,
+					style: {
+						...h.label,
+						display: "flex"
+					},
+					children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: f.measureTitle,
+						children: t
+					}), b && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						className: f.valuesLabel,
+						children: [" ", y]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, Z.jsx)("div", {
+			className: f.expandIcon,
+			style: { color: _ },
+			children: n ? /* @__PURE__ */ (0, Z.jsx)(k, {
+				size: 24,
+				fill: "currentColor"
+			}) : /* @__PURE__ */ (0, Z.jsx)(j, {
+				size: 24,
+				fill: "currentColor"
+			})
+		})]
+	});
+}, Ie = h({
+	headerListbox: (e) => ({
+		height: 36,
+		margin: "0 12px 8px",
+		display: "flex",
+		alignItems: "center",
+		boxSizing: "border-box",
+		...e && {
+			[N.md]: {
+				height: 32,
+				margin: "0 12px 6px"
+			},
+			[N.sm]: {
+				height: 28,
+				margin: "0 12px 4px"
+			},
+			[N.xs]: {
+				height: 24,
+				margin: "0 12px"
+			}
+		}
+	}),
+	headerListboxSearch: { flexGrow: 1 },
+	headerTitlesContainer: {
+		minWidth: 0,
+		color: o.grey1,
+		cursor: "pointer",
+		flexGrow: 1,
+		flexShrink: 1,
+		display: "flex",
+		alignItems: "center"
+	},
+	title: (e) => ({
+		...E.overflowEllipsis,
+		fontWeight: "bold !important",
+		...I(e)
+	}),
+	iconButton: (e) => ({
+		...e && M,
+		cursor: "pointer",
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		minWidth: 22,
+		width: 22,
+		height: 22,
+		padding: 0,
+		border: "none",
+		borderRadius: 6,
+		backgroundColor: "transparent",
+		color: "inherit",
+		lineHeight: 0,
+		"&:hover": { boxShadow: "inset 0 0 0 1px currentColor" },
+		"&:focus": { outline: "none" },
+		...e && {
+			[N.md]: {
+				minWidth: 20,
+				width: 20,
+				height: 20,
+				borderRadius: 5
+			},
+			[N.sm]: {
+				minWidth: 16,
+				width: 16,
+				height: 16,
+				borderRadius: 4
+			},
+			[N.xs]: {
+				minWidth: 12,
+				width: 12,
+				height: 12,
+				borderRadius: 3
+			}
+		}
+	}),
+	notPart: (e) => ({ ...J(e) })
+}), Le = ({ children: e, dimensionTitle: t, measureTitle: n, searchEnabled: r, searchTerm: i, onSearchChange: o, onApplySearched: s, fontStyle: c, vTheme: l = a, isNotEnabled: u, responsive: d, isLocked: f }) => {
+	let p = Ie(d), m = K(c, l), h = m.color, [g, _] = (0, Y.useState)(!1);
+	(0, Y.useEffect)(() => {
+		!r && i && o("");
+	}, [r]);
+	let v = () => {
+		r && _(!0);
+	}, y = () => {
+		o(""), _(!1);
+	}, b = () => {
+		s();
+	};
+	return r ? /* @__PURE__ */ (0, Z.jsx)("div", {
+		"data-testid": "filter-header-title",
+		className: p.headerListbox,
+		style: { color: h },
+		children: g ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(ie, {
+			responsive: d,
+			autoFocus: !0,
+			className: p.headerListboxSearch,
+			"data-testid": "filter-search-input",
+			onChange: (e) => {
+				o(e.target.value);
+			},
+			style: {
+				color: h,
+				borderColor: h
+			},
+			onPaste: H(o),
+			onKeyDown: (e) => {
+				switch (e.key) {
+					case "Enter":
+						b();
+						break;
+					case "Escape":
+						y(), o("");
+						break;
+				}
+			},
+			value: i
+		}), e] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+			/* @__PURE__ */ (0, Z.jsx)("button", {
+				"data-testid": "filter-header-show-search-button",
+				onClick: v,
+				className: p.iconButton,
+				style: { marginRight: 8 },
+				children: /* @__PURE__ */ (0, Z.jsx)(w, {
+					fill: "currentColor",
+					size: 20
+				})
+			}),
+			f && /* @__PURE__ */ (0, Z.jsx)(A, {
+				fill: "currentColor",
+				style: { marginRight: 8 }
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
+				onClick: v,
+				className: p.headerTitlesContainer,
+				children: [
+					u && /* @__PURE__ */ (0, Z.jsx)("div", {
+						className: p.notPart,
+						children: "NOT"
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: p.title,
+						style: m,
+						children: t
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: p.title,
+						style: {
+							...m,
+							whiteSpaceCollapse: "preserve"
+						},
+						children: n
+					})
+				]
+			}),
+			e
+		] })
+	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
+		"data-testid": "filter-header-title",
+		className: p.headerListbox,
+		style: { color: h },
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+			className: p.headerTitlesContainer,
+			children: [
+				u && /* @__PURE__ */ (0, Z.jsx)("div", {
+					className: p.notPart,
+					children: "NOT"
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: p.title,
+					style: m,
+					children: t
+				}),
+				/* @__PURE__ */ (0, Z.jsx)("span", {
+					className: p.title,
+					style: {
+						...m,
+						whiteSpaceCollapse: "preserve"
+					},
+					children: n
+				})
+			]
+		}), e]
+	});
+}, Re = h({
+	container: ({ responsive: e, isDropdown: t }) => ({
+		margin: 0,
+		padding: 0,
+		...!t && {
+			height: "calc(100% - 44px)",
+			...e && {
+				[N.sm]: { height: "calc(100% - 36px)" },
+				[N.xs]: { height: "calc(100% - 32px)" }
+			}
+		}
+	}),
+	scrollContainer: ({ responsive: e }) => ({
+		..._.propertiesPanel,
+		padding: "0 12px",
+		...e && {
+			[N.md]: { padding: "0 8px" },
+			[N.sm]: { padding: "0 6px" },
+			[N.xs]: { padding: "0 4px" }
+		}
+	})
+}), ze = ({ children: e, loadMoreData: t, isDropdown: n = !1, hasSearch: r = !1, responsive: i }) => {
+	let a = Re({
+		responsive: i,
+		isDropdown: n
+	});
+	return /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: a.container,
+		"data-testid": "list-container",
+		style: {
+			paddingTop: n && !r ? 8 : void 0,
+			paddingBottom: n ? 8 : void 0
+		},
+		children: /* @__PURE__ */ (0, Z.jsx)("div", {
+			className: a.scrollContainer,
+			style: {
+				height: n ? void 0 : "100%",
+				maxHeight: n ? 330 - (r ? 40 : 0) : void 0
+			},
+			onScroll: (e) => {
+				let { scrollHeight: n, clientHeight: r, scrollTop: i } = e.currentTarget;
+				oe(n, r, i) && t();
+			},
+			children: e
+		})
+	});
+}, Be = h({
+	mainFilterContainer: {
+		width: "100%",
+		height: "100%",
+		overflow: "hidden"
+	},
+	blurBackground: { backdropFilter: "blur(1.25px)" },
+	noBorder: { border: "none !important" }
+}), Ve = ({ children: e, noBorder: t, blurBackground: n, filterStyle: r, fontSize: i }) => {
+	let a = Be(), o = q(r);
+	return /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: m({
+			[a.mainFilterContainer]: !0,
+			[a.noBorder]: t,
+			[a.blurBackground]: n
+		}),
+		style: {
+			...o,
+			fontSize: i ? `${i}px` : void 0
+		},
+		children: e
+	});
+};
+export { ce as _, Ne as a, $ as c, X as d, he as f, ue as g, H as h, Fe as i, De as l, fe as m, ze as n, je as o, me as p, Le as r, ke as s, Ve as t, Q as u, oe as v };