@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.9

package/components/filter-item-CH5sjhJy.js

@@ -1,793 +0,0 @@
-/*! * 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-DaLXe5J9.js";
-import { t as n } from "./data-broker-B0uUO5er.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-3xcrAACt.js";
-import "./data-fields-select-HwMkrPAn.js";
-import { a as u, o as d, r as f } from "./filter-parameter-picker-CB3uIoZ2.js";
-import "./filter-value-picker-DeO855hf.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 };