npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-beta.3 → 1.0.2-beta.1 - Mend

@luzmo/analytics-components-kit 1.0.1-beta.3 → 1.0.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1936) hide show

package/components/filter-value-picker-numeric-l6FH6T-t.js DELETED Viewed

@@ -1,215 +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 { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-CcOogT3k.js";
-import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
-import { html, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { localized, msg } from "@lit/localize";
-import "@luzmo/lucero/number-field";
-import "@luzmo/lucero/select";
-import { ElementSizes, LuzmoElement, SizedMixin } from "@luzmo/lucero/utils";
-var filter_value_picker_numeric_module_default = ".missing-value{opacity:.4}:host{--var:blue}", LIMIT_OF_VALUES_PER_FETCH = 5e3, LuzmoFilterValuePickerNumeric = class extends LocalizedMixin(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
-	constructor(...e) {
-		super(...e), this.contentLanguage = "en", this._numericValues = [], this._retrieving = !0, this._search = "", this._error = null, this._allValuesRetrieved = !1, this._runningQueries = [];
-	}
-	static get styles() {
-		return [unsafeCSS(filter_value_picker_numeric_module_default)];
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		let e = {};
-		this.apiUrl && (e.apiUrl = this.apiUrl), this.cacheTime && (e.staleTime = this.cacheTime, e.gcTime = this.cacheTime * 2), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), dataBroker.configure(e);
-	}
-	willUpdate(e) {
-		if (super.willUpdate(e), e.has("filter") && this.filter) {
-			let a = e.get("filter")?.expression, o = this.filter?.expression;
-			((e.get("filter")?.parameters?.[0]?.columnId || e.get("filter")?.parameters?.[0]?.formulaId) !== (this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId) || !["? in ?", "? not in ?"].includes(a)) && ["? in ?", "? not in ?"].includes(o) && (this._numericValues = [], this._allValuesRetrieved = !1, this._retrieving = !0);
-		}
-	}
-	async _fetchNumericValues(e = 0) {
-		if (this._allValuesRetrieved) {
-			this._retrieving = !1;
-			return;
-		}
-		if (!this.filter?.parameters?.[0]) {
-			this._retrieving = !1, this._error = "Missing column parameters";
-			return;
-		}
-		let a = this.filter.parameters[0], s = a.columnId, c = a.formulaId, l = a.datasetId;
-		if (!s && !c) {
-			this._retrieving = !1, this._error = "Missing column id or formula id";
-			return;
-		} else if (!l) {
-			this._retrieving = !1, this._error = "Missing dataset id";
-			return;
-		}
-		this._retrieving = !0, this._error = null;
-		let u = {
-			expression: "? like ?",
-			parameters: [{
-				dataset_id: l,
-				expression: `CAST({${l}:${s ?? c}},hierarchy)`
-			}, this._search]
-		}, d = {
-			dimensions: [{
-				column_id: s,
-				formula_id: c,
-				dataset_id: l
-			}],
-			where: [],
-			order: [{
-				column_id: s,
-				formula_id: c,
-				dataset_id: l,
-				order: "asc"
-			}],
-			limit: {
-				by: LIMIT_OF_VALUES_PER_FETCH,
-				offset: e
-			}
-		};
-		this._search && !this._allValuesRetrieved && d.where.push(u);
-		let f = new AbortController(), p = new Promise((e, a) => {
-			dataBroker.fetchData(d).then(e).catch(a), f.signal.addEventListener("abort", () => {
-				console.warn("Request aborted"), a({ status: "aborted" });
-			});
-		}), m = {
-			promise: p,
-			abortController: f
-		};
-		this._runningQueries.push(m);
-		try {
-			let a = await p, o = a && Array.isArray(a.data) ? a.data.map((e) => e[0]) : [];
-			this._search || (this._allValuesRetrieved = o.length < LIMIT_OF_VALUES_PER_FETCH), this._numericValues = e > 0 ? [...this._numericValues, ...o] : o;
-		} catch (e) {
-			if (e?.status === "aborted") return;
-			this._error = e instanceof Error ? e.message : "Unknown error", this._numericValues = [];
-		} finally {
-			this._runningQueries = this._runningQueries.filter((e) => e.promise !== p), this._retrieving = !1;
-		}
-	}
-	_sendChangeEvent() {
-		this.dispatchEvent(new CustomEvent("luzmo-filter-value-changed", {
-			bubbles: !0,
-			composed: !0,
-			cancelable: !0,
-			detail: { value: this._value }
-		}));
-	}
-	setValue(e) {
-		let a = ["? in ?", "? not in ?"].includes(this.filter?.expression) ? e?.detail?.value : e?.target?.value;
-		this._value !== a && (this._value = a, this.filter = {
-			...this.filter,
-			parameters: [{ ...this.filter?.parameters?.[0] }, a]
-		}, this._sendChangeEvent());
-	}
-	selectValue(e) {
-		let a = (e.detail?.value ?? "").map((e) => Number.parseFloat(e));
-		this.filter = {
-			...this.filter,
-			parameters: [{ ...this.filter?.parameters?.[0] }, a]
-		}, this._value = a, this._sendChangeEvent();
-	}
-	onScrolled(e) {
-		!this._retrieving && !this._allValuesRetrieved && e?.detail?.last === this._numericValues.length - 1 && this._fetchNumericValues(this._numericValues.length);
-	}
-	renderNumberField() {
-		return html`<luzmo-number-field
-      label="Numeric filter value"
-      grows
-      .size=${this.size}
-      @change=${this.setValue}
-      @input=${this.setValue}
-      .value=${this.filter?.parameters?.[1]}
-    ></luzmo-number-field>`;
-	}
-	setSearchString(e) {
-		this._search = e?.detail?.string ?? "", this._allValuesRetrieved || (this._searchQueryTimeout && (this._runningQueries.forEach((e) => {
-			e?.abortController && e.abortController.abort();
-		}), this._runningQueries = [], clearTimeout(this._searchQueryTimeout)), this._searchQueryTimeout = setTimeout(() => {
-			this._fetchNumericValues();
-		}, 500));
-	}
-	resetSearchString() {
-		this._search = "";
-	}
-	onOpened() {
-		this._fetchNumericValues();
-	}
-	renderValuePicker() {
-		if (this._error) return html`<div class="error" role="alert">${this._error}</div>`;
-		let e = this._numericValues.filter((e) => e.toString().toLowerCase().includes(this._search.toLowerCase())).map((e) => ({
-			value: e,
-			label: e
-		})), a = msg("Selected {count} items"), o = msg("Search"), c = msg("No data"), l = msg("No results"), u = msg("Select...");
-		return html`<luzmo-select
-      .size=${this.size}
-      .label=${u}
-      .retrieving=${this._retrieving}
-      selects="multiple"
-      variant="checkboxes"
-      emphasized
-      no-wrap
-      ?invalid=${!!this._error}
-      .multipleLabelTemplate=${a}
-      .searchLabel=${o}
-      .noDataLabel=${c}
-      .noResultsLabel=${l}
-      @change=${this.selectValue}
-      @luzmo-search=${this.setSearchString}
-      @luzmo-opened=${this.onOpened}
-      @luzmo-closed=${this.resetSearchString}
-      @luzmo-scrolled=${this.onScrolled}
-      .options=${e}
-      .value=${this.filter?.parameters?.[1]}
-    >
-    </luzmo-select>`;
-	}
-	render() {
-		let e = this.filter?.expression;
-		return ["? in ?", "? not in ?"].includes(e) ? this.renderValuePicker() : this.renderNumberField();
-	}
-};
-__decorate([property({
-	type: String,
-	attribute: "api-url",
-	reflect: !0
-})], LuzmoFilterValuePickerNumeric.prototype, "apiUrl", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], LuzmoFilterValuePickerNumeric.prototype, "authKey", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], LuzmoFilterValuePickerNumeric.prototype, "authToken", void 0), __decorate([property({
-	type: Number,
-	attribute: "cache-time",
-	reflect: !0
-})], LuzmoFilterValuePickerNumeric.prototype, "cacheTime", void 0), __decorate([property({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], LuzmoFilterValuePickerNumeric.prototype, "contentLanguage", void 0), __decorate([property({
-	type: Object,
-	reflect: !1
-})], LuzmoFilterValuePickerNumeric.prototype, "filter", void 0), __decorate([state()], LuzmoFilterValuePickerNumeric.prototype, "_numericValues", void 0), __decorate([state()], LuzmoFilterValuePickerNumeric.prototype, "_retrieving", void 0), __decorate([state()], LuzmoFilterValuePickerNumeric.prototype, "_search", void 0), __decorate([state()], LuzmoFilterValuePickerNumeric.prototype, "_error", void 0), LuzmoFilterValuePickerNumeric = __decorate([localized()], LuzmoFilterValuePickerNumeric), customElements.get("luzmo-filter-value-picker-numeric") || customElements.define("luzmo-filter-value-picker-numeric", LuzmoFilterValuePickerNumeric);
-export { LuzmoFilterValuePickerNumeric as t };

package/components/filters-BO0nqdIE.js DELETED Viewed

@@ -1,393 +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 { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-CcOogT3k.js";
-import { luzmoPlus, luzmoTrashOutline } from "@luzmo/icons";
-import { html, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { localized, msg } from "@lit/localize";
-import { repeat } from "lit/directives/repeat.js";
-import "@luzmo/lucero/action-button";
-import "@luzmo/lucero/icon";
-import "@luzmo/lucero/button";
-import { ElementSizes, LuzmoElement, SizedMixin } from "@luzmo/lucero/utils";
-function isFilterGroup(e) {
-	return typeof e == "object" && !!e && "condition" in e && "filters" in e;
-}
-function isRecord(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
-}
-function toItemFilterParameters(e) {
-	if (!Array.isArray(e) || e.length === 0) return [];
-	let x = isRecord(e[0]) ? e[0] : void 0, S = e.length > 1 ? e[1] : void 0;
-	return e.length > 1 ? [x, S] : [x];
-}
-function toItemFilter(e) {
-	return typeof e.expression != "string" || e.expression.length === 0 ? null : {
-		expression: e.expression,
-		parameters: toItemFilterParameters(e.parameters)
-	};
-}
-function transformFilterGroup(e) {
-	if (!e || !e.filters) return {
-		condition: "and",
-		filters: [],
-		subGroups: []
-	};
-	let x = [], S = [];
-	for (let C of e.filters) if (isFilterGroup(C)) S.push(transformFilterGroup(C));
-	else {
-		let e = toItemFilter(C);
-		e && x.push(e);
-	}
-	return {
-		condition: e.condition?.toLowerCase() === "or" ? "or" : "and",
-		filters: x,
-		subGroups: S
-	};
-}
-function transformFilters(e) {
-	return e ? [transformFilterGroup(e)] : [];
-}
-function toEditFilterCondition(e) {
-	return {
-		expression: e.expression,
-		parameters: Array.isArray(e.parameters) ? [...e.parameters] : []
-	};
-}
-function toEditFilterGroup(e) {
-	let x = e.subGroups ?? [];
-	return {
-		condition: e.condition === "or" ? "OR" : "AND",
-		filters: [...e.filters.map(toEditFilterCondition), ...x.map((e) => toEditFilterGroup(e))]
-	};
-}
-function reverseTransformFilters(e) {
-	return !e || e.length === 0 ? [] : e.map((e) => toEditFilterGroup(e));
-}
-var filters_module_default = ":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}.filter-group-container{max-width:100%;padding:calc(var(--luzmo-indicator-gap) + 2*var(--luzmo-indicator-width));overflow: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:center;gap:var(--luzmo-filters-filter-line-gap,var(--filters-filter-line-gap));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:center}.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))}: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)}", CONDITION_LABELS = {
-	AND: () => msg("AND", { desc: "Logical AND condition for combining filters" }),
-	OR: () => msg("OR", { desc: "Logical OR condition for combining filters" })
-}, LuzmoFilters = class extends LocalizedMixin(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
-	constructor(...e) {
-		super(...e), this.apiUrl = "https://api.luzmo.com", this.contentLanguage = "en", this.filters = [], this.debounce = 300, this._internalFilterGroup = null, this._debounceTimeout = null;
-	}
-	static get styles() {
-		return [unsafeCSS(filters_module_default)];
-	}
-	get _oneSizeSmaller() {
-		return {
-			xxs: "xxs",
-			xs: "xs",
-			s: "xs",
-			m: "s",
-			l: "m",
-			xl: "l",
-			xxl: "xl"
-		}[this.size] || "s";
-	}
-	get _isDatasetIdsEmpty() {
-		return !this.datasetIds || this.datasetIds.length === 0;
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._debounceTimeout &&= (clearTimeout(this._debounceTimeout), null);
-	}
-	willUpdate(e) {
-		if (super.willUpdate(e), e.has("filters")) {
-			let e = reverseTransformFilters(this.filters);
-			e.length === 0 ? this._internalFilterGroup = null : e.length === 1 ? this._internalFilterGroup = structuredClone(e[0]) : this._internalFilterGroup = {
-				condition: "AND",
-				filters: structuredClone(e)
-			};
-		}
-	}
-	_generateEmptyGroup() {
-		return {
-			condition: "AND",
-			filters: []
-		};
-	}
-	_generateEmptyFilter() {
-		return {
-			expression: void 0,
-			parameters: []
-		};
-	}
-	_getFiltersForExport() {
-		if (!this._internalFilterGroup) return [];
-		if (this._internalFilterGroup.filters.length > 0 && this._internalFilterGroup.filters.every((e) => this._isGroup(e))) return structuredClone(this._internalFilterGroup.filters).map((e) => transformFilters(e)[0]).filter((e) => !!e);
-		let [e] = transformFilters(structuredClone(this._internalFilterGroup));
-		return e ? [e] : [];
-	}
-	_sendChangeEvent() {
-		this._debounceTimeout && clearTimeout(this._debounceTimeout);
-		let e = () => {
-			this.dispatchEvent(new CustomEvent("luzmo-filters-changed", {
-				bubbles: !0,
-				composed: !0,
-				cancelable: !0,
-				detail: { filters: this._getFiltersForExport() }
-			}));
-		};
-		this.debounce > 0 ? this._debounceTimeout = setTimeout(e, this.debounce) : e();
-	}
-	_isGroup(e) {
-		return "condition" in e && "filters" in e;
-	}
-	_toggleCondition(e) {
-		e.condition = e.condition === "AND" ? "OR" : "AND", this.requestUpdate(), this._sendChangeEvent();
-	}
-	_addFilter(e) {
-		if (this._isDatasetIdsEmpty) return;
-		let x = e;
-		x ||= (this._internalFilterGroup ||= this._generateEmptyGroup(), this._internalFilterGroup), x.filters.push(this._generateEmptyFilter()), this.requestUpdate(), this._sendChangeEvent();
-	}
-	_addSubGroup(e) {
-		if (this._isDatasetIdsEmpty) return;
-		let x = this._generateEmptyGroup();
-		x.condition = e.condition === "AND" ? "OR" : "AND", x.filters.push(this._generateEmptyFilter()), e.filters.push(x), this.requestUpdate(), this._sendChangeEvent();
-	}
-	_removeFilter(e, x) {
-		if (this._internalFilterGroup) {
-			if (e.filters.splice(x, 1), e !== this._internalFilterGroup && e.filters.length === 0) {
-				let x = this._findParentGroup(this._internalFilterGroup, e);
-				if (x) {
-					let S = x.filters.indexOf(e);
-					S !== -1 && x.filters.splice(S, 1);
-				}
-			}
-			this._collapseGroupsAfterDelete(), this.requestUpdate(), this._sendChangeEvent();
-		}
-	}
-	_updateFilter(e, x, S) {
-		S.stopPropagation(), this._isGroup(e.filters[x]) || (e.filters[x] = S.detail.filter, this._sendChangeEvent());
-	}
-	_addGroup() {
-		if (this._isDatasetIdsEmpty) return;
-		this._internalFilterGroup ||= this._generateEmptyGroup();
-		let e = this._generateEmptyGroup();
-		e.condition = this._internalFilterGroup.condition === "AND" ? "OR" : "AND", e.filters.push(this._internalFilterGroup);
-		let x = this._generateEmptyGroup();
-		x.condition = e.condition === "AND" ? "OR" : "AND", x.filters.push(this._generateEmptyFilter()), e.filters.push(x), this._internalFilterGroup = e, this.requestUpdate(), this._sendChangeEvent();
-	}
-	_renderFilterItem(e, x, S) {
-		return html`
-      <div class="filter-item-wrapper">
-        <div class="filter-item-content">
-          <luzmo-filter-item
-            .apiUrl=${this.apiUrl}
-            .authKey=${this.authKey}
-            .authToken=${this.authToken}
-            .cacheTime=${this.cacheTime}
-            .language=${this.language}
-            .contentLanguage=${this.contentLanguage}
-            .timeZone=${this.timeZone}
-            .datasetIds=${this.datasetIds}
-            .filter=${e}
-            .size=${this.size}
-            @luzmo-filter-changed=${this._updateFilter.bind(this, x, S)}
-          ></luzmo-filter-item>
-          <luzmo-action-button
-            class="delete-filter-button"
-            .size=${this.size}
-            quiet
-            .label=${msg("Remove filter", { desc: "Aria label for remove filter button" })}
-            @click=${this._removeFilter.bind(this, x, S)}
-          >
-            <luzmo-icon slot="icon" .icon=${luzmoTrashOutline} .size=${this.size}></luzmo-icon>
-          </luzmo-action-button>
-        </div>
-      </div>
-    `;
-	}
-	_renderGroup(e, x = !1) {
-		let C = e.filters.length > 0, w = e.filters.length > 1, T = CONDITION_LABELS[e.condition]?.() ?? e.condition;
-		return html`
-      <div class="filter-group ${x ? "nested" : ""}" role="group">
-        ${x ? html`
-              <div class="condition-wrapper">
-                ${w ? html`
-                      <luzmo-action-button
-                        class="condition-badge"
-                        .size=${this._oneSizeSmaller}
-                        quiet
-                        aria-pressed=${e.condition === "AND" ? "true" : "false"}
-                        .label=${msg("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + T}
-                        @click=${this._toggleCondition.bind(this, e)}
-                      >
-                        ${T}
-                      </luzmo-action-button>
-                    ` : ""}
-              </div>
-            ` : w ? html`
-                <div class="condition-wrapper">
-                  <luzmo-action-button
-                    class="condition-badge"
-                    .size=${this._oneSizeSmaller}
-                    quiet
-                    aria-pressed=${e.condition === "AND" ? "true" : "false"}
-                    .label=${msg("Toggle filter condition, currently ", { desc: "Aria label prefix for filter condition toggle" }) + T}
-                    @click=${this._toggleCondition.bind(this, e)}
-                  >
-                    ${T}
-                  </luzmo-action-button>
-                </div>
-              ` : ""}
-        <div class="group-content">
-          ${C ? html`
-                <div class="filters-list">
-                  ${repeat(e.filters, (e, x) => x, (x, S) => html`
-                      ${this._isGroup(x) ? this._renderGroup(x, !0) : this._renderFilterItem(x, e, S)}
-                    `)}
-                </div>
-              ` : ""}
-          <div class="group-actions">
-            <luzmo-action-button
-              class="add-filter-button"
-              .size=${this.size}
-              quiet
-              ?disabled=${this._isDatasetIdsEmpty}
-              @click=${this._addFilter.bind(this, e)}
-            >
-              <luzmo-icon slot="icon" .icon=${luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
-              ${msg("Filter", { desc: "Add filter button label" })}
-            </luzmo-action-button>
-            <luzmo-action-button
-              class="add-subgroup-button"
-              .size=${this.size}
-              quiet
-              ?disabled=${this._isDatasetIdsEmpty}
-              @click=${this._addSubGroup.bind(this, e)}
-            >
-              <luzmo-icon slot="icon" .icon=${luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
-              ${msg("Subgroup", { desc: "Add subgroup button label" })}
-            </luzmo-action-button>
-          </div>
-        </div>
-      </div>
-    `;
-	}
-	_findParentGroup(e, x) {
-		for (let S of e.filters) {
-			if (S === x) return e;
-			if (this._isGroup(S)) {
-				let e = this._findParentGroup(S, x);
-				if (e) return e;
-			}
-		}
-		return null;
-	}
-	_collapseIfNeeded(e) {
-		if (e.filters.length === 1 && this._isGroup(e.filters[0])) {
-			let x = e.filters[0];
-			e.condition = x.condition, e.filters = x.filters;
-		}
-	}
-	_collapseGroupsAfterDelete() {
-		if (!this._internalFilterGroup) return;
-		let e = (x) => {
-			for (let S of x.filters) this._isGroup(S) && e(S);
-			this._collapseIfNeeded(x);
-		};
-		e(this._internalFilterGroup);
-	}
-	render() {
-		if (this._isDatasetIdsEmpty) return html`
-        <div class="filter-group-container">
-          <div class="dataset-ids-empty-message" role="status">
-            ${msg("Cannot retrieve dataset data fields", { desc: "Error message when datasetIds is empty" })}
-          </div>
-        </div>
-      `;
-		if (!this._internalFilterGroup || this._internalFilterGroup.filters.length === 0) return html`
-        <div class="filter-group-container">
-          <luzmo-button
-            class="add-filter-button"
-            .size=${this.size}
-            treatment="outline"
-            ?disabled=${this._isDatasetIdsEmpty}
-            @click=${() => this._addFilter()}
-          >
-            <luzmo-icon slot="icon" .icon=${luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
-            ${msg("Add filter", { desc: "Add filter button label" })}
-          </luzmo-button>
-        </div>
-      `;
-		let e = this._internalFilterGroup.filters.length > 1;
-		return html`
-      <div class="filter-group-container">
-        ${this._renderGroup(this._internalFilterGroup)}
-        ${e ? html`
-              <div class="add-root-group-container">
-                <luzmo-button
-                  class="add-group-button"
-                  .size=${this.size}
-                  treatment="outline"
-                  ?disabled=${this._isDatasetIdsEmpty}
-                  @click=${this._addGroup}
-                >
-                  <luzmo-icon slot="icon" .icon=${luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
-                  ${msg("Group", { desc: "Add group button label" })}
-                </luzmo-button>
-              </div>
-            ` : ""}
-      </div>
-    `;
-	}
-};
-__decorate([property({
-	type: String,
-	attribute: "api-url",
-	reflect: !0
-})], LuzmoFilters.prototype, "apiUrl", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], LuzmoFilters.prototype, "authKey", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], LuzmoFilters.prototype, "authToken", void 0), __decorate([property({
-	type: Number,
-	attribute: "cache-time",
-	reflect: !0
-})], LuzmoFilters.prototype, "cacheTime", void 0), __decorate([property({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], LuzmoFilters.prototype, "contentLanguage", void 0), __decorate([property({
-	type: String,
-	attribute: "time-zone",
-	reflect: !0
-})], LuzmoFilters.prototype, "timeZone", void 0), __decorate([property({
-	type: Array,
-	attribute: "dataset-ids",
-	reflect: !0
-})], LuzmoFilters.prototype, "datasetIds", void 0), __decorate([property({
-	type: Array,
-	reflect: !1
-})], LuzmoFilters.prototype, "filters", void 0), __decorate([property({
-	type: Number,
-	reflect: !0
-})], LuzmoFilters.prototype, "debounce", void 0), __decorate([state()], LuzmoFilters.prototype, "_internalFilterGroup", void 0), LuzmoFilters = __decorate([localized()], LuzmoFilters), customElements.get("luzmo-filters") || customElements.define("luzmo-filters", LuzmoFilters);
-export { LuzmoFilters as t };