@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/standalone-BhDrWj4p.js

@@ -0,0 +1,1980 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Cs as t, Ta as n, Uc as r, _a as i, do as a, la as o, lo as s, qa as c, sa as l, uo as u } from "./isEqual-BDxAhUo8.js";
+import { $t as d, Cn as f, Ei as p, G as m, Gt as h, In as g, J as _, Pn as v, Ut as y, Wt as b, Y as x, Yi as S, Zi as C, c as w, d as T, fi as E, fn as D, m as O, n as k, nt as A, ot as j, pn as M, qn as N, s as P, tr as F, wr as I, xi as L, yi as R } from "./utils-Bg7K-t6K.js";
+import { Cn as z, Ft as B, It as V, Qt as H, Sn as U, Tt as ee, bn as W, ct as te, dt as G, gn as K, gt as ne, hn as re, in as q, lt as ie, ot as ae, pn as oe, ut as se, vn as J, xn as ce } from "./ui-DQWtv2iM.js";
+import { _ as le, a as ue, c as de, d as fe, g as pe, h as me, i as he, l as ge, n as _e, o as ve, r as ye, s as be, t as xe, u as Se } from "./filtering-tqjAyJH5.js";
+import { t as Ce } from "./ClickAwayListener-BbeNMAvj.js";
+function Y({ props: e, name: t }) {
+	return le({
+		props: e,
+		name: t,
+		defaultTheme: x,
+		themeId: h
+	});
+}
+var we = (e) => ({
+	hasImage: !!e.dimensions[1]?.dataItem,
+	hasMeasure: !!e.measures[0]?.dataItem,
+	searchEnabled: !!e.filterSettings?.searchable,
+	quickSelection: !!e.filterSettings?.quickSelect
+}), X = C(), Z = /* @__PURE__ */ e(S()), Te = /* @__PURE__ */ e(N()), Ee = m({ menuTrigger: ({ responsive: e, isDisplayImportant: t }) => ({
+	...e && B,
+	display: t ? "inline-flex !important" : "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	minWidth: 22,
+	width: 22,
+	height: 22,
+	padding: 0,
+	borderRadius: 6,
+	border: "none",
+	backgroundColor: "transparent",
+	color: "inherit",
+	lineHeight: 0,
+	"&:hover": { boxShadow: "inset 0 0 0 1px currentColor" },
+	"&:focus": { outline: "none" },
+	...e && {
+		[V.md]: {
+			minWidth: 20,
+			width: 20,
+			height: 20,
+			borderRadius: 5
+		},
+		[V.sm]: {
+			minWidth: 16,
+			width: 16,
+			height: 16,
+			borderRadius: 4
+		},
+		[V.xs]: {
+			minWidth: 12,
+			width: 12,
+			height: 12,
+			borderRadius: 3
+		}
+	}
+}) }), Q = p();
+function De(e) {
+	let { isPreview: t, areSelectedValues: n, arePendingValues: r, isNotEnabled: i, responsive: a, onClear: o, onDeselectAll: s, onSelectAll: c, onSelectExcluded: l, toggleNotOperator: u, onLockClick: d, isSingleSelectField: p = !1 } = e, [m, h] = (0, Z.useState)(!1), g = Ee({
+		responsive: a,
+		isDisplayImportant: !0
+	}), _ = f().daedalus.getWorkbookProperties()?.isLockUnlockFieldsEnabled ?? !1, v = [{
+		disabled: t || !r,
+		key: "clear",
+		label: "Clear",
+		type: "option",
+		onClick: o
+	}];
+	return p || v.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		disabled: t || !n,
+		key: "deselect-all",
+		label: "Deselect all",
+		type: "option",
+		onClick: s
+	}, {
+		disabled: t,
+		key: "select-all",
+		label: i ? "Exclude all" : "Select all",
+		type: "option",
+		onClick: c
+	}, {
+		disabled: t,
+		key: "invert",
+		label: "Invert",
+		type: "option",
+		onClick: l
+	}, {
+		disabled: t,
+		key: "not",
+		label: "Exclude",
+		type: "option",
+		onClick: u
+	}), _ && v.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		key: "lock",
+		label: "Lock",
+		type: "option",
+		icon: { right: /* @__PURE__ */ (0, Q.jsx)(I, {}) },
+		onClick: d
+	}), /* @__PURE__ */ (0, Q.jsx)(ne, {
+		open: m,
+		placement: "bottom-end",
+		title: /* @__PURE__ */ (0, Q.jsx)(Ce, {
+			onClickAway: () => h(!1),
+			children: /* @__PURE__ */ (0, Q.jsx)(ae, {
+				appearance: "legacy",
+				onClose: () => h(!1),
+				options: v,
+				responsive: a,
+				style: { margin: "-8px -12px" }
+			})
+		}),
+		children: /* @__PURE__ */ (0, Q.jsx)(G, {
+			onClick: () => h(!m),
+			"data-testid": "filter-button-icon-dots",
+			className: g.menuTrigger,
+			children: /* @__PURE__ */ (0, Q.jsx)(E, {
+				fill: "currentColor",
+				size: 20
+			})
+		})
+	});
+}
+function Oe(e) {
+	return typeof e == "string";
+}
+function ke(e, t, n) {
+	return e === void 0 || Oe(e) ? t : {
+		...t,
+		ownerState: {
+			...t.ownerState,
+			...n
+		}
+	};
+}
+function Ae(e, t = []) {
+	if (e === void 0) return {};
+	let n = {};
+	return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !t.includes(n)).forEach((t) => {
+		n[t] = e[t];
+	}), n;
+}
+function je(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+function Me(...e) {
+	let t = Z.useRef(void 0), n = Z.useCallback((t) => {
+		let n = e.map((e) => {
+			if (e == null) return null;
+			if (typeof e == "function") {
+				let n = e, r = n(t);
+				return typeof r == "function" ? r : () => {
+					n(null);
+				};
+			}
+			return e.current = t, () => {
+				e.current = null;
+			};
+		});
+		return () => {
+			n.forEach((e) => e?.());
+		};
+	}, e);
+	return Z.useMemo(() => e.every((e) => e == null) ? null : (e) => {
+		t.current &&= (t.current(), void 0), e != null && (t.current = n(e));
+	}, e);
+}
+function Ne(e, t, n = void 0) {
+	let r = {};
+	for (let i in e) {
+		let a = e[i], o = "", s = !0;
+		for (let e = 0; e < a.length; e += 1) {
+			let r = a[e];
+			r && (o += (s === !0 ? "" : " ") + t(r), s = !1, n && n[r] && (o += " " + n[r]));
+		}
+		r[i] = o;
+	}
+	return r;
+}
+function Pe(e) {
+	if (e === void 0) return {};
+	let t = {};
+	return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((n) => {
+		t[n] = e[n];
+	}), t;
+}
+function Fe(e) {
+	let { getSlotProps: t, additionalProps: n, externalSlotProps: r, externalForwardedProps: i, className: a } = e;
+	if (!t) {
+		let e = z(n?.className, a, i?.className, r?.className), t = {
+			...n?.style,
+			...i?.style,
+			...r?.style
+		}, o = {
+			...n,
+			...i,
+			...r
+		};
+		return e.length > 0 && (o.className = e), Object.keys(t).length > 0 && (o.style = t), {
+			props: o,
+			internalRef: void 0
+		};
+	}
+	let o = Ae({
+		...i,
+		...r
+	}), s = Pe(r), c = Pe(i), l = t(o), u = z(l?.className, n?.className, a, i?.className, r?.className), d = {
+		...l?.style,
+		...n?.style,
+		...i?.style,
+		...r?.style
+	}, f = {
+		...l,
+		...n,
+		...c,
+		...s
+	};
+	return u.length > 0 && (f.className = u), Object.keys(d).length > 0 && (f.style = d), {
+		props: f,
+		internalRef: l.ref
+	};
+}
+function Ie(e) {
+	let { elementType: t, externalSlotProps: n, ownerState: r, skipResolvingSlotProps: i = !1, ...a } = e, o = i ? {} : je(n, r), { props: s, internalRef: c } = Fe({
+		...a,
+		externalSlotProps: o
+	}), l = Me(c, o?.ref, e.additionalProps?.ref);
+	return ke(t, {
+		...s,
+		ref: l
+	}, r);
+}
+b(), M();
+var Le = ["element"];
+function Re(e, t) {
+	for (let n = 0; n < e.length; n += 1) if (t(e[n])) return n;
+	return -1;
+}
+function ze(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n <= r;) {
+		let i = Math.floor((n + r) / 2);
+		if (e[i].element === t) return i;
+		e[i].element.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_PRECEDING ? r = i - 1 : n = i + 1;
+	}
+	return n;
+}
+var Be = /*#__PURE__*/ Z.createContext({});
+function Ve(e) {
+	let t = Z.useRef(null);
+	return Z.useEffect(() => {
+		t.current = e;
+	}, [e]), t.current;
+}
+var He = () => {};
+function Ue(e) {
+	let [, t] = Z.useState(), { registerDescendant: n = He, unregisterDescendant: r = He, descendants: i = [], parentId: a = null } = Z.useContext(Be), o = Re(i, (t) => t.element === e.element), s = Ve(i);
+	return j(() => {
+		if (e.element) return n(D({}, e, { index: o })), () => {
+			r(e.element);
+		};
+		t({});
+	}, [
+		n,
+		r,
+		o,
+		i.some((e, t) => s && s[t] && s[t].element !== e.element),
+		e
+	]), {
+		parentId: a,
+		index: o
+	};
+}
+function We(e) {
+	let { children: t, id: n } = e, [r, i] = Z.useState([]), a = Z.useCallback((e) => {
+		let { element: t } = e, n = y(e, Le);
+		i((e) => {
+			if (e.length === 0) return [D({}, n, {
+				element: t,
+				index: 0
+			})];
+			let r = ze(e, t), i;
+			if (e[r] && e[r].element === t) i = e;
+			else {
+				let a = D({}, n, {
+					element: t,
+					index: r
+				});
+				i = e.slice(), i.splice(r, 0, a);
+			}
+			return i.forEach((e, t) => {
+				e.index = t;
+			}), i;
+		});
+	}, []), o = Z.useCallback((e) => {
+		i((t) => t.filter((t) => e !== t.element));
+	}, []), s = Z.useMemo(() => ({
+		descendants: r,
+		registerDescendant: a,
+		unregisterDescendant: o,
+		parentId: n
+	}), [
+		r,
+		a,
+		o,
+		n
+	]);
+	return /*#__PURE__*/ (0, Q.jsx)(Be.Provider, {
+		value: s,
+		children: t
+	});
+}
+var Ge = {
+	instance: null,
+	multiSelect: !1,
+	disabledItemsFocusable: !1,
+	treeId: void 0,
+	icons: {
+		defaultCollapseIcon: null,
+		defaultExpandIcon: null,
+		defaultParentIcon: null,
+		defaultEndIcon: null
+	}
+}, Ke = /*#__PURE__*/ Z.createContext(Ge), qe = () => Z.useContext(Ke);
+function Je(e) {
+	let { instance: t, multiSelect: n } = qe(), r = t ? t.isNodeExpandable(e) : !1, i = t ? t.isNodeExpanded(e) : !1, a = t ? t.isNodeFocused(e) : !1, o = t ? t.isNodeSelected(e) : !1, s = t ? t.isNodeDisabled(e) : !1;
+	return {
+		disabled: s,
+		expanded: i,
+		selected: o,
+		focused: a,
+		handleExpansion: (i) => {
+			if (t && !s) {
+				a || t.focusNode(i, e);
+				let o = n && (i.shiftKey || i.ctrlKey || i.metaKey);
+				r && !(o && t.isNodeExpanded(e)) && t.toggleNodeExpansion(i, e);
+			}
+		},
+		handleSelection: (r) => {
+			t && !s && (a || t.focusNode(r, e), n && (r.shiftKey || r.ctrlKey || r.metaKey) ? r.shiftKey ? t.selectRange(r, { end: e }) : t.selectNode(r, e, !0) : t.selectNode(r, e));
+		},
+		preventSelection: (e) => {
+			(e.shiftKey || e.ctrlKey || e.metaKey || s) && e.preventDefault();
+		}
+	};
+}
+M(), b();
+var Ye = [
+	"classes",
+	"className",
+	"displayIcon",
+	"expansionIcon",
+	"icon",
+	"label",
+	"nodeId",
+	"onClick",
+	"onMouseDown"
+], Xe = /*#__PURE__*/ Z.forwardRef(function(e, t) {
+	let { classes: n, className: r, displayIcon: i, expansionIcon: a, icon: o, label: s, nodeId: c, onClick: l, onMouseDown: u } = e, d = y(e, Ye), { disabled: f, expanded: p, selected: m, focused: h, handleExpansion: g, handleSelection: _, preventSelection: v } = Je(c), b = o || a || i;
+	return /*#__PURE__*/ (0, Q.jsxs)("div", D({}, d, {
+		className: z(r, n.root, p && n.expanded, m && n.selected, h && n.focused, f && n.disabled),
+		onClick: (e) => {
+			g(e), _(e), l && l(e);
+		},
+		onMouseDown: (e) => {
+			v(e), u && u(e);
+		},
+		ref: t,
+		children: [/*#__PURE__*/ (0, Q.jsx)("div", {
+			className: n.iconContainer,
+			children: b
+		}), /*#__PURE__*/ (0, Q.jsx)("div", {
+			className: n.label,
+			children: s
+		})]
+	}));
+});
+function Ze(e) {
+	return U("MuiTreeItem", e);
+}
+var $ = ce("MuiTreeItem", [
+	"root",
+	"group",
+	"content",
+	"expanded",
+	"selected",
+	"focused",
+	"disabled",
+	"iconContainer",
+	"label"
+]);
+b(), M();
+var Qe = [
+	"children",
+	"className",
+	"collapseIcon",
+	"ContentComponent",
+	"ContentProps",
+	"endIcon",
+	"expandIcon",
+	"disabled",
+	"icon",
+	"id",
+	"label",
+	"nodeId",
+	"onClick",
+	"onMouseDown",
+	"TransitionComponent",
+	"TransitionProps"
+], $e = (e) => {
+	let { classes: t } = e;
+	return Ne({
+		root: ["root"],
+		content: ["content"],
+		expanded: ["expanded"],
+		selected: ["selected"],
+		focused: ["focused"],
+		disabled: ["disabled"],
+		iconContainer: ["iconContainer"],
+		label: ["label"],
+		group: ["group"]
+	}, Ze, t);
+}, et = q("li", {
+	name: "MuiTreeItem",
+	slot: "Root",
+	overridesResolver: (e, t) => t.root
+})({
+	listStyle: "none",
+	margin: 0,
+	padding: 0,
+	outline: 0
+}), tt = q(Xe, {
+	name: "MuiTreeItem",
+	slot: "Content",
+	overridesResolver: (e, t) => [
+		t.content,
+		t.iconContainer && { [`& .${$.iconContainer}`]: t.iconContainer },
+		t.label && { [`& .${$.label}`]: t.label }
+	]
+})(({ theme: e }) => ({
+	padding: "0 8px",
+	width: "100%",
+	boxSizing: "border-box",
+	display: "flex",
+	alignItems: "center",
+	cursor: "pointer",
+	WebkitTapHighlightColor: "transparent",
+	"&:hover": {
+		backgroundColor: (e.vars || e).palette.action.hover,
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	[`&.${$.disabled}`]: {
+		opacity: (e.vars || e).palette.action.disabledOpacity,
+		backgroundColor: "transparent"
+	},
+	[`&.${$.focused}`]: { backgroundColor: (e.vars || e).palette.action.focus },
+	[`&.${$.selected}`]: {
+		backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : W(e.palette.primary.main, e.palette.action.selectedOpacity),
+		"&:hover": {
+			backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : W(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+			"@media (hover: none)": { backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : W(e.palette.primary.main, e.palette.action.selectedOpacity) }
+		},
+		[`&.${$.focused}`]: { backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : W(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity) }
+	},
+	[`& .${$.iconContainer}`]: {
+		marginRight: 4,
+		width: 15,
+		display: "flex",
+		flexShrink: 0,
+		justifyContent: "center",
+		"& svg": { fontSize: 18 }
+	},
+	[`& .${$.label}`]: D({
+		paddingLeft: 4,
+		width: "100%",
+		boxSizing: "border-box",
+		minWidth: 0,
+		position: "relative"
+	}, e.typography.body1)
+})), nt = q(H, {
+	name: "MuiTreeItem",
+	slot: "Group",
+	overridesResolver: (e, t) => t.group
+})({
+	margin: 0,
+	padding: 0,
+	marginLeft: 17
+}), rt = /*#__PURE__*/ Z.forwardRef(function(e, t) {
+	let n = Y({
+		props: e,
+		name: "MuiTreeItem"
+	}), { children: r, className: i, collapseIcon: a, ContentComponent: o = Xe, ContentProps: s, endIcon: c, expandIcon: l, disabled: u, icon: d, id: f, label: p, nodeId: m, onClick: h, onMouseDown: g, TransitionComponent: _ = H, TransitionProps: v } = n, b = y(n, Qe), { icons: x, multiSelect: S, disabledItemsFocusable: C, treeId: w, instance: T } = qe(), E;
+	f == null ? w && m && (E = `${w}-${m}`) : E = f;
+	let [O, k] = Z.useState(null), A = Z.useRef(null), j = re(k, t), { index: M, parentId: N } = Ue(Z.useMemo(() => ({
+		element: O,
+		id: m
+	}), [m, O])), P = !!(Array.isArray(r) ? r.length : r), F = T ? T.isNodeExpanded(m) : !1, I = T ? T.isNodeFocused(m) : !1, L = T ? T.isNodeSelected(m) : !1, R = T ? T.isNodeDisabled(m) : !1, B = D({}, n, {
+		expanded: F,
+		focused: I,
+		selected: L,
+		disabled: R
+	}), V = $e(B), U, ee;
+	P && (ee = F ? a || x.defaultCollapseIcon : l || x.defaultExpandIcon), U = P ? x.defaultParentIcon : c || x.defaultEndIcon, Z.useEffect(() => {
+		if (T && M !== -1) return T.updateNode({
+			id: m,
+			idAttribute: E,
+			index: M,
+			parentId: N,
+			expandable: P,
+			disabled: u
+		}), () => T.removeNode(m);
+	}, [
+		T,
+		N,
+		M,
+		m,
+		P,
+		u,
+		E
+	]), Z.useEffect(() => {
+		if (T && p) return T.mapFirstChar(m, (A.current?.textContent ?? "").substring(0, 1).toLowerCase());
+	}, [
+		T,
+		m,
+		p
+	]);
+	let W;
+	S ? W = L : L && (W = !0);
+	function te(e) {
+		if (e.target === e.currentTarget) {
+			let t;
+			t = typeof e.target.getRootNode == "function" ? e.target.getRootNode() : J(e.target), t.getElementById(w).focus({ preventScroll: !0 });
+		}
+		let t = !C && R;
+		T && !I && e.currentTarget === e.target && !t && T.focusNode(e, m);
+	}
+	return /*#__PURE__*/ (0, Q.jsxs)(et, D({
+		className: z(V.root, i),
+		role: "treeitem",
+		"aria-expanded": P ? F : void 0,
+		"aria-selected": W,
+		"aria-disabled": R || void 0,
+		id: E,
+		tabIndex: -1
+	}, b, {
+		ownerState: B,
+		onFocus: te,
+		ref: j,
+		children: [/*#__PURE__*/ (0, Q.jsx)(tt, D({
+			as: o,
+			ref: A,
+			classes: {
+				root: V.content,
+				expanded: V.expanded,
+				selected: V.selected,
+				focused: V.focused,
+				disabled: V.disabled,
+				iconContainer: V.iconContainer,
+				label: V.label
+			},
+			label: p,
+			nodeId: m,
+			onClick: h,
+			onMouseDown: g,
+			icon: d,
+			expansionIcon: ee,
+			displayIcon: U,
+			ownerState: B
+		}, s)), r && /*#__PURE__*/ (0, Q.jsx)(We, {
+			id: m,
+			children: /*#__PURE__*/ (0, Q.jsx)(nt, D({
+				as: _,
+				unmountOnExit: !0,
+				className: V.group,
+				in: F,
+				component: "ul",
+				role: "group"
+			}, v, { children: r }))
+		})]
+	}));
+});
+function it(e) {
+	return U("MuiTreeView", e);
+}
+ce("MuiTreeView", ["root"]), M();
+var at = (e, t) => {
+	let n = Z.useRef({}), [r, i] = Z.useState(() => {
+		let r = {};
+		return e.forEach((e) => {
+			e.models && Object.entries(e.models).forEach(([e, i]) => {
+				n.current[e] = {
+					controlledProp: i.controlledProp,
+					defaultProp: i.defaultProp,
+					isControlled: t[i.controlledProp] !== void 0
+				}, r[e] = t[i.defaultProp];
+			});
+		}), r;
+	});
+	return Object.fromEntries(Object.entries(n.current).map(([e, n]) => [e, {
+		value: n.isControlled ? t[n.controlledProp] : r[e],
+		setValue: (t) => {
+			n.isControlled || i((n) => D({}, n, { [e]: t }));
+		}
+	}]));
+}, ot = class {
+	constructor() {
+		this.maxListeners = 20, this.warnOnce = !1, this.events = {};
+	}
+	on(e, t, n = {}) {
+		let r = this.events[e];
+		r || (r = {
+			highPriority: /* @__PURE__ */ new Map(),
+			regular: /* @__PURE__ */ new Map()
+		}, this.events[e] = r), n.isFirst ? r.highPriority.set(t, !0) : r.regular.set(t, !0);
+	}
+	removeListener(e, t) {
+		this.events[e] && (this.events[e].regular.delete(t), this.events[e].highPriority.delete(t));
+	}
+	removeAllListeners() {
+		this.events = {};
+	}
+	emit(e, ...t) {
+		let n = this.events[e];
+		if (!n) return;
+		let r = Array.from(n.highPriority.keys()), i = Array.from(n.regular.keys());
+		for (let e = r.length - 1; e >= 0; --e) {
+			let i = r[e];
+			n.highPriority.has(i) && i.apply(this, t);
+		}
+		for (let e = 0; e < i.length; e += 1) {
+			let r = i[e];
+			n.regular.has(r) && r.apply(this, t);
+		}
+	}
+	once(e, t) {
+		let n = this;
+		this.on(e, function r(...i) {
+			n.removeListener(e, r), t.apply(n, i);
+		});
+	}
+}, st = (e, t) => {
+	let n = e.getNode(t), r = e.getNavigableChildrenIds(n.parentId), i = r.indexOf(t);
+	if (i === 0) return n.parentId;
+	let a = r[i - 1];
+	for (; e.isNodeExpanded(a) && e.getNavigableChildrenIds(a).length > 0;) a = e.getNavigableChildrenIds(a).pop();
+	return a;
+}, ct = (e, t) => {
+	if (e.isNodeExpanded(t) && e.getNavigableChildrenIds(t).length > 0) return e.getNavigableChildrenIds(t)[0];
+	let n = e.getNode(t);
+	for (; n != null;) {
+		let t = e.getNavigableChildrenIds(n.parentId), r = t[t.indexOf(n.id) + 1];
+		if (r) return r;
+		n = e.getNode(n.parentId);
+	}
+	return null;
+}, lt = (e) => {
+	let t = e.getNavigableChildrenIds(null).pop();
+	for (; e.isNodeExpanded(t);) t = e.getNavigableChildrenIds(t).pop();
+	return t;
+}, ut = (e) => e.getNavigableChildrenIds(null)[0], dt = (e, t) => {
+	Object.assign(e, t);
+}, ft = (e) => e.isPropagationStopped !== void 0, pt = [({ instance: e }) => {
+	let [t] = Z.useState(() => new ot());
+	dt(e, {
+		$$publishEvent: Z.useCallback((...e) => {
+			let [n, r, i = {}] = e;
+			i.defaultMuiPrevented = !1, !(ft(i) && i.isPropagationStopped()) && t.emit(n, r, i);
+		}, [t]),
+		$$subscribeEvent: Z.useCallback((e, n) => (t.on(e, n), () => {
+			t.removeListener(e, n);
+		}), [t])
+	});
+}];
+M();
+var mt = (e) => {
+	let t = [...pt, ...e.plugins], n = t.reduce((e, t) => t.getDefaultizedParams ? t.getDefaultizedParams(e) : e, e), r = at(t, n), i = Z.useRef({}).current, a = Z.useRef(null), o = re(a, e.rootRef), [s, c] = Z.useState(() => {
+		let e = {};
+		return t.forEach((t) => {
+			t.getInitialState && Object.assign(e, t.getInitialState(n));
+		}), e;
+	}), l = [], u = Ge;
+	return t.forEach((e) => {
+		let t = e({
+			instance: i,
+			params: n,
+			state: s,
+			setState: c,
+			rootRef: a,
+			models: r
+		}) || {};
+		t.getRootProps && l.push(t.getRootProps), t.contextValue && (u = t.contextValue);
+	}), {
+		getRootProps: (e = {}) => {
+			let t = D({
+				role: "tree",
+				tabIndex: 0
+			}, e, { ref: o });
+			return l.forEach((n) => {
+				Object.assign(t, n(e));
+			}), t;
+		},
+		rootRef: o,
+		contextValue: u
+	};
+};
+function ht(e) {
+	let { value: t, children: n } = e;
+	return /*#__PURE__*/ (0, Q.jsx)(Ke.Provider, {
+		value: t,
+		children: /*#__PURE__*/ (0, Q.jsx)(We, { children: n })
+	});
+}
+var gt = (e, t, n) => {
+	e.$$publishEvent(t, n);
+};
+M();
+var _t = ({ instance: e, params: t }) => {
+	let n = Z.useRef({}), r = Z.useCallback((e) => n.current[e], []), i = Z.useCallback((e) => {
+		n.current[e.id] = e;
+	}, []), a = Z.useCallback((t) => {
+		let r = D({}, n.current);
+		delete r[t], n.current = r, gt(e, "removeNode", { id: t });
+	}, [e]), o = Z.useCallback((t) => {
+		if (t == null) return !1;
+		let n = e.getNode(t);
+		if (!n) return !1;
+		if (n.disabled) return !0;
+		for (; n.parentId != null;) if (n = e.getNode(n.parentId), n.disabled) return !0;
+		return !1;
+	}, [e]);
+	dt(e, {
+		getNode: r,
+		updateNode: i,
+		removeNode: a,
+		getChildrenIds: K((e) => Object.values(n.current).filter((t) => t.parentId === e).sort((e, t) => e.index - t.index).map((e) => e.id)),
+		getNavigableChildrenIds: (n) => {
+			let r = e.getChildrenIds(n);
+			return t.disabledItemsFocusable || (r = r.filter((t) => !e.isNodeDisabled(t))), r;
+		},
+		isNodeDisabled: o
+	});
+};
+M();
+var vt = ({ instance: e, params: t, models: n }) => {
+	dt(e, {
+		isNodeExpanded: Z.useCallback((e) => Array.isArray(n.expanded.value) ? n.expanded.value.indexOf(e) !== -1 : !1, [n.expanded.value]),
+		isNodeExpandable: Z.useCallback((t) => {
+			var n;
+			return !!((n = e.getNode(t)) != null && n.expandable);
+		}, [e]),
+		toggleNodeExpansion: K((e, r) => {
+			if (r == null) return;
+			let i;
+			i = n.expanded.value.indexOf(r) === -1 ? [r].concat(n.expanded.value) : n.expanded.value.filter((e) => e !== r), t.onNodeToggle && t.onNodeToggle(e, i), n.expanded.setValue(i);
+		}),
+		expandAllSiblings: (r, i) => {
+			let a = e.getNode(i), o = e.getChildrenIds(a.parentId).filter((t) => e.isNodeExpandable(t) && !e.isNodeExpanded(t)), s = n.expanded.value.concat(o);
+			o.length > 0 && (n.expanded.setValue(s), t.onNodeToggle && t.onNodeToggle(r, s));
+		}
+	});
+};
+vt.models = { expanded: {
+	controlledProp: "expanded",
+	defaultProp: "defaultExpanded"
+} };
+var yt = [];
+vt.getDefaultizedParams = (e) => D({}, e, { defaultExpanded: e.defaultExpanded ?? yt });
+var bt = (e, t, n) => {
+	if (t === n) return [t, n];
+	let r = e.getNode(t), i = e.getNode(n);
+	if (r.parentId === i.id || i.parentId === r.id) return i.parentId === r.id ? [r.id, i.id] : [i.id, r.id];
+	let a = [r.id], o = [i.id], s = r.parentId, c = i.parentId, l = o.indexOf(s) !== -1, u = a.indexOf(c) !== -1, d = !0, f = !0;
+	for (; !u && !l;) d && (a.push(s), l = o.indexOf(s) !== -1, d = s !== null, !l && d && (s = e.getNode(s).parentId)), f && !l && (o.push(c), u = a.indexOf(c) !== -1, f = c !== null, !u && f && (c = e.getNode(c).parentId));
+	let p = l ? s : c, m = e.getChildrenIds(p), h = a[a.indexOf(p) - 1], g = o[o.indexOf(p) - 1];
+	return m.indexOf(h) < m.indexOf(g) ? [t, n] : [n, t];
+};
+M();
+var xt = ({ instance: e, params: t, models: n }) => {
+	let r = Z.useRef(null), i = Z.useRef(!1), a = Z.useRef([]), o = (e) => Array.isArray(n.selected.value) ? n.selected.value.indexOf(e) !== -1 : n.selected.value === e, s = (e, o, s = !1) => {
+		if (!t.disableSelection) {
+			if (s) {
+				if (Array.isArray(n.selected.value)) {
+					let r;
+					r = n.selected.value.indexOf(o) === -1 ? [o].concat(n.selected.value) : n.selected.value.filter((e) => e !== o), t.onNodeSelect && t.onNodeSelect(e, r), n.selected.setValue(r);
+				}
+			} else {
+				let r = t.multiSelect ? [o] : o;
+				t.onNodeSelect && t.onNodeSelect(e, r), n.selected.setValue(r);
+			}
+			r.current = o, i.current = !1, a.current = [];
+		}
+	}, c = (t, n) => {
+		let [r, i] = bt(e, t, n), a = [r], o = r;
+		for (; o !== i;) o = ct(e, o), a.push(o);
+		return a;
+	}, l = (e, r) => {
+		let o = n.selected.value.slice(), { start: s, next: c, current: l } = r;
+		!c || !l || (a.current.indexOf(l) === -1 && (a.current = []), i.current ? a.current.indexOf(c) === -1 ? (o.push(c), a.current.push(c)) : (o = o.filter((e) => e === s || e !== l), a.current = a.current.filter((e) => e === s || e !== l)) : (o.push(c), a.current.push(l, c)), t.onNodeSelect && t.onNodeSelect(e, o), n.selected.setValue(o));
+	}, u = (r, o) => {
+		let s = n.selected.value.slice(), { start: l, end: u } = o;
+		i.current && (s = s.filter((e) => a.current.indexOf(e) === -1));
+		let d = c(l, u);
+		d = d.filter((t) => !e.isNodeDisabled(t)), a.current = d;
+		let f = s.concat(d);
+		f = f.filter((e, t) => f.indexOf(e) === t), t.onNodeSelect && t.onNodeSelect(r, f), n.selected.setValue(f);
+	};
+	return dt(e, {
+		isNodeSelected: o,
+		selectNode: s,
+		selectRange: (e, n, a = !1) => {
+			if (t.disableSelection) return;
+			let { start: o = r.current, end: s, current: c } = n;
+			a ? l(e, {
+				start: o,
+				next: s,
+				current: c
+			}) : o != null && s != null && u(e, {
+				start: o,
+				end: s
+			}), i.current = !0;
+		},
+		rangeSelectToLast: (t, n) => {
+			r.current ||= n;
+			let a = i.current ? r.current : n;
+			e.selectRange(t, {
+				start: a,
+				end: lt(e)
+			});
+		},
+		rangeSelectToFirst: (t, n) => {
+			r.current ||= n;
+			let a = i.current ? r.current : n;
+			e.selectRange(t, {
+				start: a,
+				end: ut(e)
+			});
+		}
+	}), { getRootProps: () => ({ "aria-multiselectable": t.multiSelect }) };
+};
+xt.models = { selected: {
+	controlledProp: "selected",
+	defaultProp: "defaultSelected"
+} };
+var St = [];
+xt.getDefaultizedParams = (e) => D({}, e, {
+	disableSelection: e.disableSelection ?? !1,
+	multiSelect: e.multiSelect ?? !1,
+	defaultSelected: e.defaultSelected ?? (e.multiSelect ? St : null)
+});
+var Ct = 1e3, wt = class {
+	constructor(e = Ct) {
+		this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = Ct, this.cleanupTimeout = e;
+	}
+	register(e, t, n) {
+		this.timeouts ||= /* @__PURE__ */ new Map();
+		let r = setTimeout(() => {
+			typeof t == "function" && t(), this.timeouts.delete(n.cleanupToken);
+		}, this.cleanupTimeout);
+		this.timeouts.set(n.cleanupToken, r);
+	}
+	unregister(e) {
+		let t = this.timeouts.get(e.cleanupToken);
+		t && (this.timeouts.delete(e.cleanupToken), clearTimeout(t));
+	}
+	reset() {
+		this.timeouts &&= (this.timeouts.forEach((e, t) => {
+			this.unregister({ cleanupToken: t });
+		}), void 0);
+	}
+}, Tt = class {
+	constructor() {
+		this.registry = new FinalizationRegistry((e) => {
+			typeof e == "function" && e();
+		});
+	}
+	register(e, t, n) {
+		this.registry.register(e, t, n);
+	}
+	unregister(e) {
+		this.registry.unregister(e);
+	}
+	reset() {}
+}, Et = class {};
+function Dt(e) {
+	let t = 0;
+	return function(n, r, i) {
+		e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new Tt() : new wt());
+		let [a] = Z.useState(new Et()), o = Z.useRef(null), s = Z.useRef();
+		s.current = i;
+		let c = Z.useRef(null);
+		!o.current && s.current ? (o.current = n.$$subscribeEvent(r, (e, t) => {
+			if (!t.defaultMuiPrevented) {
+				var n;
+				(n = s.current) == null || n.call(s, e, t);
+			}
+		}), t += 1, c.current = { cleanupToken: t }, e.registry.register(a, () => {
+			var e;
+			(e = o.current) == null || e.call(o), o.current = null, c.current = null;
+		}, c.current)) : !s.current && o.current && (o.current(), o.current = null, c.current &&= (e.registry.unregister(c.current), null)), Z.useEffect(() => (!o.current && s.current && (o.current = n.$$subscribeEvent(r, (e, t) => {
+			if (!t.defaultMuiPrevented) {
+				var n;
+				(n = s.current) == null || n.call(s, e, t);
+			}
+		})), c.current && e.registry && (e.registry.unregister(c.current), c.current = null), () => {
+			var e;
+			(e = o.current) == null || e.call(o), o.current = null;
+		}), [n, r]);
+	};
+}
+var Ot = Dt({ registry: null });
+M();
+var kt = ({ instance: e, params: t, state: n, setState: r, models: i, rootRef: a }) => {
+	let o = K((e) => {
+		let t = typeof e == "function" ? e(n.focusedNodeId) : e;
+		r((e) => D({}, e, { focusedNodeId: t }));
+	});
+	dt(e, {
+		isNodeFocused: Z.useCallback((e) => n.focusedNodeId === e, [n.focusedNodeId]),
+		focusNode: K((e, n) => {
+			n && (o(n), t.onNodeFocus && t.onNodeFocus(e, n));
+		})
+	}), Ot(e, "removeNode", ({ id: t }) => {
+		o((n) => n === t && a.current === J(a.current).activeElement ? e.getChildrenIds(null)[0] : n);
+	});
+	let s = (t) => (n) => {
+		var r;
+		if ((r = t.onFocus) == null || r.call(t, n), n.target === n.currentTarget) {
+			let t = (t) => {
+				let n = e.getNode(t);
+				return n && (n.parentId == null || e.isNodeExpanded(n.parentId));
+			}, r;
+			Array.isArray(i.selected.value) ? r = i.selected.value.find(t) : i.selected.value != null && t(i.selected.value) && (r = i.selected.value), r ??= e.getNavigableChildrenIds(null)[0], e.focusNode(n, r);
+		}
+	}, c = (e) => (t) => {
+		var n;
+		(n = e.onBlur) == null || n.call(e, t), o(null);
+	}, l = e.getNode(n.focusedNodeId), u = l ? l.idAttribute : null;
+	return { getRootProps: (e) => ({
+		onFocus: s(e),
+		onBlur: c(e),
+		"aria-activedescendant": u ?? void 0
+	}) };
+};
+kt.getInitialState = () => ({ focusedNodeId: null }), kt.getDefaultizedParams = (e) => D({}, e, { disabledItemsFocusable: e.disabledItemsFocusable ?? !1 }), M();
+function At(e) {
+	return e && e.length === 1 && e.match(/\S/);
+}
+function jt(e, t, n) {
+	for (let r = t; r < e.length; r += 1) if (n === e[r]) return r;
+	return -1;
+}
+var Mt = [
+	_t,
+	vt,
+	xt,
+	kt,
+	({ instance: e, params: t, state: n }) => {
+		let r = _().direction === "rtl", i = Z.useRef({});
+		dt(e, { mapFirstChar: K((e, t) => (i.current[e] = t, () => {
+			let t = D({}, i.current);
+			delete t[e], i.current = t;
+		})) });
+		let a = (t) => (n.focusedNodeId != null && e.isNodeExpandable(n.focusedNodeId) && (e.isNodeExpanded(n.focusedNodeId) ? e.focusNode(t, ct(e, n.focusedNodeId)) : e.isNodeDisabled(n.focusedNodeId) || e.toggleNodeExpansion(t, n.focusedNodeId)), !0), o = (t) => {
+			if (n.focusedNodeId == null) return !1;
+			if (e.isNodeExpanded(n.focusedNodeId) && !e.isNodeDisabled(n.focusedNodeId)) return e.toggleNodeExpansion(t, n.focusedNodeId), !0;
+			let r = e.getNode(n.focusedNodeId).parentId;
+			return r ? (e.focusNode(t, r), !0) : !1;
+		}, s = (n, r, a) => {
+			let o, s, c = a.toLowerCase(), l = [], u = [];
+			Object.keys(i.current).forEach((n) => {
+				let r = e.getNode(n), a = !r.parentId || e.isNodeExpanded(r.parentId), o = !t.disabledItemsFocusable && e.isNodeDisabled(n);
+				a && !o && (l.push(n), u.push(i.current[n]));
+			}), o = l.indexOf(r) + 1, o >= l.length && (o = 0), s = jt(u, o, c), s === -1 && (s = jt(u, 0, c)), s > -1 && e.focusNode(n, l[s]);
+		}, c = (t, n) => {
+			e.isNodeDisabled(ct(e, n)) || e.selectRange(t, {
+				end: ct(e, n),
+				current: n
+			}, !0);
+		}, l = (t, n) => {
+			e.isNodeDisabled(st(e, n)) || e.selectRange(t, {
+				end: st(e, n),
+				current: n
+			}, !0);
+		}, u = (i) => (u) => {
+			var d;
+			(d = i.onKeyDown) == null || d.call(i, u);
+			let f = !1, p = u.key;
+			if (u.altKey || u.currentTarget !== u.target || n.focusedNodeId == null) return;
+			let m = u.ctrlKey || u.metaKey;
+			switch (p) {
+				case " ":
+					!t.disableSelection && !e.isNodeDisabled(n.focusedNodeId) && (f = !0, t.multiSelect && u.shiftKey ? e.selectRange(u, { end: n.focusedNodeId }) : t.multiSelect ? e.selectNode(u, n.focusedNodeId, !0) : e.selectNode(u, n.focusedNodeId)), u.stopPropagation();
+					break;
+				case "Enter":
+					e.isNodeDisabled(n.focusedNodeId) || (e.isNodeExpandable(n.focusedNodeId) ? (e.toggleNodeExpansion(u, n.focusedNodeId), f = !0) : t.disableSelection || (f = !0, t.multiSelect ? e.selectNode(u, n.focusedNodeId, !0) : e.selectNode(u, n.focusedNodeId))), u.stopPropagation();
+					break;
+				case "ArrowDown":
+					t.multiSelect && u.shiftKey && !t.disableSelection && c(u, n.focusedNodeId), e.focusNode(u, ct(e, n.focusedNodeId)), f = !0;
+					break;
+				case "ArrowUp":
+					t.multiSelect && u.shiftKey && !t.disableSelection && l(u, n.focusedNodeId), e.focusNode(u, st(e, n.focusedNodeId)), f = !0;
+					break;
+				case "ArrowRight":
+					f = r ? o(u) : a(u);
+					break;
+				case "ArrowLeft":
+					f = r ? a(u) : o(u);
+					break;
+				case "Home":
+					t.multiSelect && m && u.shiftKey && !t.disableSelection && !e.isNodeDisabled(n.focusedNodeId) && e.rangeSelectToFirst(u, n.focusedNodeId), e.focusNode(u, ut(e)), f = !0;
+					break;
+				case "End":
+					t.multiSelect && m && u.shiftKey && !t.disableSelection && !e.isNodeDisabled(n.focusedNodeId) && e.rangeSelectToLast(u, n.focusedNodeId), e.focusNode(u, lt(e)), f = !0;
+					break;
+				default: p === "*" ? (e.expandAllSiblings(u, n.focusedNodeId), f = !0) : t.multiSelect && m && p.toLowerCase() === "a" && !t.disableSelection ? (e.selectRange(u, {
+					start: ut(e),
+					end: lt(e)
+				}), f = !0) : !m && !u.shiftKey && At(p) && (s(u, n.focusedNodeId, p), f = !0);
+			}
+			f && (u.preventDefault(), u.stopPropagation());
+		};
+		return { getRootProps: (e) => ({ onKeyDown: u(e) }) };
+	},
+	({ instance: e, params: t }) => {
+		let n = A(t.id);
+		return {
+			getRootProps: () => ({ id: n }),
+			contextValue: {
+				treeId: n,
+				instance: e,
+				multiSelect: t.multiSelect,
+				disabledItemsFocusable: t.disabledItemsFocusable,
+				icons: {
+					defaultCollapseIcon: t.defaultCollapseIcon,
+					defaultEndIcon: t.defaultEndIcon,
+					defaultExpandIcon: t.defaultExpandIcon,
+					defaultParentIcon: t.defaultParentIcon
+				}
+			}
+		};
+	}
+];
+M(), b();
+var Nt = [
+	"disabledItemsFocusable",
+	"expanded",
+	"defaultExpanded",
+	"onNodeToggle",
+	"onNodeFocus",
+	"disableSelection",
+	"defaultSelected",
+	"selected",
+	"multiSelect",
+	"onNodeSelect",
+	"id",
+	"defaultCollapseIcon",
+	"defaultEndIcon",
+	"defaultExpandIcon",
+	"defaultParentIcon",
+	"children"
+], Pt = (e) => {
+	let { classes: t } = e;
+	return oe({ root: ["root"] }, it, t);
+}, Ft = q("ul", {
+	name: "MuiTreeView",
+	slot: "Root",
+	overridesResolver: (e, t) => t.root
+})({
+	padding: 0,
+	margin: 0,
+	listStyle: "none",
+	outline: 0
+}), It = /*#__PURE__*/ Z.forwardRef(function(e, t) {
+	let n = Y({
+		props: e,
+		name: "MuiTreeView"
+	}), r = n, i = n, { disabledItemsFocusable: a, expanded: o, defaultExpanded: s, onNodeToggle: c, onNodeFocus: l, disableSelection: u, defaultSelected: d, selected: f, multiSelect: p, onNodeSelect: m, id: h, defaultCollapseIcon: g, defaultEndIcon: _, defaultExpandIcon: v, defaultParentIcon: b, children: x } = i, S = y(i, Nt), { getRootProps: C, contextValue: w } = mt({
+		disabledItemsFocusable: a,
+		expanded: o,
+		defaultExpanded: s,
+		onNodeToggle: c,
+		onNodeFocus: l,
+		disableSelection: u,
+		defaultSelected: d,
+		selected: f,
+		multiSelect: p,
+		onNodeSelect: m,
+		id: h,
+		defaultCollapseIcon: g,
+		defaultEndIcon: _,
+		defaultExpandIcon: v,
+		defaultParentIcon: b,
+		plugins: Mt,
+		rootRef: t
+	}), T = Ie({
+		elementType: Ft,
+		externalSlotProps: {},
+		externalForwardedProps: S,
+		className: Pt(n).root,
+		getSlotProps: C,
+		ownerState: r
+	});
+	return /*#__PURE__*/ (0, Q.jsx)(ht, {
+		value: w,
+		children: /*#__PURE__*/ (0, Q.jsx)(Ft, D({}, T, { children: x }))
+	});
+}), Lt = "5px", Rt = g`
+  100% {
+    background-position: -200% 0;
+  }
+`, zt = v({
+	background: `linear-gradient(90deg, ${n.grey5} 25%, ${n.grey4} 50%, ${n.grey5} 75%)`,
+	backgroundSize: "200% 100%",
+	animation: `${Rt} 1.4s ease-in-out infinite`,
+	"@media (prefers-reduced-motion: reduce)": { animation: "none" }
+}), Bt = (e) => ({ "& > .MuiTreeItem-content": {
+	backgroundColor: `${e} !important`,
+	borderRadius: Lt
+} }), Vt = (e, t) => ({
+	width: "100%",
+	minWidth: 0,
+	"& .MuiTreeItem-group": { paddingLeft: "5px" },
+	"& .MuiTreeItem-content": { minWidth: 0 },
+	"& .MuiTreeItem-content:hover": {
+		backgroundColor: `${e} !important`,
+		borderRadius: Lt
+	},
+	"& .MuiTreeItem-content:hover .MuiTreeItem-iconContainer:has(svg)": {
+		backgroundColor: e,
+		borderRadius: Lt
+	},
+	...t && {
+		[V.md]: { "& .MuiTreeItem-group": { paddingLeft: "4px" } },
+		[V.sm]: {
+			"& .MuiTreeItem-group": { paddingLeft: "3px" },
+			"& .MuiTreeItem-iconContainer": {
+				width: "16px",
+				"& svg": {
+					width: "16px",
+					height: "16px"
+				}
+			}
+		},
+		[V.xs]: {
+			"& .MuiTreeItem-group": { paddingLeft: "2px" },
+			"& .MuiTreeItem-iconContainer": {
+				width: "12px",
+				"& svg": {
+					width: "12px",
+					height: "12px"
+				}
+			}
+		}
+	}
+}), Ht = m({
+	row: (e) => ({
+		display: "flex",
+		alignItems: "center",
+		boxSizing: "border-box",
+		height: 28,
+		padding: 4,
+		...e && {
+			[V.md]: {
+				height: 24,
+				padding: 3
+			},
+			[V.sm]: {
+				height: 16,
+				padding: 2,
+				"& > div:first-of-type": {
+					width: 11,
+					height: 11,
+					marginRight: 4
+				},
+				"& > div:last-child": { height: 9 }
+			},
+			[V.xs]: {
+				height: 12,
+				padding: 1,
+				"& > div:first-of-type": {
+					width: 10,
+					height: 10,
+					marginRight: 3
+				},
+				"& > div:last-child": { height: 8 }
+			}
+		}
+	}),
+	dimensionPlaceholder: {
+		flexShrink: 0,
+		width: 14,
+		height: 14,
+		borderRadius: 2,
+		marginRight: 6
+	},
+	labelPlaceholder: {
+		width: "55%",
+		height: 12,
+		borderRadius: 3
+	}
+}), Ut = ({ nodeId: e, filterFontSize: t, filterFontColor: n, responsive: r }) => {
+	let i = Ht(r);
+	return /* @__PURE__ */ (0, Q.jsx)(Q.Fragment, { children: Array.from({ length: 3 }, (r, a) => /* @__PURE__ */ (0, Q.jsx)(rt, {
+		nodeId: `loading-${e}-${a}`,
+		icon: /* @__PURE__ */ (0, Q.jsx)(R, {
+			size: t,
+			fill: n
+		}),
+		label: /* @__PURE__ */ (0, Q.jsxs)("div", {
+			className: i.row,
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ (0, Q.jsx)("div", { className: `${zt} ${i.dimensionPlaceholder}` }), /* @__PURE__ */ (0, Q.jsx)("div", { className: `${zt} ${i.labelPlaceholder}` })]
+		}),
+		disabled: !0,
+		sx: { pointerEvents: "none" }
+	}, `loading-${e}-${a}`)) });
+}, Wt = (e, t, n) => e.map((e, t) => ({
+	entry: e,
+	index: t
+})).sort((e, r) => {
+	let i = n[t] ?? [], a = i.includes(e.entry[1].value), o = i.includes(r.entry[1].value);
+	return Number(o) - Number(a) || e.index - r.index;
+}).map(({ entry: e }) => e), Gt = ({ filterValues: e, filterDimensionsCount: t, searchTerm: n, primaryDimensionKey: r, isPreview: i, isFieldLocked: a, loadMoreData: o, hoverColor: s, filterFontSize: l, filterFontColor: d, vSpec: f, dimensionSelectionMethods: p, selectionMode: m }) => {
+	let [h, g] = (0, Z.useState)([]), [_, v] = (0, Z.useState)([]), [y, b] = (0, Z.useState)([]), x = f.dimensions.filter((e) => e.role === c.FILTER_DIMENSION), S = JSON.stringify({
+		filterDimensions: x.map(({ dataItem: e, dateLevel: t, datePart: n }) => ({
+			internalKey: e.internalKey,
+			dateLevel: t,
+			datePart: n
+		})),
+		showOnlyAvailableValuesInFilter: f.filterSettings?.showOnlyAvailableValuesInFilter
+	}), C = f.dimensions.find((e) => e.role === c.FILTER_IMAGE) ?? (f.dimensions.every((e) => !e.role) ? f.dimensions[1] : void 0), w = e.reduce((e, t) => typeof t.measure1 == "number" ? e === null ? t.measure1 : Math.max(e, t.measure1) : e, null), T = (0, Z.useMemo)(() => {
+		let t = /* @__PURE__ */ new Map();
+		return e.forEach(({ dimension: e, childDimension: n, dimensionValues: r, disabled: i, image: a, measure1: o, measure2: s }) => {
+			let c = r ?? [e, ...n === void 0 ? [] : [n]];
+			if (c[0] === null || c[0] === void 0) return;
+			let l = t, u;
+			c.forEach((e) => {
+				if (e == null) return;
+				let t = JSON.stringify(e), n = l.get(t) ?? {
+					value: e,
+					label: String(e),
+					disabled: !!i,
+					children: /* @__PURE__ */ new Map()
+				};
+				n.disabled = n.disabled && !!i, l.set(t, n), u = n, l = n.children;
+			}), u && (o != null || s != null) && (u.measure1 = o, u.measure2 = s), u && a && (u.image = a);
+		}), Array.from(t.entries());
+	}, [e, f.measures]), E = (0, Z.useMemo)(() => {
+		let e = /* @__PURE__ */ new Map(), t = (e) => `tree-${encodeURIComponent(JSON.stringify(e))}`, n = (r, i, a) => {
+			let o = t(i);
+			e.set(o, {
+				node: r,
+				level: a
+			}), Array.from(r.children.entries()).forEach(([e, t]) => {
+				n(t, [...i, e], a + 1);
+			});
+		};
+		return T.forEach(([e, t]) => n(t, [e], 0)), e;
+	}, [T]);
+	(0, Z.useEffect)(() => {
+		g([]), v([]), b([]);
+	}, [r, S]), (0, Z.useEffect)(() => {
+		n || g([]);
+	}, [n]), (0, Z.useEffect)(() => {
+		n && g(Array.from(E.entries()).filter(([, { level: e }]) => e < t - 1).map(([e]) => e));
+	}, [
+		t,
+		n,
+		E
+	]);
+	let D = (e, t) => {
+		let n = t.filter((e) => !h.includes(e));
+		g(t), n.forEach((e) => {
+			let t = E.get(e);
+			!t || t.node.children.size > 0 || _.includes(e) || (async () => {
+				let n = !1;
+				b((t) => t.includes(e) ? t : [...t, e]);
+				try {
+					await o(t.node.value, t.level), n = !0;
+				} catch {
+					g((t) => t.filter((t) => t !== e));
+				} finally {
+					b((t) => t.filter((t) => t !== e)), n ? v((t) => t.includes(e) ? t : [...t, e]) : g((t) => t.filter((t) => t !== e));
+				}
+			})();
+		});
+	}, O = p.map((e) => e?.state.pending ?? e?.state.applied ?? []), k = p.map((e) => e?.state.applied ?? []), A = (e, t, n) => {
+		if (m === u.AllLevels && n.some((e, t) => {
+			let n = O[t] ?? [];
+			return (p[t]?.operators.pending ?? p[t]?.operators.applied) !== X.FilterOperator.NotInList && n.length > 0 && !n.includes(e.value);
+		})) return "none";
+		if (O[t]?.includes(e.value)) return "full";
+		let r = Array.from(e.children.values()).map((r) => A(r, t + 1, [...n, e]));
+		return r.length > 0 && r.every((e) => e === "full") ? "full" : r.some((e) => e !== "none") ? "partial" : "none";
+	}, j = (e, r, o, c) => {
+		let h = `tree-${encodeURIComponent(JSON.stringify(o))}`, g = p[r], v = !!x[r]?.expandOnly, b = Wt(Array.from(e.children.entries()), r + 1, k), S = r < t - 1, T = S && (b.length > 0 || !_.includes(h)), E = c.some((e, t) => {
+			let n = k[t] ?? [];
+			return p[t]?.operators.applied !== X.FilterOperator.NotInList && n.length > 0 && !n.includes(e.value);
+		}), D = A(e, r, c), O = e.disabled || E || a || !!i, M = (e.disabled || E) && !S || a || !!i;
+		return /* @__PURE__ */ (0, Q.jsx)(rt, {
+			nodeId: h,
+			disabled: M,
+			sx: D === "full" ? Bt(s) : void 0,
+			"data-testid": `${e.label}-tree-item`,
+			label: /* @__PURE__ */ (0, Q.jsx)(Se, {
+				selected: D === "full",
+				applied: !1,
+				disabled: O,
+				hoverColor: s,
+				onSelect: v ? void 0 : (t) => {
+					t.stopPropagation(), !O && (m === u.AllLevels && c.forEach((e, t) => {
+						x[t]?.expandOnly || p[t]?.onClick(e.value, { on: !0 });
+					}), g?.onClick(e.value));
+				},
+				showProgressBar: f.filterSettings?.showProgressBar,
+				showCheckbox: !v,
+				showSelectionIcon: !v,
+				checkboxState: D,
+				dimensionValue: e.value,
+				dimensionFormatter: x[r]?.formatter,
+				measure1Value: e.measure1,
+				measure1Label: f.measures[0]?.filterValueLabel,
+				measure1Formatter: f.measures[0]?.formatter,
+				measure2Value: e.measure2,
+				measure2Label: f.measures[1]?.filterValueLabel,
+				measure2Formatter: f.measures[1]?.formatter,
+				maxValue: w,
+				imageValue: e.image,
+				imageFit: C?.imageFit,
+				searchTerm: n,
+				fontStyle: f.filterSettings?.fontStyle,
+				fontSize: l,
+				progressBarColor: f.filterSettings?.filterStyle?.progressBarColor,
+				responsive: f?.filterSettings?.responsive
+			}),
+			children: T ? /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [b.map(([t, n]) => j(n, r + 1, [...o, t], [...c, e])), b.length === 0 ? y.includes(h) ? /* @__PURE__ */ (0, Q.jsx)(Ut, {
+				nodeId: h,
+				filterFontSize: l,
+				filterFontColor: d,
+				responsive: f?.filterSettings?.responsive
+			}) : /* @__PURE__ */ (0, Q.jsx)(rt, {
+				nodeId: `placeholder-${h}`,
+				label: "",
+				sx: { display: "none" }
+			}) : null] }) : void 0
+		}, h);
+	};
+	return /* @__PURE__ */ (0, Q.jsx)(It, {
+		"aria-label": "Filter values",
+		defaultCollapseIcon: /* @__PURE__ */ (0, Q.jsx)(L, {
+			size: l,
+			fill: d,
+			"data-testid": "collapse-icon"
+		}),
+		defaultExpandIcon: /* @__PURE__ */ (0, Q.jsx)(R, {
+			size: l,
+			fill: d,
+			"data-testid": "expand-icon"
+		}),
+		sx: Vt(s, f?.filterSettings?.responsive),
+		expanded: h,
+		selected: [],
+		onNodeToggle: D,
+		children: Wt(T, 0, k).map(([e, t]) => j(t, 0, [e], []))
+	});
+}, Kt = {
+	borderBottom: `1px solid ${n.grey5}`,
+	margin: "0 12px",
+	width: "calc(100% - 24px)"
+}, qt = {
+	flexGrow: 1,
+	borderRadius: 0,
+	height: 28,
+	boxShadow: "0 3px 6px rgba(0, 0, 0, 0.2)",
+	clipPath: "inset(0 0 -10px 0)",
+	transform: "translateY(-3px)"
+}, Jt = {
+	position: "absolute",
+	inset: 0,
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "flex-end",
+	pointerEvents: "auto",
+	zIndex: 2
+}, Yt = ({ vSpec: e, vTheme: t, filterValues: n, isPreview: r, loadMoreData: a, searchTerm: s, setSearchTerm: u, allValuesLoaded: d, isSearching: p = !1, isApplyingFilters: m = !1 }) => {
+	let h = f(), [g, _] = (0, Z.useState)(s), v = !!e.filterSettings?.defaultNotState, y = e.filterSettings?.selectionMode ?? l.selectionMode, [b, x] = (0, Z.useState)(v), [S, C] = pe(e), T = (0, Z.useMemo)(() => (0, Te.default)((e) => u(e), 300), [u]), E = n.reduce((e, t) => (t.disabled || e.push(t.dimension), e), []), D = e.dimensions.filter((e) => e.role === c.FILTER_DIMENSION), A = D[0] ?? e.dimensions[0], j = D.length > 1, M = r ? [] : D.length > 0 ? D.map((e, t) => ({
+		dataItem: e.dataItem,
+		dateLevel: e.dateLevel,
+		datePart: e.datePart,
+		values: n.map((e) => e.dimensionValues?.[t] ?? (t === 0 ? e.dimension : t === 1 ? e.childDimension : null)).filter((e) => e != null)
+	})) : [{
+		dataItem: A?.dataItem,
+		dateLevel: A?.dateLevel,
+		datePart: A?.datePart,
+		values: E
+	}], { hasImage: N, hasMeasure: I, searchEnabled: L, quickSelection: R } = we(e), z = e.filterSettings?.filterStyle?.backgroundColor ?? o.backgroundColor, B = e.filterSettings?.fontStyle?.fontSize ?? o.fontSize, V = i(t, e.filterSettings?.fontStyle?.fontColor), H = te({
+		...ie,
+		"--background-color": z
+	})["--background-color-hover"], U = P(M, {
+		disabled: r,
+		state: R ? X.SelectionState.APPLIED : void 0,
+		defaultOperator: b ? X.FilterOperator.NotInList : X.FilterOperator.InList,
+		commitHistory: R
+	}), { onClear: W, onClick: G, onDeselectAll: K, onSelectExcluded: ne, onNotOperatorChange: re, onSelectAll: q, field: ae, state: oe, operators: se } = U[0] ?? w, { isFieldLocked: J, toggleFieldLock: ce } = k(ae), le = oe.pending ?? oe.applied ?? [], me = O([ae]);
+	(0, Z.useEffect)(() => {
+		let e = se.pending ?? se.applied;
+		if (e) {
+			x(e === X.FilterOperator.NotInList);
+			return;
+		}
+		x(v);
+	}, [v, se]);
+	let he = (0, Z.useCallback)(() => {
+		x((e) => !e), re();
+	}, [x, re]);
+	function ve() {
+		d ? q() : h.daedalus.emitEvent(X.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+			type: "warn",
+			message: "Cannot select values, because not all of them are loaded!"
+		});
+	}
+	let Se = J || m && !j || p, Ce = (0, Z.useRef)(null);
+	(0, Z.useEffect)(() => {
+		Ce.current?.toggleAttribute("inert", Se);
+	}, [Se]);
+	let Y = n;
+	return J && (Y = n.filter((e) => le.includes(e.dimension))), /* @__PURE__ */ (0, Q.jsx)("div", {
+		style: {
+			position: "relative",
+			height: "100%"
+		},
+		children: /* @__PURE__ */ (0, Q.jsx)(xe, {
+			blurBackground: !0,
+			filterStyle: e.filterSettings?.filterStyle,
+			vTheme: t,
+			fontSize: e.filterSettings?.fontStyle?.fontSize ?? o.fontSize,
+			children: /* @__PURE__ */ (0, Q.jsxs)(fe.Provider, {
+				value: {
+					appliedOperator: se.applied,
+					pendingOperator: se.pending
+				},
+				children: [
+					/* @__PURE__ */ (0, Q.jsx)(ye, {
+						measureTitle: C,
+						dimensionTitle: S,
+						searchEnabled: L && !r,
+						searchTerm: g,
+						onSearchChange: (e) => {
+							_(e), T(e);
+						},
+						onApplySearched: ve,
+						fontStyle: e.filterSettings?.fontStyle,
+						vTheme: t,
+						isNotEnabled: b,
+						responsive: e?.filterSettings?.responsive,
+						isLocked: J,
+						children: R ? null : /* @__PURE__ */ (0, Q.jsx)(De, {
+							isPreview: r,
+							responsive: e?.filterSettings?.responsive,
+							areSelectedValues: le.length > 0,
+							arePendingValues: !!oe.pending,
+							onClear: W,
+							onDeselectAll: K,
+							onSelectExcluded: ne,
+							onSelectAll: q,
+							toggleNotOperator: he,
+							onLockClick: ce,
+							isNotEnabled: b,
+							isSingleSelectField: me
+						})
+					}),
+					p ? /* @__PURE__ */ (0, Q.jsx)(ue, { loading: !0 }) : /* @__PURE__ */ (0, Q.jsx)("div", { style: Kt }),
+					/* @__PURE__ */ (0, Q.jsx)("div", {
+						ref: Ce,
+						style: {
+							height: "100%",
+							opacity: Se ? .5 : 1,
+							pointerEvents: Se ? "none" : void 0,
+							transition: "opacity 0.15s ease"
+						},
+						children: /* @__PURE__ */ (0, Q.jsxs)(_e, {
+							loadMoreData: a,
+							responsive: e?.filterSettings?.responsive,
+							children: [d && Y.length === 0 && !p && !m ? /* @__PURE__ */ (0, Q.jsx)(de, {
+								responsive: e?.filterSettings?.responsive,
+								applied: !1,
+								disabled: !1,
+								selected: !1,
+								hoverColor: H,
+								fontStyle: e.filterSettings.fontStyle,
+								dimensionValue: "No results to display."
+							}) : null, j ? /* @__PURE__ */ (0, Q.jsx)(Gt, {
+								filterValues: Y,
+								filterDimensionsCount: D.length,
+								searchTerm: s,
+								primaryDimensionKey: A?.dataItem.internalKey,
+								isPreview: r,
+								isFieldLocked: J,
+								loadMoreData: a,
+								hoverColor: H,
+								filterFontSize: B,
+								filterFontColor: V,
+								vSpec: e,
+								dimensionSelectionMethods: U,
+								selectionMode: y
+							}) : N || I ? /* @__PURE__ */ (0, Q.jsx)(ge, {
+								vSpec: e,
+								filterValues: Y,
+								hoverColor: H,
+								onItemClick: G,
+								selectedValues: le,
+								appliedValues: oe.applied ?? [],
+								searchTerm: s
+							}) : /* @__PURE__ */ (0, Q.jsx)(be, {
+								vSpec: e,
+								filterValues: Y,
+								hoverColor: H,
+								onItemClick: G,
+								selectedValues: le,
+								appliedValues: oe.applied ?? [],
+								searchTerm: s
+							})]
+						})
+					}),
+					J && /* @__PURE__ */ (0, Q.jsx)("div", {
+						style: Jt,
+						children: /* @__PURE__ */ (0, Q.jsx)(ee, {
+							color: "secondary",
+							style: qt,
+							onClick: () => ce(),
+							children: /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(F, { fill: "white" }), "Unlock"] })
+						})
+					})
+				]
+			})
+		})
+	});
+};
+function Xt(e) {
+	let { quickSelection: t, isPreview: n, areSelectedValues: r, state: i, responsive: a, isSingleSelectField: o = !1, onClear: s, onDeselectAll: c, onSelectAll: l, onSelectExcluded: u, onNotOperatorChange: d, onLockClick: p } = e, [m, h] = (0, Z.useState)(!1), g = Ee({ responsive: a }), { appliedOperator: _, pendingOperator: v } = (0, Z.useContext)(fe), y = _ ?? v ?? X.FilterOperator.InList, b = f().daedalus.getWorkbookProperties()?.isLockUnlockFieldsEnabled ?? !1;
+	if (t) return null;
+	let x = [{
+		disabled: n || !i.pending,
+		key: "clear",
+		label: "Clear",
+		type: "option",
+		onClick: s
+	}];
+	return o || x.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		disabled: n || !r,
+		key: "deselect-all",
+		label: "Deselect all",
+		type: "option",
+		onClick: c
+	}, {
+		disabled: n,
+		key: "select-all",
+		label: y === X.FilterOperator.InList ? "Select all" : "Exclude all",
+		type: "option",
+		onClick: l
+	}, {
+		disabled: n,
+		key: "invert",
+		label: "Invert",
+		type: "option",
+		onClick: u
+	}, {
+		disabled: n,
+		key: "not",
+		label: "Exclude",
+		type: "option",
+		onClick: d
+	}), b && x.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		key: "lock",
+		label: "Lock",
+		type: "option",
+		icon: { right: /* @__PURE__ */ (0, Q.jsx)(I, {}) },
+		onClick: p
+	}), /* @__PURE__ */ (0, Q.jsx)(ne, {
+		open: m,
+		placement: "bottom-end",
+		title: /* @__PURE__ */ (0, Q.jsx)(Ce, {
+			onClickAway: () => h(!1),
+			children: /* @__PURE__ */ (0, Q.jsx)(ae, {
+				appearance: "legacy",
+				onClose: () => h(!1),
+				options: x,
+				responsive: a,
+				style: { margin: "-8px -12px" }
+			})
+		}),
+		children: /* @__PURE__ */ (0, Q.jsx)(G, {
+			onClick: () => h(!m),
+			className: g.menuTrigger,
+			children: /* @__PURE__ */ (0, Q.jsx)(E, {
+				fill: "currentColor",
+				size: 20
+			})
+		})
+	});
+}
+var Zt = m({
+	searchWrapper: (e) => ({
+		alignItems: "center",
+		display: "flex",
+		flexDirection: "row",
+		gap: 4,
+		justifyContent: "space-between",
+		padding: "8px 8px 8px 12px",
+		position: "relative",
+		width: "100%",
+		...e && {
+			[V.md]: { padding: "6px 6px 6px 10px" },
+			[V.sm]: { padding: "4px 4px 4px 8px" },
+			[V.xs]: { padding: "2px 2px 2px 4px" }
+		}
+	}),
+	searchWrapperSearch: { flexGrow: 1 },
+	tooltip: (e) => ({
+		"& .MuiTooltip-tooltip": {
+			padding: 0,
+			margin: 0,
+			backgroundColor: "transparent"
+		},
+		...$t("bottom", e),
+		...$t("top", e)
+	}),
+	unlockButtonStyles: {
+		width: "100%",
+		height: 28,
+		boxShadow: "0 3px 6px rgba(0, 0, 0, 0.2)",
+		clipPath: "inset(0 0 -10px 0)",
+		transform: "translateY(-3px)"
+	}
+});
+function Qt(e) {
+	let { children: t, isOpen: r, setIsOpen: i, isPreview: a, vSpec: s, vTheme: c, onSearchChange: l, setLocalSearch: u, allValuesLoaded: d, onSelectAll: p, localSearch: m, searchTerm: h, loadMoreData: g, headerElement: _, filterValues: v, hierarchicalMode: y, filterDimensionsCount: b, primaryDimensionKey: x, dimensionSelectionMethods: S, selectionMode: C, onNotOperatorChange: w, onClick: T, onDeselectAll: E, onClear: D, onSelectExcluded: O, state: k, onLockClick: A, isLocked: j, isSingleSelectField: M = !1, isSearching: N = !1, isApplyingFilters: P = !1 } = e, I = f(), L = Zt(s?.filterSettings?.responsive), R = P || N, z = (0, Z.useRef)(null);
+	(0, Z.useEffect)(() => {
+		z.current?.toggleAttribute("inert", R);
+	}, [R]);
+	let { quickSelection: B, hasMeasure: V, hasImage: H, searchEnabled: U } = we(s), W = k.pending ?? k.applied ?? [], G = s.filterSettings?.filterStyle?.borderRadius ?? o.borderRadius, K = s.filterSettings?.fontStyle?.fontColor ?? c?.fonts?.general?.color ?? n.mainDarkNavy, re = s.filterSettings?.filterStyle?.backgroundColor ?? o.backgroundColor, q = te({
+		...ie,
+		"--background-color": re
+	})["--background-color-hover"];
+	function ae(e) {
+		switch (e.key) {
+			case "Enter":
+				d ? p() : I.daedalus.emitEvent(X.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+					type: "warn",
+					message: "Cannot select values, because not all of them are loaded!"
+				});
+				break;
+			case "Escape":
+				u("");
+				break;
+		}
+	}
+	return /* @__PURE__ */ (0, Q.jsx)(ne, {
+		placement: "bottom-start",
+		arrow: !1,
+		open: r,
+		classes: { popper: L.tooltip },
+		slotProps: { popper: { anchorEl: _?.current?.firstElementChild } },
+		title: /* @__PURE__ */ (0, Q.jsx)(Ce, {
+			onClickAway: () => i(!1),
+			children: /* @__PURE__ */ (0, Q.jsx)("div", {
+				style: {
+					minWidth: _.current?.clientWidth ?? null,
+					maxWidth: "80vw",
+					fontSize: s.filterSettings?.fontStyle?.fontSize ?? o.fontSize
+				},
+				children: r && /* @__PURE__ */ (0, Q.jsxs)("div", {
+					style: { position: "relative" },
+					children: [/* @__PURE__ */ (0, Q.jsx)("div", {
+						style: {
+							filter: j ? "brightness(0.93)" : void 0,
+							pointerEvents: j ? "none" : void 0
+						},
+						children: /* @__PURE__ */ (0, Q.jsxs)(ve, {
+							filterStyle: s.filterSettings?.filterStyle,
+							vTheme: c,
+							isLocked: j,
+							children: [
+								U && !a && /* @__PURE__ */ (0, Q.jsxs)("div", {
+									className: L.searchWrapper,
+									style: { color: K },
+									children: [/* @__PURE__ */ (0, Q.jsx)(se, {
+										className: L.searchWrapperSearch,
+										"data-testid": "filter-search-input",
+										onChange: (e) => {
+											l(e.target.value);
+										},
+										autoFocus: !j,
+										onPaste: me(l),
+										onKeyDown: ae,
+										style: {
+											color: K,
+											borderColor: K
+										},
+										value: m,
+										responsive: s?.filterSettings?.responsive
+									}), /* @__PURE__ */ (0, Q.jsx)(Xt, {
+										responsive: s?.filterSettings?.responsive,
+										isPreview: a,
+										quickSelection: B,
+										areSelectedValues: !!W.length,
+										state: k,
+										onClear: D,
+										onDeselectAll: E,
+										onSelectAll: p,
+										onSelectExcluded: O,
+										onNotOperatorChange: w,
+										onLockClick: A,
+										isSingleSelectField: M
+									})]
+								}),
+								/* @__PURE__ */ (0, Q.jsx)(ue, { loading: N }),
+								/* @__PURE__ */ (0, Q.jsx)("div", {
+									ref: z,
+									style: {
+										opacity: R ? .5 : 1,
+										pointerEvents: R ? "none" : void 0,
+										transition: "opacity 0.15s ease"
+									},
+									children: /* @__PURE__ */ (0, Q.jsxs)(_e, {
+										loadMoreData: g,
+										isDropdown: !0,
+										hasSearch: U,
+										responsive: s?.filterSettings?.responsive,
+										children: [d && v.length === 0 && !N && !P ? /* @__PURE__ */ (0, Q.jsx)(de, {
+											applied: !1,
+											disabled: !1,
+											selected: !1,
+											hoverColor: q,
+											fontStyle: s.filterSettings.fontStyle,
+											dimensionValue: "No results to display.",
+											responsive: s?.filterSettings?.responsive
+										}) : null, y ? /* @__PURE__ */ (0, Q.jsx)(Gt, {
+											filterValues: v,
+											filterDimensionsCount: b,
+											searchTerm: h,
+											primaryDimensionKey: x,
+											isPreview: a,
+											isFieldLocked: j,
+											loadMoreData: g,
+											hoverColor: q,
+											filterFontSize: s.filterSettings?.fontStyle?.fontSize ?? o.fontSize,
+											filterFontColor: K,
+											vSpec: s,
+											dimensionSelectionMethods: S,
+											selectionMode: C
+										}) : H || V ? /* @__PURE__ */ (0, Q.jsx)(ge, {
+											vSpec: s,
+											filterValues: v,
+											hoverColor: q,
+											onItemClick: T,
+											selectedValues: W,
+											appliedValues: k.applied ?? [],
+											searchTerm: h
+										}) : /* @__PURE__ */ (0, Q.jsx)(be, {
+											vSpec: s,
+											filterValues: v,
+											hoverColor: q,
+											onItemClick: T,
+											selectedValues: W,
+											appliedValues: k.applied ?? [],
+											searchTerm: h
+										})]
+									})
+								})
+							]
+						})
+					}), j && /* @__PURE__ */ (0, Q.jsx)(ee, {
+						color: "secondary",
+						style: { borderRadius: `0 0 ${G}px ${G}px` },
+						className: L.unlockButtonStyles,
+						onClick: A,
+						children: /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(F, { fill: "white" }), "Unlock"] })
+					})]
+				})
+			})
+		}),
+		children: t
+	});
+}
+function $t(e, t) {
+	let n = e === "top" ? "marginBottom" : "marginTop";
+	return { [`&[data-popper-placement*="${e}"]`]: { "& .MuiTooltip-tooltip": {
+		[n]: 8,
+		...t && {
+			[V.md]: { [n]: 6 },
+			[V.sm]: { [n]: 4 },
+			[V.xs]: { [n]: 2 }
+		}
+	} } };
+}
+var en = {
+	backgroundColor: "transparent",
+	borderEnabled: !1
+}, tn = ({ vSpec: e, filterValues: t, isPreview: n, vTheme: r, loadMoreData: i, searchTerm: a, setSearchTerm: s, allValuesLoaded: u, isSearching: d = !1, isApplyingFilters: f = !1 }) => {
+	let p = (0, Z.useRef)(), [m, h] = (0, Z.useState)(!1), [g, _] = (0, Z.useState)(a), v = e.dimensions[0]?.formatter, y = e.dimensions.filter((e) => e.role === c.FILTER_DIMENSION), b = y.length > 1, x = t.map((e) => e.dimension), [S, C] = pe(e), { quickSelection: T } = we(e), E = e.filterSettings?.defaultNotState ? X.FilterOperator.NotInList : X.FilterOperator.InList, D = P(n ? [] : b ? y.map((e, n) => ({
+		dataItem: e.dataItem,
+		dateLevel: e.dateLevel,
+		datePart: e.datePart,
+		values: t.map((e) => e.dimensionValues?.[n] ?? (n === 0 ? e.dimension : n === 1 ? e.childDimension : null)).filter((e) => e != null)
+	})) : [{
+		dataItem: e.dimensions[0]?.dataItem,
+		dateLevel: e.dimensions[0]?.dateLevel,
+		datePart: e.dimensions[0]?.datePart,
+		values: x
+	}], {
+		disabled: n,
+		state: T ? X.SelectionState.APPLIED : void 0,
+		defaultOperator: E,
+		commitHistory: T
+	}), A = (0, Z.useMemo)(() => (0, Te.default)((e) => s(e), 300), [s]), { onClear: j, onClick: M, onDeselectAll: N, onSelectExcluded: F, onSelectAll: I, onNotOperatorChange: L, state: R, operators: z, field: B } = D[0] ?? w, V = R.pending ?? R.applied ?? [], { isFieldLocked: H, toggleFieldLock: U } = k(B), ee = O([B]), W = (e) => {
+		_(e), A(e);
+	}, te = t;
+	return H && (te = t.filter((e) => V.includes(e.dimension))), /* @__PURE__ */ (0, Q.jsx)(xe, {
+		noBorder: !0,
+		vTheme: r,
+		filterStyle: en,
+		fontSize: e.filterSettings?.fontStyle?.fontSize ?? o.fontSize,
+		children: /* @__PURE__ */ (0, Q.jsx)(fe.Provider, {
+			value: {
+				appliedOperator: z.applied,
+				pendingOperator: z.pending
+			},
+			children: /* @__PURE__ */ (0, Q.jsx)(Qt, {
+				isOpen: m,
+				isPreview: n,
+				vSpec: e,
+				vTheme: r,
+				allValuesLoaded: u,
+				localSearch: g,
+				searchTerm: a,
+				headerElement: p,
+				setIsOpen: h,
+				onSearchChange: W,
+				setLocalSearch: _,
+				loadMoreData: i,
+				filterValues: te,
+				hierarchicalMode: b,
+				filterDimensionsCount: y.length,
+				primaryDimensionKey: y[0]?.dataItem.internalKey,
+				dimensionSelectionMethods: D,
+				selectionMode: e.filterSettings?.selectionMode ?? l.selectionMode,
+				onNotOperatorChange: L,
+				onClick: M,
+				onDeselectAll: N,
+				onSelectAll: I,
+				onClear: j,
+				onSelectExcluded: F,
+				state: R,
+				onLockClick: U,
+				isLocked: H,
+				isSingleSelectField: ee,
+				isSearching: d,
+				isApplyingFilters: f,
+				children: /* @__PURE__ */ (0, Q.jsx)("div", {
+					ref: p,
+					style: { height: "100%" },
+					children: /* @__PURE__ */ (0, Q.jsx)(he, {
+						measureTitle: C,
+						dimensionTitle: S,
+						isOpen: m,
+						onToggle: () => h(!m),
+						dimensionFormatter: v,
+						selectedValues: V,
+						fontStyle: e.filterSettings?.fontStyle,
+						filterStyle: e.filterSettings?.filterStyle,
+						responsive: e?.filterSettings?.responsive,
+						isLocked: H
+					})
+				})
+			})
+		})
+	});
+}, nn = [
+	{ value: "Value 1" },
+	{ value: "Value 2" },
+	{ value: "Value 3" },
+	{ value: "Value 4" },
+	{ value: "Value 5" },
+	{ value: "Value 6" },
+	{ value: "Value 7" },
+	{ value: "Value 8" },
+	{ value: "Value 9" },
+	{ value: "Value 10" },
+	{ value: "Value 11" }
+], rn = ({ vSpec: e, vTheme: n }) => {
+	let i = nn.map((e) => ({ dimension: e.value })), a = {
+		...e,
+		dimensions: [{
+			dataItem: {
+				internalKey: null,
+				uniqueSignature: t(),
+				schema: "excel",
+				view: "pokemon",
+				name: "city",
+				dataType: X.FieldType.STRING,
+				type: r.Dimension
+			},
+			label: "Dimension"
+		}],
+		measures: []
+	};
+	return e.filterSettings.mode === s.Dropdown ? /* @__PURE__ */ (0, Q.jsx)(tn, {
+		allValuesLoaded: !0,
+		vSpec: a,
+		vTheme: n,
+		filterValues: i,
+		isPreview: !0,
+		searchTerm: "",
+		setSearchTerm: () => null,
+		loadMoreData: () => null
+	}) : /* @__PURE__ */ (0, Q.jsx)(Yt, {
+		allValuesLoaded: !0,
+		vSpec: a,
+		vTheme: n,
+		filterValues: i,
+		isPreview: !0,
+		searchTerm: "",
+		setSearchTerm: () => null,
+		loadMoreData: () => null
+	});
+}, an = d(({ vSpec: e, filterValues: t = [], vTheme: n, loadMoreData: r, searchTerm: i, setSearchTerm: o, allValuesLoaded: c, isSearching: l = !1, isApplyingFilters: u = !1 }) => {
+	let d = T();
+	if ((0, Z.useEffect)(() => {
+		e?.dimensions?.length < 2 && d();
+	}, [e]), !e?.dimensions?.length && e?.dimensions !== void 0) return /* @__PURE__ */ (0, Q.jsx)(rn, {
+		vSpec: {
+			...e,
+			filterSettings: {
+				...e.filterSettings,
+				mode: e.filterSettings?.mode ?? s.Listbox,
+				source: e.filterSettings?.source ?? a.Engine
+			}
+		},
+		vTheme: n
+	});
+	if (e?.dimensions === void 0 || !e?.filterSettings?.mode || !e?.filterSettings?.source) return null;
+	switch (e.filterSettings.mode) {
+		case s.Image: return null;
+		case s.Dropdown: return /* @__PURE__ */ (0, Q.jsx)(tn, {
+			allValuesLoaded: c,
+			vSpec: e,
+			vTheme: n,
+			filterValues: t,
+			loadMoreData: r,
+			searchTerm: i,
+			setSearchTerm: o,
+			isSearching: l,
+			isApplyingFilters: u
+		});
+		case s.Listbox:
+		default: return /* @__PURE__ */ (0, Q.jsx)(Yt, {
+			allValuesLoaded: c,
+			vSpec: e,
+			vTheme: n,
+			filterValues: t,
+			loadMoreData: r,
+			searchTerm: i,
+			setSearchTerm: o,
+			isSearching: l,
+			isApplyingFilters: u
+		});
+	}
+});
+export { an as Filter };