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

package/components/slot-menu-w7sla2N0.js

@@ -0,0 +1,400 @@
+/*! * 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 { i as e, n as t, t as n } from "./base-DYkpEuMf.js";
+import { t as r } from "./decorate-CaYbmmmm.js";
+import { t as i } from "./data-broker-CVDImE1j.js";
+import { t as a } from "./localize-BT7REYBY.js";
+import { t as o } from "./period-over-period-condition.const-BZ7j5Z5t.js";
+import { n as s } from "./display-settings-ajA8j6kr.js";
+import { t as c } from "./validate-J3P0rm_n.js";
+import "./slot-menu-list-gKDiWsHB.js";
+import { luzmoArrows as l, luzmoClose12 as u, luzmoIcon as d, luzmoTrashOutline as f } from "@luzmo/icons";
+import { html as p, unsafeCSS as m } from "lit";
+import { property as h, query as g, state as _ } from "lit/decorators.js";
+import { msg as v } from "@lit/localize";
+import "@luzmo/lucero/divider";
+import { ContextProvider as y, consume as b } from "@lit/context";
+import { SignalWatcher as x, computed as S, signal as C } from "@lit-labs/signals";
+import { guard as w } from "lit/directives/guard.js";
+//#region src/utils/slot-state/slot-store.ts
+var T = class {
+	constructor() {
+		this.slotContents = C([]), this.slotsContents = C([]), this.periodOverPeriodUiType = C(null), this.linkedDataset = C([]), this._popEnabledChartTypes = [
+			"area-chart",
+			"bar-chart",
+			"combination-chart",
+			"column-chart",
+			"line-chart"
+		], this.activeSlotContents = S(() => this.slotContents.get()[this.activeIndex.get()]), this.activeIndex = C(0);
+	}
+	isArrayColumnType(e) {
+		return e.startsWith("array[");
+	}
+	setPeriodOverPeriodCondition(e, t) {
+		if (!t?.periodOverPeriod?.newUi) {
+			this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));
+			return;
+		}
+		this.periodOverPeriodUiType.set(this.getUiConditionToApply(t));
+	}
+	getUiConditionToApply(e) {
+		let t = this.hasDatetimeColumnOnCategoryOrXAxis(), n = e?.periodOverPeriod?.hasConnectedComparisonFilter, r = this.linkedDataset.get().some(({ columns: e }) => e?.some((e) => e.type === "datetime"));
+		return !t && !n && !r ? null : t && n ? o.HasDatetimeColumnAndComparisonFilters : t && !n ? o.HasDatetimeColumnAndNoComparisonFilters : !t && n ? o.NoDatetimeColumnButComparisonFilters : o.NoDatetimeColumnAndNoComparisonFilters;
+	}
+	oldConditionalLogic(e) {
+		let t = this.slotsContents.get() ?? [], n = (t.find((e) => [
+			"y-axis",
+			"x-axis",
+			"row"
+		].includes(e.name))?.content ?? [])?.[0] ?? null, r = t.find((e) => e.name === "measure")?.content ?? [];
+		return n && this._popEnabledChartTypes.includes(e) && n.type === "datetime" && !this.isArrayColumnType(n.type) && (!n.datetimeDisplayMode || n.datetimeDisplayMode === "default") && n.level !== 4 && r.length > 0 ? o.OldImplementation : null;
+	}
+	hasDatetimeColumnOnCategoryOrXAxis() {
+		let e = ((this.slotsContents.get() ?? []).find((e) => ["y-axis", "x-axis"].includes(e.name))?.content ?? [])?.[0] ?? null;
+		return !!(e && e.type === "datetime" && !this.isArrayColumnType(e.type));
+	}
+	setContents(e, t) {
+		if (this.slotContents.set(e), this.activeIndex.get() >= e.length && this.activeIndex.set(e.length > 0 ? e.length - 1 : 0), t) {
+			let n = structuredClone(this.slotsContents.get()) ?? [], r = n.find((e) => e.name === t);
+			r && (r.content = e), this.setFullContents(n);
+		}
+	}
+	setFullContents(e) {
+		this.slotsContents.set(e);
+	}
+	updateActive(e) {
+		e >= 0 && e < this.slotContents.get().length && this.activeIndex.set(e);
+	}
+	updateContent(e, t = this.activeIndex.get()) {
+		if (t < 0 || t >= this.slotContents.get().length) return;
+		let n = [...this.slotContents.get()];
+		n[t] = structuredClone(e), this.slotContents.set(n);
+	}
+	removeContent(e) {
+		if (e < 0 || e >= this.slotContents.get().length) return;
+		let t = this.slotContents.get().filter((t, n) => n !== e);
+		this.slotContents.set(t), this.activeIndex.get() >= t.length && this.activeIndex.set(t.length > 0 ? t.length - 1 : 0);
+	}
+};
+//#endregion
+//#region src/utils/drag/draggable.ts
+function E({ element: e, handle: t, boundary: n = document.documentElement, onDragStart: r, onDragEnd: i }) {
+	if (!e || !t) throw Error("makeDraggable: element and handle are required");
+	let a = e.ownerDocument ?? document, o = -1, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = 0, m = 0, h = (t) => {
+		if (t.pointerId !== o) return;
+		let r = t.clientX - s, i = t.clientY - c, a = (n ?? document.documentElement).getBoundingClientRect(), h = l + r, g = u + i;
+		h = Math.min(Math.max(h, a.left), a.right - d), g = Math.min(Math.max(g, a.top), a.bottom - f);
+		let _ = h - l, v = g - u, y = p + _, b = m + v;
+		e.style.transform = `translate3d(${y}px, ${b}px, 0)`;
+	}, g = (e) => {
+		e.pointerId === o && (a.removeEventListener("pointermove", h), a.removeEventListener("pointerup", g), o = -1, i?.());
+	}, _ = (n) => {
+		if (n.button !== 0) return;
+		o = n.pointerId;
+		let i = e.getBoundingClientRect();
+		l = i.left, u = i.top, d = i.width, f = i.height, s = n.clientX, c = n.clientY;
+		try {
+			let t = a.defaultView?.getComputedStyle(e);
+			if (t) {
+				let e = new DOMMatrixReadOnly(t.transform);
+				p = e.m41, m = e.m42;
+			}
+		} catch {
+			p = 0, m = 0;
+		}
+		t.setPointerCapture(o), a.addEventListener("pointermove", h), a.addEventListener("pointerup", g), r?.();
+	};
+	return t.addEventListener("pointerdown", _), () => {
+		t.removeEventListener("pointerdown", _), a.removeEventListener("pointermove", h), a.removeEventListener("pointerup", g);
+	};
+}
+//#endregion
+//#region src/components/slot-menu/slot-menu.module.scss?inline
+var D = ":host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal)) var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical)) var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur)) var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{align-items:stretch;display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.drag-handle:focus-visible{box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-indicator-color)}.slot-content-action{max-width:var(--luzmo-slot-menu-top-menu-label-max-width,var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color,var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color,var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding));flex:0 auto;display:flex}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover,var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-content-action .slot-content-remove{cursor:pointer;border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));font:inherit;color:inherit;background:0 0;border:none;flex:none;padding:0}.slot-content-action .slot-content-remove:focus-visible{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus));box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));outline:none}.close{font:inherit;color:inherit;right:var(--luzmo-slot-menu-close-icon-right,var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));background:0 0;background-color:var(--luzmo-slot-menu-close-button-background-color,var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size));border:none;border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));padding:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding,var(--slot-menu-close-button-horizontal-padding));border-top-left-radius:0;border-top-right-radius:0;position:absolute}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover,var(--luzmo-background-color-highlight-hover))}.close:focus-visible{border-color:var(--luzmo-indicator-color);outline:none}:host{--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height) * 2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width:12rem;--slot-menu-list-min-width:8rem;--slot-menu-list-max-width:12rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3);--slot-menu-drag-handle-size:var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-border-width:var(--luzmo-border-width) --slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-popup-shadow-horizontal:0;--slot-menu-popup-shadow-vertical:1px;--slot-menu-popup-shadow-blur:4px;--slot-menu-popup-shadow-color:var(--luzmo-border-color);--slot-menu-popup-box-shadow:var(--slot-menu-popup-shadow-horizontal) var(--slot-menu-popup-shadow-vertical) var(--slot-menu-popup-shadow-blur) var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right:1rem;--slot-menu-list-border-radius:var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width:10rem;--slot-menu-list-min-width:6rem;--slot-menu-list-max-width:10rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2);--slot-menu-drag-handle-size:var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:14rem;--slot-menu-list-min-width:9rem;--slot-menu-list-max-width:14rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4);--slot-menu-drag-handle-size:var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size);--slot-menu-close-button-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:16rem;--slot-menu-list-min-width:10rem;--slot-menu-list-max-width:16rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5);--slot-menu-drag-handle-size:var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-close-button-size:var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}", O = class extends x(t(e, { validSizes: Object.values(n) })) {
+	constructor(...e) {
+		super(...e), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.variant = "draggable", this._periodOverPeriodUiType = null, this.measureColumns = [], this.apiUrl = "https://api.luzmo.com", this.authKey = "", this.authToken = "", this._slotContents = [], this._activeIndex = this.slotIndex ?? 0, this._linkedDatasetsIds = [];
+	}
+	static get styles() {
+		return [m(D)];
+	}
+	get _store() {
+		return this._consumedStore ? this._consumedStore : (this._ownStore || (this._ownStore = new T(), new y(this, {
+			context: s,
+			initialValue: this._ownStore
+		})), this._ownStore);
+	}
+	get _currentSlotContent() {
+		return this._slotContents[this.slotIndex ?? this._activeIndex] ?? {};
+	}
+	get _currentLabel() {
+		return a(this._currentSlotContent.label, this.contentLanguage) ?? "Untitled";
+	}
+	connectedCallback() {
+		let e = {};
+		this.apiUrl && (e.apiUrl = this.apiUrl), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), i.configure(e), super.connectedCallback(), this._attachDragHandle();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._cleanupDrag &&= (this._cleanupDrag(), void 0), this._panelResizeObserver?.disconnect(), this._panelResizeObserver = void 0;
+	}
+	_syncListMaxHeight() {
+		let e = this.displaySettingsElement, t = this.slotMenuListElement;
+		if (!e || !t) return;
+		let n = e.offsetHeight;
+		n > 0 && t.style.setProperty("--luzmo-slot-menu-list-max-height", `${n}px`);
+	}
+	_observePanelResize() {
+		let e = this.displaySettingsElement;
+		e && (this._panelResizeObserver ||= new ResizeObserver(() => this._syncListMaxHeight()), this._panelResizeObserver.disconnect(), this._panelResizeObserver.observe(e), this._syncListMaxHeight());
+	}
+	_attachDragHandle() {
+		if (this._cleanupDrag || this.variant !== "draggable" || this.noDrag) return;
+		let e = this.renderRoot.querySelector(".drag-handle");
+		if (!e) return;
+		let t = this.dragBoundary ? document.querySelector(this.dragBoundary) : document.documentElement;
+		this._cleanupDrag = E({
+			element: this,
+			handle: e,
+			boundary: t
+		});
+	}
+	_sendChangeEvent() {
+		let e = this._store.slotContents.get();
+		this.dispatchEvent(new CustomEvent("luzmo-slot-contents-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: {
+				slotContents: structuredClone(e),
+				linkedDatasetsIds: [...this._linkedDatasetsIds]
+			}
+		}));
+	}
+	resetInfoVisibility() {
+		this.displaySettingsElement?.resetInfoVisibility && this.displaySettingsElement.resetInfoVisibility(!1);
+	}
+	_sendCloseEvent() {
+		this.dispatchEvent(new CustomEvent("luzmo-close", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		}));
+	}
+	isArrayColumnType(e) {
+		return e.startsWith("array[");
+	}
+	async willUpdate(e) {
+		let t = this._store, n = t.slotContents.get(), r = e.has("slotContents");
+		Array.isArray(this.slotContents) && (n.length === 0 || r) && t.setContents(structuredClone(this.slotContents), this.slotName);
+		let a = t.slotContents.get();
+		if (a !== this._slotContents) {
+			this._slotContents = a;
+			let { set: e, column: n } = this._currentSlotContent;
+			if (e && c(e) && e !== this._lastFetchedDatasetId) {
+				if (this._lastFetchedDatasetId = e, await i.fetchDatasetsRecursive([e]), !this.isConnected) return;
+				this._linkedDatasetsIds = i.getLinkedDatasetsIds(e);
+			}
+			let r = i.getAvailableDatasets();
+			if (this.measureColumns = r.map((e) => ({
+				datasetId: e.id,
+				datasetName: e.name,
+				columns: e.columns?.filter((e) => e.type === "numeric" && e.id !== n)
+			})), t.activeIndex.get() !== this._activeIndex && t.updateActive(this._activeIndex), this.slotName === "measure") {
+				t.linkedDataset.set(r.filter((t) => t.id === e)), t.setPeriodOverPeriodCondition(this.itemType, this._currentSlotContent);
+				let n = this._currentSlotContent.subtype === "duration" && this.isArrayColumnType(this._currentSlotContent.type);
+				this._periodOverPeriodUiType = n ? null : t.periodOverPeriodUiType.get();
+			}
+		}
+	}
+	updated() {
+		this.displaySettingsElement && (this.displaySettingsElement.periodOverPeriodUiType = this._periodOverPeriodUiType, this.displaySettingsElement.measureColumns = this.measureColumns, this.displaySettingsElement.showRemoveButton = this.variant === "popup" && (typeof this.slotIndex == "number" || this._slotContents?.length === 1)), this._observePanelResize();
+	}
+	_handleSlotListChange(e) {
+		let t = this._store, n = structuredClone(e.detail.slotContents), r = e.detail.activeIndex;
+		r !== this._activeIndex && (this._activeIndex = r, t.updateActive(r)), t.setContents(n, this.slotName), this._slotContents = t.slotContents.get();
+		let i = this._slotContents[this._activeIndex], a = i?.column ?? i?.columnId, o = i?.set ?? i?.datasetId, s = i?.formula;
+		(a || s) && o && (this.dispatchEvent(new CustomEvent("luzmo-slot-menu-active", {
+			bubbles: !0,
+			composed: !0,
+			detail: { datasetId: o }
+		})), setTimeout(() => {
+			this.dispatchEvent(new CustomEvent("luzmo-slot-menu-highlight", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					datasetId: o,
+					level: i?.level ?? 0,
+					...a && { columnId: a },
+					...s && { formulaId: s }
+				}
+			}));
+		})), this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
+	}
+	_handleSlotContentChange(e) {
+		let t = this._store, n = this.slotIndex ?? this._activeIndex;
+		t.updateContent(structuredClone(e.detail.slotContent), n), this._slotContents = t.slotContents.get(), this.slotMenuListElement && (this.slotMenuListElement.slotContents = this._slotContents), this._sendChangeEvent();
+	}
+	removeSlotContent(e) {
+		let t = this._store;
+		t.removeContent(e), this._slotContents = t.slotContents.get(), this._slotContents.length === 0 && this.dispatchEvent(new CustomEvent("luzmo-slot-menu-inactive", {
+			bubbles: !0,
+			composed: !0
+		})), this._sendChangeEvent(), this.close(), this.requestUpdate();
+	}
+	close() {
+		this._sendCloseEvent(), this.resetInfoVisibility();
+	}
+	_removeActiveSlotContent() {
+		this.removeSlotContent(this.slotIndex ?? this._activeIndex);
+	}
+	_handleInfoVisibilityChanged(e) {
+		this.dispatchEvent(new CustomEvent("luzmo-info-visibility-changed", { detail: e.detail }));
+	}
+	render() {
+		let e = `${this.slotType}-${this._currentSlotContent?.type ?? ""}`;
+		return p`<div class="slot-menu-top-menu" role="region" aria-label=${v("Slot menu", { desc: "Accessible label for slot menu region" })}>
+        ${this.variant === "draggable" ? p`<div class="drag-handle">${d(l)}</div>` : ""}
+        ${this._slotContents && this._slotContents.length === 1 && this.variant !== "popup" ? p` <div class="slot-content-action">
+              <div class="slot-content-label">${this._currentLabel}</div>
+              <button
+                class="slot-content-remove"
+                aria-label=${v("Remove", { desc: "Remove button label" })}
+                @click=${this.removeSlotContent.bind(this, 0)}
+              >
+                ${d(f)}
+              </button>
+            </div>` : ""}
+      </div>
+      <div
+        class="slot-contents-container ${this._slotContents?.length > 1 ? "multiple" : ""}"
+      >
+        ${this.variant === "popup" ? "" : p`<button class="close" aria-label=${v("Close", {
+			id: "close-action",
+			desc: "Close button label"
+		})} @click=${this.close}>
+              ${d(u)}
+            </button>`}
+        <div class="inner-container">
+          ${this._slotContents?.length > 1 && typeof this.slotIndex != "number" ? p`<luzmo-slot-menu-list
+                .slotContents=${this._slotContents}
+                .contentLanguage=${this.contentLanguage}
+                .activeIndex=${this.slotIndex ?? this._activeIndex}
+                @luzmo-slot-list-changed=${this._handleSlotListChange}
+              ></luzmo-slot-menu-list>` : ""}
+          ${w([
+			this.variant,
+			this.language,
+			this.contentLanguage,
+			this._periodOverPeriodUiType,
+			this._activeIndex,
+			this.size,
+			e
+		], () => p`<luzmo-display-settings
+                .size=${this.size}
+                .language=${this.language}
+                .contentLanguage=${this.contentLanguage}
+                .slotType=${this.slotType}
+                .measureColumns=${this.measureColumns}
+                .showRemoveButton=${this.variant === "popup" && (typeof this.slotIndex == "number" || this._slotContents?.length === 1)}
+                .slotContent=${this._currentSlotContent}
+                .areGrandTotalsEnabled=${this.areGrandTotalsEnabled}
+                .areDatetimeOptionsEnabled=${this.areDatetimeOptionsEnabled}
+                .isBinningDisabled=${this.isBinningDisabled}
+                .isAggregationDisabled=${this.isAggregationDisabled}
+                .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+                @luzmo-slot-content-changed=${this._handleSlotContentChange}
+                @luzmo-remove-slot-content=${this._removeActiveSlotContent}
+                @luzmo-info-visibility-changed=${this._handleInfoVisibilityChanged}
+              ></luzmo-display-settings>`)}
+        </div>
+      </div>`;
+	}
+	firstUpdated() {
+		this._attachDragHandle(), this._observePanelResize();
+	}
+	resetPosition() {
+		this.style.transform = "";
+	}
+};
+//#endregion
+//#region src/components/slot-menu/index.ts
+r([h({
+	type: String,
+	reflect: !0
+})], O.prototype, "language", void 0), r([h({
+	type: String,
+	attribute: "content-language",
+	reflect: !0
+})], O.prototype, "contentLanguage", void 0), r([h({
+	type: String,
+	attribute: "slot-type",
+	reflect: !0
+})], O.prototype, "slotType", void 0), r([h({
+	type: String,
+	attribute: "slot-name",
+	reflect: !0
+})], O.prototype, "slotName", void 0), r([h({
+	type: String,
+	attribute: "item-type",
+	reflect: !0
+})], O.prototype, "itemType", void 0), r([h({
+	type: Boolean,
+	attribute: "no-drag",
+	reflect: !0
+})], O.prototype, "noDrag", void 0), r([h({
+	type: Boolean,
+	attribute: "no-close",
+	reflect: !0
+})], O.prototype, "noClose", void 0), r([h({
+	type: String,
+	reflect: !0
+})], O.prototype, "variant", void 0), r([h({
+	type: Boolean,
+	attribute: "no-top-menu-label",
+	reflect: !0
+})], O.prototype, "noTopMenuLabel", void 0), r([b({
+	context: s,
+	subscribe: !0
+})], O.prototype, "_consumedStore", void 0), r([h({
+	type: String,
+	attribute: "drag-boundary",
+	reflect: !1
+})], O.prototype, "dragBoundary", void 0), r([h({ type: Boolean })], O.prototype, "areGrandTotalsEnabled", void 0), r([h({ type: Boolean })], O.prototype, "areDatetimeOptionsEnabled", void 0), r([h({ type: Boolean })], O.prototype, "isBinningDisabled", void 0), r([h({ type: Boolean })], O.prototype, "isAggregationDisabled", void 0), r([h({ type: Boolean })], O.prototype, "isCumulativeSumEnabled", void 0), r([h({
+	type: Array,
+	reflect: !1,
+	attribute: "slot-contents"
+})], O.prototype, "slotContents", void 0), r([_()], O.prototype, "_periodOverPeriodUiType", void 0), r([_()], O.prototype, "measureColumns", void 0), r([h({
+	type: Number,
+	reflect: !1,
+	attribute: "slot-index"
+})], O.prototype, "slotIndex", void 0), r([g("luzmo-display-settings")], O.prototype, "displaySettingsElement", void 0), r([g("luzmo-slot-menu-list")], O.prototype, "slotMenuListElement", void 0), r([h({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], O.prototype, "apiUrl", void 0), r([h({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], O.prototype, "authKey", void 0), r([h({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], O.prototype, "authToken", void 0), r([_()], O.prototype, "_slotContents", void 0), customElements.get("luzmo-slot-menu") || customElements.define("luzmo-slot-menu", O);
+//#endregion
+export { T as n, O as t };

package/components/slots-config-DIBoffEb.js

@@ -0,0 +1,77 @@
+/*! * 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/src/lib/shared/utils/slots-registry.generated.js
+var e = {
+	"area-chart": () => import("./area-chart-slots.config-BpvvqFy_.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-slots.config-CfIirCOX.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-slots.config-DclNulnH.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-slots.config-D7vQta7G.js").then((e) => e.t),
+	"bullet-chart": () => import("./bullet-chart-slots.config-IX7zJWc7.js").then((e) => e.t),
+	"choropleth-map": () => import("./choropleth-map-slots.config-y0y9rf6i.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-slots.config-X9WVAykN.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-slots.config-NIEmIAIG.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-slots.config-CoFarLvo.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-slots.config-BGRHSwfr.js").then((e) => e.t),
+	"conditional-number": () => import("./conditional-number-slots.config-r_C8T2HH.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-slots.config-DQBKeCRX.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-slots.config-DREsncpE.js").then((e) => e.t),
+	"donut-chart": () => import("./donut-chart-slots.config-DEQ3Cw6c.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-slots.config-DcStZGjV.js").then((e) => e.t),
+	"dynamic-imageobject": () => import("./dynamic-imageobject-slots.config-C9pnHqO_.js"),
+	"evolution-number": () => import("./evolution-number-slots.config-Bq_JlxgK.js").then((e) => e.n),
+	"funnel-chart": () => import("./funnel-chart-slots.config-DKhaZf_r.js").then((e) => e.n),
+	"heat-map": () => import("./heat-map-slots.config-BDfEGgq5.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-slots.config-CVh1TEJJ.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-slots.config-rxPZ4kwL.js").then((e) => e.n),
+	image: () => import("./image-slots.config-bDNDmiWy.js").then((e) => e.t),
+	"line-chart": () => import("./line-chart-slots.config-DKy4D4Yt.js").then((e) => e.n),
+	"marker-map": () => import("./marker-map-slots.config-BKRRAGwB.js").then((e) => e.n),
+	"ohlc-chart": () => import("./ohlc-chart-slots.config-DC8NCD0o.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-slots.config-Dy-9mztD.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-slots.config-OQe8tS40.js").then((e) => e.n),
+	"pyramid-chart": () => import("./pyramid-chart-slots.config-DwlZaBAF.js").then((e) => e.n),
+	"radar-chart": () => import("./radar-chart-slots.config-BuHg4Zeg.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-slots.config--SVEN5Cu.js").then((e) => e.n),
+	"route-map": () => import("./route-map-slots.config-CmVIxDkx.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-slots.config-lbkF8DWJ.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-slots.config-DEFWWj0_.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-slots.config-vyPYIXE7.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-slots.config-BZWCSkX4.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-slots.config-BY9X2rlz.js").then((e) => e.n),
+	"speedometer-chart": () => import("./speedometer-chart-slots.config-0Tv8EtKT.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-slots.config-C6e0NXiD.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-slots.config-BjwAuVoh.js").then((e) => e.n),
+	"sunburst-chart": () => import("./sunburst-chart-slots.config-h114Cuzh.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-slots.config-BmvI5_VE.js").then((e) => e.n),
+	text: () => import("./text-slots.config-18Chz73A.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-slots.config-e7ORieH-.js").then((e) => e.n),
+	"venn-diagram": () => import("./venn-diagram-slots.config-Dm-IC6JS.js").then((e) => e.n),
+	video: () => import("./video-slots.config-D2MtpAGI.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-slots.config-CsFBBXDz.js").then((e) => e.n)
+}, t = (e) => `${e.replaceAll(/-([a-z])/g, (e, t) => t.toUpperCase())}SlotsConfig`, n = async (n) => {
+	try {
+		let r = e[n];
+		return r ? (await r())[t(n)] ?? null : null;
+	} catch {
+		return null;
+	}
+}, r = (e) => e ? n(e) : Promise.resolve(null);
+//#endregion
+export { r as t };

package/components/slots-config-YdyClHLc.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.
+ * */
+var e={"area-chart":()=>Promise.resolve().then(()=>require("./area-chart-slots.config-B56LJaky.cjs")).then(e=>e.t),"bar-chart":()=>Promise.resolve().then(()=>require("./bar-chart-slots.config-CkOVmYcA.cjs")).then(e=>e.t),"box-plot":()=>Promise.resolve().then(()=>require("./box-plot-slots.config-DL-tTTn9.cjs")).then(e=>e.t),"bubble-chart":()=>Promise.resolve().then(()=>require("./bubble-chart-slots.config-smlOOwcK.cjs")).then(e=>e.t),"bullet-chart":()=>Promise.resolve().then(()=>require("./bullet-chart-slots.config-BaTbWYvU.cjs")).then(e=>e.t),"choropleth-map":()=>Promise.resolve().then(()=>require("./choropleth-map-slots.config-ClMcW8wV.cjs")).then(e=>e.t),"circle-pack-chart":()=>Promise.resolve().then(()=>require("./circle-pack-chart-slots.config-IH2KV7z1.cjs")).then(e=>e.t),"circular-gauge":()=>Promise.resolve().then(()=>require("./circular-gauge-slots.config-B6ajddW-.cjs")).then(e=>e.t),"column-chart":()=>Promise.resolve().then(()=>require("./column-chart-slots.config-BY6y_rvE.cjs")).then(e=>e.t),"combination-chart":()=>Promise.resolve().then(()=>require("./combination-chart-slots.config-Ciza_y3a.cjs")).then(e=>e.t),"conditional-number":()=>Promise.resolve().then(()=>require("./conditional-number-slots.config-CWX6OuUa.cjs")).then(e=>e.t),"date-comparison-filter":()=>Promise.resolve().then(()=>require("./date-comparison-filter-slots.config-KO9B0lfS.cjs")).then(e=>e.t),"date-filter":()=>Promise.resolve().then(()=>require("./date-filter-slots.config-BrQoD-EF.cjs")).then(e=>e.t),"donut-chart":()=>Promise.resolve().then(()=>require("./donut-chart-slots.config-RxPnpO6M.cjs")).then(e=>e.t),"dropdown-filter":()=>Promise.resolve().then(()=>require("./dropdown-filter-slots.config-BBZChIHC.cjs")).then(e=>e.t),"dynamic-imageobject":()=>Promise.resolve().then(()=>require("./dynamic-imageobject-slots.config-BaAk9eHz.cjs")),"evolution-number":()=>Promise.resolve().then(()=>require("./evolution-number-slots.config-CYxdcD-x.cjs")).then(e=>e.n),"funnel-chart":()=>Promise.resolve().then(()=>require("./funnel-chart-slots.config-CSI5mdma.cjs")).then(e=>e.n),"heat-map":()=>Promise.resolve().then(()=>require("./heat-map-slots.config-D0mwjImu.cjs")).then(e=>e.n),"heat-table":()=>Promise.resolve().then(()=>require("./heat-table-slots.config-CH6Q9203.cjs")).then(e=>e.n),"hexbin-map":()=>Promise.resolve().then(()=>require("./hexbin-map-slots.config-BdkQVzI7.cjs")).then(e=>e.n),image:()=>Promise.resolve().then(()=>require("./image-slots.config-DprzKxj3.cjs")).then(e=>e.t),"line-chart":()=>Promise.resolve().then(()=>require("./line-chart-slots.config-Cjp4btvG.cjs")).then(e=>e.n),"marker-map":()=>Promise.resolve().then(()=>require("./marker-map-slots.config-BOQ8AwRv.cjs")).then(e=>e.n),"ohlc-chart":()=>Promise.resolve().then(()=>require("./ohlc-chart-slots.config-CUBUexI-.cjs")).then(e=>e.n),"parallel-coordinates-plot":()=>Promise.resolve().then(()=>require("./parallel-coordinates-plot-slots.config-BXZ-NmbH.cjs")).then(e=>e.n),"pivot-table":()=>Promise.resolve().then(()=>require("./pivot-table-slots.config-VxbOGtmB.cjs")).then(e=>e.n),"pyramid-chart":()=>Promise.resolve().then(()=>require("./pyramid-chart-slots.config-CN_Q2YsP.cjs")).then(e=>e.n),"radar-chart":()=>Promise.resolve().then(()=>require("./radar-chart-slots.config-BISYnTom.cjs")).then(e=>e.n),"regular-table":()=>Promise.resolve().then(()=>require("./regular-table-slots.config-BU6Ff96U.cjs")).then(e=>e.n),"route-map":()=>Promise.resolve().then(()=>require("./route-map-slots.config-Dznp0DT3.cjs")).then(e=>e.n),"sankey-diagram":()=>Promise.resolve().then(()=>require("./sankey-diagram-slots.config-TKCUvHOD.cjs")).then(e=>e.n),"scatter-plot":()=>Promise.resolve().then(()=>require("./scatter-plot-slots.config-CPsk9FUg.cjs")).then(e=>e.n),"search-filter":()=>Promise.resolve().then(()=>require("./search-filter-slots.config-AhwsTdYC.cjs")).then(e=>e.n),"slicer-filter":()=>Promise.resolve().then(()=>require("./slicer-filter-slots.config-zV15NWWS.cjs")).then(e=>e.n),"slider-filter":()=>Promise.resolve().then(()=>require("./slider-filter-slots.config-D9Hra0zE.cjs")).then(e=>e.n),"speedometer-chart":()=>Promise.resolve().then(()=>require("./speedometer-chart-slots.config-1BqQZ2vP.cjs")).then(e=>e.n),"spike-map":()=>Promise.resolve().then(()=>require("./spike-map-slots.config-B7OehIoc.cjs")).then(e=>e.n),"strip-plot":()=>Promise.resolve().then(()=>require("./strip-plot-slots.config-CAU0z3q4.cjs")).then(e=>e.n),"sunburst-chart":()=>Promise.resolve().then(()=>require("./sunburst-chart-slots.config-BCNUNkd9.cjs")).then(e=>e.n),"symbol-map":()=>Promise.resolve().then(()=>require("./symbol-map-slots.config-Dz_tor5P.cjs")).then(e=>e.n),text:()=>Promise.resolve().then(()=>require("./text-slots.config-0A6csMfd.cjs")).then(e=>e.n),"treemap-chart":()=>Promise.resolve().then(()=>require("./treemap-chart-slots.config-BJqqnUEF.cjs")).then(e=>e.n),"venn-diagram":()=>Promise.resolve().then(()=>require("./venn-diagram-slots.config-MpkJTf5q.cjs")).then(e=>e.n),video:()=>Promise.resolve().then(()=>require("./video-slots.config-Bmh6mcUv.cjs")).then(e=>e.n),"wordcloud-chart":()=>Promise.resolve().then(()=>require("./wordcloud-chart-slots.config-C303nwAz.cjs")).then(e=>e.n)},t=e=>`${e.replaceAll(/-([a-z])/g,(e,t)=>t.toUpperCase())}SlotsConfig`,n=async n=>{try{let r=e[n];return r?(await r())[t(n)]??null:null}catch{return null}},r=e=>e?n(e):Promise.resolve(null);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/components/speedometer-chart-options.config-DEW_D9w1.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("./chunk-mLOUI7ql.cjs"),t=require("./helpers-ByM0mGw3.cjs");var n=e.n({default:()=>a}),r=e=>e?.find(e=>e?.name===`target`)?.content?.length===0&&(e?.find(e=>e?.name===`measure`)?.content?.length??0)>0,i=[{color:`#ff0000`,value:0},{color:`#ffa500`,value:25},{color:`#ffff00`,value:50},{color:`#008000`,value:75},{color:`#006400`,value:100}],a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!1}},{key:`display.meterValue`,control:{type:`switch`,label:`Value`,default:!0}},{key:`display.meterLabel`,control:{type:`switch`,label:`Label`,default:!0}},{key:`display.ticks`,control:{type:`switch`,label:`Ticks`,default:!0}},{key:`degrees`,control:{type:`slider`,label:`Arc size`,default:230,min:180,max:360,step:1}},{key:`arcWidth`,control:{type:`slider`,label:`Gauge width`,default:.08,min:.02,max:.7,step:.01}},{type:`divider`},{key:`manualValues.display`,control:{type:`picker`,label:`Ticks display`,default:`absolute`,enum:[`absolute`,`percentage`]}},{key:`manualValues.mode`,control:{type:`picker`,label:`Range type`,default:`relative`,enum:[`relative`,`absolute`],toOptions:({options:e,value:t})=>{let n=e?.manualValues?.mode??`relative`,r={...e,manualValues:{...e.manualValues,mode:t}};if(t===`absolute`&&n===`relative`&&r.manualValues?.ranges&&r.manualValues?.target){let e=r.manualValues.target;r.manualValues.ranges=r.manualValues.ranges.map(t=>({...t,val:typeof t.val==`number`?t.val*e/100:t.val}))}else t===`relative`&&n===`absolute`&&r.manualValues?.ranges?.length&&(r.manualValues.target=r.manualValues.ranges.at(-1)?.val,r.manualValues.ranges=r.manualValues.ranges.map(e=>({...e,value:typeof e.val==`number`&&r.manualValues?.target?e.val*100/r.manualValues.target:e.val})));return r}}},{key:`manualValues.target`,control:{type:`number-field`,label:`Manual target`,placeholder:`Target value`,minWidthInputField:`150px`},visibleIf:({options:e,slots:t})=>e?.manualValues?.mode!==`absolute`&&r(t)},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!0,minimumRangeSize:2,percentage:({options:e})=>e?.manualValues?.mode!==`absolute`,noAlphaChannel:!0,hideLabel:!0,label:`Color ranges`,default:()=>structuredClone(i),parseValue:e=>e?.map(e=>({color:e?.color,value:e?.value??e?.val})),toValue:e=>e?.map(e=>({color:e?.color,val:e?.value}))}}]},{key:`marker`,type:`group`,open:!1,children:[{key:`marker.type`,control:{type:`picker`,label:`Marker type`,default:`innerBand`,enum:[`needle`,`line`,`inside`,`outside`,`centerBand`,`innerBand`]}},{key:`marker.color`,control:{type:`color-picker`,label:`Marker color`,default:({theme:e})=>t.s(e),extraLabel:({options:e,theme:n})=>t.f(e,n,`marker.color`),extraLabelHasClickAction:({options:e,theme:n})=>t.i(e,n,`marker.color`),extraLabelClickAction:({options:e,theme:n})=>t.r(e,n,`marker.color`)},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type!==`innerBand`},{key:`marker.centerBandWidth`,control:{type:`slider`,label:`Marker width`,default:.34,min:.1,max:1,step:.01},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`centerBand`},{key:`marker.lineWidth`,control:{type:`slider`,label:`Line width`,default:2,min:1,max:10,step:1},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`line`},{key:`marker.arrowSize`,control:{type:`slider`,label:`Arrow size`,default:.05,min:.05,max:.2,step:.01},visibleIf:({options:e})=>e?.marker?.type&&[`inside`,`outside`].includes(e?.marker?.type)}]}];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});