@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/{filtering-Yq4DEa0t.js → filtering-tqjAyJH5.js}

@@ -1,38 +1,52 @@
 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);
+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];
-}, 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) => {
+}, 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", "	"));
-}, R = c(), se = (e) => {
+}, 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];
-}, 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);
+}, 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 = R.FilterOperator.Between;
+		let n = U.FilterOperator.Between;
 		r.pending.push({
 			operator: n,
-			field: {
-				name: t.name,
-				view: t.view,
-				schema: t.schema
-			},
+			field: D(e.engine, t),
 			values: []
 		}), e.selection.setNewSelectionState(r);
 		return;
 	}
-	if (i.operator = i.operator === R.FilterOperator.InList ? R.FilterOperator.Between : R.FilterOperator.NotBetween, (i.values ?? []).length === 0) {
+	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: [],
@@ -47,49 +61,49 @@ var P = (e, t, n) => Math.ceil(t) + Math.ceil(n) >= Math.floor(e) && n > 0, F =
 			}]
 		}, a = e.engine;
 		if (!a) {
-			z.error("There is no data engine available");
+			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) {
-			z.error("There is something wrong with the min/max data");
+			W.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 = [s, c], e.selection.setNewSelectionState(r, U.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);
+	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) {
-		B.warn("There was no selection connected to clicked field!", JSON.stringify(t));
+		G.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)) {
+	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 === R.FilterOperator.Like ? R.FilterOperator.InList : R.FilterOperator.NotInList, n?.length) {
+		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: R.FilterOperator.Like,
+					operator: U.FilterOperator.Like,
 					values: n
 				}]
 			}, o = e.engine;
 			if (!o) {
-				B.error("There is no data engine available");
+				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, R.FilterType.VALUE), i?.(c.operator, String(n[0] ?? "")), c.operator;
+			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, R.FilterType.VALUE), c.operator;
+		return e.selection.setNewSelectionState(s, U.FilterType.VALUE), c.operator;
 	}
-	c.operator = c.operator === R.FilterOperator.Between ? R.FilterOperator.InList : R.FilterOperator.NotInList;
+	c.operator = c.operator === U.FilterOperator.Between ? U.FilterOperator.InList : U.FilterOperator.NotInList;
 	let l = {
 		dimensions: [{ fieldKey: t.key }],
 		limit: a,
@@ -98,80 +112,76 @@ var P = (e, t, n) => Math.ceil(t) + Math.ceil(n) >= Math.floor(e) && n > 0, F =
 	};
 	c.values && (l.filters?.push({
 		fieldKey: t.key,
-		operator: R.FilterOperator.Between,
+		operator: U.FilterOperator.Between,
 		values: c.values
 	}), l.limit = a + 1);
 	let u = e.engine;
 	if (!u) {
-		B.error("There is no data engine available");
+		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(R.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+	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, 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);
+	}), 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 = R.FilterOperator.Like;
+		let n = U.FilterOperator.Like;
 		return i.pending.push({
 			operator: n,
-			field: {
-				name: t.name,
-				view: t.view,
-				schema: t.schema
-			},
+			field: D(e.engine, t),
 			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,
+	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)
-}), W = (e) => e === d.Line ? "solid" : "dashed", G = (e, t) => {
+}), ge = (e) => e === r.Line ? "solid" : "dashed", q = (e, t) => {
 	let { backgroundColor: n, borderColor: r, borderEnabled: i, borderRadius: a, borderStyle: o, borderWidth: s } = {
-		...l,
+		...c,
 		...e
-	}, c = "0px";
-	return i && (c = `${a}px`, t && (c = `${a}px ${a}px 0 0`)), {
+	}, l = "0px";
+	return i && (l = `${a}px`, t && (l = `${a}px ${a}px 0 0`)), {
 		backgroundColor: n,
-		border: i ? `${s}px ${W(o)} ${r}` : "none",
-		borderRadius: c
+		border: i ? `${s}px ${ge(o)} ${r}` : "none",
+		borderRadius: l
 	};
 };
-function K(e) {
+function J(e) {
 	return {
 		boxSizing: "border-box",
 		alignItems: "center",
 		cursor: "pointer",
 		height: 24,
 		padding: "3px 6px",
-		border: `1px solid ${t.grey4}`,
+		border: `1px solid ${o.grey4}`,
 		borderRadius: 16,
 		display: "flex",
 		marginRight: 4,
 		flexShrink: 0,
-		backgroundColor: t.mainBrightPink,
-		color: t.white,
-		...u.bold11,
-		...u.overflowEllipsis,
-		"&:hover": { borderColor: t.grey2 },
+		backgroundColor: o.mainBrightPink,
+		color: o.white,
+		...E.bold11,
+		...E.overflowEllipsis,
+		"&:hover": { borderColor: o.grey2 },
 		...e && {
-			[M.md]: {
+			[N.md]: {
 				height: 20,
 				padding: "2px 6px",
-				...u.bold10
+				...E.bold10
 			},
-			[M.sm]: {
+			[N.sm]: {
 				height: 16,
 				padding: "1px 4px",
-				...u.normal10
+				...E.normal10
 			},
-			[M.xs]: {
+			[N.xs]: {
 				height: 12,
 				padding: "0px 4px",
 				fontSize: 8,
@@ -180,46 +190,46 @@ function K(e) {
 		}
 	};
 }
-var q = /* @__PURE__ */ e(_()), J = (0, q.createContext)({});
-q.forwardRef(function(e, t) {
-	return q.createElement("img", {
+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 ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de = (e, t, n, r, i, a) => {
+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 = F(e, n);
+		let r = z(e, n);
 		o += r;
 	}
 	if (r) {
 		e && (o += " | "), i && (o += `${i}: `);
-		let t = F(r, a);
+		let t = z(r, a);
 		o += t;
 	}
 	return o;
-}, Y = E(), X = h({ iconContainer: {
+}, Z = p(), ye = 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,
+} }), 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: [r && i ? /* @__PURE__ */ (0, Y.jsx)(C, { fill: t.mainBrightPink }) : null, r && !i ? /* @__PURE__ */ (0, Y.jsx)(b, { fill: s }) : null]
+		children: [n && r ? /* @__PURE__ */ (0, Z.jsx)(S, { fill: o.mainBrightPink }) : null, n && !r ? /* @__PURE__ */ (0, Z.jsx)(v, { 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({
+}, 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
 	});
-}, pe = h({
+}, Se = h({
 	progressBar: {
 		height: "100%",
 		borderRadius: "4px",
@@ -227,7 +237,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		bottom: 1,
 		top: 1
 	},
-	progressBarSelectedOrApplied: { color: t.mainDarkNavy },
+	progressBarSelectedOrApplied: { color: o.mainDarkNavy },
 	labelsContainer: {
 		display: "flex",
 		flexDirection: "row",
@@ -238,20 +248,31 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		overflow: "hidden",
 		position: "relative",
 		"&:hover": {
-			color: t.mainDarkNavy,
-			"& > div": { backgroundColor: t.grey5 }
+			color: o.mainDarkNavy,
+			"& > div": { backgroundColor: o.grey5 }
 		}
 	},
-	label: (e) => ({
-		...u.normal11,
-		...u.overflowEllipsis,
+	label: ({ responsive: e, fontSize: t }) => ({
+		...E.normal11,
+		...E.overflowEllipsis,
 		color: "inherit",
 		marginRight: "5px",
 		height: "100%",
 		zIndex: 1,
 		display: "inline-flex",
 		alignItems: "center",
-		...j(e)
+		...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,
@@ -262,49 +283,55 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		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"
+	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"
 		} : {}
-	}, _ = a || o ? d : fe(d);
-	return /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: v({
-			[m.labelsContainer]: !0,
-			[m.progressBarSelectedOrApplied]: a || o
+	}, x = r || i ? f : xe(f);
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: m({
+			[v.labelsContainer]: !0,
+			[v.progressBarSelectedOrApplied]: r || i
 		}),
 		children: [
-			i && /* @__PURE__ */ (0, Y.jsx)("div", {
+			n && /* @__PURE__ */ (0, Z.jsx)("div", {
 				style: {
-					width: `${l * 100}%`,
-					backgroundColor: _
+					width: `${u * 100}%`,
+					backgroundColor: x
 				},
-				className: v({
-					[m.progressBar]: !0,
-					[m.rowDisabled]: s
+				className: m({
+					[v.progressBar]: !0,
+					[v.rowDisabled]: c
 				}),
 				"data-testid": "item-list-label-progress"
 			}),
-			/* @__PURE__ */ (0, Y.jsx)("span", {
-				style: h,
-				className: v(m.label, m.dimensionLabel),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				style: b,
+				className: m(v.label, v.dimensionLabel),
 				title: e,
-				children: /* @__PURE__ */ (0, Y.jsx)(N, {
-					phrase: c ?? "",
+				children: /* @__PURE__ */ (0, Z.jsx)(L, {
+					phrase: l ?? "",
 					children: e ?? ""
 				})
 			}),
-			/* @__PURE__ */ (0, Y.jsx)("span", {
-				style: h,
-				className: v(m.label, m.measuresLabel),
-				children: n
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				style: b,
+				className: m(v.label, v.measuresLabel),
+				children: t
 			})
 		]
 	});
-}, he = h({
+}, we = h({
 	rowWrapper: (e) => ({
 		cursor: "pointer",
 		userSelect: "none",
@@ -316,98 +343,140 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		borderRadius: 6,
 		paddingRight: 8,
 		...e && {
-			[M.md]: {
+			[N.md]: {
 				height: "24px",
 				paddingRight: 6
 			},
-			[M.sm]: {
-				height: "20px",
+			[N.sm]: {
+				height: "16px",
 				paddingRight: 4
 			},
-			[M.xs]: {
-				height: "16px",
+			[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: `${t.mainDarkNavy} !important` }
+		"& > div > span": { color: `${o.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", {
+	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: 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
+		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": i ?? t.grey5 },
+		style: { "--filter-hover-color": r ?? o.grey5 },
 		children: [
-			T && /* @__PURE__ */ (0, Y.jsx)("img", {
+			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: d,
+				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", c?.();
+					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: `${b ?? "contain"}`
+					objectFit: `${w ?? "contain"}`
 				},
-				"data-testid": `big-list-item-dimension-${l}-image`,
-				onLoad: c,
+				"data-testid": `big-list-item-dimension-${p}-image`,
+				onLoad: f,
 				loading: "lazy"
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(me, {
-				dimensionDisplayValue: D,
-				measuresLabel: O,
-				showLabelProgress: E,
-				progressColor: S,
-				isApplied: n,
+			/* @__PURE__ */ (0, Z.jsx)(Ce, {
+				dimensionDisplayValue: N,
+				measuresLabel: P,
+				showLabelProgress: M,
+				progressColor: E,
+				isApplied: t,
 				isSelected: e,
-				disabled: r,
-				searchTerm: s,
-				barWidth: ue(f, y),
-				fontStyle: x,
-				responsive: C
+				strikethrough: A && t && e,
+				disabled: n,
+				searchTerm: d,
+				barWidth: _e(_, C),
+				fontStyle: T,
+				responsive: D,
+				fontSize: u
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(Z, {
-				disabled: r,
-				isApplied: n,
+			!s && c ? /* @__PURE__ */ (0, Z.jsx)(be, {
+				disabled: n,
+				isApplied: t,
 				isSelected: e,
-				fontColor: x?.fontColor ?? void 0
-			})
+				isNot: A,
+				fontColor: T?.fontColor ?? void 0
+			}) : null
 		]
 	});
-}, ge = (e) => {
-	let t = [...e].sort((e, t) => _e(e?.measure1 ?? void 0, t?.measure1 ?? void 0)), n = t.length > 0 ? t[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;
-}, _e = (e, t) => {
+}, Ee = (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 = () => {
+}, 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] = I(e, r), g = (e, r) => {
+	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);
@@ -415,8 +484,8 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 			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, {
+	}, _ = 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),
@@ -439,7 +508,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		fontStyle: a.filterSettings?.fontStyle,
 		progressBarColor: a.filterSettings?.filterStyle?.progressBarColor,
 		responsive: a.filterSettings?.responsive
-	}, String(e.dimension))), h.map((e) => /* @__PURE__ */ (0, Y.jsx)(Q, {
+	}, String(e.dimension))), h.map((e) => /* @__PURE__ */ (0, Z.jsx)(Q, {
 		searchTerm: i,
 		disabled: !!e.disabled,
 		onSelect: (t) => g(e, t),
@@ -463,7 +532,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		progressBarColor: a.filterSettings?.filterStyle?.progressBarColor,
 		responsive: a.filterSettings?.responsive
 	}, String(e.dimension)))] });
-}, ye = h({
+}, Oe = h({
 	rowWrapper: (e) => ({
 		userSelect: "none",
 		display: "flex",
@@ -475,12 +544,12 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		padding: 4,
 		borderRadius: 5,
 		...e && {
-			[M.md]: { height: 24 },
-			[M.sm]: {
+			[N.md]: { height: 24 },
+			[N.sm]: {
 				height: 20,
 				padding: "2px 4px"
 			},
-			[M.xs]: {
+			[N.xs]: {
 				height: 16,
 				padding: "1px 4px"
 			}
@@ -488,13 +557,14 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		"& > span": {
 			flexShrink: 0,
 			maxWidth: "100%",
-			...u.overflowEllipsis
+			...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)" }
@@ -502,49 +572,73 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 	rowApplied: {
 		backgroundColor: "initial",
 		"& > span": {
-			color: `${t.mainDarkNavy} !important`,
+			color: `${o.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({
+	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: y
-	}, p);
-	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		strikethrough: w
+	}, b);
+	return /* @__PURE__ */ (0, Z.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
+		"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": a ?? t.grey5 },
-		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
-			className: f.label,
-			style: b,
-			children: /* @__PURE__ */ (0, Y.jsx)(N, {
-				phrase: c ?? "",
-				children: m ?? ""
+		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
 			})
-		}), /* @__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 }) => {
+}, 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] = I(e, r), u = (e, r) => {
+	let [c, l] = B(e, r), u = (e, r) => {
 		switch (!0) {
 			case n.includes(e.dimension):
 				t(e.dimension);
@@ -553,7 +647,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 			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)($, {
+	return /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [c.map((e) => /* @__PURE__ */ (0, Z.jsx)($, {
 		searchTerm: i,
 		disabled: !!e.disabled,
 		dimensionValue: e.dimension,
@@ -564,7 +658,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		hoverColor: o,
 		fontStyle: a.filterSettings?.fontStyle,
 		responsive: a.filterSettings?.responsive
-	}, `applied-${e.dimension}`)), l.map((e) => /* @__PURE__ */ (0, Y.jsx)($, {
+	}, `applied-${e.dimension}`)), l.map((e) => /* @__PURE__ */ (0, Z.jsx)($, {
 		searchTerm: i,
 		disabled: !!e.disabled,
 		dimensionValue: e.dimension,
@@ -576,28 +670,28 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		fontStyle: a.filterSettings?.fontStyle,
 		responsive: a.filterSettings?.responsive
 	}, `not-applied-${e.dimension}`))] });
-}, xe = h({ dropdownContainer: {
+}, Ae = 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", {
+} }), 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
 	});
-}, Ce = h({ root: {
-	background: t.grey5,
+}, Me = h({ root: {
+	background: o.grey5,
 	height: 2,
-	"& .MuiLinearProgress-bar": { background: t.mainDarkNavy }
-} }), we = ({ loading: e }) => {
-	let t = Ce();
-	return e ? /* @__PURE__ */ (0, Y.jsx)(ie, {
+	"& .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;
-}, Te = h({
+}, Pe = h({
 	dropdownButton: (e) => ({
 		cursor: "pointer",
 		display: "flex",
@@ -612,23 +706,23 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 			outline: "none"
 		},
 		...e && {
-			[M.lg]: { height: "min(28px, 100%)" },
-			[M.md]: {
+			[N.lg]: { height: "min(28px, 100%)" },
+			[N.md]: {
 				padding: "0 4px",
 				height: "min(24px, 100%)"
 			},
-			[M.sm]: {
+			[N.sm]: {
 				padding: "0 2px",
 				height: "min(20px, 100%)"
 			},
-			[M.xs]: {
+			[N.xs]: {
 				padding: 0,
 				height: "min(16px, 100%)"
 			}
 		}
 	}),
 	headerTitlesContainer: {
-		color: t.grey1,
+		color: o.grey1,
 		display: "flex",
 		alignItems: "center",
 		width: "100%",
@@ -638,82 +732,92 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		fontWeight: "bold !important",
 		flexShrink: 1,
 		minWidth: 0,
-		...u.overflowEllipsis,
-		...j(e)
+		...E.overflowEllipsis,
+		...I(e)
 	}),
+	measureTitle: {
+		...E.overflowEllipsis,
+		minWidth: 0,
+		flexShrink: 1,
+		whiteSpaceCollapse: "preserve"
+	},
 	valuesLabel: {
-		...u.overflowEllipsis,
+		...E.overflowEllipsis,
 		paddingLeft: 4,
-		fontWeight: "bold !important"
+		fontWeight: "bold !important",
+		minWidth: 0,
+		flexShrink: 1
 	},
 	expandIcon: (e) => ({
 		display: "flex",
 		flexDirection: "row",
 		alignItems: "center",
 		boxSizing: "border-box",
-		...e && A
+		...e && M
 	}),
-	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", {
+	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(), i?.();
+			e.currentTarget.blur(), r?.();
 		},
 		onKeyUp: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.stopPropagation(), e.preventDefault(), i?.());
+			(e.key === "Enter" || e.key === " ") && (e.stopPropagation(), e.preventDefault(), r?.());
 		},
 		style: h.button,
-		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
 			className: f.headerTitlesContainer,
 			style: { color: _ },
 			children: [
-				u && /* @__PURE__ */ (0, Y.jsx)(y, {
+				u && /* @__PURE__ */ (0, Z.jsx)(A, {
 					fill: "currentColor",
 					style: { marginRight: 8 }
 				}),
-				m && /* @__PURE__ */ (0, Y.jsx)("div", {
+				m && /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: f.notPart,
 					children: "NOT"
 				}),
-				/* @__PURE__ */ (0, Y.jsx)("div", {
+				/* @__PURE__ */ (0, Z.jsx)("div", {
 					className: f.title,
 					style: h.label,
 					children: e
 				}),
-				/* @__PURE__ */ (0, Y.jsxs)("div", {
+				/* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: f.title,
 					style: {
 						...h.label,
-						display: "flex",
-						flexShrink: 99999
+						display: "flex"
 					},
-					children: [t, x && /* @__PURE__ */ (0, Y.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: f.measureTitle,
+						children: t
+					}), b && /* @__PURE__ */ (0, Z.jsxs)("div", {
 						className: f.valuesLabel,
-						children: [" ", b]
+						children: [" ", y]
 					})]
 				})
 			]
-		}), /* @__PURE__ */ (0, Y.jsx)("div", {
+		}), /* @__PURE__ */ (0, Z.jsx)("div", {
 			className: f.expandIcon,
 			style: { color: _ },
-			children: n ? /* @__PURE__ */ (0, Y.jsx)(S, {
+			children: n ? /* @__PURE__ */ (0, Z.jsx)(k, {
 				size: 24,
 				fill: "currentColor"
-			}) : /* @__PURE__ */ (0, Y.jsx)(D, {
+			}) : /* @__PURE__ */ (0, Z.jsx)(j, {
 				size: 24,
 				fill: "currentColor"
 			})
 		})]
 	});
-}, De = h({
+}, Ie = h({
 	headerListbox: (e) => ({
 		height: 36,
 		margin: "0 12px 8px",
@@ -721,15 +825,15 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		alignItems: "center",
 		boxSizing: "border-box",
 		...e && {
-			[M.md]: {
+			[N.md]: {
 				height: 32,
 				margin: "0 12px 6px"
 			},
-			[M.sm]: {
+			[N.sm]: {
 				height: 28,
 				margin: "0 12px 4px"
 			},
-			[M.xs]: {
+			[N.xs]: {
 				height: 24,
 				margin: "0 12px"
 			}
@@ -738,7 +842,7 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 	headerListboxSearch: { flexGrow: 1 },
 	headerTitlesContainer: {
 		minWidth: 0,
-		color: t.grey1,
+		color: o.grey1,
 		cursor: "pointer",
 		flexGrow: 1,
 		flexShrink: 1,
@@ -746,12 +850,12 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		alignItems: "center"
 	},
 	title: (e) => ({
-		...u.overflowEllipsis,
+		...E.overflowEllipsis,
 		fontWeight: "bold !important",
-		...j(e)
+		...I(e)
 	}),
 	iconButton: (e) => ({
-		...e && A,
+		...e && M,
 		cursor: "pointer",
 		display: "inline-flex",
 		alignItems: "center",
@@ -768,19 +872,19 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		"&:hover": { boxShadow: "inset 0 0 0 1px currentColor" },
 		"&:focus": { outline: "none" },
 		...e && {
-			[M.md]: {
+			[N.md]: {
 				minWidth: 20,
 				width: 20,
 				height: 20,
 				borderRadius: 5
 			},
-			[M.sm]: {
+			[N.sm]: {
 				minWidth: 16,
 				width: 16,
 				height: 16,
 				borderRadius: 4
 			},
-			[M.xs]: {
+			[N.xs]: {
 				minWidth: 12,
 				width: 12,
 				height: 12,
@@ -788,24 +892,24 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 			}
 		}
 	}),
-	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]);
+	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 = () => {
-		i && _(!0);
-	}, b = () => {
+		r && _(!0);
+	}, y = () => {
 		o(""), _(!1);
-	}, x = () => {
+	}, b = () => {
 		s();
 	};
-	return i ? /* @__PURE__ */ (0, Y.jsx)("div", {
+	return r ? /* @__PURE__ */ (0, Z.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, {
+		children: g ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(ie, {
 			responsive: d,
 			autoFocus: !0,
 			className: p.headerListboxSearch,
@@ -817,104 +921,119 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 				color: h,
 				borderColor: h
 			},
-			onPaste: L(o),
+			onPaste: H(o),
 			onKeyDown: (e) => {
 				switch (e.key) {
 					case "Enter":
-						x();
+						b();
 						break;
 					case "Escape":
-						b(), o("");
+						y(), o("");
 						break;
 				}
 			},
-			value: a
-		}), e] }) : /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
-			/* @__PURE__ */ (0, Y.jsx)("button", {
+			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, Y.jsx)(T, {
+				children: /* @__PURE__ */ (0, Z.jsx)(w, {
 					fill: "currentColor",
 					size: 20
 				})
 			}),
-			f && /* @__PURE__ */ (0, Y.jsx)(y, {
+			f && /* @__PURE__ */ (0, Z.jsx)(A, {
 				fill: "currentColor",
 				style: { marginRight: 8 }
 			}),
-			/* @__PURE__ */ (0, Y.jsxs)("div", {
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
 				onClick: v,
 				className: p.headerTitlesContainer,
 				children: [
-					u && /* @__PURE__ */ (0, Y.jsx)("div", {
+					u && /* @__PURE__ */ (0, Z.jsx)("div", {
 						className: p.notPart,
 						children: "NOT"
 					}),
-					/* @__PURE__ */ (0, Y.jsx)("span", {
+					/* @__PURE__ */ (0, Z.jsx)("span", {
 						className: p.title,
 						style: m,
 						children: t
 					}),
-					/* @__PURE__ */ (0, Y.jsx)("span", {
+					/* @__PURE__ */ (0, Z.jsx)("span", {
 						className: p.title,
-						style: m,
+						style: {
+							...m,
+							whiteSpaceCollapse: "preserve"
+						},
 						children: n
 					})
 				]
 			}),
 			e
 		] })
-	}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
 		"data-testid": "filter-header-title",
 		className: p.headerListbox,
 		style: { color: h },
-		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
 			className: p.headerTitlesContainer,
 			children: [
-				u && /* @__PURE__ */ (0, Y.jsx)("div", {
+				u && /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: p.notPart,
 					children: "NOT"
 				}),
-				/* @__PURE__ */ (0, Y.jsx)("span", {
+				/* @__PURE__ */ (0, Z.jsx)("span", {
 					className: p.title,
 					style: m,
 					children: t
 				}),
-				/* @__PURE__ */ (0, Y.jsx)("span", {
+				/* @__PURE__ */ (0, Z.jsx)("span", {
 					className: p.title,
-					style: m,
+					style: {
+						...m,
+						whiteSpaceCollapse: "preserve"
+					},
 					children: n
 				})
 			]
 		}), e]
 	});
-}, ke = h({
-	container: {
+}, Re = h({
+	container: ({ responsive: e, isDropdown: t }) => ({
 		margin: 0,
-		padding: 0
-	},
-	scrollContainer: (e) => ({
-		...f.propertiesPanel,
+		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 && {
-			[M.md]: { padding: "0 8px" },
-			[M.sm]: { padding: "0 6px" },
-			[M.xs]: { padding: "0 4px" }
+			[N.md]: { padding: "0 8px" },
+			[N.sm]: { padding: "0 6px" },
+			[N.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", {
+}), 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: {
-			height: n ? void 0 : "calc(100% - 44px)",
 			paddingTop: n && !r ? 8 : void 0,
 			paddingBottom: n ? 8 : void 0
 		},
-		children: /* @__PURE__ */ (0, Y.jsx)("div", {
+		children: /* @__PURE__ */ (0, Z.jsx)("div", {
 			className: a.scrollContainer,
 			style: {
 				height: n ? void 0 : "100%",
@@ -922,12 +1041,12 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 			},
 			onScroll: (e) => {
 				let { scrollHeight: n, clientHeight: r, scrollTop: i } = e.currentTarget;
-				P(n, r, i) && t();
+				oe(n, r, i) && t();
 			},
 			children: e
 		})
 	});
-}, je = h({
+}, Be = h({
 	mainFilterContainer: {
 		width: "100%",
 		height: "100%",
@@ -935,10 +1054,10 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 	},
 	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({
+}), 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
@@ -950,4 +1069,4 @@ var ue = (e, t) => typeof e == "number" && typeof t == "number" ? e / t : 0, de
 		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 };
+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 };