@luzmo/analytics-components-kit 1.0.9-beta.11 → 1.0.9-beta.13

package/components/data-fields-select-lx0hau0V.js

@@ -0,0 +1,293 @@
+/*! * 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-Dv4dT_Qo.js";
+import { t as n } from "./calculate-data-field-icon-DrSg1PuD.js";
+import { t as r } from "./localize-BT7REYBY.js";
+import { n as i, r as a } from "./convert-datasets-to-data-fields-PmQzeVLG.js";
+import { n as o } from "./periods.const-NCTkxnvG.js";
+import { luzmoFormula as s } from "@luzmo/icons";
+import { html as c, unsafeCSS as l } from "lit";
+import { property as u } from "lit/decorators.js";
+import { localized as d, msg as f } from "@lit/localize";
+import "@luzmo/lucero/select";
+import { ElementSizes as p, LuzmoElement as m, SizedMixin as h } from "@luzmo/lucero/utils";
+//#region src/components/data-fields-select/data-fields-select.module.scss?inline
+var g = ":host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-icon-width:var(--data-fields-select-option-icon-width);width:100%}:host{--data-fields-select-option-icon-width:calc(var(--luzmo-font-size) * 1.4)}:host([size=xxs]),:host([size=xs]),:host([size=s]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}:host([size=l]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}:host([size=xl]),:host([size=xxl]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}", _ = "::level::", v = (e, t) => `${e}${_}${t}`, y = (e) => {
+	let t = e.indexOf(_);
+	return t === -1 ? null : {
+		columnId: e.slice(0, t),
+		level: Number(e.slice(t + 9))
+	};
+}, b = class extends t(h(m, { validSizes: Object.values(p) })) {
+	constructor(...e) {
+		super(...e), this.contentLanguage = "en", this.icons = "menu-only", this.levels = "on", this.allowEmpty = !1, this.selects = "single", this.value = [], this.retrieving = !1, this.invalid = !1, this.clearable = !1, this.pending = !1, this.disabled = !1, this.readonly = !1, this.quiet = !1, this.search = "auto", this.placement = "bottom-start", this.datasetsDataFields = [], this._dataFieldsSelected = [], this._lastEmittedValue = "[]", this._pendingAutoSelectEvent = !1;
+	}
+	static get styles() {
+		return [l(g)];
+	}
+	_isAdHocFormula(e) {
+		return "formula" in e && typeof e.formula == "string";
+	}
+	_sendChangeEvent() {
+		let e = JSON.stringify(this.value);
+		e !== this._lastEmittedValue && (this._lastEmittedValue = e, this.dispatchEvent(new CustomEvent("luzmo-data-fields-selected", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { dataFields: this._dataFieldsSelected }
+		})));
+	}
+	_toDataFieldData(e, t, n = !1) {
+		return n ? a(t, e, { includeHidden: !0 }) : i(t, e, { includeHidden: !0 });
+	}
+	_toAdHocFormulaFieldData(e, t) {
+		return {
+			datasetId: t,
+			formula: e.formula,
+			type: e.type,
+			name: e.label ?? { en: "Ad-hoc formula" },
+			subtype: e.subtype ?? void 0,
+			format: e.format
+		};
+	}
+	_findFormulaMatch(e, t, n) {
+		for (let r of e) if (this._isAdHocFormula(r)) {
+			if (r.formula === t) return this._toAdHocFormulaFieldData(r, n);
+		} else if (r.id === t) return this._toDataFieldData(r, n, !0);
+		return null;
+	}
+	_resolveDataFieldFromValue(e, t) {
+		let n = y(e), r = n ? n.columnId : e;
+		for (let i of t) {
+			let t = i.columns ?? [], a = i.formulas ?? [], o = t.find((e) => e.id === r);
+			if (o) {
+				let e = this._toDataFieldData(o, i.id, !1);
+				if (e && n && (e.level = n.level, this._isExpandableHierarchy(o))) {
+					let t = o.hierarchyLevels?.find((e) => e.level === n.level);
+					t && (e.name = t.name);
+				}
+				return e;
+			}
+			let s = this._findFormulaMatch(a, e, i.id);
+			if (s) return s;
+		}
+		return null;
+	}
+	setDataField(e) {
+		if (this.disabled || this.readonly) return;
+		let t = e?.detail?.value ?? [];
+		this._dataFieldsSelected = [];
+		for (let e of t) {
+			let t = this._resolveDataFieldFromValue(e, this.datasetsDataFields);
+			t && this._dataFieldsSelected.push(t);
+		}
+		this.value = t, this._sendChangeEvent();
+	}
+	_normalizeValueForLevels(e) {
+		if (this.levels !== "off") return e;
+		let t = [];
+		for (let n of e) {
+			let e = y(n)?.columnId ?? n;
+			t.includes(e) || t.push(e);
+		}
+		return t;
+	}
+	_findDataFieldsInDatasetsDataFields(e) {
+		this._dataFieldsSelected = [];
+		for (let t of e) {
+			let e = this._resolveDataFieldFromValue(t, this.datasetsDataFields);
+			e && this._dataFieldsSelected.push(e);
+		}
+	}
+	_getAutoSelectValue() {
+		for (let e of this.datasetsDataFields) {
+			if (e?.columns?.length > 0) {
+				let t = e.columns[0];
+				return this._isExpandableDatetime(t) ? this._buildDatetimeChildren(t)[0]?.value ?? null : this._isExpandableHierarchy(t) ? this._buildHierarchyChildren(t)[0]?.value ?? null : t.id;
+			}
+			for (let t of e?.formulas ?? []) if (!this._isAdHocFormula(t)) return t.id;
+		}
+		return null;
+	}
+	_autoSelectInitialDataField() {
+		if (this.readonly || this.value.length > 0 || this.allowEmpty || this.retrieving) return;
+		let e = this._getAutoSelectValue();
+		e && this._resolveDataFieldFromValue(e, this.datasetsDataFields) && (this._pendingAutoSelectEvent = !0, this.value = [e]);
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), (e.has("value") || e.has("datasetsDataFields") || e.has("allowEmpty") || e.has("retrieving") || e.has("levels") || e.has("readonly")) && this._autoSelectInitialDataField(), e.has("value") || e.has("datasetsDataFields") || e.has("levels")) {
+			if (e.has("levels") && this.levels === "off") {
+				let e = this._normalizeValueForLevels(this.value);
+				JSON.stringify(e) !== JSON.stringify(this.value) && (this._pendingAutoSelectEvent = !0, this.value = e);
+			}
+			this._findDataFieldsInDatasetsDataFields(this.value);
+		}
+	}
+	updated(e) {
+		super.updated(e), this._pendingAutoSelectEvent && e.has("value") && this._dataFieldsSelected.length > 0 ? (this._pendingAutoSelectEvent = !1, this._sendChangeEvent()) : e.has("value") && (this._lastEmittedValue = JSON.stringify(this.value));
+	}
+	_buildDatetimeChildren(e) {
+		let t = [], n = Math.min(Math.max(e.lowestLevel ?? 1, 1), o.length), r = Math.min(Math.max(e.highestLevel ?? 1, 1), o.length);
+		for (let i = r; i <= n; i++) t.push({
+			value: v(e.id, i),
+			label: o[i - 1]?.i18n() ?? ""
+		});
+		return t;
+	}
+	_buildHierarchyChildren(e) {
+		let t = [], n = e.hierarchyLevels ?? [];
+		for (let i of n) i.level < 1 || t.push({
+			value: v(e.id, i.level),
+			label: r(i.name ?? {}, this.contentLanguage) ?? ""
+		});
+		return t;
+	}
+	_isExpandableDatetime(e) {
+		let t = e.type;
+		return this.levels !== "off" && (t === "datetime" || t === "array[datetime]") && typeof e.lowestLevel == "number";
+	}
+	_isExpandableHierarchy(e) {
+		return this.levels !== "off" && Array.isArray(e.hierarchyLevels) && e.hierarchyLevels.length > 2 && e.hierarchy_enabled === !0;
+	}
+	focus(e) {
+		this.shadowRoot?.querySelector("luzmo-select")?.focus(e);
+	}
+	render() {
+		let e = [], t = this.icons !== "none";
+		for (let i of this.datasetsDataFields ?? []) {
+			let a = i?.columns ?? [], o = i?.formulas ?? [];
+			for (let i of a) {
+				let a = {
+					value: i.id,
+					label: r(i?.name ?? {}, this.contentLanguage) ?? ""
+				};
+				t && (a.icon = n(i, this.size)), this._isExpandableDatetime(i) ? a.children = this._buildDatetimeChildren(i) : this._isExpandableHierarchy(i) && (a.children = this._buildHierarchyChildren(i)), e.push(a);
+			}
+			for (let i of o) if (this._isAdHocFormula(i)) {
+				let n = i.label ? r(i.label, this.contentLanguage) : f("Ad-hoc formula"), a = {
+					value: i.formula,
+					label: n ?? f("Ad-hoc formula")
+				};
+				t && (a.icon = s), e.push(a);
+			} else {
+				let a = {
+					value: i.id,
+					label: r(i?.name ?? {}, this.contentLanguage) ?? ""
+				};
+				t && (a.icon = n(i, this.size)), e.push(a);
+			}
+		}
+		let i = f("Select..."), a = this.pending ? "" : this.label || this.placeholder || i, o = this.pending || this.value.length === 0 ? [] : this.value, l = this.icons === "none" || this.icons === "menu-only" ? "none" : void 0;
+		return c`<luzmo-select
+        id="data-fields"
+        .size=${this.size}
+        .label=${a}
+        .pendingLabel=${this.label || this.placeholder || i}
+        .retrieving=${this.retrieving}
+        .icons=${l}
+        .selects=${this.selects}
+        .variant=${this.selects === "multiple" ? "checkmarks" : "highlight"}
+        .placement=${this.placement}
+        .search=${this.search}
+        ?emphasized=${!this.quiet}
+        .quiet=${this.quiet}
+        no-wrap
+        ?invalid=${this.invalid}
+        ?clearable=${this.clearable && this.allowEmpty}
+        ?pending=${this.pending}
+        ?disabled=${this.disabled}
+        .readonly=${this.readonly}
+        .options=${e}
+        .value=${o}
+        @change=${this.setDataField}
+      >
+      </luzmo-select>`;
+	}
+};
+//#endregion
+//#region src/components/data-fields-select/index.ts
+e([u({
+	type: String,
+	attribute: "content-language",
+	reflect: !0
+})], b.prototype, "contentLanguage", void 0), e([u({
+	type: String,
+	reflect: !0
+})], b.prototype, "label", void 0), e([u({
+	type: String,
+	reflect: !0
+})], b.prototype, "icons", void 0), e([u({
+	type: String,
+	reflect: !0
+})], b.prototype, "levels", void 0), e([u({
+	type: Boolean,
+	attribute: "allow-empty",
+	reflect: !0
+})], b.prototype, "allowEmpty", void 0), e([u({
+	type: String,
+	attribute: "placeholder",
+	reflect: !0
+})], b.prototype, "placeholder", void 0), e([u({
+	type: String,
+	reflect: !0
+})], b.prototype, "selects", void 0), e([u({
+	type: Array,
+	reflect: !0
+})], b.prototype, "value", void 0), e([u({
+	type: Boolean,
+	attribute: "retrieving",
+	reflect: !0
+})], b.prototype, "retrieving", void 0), e([u({
+	type: Boolean,
+	attribute: "invalid",
+	reflect: !0
+})], b.prototype, "invalid", void 0), e([u({
+	type: Boolean,
+	attribute: "clearable",
+	reflect: !0
+})], b.prototype, "clearable", void 0), e([u({
+	type: Boolean,
+	attribute: "pending",
+	reflect: !0
+})], b.prototype, "pending", void 0), e([u({
+	type: Boolean,
+	attribute: "disabled",
+	reflect: !0
+})], b.prototype, "disabled", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "readonly", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "quiet", void 0), e([u({
+	type: String,
+	attribute: "search",
+	reflect: !0
+})], b.prototype, "search", void 0), e([u({
+	type: String,
+	reflect: !0
+})], b.prototype, "placement", void 0), e([u({
+	type: Array,
+	reflect: !1
+})], b.prototype, "datasetsDataFields", void 0), b = e([d()], b), customElements.get("luzmo-data-fields-select") || customElements.define("luzmo-data-fields-select", b);
+//#endregion
+export { b as t };

package/components/dataset-selector-list/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-list-_AL1-GWw.cjs");exports.LuzmoDatasetSelectorList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-list-DVv3OLwc.cjs");exports.LuzmoDatasetSelectorList=e.t;

package/components/dataset-selector-list/index.js

@@ -17,5 +17,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "../dataset-selector-list-DFC2bvn0.js";
+import { t as e } from "../dataset-selector-list-Dw8SseBg.js";
 export { e as LuzmoDatasetSelectorList };

package/components/dataset-selector-list-DVv3OLwc.cjs

@@ -0,0 +1,75 @@
+/*! * 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./data-broker-Cb-Fq9xy.cjs"),n=require("./get-dataset-name-Di7POfCE.cjs");require("./dataset-icon-CWKBYjGJ.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("lit/directives/repeat.js");var o=`:host{box-sizing:border-box;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family,var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color);flex-direction:column;display:flex}:host .dataset-selector-list{gap:var(--luzmo-dataset-selector-list-gap,var(--dataset-selector-list-gap));background:var(--luzmo-dataset-selector-list-background,var(--dataset-selector-list-background));height:100%;padding:var(--luzmo-dataset-selector-list-padding,var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius,var(--dataset-selector-list-border-radius));flex-direction:column;display:flex}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background,var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color,var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color,var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height,var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size,var(--dataset-selector-list-input-font-size));padding:var(--luzmo-dataset-selector-list-input-padding,var(--dataset-selector-list-input-padding));box-sizing:border-box;outline:none;width:100%;margin:0}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary,#999)}:host .datasets-scroll-container{flex:1;min-height:0;overflow:hidden auto}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width,var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius,var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius,var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background,var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background)) var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background))}:host .datasets-list{flex-direction:column;display:flex}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding,var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color,var(--dataset-selector-available-dataset-color));align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap,var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius,var(--dataset-selector-list-item-border-radius));flex-direction:row;transition:background-color .15s;display:flex}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background,var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{object-fit:contain;width:16px;height:16px}:host .available-dataset-item .dataset-name{line-height:var(--luzmo-dataset-selector-list-item-line-height,var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size,var(--dataset-selector-list-item-font-size));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:host .available-dataset-item .dataset-name .dataset-name-search-highlight{background:var(--luzmo-dataset-selector-list-search-highlight-background,var(--dataset-selector-list-search-highlight-background));color:var(--luzmo-dataset-selector-list-search-highlight-color,var(--dataset-selector-list-search-highlight-color));border-radius:var(--luzmo-border-radius-s);padding:0}:host .no-datasets-found{height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color,var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size,var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4,1rem);justify-content:center;align-items:center;display:flex}:host .loader{padding:var(--luzmo-spacing-5,1.25rem) 0;justify-content:center;align-items:center;display:flex}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light,#e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color,var(--dataset-selector-list-loader-color));border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:host .available-dataset-item{transition:none}:host .loader .spinner{animation:none}}:host{--dataset-selector-list-background:var(--luzmo-background-color);--dataset-selector-list-padding:0;--dataset-selector-list-gap:var(--luzmo-spacing-2);--dataset-selector-list-border-radius:var(--luzmo-border-radius-m);--dataset-selector-list-font-family:var(--luzmo-font-family);--dataset-selector-list-input-background:var(--luzmo-background-color);--dataset-selector-list-input-border-color:var(--luzmo-border-color-light,#0000000d);--dataset-selector-list-input-color:var(--luzmo-font-color);--dataset-selector-list-input-padding:0 var(--luzmo-spacing-4) var(--luzmo-spacing-2);--dataset-selector-list-input-font-size:var(--luzmo-font-size-s);--dataset-selector-list-input-line-height:1.5rem;--dataset-selector-list-item-padding:var(--luzmo-spacing-1) var(--luzmo-spacing-4);--dataset-selector-list-item-gap:var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background:var(--luzmo-background-color-highlight);--dataset-selector-list-item-font-size:var(--luzmo-font-size-s);--dataset-selector-list-item-line-height:1.5rem;--dataset-selector-list-item-border-radius:var(--luzmo-border-radius-s);--dataset-selector-list-search-highlight-background:rgba(var(--luzmo-primary-rgb), .15);--dataset-selector-list-search-highlight-color:var(--luzmo-primary);--dataset-selector-list-scrollbar-width:var(--luzmo-scrollbar-size);--dataset-selector-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--dataset-selector-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--dataset-selector-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--dataset-selector-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--dataset-selector-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--dataset-selector-list-loader-size:24px;--dataset-selector-list-loader-color:var(--luzmo-primary);--dataset-selector-list-no-datasets-color:var(--luzmo-font-color);--dataset-selector-list-no-datasets-font-size:var(--luzmo-font-size-s);--dataset-selector-available-dataset-color:var(--luzmo-font-color)}`,s,c=7,l=600,u=5,d=class extends r.LitElement{constructor(...e){super(...e),this._selectedDatasets=new Set,this.showSearch=!0,this.searchPlaceholder=`Search datasets...`,this.noDatasetsMessage=`No datasets found`,this.highlightSearchMatches=!0,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.includePublicDatasets=!1,this._availableDatasets=[],this._status={allDatasetsLoaded:!1,paging:!1,busy:!0,error:!1},this._searchValue=``,this._currentOffset=0,this._searchDebounceTimer=null,this._queryCache=new Map,this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1}set selectedDatasets(e){this._selectedDatasets=e,this._shouldLoadMoreDatasetsForViewport()&&this._loadAvailableDatasets({append:!0})}get selectedDatasets(){return this._selectedDatasets}get flagOpendata(){return this.includePublicDatasets}set flagOpendata(e){this.includePublicDatasets=e}connectedCallback(){super.connectedCallback?.(),this._configureBroker(),this._waitForContainerHeightAndLoad()}_configureBroker(){(this.authKey||this.authToken||this.apiUrl)&&t.n.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_waitForContainerHeightAndLoad(){requestAnimationFrame(()=>{this._loadAvailableDatasets({append:!1})})}_calculateOptimalQueryLimit(){if(this._calculatedQueryLimit!==null)return this._calculatedQueryLimit;let e=this.shadowRoot?.querySelector(`.dataset-selector-list`);if(!e)return c;let t=getComputedStyle(e),n=e.clientHeight,r=Number.parseFloat(t.height),i=Math.max(n,r);if(i<=0)return c;let a=Math.floor(i/24),o=Math.max(a+u,c);return this._calculatedQueryLimit=o,o}get _filteredDatasets(){return this._selectedDatasets.size===0?this._availableDatasets:this._availableDatasets.filter(e=>!this._selectedDatasets.has(e.id))}_handleSearchInput(e){let t=e.target;this._searchValue=t.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},l)}_handleScroll(e){let t=e.target,n=t.scrollTop,r=t.scrollHeight;n+t.clientHeight>=r-50&&!this._status.allDatasetsLoaded&&!this._status.busy&&this._loadAvailableDatasets({append:!0})}async _loadAvailableDatasets({append:e}){e||(this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1),this._status={...this._status,busy:!0,allDatasetsLoaded:e?this._status.allDatasetsLoaded:!1,paging:e};let n=this._generateQuery(e),r=JSON.stringify(n),i=this._queryCache.has(r);try{let a;i?a=this._queryCache.get(r):(a=await t.n.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:n}),this._queryCache.set(r,a)),this._onDatasetsLoaded(e,a),this._shouldLoadMoreDatasetsForViewport()&&await this._loadAvailableDatasets({append:!0})}catch(e){console.error(`Error loading datasets:`,e),this._status={...this._status,busy:!1,paging:!1,error:!0}}finally{this._status={...this._status,busy:!1,paging:!1}}}_generateQuery(e){let t=this._calculateOptimalQueryLimit();e?this._currentOffset+=t:this._currentOffset=0;let n=this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]};return{attributes:[`id`,`updated_at`,`name`,`subtype`],include:[{model:`Collection`,attributes:[`id`,`favorite`],where:{favorite:!0}},{model:`Account`,attributes:[`id`,`provider`,`name`],include:[{model:`Plugin`,attributes:[`id`],include:[{model:`Thumbnail`,where:{size:`32px`}}]}]}],where:{type:`dataset`},limit:t,offset:this._currentOffset,...n,...this.includePublicDatasets?{options:{public:null}}:{}}}_onDatasetsLoaded(e,{rows:t,count:n}){let r;if(e){let e=new Set(this._availableDatasets.map(e=>e.id)),n=t.filter(t=>!e.has(t.id));r=[...this._availableDatasets,...n]}else r=t||[];e&&t.length===0?this._hasLoadedEmptyPage=!0:t.length>0&&(this._hasLoadedEmptyPage=!1);let i=r.reduce((e,t)=>(e.some(e=>e.id===t.id)||e.push(t),e),[]),a=r.length,o=this._hasLoadedEmptyPage||a>=n;this._status={...this._status,allDatasetsLoaded:o},this._availableDatasets=i}_shouldLoadMoreDatasetsForViewport(){if(this._status.allDatasetsLoaded||this._hasLoadedEmptyPage||this._status.busy)return!1;let e=this.shadowRoot?.querySelector(`.datasets-scroll-container`);if(!e)return!1;let t=e.clientHeight,n=Math.ceil(t/24),r=Math.ceil(n*1.5);return this._filteredDatasets.length<r}_getDatasetName(e){return n.t(e)}_escapeRegExp(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}_renderHighlightedDatasetName(e){let t=this._getDatasetName(e),n=this._searchValue.trim();if(!this.highlightSearchMatches||!n)return t;let i=this._escapeRegExp(n),a=RegExp(`(${i})`,`gi`),o=t.split(a),s=n.toLowerCase();return o.length===1?t:r.html`${o.map(e=>e.toLowerCase()===s?r.html`<span class="dataset-name-search-highlight">${e}</span>`:e)}`}_selectDataset(e){this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:e,bubbles:!0,composed:!0}))}_handleDatasetClick(e){let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}_handleDatasetKeydown(e){if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}}_renderLoader(){return r.html`
+      <div class="loader">
+        <div class="spinner"></div>
+      </div>
+    `}_renderDatasetIcon(e){return r.html`
+      <luzmo-dataset-icon
+        .datasetInfo=${e}
+        size="16px"
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    `}_renderSearchInput(){return this.showSearch?r.html`
+      <input
+        name="dataset-search"
+        type="text"
+        autocomplete="off"
+        autofocus
+        aria-label=${this.searchPlaceholder}
+        .value=${this._searchValue}
+        placeholder=${this.searchPlaceholder}
+        @input=${this._handleSearchInput}
+        class="search-input"
+      />
+    `:r.nothing}_renderDatasetList(){return this._filteredDatasets.length===0?this._status.busy&&!this._status.paging?this._renderLoader():r.html`
+        <div class="no-datasets-found" role="status">${this.noDatasetsMessage}</div>
+      `:r.html`
+      <div class="datasets-scroll-container" @scroll=${this._handleScroll}>
+        ${this._status.busy&&!this._status.paging?this._renderLoader():r.nothing}
+        <div class="datasets-list">
+          ${(0,a.repeat)(this._filteredDatasets,e=>e.id,e=>r.html`
+              <div
+                class="available-dataset-item"
+                data-dataset-id=${e.id}
+                @click=${this._handleDatasetClick}
+                role="button"
+                tabindex="0"
+                @keydown=${this._handleDatasetKeydown}
+              >
+                <div class="dataset-icon">
+                  ${this._renderDatasetIcon(e)}
+                </div>
+                <span
+                  class="dataset-name"
+                  title=${this._getDatasetName(e)}
+                >
+                  ${this._renderHighlightedDatasetName(e)}
+                </span>
+              </div>
+            `)}
+          ${this._status.paging?this._renderLoader():r.nothing}
+        </div>
+      </div>
+    `}render(){return r.html`
+      <div class="dataset-selector-list" aria-busy=${this._status.busy?`true`:`false`}>
+        ${this._renderSearchInput()} ${this._renderDatasetList()}
+      </div>
+    `}};s=d,s.styles=(0,r.unsafeCSS)(o),e.t([(0,i.property)({type:Object,attribute:!1})],d.prototype,`selectedDatasets`,null),e.t([(0,i.property)({type:Boolean,attribute:`show-search`})],d.prototype,`showSearch`,void 0),e.t([(0,i.property)({type:String,attribute:`search-placeholder`})],d.prototype,`searchPlaceholder`,void 0),e.t([(0,i.property)({type:String,attribute:`no-datasets-message`})],d.prototype,`noDatasetsMessage`,void 0),e.t([(0,i.property)({type:Boolean,attribute:`highlight-search-matches`})],d.prototype,`highlightSearchMatches`,void 0),e.t([(0,i.property)({type:String,attribute:`auth-key`})],d.prototype,`authKey`,void 0),e.t([(0,i.property)({type:String,attribute:`auth-token`})],d.prototype,`authToken`,void 0),e.t([(0,i.property)({type:String,attribute:`api-url`})],d.prototype,`apiUrl`,void 0),e.t([(0,i.property)({type:String,attribute:`app-server`})],d.prototype,`appServer`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`include-public-datasets`})],d.prototype,`includePublicDatasets`,void 0),e.t([(0,i.property)({type:Boolean,attribute:`flag-opendata`})],d.prototype,`flagOpendata`,null),e.t([(0,i.state)()],d.prototype,`_availableDatasets`,void 0),e.t([(0,i.state)()],d.prototype,`_status`,void 0),e.t([(0,i.state)()],d.prototype,`_searchValue`,void 0),customElements.get(`luzmo-dataset-selector-list`)||customElements.define(`luzmo-dataset-selector-list`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});