@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/filtering-Yq4DEa0t.js

@@ -0,0 +1,953 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Oa as t, Sr as n, Ta as r, Wn as i, Xr as a, Yn as o, ba as s, ds as c, fa as l, n as u, qo as d, t as f, ui as p, xa as m } from "./interfaces-VUY4_yVO.js";
+import { G as h, K as g, Ki as _, Nn as v, Sr as y, bi as b, d as x, gi as S, pi as C, pn as w, pr as T, wi as E, yi as D } from "./utils-Ba9T0TqC.js";
+import { _ as O, g as ee, h as te, n as ne, v as k } from "./ui-D1HQNIBy.js";
+import { C as A, S as j, w as M } from "./_baseFlatten-DPXPOrea.js";
+import { o as N, r as re } from "./Radio-Ciu-F4CU.js";
+import { t as ie } from "./LinearProgress-CUZ0D8_t.js";
+var P = (e, t, n) => Math.ceil(t) + Math.ceil(n) >= Math.floor(e) && n > 0, F = (e, t) => t && !a(t) ? String(w(t, e)) : e === !0 ? "True" : e === !1 ? "False" : e === null ? "-" : String(e), ae = /* @__PURE__ */ e(ne()), I = (e, t) => {
+	let [n, r] = (0, ae.default)(e, (e) => t.indexOf(e.dimension) !== -1);
+	return [n, r];
+}, oe = (e) => [o(e?.dimensions[0]) ?? (e?.dimensions[0]?.label || e?.dimensions[0]?.dataItem.name || "Sample"), e?.measures[0] && e?.filterSettings?.showMeasureLabel ? ` | ${o(e?.measures[0]) || e?.measures[0]?.label || e?.measures[0]?.dataItem.name}` : null], L = (e) => async (t) => {
+	t.preventDefault(), t.stopPropagation(), e((t.clipboardData.getData("Text") || await navigator.clipboard.readText()).replaceAll("\r\n", "	").replaceAll("\r", "	").replaceAll("\n", "	"));
+}, R = c(), se = (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];
+}, z = p("getToRangeSelectionHandler", "#cbacba"), ce = (e, t) => async () => {
+	let n = e.selection.getActiveSelection(R.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 = R.FilterOperator.Between;
+		r.pending.push({
+			operator: n,
+			field: {
+				name: t.name,
+				view: t.view,
+				schema: t.schema
+			},
+			values: []
+		}), e.selection.setNewSelectionState(r);
+		return;
+	}
+	if (i.operator = i.operator === R.FilterOperator.InList ? R.FilterOperator.Between : R.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) {
+			z.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) {
+			z.error("There is something wrong with the min/max data");
+			return;
+		}
+		return i.values = [s, c], e.selection.setNewSelectionState(r, R.FilterType.VALUE), i.operator;
+	}
+	return i.values = se(i.values), e.selection.setNewSelectionState(r, R.FilterType.VALUE), i.operator;
+}, B = p("getToValueSelectionHandler", "#cbacba"), le = i(n()), V = (e, t, n, r, i) => async () => {
+	let a = n ?? le, o = e.selection.getActiveSelection(R.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) {
+		B.warn("There was no selection connected to clicked field!", JSON.stringify(t));
+		return;
+	}
+	if (r) return c.operator = R.FilterOperator.InList, c.values = [], delete c.dynamicDateRange, delete c.dynamicDateCalcRange, e.selection.setNewSelectionState(s, R.FilterType.VALUE), c.operator;
+	if ([R.FilterOperator.InList, R.FilterOperator.NotInList].includes(c.operator)) return c.operator;
+	if ([R.FilterOperator.Like, R.FilterOperator.NotLike].includes(c.operator)) {
+		let n = c.values;
+		if (c.operator = c.operator === R.FilterOperator.Like ? R.FilterOperator.InList : R.FilterOperator.NotInList, n?.length) {
+			let r = {
+				dimensions: [{ fieldKey: t.key }],
+				limit: a + 1,
+				measures: [],
+				filters: [{
+					fieldKey: t.key,
+					operator: R.FilterOperator.Like,
+					values: n
+				}]
+			}, o = e.engine;
+			if (!o) {
+				B.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, R.FilterType.VALUE), i?.(c.operator, String(n[0] ?? "")), c.operator;
+			c.values = Object.values(l).flat();
+		}
+		return e.selection.setNewSelectionState(s, R.FilterType.VALUE), c.operator;
+	}
+	c.operator = c.operator === R.FilterOperator.Between ? R.FilterOperator.InList : R.FilterOperator.NotInList;
+	let l = {
+		dimensions: [{ fieldKey: t.key }],
+		limit: a,
+		measures: [],
+		filters: []
+	};
+	c.values && (l.filters?.push({
+		fieldKey: t.key,
+		operator: R.FilterOperator.Between,
+		values: c.values
+	}), l.limit = a + 1);
+	let u = e.engine;
+	if (!u) {
+		B.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(R.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, R.FilterType.VALUE), c.operator);
+}, H = (e, t) => (n) => {
+	let r = e.selection.getActiveSelection(R.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 = R.FilterOperator.Like;
+		return i.pending.push({
+			operator: n,
+			field: {
+				name: t.name,
+				view: t.view,
+				schema: t.schema
+			},
+			values: a
+		}), e.selection.setNewSelectionState(i), n;
+	}
+	return o.operator === R.FilterOperator.InList ? (o.operator = R.FilterOperator.Like, o.values = a) : o.operator === R.FilterOperator.NotInList ? (o.operator = R.FilterOperator.NotLike, o.values = a) : (o.operator = o.operator === R.FilterOperator.NotLike ? R.FilterOperator.NotLike : R.FilterOperator.Like, o.values = a.length ? a : o.values), e.selection.setNewSelectionState(i, R.FilterType.VALUE), o.operator;
+}, U = (e, t) => ({
+	fontFamily: m(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)
+}), W = (e) => e === d.Line ? "solid" : "dashed", G = (e, t) => {
+	let { backgroundColor: n, borderColor: r, borderEnabled: i, borderRadius: a, borderStyle: o, borderWidth: s } = {
+		...l,
+		...e
+	}, c = "0px";
+	return i && (c = `${a}px`, t && (c = `${a}px ${a}px 0 0`)), {
+		backgroundColor: n,
+		border: i ? `${s}px ${W(o)} ${r}` : "none",
+		borderRadius: c
+	};
+};
+function K(e) {
+	return {
+		boxSizing: "border-box",
+		alignItems: "center",
+		cursor: "pointer",
+		height: 24,
+		padding: "3px 6px",
+		border: `1px solid ${t.grey4}`,
+		borderRadius: 16,
+		display: "flex",
+		marginRight: 4,
+		flexShrink: 0,
+		backgroundColor: t.mainBrightPink,
+		color: t.white,
+		...u.bold11,
+		...u.overflowEllipsis,
+		"&:hover": { borderColor: t.grey2 },
+		...e && {
+			[M.md]: {
+				height: 20,
+				padding: "2px 6px",
+				...u.bold10
+			},
+			[M.sm]: {
+				height: 16,
+				padding: "1px 4px",
+				...u.normal10
+			},
+			[M.xs]: {
+				height: 12,
+				padding: "0px 4px",
+				fontSize: 8,
+				lineHeight: "10px"
+			}
+		}
+	};
+}
+var q = /* @__PURE__ */ e(_()), J = (0, q.createContext)({});
+q.forwardRef(function(e, t) {
+	return q.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 ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de = (e, t, n, r, i, a) => {
+	let o = "";
+	if (e) {
+		t && (o += `${t}: `);
+		let r = F(e, n);
+		o += r;
+	}
+	if (r) {
+		e && (o += " | "), i && (o += `${i}: `);
+		let t = F(r, a);
+		o += t;
+	}
+	return o;
+}, Y = E(), X = h({ iconContainer: {
+	width: 16,
+	flexShrink: 0
+} }), Z = ({ disabled: e, isApplied: n, isSelected: r, isNot: i, fontColor: a }) => {
+	let o = X(), s = a ?? (n ? t.mainDarkNavy : void 0);
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: o.iconContainer,
+		style: { opacity: e ? .25 : void 0 },
+		children: [r && i ? /* @__PURE__ */ (0, Y.jsx)(C, { fill: t.mainBrightPink }) : null, r && !i ? /* @__PURE__ */ (0, Y.jsx)(b, { fill: s }) : null]
+	});
+}, fe = (e) => {
+	let { r: t, g: n, b: r, a: i } = ee(e) ? te(e) : k(e), a = (i ?? 1) * .6;
+	return O({
+		r: t,
+		g: n,
+		b: r,
+		a: a < 0 ? 0 : a
+	});
+}, pe = h({
+	progressBar: {
+		height: "100%",
+		borderRadius: "4px",
+		position: "absolute",
+		bottom: 1,
+		top: 1
+	},
+	progressBarSelectedOrApplied: { color: t.mainDarkNavy },
+	labelsContainer: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center",
+		width: "100%",
+		height: "100%",
+		overflow: "hidden",
+		position: "relative",
+		"&:hover": {
+			color: t.mainDarkNavy,
+			"& > div": { backgroundColor: t.grey5 }
+		}
+	},
+	label: (e) => ({
+		...u.normal11,
+		...u.overflowEllipsis,
+		color: "inherit",
+		marginRight: "5px",
+		height: "100%",
+		zIndex: 1,
+		display: "inline-flex",
+		alignItems: "center",
+		...j(e)
+	}),
+	dimensionLabel: {
+		paddingLeft: 4,
+		flexGrow: 1,
+		flexShrink: 0
+	},
+	measuresLabel: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	rowDisabled: { color: t.grey3 }
+}), me = ({ dimensionDisplayValue: e, measuresLabel: n, showLabelProgress: i, isSelected: a, isApplied: o, disabled: s, searchTerm: c, barWidth: l, fontStyle: u, progressColor: d = t.lightBlue, textAlign: f, responsive: p }) => {
+	let m = pe(p), h = {
+		...U(u, g()?.astrato ?? r),
+		...f ? {
+			textAlign: f,
+			justifyContent: f === "right" ? "flex-end" : f === "center" ? "center" : "flex-start"
+		} : {}
+	}, _ = a || o ? d : fe(d);
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: v({
+			[m.labelsContainer]: !0,
+			[m.progressBarSelectedOrApplied]: a || o
+		}),
+		children: [
+			i && /* @__PURE__ */ (0, Y.jsx)("div", {
+				style: {
+					width: `${l * 100}%`,
+					backgroundColor: _
+				},
+				className: v({
+					[m.progressBar]: !0,
+					[m.rowDisabled]: s
+				}),
+				"data-testid": "item-list-label-progress"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				style: h,
+				className: v(m.label, m.dimensionLabel),
+				title: e,
+				children: /* @__PURE__ */ (0, Y.jsx)(N, {
+					phrase: c ?? "",
+					children: e ?? ""
+				})
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				style: h,
+				className: v(m.label, m.measuresLabel),
+				children: n
+			})
+		]
+	});
+}, he = h({
+	rowWrapper: (e) => ({
+		cursor: "pointer",
+		userSelect: "none",
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		height: "32px",
+		boxSizing: "border-box",
+		borderRadius: 6,
+		paddingRight: 8,
+		...e && {
+			[M.md]: {
+				height: "24px",
+				paddingRight: 6
+			},
+			[M.sm]: {
+				height: "20px",
+				paddingRight: 4
+			},
+			[M.xs]: {
+				height: "16px",
+				paddingRight: 2
+			}
+		}
+	}),
+	rowSelected: { backgroundColor: "var(--filter-hover-color)" },
+	rowHover: { "&:hover": { backgroundColor: "var(--filter-hover-color)" } },
+	rowApplied: {
+		backgroundColor: "initial",
+		"& > div > span": { color: `${t.mainDarkNavy} !important` }
+	},
+	rowDisabled: { "& span": { color: `${t.grey3} !important` } }
+}), Q = ({ selected: e, applied: n, disabled: r, hoverColor: i, onSelect: a, showProgressBar: o, searchTerm: s, doneRenderingCallback: c, dimensionValue: l, dimensionFormatter: u, imageValue: d, measure1Value: f, measure1Label: p, measure1Formatter: m, measure2Value: h, measure2Label: g, measure2Formatter: _, maxValue: y, imageFit: b, fontStyle: x, progressBarColor: S, responsive: C }) => {
+	let w = he(C), T = !!d, E = o && f !== void 0 && !h, D = F(l, u), O = de(f, p, m, h, g, _);
+	return (0, q.useEffect)(() => {
+		T || c?.();
+	}, []), /* @__PURE__ */ (0, Y.jsxs)("div", {
+		tabIndex: 0,
+		role: "button",
+		onClick: a,
+		"data-testid": `big-list-item-dimension-${l}`,
+		className: v({
+			[w.rowWrapper]: !0,
+			[w.rowHover]: !E,
+			[w.rowSelected]: !E && e,
+			[w.rowApplied]: n && !r,
+			[w.rowDisabled]: r
+		}),
+		style: { "--filter-hover-color": i ?? t.grey5 },
+		children: [
+			T && /* @__PURE__ */ (0, Y.jsx)("img", {
+				alt: "",
+				width: 32,
+				height: 32,
+				src: d,
+				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", c?.();
+				},
+				style: {
+					borderRadius: 6,
+					marginRight: 8,
+					objectFit: `${b ?? "contain"}`
+				},
+				"data-testid": `big-list-item-dimension-${l}-image`,
+				onLoad: c,
+				loading: "lazy"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(me, {
+				dimensionDisplayValue: D,
+				measuresLabel: O,
+				showLabelProgress: E,
+				progressColor: S,
+				isApplied: n,
+				isSelected: e,
+				disabled: r,
+				searchTerm: s,
+				barWidth: ue(f, y),
+				fontStyle: x,
+				responsive: C
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(Z, {
+				disabled: r,
+				isApplied: n,
+				isSelected: e,
+				fontColor: x?.fontColor ?? void 0
+			})
+		]
+	});
+}, ge = (e) => {
+	let t = [...e].sort((e, t) => _e(e?.measure1 ?? void 0, t?.measure1 ?? void 0)), n = t.length > 0 ? t[0] : null;
+	return typeof n?.measure1 == "number" ? n : null;
+}, _e = (e, t) => {
+	if (e && t) {
+		if (e < t) return 1;
+		if (e > t) return -1;
+	} else if (e && !t) return -1;
+	return 0;
+}, ve = ({ filterValues: e, onItemClick: t, selectedValues: n, appliedValues: r, searchTerm: i, vSpec: a, hoverColor: o }) => {
+	let s = (0, q.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] = I(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 });
+		}
+	}, _ = ge(e), v = s.current > 0 ? l : void 0;
+	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [m.map((e) => /* @__PURE__ */ (0, Y.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, Y.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)))] });
+}, ye = h({
+	rowWrapper: (e) => ({
+		userSelect: "none",
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "space-between",
+		boxSizing: "border-box",
+		height: 28,
+		padding: 4,
+		borderRadius: 5,
+		...e && {
+			[M.md]: { height: 24 },
+			[M.sm]: {
+				height: 20,
+				padding: "2px 4px"
+			},
+			[M.xs]: {
+				height: 16,
+				padding: "1px 4px"
+			}
+		},
+		"& > span": {
+			flexShrink: 0,
+			maxWidth: "100%",
+			...u.overflowEllipsis
+		}
+	}),
+	rowWrapperClickable: {
+		"&:hover": { backgroundColor: "var(--filter-hover-color)" },
+		cursor: "pointer"
+	},
+	rowSelected: {
+		backgroundColor: "var(--filter-hover-color)",
+		"& > span": { maxWidth: "calc(100% - 20px)" }
+	},
+	rowApplied: {
+		backgroundColor: "initial",
+		"& > span": {
+			color: `${t.mainDarkNavy} !important`,
+			maxWidth: "calc(100% - 20px)"
+		}
+	},
+	rowDisabled: { "& span": { color: `${t.grey3} !important` } },
+	label: (e) => ({ ...j(e) })
+}), $ = ({ selected: e, applied: n, disabled: i, hoverColor: a, dimensionValue: o, dimensionFormatter: s, searchTerm: c, onSelect: l, fontStyle: u, responsive: d }) => {
+	let f = ye(d), p = g()?.astrato ?? r, m = F(o, s), h = (0, q.useContext)(J), _ = (h.pendingOperator ?? h.appliedOperator) === R.FilterOperator.NotInList, y = _ && n && e, b = U({
+		...u,
+		strikethrough: y
+	}, p);
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		tabIndex: 0,
+		role: "button",
+		onClick: l,
+		"data-testid": `small-list-item-dimension-${o}`,
+		className: v({
+			[f.rowWrapper]: !0,
+			[f.rowWrapperClickable]: !!l,
+			[f.rowSelected]: e,
+			[f.rowApplied]: n && !e,
+			[f.rowDisabled]: i
+		}),
+		style: { "--filter-hover-color": a ?? t.grey5 },
+		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+			className: f.label,
+			style: b,
+			children: /* @__PURE__ */ (0, Y.jsx)(N, {
+				phrase: c ?? "",
+				children: m ?? ""
+			})
+		}), /* @__PURE__ */ (0, Y.jsx)(Z, {
+			disabled: i,
+			isApplied: n,
+			isSelected: e,
+			isNot: _,
+			fontColor: u?.fontColor ?? void 0
+		})]
+	});
+}, be = ({ 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] = I(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, Y.jsxs)(Y.Fragment, { children: [c.map((e) => /* @__PURE__ */ (0, Y.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, Y.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}`))] });
+}, xe = h({ dropdownContainer: {
+	overflow: "hidden",
+	backdropFilter: "blur(1.25px)",
+	zIndex: 1500
+} }), Se = ({ children: e, filterStyle: t, isLocked: n }) => {
+	let r = xe(), i = G(t, n);
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		className: r.dropdownContainer,
+		style: i,
+		children: e
+	});
+}, Ce = h({ root: {
+	background: t.grey5,
+	height: 2,
+	"& .MuiLinearProgress-bar": { background: t.mainDarkNavy }
+} }), we = ({ loading: e }) => {
+	let t = Ce();
+	return e ? /* @__PURE__ */ (0, Y.jsx)(ie, {
+		className: t.root,
+		"data-testid": "filter-search-progress"
+	}) : null;
+}, Te = 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 && {
+			[M.lg]: { height: "min(28px, 100%)" },
+			[M.md]: {
+				padding: "0 4px",
+				height: "min(24px, 100%)"
+			},
+			[M.sm]: {
+				padding: "0 2px",
+				height: "min(20px, 100%)"
+			},
+			[M.xs]: {
+				padding: 0,
+				height: "min(16px, 100%)"
+			}
+		}
+	}),
+	headerTitlesContainer: {
+		color: t.grey1,
+		display: "flex",
+		alignItems: "center",
+		width: "100%",
+		minWidth: 0
+	},
+	title: (e) => ({
+		fontWeight: "bold !important",
+		flexShrink: 1,
+		minWidth: 0,
+		...u.overflowEllipsis,
+		...j(e)
+	}),
+	valuesLabel: {
+		...u.overflowEllipsis,
+		paddingLeft: 4,
+		fontWeight: "bold !important"
+	},
+	expandIcon: (e) => ({
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		boxSizing: "border-box",
+		...e && A
+	}),
+	notPart: (e) => ({ ...K(e) })
+}), Ee = ({ dimensionTitle: e, measureTitle: t, isOpen: n, onToggle: i, dimensionFormatter: a, selectedValues: o = [], fontStyle: s, filterStyle: c, responsive: l, isLocked: u }) => {
+	let d = g()?.astrato ?? r, f = Te(l), p = (0, q.useContext)(J), m = (p.pendingOperator ?? p.appliedOperator) === R.FilterOperator.NotInList, h = {
+		button: G(c),
+		label: U(s, d)
+	}, _ = h.label.color, v = (e) => String(typeof e == "boolean" ? e : a ? w(a, e) : e), b = [...o].sort().slice(0, 15).map(v).join(", "), x = o.length > 0;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		role: "button",
+		tabIndex: 0,
+		"data-testid": "filter-header-dropdown",
+		className: f.dropdownButton,
+		onClick: (e) => {
+			e.currentTarget.blur(), i?.();
+		},
+		onKeyUp: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.stopPropagation(), e.preventDefault(), i?.());
+		},
+		style: h.button,
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: f.headerTitlesContainer,
+			style: { color: _ },
+			children: [
+				u && /* @__PURE__ */ (0, Y.jsx)(y, {
+					fill: "currentColor",
+					style: { marginRight: 8 }
+				}),
+				m && /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: f.notPart,
+					children: "NOT"
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: f.title,
+					style: h.label,
+					children: e
+				}),
+				/* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: f.title,
+					style: {
+						...h.label,
+						display: "flex",
+						flexShrink: 99999
+					},
+					children: [t, x && /* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: f.valuesLabel,
+						children: [" ", b]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: f.expandIcon,
+			style: { color: _ },
+			children: n ? /* @__PURE__ */ (0, Y.jsx)(S, {
+				size: 24,
+				fill: "currentColor"
+			}) : /* @__PURE__ */ (0, Y.jsx)(D, {
+				size: 24,
+				fill: "currentColor"
+			})
+		})]
+	});
+}, De = h({
+	headerListbox: (e) => ({
+		height: 36,
+		margin: "0 12px 8px",
+		display: "flex",
+		alignItems: "center",
+		boxSizing: "border-box",
+		...e && {
+			[M.md]: {
+				height: 32,
+				margin: "0 12px 6px"
+			},
+			[M.sm]: {
+				height: 28,
+				margin: "0 12px 4px"
+			},
+			[M.xs]: {
+				height: 24,
+				margin: "0 12px"
+			}
+		}
+	}),
+	headerListboxSearch: { flexGrow: 1 },
+	headerTitlesContainer: {
+		minWidth: 0,
+		color: t.grey1,
+		cursor: "pointer",
+		flexGrow: 1,
+		flexShrink: 1,
+		display: "flex",
+		alignItems: "center"
+	},
+	title: (e) => ({
+		...u.overflowEllipsis,
+		fontWeight: "bold !important",
+		...j(e)
+	}),
+	iconButton: (e) => ({
+		...e && A,
+		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 && {
+			[M.md]: {
+				minWidth: 20,
+				width: 20,
+				height: 20,
+				borderRadius: 5
+			},
+			[M.sm]: {
+				minWidth: 16,
+				width: 16,
+				height: 16,
+				borderRadius: 4
+			},
+			[M.xs]: {
+				minWidth: 12,
+				width: 12,
+				height: 12,
+				borderRadius: 3
+			}
+		}
+	}),
+	notPart: (e) => ({ ...K(e) })
+}), Oe = ({ children: e, dimensionTitle: t, measureTitle: n, searchEnabled: i, searchTerm: a, onSearchChange: o, onApplySearched: s, fontStyle: c, vTheme: l = r, isNotEnabled: u, responsive: d, isLocked: f }) => {
+	let p = De(d), m = U(c, l), h = m.color, [g, _] = (0, q.useState)(!1);
+	(0, q.useEffect)(() => {
+		!i && a && o("");
+	}, [i]);
+	let v = () => {
+		i && _(!0);
+	}, b = () => {
+		o(""), _(!1);
+	}, x = () => {
+		s();
+	};
+	return i ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		"data-testid": "filter-header-title",
+		className: p.headerListbox,
+		style: { color: h },
+		children: g ? /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)(re, {
+			responsive: d,
+			autoFocus: !0,
+			className: p.headerListboxSearch,
+			"data-testid": "filter-search-input",
+			onChange: (e) => {
+				o(e.target.value);
+			},
+			style: {
+				color: h,
+				borderColor: h
+			},
+			onPaste: L(o),
+			onKeyDown: (e) => {
+				switch (e.key) {
+					case "Enter":
+						x();
+						break;
+					case "Escape":
+						b(), o("");
+						break;
+				}
+			},
+			value: a
+		}), e] }) : /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+			/* @__PURE__ */ (0, Y.jsx)("button", {
+				"data-testid": "filter-header-show-search-button",
+				onClick: v,
+				className: p.iconButton,
+				style: { marginRight: 8 },
+				children: /* @__PURE__ */ (0, Y.jsx)(T, {
+					fill: "currentColor",
+					size: 20
+				})
+			}),
+			f && /* @__PURE__ */ (0, Y.jsx)(y, {
+				fill: "currentColor",
+				style: { marginRight: 8 }
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				onClick: v,
+				className: p.headerTitlesContainer,
+				children: [
+					u && /* @__PURE__ */ (0, Y.jsx)("div", {
+						className: p.notPart,
+						children: "NOT"
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("span", {
+						className: p.title,
+						style: m,
+						children: t
+					}),
+					/* @__PURE__ */ (0, Y.jsx)("span", {
+						className: p.title,
+						style: m,
+						children: n
+					})
+				]
+			}),
+			e
+		] })
+	}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		"data-testid": "filter-header-title",
+		className: p.headerListbox,
+		style: { color: h },
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: p.headerTitlesContainer,
+			children: [
+				u && /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: p.notPart,
+					children: "NOT"
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: p.title,
+					style: m,
+					children: t
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: p.title,
+					style: m,
+					children: n
+				})
+			]
+		}), e]
+	});
+}, ke = h({
+	container: {
+		margin: 0,
+		padding: 0
+	},
+	scrollContainer: (e) => ({
+		...f.propertiesPanel,
+		padding: "0 12px",
+		...e && {
+			[M.md]: { padding: "0 8px" },
+			[M.sm]: { padding: "0 6px" },
+			[M.xs]: { padding: "0 4px" }
+		}
+	})
+}), Ae = ({ children: e, loadMoreData: t, isDropdown: n = !1, hasSearch: r = !1, responsive: i }) => {
+	let a = ke(i);
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		className: a.container,
+		"data-testid": "list-container",
+		style: {
+			height: n ? void 0 : "calc(100% - 44px)",
+			paddingTop: n && !r ? 8 : void 0,
+			paddingBottom: n ? 8 : void 0
+		},
+		children: /* @__PURE__ */ (0, Y.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;
+				P(n, r, i) && t();
+			},
+			children: e
+		})
+	});
+}, je = h({
+	mainFilterContainer: {
+		width: "100%",
+		height: "100%",
+		overflow: "hidden"
+	},
+	blurBackground: { backdropFilter: "blur(1.25px)" },
+	noBorder: { border: "none !important" }
+}), Me = ({ children: e, noBorder: t, blurBackground: n, filterStyle: r, fontSize: i }) => {
+	let a = je(), o = G(r);
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		className: v({
+			[a.mainFilterContainer]: !0,
+			[a.noBorder]: t,
+			[a.blurBackground]: n
+		}),
+		style: {
+			...o,
+			fontSize: i ? `${i}px` : void 0
+		},
+		children: e
+	});
+};
+export { we as a, $ as c, H as d, V as f, P as g, oe as h, Ee as i, ve as l, L as m, Ae as n, Se as o, ce as p, Oe as r, be as s, Me as t, J as u };