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

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

@@ -1,324 +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 "./data-broker-B0uUO5er.js";
-import { t as n } from "./get-dataset-name-DLjeChNS.js";
-import "./dataset-icon-BEq1MNml.js";
-import { LitElement as r, html as i, nothing as a, unsafeCSS as o } from "lit";
-import { property as s, state as c } from "lit/decorators.js";
-import { repeat as l } from "lit/directives/repeat.js";
-//#region src/components/dataset-selector-list/dataset-selector-list.module.scss?inline
-var u = ":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)}", d = 7, f = 600, p = 5, m = class extends r {
-	constructor(...e) {
-		super(...e), this._selectedDatasets = /* @__PURE__ */ 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 = /* @__PURE__ */ new Map(), this._calculatedQueryLimit = null, this._hasLoadedEmptyPage = !1;
-	}
-	static {
-		this.styles = o(u);
-	}
-	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.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 d;
-		let t = getComputedStyle(e), n = e.clientHeight, r = Number.parseFloat(t.height), i = Math.max(n, r);
-		if (i <= 0) return d;
-		let a = Math.floor(i / 24), o = Math.max(a + p, d);
-		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 });
-		}, f);
-	}
-	_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.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(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 r = this._escapeRegExp(n), a = RegExp(`(${r})`, "gi"), o = t.split(a), s = n.toLowerCase();
-		return o.length === 1 ? t : i`${o.map((e) => e.toLowerCase() === s ? i`<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 i`
-      <div class="loader">
-        <div class="spinner"></div>
-      </div>
-    `;
-	}
-	_renderDatasetIcon(e) {
-		return i`
-      <luzmo-dataset-icon
-        .datasetInfo=${e}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `;
-	}
-	_renderSearchInput() {
-		return this.showSearch ? i`
-      <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"
-      />
-    ` : a;
-	}
-	_renderDatasetList() {
-		return this._filteredDatasets.length === 0 ? this._status.busy && !this._status.paging ? this._renderLoader() : i`
-        <div class="no-datasets-found" role="status">${this.noDatasetsMessage}</div>
-      ` : i`
-      <div class="datasets-scroll-container" @scroll=${this._handleScroll}>
-        ${this._status.busy && !this._status.paging ? this._renderLoader() : a}
-        <div class="datasets-list">
-          ${l(this._filteredDatasets, (e) => e.id, (e) => i`
-              <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() : a}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		return i`
-      <div class="dataset-selector-list" aria-busy=${this._status.busy ? "true" : "false"}>
-        ${this._renderSearchInput()} ${this._renderDatasetList()}
-      </div>
-    `;
-	}
-};
-//#endregion
-//#region src/components/dataset-selector-list/index.ts
-e([s({
-	type: Object,
-	attribute: !1
-})], m.prototype, "selectedDatasets", null), e([s({
-	type: Boolean,
-	attribute: "show-search"
-})], m.prototype, "showSearch", void 0), e([s({
-	type: String,
-	attribute: "search-placeholder"
-})], m.prototype, "searchPlaceholder", void 0), e([s({
-	type: String,
-	attribute: "no-datasets-message"
-})], m.prototype, "noDatasetsMessage", void 0), e([s({
-	type: Boolean,
-	attribute: "highlight-search-matches"
-})], m.prototype, "highlightSearchMatches", void 0), e([s({
-	type: String,
-	attribute: "auth-key"
-})], m.prototype, "authKey", void 0), e([s({
-	type: String,
-	attribute: "auth-token"
-})], m.prototype, "authToken", void 0), e([s({
-	type: String,
-	attribute: "api-url"
-})], m.prototype, "apiUrl", void 0), e([s({
-	type: String,
-	attribute: "app-server"
-})], m.prototype, "appServer", void 0), e([s({
-	type: Boolean,
-	reflect: !0,
-	attribute: "include-public-datasets"
-})], m.prototype, "includePublicDatasets", void 0), e([s({
-	type: Boolean,
-	attribute: "flag-opendata"
-})], m.prototype, "flagOpendata", null), e([c()], m.prototype, "_availableDatasets", void 0), e([c()], m.prototype, "_status", void 0), e([c()], m.prototype, "_searchValue", void 0), customElements.get("luzmo-dataset-selector-list") || customElements.define("luzmo-dataset-selector-list", m);
-//#endregion
-export { m as t };

package/components/dataset-selector-row-CRh_a2TO.cjs

@@ -1,104 +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.
- * */
-require("./tokens-BWMfo_w4.cjs");const e=require("./base-BWU343D_.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./set-locale-Xh_1AFbC.cjs"),r=require("./data-broker-CyMYR6w1.cjs"),i=require("./get-dataset-name-mGNEfkAv.cjs");require("./dataset-icon-tec1Xulw.cjs");let a=require("@luzmo/icons");require("@luzmo/lucero/icon");let o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/select"),require("@luzmo/lucero/tags"),require("@luzmo/lucero/tooltip");let l=require("lit/directives/repeat.js");var u=`:host([disabled]){pointer-events:none}:host{box-sizing:border-box;gap:var(--luzmo-dataset-selector-row-gap,var(--dataset-selector-row-gap));min-height:var(--luzmo-dataset-selector-row-min-height,var(--dataset-selector-row-min-height));font-size:var(--luzmo-dataset-selector-row-font-size,var(--dataset-selector-row-font-size));color:var(--luzmo-dataset-selector-row-color,var(--dataset-selector-row-color));font-family:var(--luzmo-dataset-selector-row-font-family,var(--dataset-selector-row-font-family));flex-flow:wrap;align-items:flex-start;display:flex}:host .dataset-search{--luzmo-select-inline-size:fit-content;flex:none;align-self:flex-start;inline-size:auto}:host .dataset-search .dataset-search-trigger-layout{align-items:center;gap:var(--luzmo-spacing-2);--luzmo-icon-vertical-align:top;min-inline-size:0;display:flex}:host .dataset-search .dataset-search-trigger-label{white-space:nowrap;line-height:1}:host .dataset-search{max-inline-size:var(--luzmo-dataset-selector-row-search-max-width,var(--dataset-selector-row-search-max-width));--luzmo-popover-max-height:var(--luzmo-dataset-selector-row-search-popover-max-height,var(--dataset-selector-row-search-popover-max-height,var(--luzmo-popover-max-height)));--select-minimum-width-multiplier:1;--luzmo-options-section-header-color:var(--luzmo-font-color)}:host .selected-dataset-tag,:host .selected-agent-tag{--luzmo-tag-max-inline-size:var(--dataset-selector-row-tag-max-inline-size);--luzmo-tag-height:var(--dataset-selector-row-tag-height);--luzmo-tag-spacing-inline-start:var(--dataset-selector-row-tag-spacing-inline-start);--luzmo-tag-icon-spacing-inline-end:var(--dataset-selector-row-tag-icon-spacing-inline-end);--luzmo-tag-label-spacing-inline-end:var(--dataset-selector-row-tag-label-spacing-inline-end);--luzmo-tag-clear-button-spacing-inline-start:var(--dataset-selector-row-tag-clear-button-spacing);--luzmo-tag-clear-button-spacing-inline-end:var(--dataset-selector-row-tag-clear-button-spacing);margin:0}:host .selected-datasets-tags{--luzmo-tag-group-item-margin-block:0;--luzmo-tag-group-item-margin-inline:0;display:contents}:host .selected-dataset-tag .dataset-tag-label,:host .selected-agent-tag .dataset-tag-label{align-items:center;line-height:1}:host .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--dataset-selector-row-gap:var(--luzmo-spacing-2);--dataset-selector-row-min-height:var(--luzmo-component-height-s);--dataset-selector-row-font-size:var(--luzmo-font-size-s);--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-tag-max-inline-size:var(--luzmo-tag-max-inline-size,180px);--dataset-selector-row-tag-height:var(--luzmo-component-height);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-3);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}:host([size=s]){--dataset-selector-row-min-height:var(--luzmo-component-height-xs);--dataset-selector-row-font-size:var(--luzmo-font-size-xs);--dataset-selector-row-tag-height:var(--luzmo-component-height-s);--dataset-selector-row-tag-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-2)}:host([size=l]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height);--dataset-selector-row-font-size:var(--luzmo-font-size-m);--dataset-selector-row-tag-height:var(--luzmo-component-height-l);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-4);--dataset-selector-row-tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-3)}:host([size=xl]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height-l);--dataset-selector-row-font-size:var(--luzmo-font-size-l);--dataset-selector-row-tag-height:var(--luzmo-component-height-xl);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-5);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}`,d=400,f=50,p=5,m=`dataset:`,h=`agent:`,g=[`datasets`,`agents`];function _(e,t){return t.length>0?[{header:!0,label:e},...t]:[]}var v=class extends e.n(o.LitElement,{validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.selectedDatasets=[],this.selectedAgent=null,this.hideAgents=!1,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.includePublicDatasets=!1,this.disabled=!1,this.disableDatasetModification=!1,this.hideDatasetIcons=!1,this._availableDatasets=[],this._availableAgents=[],this._removalAnnouncement=``,this._selectValue=[],this._retrieving=!1,this._showAllSelectedDatasets=!1,this._searchValue=``,this._activeSearchRequestId=0,this._searchDebounceTimer=null,this._announcementTimer=null,this._loadedSections=new Set,this._agentsLocale=n.t(),this._renderDatasetOptionIcon=e=>{if(this.hideDatasetIcons)return null;let t=e.value;if(typeof t!=`string`||!t.startsWith(m))return null;let n=t.slice(8),r=this._availableDatasets.find(e=>e.id===n);return r?o.html`
-      <luzmo-dataset-icon
-        slot="icon"
-        .datasetInfo=${r}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `:null}}static{this.styles=(0,o.unsafeCSS)(u)}static{this.tagName=`luzmo-dataset-selector-row`}get flagOpendata(){return this.includePublicDatasets}set flagOpendata(e){this.includePublicDatasets=e}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}get _triggerLabel(){return this.buttonLabel===void 0?this.hideAgents?(0,c.msg)(`Add dataset`,{desc:`Label for the control that opens dataset search to add a dataset`}):(0,c.msg)(`Add dataset or agent`,{desc:`Label for the control that opens the dropdown listing both datasets and agents`}):this.buttonLabel}get _activeAgent(){return this.hideAgents?null:this.selectedAgent}get _visibleSections(){return this.hideAgents?[`datasets`]:g}get _unloadedSections(){return this._visibleSections.filter(e=>!this._loadedSections.has(e))}get _hasSelection(){return this.selectedDatasets.length>0||!!this._activeAgent}get _datasetModificationDisabled(){return this.disabled||this.disableDatasetModification}get _visibleSelectedDatasets(){let e=this.maxVisibleSelectedDatasets;return this._showAllSelectedDatasets||e===void 0||!Number.isFinite(e)?this.selectedDatasets:this.selectedDatasets.slice(0,Math.max(0,Math.floor(e)))}connectedCallback(){super.connectedCallback(),this._configureBroker()}disconnectedCallback(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._announcementTimer!==null&&(clearTimeout(this._announcementTimer),this._announcementTimer=null),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),this._agentsLocale!==n.t()&&(this._agentsLocale=n.t(),this._loadedSections.delete(`agents`)),(e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`))&&(this._configureBroker(),this._activeSearchRequestId++,this._loadedSections.clear(),this._availableDatasets=[],this._availableAgents=[],this._retrieving=!1)}_configureBroker(){r.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}async _loadAvailableOptions(e=this._visibleSections){let t=++this._activeSearchRequestId;e.forEach(e=>this._loadedSections.delete(e)),e.includes(`datasets`)&&(this._availableDatasets=[]),e.includes(`agents`)&&(this._availableAgents=[]),this._retrieving=this._getOptions().length===0;let i=()=>t===this._activeSearchRequestId;await Promise.all([(async()=>{if(e.includes(`datasets`))try{let e=await r.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:this._generateQuery()});i()&&(this._availableDatasets=e.rows??[],this._loadedSections.add(`datasets`))}catch(e){console.error(`Error loading datasets:`,e)}})(),(async()=>{if(!e.includes(`agents`))return;let t=n.t();try{let e=await r.t.fetchApi(`/agent`,{action:`get`,version:`0.1.0`,find:this._generateAgentQuery()});i()&&t===n.t()&&(this._availableAgents=e.rows??[],this._loadedSections.add(`agents`))}catch(e){console.error(`Error loading agents:`,e)}})()]),i()&&(this._retrieving=!1)}_generateQuery(){return{attributes:[`id`,`updated_at`,`name`,`subtype`],include:[{model:`Account`,attributes:[`id`,`provider`,`name`],include:[{model:`Plugin`,attributes:[`id`],include:[{model:`Thumbnail`,where:{size:`32px`}}]}]}],where:{type:`dataset`},limit:f,offset:0,...this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]},...this.includePublicDatasets?{options:{public:null}}:{}}}_generateAgentQuery(){return{attributes:[`id`,`name`],limit:6,offset:0,order:[[`name`,`asc`,{case_sensitive:!1,locales:[n.t()]}]],...this._searchValue?{search:{match_types:[`name`],keyphrase:this._searchValue}}:{}}}_handleSearch(e){if(this._datasetModificationDisabled)return;let t=e.detail?.string??``;t!==this._searchValue&&(this._searchValue=t,this._loadedSections.clear(),this._activeSearchRequestId++,this._retrieving=!0,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableOptions()},d))}_handleSearchOpened(){if(this._datasetModificationDisabled)return;this._searchValue=``;let e=this._unloadedSections;e.length>0&&this._loadAvailableOptions(e)}_handleSearchClosed(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchValue!==``&&(this._activeSearchRequestId++,this._searchValue=``,this._availableDatasets=[],this._availableAgents=[],this._loadedSections.clear()),this._retrieving=!1}_handleOptionSelected(e){if(this._datasetModificationDisabled)return;let t=e.detail?.value?.[0];if(this._selectValue=[],t?.startsWith(h)){this._selectAgent(t.slice(6));return}t?.startsWith(m)&&this._selectDataset(t.slice(8))}_selectAgent(e){let t=this._availableAgents.find(t=>t.id===e);!t||this.selectedAgent?.id===t.id||(this.selectedAgent=t,this.dispatchEvent(new CustomEvent(`luzmo-agent-selected`,{detail:t,bubbles:!0,composed:!0})))}_selectDataset(e){let t=this._availableDatasets.find(t=>t.id===e);if(t&&!this._selectedDatasetIds.has(t.id)){let e=[...this.selectedDatasets,t],n=this.maxVisibleSelectedDatasets;typeof n==`number`&&Number.isFinite(n)&&e.length>Math.floor(n)&&(this._showAllSelectedDatasets=!0),this.selectedDatasets=e,this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:t,bubbles:!0,composed:!0}))}}_handleDatasetRemoved(e){if(this._datasetModificationDisabled)return;let t=i.t(e),n=this.selectedDatasets.filter(t=>t.id!==e.id);this.selectedDatasets=n,this._announceRemoval(t),this.dispatchEvent(new CustomEvent(`dataset-removed`,{detail:e,bubbles:!0,composed:!0}))}_handleAgentRemoved(e){this._datasetModificationDisabled||(this.selectedAgent=null,this._announceRemoval(i.n(e)),this.dispatchEvent(new CustomEvent(`luzmo-agent-removed`,{detail:e,bubbles:!0,composed:!0})))}_announceRemoval(e){this._announcementTimer!==null&&clearTimeout(this._announcementTimer),this._removalAnnouncement=``,this._announcementTimer=window.setTimeout(()=>{this._removalAnnouncement=(0,c.msg)(c.str`Removed ${e}`,{desc:`Screen reader announcement when a selected tag is removed; the interpolated value is the dataset or agent name`}),this._announcementTimer=window.setTimeout(()=>{this._removalAnnouncement=``,this._announcementTimer=null},1e3)})}_renderDatasetTag(e){return o.html`
-      <luzmo-tag
-        class="selected-dataset-tag"
-        ?deletable=${!this._datasetModificationDisabled}
-        tabindex=${this._datasetModificationDisabled?-1:0}
-        aria-label=${this._datasetModificationDisabled?i.t(e):(0,c.msg)(c.str`Remove ${i.t(e)}`,{desc:`Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name`})}
-        @delete=${this._createDatasetRemovedHandler(e)}
-      >
-        ${this.hideDatasetIcons?o.nothing:o.html`
-                <luzmo-dataset-icon
-                  slot="icon"
-                  .datasetInfo=${e}
-                  size=${this.size===`xl`?`24px`:`16px`}
-                  app-url=${this.appServer}
-                ></luzmo-dataset-icon>
-              `}
-        <span class="dataset-tag-label">${i.t(e)}</span>
-      </luzmo-tag>
-    `}_renderAgentTag(e){let t=i.n(e);return o.html`
-      <luzmo-tag
-        class="selected-agent-tag"
-        ?deletable=${!this._datasetModificationDisabled}
-        tabindex=${this._datasetModificationDisabled?-1:0}
-        aria-label=${this._datasetModificationDisabled?t:(0,c.msg)(c.str`Remove ${t}`,{desc:`Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name`})}
-        @delete=${()=>this._handleAgentRemoved(e)}
-      >
-        <luzmo-icon slot="icon" .icon=${a.luzmoRobot} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
-        <span class="dataset-tag-label">${t}</span>
-      </luzmo-tag>
-    `}_getDatasetOptions(){return this._availableDatasets.filter(e=>!this._selectedDatasetIds.has(e.id)).map(e=>({value:`${m}${e.id}`,label:i.t(e),...this.hideDatasetIcons?{}:{icon:e.subtype===`upload`?a.luzmoFileUploadOutline:a.luzmoPlugin}}))}_getAgentOptions(){return this._availableAgents.filter(e=>e.id!==this.selectedAgent?.id).slice(0,p).map(e=>({value:`${h}${e.id}`,label:i.n(e),icon:a.luzmoRobot}))}_getOptions(){return this.hideAgents?this._getDatasetOptions():[..._((0,c.msg)(`Agents`,{desc:`Section header above the agents in the add dropdown`}),this._getAgentOptions()),..._((0,c.msg)(`Datasets`,{desc:`Section header above the datasets in the add dropdown`}),this._getDatasetOptions())]}_renderDatasetSearch(){return o.html`
-      <luzmo-select
-        class="dataset-search"
-        .size=${this.size}
-        search="on"
-        selects="single"
-        variant="highlight"
-        placement="bottom-start"
-        hide-dropdown-icon
-        no-wrap
-        .label=${this._triggerLabel}
-        .options=${this._getOptions()}
-        .value=${this._selectValue}
-        .retrieving=${this._retrieving}
-        .optionIconRenderer=${this._renderDatasetOptionIcon}
-        ?disabled=${this._datasetModificationDisabled}
-        @change=${this._handleOptionSelected}
-        @luzmo-search=${this._handleSearch}
-        @luzmo-opened=${this._handleSearchOpened}
-        @luzmo-closed=${this._handleSearchClosed}
-      >
-        <span slot="label" class="dataset-search-trigger-layout">
-          <luzmo-icon .icon=${a.luzmoPlus} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
-          ${this._hasSelection?o.nothing:o.html`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
-        </span>
-        ${this._hasSelection?o.html`<luzmo-tooltip slot="tooltip" self-managed placement="top" .size=${this._oneSizeSmaller}>${this._triggerLabel}</luzmo-tooltip>`:o.nothing}
-      </luzmo-select>
-    `}get _oneSizeSmaller(){return{s:`xs`,m:`s`,l:`m`,xl:`l`}[this.size]??`s`}_createDatasetRemovedHandler(e){return()=>this._handleDatasetRemoved(e)}async _handleShowAllDatasets(){if(this.disabled)return;let e=this._visibleSelectedDatasets.length;this._showAllSelectedDatasets=!0,await this.updateComplete,this.shadowRoot?.querySelectorAll(`.selected-dataset-tag`)[e]?.focus()}render(){let e=this._visibleSelectedDatasets,t=this.selectedDatasets.length-e.length,n=t===1?(0,c.msg)(`Show 1 more selected dataset`,{desc:`Accessible label for the button that reveals one selected dataset tag hidden by the visible tag limit`}):(0,c.msg)(c.str`Show ${t} more selected datasets`,{desc:`Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit`});return o.html`
-      ${this._renderDatasetSearch()}
-      ${this._hasSelection?o.html`
-            <luzmo-tags class="selected-datasets-tags" .size=${this.size}>
-              ${this._activeAgent?this._renderAgentTag(this._activeAgent):o.nothing}
-              ${(0,l.repeat)(e,e=>e.id,e=>this._renderDatasetTag(e))}
-            </luzmo-tags>
-            ${t>0?o.html`
-                    <luzmo-action-button
-                      class="show-more-datasets"
-                      .size=${this.size}
-                      quiet
-                      aria-label=${n}
-                      ?disabled=${this.disabled}
-                      @click=${this._handleShowAllDatasets}
-                    >
-                      ${(0,c.msg)(c.str`+ ${t} more`,{desc:`Button that reveals selected dataset tags hidden by the visible tag limit`})}
-                    </luzmo-action-button>
-                  `:o.nothing}
-          `:o.nothing}
-      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
-    `}};t.t([(0,s.property)({type:Array})],v.prototype,`selectedDatasets`,void 0),t.t([(0,s.property)({attribute:!1})],v.prototype,`selectedAgent`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`hide-agents`})],v.prototype,`hideAgents`,void 0),t.t([(0,s.property)({type:String,attribute:`button-label`})],v.prototype,`buttonLabel`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-key`})],v.prototype,`authKey`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-token`})],v.prototype,`authToken`,void 0),t.t([(0,s.property)({type:String,attribute:`api-url`})],v.prototype,`apiUrl`,void 0),t.t([(0,s.property)({type:String,attribute:`app-server`})],v.prototype,`appServer`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`include-public-datasets`})],v.prototype,`includePublicDatasets`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`flag-opendata`})],v.prototype,`flagOpendata`,null),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`disabled`})],v.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`disable-dataset-modification`})],v.prototype,`disableDatasetModification`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-dataset-icons`})],v.prototype,`hideDatasetIcons`,void 0),t.t([(0,s.property)({type:Number,reflect:!0,attribute:`max-visible-selected-datasets`})],v.prototype,`maxVisibleSelectedDatasets`,void 0),t.t([(0,s.state)()],v.prototype,`_availableDatasets`,void 0),t.t([(0,s.state)()],v.prototype,`_availableAgents`,void 0),t.t([(0,s.state)()],v.prototype,`_removalAnnouncement`,void 0),t.t([(0,s.state)()],v.prototype,`_selectValue`,void 0),t.t([(0,s.state)()],v.prototype,`_retrieving`,void 0),t.t([(0,s.state)()],v.prototype,`_showAllSelectedDatasets`,void 0),v=t.t([(0,c.localized)()],v),customElements.get(`luzmo-dataset-selector-row`)||customElements.define(`luzmo-dataset-selector-row`,v),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});