@luzmo/analytics-components-kit 1.0.8 → 1.0.9-beta.10

package/components/filter-item-7EsWb-O2.js

@@ -0,0 +1,793 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./localized-mixin-Nbdi2Ynr.js";
+import { n } from "./data-broker-BNXS5_qc.js";
+import { c as r } from "./type-check-CGREdneG.js";
+import { n as i, t as a } from "./calculate-data-field-icon-DrSg1PuD.js";
+import { t as o } from "./localize-BT7REYBY.js";
+import { n as s } from "./periods.const-NCTkxnvG.js";
+import { n as c, r as l } from "./filter-expression-picker-szMmfqsR.js";
+import "./data-fields-select-C74Bnsgg.js";
+import { a as u, o as d, r as f } from "./filter-parameter-picker-DgwBwHQH.js";
+import "./filter-value-picker-BJh9haNV.js";
+import { luzmoIcon as p } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import { html as m, nothing as h, unsafeCSS as g } from "lit";
+import { property as _, state as v } from "lit/decorators.js";
+import { localized as y, msg as b, str as x } from "@lit/localize";
+import "@luzmo/lucero/tooltip";
+import "@luzmo/lucero/progress-circle";
+import { ifDefined as ee } from "lit/directives/if-defined.js";
+import { ElementSizes as te, LuzmoElement as ne, SizedMixin as S } from "@luzmo/lucero/utils";
+import "@luzmo/lucero/badge";
+//#region src/utils/formatter/localized-template.ts
+var C = [
+	"",
+	"",
+	""
+], w = "⁣";
+function T(e, t) {
+	let n = RegExp(`(${C.join("|")})`, "u"), r = [];
+	for (let i of e.replaceAll(w, "").split(n)) {
+		let e = C.indexOf(i);
+		e === -1 ? i && r.push(i) : r.push(t[e]);
+	}
+	return r;
+}
+//#endregion
+//#region src/utils/filters/filter-text.ts
+var re = /* @__PURE__ */ new Set([
+	"last_now",
+	"last_available",
+	"next_now",
+	"more_than_ago",
+	"or_more_ago"
+]), ie = /* @__PURE__ */ new Set(["last_completed", "next_full"]), E = /* @__PURE__ */ new Set([
+	"? is null",
+	"? is not null",
+	"to_date"
+]), D = /* @__PURE__ */ new Set([
+	"? = ?",
+	"? != ?",
+	"? < ?",
+	"? <= ?",
+	"? > ?",
+	"? >= ?"
+]), O = 3, k = 32;
+function A(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function j(e) {
+	return A(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 ae(e) {
+	return e.length <= k ? {
+		display: e,
+		truncated: !1
+	} : {
+		display: `${e.slice(0, k - 1)}…`,
+		truncated: !0
+	};
+}
+function M(e, t, n) {
+	try {
+		return new Intl.ListFormat(e || void 0, {
+			style: "long",
+			type: n
+		}).format(t);
+	} catch {
+		return t.join(", ");
+	}
+}
+function N(e, t, n) {
+	let r = se(e, t, n), { display: i, truncated: a } = ae(r);
+	return {
+		label: i,
+		full: r,
+		truncated: a
+	};
+}
+function oe(e) {
+	return e === 1 ? b("1 item", { desc: "One selected hierarchy value whose name is still loading" }) : b(x`${e} items`, { desc: "Selected hierarchy values whose names are still loading" });
+}
+function P() {
+	return b("Some item names could not be retrieved", { desc: "Tooltip when a hierarchy filter value is still an id after name lookup" });
+}
+function F(e, t) {
+	return !!(t?.type === "hierarchy" && t.datasetId && t.fieldId && !(A(e) && e.name !== void 0) && q(e));
+}
+function I(e, t, n) {
+	let r = n?.datasetId, i = n?.fieldId;
+	return !r || !i ? [] : e.flatMap((e) => {
+		if (!F(e, n)) return [];
+		let a = q(e);
+		return a ? t.hierarchyLabels?.get(K(r, i, a)) ? [] : [a] : [];
+	});
+}
+function L(e, t, n) {
+	return n.hierarchyLabelsLoading && t.length > 0 ? {
+		valueText: oe(t.length),
+		valuePending: !0
+	} : n.hierarchyLabels && !n.hierarchyLabelsLoading && t.length > 0 && !e.valueTooltip ? {
+		...e,
+		valueTooltip: P()
+	} : e;
+}
+function R(e, t, n) {
+	let r = e.map((e) => N(e, t, n)), i = r.map((e) => e.full), a = M(t.contentLanguage, i, "conjunction");
+	if (e.length === 1) {
+		let [e] = r;
+		return {
+			valueText: e.label,
+			valueTooltip: e.truncated ? e.full : void 0
+		};
+	}
+	let o = Math.min(O, r.length), s = r.length - o, c = r.slice(0, o).map((e) => e.label), l = r.some((e) => e.truncated), u;
+	return u = s > 0 ? b(x`${M(t.contentLanguage, c, "unit")}, and ${s} more`, { desc: "Filter values after the first few shown in a read-only sentence, e.g. \"Dresses, Shoes, Shorts, and 1 more\"" }) : M(t.contentLanguage, r.map((e) => e.label), "conjunction"), {
+		valueText: u,
+		valueTooltip: s > 0 || l ? a : void 0
+	};
+}
+function z(e, t, n) {
+	if (typeof e == "string" || typeof e == "number" || typeof e == "boolean") {
+		let t = String(e);
+		return t.length > 0 ? t : n;
+	}
+	if (e && typeof e == "object") {
+		let n = o(e, t);
+		if (n) return n;
+	}
+	return n;
+}
+function B(e, t) {
+	for (let n of t) {
+		let t = e[n];
+		if (typeof t == "string" && t.length > 0) return t;
+	}
+}
+function V(e, t) {
+	let n = B(e, ["datasetId", "dataset_id"]), r = B(e, ["columnId", "column_id"]), i = B(e, ["formulaId", "formula_id"]), a = typeof e.formula == "string" ? e.formula : void 0, o = t.datasets.find((e) => e.id === n), s = o ? z(o.name, t.contentLanguage, "") : "";
+	if (i) {
+		let e = o?.formulas?.find((e) => e.id === i), r = z(e?.name, t.contentLanguage, i);
+		return {
+			label: r,
+			tooltip: s ? `${s} · ${r}` : r,
+			type: e?.type,
+			subtype: e?.subtype,
+			formula: !0,
+			datasetId: n,
+			fieldId: i
+		};
+	}
+	if (a) return {
+		label: a,
+		tooltip: s ? `${s} · ${a}` : a,
+		formula: !0,
+		datasetId: n
+	};
+	let c = !r && typeof e.expression == "string" ? e.expression : void 0;
+	if (c) return {
+		label: c,
+		tooltip: s ? `${s} · ${c}` : c,
+		formula: !0,
+		datasetId: n
+	};
+	let l = r ? o?.columns?.find((e) => e.id === r) : void 0, u = r ?? (typeof e.columnExpression == "string" ? e.columnExpression : ""), d = z(l?.name, t.contentLanguage, u);
+	return {
+		label: d,
+		tooltip: s ? `${s} · ${d}` : d,
+		type: l?.type,
+		subtype: l?.subtype,
+		formula: !1,
+		datasetId: n,
+		fieldId: r
+	};
+}
+function H(e) {
+	let t = s.find((t) => t.level === e);
+	return t ? t.i18n() : "";
+}
+function U(e, t) {
+	switch (t) {
+		case 1: return e === 1 ? b(x`${e} Year`, { desc: "Singular relative filter quantity in years" }) : b(x`${e} Years`, { desc: "Plural relative filter quantity in years" });
+		case 2: return e === 1 ? b(x`${e} Quarter`, { desc: "Singular relative filter quantity in quarters" }) : b(x`${e} Quarters`, { desc: "Plural relative filter quantity in quarters" });
+		case 3: return e === 1 ? b(x`${e} Month`, { desc: "Singular relative filter quantity in months" }) : b(x`${e} Months`, { desc: "Plural relative filter quantity in months" });
+		case 4: return e === 1 ? b(x`${e} Week`, { desc: "Singular relative filter quantity in weeks" }) : b(x`${e} Weeks`, { desc: "Plural relative filter quantity in weeks" });
+		case 5: return e === 1 ? b(x`${e} Day`, { desc: "Singular relative filter quantity in days" }) : b(x`${e} Days`, { desc: "Plural relative filter quantity in days" });
+		case 6: return e === 1 ? b(x`${e} Hour`, { desc: "Singular relative filter quantity in hours" }) : b(x`${e} Hours`, { desc: "Plural relative filter quantity in hours" });
+		case 7: return e === 1 ? b(x`${e} Minute`, { desc: "Singular relative filter quantity in minutes" }) : b(x`${e} Minutes`, { desc: "Plural relative filter quantity in minutes" });
+		case 8: return e === 1 ? b(x`${e} Second`, { desc: "Singular relative filter quantity in seconds" }) : b(x`${e} Seconds`, { desc: "Plural relative filter quantity in seconds" });
+		case 9: return e === 1 ? b(x`${e} Millisecond`, { desc: "Singular relative filter quantity in milliseconds" }) : b(x`${e} Milliseconds`, { desc: "Plural relative filter quantity in milliseconds" });
+		default: return b(x`${e}`, { desc: "Relative filter quantity" });
+	}
+}
+function W(e, t) {
+	let n = new Date(e);
+	if (Number.isNaN(n.getTime())) return e;
+	try {
+		return new Intl.DateTimeFormat(t.contentLanguage || void 0, {
+			dateStyle: "medium",
+			timeStyle: "short",
+			...t.timeZone ? { timeZone: t.timeZone } : {}
+		}).format(n);
+	} catch {
+		return e;
+	}
+}
+function G(e) {
+	return /^\d{4}-\d{2}-\d{2}(?:T|$)/.test(e);
+}
+function K(e, t, n) {
+	return `${e}:${t}:${n}`;
+}
+function q(e) {
+	if (typeof e == "string" || typeof e == "number") return String(e);
+	if (A(e) && (typeof e.id == "string" || typeof e.id == "number")) return String(e.id);
+}
+function se(e, t, n) {
+	if (n?.type === "hierarchy" && n.datasetId && n.fieldId && !(A(e) && e.name !== void 0)) {
+		let r = q(e), i = r === void 0 ? void 0 : t.hierarchyLabels?.get(K(n.datasetId, n.fieldId, r));
+		if (i) return i;
+	}
+	if (typeof e == "number" && Number.isFinite(e)) return new Intl.NumberFormat(t.contentLanguage || void 0).format(e);
+	if (typeof e == "string") return G(e) ? W(e, t) : e;
+	if (typeof e == "boolean") return String(e);
+	if (A(e)) {
+		if (typeof e.parameter == "string") return e.parameter;
+		if (e.name !== void 0) {
+			let n = z(e.name, t.contentLanguage, "");
+			if (n) return n;
+		}
+		if (typeof e.id == "string" || typeof e.id == "number") return String(e.id);
+	}
+	return "";
+}
+function ce(e, t) {
+	let n = c().filter((t) => t.expression === e), r = A(t) && typeof t.unit == "number" ? t.unit : void 0;
+	return (e === "to_date" && r !== void 0 ? n.find((e) => e.unit === r) ?? n[0] : n[0])?.tiny ?? e;
+}
+function le(e, t, n, r) {
+	if (E.has(e) || t == null) return { valueText: "" };
+	if (A(t) && typeof t.parameter == "string") {
+		let e = t.parameter;
+		if (!j(t)) return { valueText: e };
+	}
+	if (D.has(e) && j(t)) return {
+		valueText: "",
+		valueField: V(t, n)
+	};
+	if (e === "? between ?" && Array.isArray(t) && t.length === 2) {
+		let e = N(t[0], n, r), i = N(t[1], n, r);
+		return L({
+			valueText: b(x`${e.label} and ${i.label}`, { desc: "Inclusive range shown between two filter values" }),
+			valueTooltip: e.truncated || i.truncated ? b(x`${e.full} and ${i.full}`, {
+				id: "filter-range-tooltip",
+				desc: "Full inclusive range shown in a tooltip"
+			}) : void 0
+		}, I(t, n, r), n);
+	}
+	if (re.has(e) && A(t)) return { valueText: U(typeof t.quantity == "number" ? t.quantity : 1, t.unit) };
+	if (ie.has(e) && A(t)) return { valueText: H(t.unit) };
+	if (Array.isArray(t)) return t.length === 0 ? { valueText: "" } : L(R(t, n, r), I(t, n, r), n);
+	let i = N(t, n, r);
+	return L({
+		valueText: i.label,
+		valueTooltip: i.truncated ? i.full : void 0
+	}, I([t], n, r), n);
+}
+function J(e, t) {
+	let n = e.parameters?.[0];
+	if (!A(n) || !j(n)) return null;
+	let r = V(n, t), i = typeof e.expression == "string" ? e.expression : "", a = e.parameters?.[1];
+	return {
+		field: r,
+		expression: i ? ce(i, a) : "",
+		...le(i, a, t, r)
+	};
+}
+function Y(e) {
+	return "condition" in e && "filters" in e;
+}
+function X(e) {
+	if (e == null) return [];
+	if (Array.isArray(e)) return e.flatMap(X);
+	if (A(e)) {
+		if (typeof e.parameter == "string" || e.name !== void 0 || j(e)) return [];
+		let t = q(e);
+		return t ? [t] : [];
+	}
+	let t = q(e);
+	return t ? [t] : [];
+}
+function Z(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = (e) => {
+		if (Y(e)) {
+			e.filters.forEach(r);
+			return;
+		}
+		let i = e.parameters?.[0];
+		if (!A(i) || !j(i)) return;
+		let a = V(i, t);
+		if (a.type !== "hierarchy" || !a.datasetId || !a.fieldId) return;
+		let o = [...new Set(X(e.parameters?.[1]))];
+		if (o.length === 0) return;
+		let s = `${a.datasetId}:${a.fieldId}`, c = n.get(s);
+		if (c) {
+			c.ids = [.../* @__PURE__ */ new Set([...c.ids, ...o])];
+			return;
+		}
+		n.set(s, {
+			datasetId: a.datasetId,
+			...a.formula ? { formulaId: a.fieldId } : { columnId: a.fieldId },
+			ids: o
+		});
+	};
+	return r(e), [...n.values()];
+}
+async function Q(e, t) {
+	let r = /* @__PURE__ */ new Map();
+	return await Promise.all(e.map(async (e) => {
+		let i = {
+			dataset_id: e.datasetId,
+			column_id: e.columnId,
+			formula_id: e.formulaId
+		}, a = await n.fetchData({
+			dimensions: [i],
+			where: [{
+				expression: "? in ?",
+				parameters: [i, e.ids]
+			}],
+			limit: {
+				by: e.ids.length,
+				offset: 0
+			}
+		}), s = e.columnId ?? e.formulaId ?? "";
+		for (let n of a.data ?? []) {
+			let i = n[0], a = i && typeof i == "object" && "id" in i ? String(i.id) : String(i), c = i && typeof i == "object" && "name" in i ? o(i.name, t) : "";
+			c && r.set(K(e.datasetId, s, a), c);
+		}
+	})), r;
+}
+//#endregion
+//#region src/components/filter-item/filter-item.module.scss?inline
+var ue = ":host{box-sizing:border-box;min-width:0;max-width:100%;font-family:var(--luzmo-font-family);color:var(--luzmo-font-color);flex-direction:row;display:flex}:host([display=text]){vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.filter-item-text{min-width:0;max-width:100%;font-size:var(--luzmo-filter-item-text-font-size,var(--filter-item-text-font-size));white-space:normal;flex-wrap:wrap;align-items:center;column-gap:.25em;line-height:1.5;display:inline-flex}.filter-item-text-field{white-space:nowrap}.filter-item-column-badge{white-space:nowrap;align-items:center;display:inline-flex}.filter-item-text-field-icon{margin-inline-end:var(--luzmo-filter-item-text-icon-gap,var(--filter-item-text-icon-gap))}.filter-item-column-badge luzmo-icon{--luzmo-icon-vertical-align:0}.filter-item-text-expression{color:var(--luzmo-filter-item-text-expression-color,var(--filter-item-text-expression-color));font-weight:var(--luzmo-filter-item-text-expression-font-weight,var(--filter-item-text-expression-font-weight))}:host([column-display=outline]) .filter-item-column-badge luzmo-badge{--luzmo-badge-border-color:var(--luzmo-filter-item-column-badge-color,var(--luzmo-border-color-full));--luzmo-badge-content-color:var(--luzmo-filter-item-column-badge-font-color,var(--luzmo-filter-item-column-badge-color,var(--luzmo-font-color)))}:host([column-display=subtle]) .filter-item-column-badge luzmo-badge{--luzmo-badge-background-color:color-mix(in srgb, var(--luzmo-filter-item-column-badge-color,var(--luzmo-selected-color-hard)) 10%, var(--luzmo-background-color));--luzmo-badge-content-color:var(--luzmo-filter-item-column-badge-font-color)}:host([column-display=fill]) .filter-item-column-badge luzmo-badge{--luzmo-badge-background-color:var(--luzmo-filter-item-column-badge-color,var(--luzmo-selected-color-hard));--luzmo-badge-border-color:transparent;--luzmo-badge-content-color:var(--luzmo-filter-item-column-badge-font-color,var(--luzmo-background-color))}.filter-item-text-value{align-items:center;gap:var(--luzmo-spacing-1);display:inline-flex}.filter-item-text-value luzmo-progress-circle{--luzmo-progress-circle-size:var(--filter-item-progress-circle-size)}.filter-item-text-value--has-tooltip{text-underline-offset:.15em;cursor:help;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:currentColor}[role=group]{box-sizing:border-box;align-items:center;gap:var(--luzmo-filter-item-gap,var(--filter-item-gap));flex-flow:wrap;width:100%;min-width:0;max-width:100%;display:flex}luzmo-data-fields-select{flex:0 1 var(--luzmo-filter-item-field-width,var(--filter-item-field-width));min-width:min(100%, var(--luzmo-filter-item-field-min-width,var(--filter-item-field-min-width)));max-width:100%}luzmo-filter-expression-picker{flex:0 0 var(--luzmo-filter-item-expression-width,var(--filter-item-expression-width));max-width:100%}.value-controls{align-items:center;gap:var(--luzmo-filter-item-gap,var(--filter-item-gap));flex-wrap:nowrap;flex:var(--luzmo-filter-item-value-grow,var(--filter-item-value-grow)) 1 var(--luzmo-filter-item-value-width,var(--filter-item-value-width));min-width:min(100%, var(--luzmo-filter-item-value-min-width,var(--filter-item-value-min-width)));max-width:100%;display:flex}luzmo-filter-value-picker{flex:auto;min-width:0;max-width:100%}luzmo-filter-parameter-picker{flex:0 auto;min-width:0;max-width:100%}:host{--filter-item-gap:var(--luzmo-spacing-3);--filter-item-field-width:auto;--filter-item-expression-width:auto;--filter-item-value-width:auto;--filter-item-value-grow:0;--filter-item-field-min-width:4.5rem;--filter-item-value-min-width:4.5rem;--filter-item-text-font-size:var(--luzmo-font-size-m);--filter-item-text-icon-gap:var(--luzmo-spacing-1);--filter-item-text-expression-color:var(--luzmo-font-color);--filter-item-text-expression-font-weight:var(--luzmo-font-weight);--filter-item-progress-circle-size:var(--luzmo-component-height)}:host([size=s]){--filter-item-gap:var(--luzmo-spacing-2);--filter-item-text-font-size:var(--luzmo-font-size-s);--filter-item-progress-circle-size:var(--luzmo-component-height-s)}:host([size=m]){--filter-item-gap:var(--luzmo-spacing-3)}:host([size=l]){--filter-item-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filter-item-text-font-size:var(--luzmo-font-size-l);--filter-item-text-icon-gap:var(--luzmo-spacing-2);--filter-item-progress-circle-size:var(--luzmo-component-height-l)}:host([size=xl]){--filter-item-gap:var(--luzmo-spacing-4);--filter-item-text-font-size:var(--luzmo-font-size-xl);--filter-item-text-icon-gap:var(--luzmo-spacing-2);--filter-item-progress-circle-size:var(--luzmo-component-height-xl)}", $ = class extends t(S(ne, { validSizes: Object.values(te) })) {
+	constructor(...e) {
+		super(...e), this.apiUrl = "https://api.luzmo.com", this.contentLanguage = "en", this.filter = {}, this.display = "rich", this.columnDisplay = "text", this.quiet = !1, this.readonly = !1, this.disabled = !1, this.allowParameters = !1, this.parameters = [], this._loading = !1, this._datasetsDataFields = [], this._hierarchyLabels = /* @__PURE__ */ new Map(), this._hierarchyLabelsLoading = !1, this._hierarchyRequest = 0;
+	}
+	static get styles() {
+		return [g(ue)];
+	}
+	connectedCallback() {
+		if (super.connectedCallback(), this.textContext) return;
+		let e = {};
+		this.apiUrl && (e.apiUrl = this.apiUrl), this.cacheTime && (e.staleTime = this.cacheTime, e.gcTime = this.cacheTime * 2), e.authKey = this.authKey || "", e.authToken = this.authToken || "", n.configure(e), this.hasUpdated && this.display === "text" && this._loadHierarchyLabelsForText();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._hierarchyRequest += 1;
+	}
+	_clearTypeState() {
+		this._type = void 0, this._subType = void 0, this._isFormula = void 0;
+	}
+	async _fetchDatasetDataFields() {
+		if (!this.datasetIds || this.datasetIds.length === 0) {
+			this._error = "Missing dataset ids to fetch columns & formulas", this._datasetsDataFields = [], this._loading = !1;
+			return;
+		}
+		let { valid: e, invalid: t } = r(this.datasetIds);
+		if (t.length > 0 && console.warn(`[LuzmoFilterItem] Invalid dataset IDs provided (not valid UUIDs): ${t.join(", ")}. These will be skipped.`), e.length === 0) {
+			this._error = "Invalid dataset IDs provided. Dataset IDs must be valid UUIDs.", this._datasetsDataFields = [], this._loading = !1;
+			return;
+		}
+		this._loading = !0, this._error = null;
+		try {
+			let t = await n.fetchDatasetsWithColumnsAndFormulas(e);
+			for (let e of t) for (let t of [...e.columns, ...e.formulas]) t.datasetId = e.id;
+			this._datasetsDataFields = t;
+		} catch (e) {
+			console.error("Error fetching dataset columns & formulas:", e), this._error = e instanceof Error ? e.message : "Unknown error", this._datasetsDataFields = [];
+		} finally {
+			this._loading = !1;
+		}
+	}
+	willUpdate(e) {
+		super.willUpdate(e);
+		let t = e.has("filter"), r = e.has("datasetIds"), i = e.has("authKey"), a = e.has("authToken"), o = e.has("_datasetsDataFields"), s = e.has("parameters");
+		if (!this.textContext && this.display === "text" && (t || o || e.has("display") || e.has("contentLanguage")) && this._loadHierarchyLabelsForText(), t || r || o && (this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId) && this.filter?.parameters?.[0]?.datasetId) if (!this.datasetIds || this.datasetIds.length === 0 || this._datasetsDataFields.length === 0) this._clearTypeState();
+		else {
+			let e = this._datasetsDataFields.find((e) => e.id === this.filter.parameters?.[0]?.datasetId);
+			if (e) {
+				let t = !1;
+				for (let n of [...e.columns || [], ...e?.formulas || []]) if (n.id === this.filter.parameters?.[0]?.columnId || n.id === this.filter.parameters?.[0]?.formulaId) {
+					this._type = n.type, this._subType = n.subtype, this._isFormula = n.id === this.filter.parameters?.[0]?.formulaId, t = !0;
+					break;
+				}
+				t || this._clearTypeState();
+			} else this._clearTypeState();
+		}
+		if (!this.textContext && (i || a)) {
+			let e = {
+				authKey: this.authKey || "",
+				authToken: this.authToken || ""
+			};
+			n.configure(e);
+		}
+		!this.textContext && (r || i || a) && this._fetchDatasetDataFields();
+		let c = this.filter?.parameters?.[1], l = e.get("filter"), p = !!l && l.expression !== this.filter?.expression;
+		if (this.allowParameters && this._type && (s || e.has("_type") || p) && d(c)) {
+			let t = this.parameters.find((e) => e.parameter === c.parameter), n = u(this._type, this.filter?.expression), r = s || e.has("_type");
+			if (p && !n.includes(c.type) || r && (!t || !n.includes(t.type))) {
+				let e = structuredClone(this.filter), t = f(this._type, e.expression);
+				e.parameters = t === void 0 ? [e.parameters[0]] : [e.parameters[0], t], this.filter = e, this._sendChangeEvent();
+			} else if (r && t && JSON.stringify(t) !== JSON.stringify(c)) {
+				let e = structuredClone(this.filter);
+				e.parameters[1] = structuredClone(t), this.filter = e, this._sendChangeEvent();
+			}
+		}
+	}
+	async _loadHierarchyLabelsForText() {
+		let e = ++this._hierarchyRequest, t = this._filterTextContext(), n = Z({
+			condition: "and",
+			filters: [this.filter]
+		}, t);
+		if (n.length === 0) {
+			this._hierarchyLabels = /* @__PURE__ */ new Map(), this._hierarchyLabelsLoading = !1;
+			return;
+		}
+		this._hierarchyLabelsLoading = !0;
+		try {
+			let t = await Q(n, this.contentLanguage);
+			e === this._hierarchyRequest && (this._hierarchyLabels = t);
+		} catch (t) {
+			e === this._hierarchyRequest && console.error(`[${this.localName}] Error fetching hierarchy member names:`, t);
+		} finally {
+			e === this._hierarchyRequest && (this._hierarchyLabelsLoading = !1);
+		}
+	}
+	_sendChangeEvent() {
+		this.readonly || this.disabled || this.dispatchEvent(new CustomEvent("luzmo-filter-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { filter: this.filter }
+		}));
+	}
+	setFilterDataField(e) {
+		if (this.readonly || this.disabled || this._cannotReferenceColumn()) return;
+		let t = e.detail?.dataFields?.[0], n = this._type, r = this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId, i = !!this.filter?.parameters?.[0]?.formulaId, a = t?.columnId || t?.formulaId, o = d(this.filter?.parameters?.[1]);
+		this._type = t?.type, this._subType = t?.subtype, this._isFormula = !!t?.formulaId;
+		let s = l(this._type, this._subType, this._isFormula);
+		this.filter = structuredClone(this.filter ?? {}), s?.includes(this.filter?.expression) || (this.filter.expression = s?.[0]?.expression), this.filter.parameters = this.filter?.parameters ?? [], this.filter.parameters[0] = { datasetId: t?.datasetId }, this._isFormula ? this.filter.parameters[0].formulaId = t?.formulaId : this.filter.parameters[0].columnId = t?.columnId;
+		let c = this.filter.properties ?? {};
+		if (this._isFormula ? i && c.type !== void 0 || (this.filter.properties = {
+			...c,
+			type: "having"
+		}) : (c.type === void 0 || i && c.type === "having") && (this.filter.properties = {
+			...c,
+			type: "where"
+		}), t?.lowestLevel, n !== this._type) this._type === "hierarchy" ? (this.filter.expression = "? like ?", this.filter.parameters[1] = "") : this._type === "numeric" ? (this.filter.expression = "? > ?", this.filter.parameters[1] = 0) : this._type === "datetime" ? (this.filter.expression = "? < ?", this.filter.parameters[1] = (/* @__PURE__ */ new Date()).toISOString()) : (this.filter.expression = "? is not null", this.filter.parameters = [this.filter.parameters[0]]);
+		else if (o && r !== a) {
+			let e = f(this._type, this.filter.expression);
+			this.filter.parameters = e === void 0 ? [this.filter.parameters[0]] : [this.filter.parameters[0], e];
+		} else r !== a && this._type === "hierarchy" && (this.filter.parameters[1] = ["? in ?", "? not in ?"].includes(this.filter.expression) ? [] : "");
+		this._sendChangeEvent();
+	}
+	setFilterExpression(e) {
+		if (this.readonly || this.disabled || this._cannotReferenceColumn()) return;
+		let t = structuredClone(this.filter ?? {}), n = t.expression;
+		if (t.expression = e.detail?.expression, n !== t.expression) {
+			if (d(t.parameters?.[1])) {
+				let e = t.parameters[1];
+				if (!u(this._type, t.expression).some((t) => t === e.type)) {
+					let e = f(this._type, t.expression);
+					t.parameters = e === void 0 ? [t.parameters[0]] : [t.parameters[0], e];
+				}
+			} else if (["? is null", "? is not null"].includes(t.expression)) t.parameters = [t.parameters[0]];
+			else if (this._type === "datetime") if ([
+				"YTD",
+				"QTD",
+				"MTD",
+				"WTD"
+			].includes(t.expression)) {
+				let n = e?.detail?.unit;
+				n && (t.parameters[1] = { unit: typeof n == "number" ? n : 1 });
+			} else if ([
+				"last_completed",
+				"next_full",
+				"to_date"
+			].includes(t.expression)) {
+				let e = t?.parameters?.[1]?.unit;
+				t.parameters[1] = { unit: typeof e == "number" ? e : 1 };
+			} else if ([
+				"last_now",
+				"last_available",
+				"next_now",
+				"more_than_ago",
+				"or_more_ago"
+			].includes(t.expression)) {
+				let e = t?.parameters?.[1]?.unit, n = t?.parameters?.[1]?.quantity;
+				t.parameters[1] = {
+					unit: typeof e == "number" ? e : 1,
+					quantity: typeof n == "number" ? n : 1
+				};
+			} else t.parameters[1] = (/* @__PURE__ */ new Date()).toISOString();
+			else if (this._type === "hierarchy") if (["? in ?", "? not in ?"].includes(t.expression)) ["? = ?", "? != ?"].includes(n) ? t.parameters[1] = t.parameters[1] ? [t.parameters[1]] : [] : t.parameters[1] = [];
+			else if (["? = ?", "? != ?"].includes(t.expression)) if (["? in ?", "? not in ?"].includes(n)) t.parameters[1] = Array.isArray(t.parameters[1]) && t.parameters[1][0] != null ? t.parameters[1][0] : "";
+			else {
+				let e = t.parameters[1];
+				t.parameters[1] = typeof e == "string" || typeof e == "number" ? e : "";
+			}
+			else t.parameters[1] = ["? in ?", "? not in ?"].includes(n) ? "" : t.parameters[1] ?? "";
+			else this._type === "numeric" && (["? in ?", "? not in ?"].includes(t.expression) && ["? in ?", "? not in ?"].includes(n) ? t.parameters[1] = t.parameters[1] ?? [] : ["? in ?", "? not in ?"].includes(t.expression) ? t.parameters[1] = [] : t.parameters[1] = ["? in ?", "? not in ?"].includes(n) ? 0 : t.parameters[1] ?? 0);
+			this.filter = t, this._sendChangeEvent();
+		}
+	}
+	setFilterValue(e) {
+		this.readonly || this.disabled || this._cannotReferenceColumn() || (this.filter.parameters[1] = e?.detail?.value, this._sendChangeEvent());
+	}
+	handleFilterParameterSelected(e) {
+		if (this.readonly || this.disabled) return;
+		let t = e.detail?.parameter;
+		if (!t) return;
+		let n = structuredClone(this.filter ?? {});
+		n.parameters = n.parameters ?? [], n.parameters[1] = structuredClone(t), this.filter = n, this._sendChangeEvent();
+	}
+	handleFilterParameterRemoved() {
+		if (this.readonly || this.disabled || !d(this.filter?.parameters?.[1])) return;
+		let e = structuredClone(this.filter), t = f(this._type, e.expression);
+		e.parameters = t === void 0 ? [e.parameters[0]] : [e.parameters[0], t], this.filter = e, this._sendChangeEvent();
+	}
+	_cannotReferenceColumn() {
+		if (!(this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId)) return !1;
+		if (!this.datasetIds || this.datasetIds.length === 0 || this._datasetsDataFields.length === 0) return !0;
+		let e = this.filter?.parameters?.[0]?.datasetId, t = this._datasetsDataFields.find((t) => t.id === e);
+		return !t || ![...t.columns || [], ...t.formulas || []].find((e) => e.id === this.filter?.parameters?.[0]?.columnId || e.id === this.filter?.parameters?.[0]?.formulaId);
+	}
+	renderDataFieldPicker() {
+		let e = this._cannotReferenceColumn(), t = e ? b("Unknown") : void 0, n = e || this._loading ? "" : this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId;
+		return m`<luzmo-data-fields-select
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      .size=${this.size}
+      .value=${n ? [n] : []}
+      selects="single"
+      levels="off"
+      .datasetsDataFields=${this._datasetsDataFields}
+      placeholder=${ee(t)}
+      .invalid=${!!this._error || e}
+      ?disabled=${e || this.disabled}
+      .readonly=${this.readonly}
+      .retrieving=${this._loading}
+      .pending=${this._loading}
+      .quiet=${this.quiet}
+      @luzmo-data-fields-selected=${this.setFilterDataField}
+    ></luzmo-data-fields-select>`;
+	}
+	renderExpressionPicker() {
+		let e = this._cannotReferenceColumn(), t = this.filter?.parameters?.[0], n = !t?.datasetId || !t?.columnId && !t?.formulaId || e;
+		return m`<luzmo-filter-expression-picker
+      .language=${this.language}
+      .size=${this.size}
+      .type=${this._type}
+      .subtype=${this._subType}
+      .filter=${this.filter}
+      ?isFormula=${this._isFormula}
+      ?disabled=${n || this.disabled}
+      .readonly=${this.readonly}
+      .quiet=${this.quiet}
+      @luzmo-expression-selected=${this.setFilterExpression}
+    ></luzmo-filter-expression-picker>`;
+	}
+	renderValuePicker() {
+		let e = this._cannotReferenceColumn(), t = this.filter?.parameters?.[0], n = !t?.datasetId || !t?.columnId && !t?.formulaId || e;
+		return m`<luzmo-filter-value-picker
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      .cacheTime=${this.cacheTime}
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      .timeZone=${this.timeZone}
+      .size=${this.size}
+      .filter=${this.filter}
+      .valueType=${this._type}
+      ?disabled=${n || this.disabled}
+      .readonly=${this.readonly}
+      .quiet=${this.quiet}
+      @luzmo-filter-value-changed=${this.setFilterValue}
+    ></luzmo-filter-value-picker>`;
+	}
+	renderParameterPicker() {
+		if (!this.allowParameters) return null;
+		let e = u(this._type, this.filter?.expression);
+		if (e.length === 0) return null;
+		let t = d(this.filter?.parameters?.[1]) ? this.filter.parameters[1] : void 0;
+		return m`<luzmo-filter-parameter-picker
+      .language=${this.language}
+      .size=${this.size}
+      .parameters=${this.parameters}
+      .allowedTypes=${e}
+      .selectedParameter=${t}
+      .currentValue=${t ? t.value : this.filter?.parameters?.[1]}
+      ?disabled=${this._cannotReferenceColumn() || this.disabled}
+      .readonly=${this.readonly}
+      .quiet=${this.quiet}
+      @luzmo-parameter-selected=${this.handleFilterParameterSelected}
+      @luzmo-parameter-removed=${this.handleFilterParameterRemoved}
+    ></luzmo-filter-parameter-picker>`;
+	}
+	_filterTextContext() {
+		return this.textContext ?? {
+			datasets: this._datasetsDataFields,
+			contentLanguage: this.contentLanguage,
+			timeZone: this.timeZone,
+			hierarchyLabels: this._hierarchyLabels,
+			hierarchyLabelsLoading: this._hierarchyLabelsLoading
+		};
+	}
+	get _columnBadgeSize() {
+		return {
+			xxs: "xs",
+			xs: "xs",
+			s: "xs",
+			m: "s",
+			l: "m",
+			xl: "l",
+			xxl: "xl"
+		}[this.size] ?? "s";
+	}
+	_textFieldIcon(e, t) {
+		return e.formula ? i({ formulaId: "formula" }, t) : a({
+			type: e.type ?? "hierarchy",
+			subtype: e.subtype
+		}, t);
+	}
+	_renderTextField(e) {
+		if (this.columnDisplay !== "text") {
+			let t = this._columnBadgeSize, n = this._textFieldIcon(e, t);
+			return m`<span
+        class="filter-item-column-badge filters-text-field"
+        part="filter-item-text-field"
+        title=${e.tooltip}
+      >
+        <luzmo-badge role="none" .size=${t} .treatment=${this.columnDisplay}>
+          ${n ? m`<luzmo-icon slot="icon" .icon=${n} .size=${t}></luzmo-icon>` : h}${e.label}
+        </luzmo-badge>
+      </span>`;
+		}
+		let t = this._textFieldIcon(e, "s");
+		return m`<span
+      class="filter-item-text-field filters-text-field"
+      part="filter-item-text-field"
+      title=${e.tooltip}
+      ><span class="filter-item-text-field-icon filters-text-field-icon" aria-hidden="true">${t ? p(t) : h}</span
+      ><span class="filter-item-text-field-label filters-text-field-label">${e.label}</span></span
+    >`;
+	}
+	_renderTextValue(e) {
+		if (e.valueField) return this._renderTextField(e.valueField);
+		if (!e.valueText) return h;
+		let t = e.valuePending ? m`<luzmo-progress-circle
+          indeterminate
+          .label=${b("Loading item names", { desc: "Accessible label while hierarchy item names load beside the item count" })}
+          .size=${this.size}
+        ></luzmo-progress-circle>` : h;
+		return e.valueTooltip ? m`<span
+      class="filter-item-text-value filter-item-text-value--has-tooltip filters-text-value filters-text-value--has-tooltip outline-value outline-value--has-tooltip"
+      tabindex="0"
+      aria-live="polite"
+      >${e.valueText}<luzmo-tooltip self-managed placement="top" .size=${this.size}
+        >${e.valueTooltip}</luzmo-tooltip
+      ></span
+    >` : m`<span class="filter-item-text-value filters-text-value outline-value" aria-live="polite">${e.valueText}${t}</span>`;
+	}
+	_renderTextDisplay() {
+		let e = J(this.filter, this._filterTextContext());
+		if (!e) return m`
+        <span
+          class="filter-item-text"
+          part="filter-item-text"
+        ></span>
+      `;
+		let t = this._renderTextField(e.field), n = m`<span class="filter-item-text-expression filters-text-expression outline-expression"
+      >${e.expression}</span
+    >`, r = e.valueField || e.valueText ? this._renderTextValue(e) : h;
+		return m`<span class="filter-item-text" part="filter-item-text">${e.expression && r !== h ? T(b(x`${C[0]}\u2063 ${C[1]}\u2063 ${C[2]}`, {
+			id: "filter-item-field-expression-value",
+			desc: "Field, expression, and value in a read-only filter sentence"
+		}), [
+			t,
+			n,
+			r
+		]) : e.expression ? T(b(x`${C[0]}\u2063 ${C[1]}`, {
+			id: "filter-item-field-expression",
+			desc: "Field and expression in a read-only filter sentence without a value"
+		}), [t, n]) : r === h ? t : T(b(x`${C[0]}\u2063 ${C[1]}`, {
+			id: "filter-item-field-value",
+			desc: "Field and value in a read-only filter sentence without an expression"
+		}), [t, r])}</span>`;
+	}
+	render() {
+		if (this.display === "text") return this._renderTextDisplay();
+		let e = d(this.filter?.parameters?.[1]);
+		return m`<div role="group" aria-label=${b("Filter condition", { desc: "Accessible label for filter item group" })}>
+      ${this.renderDataFieldPicker()} ${this.renderExpressionPicker()}
+      <div class="value-controls">
+        ${e ? null : this.renderValuePicker()} ${this.renderParameterPicker()}
+      </div>
+    </div>`;
+	}
+};
+//#endregion
+//#region src/components/filter-item/index.ts
+e([_({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], $.prototype, "apiUrl", void 0), e([_({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], $.prototype, "authKey", void 0), e([_({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], $.prototype, "authToken", void 0), e([_({
+	type: Number,
+	attribute: "cache-time",
+	reflect: !0
+})], $.prototype, "cacheTime", void 0), e([_({
+	type: String,
+	reflect: !0
+})], $.prototype, "contentLanguage", void 0), e([_({
+	type: String,
+	attribute: "time-zone",
+	reflect: !0
+})], $.prototype, "timeZone", void 0), e([_({
+	type: Array,
+	attribute: "dataset-ids",
+	reflect: !0
+})], $.prototype, "datasetIds", void 0), e([_({
+	type: Object,
+	reflect: !1
+})], $.prototype, "filter", void 0), e([_({
+	type: String,
+	reflect: !0
+})], $.prototype, "display", void 0), e([_({
+	type: String,
+	attribute: "column-display",
+	reflect: !0
+})], $.prototype, "columnDisplay", void 0), e([_({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "quiet", void 0), e([_({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "readonly", void 0), e([_({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "disabled", void 0), e([_({ attribute: !1 })], $.prototype, "textContext", void 0), e([_({
+	type: Boolean,
+	attribute: "allow-parameters",
+	reflect: !0
+})], $.prototype, "allowParameters", void 0), e([_({ attribute: !1 })], $.prototype, "parameters", void 0), e([v()], $.prototype, "_type", void 0), e([v()], $.prototype, "_subType", void 0), e([v()], $.prototype, "_isFormula", void 0), e([v()], $.prototype, "_error", void 0), e([v()], $.prototype, "_loading", void 0), e([v()], $.prototype, "_datasetsDataFields", void 0), e([v()], $.prototype, "_hierarchyLabels", void 0), e([v()], $.prototype, "_hierarchyLabelsLoading", void 0), $ = e([y()], $), customElements.get("luzmo-filter-item") || customElements.define("luzmo-filter-item", $);
+//#endregion
+export { C as a, Q as i, Z as n, T as o, J as r, $ as t };