@luzmo/analytics-components-kit 1.0.8-beta.1 → 1.0.8-beta.2

package/components/{filters-CGlwSB1c.js → filters-hIID3Ol5.js}

@@ -19,22 +19,23 @@
  * */
 import { t as e } from "./decorate-DyMgX_Uh.js";
 import { t } from "./localized-mixin-D1ss6vE4.js";
-import "./filter-item-xi4ViBw6.js";
-import { luzmoPlus as n, luzmoTrashOutline as r } from "@luzmo/icons";
+import { t as n } from "./v4-DIjJgmR0.js";
+import "./filter-item-DhWm1nZ2.js";
+import { luzmoPlus as r, luzmoTrashOutline as i } from "@luzmo/icons";
 import "@luzmo/lucero/button";
 import "@luzmo/lucero/icon";
-import { html as i, unsafeCSS as a } from "lit";
-import { property as o, state as s } from "lit/decorators.js";
-import { localized as ee, msg as c } from "@lit/localize";
+import { html as a, unsafeCSS as o } from "lit";
+import { property as s, state as c } from "lit/decorators.js";
+import { localized as ee, msg as l } from "@lit/localize";
 import "@luzmo/lucero/action-button";
-import { repeat as l } from "lit/directives/repeat.js";
-import { ElementSizes as u, LuzmoElement as te, SizedMixin as ne } from "@luzmo/lucero/utils";
+import { repeat as u } from "lit/directives/repeat.js";
+import { ElementSizes as d, LuzmoElement as te, SizedMixin as f } from "@luzmo/lucero/utils";
 //#region src/components/filters/transformations/filter-format.ts
-var re = 20, d = class extends Error {
+var p = 20, m = class extends Error {
 	constructor(e) {
 		super(e), this.name = "FilterUnrepresentableError";
 	}
-}, f = /* @__PURE__ */ new Set(["and", "or"]), p = [
+}, ne = /* @__PURE__ */ new Set(["and", "or"]), h = [
 	"datasetId",
 	"dataset_id",
 	"columnId",
@@ -46,19 +47,19 @@ var re = 20, d = class extends Error {
 	"value",
 	"ignoredItemIds"
 ];
-function m(e) {
+function g(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function h(e) {
-	return !m(e) || e.condition !== void 0 && (typeof e.condition != "string" || !f.has(e.condition.toLowerCase())) ? !1 : "filters" in e || "subGroups" in e;
+function _(e) {
+	return !g(e) || e.condition !== void 0 && (typeof e.condition != "string" || !ne.has(e.condition.toLowerCase())) ? !1 : "filters" in e || "subGroups" in e;
 }
-function g(e) {
-	return m(e) && "expression" in e && !("condition" in e);
+function v(e) {
+	return g(e) && "expression" in e && !("condition" in e);
 }
-function _(e) {
-	return p.some((t) => t in e);
+function y(e) {
+	return h.some((t) => t in e);
 }
-function ie(e, t = !1) {
+function re(e, t = !1) {
 	let n = [
 		e.columnId !== void 0 || e.column_id !== void 0,
 		e.formulaId !== void 0 || e.formula_id !== void 0,
@@ -66,27 +67,27 @@ function ie(e, t = !1) {
 	].filter(Boolean).length;
 	return n === 1 ? !0 : n > 1 ? !1 : e.columnExpression !== void 0 || t && e.expression !== void 0;
 }
-function v(e) {
-	return !g(e) || typeof e.expression != "string" || e.expression.length === 0 || "parameters" in e || typeof e.datasetId != "string" && typeof e.dataset_id != "string" ? !1 : ie(e);
+function b(e) {
+	return !v(e) || typeof e.expression != "string" || e.expression.length === 0 || "parameters" in e || typeof e.datasetId != "string" && typeof e.dataset_id != "string" ? !1 : re(e);
 }
-function y(e) {
-	return !g(e) || !Array.isArray(e.parameters) ? !1 : !_(e);
+function x(e) {
+	return !v(e) || !Array.isArray(e.parameters) ? !1 : !y(e);
 }
-function ae(e) {
+function ie(e) {
 	if (!("parameters" in e)) return;
-	let t = p.find((t) => t in e);
-	if (t !== void 0) throw new d(`Filter leaf mixes "parameters" with the clean inline key "${t}".`);
+	let t = h.find((t) => t in e);
+	if (t !== void 0) throw new m(`Filter leaf mixes "parameters" with the clean inline key "${t}".`);
 }
-function oe(e) {
-	throw typeof e.expression != "string" || e.expression.length === 0 ? new d("Clean filter leaf is missing a non-empty \"expression\".") : typeof e.datasetId != "string" && typeof e.dataset_id != "string" ? new d(`Clean filter leaf "${e.expression}" is missing a "datasetId".`) : new d(`Clean filter leaf "${e.expression}" must name exactly one of "columnId", "formulaId", "formula", or "columnExpression".`);
+function ae(e) {
+	throw typeof e.expression != "string" || e.expression.length === 0 ? new m("Clean filter leaf is missing a non-empty \"expression\".") : typeof e.datasetId != "string" && typeof e.dataset_id != "string" ? new m(`Clean filter leaf "${e.expression}" is missing a "datasetId".`) : new m(`Clean filter leaf "${e.expression}" must name exactly one of "columnId", "formulaId", "formula", or "columnExpression".`);
 }
-function b(e) {
+function S(e) {
 	return e === "where" || e === "having";
 }
-function x(e) {
-	if (e > 20) throw new d("Filter nesting exceeds the maximum depth of 20.");
+function C(e) {
+	if (e > 20) throw new m("Filter nesting exceeds the maximum depth of 20.");
 }
-function S(e) {
+function oe(e) {
 	if (e == null) return "empty";
 	if (!Array.isArray(e)) return "unknown";
 	if (e.length === 0) return "empty";
@@ -95,14 +96,14 @@ function S(e) {
 			r = !0;
 			return;
 		}
-		if (h(e)) {
-			b(e.clause) && (n = !0);
+		if (_(e)) {
+			S(e.clause) && (n = !0);
 			let t = [...Array.isArray(e.filters) ? e.filters : [], ...Array.isArray(e.subGroups) ? e.subGroups : []];
 			for (let e of t) i(e, a + 1);
 			return;
 		}
-		if (g(e)) {
-			"parameters" in e && _(e) ? r = !0 : v(e) ? n = !0 : y(e) ? t = !0 : r = !0;
+		if (v(e)) {
+			"parameters" in e && y(e) ? r = !0 : b(e) ? n = !0 : x(e) ? t = !0 : r = !0;
 			return;
 		}
 		r = !0;
@@ -112,7 +113,7 @@ function S(e) {
 }
 //#endregion
 //#region src/components/filters/transformations/clean-filters.ts
-var C = /* @__PURE__ */ new Set(["? is null", "? is not null"]), w = /* @__PURE__ */ new Set([
+var w = /* @__PURE__ */ new Set(["? is null", "? is not null"]), T = /* @__PURE__ */ new Set([
 	"? = ?",
 	"? != ?",
 	"? < ?",
@@ -137,40 +138,40 @@ var C = /* @__PURE__ */ new Set(["? is null", "? is not null"]), w = /* @__PURE_
 	"include_nonoccurring",
 	"simplification"
 ]);
-function T(e, t) {
+function E(e, t) {
 	return e !== "lowestLevel" && !(t === null && le.has(e));
 }
-function E(e) {
+function D(e) {
 	return structuredClone(e);
 }
-function D(e) {
+function O(e) {
 	let t = e.datasetId ?? e.dataset_id;
-	if (typeof t != "string" || t.length === 0) throw new d("Filter reference is missing a \"datasetId\".");
+	if (typeof t != "string" || t.length === 0) throw new m("Filter reference is missing a \"datasetId\".");
 	return t;
 }
-function O(e) {
-	return m(e) ? typeof e.columnId == "string" || typeof e.column_id == "string" || typeof e.formulaId == "string" || typeof e.formula_id == "string" || typeof e.formula == "string" || (typeof e.datasetId == "string" || typeof e.dataset_id == "string") && (e.columnExpression !== void 0 || e.expression !== void 0) : !1;
-}
 function k(e) {
+	return g(e) ? typeof e.columnId == "string" || typeof e.column_id == "string" || typeof e.formulaId == "string" || typeof e.formula_id == "string" || typeof e.formula == "string" || (typeof e.datasetId == "string" || typeof e.dataset_id == "string") && (e.columnExpression !== void 0 || e.expression !== void 0) : !1;
+}
+function A(e) {
 	let t = { type: e.type };
-	return e.bins !== void 0 && (t.bins = e.bins), Array.isArray(e.over) && (t.over = e.over.map((e) => N(e))), t;
+	return e.bins !== void 0 && (t.bins = e.bins), Array.isArray(e.over) && (t.over = e.over.map((e) => P(e))), t;
 }
 function ue(e) {
 	let t = { type: e.type }, n = e.datasetId ?? e.dataset_id, r = e.columnId ?? e.column_id;
-	return n !== void 0 && (t.datasetId = n), r !== void 0 && (t.columnId = r), e.level !== void 0 && T("level", e.level) && (t.level = e.level), m(e.discretization) && (t.discretization = k(e.discretization)), e.unnest !== void 0 && T("unnest", e.unnest) && (t.unnest = e.unnest), t;
+	return n !== void 0 && (t.datasetId = n), r !== void 0 && (t.columnId = r), e.level !== void 0 && E("level", e.level) && (t.level = e.level), g(e.discretization) && (t.discretization = A(e.discretization)), e.unnest !== void 0 && E("unnest", e.unnest) && (t.unnest = e.unnest), t;
 }
-function A(e) {
+function j(e) {
 	let t = { type: e.type };
-	return e.bins !== void 0 && (t.bins = e.bins), Array.isArray(e.over) && (t.over = e.over.map((e) => m(e) ? M(e) : e)), t;
+	return e.bins !== void 0 && (t.bins = e.bins), Array.isArray(e.over) && (t.over = e.over.map((e) => g(e) ? N(e) : e)), t;
 }
 function de(e) {
 	let t = { type: e.type }, n = e.datasetId ?? e.dataset_id, r = e.columnId ?? e.column_id;
-	return n !== void 0 && (t.datasetId = n), r !== void 0 && (t.columnId = r), e.level !== void 0 && (t.level = e.level), m(e.discretization) && (t.discretization = A(e.discretization)), e.unnest !== void 0 && (t.unnest = e.unnest), t;
+	return n !== void 0 && (t.datasetId = n), r !== void 0 && (t.columnId = r), e.level !== void 0 && (t.level = e.level), g(e.discretization) && (t.discretization = j(e.discretization)), e.unnest !== void 0 && (t.unnest = e.unnest), t;
 }
 function fe(e, t) {
-	e.level !== void 0 && (t.level = E(e.level)), m(e.discretization) && (t.discretization = A(e.discretization)), m(e.aggregation) && (t.aggregation = de(e.aggregation)), e.unnest !== void 0 && (t.unnest = E(e.unnest));
+	e.level !== void 0 && (t.level = D(e.level)), g(e.discretization) && (t.discretization = j(e.discretization)), g(e.aggregation) && (t.aggregation = de(e.aggregation)), e.unnest !== void 0 && (t.unnest = D(e.unnest));
 }
-function j(e, t) {
+function M(e, t) {
 	let n = e.columnId ?? e.column_id;
 	if (n !== void 0) return {
 		kind: "columnId",
@@ -191,106 +192,106 @@ function j(e, t) {
 		value: i
 	};
 }
-function M(e, t = !0) {
-	let n = { datasetId: D(e) }, r = j(e, t);
+function N(e, t = !0) {
+	let n = { datasetId: O(e) }, r = M(e, t);
 	return r !== void 0 && (r.kind === "expression" ? n.expression = r.value : n[r.kind] = r.value), fe(e, n), n;
 }
-function N(e) {
-	if (!m(e)) throw new d("Cannot emit a clean filter reference.");
-	let t = { datasetId: D(e) };
-	e.level !== void 0 && T("level", e.level) && (t.level = e.level), m(e.discretization) && (t.discretization = k(e.discretization)), m(e.aggregation) && (t.aggregation = ue(e.aggregation)), e.unnest !== void 0 && T("unnest", e.unnest) && (t.unnest = e.unnest);
-	let n = j(e, !0);
-	if (n === void 0) throw new d("Cannot emit a clean filter reference: no column, formula, or expression.");
+function P(e) {
+	if (!g(e)) throw new m("Cannot emit a clean filter reference.");
+	let t = { datasetId: O(e) };
+	e.level !== void 0 && E("level", e.level) && (t.level = e.level), g(e.discretization) && (t.discretization = A(e.discretization)), g(e.aggregation) && (t.aggregation = ue(e.aggregation)), e.unnest !== void 0 && E("unnest", e.unnest) && (t.unnest = e.unnest);
+	let n = M(e, !0);
+	if (n === void 0) throw new m("Cannot emit a clean filter reference: no column, formula, or expression.");
 	return n.kind === "expression" ? t.columnExpression = n.value : t[n.kind] = n.value, t;
 }
-function P(e) {
-	if (!m(e) || typeof e.parameter != "string" || typeof e.type != "string") return e;
+function F(e) {
+	if (!g(e) || typeof e.parameter != "string" || typeof e.type != "string") return e;
 	let t = ce[e.type];
 	return t === void 0 ? e : {
 		...e,
 		type: t
 	};
 }
-function F(e, t) {
-	return m(t) && typeof t.parameter == "string" ? !0 : Array.isArray(t) ? e !== "? between ?" || t.length === 2 : !1;
-}
 function I(e, t) {
-	let n = e.expression, r = [M(e, !1)];
-	if (!C.has(n) && e.value !== void 0) {
-		let t = w.has(n) && O(e.value);
-		r.push(t ? M(e.value) : E(e.value));
+	return g(t) && typeof t.parameter == "string" ? !0 : Array.isArray(t) ? e !== "? between ?" || t.length === 2 : !1;
+}
+function L(e, t) {
+	let n = e.expression, r = [N(e, !1)];
+	if (!w.has(n) && e.value !== void 0) {
+		let t = T.has(n) && k(e.value);
+		r.push(t ? N(e.value) : D(e.value));
 	}
 	let i = {};
-	typeof e.id == "string" && (i.id = e.id), "ignoredItemIds" in e && (i.ignore = E(e.ignoredItemIds)), t !== void 0 && (i.type = t);
+	typeof e.id == "string" && (i.id = e.id), "ignoredItemIds" in e && (i.ignore = D(e.ignoredItemIds)), t !== void 0 && (i.type = t);
 	let a = {
 		expression: n,
 		parameters: r
 	};
 	return Object.keys(i).length > 0 && (a.properties = i), a;
 }
-function L(e) {
+function R(e) {
 	let { expression: t } = e;
 	if (typeof t != "string" || t.length === 0) return null;
 	let n = Array.isArray(e.parameters) ? e.parameters : [];
-	if (!m(n[0])) throw new d(`Cannot emit a clean filter reference for "${t}".`);
+	if (!g(n[0])) throw new m(`Cannot emit a clean filter reference for "${t}".`);
 	let r = {
-		...N(n[0]),
+		...P(n[0]),
 		expression: t
 	};
-	if (!C.has(t)) {
+	if (!w.has(t)) {
 		let e = n[1];
-		if (e === void 0) throw new d(`Filter "${t}" is missing its value operand.`);
-		if (r.value = O(e) && w.has(t) ? N(e) : P(E(e)), se.has(t) && !F(t, r.value)) throw new d(`Cannot emit an invalid clean filter value for "${t}".`);
+		if (e === void 0) throw new m(`Filter "${t}" is missing its value operand.`);
+		if (r.value = k(e) && T.has(t) ? P(e) : F(D(e)), se.has(t) && !I(t, r.value)) throw new m(`Cannot emit an invalid clean filter value for "${t}".`);
 	}
 	let { properties: i } = e;
-	return i?.id !== void 0 && (r.id = i.id), i !== void 0 && "ignore" in i && (r.ignoredItemIds = E(i.ignore)), r;
-}
-function R(e) {
-	return h(e);
+	return i?.id !== void 0 && (r.id = i.id), i !== void 0 && "ignore" in i && (r.ignoredItemIds = D(i.ignore)), r;
 }
 function z(e) {
+	return _(e);
+}
+function B(e) {
 	return Array.isArray(e.filters) ? e.filters : [];
 }
-function B(e, t) {
+function V(e, t) {
 	return e.properties?.type === "having" || e.properties?.type === "where" ? e.properties.type : t ?? "where";
 }
-function V(e, t, n = 1, r = /* @__PURE__ */ new Set()) {
-	x(n);
+function H(e, t, n = 1, r = /* @__PURE__ */ new Set()) {
+	C(n);
 	let i = e.clause ?? t;
-	for (let t of z(e)) R(t) ? V(t, i, n + 1, r) : typeof t.expression == "string" && t.expression.length > 0 && r.add(B(t, i));
+	for (let t of B(e)) z(t) ? H(t, i, n + 1, r) : typeof t.expression == "string" && t.expression.length > 0 && r.add(V(t, i));
 	return r;
 }
-function H(e, t, n = 1) {
-	x(n);
+function U(e, t, n = 1) {
+	C(n);
 	let r = e.clause ?? t;
-	if (e.condition === "or" && V(e, r, n).size > 1) throw new d("An \"or\" group mixes \"where\" and \"having\" filters, which clean output cannot represent.");
-	for (let t of z(e)) R(t) && H(t, r, n + 1);
+	if (e.condition === "or" && H(e, r, n).size > 1) throw new m("An \"or\" group mixes \"where\" and \"having\" filters, which clean output cannot represent.");
+	for (let t of B(e)) z(t) && U(t, r, n + 1);
 }
-function U(e, t, n, r = 1) {
-	x(r);
+function W(e, t, n, r = 1) {
+	C(r);
 	let i = e.clause ?? n, a = [];
-	for (let n of z(e)) {
-		if (R(n)) {
-			let e = U(n, t, i, r + 1);
+	for (let n of B(e)) {
+		if (z(n)) {
+			let e = W(n, t, i, r + 1);
 			e.filters.length > 0 && a.push(e);
 			continue;
 		}
-		if (B(n, i) !== t) continue;
-		let e = L(n);
+		if (V(n, i) !== t) continue;
+		let e = R(n);
 		e && a.push(e);
 	}
 	let o = {
 		condition: e.condition === "or" ? "or" : "and",
 		filters: a
 	};
-	return e.id !== void 0 && V(e, i, r).size <= 1 && (o.id = e.id), o;
+	return e.id !== void 0 && H(e, i, r).size <= 1 && (o.id = e.id), o;
 }
 function pe(e) {
 	let t = e.clause;
-	H(e, t);
-	let n = V(e, t);
+	U(e, t);
+	let n = H(e, t);
 	return n.size === 0 && n.add(t ?? "where"), ["where", "having"].filter((e) => n.has(e)).map((n) => ({
-		...U(e, n, t),
+		...W(e, n, t),
 		clause: n
 	})).filter((e) => e.filters.length > 0);
 }
@@ -304,15 +305,15 @@ var me = [
 	"isDrilldown",
 	"type"
 ];
-function W(e) {
+function G(e) {
 	return typeof e == "string" && e.toLowerCase() === "or" ? "or" : "and";
 }
 function he(e) {
-	return h(e);
+	return _(e);
 }
 function ge(e) {
 	if (!Array.isArray(e) || e.length === 0) return [];
-	let t = m(e[0]) ? e[0] : void 0, n = e.length > 1 ? e[1] : void 0;
+	let t = g(e[0]) ? e[0] : void 0, n = e.length > 1 ? e[1] : void 0;
 	return e.length > 1 ? [t, n] : [t];
 }
 function _e(e) {
@@ -323,86 +324,86 @@ function _e(e) {
 	};
 	return e.properties !== void 0 && Object.keys(e.properties).length > 0 && (t.properties = structuredClone(e.properties)), t;
 }
-function G(e, t) {
+function K(e, t) {
 	let n = e, r = t;
 	for (let e of me) n[e] !== void 0 && (r[e] = n[e]);
 }
-function K(e) {
+function q(e) {
 	if (!e || !e.filters) return {
 		condition: "and",
 		filters: [],
 		subGroups: []
 	};
 	let t = [], n = [];
-	for (let r of e.filters) if (he(r)) n.push(K(r));
+	for (let r of e.filters) if (he(r)) n.push(q(r));
 	else {
 		let e = _e(r);
 		e && t.push(e);
 	}
 	let r = {
-		condition: W(e.condition),
+		condition: G(e.condition),
 		filters: t,
 		subGroups: n
 	};
-	return e.id !== void 0 && (r.id = e.id), G(e, r), r;
+	return e.id !== void 0 && (r.id = e.id), K(e, r), r;
 }
-function q(e, t) {
-	return e ? t?.format === "clean" ? pe(e) : [K(e)] : [];
+function J(e, t) {
+	return e ? t?.format === "clean" ? pe(e) : [q(e)] : [];
 }
 function ve(e, t) {
 	let n = {
 		expression: typeof e.expression == "string" ? e.expression : void 0,
 		parameters: Array.isArray(e.parameters) ? [...e.parameters] : []
-	}, r = m(e.properties) ? structuredClone(e.properties) : {};
+	}, r = g(e.properties) ? structuredClone(e.properties) : {};
 	return t !== void 0 && r.type === void 0 && (r.type = t), Object.keys(r).length > 0 && (n.properties = r), n;
 }
 function ye(e, t, n) {
-	if (h(e)) return J(e, t, n);
-	if (!m(e)) return;
+	if (_(e)) return Y(e, t, n);
+	if (!g(e)) return;
 	let r = e.expression;
-	if (ae(e), v(e)) return I(e, t);
-	if (_(e) && oe(e), y(e)) return ve(e, t);
-	throw new d(`Filter leaf "${String(r)}" matches neither a complete clean nor a complete canonical encoding.`);
+	if (ie(e), b(e)) return L(e, t);
+	if (y(e) && ae(e), x(e)) return ve(e, t);
+	throw new m(`Filter leaf "${String(r)}" matches neither a complete clean nor a complete canonical encoding.`);
 }
-function J(e, t, n) {
-	x(n);
-	let r = b(e.clause) ? e.clause : void 0, i = r ?? t, a = [];
+function Y(e, t, n) {
+	C(n);
+	let r = S(e.clause) ? e.clause : void 0, i = r ?? t, a = [];
 	for (let t of Array.isArray(e.filters) ? e.filters : []) {
 		let e = ye(t, i, n + 1);
 		e !== void 0 && a.push(e);
 	}
-	for (let t of Array.isArray(e.subGroups) ? e.subGroups : []) h(t) && a.push(J(t, i, n + 1));
+	for (let t of Array.isArray(e.subGroups) ? e.subGroups : []) _(t) && a.push(Y(t, i, n + 1));
 	let o = {
-		condition: W(e.condition),
+		condition: G(e.condition),
 		filters: a
 	};
-	return typeof e.id == "string" && (o.id = e.id), r !== void 0 && (o.clause = r), G(e, o), o;
+	return typeof e.id == "string" && (o.id = e.id), r !== void 0 && (o.clause = r), K(e, o), o;
 }
-function Y(e) {
-	return !e || e.length === 0 ? [] : e.filter((e) => h(e)).map((e) => J(e, void 0, 1));
+function X(e) {
+	return !e || e.length === 0 ? [] : e.filter((e) => _(e)).map((e) => Y(e, void 0, 1));
 }
 //#endregion
 //#region src/components/filters/filters.module.scss?inline
-var X = ":host{font-family:var(--luzmo-filters-font-family,var(--luzmo-font-family));color:var(--luzmo-filters-font-color,var(--luzmo-font-color));max-width:100%;display:block;container-type:inline-size}.filter-group-container{max-width:100%;padding:calc(var(--luzmo-indicator-gap) + 2 * var(--luzmo-indicator-width));overflow-x:hidden}.filter-group{flex-direction:row;min-width:0;max-width:100%;display:flex}.filter-group.nested{margin-top:var(--luzmo-filters-nested-group-margin-top,var(--filters-nested-group-margin-top));margin-bottom:var(--luzmo-filters-nested-group-margin-bottom,var(--filters-nested-group-margin-bottom))}.group-content{flex-direction:column;flex:1;min-width:0;display:flex}.filters-list{gap:var(--luzmo-filters-filters-list-gap,var(--filters-filters-list-gap));flex-direction:column;min-width:0;max-width:100%;display:flex}.filter-item-wrapper{align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.filter-item-content{align-items:flex-start;gap:var(--luzmo-filters-filter-line-gap,var(--filters-filter-line-gap));flex-wrap:nowrap;flex:1;min-width:0;display:flex}.filter-item-content luzmo-filter-item{flex:1;min-width:0}.filter-item-content .delete-filter-button{flex-shrink:0;align-self:flex-end;margin-inline-start:auto}.condition-wrapper{flex:0 0 var(--luzmo-filters-condition-warpper-width,var(--filters-condition-warpper-width));justify-content:center;align-items:center;display:flex;position:relative}.condition-wrapper:before{content:\"\";left:50%;top:var(--luzmo-filters-vertical-line-top,var(--filters-vertical-line-top));bottom:var(--luzmo-filters-vertical-line-bottom,var(--filters-vertical-line-bottom));width:var(--luzmo-filters-vertical-line-width,var(--filters-vertical-line-width));background:var(--luzmo-filters-vertical-line-color,var(--luzmo-border-color));position:absolute}.condition-badge{min-width:auto;padding-inline:var(--luzmo-filters-condition-padding-horizontal,var(--filters-condition-padding-horizontal));text-transform:uppercase;background:var(--luzmo-filters-condition-badge-background,var(--luzmo-primary));color:var(--luzmo-filters-condition-badge-color,var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-filters-condition-badge-border-radius,var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-filters-condition-badge-halo,var(--filters-condition-badge-halo)) var(--luzmo-filters-condition-badge-background,var(--luzmo-background-color));font-weight:700}.condition-badge:hover{background:var(--luzmo-filters-condition-badge-background-hover,var(--luzmo-primary-hover))}.group-actions{margin-top:var(--luzmo-filters-group-actions-margin-top,var(--filters-group-actions-margin-top));gap:var(--luzmo-filters-group-actions-gap,var(--filters-group-actions-gap));flex-wrap:wrap;display:flex}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-filters-add-root-group-container-margin-top,var(--filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual:var(--luzmo-filters-group-actions-text-to-visual,var(--filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default:var(--luzmo-filters-group-actions-color,var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover:var(--luzmo-filters-group-actions-color-hover,var(--luzmo-primary-hover));--luzmo-action-button-content-color-down:var(--luzmo-filters-group-actions-color-down,var(--luzmo-primary-down));--luzmo-action-button-content-color-focus:var(--luzmo-filters-group-actions-color-focus,var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon:var(--luzmo-filters-add-group-button-text-to-visual,var(--filters-add-group-button-text-to-visual))}.dataset-ids-empty-message{color:var(--luzmo-filters-error-message-color,var(--luzmo-disabled-color));font-size:var(--luzmo-filters-error-message-font-size,var(--filters-font-size))}@container (width<=480px){.condition-badge{--luzmo-action-button-font-size:.6875rem;--luzmo-action-button-height:1.2rem;--luzmo-button-line-height:1.2rem;font-size:.6875rem;line-height:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}:host([dir=rtl]) .condition-badge{transform:translate(-50%,-50%)rotate(90deg)}}:host{--filters-condition-warpper-width:56px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-3);--filters-filters-list-gap:var(--luzmo-spacing-3);--filters-nested-group-margin-top:var(--luzmo-spacing-3);--filters-nested-group-margin-bottom:var(--luzmo-spacing-3);--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-vertical-line-width:1px;--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-3);--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-4);--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size)}:host([size=s]){--filters-condition-warpper-width:48px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-2);--filters-filters-list-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-group-actions-text-to-visual:var(--luzmo-spacing-1);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-2);--filters-group-actions-gap:var(--luzmo-spacing-2);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-3);--filters-filter-line-gap:var(--luzmo-spacing-2);--filters-group-actions-margin-top:var(--luzmo-spacing-2);--filters-error-message-font-size:var(--luzmo-font-size-s)}:host([size=l]){--filters-condition-warpper-width:64px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:var(--luzmo-spacing-4);--filters-nested-group-margin-top:var(--luzmo-spacing-4);--filters-nested-group-margin-bottom:var(--luzmo-spacing-4);--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--filters-condition-warpper-width:72px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-add-group-button-text-to-visual:var(--luzmo-spacing-4);--filters-group-actions-gap:var(--luzmo-spacing-4);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-5);--filters-filter-line-gap:var(--luzmo-spacing-4);--filters-group-actions-margin-top:var(--luzmo-spacing-4);--filters-error-message-font-size:var(--luzmo-font-size-xl)}@container (width<=480px){.filter-group-container{--filters-condition-warpper-width:32px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-2);--filters-filters-list-gap:var(--luzmo-spacing-5)}}";
+var be = ":host{font-family:var(--luzmo-filters-font-family,var(--luzmo-font-family));color:var(--luzmo-filters-font-color,var(--luzmo-font-color));max-width:100%;display:block;container-type:inline-size}.filter-group-container{max-width:100%;padding:calc(var(--luzmo-indicator-gap) + 2 * var(--luzmo-indicator-width));overflow-x:hidden}.filter-group{flex-direction:row;min-width:0;max-width:100%;display:flex}.filter-group.nested{margin-top:var(--luzmo-filters-nested-group-margin-top,var(--filters-nested-group-margin-top));margin-bottom:var(--luzmo-filters-nested-group-margin-bottom,var(--filters-nested-group-margin-bottom))}.group-content{flex-direction:column;flex:1;min-width:0;display:flex}.filters-list{gap:var(--luzmo-filters-filters-list-gap,var(--filters-filters-list-gap));flex-direction:column;min-width:0;max-width:100%;display:flex}.filter-item-wrapper{align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.filter-item-content{align-items:flex-start;gap:var(--luzmo-filters-filter-line-gap,var(--filters-filter-line-gap));flex-wrap:nowrap;flex:1;min-width:0;display:flex}.filter-item-content luzmo-filter-item{flex:1;min-width:0}.filter-item-content .delete-filter-button{flex-shrink:0;align-self:flex-end;margin-inline-start:auto}.condition-wrapper{flex:0 0 var(--luzmo-filters-condition-warpper-width,var(--filters-condition-warpper-width));justify-content:center;align-items:center;display:flex;position:relative}.condition-wrapper:before{content:\"\";left:50%;top:var(--luzmo-filters-vertical-line-top,var(--filters-vertical-line-top));bottom:var(--luzmo-filters-vertical-line-bottom,var(--filters-vertical-line-bottom));width:var(--luzmo-filters-vertical-line-width,var(--filters-vertical-line-width));background:var(--luzmo-filters-vertical-line-color,var(--luzmo-border-color));position:absolute}.condition-badge{min-width:auto;padding-inline:var(--luzmo-filters-condition-padding-horizontal,var(--filters-condition-padding-horizontal));text-transform:uppercase;background:var(--luzmo-filters-condition-badge-background,var(--luzmo-primary));color:var(--luzmo-filters-condition-badge-color,var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-filters-condition-badge-border-radius,var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-filters-condition-badge-halo,var(--filters-condition-badge-halo)) var(--luzmo-filters-condition-badge-background,var(--luzmo-background-color));font-weight:700}.condition-badge:hover{background:var(--luzmo-filters-condition-badge-background-hover,var(--luzmo-primary-hover))}.group-actions{margin-top:var(--luzmo-filters-group-actions-margin-top,var(--filters-group-actions-margin-top));gap:var(--luzmo-filters-group-actions-gap,var(--filters-group-actions-gap));flex-wrap:wrap;display:flex}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-filters-add-root-group-container-margin-top,var(--filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual:var(--luzmo-filters-group-actions-text-to-visual,var(--filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default:var(--luzmo-filters-group-actions-color,var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover:var(--luzmo-filters-group-actions-color-hover,var(--luzmo-primary-hover));--luzmo-action-button-content-color-down:var(--luzmo-filters-group-actions-color-down,var(--luzmo-primary-down));--luzmo-action-button-content-color-focus:var(--luzmo-filters-group-actions-color-focus,var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon:var(--luzmo-filters-add-group-button-text-to-visual,var(--filters-add-group-button-text-to-visual))}.dataset-ids-empty-message{color:var(--luzmo-filters-error-message-color,var(--luzmo-disabled-color));font-size:var(--luzmo-filters-error-message-font-size,var(--filters-font-size))}@container (width<=480px){.condition-badge{--luzmo-action-button-font-size:.6875rem;--luzmo-action-button-height:1.2rem;--luzmo-button-line-height:1.2rem;font-size:.6875rem;line-height:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}:host([dir=rtl]) .condition-badge{transform:translate(-50%,-50%)rotate(90deg)}}:host{--filters-condition-warpper-width:56px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-3);--filters-filters-list-gap:var(--luzmo-spacing-3);--filters-nested-group-margin-top:var(--luzmo-spacing-3);--filters-nested-group-margin-bottom:var(--luzmo-spacing-3);--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-vertical-line-width:1px;--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-3);--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-4);--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size)}:host([size=s]){--filters-condition-warpper-width:48px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-2);--filters-filters-list-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-group-actions-text-to-visual:var(--luzmo-spacing-1);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-2);--filters-group-actions-gap:var(--luzmo-spacing-2);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-3);--filters-filter-line-gap:var(--luzmo-spacing-2);--filters-group-actions-margin-top:var(--luzmo-spacing-2);--filters-error-message-font-size:var(--luzmo-font-size-s)}:host([size=l]){--filters-condition-warpper-width:64px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:var(--luzmo-spacing-4);--filters-nested-group-margin-top:var(--luzmo-spacing-4);--filters-nested-group-margin-bottom:var(--luzmo-spacing-4);--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--filters-condition-warpper-width:72px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-add-group-button-text-to-visual:var(--luzmo-spacing-4);--filters-group-actions-gap:var(--luzmo-spacing-4);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-5);--filters-filter-line-gap:var(--luzmo-spacing-4);--filters-group-actions-margin-top:var(--luzmo-spacing-4);--filters-error-message-font-size:var(--luzmo-font-size-xl)}@container (width<=480px){.filter-group-container{--filters-condition-warpper-width:32px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-2);--filters-filters-list-gap:var(--luzmo-spacing-5)}}";
 //#endregion
 //#region src/components/filters/filters.ts
 function Z(e) {
-	if (e instanceof d) return e;
+	if (e instanceof m) return e;
 	throw e;
 }
-var be = {
-	and: () => c("AND", { desc: "Logical AND condition for combining filters" }),
-	or: () => c("OR", { desc: "Logical OR condition for combining filters" })
+var xe = {
+	and: () => l("AND", { desc: "Logical AND condition for combining filters" }),
+	or: () => l("OR", { desc: "Logical OR condition for combining filters" })
 };
 function Q(e) {
 	return e === "and" ? "or" : "and";
 }
-var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
+var $ = class extends t(f(te, { validSizes: Object.values(d) })) {
 	constructor(...e) {
 		super(...e), this.apiUrl = "https://api.luzmo.com", this.contentLanguage = "en", this.filters = [], this.format = "canonical", this.allowParameters = !1, this.parameters = [], this.debounce = 300, this._internalFilterGroup = null, this._hasSyntheticRoot = !1, this._debounceTimeout = null;
 	}
 	static get styles() {
-		return [a(X)];
+		return [o(be)];
 	}
 	get _oneSizeSmaller() {
 		return {
@@ -423,7 +424,7 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 	}
 	willUpdate(e) {
 		if (super.willUpdate(e), e.has("filters")) try {
-			let e = Y(this.filters);
+			let e = X(this.filters);
 			e.length === 0 ? (this._internalFilterGroup = null, this._hasSyntheticRoot = !1) : e.length === 1 ? (this._internalFilterGroup = structuredClone(e[0]), this._hasSyntheticRoot = !1) : (this._internalFilterGroup = {
 				condition: "and",
 				filters: structuredClone(e)
@@ -434,6 +435,7 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 	}
 	_generateEmptyGroup() {
 		return {
+			id: n(),
 			condition: "and",
 			filters: []
 		};
@@ -441,7 +443,8 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 	_generateEmptyFilter() {
 		return {
 			expression: void 0,
-			parameters: []
+			parameters: [],
+			properties: { id: n() }
 		};
 	}
 	_rootGroupsForExport() {
@@ -457,14 +460,14 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 		};
 		if (t === "clean") try {
 			return {
-				filters: e.flatMap((e) => q(e, { format: "clean" })),
+				filters: e.flatMap((e) => J(e, { format: "clean" })),
 				format: "clean"
 			};
 		} catch (e) {
 			console.warn(`[${this.localName}] Cannot emit clean filters, falling back to canonical output:`, Z(e));
 		}
 		return {
-			filters: e.flatMap((e) => q(e)),
+			filters: e.flatMap((e) => J(e)),
 			format: "canonical"
 		};
 	}
@@ -524,7 +527,7 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 		t.condition = Q(e.condition), t.filters.push(this._generateEmptyFilter()), e.filters.push(t), this._internalFilterGroup = e, this._hasSyntheticRoot = !1, this.requestUpdate(), this._sendChangeEvent();
 	}
 	_renderFilterItem(e, t, n) {
-		return i`
+		return a`
       <div class="filter-item-wrapper">
         <div class="filter-item-content">
           <luzmo-filter-item
@@ -547,42 +550,42 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
             class="delete-filter-button"
             .size=${this.size}
             quiet
-            .label=${c("Remove filter", { desc: "Aria label for remove filter button" })}
+            .label=${l("Remove filter", { desc: "Aria label for remove filter button" })}
             @click=${this._removeFilter.bind(this, t, n)}
           >
-            <luzmo-icon slot="icon" .icon=${r} .size=${this.size}></luzmo-icon>
+            <luzmo-icon slot="icon" .icon=${i} .size=${this.size}></luzmo-icon>
           </luzmo-action-button>
         </div>
       </div>
     `;
 	}
 	_renderGroup(e, t = !1) {
-		let r = e.filters.length > 0, a = e.filters.length > 1, o = be[e.condition]?.() ?? e.condition;
-		return i`
+		let n = e.filters.length > 0, i = e.filters.length > 1, o = xe[e.condition]?.() ?? e.condition;
+		return a`
       <div class="filter-group ${t ? "nested" : ""}" role="group">
-        ${t ? i`
+        ${t ? a`
               <div class="condition-wrapper">
-                ${a ? i`
+                ${i ? a`
                       <luzmo-action-button
                         class="condition-badge"
                         .size=${this._oneSizeSmaller}
                         quiet
                         aria-pressed=${e.condition === "and" ? "true" : "false"}
-                        .label=${c("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + o}
+                        .label=${l("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + o}
                         @click=${this._toggleCondition.bind(this, e)}
                       >
                         ${o}
                       </luzmo-action-button>
                     ` : ""}
               </div>
-            ` : a ? i`
+            ` : i ? a`
                 <div class="condition-wrapper">
                   <luzmo-action-button
                     class="condition-badge"
                     .size=${this._oneSizeSmaller}
                     quiet
                     aria-pressed=${e.condition === "and" ? "true" : "false"}
-                    .label=${c("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + o}
+                    .label=${l("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + o}
                     @click=${this._toggleCondition.bind(this, e)}
                   >
                     ${o}
@@ -590,9 +593,9 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
                 </div>
               ` : ""}
         <div class="group-content">
-          ${r ? i`
+          ${n ? a`
                 <div class="filters-list">
-                  ${l(e.filters, (e, t) => t, (t, n) => i`
+                  ${u(e.filters, (e, t) => t, (t, n) => a`
                       ${this._isGroup(t) ? this._renderGroup(t, !0) : this._renderFilterItem(t, e, n)}
                     `)}
                 </div>
@@ -606,8 +609,8 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
               ?disabled=${this._isDatasetIdsEmpty}
               @click=${this._addFilter.bind(this, e)}
             >
-              <luzmo-icon slot="icon" .icon=${n} .size=${this._oneSizeSmaller}></luzmo-icon>
-              ${c("Filter", { desc: "Add filter button label" })}
+              <luzmo-icon slot="icon" .icon=${r} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${l("Filter", { desc: "Add filter button label" })}
             </luzmo-action-button>
 
             <luzmo-action-button
@@ -617,8 +620,8 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
               ?disabled=${this._isDatasetIdsEmpty}
               @click=${this._addSubGroup.bind(this, e)}
             >
-              <luzmo-icon slot="icon" .icon=${n} .size=${this._oneSizeSmaller}></luzmo-icon>
-              ${c("Subgroup", { desc: "Add subgroup button label" })}
+              <luzmo-icon slot="icon" .icon=${r} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${l("Subgroup", { desc: "Add subgroup button label" })}
             </luzmo-action-button>
           </div>
         </div>
@@ -650,14 +653,14 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 		e(this._internalFilterGroup);
 	}
 	render() {
-		if (this._isDatasetIdsEmpty) return i`
+		if (this._isDatasetIdsEmpty) return a`
         <div class="filter-group-container">
           <div class="dataset-ids-empty-message" role="status">
-            ${c("Cannot retrieve dataset data fields", { desc: "Error message when datasetIds is empty" })}
+            ${l("Cannot retrieve dataset data fields", { desc: "Error message when datasetIds is empty" })}
           </div>
         </div>
       `;
-		if (!this._internalFilterGroup || this._internalFilterGroup.filters.length === 0) return i`
+		if (!this._internalFilterGroup || this._internalFilterGroup.filters.length === 0) return a`
         <div class="filter-group-container">
           <luzmo-button
             class="add-filter-button"
@@ -666,17 +669,17 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
             ?disabled=${this._isDatasetIdsEmpty}
             @click=${() => this._addFilter()}
           >
-            <luzmo-icon slot="icon" .icon=${n} .size=${this._oneSizeSmaller}></luzmo-icon>
-            ${c("Add filter", { desc: "Add filter button label" })}
+            <luzmo-icon slot="icon" .icon=${r} .size=${this._oneSizeSmaller}></luzmo-icon>
+            ${l("Add filter", { desc: "Add filter button label" })}
           </luzmo-button>
         </div>
       `;
 		let e = this._internalFilterGroup.filters.length > 1;
-		return i`
+		return a`
       <div class="filter-group-container">
         ${this._renderGroup(this._internalFilterGroup)}
 
-        ${e ? i`
+        ${e ? a`
               <div class="add-root-group-container">
                 <luzmo-button
                   class="add-group-button"
@@ -685,8 +688,8 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
                   ?disabled=${this._isDatasetIdsEmpty}
                   @click=${this._addGroup}
                 >
-                  <luzmo-icon slot="icon" .icon=${n} .size=${this._oneSizeSmaller}></luzmo-icon>
-                  ${c("Group", { desc: "Add group button label" })}
+                  <luzmo-icon slot="icon" .icon=${r} .size=${this._oneSizeSmaller}></luzmo-icon>
+                  ${l("Group", { desc: "Add group button label" })}
                 </luzmo-button>
               </div>
             ` : ""}
@@ -696,47 +699,47 @@ var $ = class extends t(ne(te, { validSizes: Object.values(u) })) {
 };
 //#endregion
 //#region src/components/filters/index.ts
-e([o({
+e([s({
 	type: String,
 	attribute: "api-url",
 	reflect: !0
-})], $.prototype, "apiUrl", void 0), e([o({
+})], $.prototype, "apiUrl", void 0), e([s({
 	type: String,
 	attribute: "auth-key",
 	reflect: !0
-})], $.prototype, "authKey", void 0), e([o({
+})], $.prototype, "authKey", void 0), e([s({
 	type: String,
 	attribute: "auth-token",
 	reflect: !0
-})], $.prototype, "authToken", void 0), e([o({
+})], $.prototype, "authToken", void 0), e([s({
 	type: Number,
 	attribute: "cache-time",
 	reflect: !0
-})], $.prototype, "cacheTime", void 0), e([o({
+})], $.prototype, "cacheTime", void 0), e([s({
 	type: String,
 	attribute: "content-language",
 	reflect: !0
-})], $.prototype, "contentLanguage", void 0), e([o({
+})], $.prototype, "contentLanguage", void 0), e([s({
 	type: String,
 	attribute: "time-zone",
 	reflect: !0
-})], $.prototype, "timeZone", void 0), e([o({
+})], $.prototype, "timeZone", void 0), e([s({
 	type: Array,
 	attribute: "dataset-ids",
 	reflect: !0
-})], $.prototype, "datasetIds", void 0), e([o({
+})], $.prototype, "datasetIds", void 0), e([s({
 	type: Array,
 	reflect: !1
-})], $.prototype, "filters", void 0), e([o({
+})], $.prototype, "filters", void 0), e([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "format", void 0), e([o({
+})], $.prototype, "format", void 0), e([s({
 	type: Boolean,
 	attribute: "allow-parameters",
 	reflect: !0
-})], $.prototype, "allowParameters", void 0), e([o({ attribute: !1 })], $.prototype, "parameters", void 0), e([o({
+})], $.prototype, "allowParameters", void 0), e([s({ attribute: !1 })], $.prototype, "parameters", void 0), e([s({
 	type: Number,
 	reflect: !0
-})], $.prototype, "debounce", void 0), e([s()], $.prototype, "_internalFilterGroup", void 0), $ = e([ee()], $), customElements.get("luzmo-filters") || customElements.define("luzmo-filters", $);
+})], $.prototype, "debounce", void 0), e([c()], $.prototype, "_internalFilterGroup", void 0), $ = e([ee()], $), customElements.get("luzmo-filters") || customElements.define("luzmo-filters", $);
 //#endregion
-export { d as a, q as i, Y as n, re as o, W as r, S as s, $ as t };
+export { m as a, J as i, X as n, p as o, G as r, oe as s, $ as t };