@luzmo/analytics-components-kit 1.0.9-beta.6 → 1.0.9-beta.8

package/components/{dataset-selector-row-C_O6h4Ir.js → dataset-selector-row-CiqZrv0T.js}

@@ -1,54 +1,60 @@
-/*! * 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.
+/*! * 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 "./set-locale-ydAPif-7.js";
-import { t as n } from "./data-broker-B0uUO5er.js";
-import { n as r, t as i } from "./get-dataset-name-DLjeChNS.js";
+import { n as e } from "./base-BRTs2KqJ.js";
+import { t } from "./decorate-DyMgX_Uh.js";
+import { t as n } from "./set-locale-ydAPif-7.js";
+import { t as r } from "./data-broker-B0uUO5er.js";
+import { n as i, t as a } from "./get-dataset-name-DLjeChNS.js";
 import "./dataset-icon-BEq1MNml.js";
-import { luzmoFileUploadOutline as a, luzmoPlugin as o, luzmoPlus as s, luzmoRobot as c } from "@luzmo/icons";
+import { luzmoFileUploadOutline as o, luzmoPlugin as s, luzmoPlus as c, luzmoRobot as l } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
-import { LitElement as l, html as u, nothing as d, unsafeCSS as f } from "lit";
-import { property as p, state as m } from "lit/decorators.js";
-import { localized as h, msg as g, str as _ } from "@lit/localize";
+import { LitElement as u, html as d, nothing as f, unsafeCSS as p } from "lit";
+import { property as m, state as h } from "lit/decorators.js";
+import { localized as g, msg as _, str as v } from "@lit/localize";
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/select";
 import "@luzmo/lucero/tags";
 import "@luzmo/lucero/tooltip";
-import { repeat as v } from "lit/directives/repeat.js";
+import { repeat as y } from "lit/directives/repeat.js";
 //#region src/components/dataset-selector-row/dataset-selector-row.module.scss?inline
-var y = ":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(--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,: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: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-tag-max-inline-size:var(--luzmo-tag-max-inline-size,180px);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}", b = 400, x = 50, S = 5, C = "dataset:", w = "agent:", T = ["datasets", "agents"];
-function E(e, t) {
+var b = ":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))}", x = 400, S = 50, C = 5, w = "dataset:", T = "agent:", E = ["datasets", "agents"];
+function D(e, t) {
 	return t.length > 0 ? [{
 		header: !0,
 		label: e
 	}, ...t] : [];
 }
-var D = class extends l {
+var O = class extends e(u, { 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 = /* @__PURE__ */ new Set(), this._agentsLocale = t(), this._renderDatasetOptionIcon = (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 = /* @__PURE__ */ new Set(), this._agentsLocale = n(), this._renderDatasetOptionIcon = (e) => {
 			if (this.hideDatasetIcons) return null;
 			let t = e.value;
-			if (typeof t != "string" || !t.startsWith(C)) return null;
+			if (typeof t != "string" || !t.startsWith(w)) return null;
 			let n = t.slice(8), r = this._availableDatasets.find((e) => e.id === n);
-			return r ? u`
+			return r ? d`
       <luzmo-dataset-icon
         slot="icon"
         .datasetInfo=${r}
@@ -59,7 +65,7 @@ var D = class extends l {
 		};
 	}
 	static {
-		this.styles = f(y);
+		this.styles = p(b);
 	}
 	static {
 		this.tagName = "luzmo-dataset-selector-row";
@@ -74,13 +80,13 @@ var D = class extends l {
 		return new Set(this.selectedDatasets.map((e) => e.id));
 	}
 	get _triggerLabel() {
-		return this.buttonLabel === void 0 ? this.hideAgents ? g("Add dataset", { desc: "Label for the control that opens dataset search to add a dataset" }) : g("Add dataset or agent", { desc: "Label for the control that opens the dropdown listing both datasets and agents" }) : this.buttonLabel;
+		return this.buttonLabel === void 0 ? this.hideAgents ? _("Add dataset", { desc: "Label for the control that opens dataset search to add a dataset" }) : _("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"] : T;
+		return this.hideAgents ? ["datasets"] : E;
 	}
 	get _unloadedSections() {
 		return this._visibleSections.filter((e) => !this._loadedSections.has(e));
@@ -102,22 +108,22 @@ var D = class extends l {
 		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 !== t() && (this._agentsLocale = 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);
+		super.willUpdate(e), this._agentsLocale !== n() && (this._agentsLocale = n(), 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() {
-		n.configure({
+		r.configure({
 			authKey: this.authKey,
 			authToken: this.authToken,
 			apiUrl: this.apiUrl
 		});
 	}
 	async _loadAvailableOptions(e = this._visibleSections) {
-		let r = ++this._activeSearchRequestId;
+		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 = () => r === this._activeSearchRequestId;
+		let i = () => t === this._activeSearchRequestId;
 		await Promise.all([(async () => {
 			if (e.includes("datasets")) try {
-				let e = await n.fetchApi("/securable", {
+				let e = await r.fetchApi("/securable", {
 					action: "get",
 					version: "0.1.0",
 					find: this._generateQuery()
@@ -128,14 +134,14 @@ var D = class extends l {
 			}
 		})(), (async () => {
 			if (!e.includes("agents")) return;
-			let r = t();
+			let t = n();
 			try {
-				let e = await n.fetchApi("/agent", {
+				let e = await r.fetchApi("/agent", {
 					action: "get",
 					version: "0.1.0",
 					find: this._generateAgentQuery()
 				});
-				i() && r === t() && (this._availableAgents = e.rows ?? [], this._loadedSections.add("agents"));
+				i() && t === n() && (this._availableAgents = e.rows ?? [], this._loadedSections.add("agents"));
 			} catch (e) {
 				console.error("Error loading agents:", e);
 			}
@@ -166,7 +172,7 @@ var D = class extends l {
 				}]
 			}],
 			where: { type: "dataset" },
-			limit: x,
+			limit: S,
 			offset: 0,
 			...this._searchValue ? {
 				search: {
@@ -189,7 +195,7 @@ var D = class extends l {
 				"asc",
 				{
 					case_sensitive: !1,
-					locales: [t()]
+					locales: [n()]
 				}
 			]],
 			...this._searchValue ? { search: {
@@ -203,7 +209,7 @@ var D = class extends l {
 		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();
-		}, b));
+		}, x));
 	}
 	_handleSearchOpened() {
 		if (this._datasetModificationDisabled) return;
@@ -217,11 +223,11 @@ var D = class extends l {
 	_handleOptionSelected(e) {
 		if (this._datasetModificationDisabled) return;
 		let t = e.detail?.value?.[0];
-		if (this._selectValue = [], t?.startsWith(w)) {
+		if (this._selectValue = [], t?.startsWith(T)) {
 			this._selectAgent(t.slice(6));
 			return;
 		}
-		t?.startsWith(C) && this._selectDataset(t.slice(8));
+		t?.startsWith(w) && this._selectDataset(t.slice(8));
 	}
 	_selectAgent(e) {
 		let t = this._availableAgents.find((t) => t.id === e);
@@ -244,7 +250,7 @@ var D = class extends l {
 	}
 	_handleDatasetRemoved(e) {
 		if (this._datasetModificationDisabled) return;
-		let t = i(e), n = this.selectedDatasets.filter((t) => t.id !== e.id);
+		let t = a(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,
@@ -252,7 +258,7 @@ var D = class extends l {
 		}));
 	}
 	_handleAgentRemoved(e) {
-		this._datasetModificationDisabled || (this.selectedAgent = null, this._announceRemoval(r(e)), this.dispatchEvent(new CustomEvent("luzmo-agent-removed", {
+		this._datasetModificationDisabled || (this.selectedAgent = null, this._announceRemoval(i(e)), this.dispatchEvent(new CustomEvent("luzmo-agent-removed", {
 			detail: e,
 			bubbles: !0,
 			composed: !0
@@ -260,68 +266,69 @@ var D = class extends l {
 	}
 	_announceRemoval(e) {
 		this._announcementTimer !== null && clearTimeout(this._announcementTimer), this._removalAnnouncement = "", this._announcementTimer = window.setTimeout(() => {
-			this._removalAnnouncement = g(_`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 = _(v`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 u`
+		return d`
       <luzmo-tag
         class="selected-dataset-tag"
         ?deletable=${!this._datasetModificationDisabled}
         tabindex=${this._datasetModificationDisabled ? -1 : 0}
-        aria-label=${this._datasetModificationDisabled ? i(e) : g(_`Remove ${i(e)}`, { desc: "Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name" })}
+        aria-label=${this._datasetModificationDisabled ? a(e) : _(v`Remove ${a(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 ? d : u`
+        ${this.hideDatasetIcons ? f : d`
                 <luzmo-dataset-icon
                   slot="icon"
                   .datasetInfo=${e}
-                  size="16px"
+                  size=${this.size === "xl" ? "24px" : "16px"}
                   app-url=${this.appServer}
                 ></luzmo-dataset-icon>
               `}
-        <span class="dataset-tag-label">${i(e)}</span>
+        <span class="dataset-tag-label">${a(e)}</span>
       </luzmo-tag>
     `;
 	}
 	_renderAgentTag(e) {
-		let t = r(e);
-		return u`
+		let t = i(e);
+		return d`
       <luzmo-tag
         class="selected-agent-tag"
         ?deletable=${!this._datasetModificationDisabled}
         tabindex=${this._datasetModificationDisabled ? -1 : 0}
-        aria-label=${this._datasetModificationDisabled ? t : g(_`Remove ${t}`, { desc: "Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name" })}
+        aria-label=${this._datasetModificationDisabled ? t : _(v`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=${c} size="s" aria-hidden="true"></luzmo-icon>
+        <luzmo-icon slot="icon" .icon=${l} .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: `${C}${e.id}`,
-			label: i(e),
-			...this.hideDatasetIcons ? {} : { icon: e.subtype === "upload" ? a : o }
+			value: `${w}${e.id}`,
+			label: a(e),
+			...this.hideDatasetIcons ? {} : { icon: e.subtype === "upload" ? o : s }
 		}));
 	}
 	_getAgentOptions() {
-		return this._availableAgents.filter((e) => e.id !== this.selectedAgent?.id).slice(0, S).map((e) => ({
-			value: `${w}${e.id}`,
-			label: r(e),
-			icon: c
+		return this._availableAgents.filter((e) => e.id !== this.selectedAgent?.id).slice(0, C).map((e) => ({
+			value: `${T}${e.id}`,
+			label: i(e),
+			icon: l
 		}));
 	}
 	_getOptions() {
-		return this.hideAgents ? this._getDatasetOptions() : [...E(g("Agents", { desc: "Section header above the agents in the add dropdown" }), this._getAgentOptions()), ...E(g("Datasets", { desc: "Section header above the datasets in the add dropdown" }), this._getDatasetOptions())];
+		return this.hideAgents ? this._getDatasetOptions() : [...D(_("Agents", { desc: "Section header above the agents in the add dropdown" }), this._getAgentOptions()), ...D(_("Datasets", { desc: "Section header above the datasets in the add dropdown" }), this._getDatasetOptions())];
 	}
 	_renderDatasetSearch() {
-		return u`
+		return d`
       <luzmo-select
         class="dataset-search"
+        .size=${this.size}
         search="on"
         selects="single"
         variant="highlight"
@@ -340,13 +347,21 @@ var D = class extends l {
         @luzmo-closed=${this._handleSearchClosed}
       >
         <span slot="label" class="dataset-search-trigger-layout">
-          <luzmo-icon .icon=${s} size="s" aria-hidden="true"></luzmo-icon>
-          ${this._hasSelection ? d : u`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
+          <luzmo-icon .icon=${c} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
+          ${this._hasSelection ? f : d`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
         </span>
-        ${this._hasSelection ? u`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this._triggerLabel}</luzmo-tooltip>` : d}
+        ${this._hasSelection ? d`<luzmo-tooltip slot="tooltip" self-managed placement="top" .size=${this._oneSizeSmaller}>${this._triggerLabel}</luzmo-tooltip>` : f}
       </luzmo-select>
     `;
 	}
+	get _oneSizeSmaller() {
+		return {
+			s: "xs",
+			m: "s",
+			l: "m",
+			xl: "l"
+		}[this.size] ?? "s";
+	}
 	_createDatasetRemovedHandler(e) {
 		return () => this._handleDatasetRemoved(e);
 	}
@@ -356,73 +371,74 @@ var D = class extends l {
 		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 ? g("Show 1 more selected dataset", { desc: "Accessible label for the button that reveals one selected dataset tag hidden by the visible tag limit" }) : g(_`Show ${t} more selected datasets`, { desc: "Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit" });
-		return u`
+		let e = this._visibleSelectedDatasets, t = this.selectedDatasets.length - e.length, n = t === 1 ? _("Show 1 more selected dataset", { desc: "Accessible label for the button that reveals one selected dataset tag hidden by the visible tag limit" }) : _(v`Show ${t} more selected datasets`, { desc: "Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit" });
+		return d`
       ${this._renderDatasetSearch()}
-      ${this._hasSelection ? u`
-            <luzmo-tags class="selected-datasets-tags">
-              ${this._activeAgent ? this._renderAgentTag(this._activeAgent) : d}
-              ${v(e, (e) => e.id, (e) => this._renderDatasetTag(e))}
+      ${this._hasSelection ? d`
+            <luzmo-tags class="selected-datasets-tags" .size=${this.size}>
+              ${this._activeAgent ? this._renderAgentTag(this._activeAgent) : f}
+              ${y(e, (e) => e.id, (e) => this._renderDatasetTag(e))}
             </luzmo-tags>
-            ${t > 0 ? u`
+            ${t > 0 ? d`
                     <luzmo-action-button
                       class="show-more-datasets"
+                      .size=${this.size}
                       quiet
                       aria-label=${n}
                       ?disabled=${this.disabled}
                       @click=${this._handleShowAllDatasets}
                     >
-                      ${g(_`+ ${t} more`, { desc: "Button that reveals selected dataset tags hidden by the visible tag limit" })}
+                      ${_(v`+ ${t} more`, { desc: "Button that reveals selected dataset tags hidden by the visible tag limit" })}
                     </luzmo-action-button>
-                  ` : d}
-          ` : d}
+                  ` : f}
+          ` : f}
       <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
     `;
 	}
 };
 //#endregion
 //#region src/components/dataset-selector-row/index.ts
-e([p({ type: Array })], D.prototype, "selectedDatasets", void 0), e([p({ attribute: !1 })], D.prototype, "selectedAgent", void 0), e([p({
+t([m({ type: Array })], O.prototype, "selectedDatasets", void 0), t([m({ attribute: !1 })], O.prototype, "selectedAgent", void 0), t([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "hide-agents"
-})], D.prototype, "hideAgents", void 0), e([p({
+})], O.prototype, "hideAgents", void 0), t([m({
 	type: String,
 	attribute: "button-label"
-})], D.prototype, "buttonLabel", void 0), e([p({
+})], O.prototype, "buttonLabel", void 0), t([m({
 	type: String,
 	attribute: "auth-key"
-})], D.prototype, "authKey", void 0), e([p({
+})], O.prototype, "authKey", void 0), t([m({
 	type: String,
 	attribute: "auth-token"
-})], D.prototype, "authToken", void 0), e([p({
+})], O.prototype, "authToken", void 0), t([m({
 	type: String,
 	attribute: "api-url"
-})], D.prototype, "apiUrl", void 0), e([p({
+})], O.prototype, "apiUrl", void 0), t([m({
 	type: String,
 	attribute: "app-server"
-})], D.prototype, "appServer", void 0), e([p({
+})], O.prototype, "appServer", void 0), t([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "include-public-datasets"
-})], D.prototype, "includePublicDatasets", void 0), e([p({
+})], O.prototype, "includePublicDatasets", void 0), t([m({
 	type: Boolean,
 	attribute: "flag-opendata"
-})], D.prototype, "flagOpendata", null), e([p({
+})], O.prototype, "flagOpendata", null), t([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "disabled"
-})], D.prototype, "disabled", void 0), e([p({
+})], O.prototype, "disabled", void 0), t([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "disable-dataset-modification"
-})], D.prototype, "disableDatasetModification", void 0), e([p({
+})], O.prototype, "disableDatasetModification", void 0), t([m({
 	type: Boolean,
 	attribute: "hide-dataset-icons"
-})], D.prototype, "hideDatasetIcons", void 0), e([p({
+})], O.prototype, "hideDatasetIcons", void 0), t([m({
 	type: Number,
 	reflect: !0,
 	attribute: "max-visible-selected-datasets"
-})], D.prototype, "maxVisibleSelectedDatasets", void 0), e([m()], D.prototype, "_availableDatasets", void 0), e([m()], D.prototype, "_availableAgents", void 0), e([m()], D.prototype, "_removalAnnouncement", void 0), e([m()], D.prototype, "_selectValue", void 0), e([m()], D.prototype, "_retrieving", void 0), e([m()], D.prototype, "_showAllSelectedDatasets", void 0), D = e([h()], D), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", D);
+})], O.prototype, "maxVisibleSelectedDatasets", void 0), t([h()], O.prototype, "_availableDatasets", void 0), t([h()], O.prototype, "_availableAgents", void 0), t([h()], O.prototype, "_removalAnnouncement", void 0), t([h()], O.prototype, "_selectValue", void 0), t([h()], O.prototype, "_retrieving", void 0), t([h()], O.prototype, "_showAllSelectedDatasets", void 0), O = t([g()], O), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", O);
 //#endregion
-export { D as t };
+export { O as t };

package/components/date-comparison-filter-options.config-4yHPEJSU.cjs

@@ -1,20 +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.
+/*! * 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.
  * */
 var e=require("./rolldown-runtime-mLOUI7ql.cjs").n({default:()=>t}),t=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`dateRange.displayRanges`,control:{type:`switch`,label:`Display range options`,default:!0}},{key:`baseSelector.placeholder`,control:{type:`multi-language-field`,label:`Placeholder`,placeholder:`Select a range...`}},{key:`comparisonSelector.placeholder`,control:{type:`multi-language-field`,label:`Placeholder`,placeholder:`Select a range...`}}]},{key:`rangeOptions`,type:`group`,open:!0,children:[{key:`dateRange.showCustomRangeLabel`,control:{type:`switch`,label:`Custom range option`,default:!0}},{key:`dateRange.alwaysShowCalendars`,control:{type:`switch`,label:`Always show calendars`,default:!0},visibleIf:({options:e})=>e?.dateRange?.showCustomRangeLabel!==!1}]},{key:`calendar`,type:`group`,open:!0,children:[{key:`dateRange.markUnavailable`,control:{type:`switch`,label:`Disable unavailable days`,default:!1}}]},{key:`padding`,type:`group`,open:!1,children:[{key:`padding.left`,control:{type:`number-field`,label:`Padding left`,default:16,min:0,max:999,step:1,unit:`px`}},{key:`padding.right`,control:{type:`number-field`,label:`Padding right`,default:16,min:0,max:999,step:1,unit:`px`}}]}];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/components/date-comparison-filter-options.config-DgLx-m3L.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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 { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/date-comparison-filter/date-comparison-filter-options.config.js

package/components/date-comparison-filter-options.de-BSRz6o0Y.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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 node_modules/@luzmo/dashboard-contents-types/date-comparison-filter/i18n/date-comparison-filter-options.de.js
 var e = {

package/components/date-comparison-filter-options.de-DJ43Wuh1.cjs

@@ -1,20 +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.
+/*! * 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.
  * */
 var e={name:`Datumsvergleichsfilter`,groups:{general:{label:`Allgemein`},rangeOptions:{label:`Bereichsoptionen`},calendar:{label:`Kalender`},padding:{label:`Abstand`}},options:{"display.title":{label:`Titel`},"dateRange.displayRanges":{label:`Bereichsoptionen anzeigen`},"baseSelector.placeholder":{label:`Platzhalter`,placeholder:`Bereich auswählen...`},"comparisonSelector.placeholder":{label:`Platzhalter`,placeholder:`Bereich auswählen...`},"dateRange.showCustomRangeLabel":{label:`Benutzerdefinierte Bereichsoption`},"dateRange.alwaysShowCalendars":{label:`Kalender immer anzeigen`},"dateRange.markUnavailable":{label:`Nicht verfügbare Tage deaktivieren`},"dateRange.firstDay":{label:`Erster Tag der Woche`,enum:{monday:`Montag`,sunday:`Sonntag`}},"padding.left":{label:`Abstand links`},"padding.right":{label:`Abstand rechts`}}};exports.default=e;