@luzmo/analytics-components-kit 1.0.8 → 1.0.9-beta.2

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

@@ -0,0 +1,428 @@
+/*! * 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 "./dataset-icon-BEq1MNml.js";
+import { luzmoFileUploadOutline as a, luzmoPlugin as o, luzmoPlus as s, luzmoRobot as c } 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 "@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";
+//#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) {
+	return t.length > 0 ? [{
+		header: !0,
+		label: e
+	}, ...t] : [];
+}
+var D = class extends l {
+	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) => {
+			if (this.hideDatasetIcons) return null;
+			let t = e.value;
+			if (typeof t != "string" || !t.startsWith(C)) return null;
+			let n = t.slice(8), r = this._availableDatasets.find((e) => e.id === n);
+			return r ? u`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${r}
+        size="16px"
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    ` : null;
+		};
+	}
+	static {
+		this.styles = f(y);
+	}
+	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 ? 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;
+	}
+	get _activeAgent() {
+		return this.hideAgents ? null : this.selectedAgent;
+	}
+	get _visibleSections() {
+		return this.hideAgents ? ["datasets"] : T;
+	}
+	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 !== 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);
+	}
+	_configureBroker() {
+		n.configure({
+			authKey: this.authKey,
+			authToken: this.authToken,
+			apiUrl: this.apiUrl
+		});
+	}
+	async _loadAvailableOptions(e = this._visibleSections) {
+		let r = ++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;
+		await Promise.all([(async () => {
+			if (e.includes("datasets")) try {
+				let e = await n.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 r = t();
+			try {
+				let e = await n.fetchApi("/agent", {
+					action: "get",
+					version: "0.1.0",
+					find: this._generateAgentQuery()
+				});
+				i() && r === 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: x,
+			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: [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();
+		}, b));
+	}
+	_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(w)) {
+			this._selectAgent(t.slice(6));
+			return;
+		}
+		t?.startsWith(C) && 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(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(r(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 = 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 = "", this._announcementTimer = null;
+			}, 1e3);
+		});
+	}
+	_renderDatasetTag(e) {
+		return u`
+      <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" })}
+        @delete=${this._createDatasetRemovedHandler(e)}
+      >
+        ${this.hideDatasetIcons ? d : u`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size="16px"
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${i(e)}</span>
+      </luzmo-tag>
+    `;
+	}
+	_renderAgentTag(e) {
+		let t = r(e);
+		return u`
+      <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" })}
+        @delete=${() => this._handleAgentRemoved(e)}
+      >
+        <luzmo-icon slot="icon" .icon=${c} size="s" 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 }
+		}));
+	}
+	_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
+		}));
+	}
+	_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())];
+	}
+	_renderDatasetSearch() {
+		return u`
+      <luzmo-select
+        class="dataset-search"
+        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=${s} size="s" aria-hidden="true"></luzmo-icon>
+          ${this._hasSelection ? d : u`<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}
+      </luzmo-select>
+    `;
+	}
+	_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 ? 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`
+      ${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))}
+            </luzmo-tags>
+            ${t > 0 ? u`
+                    <luzmo-action-button
+                      class="show-more-datasets"
+                      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" })}
+                    </luzmo-action-button>
+                  ` : d}
+          ` : d}
+      <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({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-agents"
+})], D.prototype, "hideAgents", void 0), e([p({
+	type: String,
+	attribute: "button-label"
+})], D.prototype, "buttonLabel", void 0), e([p({
+	type: String,
+	attribute: "auth-key"
+})], D.prototype, "authKey", void 0), e([p({
+	type: String,
+	attribute: "auth-token"
+})], D.prototype, "authToken", void 0), e([p({
+	type: String,
+	attribute: "api-url"
+})], D.prototype, "apiUrl", void 0), e([p({
+	type: String,
+	attribute: "app-server"
+})], D.prototype, "appServer", void 0), e([p({
+	type: Boolean,
+	reflect: !0,
+	attribute: "include-public-datasets"
+})], D.prototype, "includePublicDatasets", void 0), e([p({
+	type: Boolean,
+	attribute: "flag-opendata"
+})], D.prototype, "flagOpendata", null), e([p({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disabled"
+})], D.prototype, "disabled", void 0), e([p({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disable-dataset-modification"
+})], D.prototype, "disableDatasetModification", void 0), e([p({
+	type: Boolean,
+	attribute: "hide-dataset-icons"
+})], D.prototype, "hideDatasetIcons", void 0), e([p({
+	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);
+//#endregion
+export { D as t };

package/components/{date-comparison-filter-options.config-BSzzAJPM.js → date-comparison-filter-options.config-DgLx-m3L.js}

@@ -17,7 +17,7 @@
  * 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-C_7HSvGV.js";
+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
 var t = /* @__PURE__ */ e({ default: () => n }), n = [
 	{

package/components/{date-comparison-filter-slots.config-Cvze969w.js → date-comparison-filter-slots.config-BKZ13uzB.js}

@@ -17,7 +17,7 @@
  * 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-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/date-comparison-filter/date-comparison-filter-slots.config.js
 var t = /* @__PURE__ */ e({ dateComparisonFilterSlotsConfig: () => n }), n = [{
 	name: "time",

package/components/{date-filter-options.config-C6VvDjd8.js → date-filter-options.config-Cbiy0QKd.js}

@@ -17,7 +17,7 @@
  * 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-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/date-filter/date-filter-options.config.js
 var t = /* @__PURE__ */ e({ default: () => n }), n = [
 	{

package/components/{date-filter-slots.config-Y8hmQh0S.js → date-filter-slots.config-SzWky1y7.js}

@@ -17,7 +17,7 @@
  * 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-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/date-filter/date-filter-slots.config.js
 var t = /* @__PURE__ */ e({ dateFilterSlotsConfig: () => n }), n = [{
 	name: "time",

package/components/{de-C5CMIy08.js → de-BhKtDR6p.js}

@@ -21,12 +21,19 @@ import { str as e } from "@lit/localize";
 //#region src/generated/locales/de.ts
 var t = {
 	"close-action": "Schließen",
+	"filter-item-field-expression": e`${0}⁣ ${1}`,
+	"filter-item-field-expression-value": e`${0}⁣ ${1}⁣ ${2}`,
+	"filter-item-field-value": e`${0}⁣ ${1}`,
 	"filter-parameter-type-datetime": "Datum/Zeit",
 	"filter-parameter-type-datetime-list": "Datum/Zeit[]",
 	"filter-parameter-type-hierarchy": "Hierarchie",
 	"filter-parameter-type-hierarchy-list": "Hierarchie[]",
 	"filter-parameter-type-numeric": "Numerisch",
 	"filter-parameter-type-numeric-list": "Numerisch[]",
+	"filter-range-tooltip": e`${0} und ${1}`,
+	"filters-sentence-and": e`${0}⁣ ${1}⁣ ${2}`,
+	"filters-sentence-or": e`${0}⁣ ${1}⁣ ${2}`,
+	"filters-sentence-parentheses": e`(${0})`,
 	"formula-datasets-list-title": "Daten",
 	"formula-function-label-coords": "Koordinaten",
 	"item-option-guidelines-add": "Referenzlinie hinzufügen",
@@ -63,6 +70,7 @@ var t = {
 	s071e55c416742716: "Wiederherstellungsmenü öffnen",
 	s078d4008a2a214b0: "Entfernt führende und nachgestellte Leerzeichen aus einer Zeichenfolge.",
 	s079a052719914d71: "Kategorie",
+	s07a43e5b2a8a7c58: e`${0} Sekunden`,
 	s07d754eb51a3ee43: "Räumlich",
 	s088e3b07b5394bc3: "gleich",
 	s08b26579c9f919a1: "Logisches Oder",
@@ -88,10 +96,12 @@ var t = {
 	s11502b46543c39e8: "Tag des Monats",
 	s11576cdb7730ddcc: "Gibt die mathematische Konstante Pi zurück.",
 	s122f7f3f1a22ea50: "nicht gleich",
+	s125a86b2f45bbb25: e`${0} Elemente`,
 	s13f5793e33ebda4f: "zwischen",
 	s146475c4daa430ed: "Dezimalstellen",
 	s14adc1b878842c4f: "Funktionskategorie",
 	s1525a3512765bd52: "Zeiteinheit",
+	s1645aae5d87a87ae: "Elementnamen werden geladen",
 	s16a4e0f26328f69d: "Logisches Und",
 	s16d507740d87045d: "Ad-hoc-Formel",
 	s173bffc4bc8fdb40: "Quartalsnummer",
@@ -101,6 +111,7 @@ var t = {
 	s184501a399a815dc: "Quartale",
 	s18498398aeb37b07: "Woche beginnt am",
 	s187528426100c44e: "Keine Daten",
+	s1bcab4b7e4a45f84: e`${0} Tage`,
 	s1c4b5bbb758f3bce: "Tag des Jahres (UTC)",
 	s1cdb6b07fe827486: "Wochennummer",
 	s1d8604eae2ed4f70: "Gibt den größten Wert zurück.",
@@ -140,6 +151,7 @@ var t = {
 	s2d4d8b099a73e46a: "Ebenen",
 	s2dc1bbbe252415c7: "Rundet eine Zahl auf eine angegebene Anzahl von Dezimalstellen.",
 	s2dcbfb305c43f0d4: "Option konnte nicht geladen werden",
+	s2e47760dd1d017c9: e`${0} Quartal`,
 	s2ea38ce3da088075: "Perioden",
 	s2f56fa0428bad0c9: "Elementaktionen",
 	s2f64461723d3df5d: "Ändern",
@@ -169,10 +181,12 @@ var t = {
 	s3b3ea038c5d3bb06: "Division",
 	s3c6455b19fb1c3e4: "Absoluter Wechsel",
 	s3ca5e1e377396e68: "Gibt den natürlichen Logarithmus einer Zahl zurück.",
+	s3ceacffc8fe8d13f: e`${0} Jahre`,
 	s3d4a4b3002d13785: "Jahr der ISO-Woche (UTC)",
 	s3dcf7b255596a2c3: "Standardabweichung",
 	s41f303448d636dfd: "Dashboard-Raster",
 	s427be344bc32537d: "Gibt die Quadratwurzel einer Zahl zurück.",
+	s430f8483cbea0e4b: e`${0} Minute`,
 	s43f1ffa8263b3f7b: "Runden",
 	s4406e2a8264d6a3e: "Route",
 	s441accd1cd3484c9: "Minute",
@@ -239,10 +253,12 @@ var t = {
 	s656dfdc68a98502e: "Funktionen",
 	s6580790b036f0c6f: "aktiv",
 	s66722bc2ea775e05: "Deaktiviert",
+	s6683e715b4cc61e0: e`${0} Wochen`,
 	s669b18c6d2d9c95b: "Keine",
 	s66dcbbc0355c2759: "Sonntag",
 	s67a28499b3caab0c: "Monat (UTC)",
 	s680f01021b5e339d: "Woche",
+	s695f2b47ca303436: e`${0} Jahr`,
 	s69a9123fdc3c03f8: "Kleiner als oder gleich",
 	s6ab73c998850c5ab: "Ausdruck",
 	s6b0bffd88024372f: "Stunde",
@@ -259,6 +275,7 @@ var t = {
 	s716a6024e3fe999c: "Zeigen",
 	s71a5c9f4b68ef4d4: "Anzahl",
 	s736157452e7fc7af: "Etwas ist schiefgelaufen. Bitte versuche es erneut.",
+	s7385537b8498510e: e`${0} Quartale`,
 	s74303ffcfb1f68e6: "Quadratwurzel",
 	s7468e87263dfff7e: "Kennung",
 	s74dcd519e6563a26: "WTD",
@@ -295,6 +312,7 @@ var t = {
 	s8ba2b22eee9bb57e: "Filter hinzufügen",
 	s8bb429cb2ed6e65b: "Gibt den Rest der Division des ersten Werts durch den zweiten Wert zurück.",
 	s8bd1517975b86680: "Dashboard wird erstellt...",
+	s8ce15f16e0d3a7a9: "Einige Elementnamen konnten nicht abgerufen werden",
 	s8d0259032729869d: "Sekunde",
 	s8d77a3cb03eea446: "Daten werden geladen...",
 	s8de2a5b227e80c95: "(x) Perioden oder länger her",
@@ -307,6 +325,7 @@ var t = {
 	s92c8c8ca61f1e379: "Datensatz auswählen...",
 	s92dbc5a5a4a1d76c: "Ist leer",
 	s943bfb2ed5ca76e0: "Jahr der ISO-Woche",
+	s94c08bd5d339f44d: e`${0} Stunde`,
 	s95ef9d52bd4d9973: "Hyperbolischer Tangens",
 	s965c503c3e42fdfe: "Aktiviert",
 	s9689e928323dc124: "letzte abgeschlossene (Periode)",
@@ -339,6 +358,7 @@ var t = {
 	sa22e91cafec90817: "Prüft, ob der erste Wert kleiner als oder gleich dem zweiten Wert ist.",
 	sa26d7a273074cbf9: "Keine Daten verfügbar",
 	sa2801a1abc816722: "Aggregationen",
+	sa345fd77e1d4843c: "Filter werden geladen",
 	sa3712c95628b8c72: "Aggregiert über eine benutzerdefinierte Gruppierung aus einbezogenen und ausgeschlossenen Spalten.",
 	sa3adfcca86d48eb3: "Zufallszahl",
 	sa3c9339de23c1752: "Format",
@@ -366,11 +386,13 @@ var t = {
 	sac8b59943205b14f: "nächste volle (Periode)",
 	sac94bb71f7737997: "Median",
 	sacae74732f544fca: "Tage",
+	sacbb1ccb24f8f136: e`${0} und ${1}`,
 	sacfd70562764058b: "Großbuchstaben",
 	saddc7a2dbf00d731: "Abrunden",
 	sae9c3c733664239a: "Gruppierungsbereich der Aggregation",
 	saf21b9a927cf58cc: "Ein Parameter mit diesem Namen ist bereits vorhanden.",
 	saf2a19f4eaf00f68: "oder länger her",
+	saf63d34c8601dd41: e`${0}`,
 	saf8cea241a5abd64: "Extrahiert das Jahr aus einem Datumswert in UTC.",
 	safb50c5216475471: e`+ ${0} weitere`,
 	sb06a3310a509f99a: "Farbstopp entfernen",
@@ -397,6 +419,7 @@ var t = {
 	sb93e5af29aca2e3d: "fehlt",
 	sb93f886d60b95765: "Fügt einem Datums- oder Datetime-Wert eine Dauer hinzu (oder zieht sie davon ab). Das erste Argument ist die Einheit ('millisecond', 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter' oder 'year'), das zweite die Anzahl der hinzuzufügenden Einheiten (negativ zum Abziehen) und das dritte das Ausgangsdatum bzw. die Ausgangs-Datetime.",
 	sb9f1339b3a61604a: "Ebenen",
+	sbaf87689cccc53eb: "1 Element",
 	sbbb97b1c63507dc0: "Zahl",
 	sbc7d0358df3d42f1: "Gibt eine Zufallszahl zwischen 0 und 1 zurück.",
 	sbede5f82a01da07f: "Aggregationsfunktion",
@@ -444,9 +467,11 @@ var t = {
 	sd2d5d28a8d42f372: "Quartal (UTC)",
 	sd3099ed7844b7eb2: "Wochentag",
 	sd3ec39c275aec063: "Nenner",
+	sd59e6017006a66d3: e`${0} Woche`,
 	sd5b1040899eb149d: "nächste voll",
 	sd66a74fff07a11fb: "{count} elemente ausgewählt",
 	sd6c5c734d7cfa9ec: "Gibt die Anzahl der Zeichen in einer Zeichenfolge zurück.",
+	sd794b878b98cd77c: e`${0} Millisekunde`,
 	sd7ebafacf602c9bd: "Brief",
 	sd89a9a92d5da0fd0: "Rundet eine Zahl auf die nächste ganze Zahl ab.",
 	sd8b18575e1f4be43: "Gibt den Arkustangens einer Zahl zurück.",
@@ -454,8 +479,11 @@ var t = {
 	sdae4e03dc4e96d45: "{count} ausgewählt",
 	sdb73788b3c975f16: "Automatisch",
 	sdb798be27601ed06: "Parametertyp:",
+	sdbce9d3fdf676217: e`${0} Monat`,
 	sdc673e73b5c13aea: "Löschen",
+	sdd6c63f37eb62928: e`${0} Minuten`,
 	sdd89a3395abab8ea: "Extrahiert das ISO-Wochenjahr aus einem Datums- oder Datetime-Wert.",
+	sde8c84234a516e7d: e`${0} Millisekunden`,
 	sdebe99a43259a451: "Zeilen zählen",
 	sdfbe1b87d8712bc7: "Womit kann ich dir helfen?",
 	sdfeb2151b9e78d4d: "enthält nicht",
@@ -474,8 +502,10 @@ var t = {
 	se592b9bec3ffc953: "Konvertiert das erste Argument in den durch das zweite Argument angegebenen Typ. Mögliche Typen sind 'hierarchy', 'numeric', 'datetime' und 'boolean'.",
 	se63e1798c5b1ab4d: "Tag des Monats (UTC)",
 	se715be190539325a: "vor",
+	se77797889cac2fec: e`${0} Monate`,
 	se8d0f19a0eac8103: "Extrahiert die Stunde aus einem Datetime-Wert.",
 	se8ddc90a9d7c709d: "Ebene",
+	se960538baf78f63b: e`${0} Sekunde`,
 	se9e535bb9591039e: "Ausdruck auswählen",
 	se9ff6e9a514d8cf9: "Montag",
 	sea3f1934bd770b70: "Gibt den Logarithmus einer Zahl für eine bestimmte Basis zurück.",
@@ -496,6 +526,7 @@ var t = {
 	sf095cc47a4ff9c3d: "Formel",
 	sf2d322b3ea1ff824: "Aufrunden",
 	sf4423f120eba0c11: "Prüft, ob der erste Wert kleiner als der zweite Wert ist.",
+	sf4a3a5898b69b81f: e`${0} Tag`,
 	sf518b78d9734f57b: "beginnt nicht mit",
 	sf53ceb4945e8f1fb: "Leeres Argument. Geben Sie einen Wert ein oder ziehen Sie eine Spalte, Funktion oder Aggregation hierher.",
 	sf6cda8263b3170af: "Verwenden Sie den Zeitraum bis heute für unvollständige Zeiträume",
@@ -508,14 +539,17 @@ var t = {
 	sfa2d0aa30ee5aa58: "letzte (x) Perioden",
 	sfa44b98afaa0e7c6: "Spalten suchen",
 	sfad9ed343e97551c: "Vergangener Wert",
+	sfb1d53c7660dcfc5: e`${0}, und ${1} weitere`,
 	sfb9e6d0c6baa99f5: "Passt dem Datumsbereich, der in der Tabelle oder im Diagramm sichtbar ist",
 	sfbac36245480ddbc: "Trennzeichen",
 	sfbac39f6e9672a74: "Zurück zum Gruppierungsbereich",
+	sfd21da55eb7a055a: e`${0} Stunden`,
 	sfda1c9d0be35cec8: "Quartal bis heute",
 	sfe9b4269fb997134: "Multipliziert zwei numerische Werte.",
 	sff5bb7742c2896c8: "Zielwert",
 	sffa721bb6aa3128d: "Suchen...",
 	sffb8751d8069b701: "Jahr (UTC)",
+	sffce88436a4390cf: "Die Diagrammkonfiguration konnte nicht geladen werden. Bitte versuche es erneut.",
 	"slot-label-name": "Name",
 	"slot-label-time": "Zeit",
 	scefc24b75c5d407c: "Only PNG, JPEG, WebP, and GIF images can be attached.",