npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-beta.3 → 1.0.2-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1936) hide show

package/components/slot-menu-DgqxCJAt.js DELETED Viewed

@@ -1,377 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- *
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
-import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as localize } from "./localize-Dlt3EN5i.js";
-import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
-import { n as slotContext } from "./display-settings-BqurBWgg.js";
-import { t as PeriodOverPeriodCondition } from "./period-over-period-condition.const-DasWQHju.js";
-import { t as validate_default } from "./validate-mtIcbiOa.js";
-import { luzmoArrows, luzmoClose12, luzmoIcon, luzmoTrashOutline } from "@luzmo/icons";
-import { html, unsafeCSS } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-import { SignalWatcher, computed, signal } from "@lit-labs/signals";
-import { ContextProvider, consume } from "@lit/context";
-import "@luzmo/lucero/divider";
-import { guard } from "lit/directives/guard.js";
-var SlotStore = class {
-	constructor() {
-		this.slotContents = signal([]), this.slotsContents = signal([]), this.periodOverPeriodUiType = signal(null), this.linkedDataset = signal([]), this._popEnabledChartTypes = [
-			"area-chart",
-			"bar-chart",
-			"combination-chart",
-			"column-chart",
-			"line-chart"
-		], this.activeSlotContents = computed(() => this.slotContents.get()[this.activeIndex.get()]), this.activeIndex = signal(0);
-	}
-	isArrayColumnType(e) {
-		return e.startsWith("array[");
-	}
-	setPeriodOverPeriodCondition(e, l) {
-		if (!l?.periodOverPeriod?.newUi) {
-			this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));
-			return;
-		}
-		this.periodOverPeriodUiType.set(this.getUiConditionToApply(l));
-	}
-	getUiConditionToApply(e) {
-		let l = this.hasDatetimeColumnOnCategoryOrXAxis(), u = e?.periodOverPeriod?.hasConnectedComparisonFilter, d = this.linkedDataset.get().some(({ columns: e }) => e?.some((e) => e.type === "datetime"));
-		return !l && !u && !d ? null : l && u ? PeriodOverPeriodCondition.HasDatetimeColumnAndComparisonFilters : l && !u ? PeriodOverPeriodCondition.HasDatetimeColumnAndNoComparisonFilters : !l && u ? PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters : PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters;
-	}
-	oldConditionalLogic(e) {
-		let l = this.slotsContents.get() ?? [], u = (l.find((e) => [
-			"y-axis",
-			"x-axis",
-			"row"
-		].includes(e.name))?.content ?? [])?.[0] ?? null, d = l.find((e) => e.name === "measure")?.content ?? [];
-		return u && this._popEnabledChartTypes.includes(e) && u.type === "datetime" && !this.isArrayColumnType(u.type) && !u.datetimeDisplayMode && u.level !== 4 && d.length > 0 ? PeriodOverPeriodCondition.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, l) {
-		if (this.slotContents.set(e), this.activeIndex.get() >= e.length && this.activeIndex.set(e.length > 0 ? e.length - 1 : 0), l) {
-			let u = structuredClone(this.slotsContents.get()) ?? [], d = u.find((e) => e.name === l);
-			d && (d.content = e), this.setFullContents(u);
-		}
-	}
-	setFullContents(e) {
-		this.slotsContents.set(e);
-	}
-	updateActive(e) {
-		e >= 0 && e < this.slotContents.get().length && this.activeIndex.set(e);
-	}
-	updateContent(e, l = this.activeIndex.get()) {
-		if (l < 0 || l >= this.slotContents.get().length) return;
-		let u = [...this.slotContents.get()];
-		u[l] = structuredClone(e), this.slotContents.set(u);
-	}
-	removeContent(e) {
-		if (e < 0 || e >= this.slotContents.get().length) return;
-		let l = this.slotContents.get().filter((l, u) => u !== e);
-		this.slotContents.set(l), this.activeIndex.get() >= l.length && this.activeIndex.set(l.length > 0 ? l.length - 1 : 0);
-	}
-};
-function makeDraggable({ element: e, handle: l, boundary: u = document.documentElement, onDragStart: d, onDragEnd: f }) {
-	if (!e || !l) throw Error("makeDraggable: element and handle are required");
-	let p = e.ownerDocument ?? document, m = -1, h = 0, g = 0, _ = 0, v = 0, y = 0, b = 0, x = 0, S = 0, C = (l) => {
-		if (l.pointerId !== m) return;
-		let d = l.clientX - h, f = l.clientY - g, p = (u ?? document.documentElement).getBoundingClientRect(), C = _ + d, w = v + f;
-		C = Math.min(Math.max(C, p.left), p.right - y), w = Math.min(Math.max(w, p.top), p.bottom - b);
-		let T = C - _, E = w - v, D = x + T, O = S + E;
-		e.style.transform = `translate3d(${D}px, ${O}px, 0)`;
-	}, w = (e) => {
-		e.pointerId === m && (p.removeEventListener("pointermove", C), p.removeEventListener("pointerup", w), m = -1, f?.());
-	}, T = (u) => {
-		if (u.button !== 0) return;
-		m = u.pointerId;
-		let f = e.getBoundingClientRect();
-		_ = f.left, v = f.top, y = f.width, b = f.height, h = u.clientX, g = u.clientY;
-		try {
-			let l = p.defaultView?.getComputedStyle(e);
-			if (l) {
-				let e = new DOMMatrixReadOnly(l.transform);
-				x = e.m41, S = e.m42;
-			}
-		} catch {
-			x = 0, S = 0;
-		}
-		l.setPointerCapture(m), p.addEventListener("pointermove", C), p.addEventListener("pointerup", w), d?.();
-	};
-	return l.addEventListener("pointerdown", T), () => {
-		l.removeEventListener("pointerdown", T), p.removeEventListener("pointermove", C), p.removeEventListener("pointerup", w);
-	};
-}
-var slot_menu_module_default = ":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{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)}", LuzmoSlotMenu = class extends SignalWatcher(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
-	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 [unsafeCSS(slot_menu_module_default)];
-	}
-	get _store() {
-		return this._consumedStore ? this._consumedStore : (this._ownStore || (this._ownStore = new SlotStore(), new ContextProvider(this, {
-			context: slotContext,
-			initialValue: this._ownStore
-		})), this._ownStore);
-	}
-	get _currentSlotContent() {
-		return this._slotContents[this.slotIndex ?? this._activeIndex] ?? {};
-	}
-	get _currentLabel() {
-		return localize(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), dataBroker.configure(e), super.connectedCallback(), this._attachDragHandle();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._cleanupDrag &&= (this._cleanupDrag(), void 0);
-	}
-	_attachDragHandle() {
-		if (this._cleanupDrag || this.variant !== "draggable" || this.noDrag) return;
-		let e = this.renderRoot.querySelector(".drag-handle");
-		if (!e) return;
-		let l = this.dragBoundary ? document.querySelector(this.dragBoundary) : document.documentElement;
-		this._cleanupDrag = makeDraggable({
-			element: this,
-			handle: e,
-			boundary: l
-		});
-	}
-	_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 l = this._store, u = l.slotContents.get(), d = e.has("slotContents");
-		Array.isArray(this.slotContents) && (u.length === 0 || d) && l.setContents(structuredClone(this.slotContents), this.slotName);
-		let f = l.slotContents.get();
-		if (f !== this._slotContents) {
-			this._slotContents = f;
-			let { set: e, column: u } = this._currentSlotContent;
-			if (e && validate_default(e) && e !== this._lastFetchedDatasetId) {
-				if (this._lastFetchedDatasetId = e, await dataBroker.fetchDatasetsRecursive([e]), !this.isConnected) return;
-				this._linkedDatasetsIds = dataBroker.getLinkedDatasetsIds(e);
-			}
-			let d = dataBroker.getAvailableDatasets();
-			this.measureColumns = d.map((e) => ({
-				datasetId: e.id,
-				datasetName: e.name,
-				columns: e.columns?.filter((e) => e.type === "numeric" && e.id !== u)
-			})), l.activeIndex.get() !== this._activeIndex && l.updateActive(this._activeIndex), this.slotName === "measure" && (l.linkedDataset.set(d.filter((l) => l.id === e)), l.setPeriodOverPeriodCondition(this.itemType, this._currentSlotContent), this._periodOverPeriodUiType = this._currentSlotContent.subtype === "duration" && this.isArrayColumnType(this._currentSlotContent.type) ? null : l.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));
-	}
-	_handleSlotListChange(e) {
-		let l = this._store, u = structuredClone(e.detail.slotContents), d = e.detail.activeIndex;
-		d !== this._activeIndex && (this._activeIndex = d, l.updateActive(d)), l.setContents(u, this.slotName), this._slotContents = l.slotContents.get();
-		let f = this._slotContents[this._activeIndex], p = f?.column ?? f?.columnId, m = f?.set ?? f?.datasetId, h = f?.formula;
-		(p || h) && m && (this.dispatchEvent(new CustomEvent("luzmo-slot-menu-active", {
-			bubbles: !0,
-			composed: !0,
-			detail: { datasetId: m }
-		})), setTimeout(() => {
-			this.dispatchEvent(new CustomEvent("luzmo-slot-menu-highlight", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
-					datasetId: m,
-					level: f?.level ?? 0,
-					...p && { columnId: p },
-					...h && { formulaId: h }
-				}
-			}));
-		})), this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
-	}
-	_handleSlotContentChange(e) {
-		let l = this._store, u = this.slotIndex ?? this._activeIndex;
-		l.updateContent(structuredClone(e.detail.slotContent), u), this._slotContents = l.slotContents.get(), this.slotMenuListElement && (this.slotMenuListElement.slotContents = this._slotContents), this._sendChangeEvent();
-	}
-	removeSlotContent(e) {
-		let l = this._store;
-		l.removeContent(e), this._slotContents = l.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 html`<div class="slot-menu-top-menu" role="region" aria-label=${msg("Slot menu", { desc: "Accessible label for slot menu region" })}>
-        ${this.variant === "draggable" ? html`<div class="drag-handle">${luzmoIcon(luzmoArrows)}</div>` : ""}
-        ${this._slotContents && this._slotContents.length === 1 && this.variant !== "popup" ? html` <div class="slot-content-action">
-              <div class="slot-content-label">${this._currentLabel}</div>
-              <button
-                class="slot-content-remove"
-                aria-label=${msg("Remove", { desc: "Remove button label" })}
-                @click=${this.removeSlotContent.bind(this, 0)}
-              >
-                ${luzmoIcon(luzmoTrashOutline)}
-              </button>
-            </div>` : ""}
-      </div>
-      <div
-        class="slot-contents-container ${this._slotContents?.length > 1 ? "multiple" : ""}"
-      >
-        ${this.variant === "popup" ? "" : html`<button class="close" aria-label=${msg("Close", {
-			id: "close-action",
-			desc: "Close button label"
-		})} @click=${this.close}>
-              ${luzmoIcon(luzmoClose12)}
-            </button>`}
-        <div class="inner-container">
-          ${this._slotContents?.length > 1 && typeof this.slotIndex != "number" ? html`<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>` : ""}
-          ${guard([
-			this.variant,
-			this.language,
-			this.contentLanguage,
-			this._periodOverPeriodUiType,
-			this._activeIndex,
-			this.size,
-			e
-		], () => html`<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();
-	}
-	resetPosition() {
-		this.style.transform = "";
-	}
-};
-__decorate([property({
-	type: String,
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "language", void 0), __decorate([property({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "contentLanguage", void 0), __decorate([property({
-	type: String,
-	attribute: "slot-type",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "slotType", void 0), __decorate([property({
-	type: String,
-	attribute: "slot-name",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "slotName", void 0), __decorate([property({
-	type: String,
-	attribute: "item-type",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "itemType", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "no-drag",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "noDrag", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "no-close",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "noClose", void 0), __decorate([property({
-	type: String,
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "variant", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "no-top-menu-label",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "noTopMenuLabel", void 0), __decorate([consume({
-	context: slotContext,
-	subscribe: !0
-})], LuzmoSlotMenu.prototype, "_consumedStore", void 0), __decorate([property({
-	type: String,
-	attribute: "drag-boundary",
-	reflect: !1
-})], LuzmoSlotMenu.prototype, "dragBoundary", void 0), __decorate([property({ type: Boolean })], LuzmoSlotMenu.prototype, "areGrandTotalsEnabled", void 0), __decorate([property({ type: Boolean })], LuzmoSlotMenu.prototype, "areDatetimeOptionsEnabled", void 0), __decorate([property({ type: Boolean })], LuzmoSlotMenu.prototype, "isBinningDisabled", void 0), __decorate([property({ type: Boolean })], LuzmoSlotMenu.prototype, "isAggregationDisabled", void 0), __decorate([property({ type: Boolean })], LuzmoSlotMenu.prototype, "isCumulativeSumEnabled", void 0), __decorate([property({
-	type: Array,
-	reflect: !1,
-	attribute: "slot-contents"
-})], LuzmoSlotMenu.prototype, "slotContents", void 0), __decorate([state()], LuzmoSlotMenu.prototype, "_periodOverPeriodUiType", void 0), __decorate([state()], LuzmoSlotMenu.prototype, "measureColumns", void 0), __decorate([property({
-	type: Number,
-	reflect: !1,
-	attribute: "slot-index"
-})], LuzmoSlotMenu.prototype, "slotIndex", void 0), __decorate([query("luzmo-display-settings")], LuzmoSlotMenu.prototype, "displaySettingsElement", void 0), __decorate([query("luzmo-slot-menu-list")], LuzmoSlotMenu.prototype, "slotMenuListElement", void 0), __decorate([property({
-	type: String,
-	attribute: "api-url",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "apiUrl", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "authKey", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], LuzmoSlotMenu.prototype, "authToken", void 0), __decorate([state()], LuzmoSlotMenu.prototype, "_slotContents", void 0), customElements.get("luzmo-slot-menu") || customElements.define("luzmo-slot-menu", LuzmoSlotMenu);
-export { SlotStore as n, LuzmoSlotMenu as t };