@luzmo/analytics-components-kit 1.0.3 → 1.0.4-beta.1

package/components/dataset-selector-row-SJzYIpO6.js

@@ -0,0 +1,273 @@
+/*! * 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 e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./data-broker-Bdv5V8Yp.js";
+import { t as n } from "./get-dataset-name-BGCvfcdY.js";
+import "./dataset-icon-CWT5Ju8w.js";
+import { luzmoFileUploadOutline as r, luzmoPlugin as i, luzmoPlus as a } from "@luzmo/icons";
+import { LitElement as o, html as s, nothing as c, unsafeCSS as l } from "lit";
+import { property as u, state as d } from "lit/decorators.js";
+import { localized as f, msg as p, str as m } from "@lit/localize";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/select";
+import "@luzmo/lucero/tags";
+import "@luzmo/lucero/tooltip";
+import { repeat as h } from "lit/directives/repeat.js";
+//#region src/components/dataset-selector-row/dataset-selector-row.module.scss?inline
+var g = ":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}:host .selected-dataset-tag{--luzmo-tag-max-inline-size:180px;--luzmo-tag-height:var(--luzmo-component-height);--luzmo-tag-spacing-inline-start:var(--luzmo-spacing-3);--luzmo-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--luzmo-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--luzmo-tag-clear-button-spacing-inline-start:.375rem;--luzmo-tag-clear-button-spacing-inline-end:.375rem;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{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:1.75rem;--dataset-selector-row-font-size:.75rem;--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}", _ = 400, v = 50, y = class extends o {
+	constructor(...e) {
+		super(...e), this.selectedDatasets = [], this.buttonLabel = p("Add dataset", { desc: "Label for the control that opens dataset search to add a dataset" }), this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this.hideDatasetIcons = !1, this._availableDatasets = [], this._removalAnnouncement = "", this._selectValue = [], this._retrieving = !1, this._searchValue = "", this._activeSearchRequestId = 0, this._searchDebounceTimer = null, this._renderDatasetOptionIcon = (e) => {
+			if (this.hideDatasetIcons) return null;
+			let t = e.value;
+			if (typeof t != "string") return null;
+			let n = this._availableDatasets.find((e) => e.id === t);
+			return n ? s`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${n}
+        size="16px"
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    ` : null;
+		};
+	}
+	static {
+		this.styles = l(g);
+	}
+	static {
+		this.tagName = "luzmo-dataset-selector-row";
+	}
+	get _selectedDatasetIds() {
+		return new Set(this.selectedDatasets.map((e) => e.id));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._configureBroker();
+	}
+	disconnectedCallback() {
+		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		super.willUpdate(e), (e.has("authKey") || e.has("authToken") || e.has("apiUrl")) && this._configureBroker();
+	}
+	_configureBroker() {
+		t.configure({
+			authKey: this.authKey,
+			authToken: this.authToken,
+			apiUrl: this.apiUrl
+		});
+	}
+	async _loadAvailableDatasets() {
+		let e = ++this._activeSearchRequestId;
+		this._availableDatasets = [], this._retrieving = !0;
+		try {
+			let n = await t.fetchApi("/securable", {
+				action: "get",
+				version: "0.1.0",
+				find: this._generateQuery()
+			});
+			if (e !== this._activeSearchRequestId) return;
+			this._availableDatasets = n.rows ?? [];
+		} catch (t) {
+			console.error("Error loading datasets:", t), e === this._activeSearchRequestId && (this._availableDatasets = []);
+		} finally {
+			e === this._activeSearchRequestId && (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: v,
+			offset: 0,
+			...this._searchValue ? {
+				search: {
+					match_types: ["name", "description"],
+					keyphrase: this._searchValue,
+					securable_types: "dataset"
+				},
+				order: [["name", "asc"]]
+			} : { order: [["updated_at", "desc"]] },
+			...this.flagOpendata ? { public: null } : {}
+		};
+	}
+	_handleSearch(e) {
+		if (this.disabled) return;
+		let t = e.detail?.string ?? "";
+		t !== this._searchValue && (this._searchValue = t, this._activeSearchRequestId++, this._retrieving = !0, this._searchDebounceTimer !== null && clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = window.setTimeout(() => {
+			this._loadAvailableDatasets();
+		}, _));
+	}
+	_handleSearchOpened() {
+		this.disabled || (this._searchValue = "", this._availableDatasets.length === 0 && this._loadAvailableDatasets());
+	}
+	_handleSearchClosed() {
+		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), this._searchValue !== "" && (this._activeSearchRequestId++, this._searchValue = "", this._availableDatasets = []), this._retrieving = !1;
+	}
+	_handleDatasetSelected(e) {
+		if (this.disabled) return;
+		let t = e.detail?.value?.[0], n = this._availableDatasets.find((e) => e.id === t);
+		if (!n) {
+			this._selectValue = [];
+			return;
+		}
+		if (!this._selectedDatasetIds.has(n.id)) {
+			let e = [...this.selectedDatasets, n];
+			this.selectedDatasets = e, this.dispatchEvent(new CustomEvent("dataset-selected", {
+				detail: n,
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+		this._selectValue = [];
+	}
+	_handleDatasetRemoved(e) {
+		if (this.disabled) return;
+		let t = n(e), r = this.selectedDatasets.filter((t) => t.id !== e.id);
+		this.selectedDatasets = r, this._removalAnnouncement = p(m`Removed ${t}`, { desc: "Screen reader announcement when a dataset tag is removed; the interpolated value is the dataset name" }), setTimeout(() => {
+			this._removalAnnouncement = "";
+		}, 1e3), this.dispatchEvent(new CustomEvent("dataset-removed", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_renderDatasetTag(e) {
+		return s`
+      <luzmo-tag
+        class="selected-dataset-tag"
+        ?deletable=${!this.disabled}
+        tabindex=${this.disabled ? -1 : 0}
+        aria-label=${this.disabled ? n(e) : p(m`Remove ${n(e)}`, { desc: "Accessible label for the delete control on a selected dataset tag; the interpolated value is the dataset name" })}
+        @delete=${this._createDatasetRemovedHandler(e)}
+      >
+        ${this.hideDatasetIcons ? c : s`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size="16px"
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${n(e)}</span>
+      </luzmo-tag>
+    `;
+	}
+	_getDatasetOptions() {
+		return this._availableDatasets.filter((e) => !this._selectedDatasetIds.has(e.id)).map((e) => ({
+			value: e.id,
+			label: n(e),
+			...this.hideDatasetIcons ? {} : { icon: e.subtype === "upload" ? r : i }
+		}));
+	}
+	_renderDatasetSearch() {
+		return s`
+      <luzmo-select
+        class="dataset-search"
+        search="on"
+        selects="single"
+        variant="highlight"
+        placement="bottom-start"
+        hide-dropdown-icon
+        no-wrap
+        .label=${this.buttonLabel}
+        .options=${this._getDatasetOptions()}
+        .value=${this._selectValue}
+        .retrieving=${this._retrieving}
+        .optionIconRenderer=${this._renderDatasetOptionIcon}
+        ?disabled=${this.disabled}
+        @change=${this._handleDatasetSelected}
+        @luzmo-search=${this._handleSearch}
+        @luzmo-opened=${this._handleSearchOpened}
+        @luzmo-closed=${this._handleSearchClosed}
+      >
+        <span slot="label" class="dataset-search-trigger-layout">
+          <luzmo-icon .icon=${a} size="s" aria-hidden="true"></luzmo-icon>
+          ${this.selectedDatasets.length === 0 ? s`<span class="dataset-search-trigger-label">${this.buttonLabel}</span>` : c}
+        </span>
+        ${this.selectedDatasets.length > 0 ? s`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this.buttonLabel}</luzmo-tooltip>` : c}
+      </luzmo-select>
+    `;
+	}
+	_createDatasetRemovedHandler(e) {
+		return () => this._handleDatasetRemoved(e);
+	}
+	render() {
+		return s`
+      ${this._renderDatasetSearch()}
+      ${this.selectedDatasets.length > 0 ? s`
+            <luzmo-tags class="selected-datasets-tags">
+              ${h(this.selectedDatasets, (e) => e.id, (e) => this._renderDatasetTag(e))}
+            </luzmo-tags>
+          ` : c}
+      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
+    `;
+	}
+};
+//#endregion
+//#region src/components/dataset-selector-row/index.ts
+e([u({ type: Array })], y.prototype, "selectedDatasets", void 0), e([u({
+	type: String,
+	attribute: "button-label"
+})], y.prototype, "buttonLabel", void 0), e([u({
+	type: String,
+	attribute: "auth-key"
+})], y.prototype, "authKey", void 0), e([u({
+	type: String,
+	attribute: "auth-token"
+})], y.prototype, "authToken", void 0), e([u({
+	type: String,
+	attribute: "api-url"
+})], y.prototype, "apiUrl", void 0), e([u({
+	type: String,
+	attribute: "app-server"
+})], y.prototype, "appServer", void 0), e([u({
+	type: Boolean,
+	attribute: "flag-opendata"
+})], y.prototype, "flagOpendata", void 0), e([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disabled"
+})], y.prototype, "disabled", void 0), e([u({
+	type: Boolean,
+	attribute: "hide-dataset-icons"
+})], y.prototype, "hideDatasetIcons", void 0), e([d()], y.prototype, "_availableDatasets", void 0), e([d()], y.prototype, "_removalAnnouncement", void 0), e([d()], y.prototype, "_selectValue", void 0), e([d()], y.prototype, "_retrieving", void 0), y = e([f()], y), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", y);
+//#endregion
+export { y as t };

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

@@ -0,0 +1,79 @@
+/*! * 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.
+ * */
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./data-broker-DWEXs6-2.cjs"),n=require("./get-dataset-name-EkeeFzI3.cjs");require("./dataset-icon-BAV0S4sZ.cjs");let r=require("@luzmo/icons"),i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/icon"),require("@luzmo/lucero/select"),require("@luzmo/lucero/tags"),require("@luzmo/lucero/tooltip");let s=require("lit/directives/repeat.js");var c=`: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}:host .selected-dataset-tag{--luzmo-tag-max-inline-size:180px;--luzmo-tag-height:var(--luzmo-component-height);--luzmo-tag-spacing-inline-start:var(--luzmo-spacing-3);--luzmo-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--luzmo-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--luzmo-tag-clear-button-spacing-inline-start:.375rem;--luzmo-tag-clear-button-spacing-inline-end:.375rem;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{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:1.75rem;--dataset-selector-row-font-size:.75rem;--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}`,l=400,u=50,d=class extends i.LitElement{constructor(...e){super(...e),this.selectedDatasets=[],this.buttonLabel=(0,o.msg)(`Add dataset`,{desc:`Label for the control that opens dataset search to add a dataset`}),this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.flagOpendata=!1,this.disabled=!1,this.hideDatasetIcons=!1,this._availableDatasets=[],this._removalAnnouncement=``,this._selectValue=[],this._retrieving=!1,this._searchValue=``,this._activeSearchRequestId=0,this._searchDebounceTimer=null,this._renderDatasetOptionIcon=e=>{if(this.hideDatasetIcons)return null;let t=e.value;if(typeof t!=`string`)return null;let n=this._availableDatasets.find(e=>e.id===t);return n?i.html`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${n}
+        size="16px"
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    `:null}}static{this.styles=(0,i.unsafeCSS)(c)}static{this.tagName=`luzmo-dataset-selector-row`}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}connectedCallback(){super.connectedCallback(),this._configureBroker()}disconnectedCallback(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),(e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`))&&this._configureBroker()}_configureBroker(){t.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}async _loadAvailableDatasets(){let e=++this._activeSearchRequestId;this._availableDatasets=[],this._retrieving=!0;try{let n=await t.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:this._generateQuery()});if(e!==this._activeSearchRequestId)return;this._availableDatasets=n.rows??[]}catch(t){console.error(`Error loading datasets:`,t),e===this._activeSearchRequestId&&(this._availableDatasets=[])}finally{e===this._activeSearchRequestId&&(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:u,offset:0,...this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]},...this.flagOpendata?{public:null}:{}}}_handleSearch(e){if(this.disabled)return;let t=e.detail?.string??``;t!==this._searchValue&&(this._searchValue=t,this._activeSearchRequestId++,this._retrieving=!0,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets()},l))}_handleSearchOpened(){this.disabled||(this._searchValue=``,this._availableDatasets.length===0&&this._loadAvailableDatasets())}_handleSearchClosed(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchValue!==``&&(this._activeSearchRequestId++,this._searchValue=``,this._availableDatasets=[]),this._retrieving=!1}_handleDatasetSelected(e){if(this.disabled)return;let t=e.detail?.value?.[0],n=this._availableDatasets.find(e=>e.id===t);if(!n){this._selectValue=[];return}if(!this._selectedDatasetIds.has(n.id)){let e=[...this.selectedDatasets,n];this.selectedDatasets=e,this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:n,bubbles:!0,composed:!0}))}this._selectValue=[]}_handleDatasetRemoved(e){if(this.disabled)return;let t=n.t(e),r=this.selectedDatasets.filter(t=>t.id!==e.id);this.selectedDatasets=r,this._removalAnnouncement=(0,o.msg)(o.str`Removed ${t}`,{desc:`Screen reader announcement when a dataset tag is removed; the interpolated value is the dataset name`}),setTimeout(()=>{this._removalAnnouncement=``},1e3),this.dispatchEvent(new CustomEvent(`dataset-removed`,{detail:e,bubbles:!0,composed:!0}))}_renderDatasetTag(e){return i.html`
+      <luzmo-tag
+        class="selected-dataset-tag"
+        ?deletable=${!this.disabled}
+        tabindex=${this.disabled?-1:0}
+        aria-label=${this.disabled?n.t(e):(0,o.msg)(o.str`Remove ${n.t(e)}`,{desc:`Accessible label for the delete control on a selected dataset tag; the interpolated value is the dataset name`})}
+        @delete=${this._createDatasetRemovedHandler(e)}
+      >
+        ${this.hideDatasetIcons?i.nothing:i.html`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size="16px"
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${n.t(e)}</span>
+      </luzmo-tag>
+    `}_getDatasetOptions(){return this._availableDatasets.filter(e=>!this._selectedDatasetIds.has(e.id)).map(e=>({value:e.id,label:n.t(e),...this.hideDatasetIcons?{}:{icon:e.subtype===`upload`?r.luzmoFileUploadOutline:r.luzmoPlugin}}))}_renderDatasetSearch(){return i.html`
+      <luzmo-select
+        class="dataset-search"
+        search="on"
+        selects="single"
+        variant="highlight"
+        placement="bottom-start"
+        hide-dropdown-icon
+        no-wrap
+        .label=${this.buttonLabel}
+        .options=${this._getDatasetOptions()}
+        .value=${this._selectValue}
+        .retrieving=${this._retrieving}
+        .optionIconRenderer=${this._renderDatasetOptionIcon}
+        ?disabled=${this.disabled}
+        @change=${this._handleDatasetSelected}
+        @luzmo-search=${this._handleSearch}
+        @luzmo-opened=${this._handleSearchOpened}
+        @luzmo-closed=${this._handleSearchClosed}
+      >
+        <span slot="label" class="dataset-search-trigger-layout">
+          <luzmo-icon .icon=${r.luzmoPlus} size="s" aria-hidden="true"></luzmo-icon>
+          ${this.selectedDatasets.length===0?i.html`<span class="dataset-search-trigger-label">${this.buttonLabel}</span>`:i.nothing}
+        </span>
+        ${this.selectedDatasets.length>0?i.html`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this.buttonLabel}</luzmo-tooltip>`:i.nothing}
+      </luzmo-select>
+    `}_createDatasetRemovedHandler(e){return()=>this._handleDatasetRemoved(e)}render(){return i.html`
+      ${this._renderDatasetSearch()}
+      ${this.selectedDatasets.length>0?i.html`
+            <luzmo-tags class="selected-datasets-tags">
+              ${(0,s.repeat)(this.selectedDatasets,e=>e.id,e=>this._renderDatasetTag(e))}
+            </luzmo-tags>
+          `:i.nothing}
+      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
+    `}};e.t([(0,a.property)({type:Array})],d.prototype,`selectedDatasets`,void 0),e.t([(0,a.property)({type:String,attribute:`button-label`})],d.prototype,`buttonLabel`,void 0),e.t([(0,a.property)({type:String,attribute:`auth-key`})],d.prototype,`authKey`,void 0),e.t([(0,a.property)({type:String,attribute:`auth-token`})],d.prototype,`authToken`,void 0),e.t([(0,a.property)({type:String,attribute:`api-url`})],d.prototype,`apiUrl`,void 0),e.t([(0,a.property)({type:String,attribute:`app-server`})],d.prototype,`appServer`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`flag-opendata`})],d.prototype,`flagOpendata`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`disabled`})],d.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`hide-dataset-icons`})],d.prototype,`hideDatasetIcons`,void 0),e.t([(0,a.state)()],d.prototype,`_availableDatasets`,void 0),e.t([(0,a.state)()],d.prototype,`_removalAnnouncement`,void 0),e.t([(0,a.state)()],d.prototype,`_selectValue`,void 0),e.t([(0,a.state)()],d.prototype,`_retrieving`,void 0),d=e.t([(0,o.localized)()],d),customElements.get(`luzmo-dataset-selector-row`)||customElements.define(`luzmo-dataset-selector-row`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/components/{date-comparison-filter-options.config-DANevgy_.js → date-comparison-filter-options.config-BJg_WqL4.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/date-comparison-filter/date-comparison-filter-options.config.js
 var t = /* @__PURE__ */ e({ default: () => n }), n = [
 	{

package/components/{date-comparison-filter-slots.config-WBp-r2dH.js → date-comparison-filter-slots.config-BIK5aZ6P.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/date-comparison-filter/date-comparison-filter-slots.config.js
 var t = /* @__PURE__ */ e({ dateComparisonFilterSlotsConfig: () => n }), n = [{
 	name: "time",

package/components/{date-filter-options.config-BRI2SLGy.js → date-filter-options.config-N6eGgPGL.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/date-filter/date-filter-options.config.js
 var t = /* @__PURE__ */ e({ default: () => n }), n = [
 	{

package/components/{date-filter-slots.config-CWkGrxOt.js → date-filter-slots.config-CJJ4P0v6.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/date-filter/date-filter-slots.config.js
 var t = /* @__PURE__ */ e({ dateFilterSlotsConfig: () => n }), n = [{
 	name: "time",

package/components/decompose-numeric-format-DGJua3rU.cjs

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+function e(e){let t=/(?:([^{])?([<>=^]))?([+\- ()])?([$#])?(0)?(\d+)?([,_])?(\.-?\d+)?([a-z%]{1,2})?/i.exec(e)??[];return{fill:t[1]||` `,align:t[2]||`>`,sign:t[3]||`-`,symbol:t[4]||``,zfill:t[5],width:+t[6],comma:t[7],precision:t[8],typeFormat:t[9]}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/components/decompose-numeric-format-DS0j2wa1.js

@@ -0,0 +1,36 @@
+/*! * 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.
+ * */
+//#region src/utils/formatter/decompose-numeric-format.ts
+function e(e) {
+	let t = /(?:([^{])?([<>=^]))?([+\- ()])?([$#])?(0)?(\d+)?([,_])?(\.-?\d+)?([a-z%]{1,2})?/i.exec(e) ?? [];
+	return {
+		fill: t[1] || " ",
+		align: t[2] || ">",
+		sign: t[3] || "-",
+		symbol: t[4] || "",
+		zfill: t[5],
+		width: +t[6],
+		comma: t[7],
+		precision: t[8],
+		typeFormat: t[9]
+	};
+}
+//#endregion
+export { e as t };

package/components/decorate-DCJt-2rt.cjs

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/components/{localized-mixin-DoA4mVsP.js → decorate-DyMgX_Uh.js}

@@ -17,36 +17,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, r as t, t as n } from "./set-locale-UK0ghkg9.js";
-import { property as r } from "lit/decorators.js";
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
-function i(e, t, n, r) {
+function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
 //#endregion
-//#region src/utils/base/localized-mixin.ts
-var a = (a) => {
-	class o extends a {
-		constructor(...e) {
-			super(...e), this.language = "en";
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._syncLocale();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("language") && this._syncLocale();
-		}
-		_syncLocale() {
-			this.language !== n() && (t.includes(this.language) || this.language === "en") && e(this.language);
-		}
-	}
-	return i([r({
-		type: String,
-		reflect: !0
-	})], o.prototype, "language", void 0), o;
-};
-//#endregion
-export { i as n, a as t };
+export { e as t };

package/components/default-acceptable-data-field-types-DFOFWWnT.js

@@ -0,0 +1,53 @@
+/*! * 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 { n as e } from "./type-check-CGREdneG.js";
+import { i as t } from "./formatter-Cq5dFCyU.js";
+//#region src/utils/transformations/convert-data-field-to-slot-content.ts
+var n = (n, r) => {
+	let i = {
+		type: n.type,
+		datasetId: n.datasetId,
+		set: n.datasetId
+	};
+	"columnId" in n && !e(n.columnId) && n.columnId !== "" ? (i.columnId = n.columnId, i.column = n.columnId) : "formulaId" in n && !e(n.formulaId) && n.formulaId !== "" ? (i.formulaId = n.formulaId, i.formula = n.formulaId) : "formula" in n && typeof n.formula == "string" && n.formula !== "" && (i.formula = n.formula);
+	let a = n.type === "datetime" || n.type === "array[datetime]", o = { ...n.name ?? { en: "Untitled" } }, s = n.level;
+	if (a && (s = s ?? n.lowestLevel ?? 9, r)) {
+		let e = t.shortLevels?.filter((e) => e !== "All") ?? [], n = e[Math.max(0, Math.min(e.length - 1, (s ?? 1) - 1))];
+		if (n) {
+			let e = `(${n})`, t = Object.keys(o);
+			for (let n of t) o[n] = `${o[n]} ${e}`;
+		}
+	}
+	return i.label = o, e(n.subtype) || (i.subtype = n.subtype), "lowestLevel" in n && !e(n.lowestLevel) && (i.lowestLevel = n.lowestLevel), e(n.format) || (i.format = n.format), e(s) || (i.level = s), e(n.lowestLevel) || (i.lowestLevel = n.lowestLevel), n.type === "numeric" && n.subtype === "currency" && n.currency?.symbol && (i.currency = n.currency.symbol), Array.isArray(n.duration_levels) && n.duration_format && (i.duration = {
+		levels: n.duration_levels,
+		format: n.duration_format
+	}), i;
+}, r = [
+	"datetime",
+	"hierarchy",
+	"numeric",
+	"spatial",
+	"array[datetime]",
+	"array[numeric]",
+	"array[hierarchy]",
+	"array[spatial]"
+];
+//#endregion
+export { n, r as t };

package/components/default-acceptable-data-field-types-fPsz64ka.cjs

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+const e=require("./type-check-BehV9ZL1.cjs"),t=require("./formatter-BeXmurVe.cjs");var n=(n,r)=>{let i={type:n.type,datasetId:n.datasetId,set:n.datasetId};`columnId`in n&&!e.n(n.columnId)&&n.columnId!==``?(i.columnId=n.columnId,i.column=n.columnId):`formulaId`in n&&!e.n(n.formulaId)&&n.formulaId!==``?(i.formulaId=n.formulaId,i.formula=n.formulaId):`formula`in n&&typeof n.formula==`string`&&n.formula!==``&&(i.formula=n.formula);let a=n.type===`datetime`||n.type===`array[datetime]`,o={...n.name??{en:`Untitled`}},s=n.level;if(a&&(s=s??n.lowestLevel??9,r)){let e=t.i.shortLevels?.filter(e=>e!==`All`)??[],n=e[Math.max(0,Math.min(e.length-1,(s??1)-1))];if(n){let e=`(${n})`,t=Object.keys(o);for(let n of t)o[n]=`${o[n]} ${e}`}}return i.label=o,e.n(n.subtype)||(i.subtype=n.subtype),`lowestLevel`in n&&!e.n(n.lowestLevel)&&(i.lowestLevel=n.lowestLevel),e.n(n.format)||(i.format=n.format),e.n(s)||(i.level=s),e.n(n.lowestLevel)||(i.lowestLevel=n.lowestLevel),n.type===`numeric`&&n.subtype===`currency`&&n.currency?.symbol&&(i.currency=n.currency.symbol),Array.isArray(n.duration_levels)&&n.duration_format&&(i.duration={levels:n.duration_levels,format:n.duration_format}),i},r=[`datetime`,`hierarchy`,`numeric`,`spatial`,`array[datetime]`,`array[numeric]`,`array[hierarchy]`,`array[spatial]`];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});