@luzmo/analytics-components-kit 1.0.1-alpha.150 → 1.0.1-alpha.151

package/components/slider-filter-options.config-sqkI2jcV.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(`./slider-filter-options.config-mZ_gA62o.cjs`);exports.default=e.t;

package/components/slider-filter-slots.config-DRmfv9lL.js

@@ -0,0 +1,21 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { t as e } from "./slider-filter-slots.config-zDcjTLwv.js";
+export { e as sliderFilterSlotsConfig };

package/components/slider-filter-slots.config-NGFFNUY0.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(`./slider-filter-slots.config-D41CdPY4.cjs`);exports.sliderFilterSlotsConfig=e.t;

package/components/slot-menu/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-xKZk3Bn-.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-BOKxYlGj.cjs`);require(`../slot-menu-list-CFCvrPVt.cjs`),exports.LuzmoSlotMenu=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CN_4EtlW.cjs`),require(`../localized-mixin-DiD8Bmip.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-xKZk3Bn-.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-BOKxYlGj.cjs`);require(`../slot-menu-list-CFCvrPVt.cjs`),exports.LuzmoSlotMenu=e.t;

package/components/slot-menu/index.js

@@ -23,14 +23,14 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import "../get-css-variable-DpEed5QG.js";
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-CgsoV0B9.js";
-import "../localized-mixin-rjHF23Hg.js";
+import "../set-locale-DVGy0VKD.js";
+import "../localized-mixin-12rLbXJL.js";
 import "../data-broker-cLR-t5LM.js";
 import "../formatter-B21Tb3sf.js";
 import "../display-settings-h0061wKi.js";
-import { t as LuzmoSlotMenu } from "../slot-menu-o7-dulNZ.js";
-import "../slot-menu-list-BLJxoLeI.js";
+import "../get-css-variable-CVIM_YN8.js";
+import { t as LuzmoSlotMenu } from "../slot-menu-CFT8JQv4.js";
+import "../slot-menu-list-DvMQvfBl.js";
 export { LuzmoSlotMenu };

package/components/slot-menu-CFT8JQv4.js

@@ -0,0 +1,372 @@
+/*! * 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-h0061wKi.js";
+import { t as PeriodOverPeriodCondition } from "./period-over-period-condition.const-DasWQHju.js";
+import { t as validate_default } from "./validate-BzxfFJY6.js";
+import { luzmoArrows, luzmoClose12, luzmoIcon, luzmoTrashOutline } from "@luzmo/icons";
+import { html, unsafeCSS } from "lit";
+import { property, query, state } from "lit/decorators.js";
+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, c) {
+		if (!c?.periodOverPeriod?.newUi) {
+			this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));
+			return;
+		}
+		this.periodOverPeriodUiType.set(this.getUiConditionToApply(c));
+	}
+	getUiConditionToApply(e) {
+		let c = this.hasDatetimeColumnOnCategoryOrXAxis(), l = e?.periodOverPeriod?.hasConnectedComparisonFilter, u = this.linkedDataset.get().some(({ columns: e }) => e?.some((e) => e.type === "datetime"));
+		return !c && !l && !u ? null : c && l ? PeriodOverPeriodCondition.HasDatetimeColumnAndComparisonFilters : c && !l ? PeriodOverPeriodCondition.HasDatetimeColumnAndNoComparisonFilters : !c && l ? PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters : PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters;
+	}
+	oldConditionalLogic(e) {
+		let c = this.slotsContents.get() ?? [], l = (c.find((e) => [
+			"y-axis",
+			"x-axis",
+			"row"
+		].includes(e.name))?.content ?? [])?.[0] ?? null, u = c.find((e) => e.name === "measure")?.content ?? [];
+		return l && this._popEnabledChartTypes.includes(e) && l.type === "datetime" && !this.isArrayColumnType(l.type) && !l.datetimeDisplayMode && l.level !== 4 && u.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, c) {
+		if (this.slotContents.set(e), this.activeIndex.get() >= e.length && this.activeIndex.set(e.length > 0 ? e.length - 1 : 0), c) {
+			let l = structuredClone(this.slotsContents.get()) ?? [], u = l.find((e) => e.name === c);
+			u && (u.content = e), this.setFullContents(l);
+		}
+	}
+	setFullContents(e) {
+		this.slotsContents.set(e);
+	}
+	updateActive(e) {
+		e >= 0 && e < this.slotContents.get().length && this.activeIndex.set(e);
+	}
+	updateContent(e, c = this.activeIndex.get()) {
+		if (c < 0 || c >= this.slotContents.get().length) return;
+		let l = [...this.slotContents.get()];
+		l[c] = structuredClone(e), this.slotContents.set(l);
+	}
+	removeContent(e) {
+		if (e < 0 || e >= this.slotContents.get().length) return;
+		let c = this.slotContents.get().filter((c, l) => l !== e);
+		this.slotContents.set(c), this.activeIndex.get() >= c.length && this.activeIndex.set(c.length > 0 ? c.length - 1 : 0);
+	}
+};
+function makeDraggable({ element: e, handle: c, boundary: l = document.documentElement, onDragStart: u, onDragEnd: d }) {
+	if (!e || !c) throw Error("makeDraggable: element and handle are required");
+	let f = e.ownerDocument ?? document, p = -1, m = 0, h = 0, g = 0, _ = 0, v = 0, y = 0, b = 0, x = 0, S = (c) => {
+		if (c.pointerId !== p) return;
+		let u = c.clientX - m, d = c.clientY - h, f = (l ?? document.documentElement).getBoundingClientRect(), S = g + u, C = _ + d;
+		S = Math.min(Math.max(S, f.left), f.right - v), C = Math.min(Math.max(C, f.top), f.bottom - y);
+		let w = S - g, T = C - _, E = b + w, D = x + T;
+		e.style.transform = `translate3d(${E}px, ${D}px, 0)`;
+	}, C = (e) => {
+		e.pointerId === p && (f.removeEventListener("pointermove", S), f.removeEventListener("pointerup", C), p = -1, d?.());
+	}, w = (l) => {
+		if (l.button !== 0) return;
+		p = l.pointerId;
+		let d = e.getBoundingClientRect();
+		g = d.left, _ = d.top, v = d.width, y = d.height, m = l.clientX, h = l.clientY;
+		try {
+			let c = f.defaultView?.getComputedStyle(e);
+			if (c) {
+				let e = new DOMMatrixReadOnly(c.transform);
+				b = e.m41, x = e.m42;
+			}
+		} catch {
+			b = 0, x = 0;
+		}
+		c.setPointerCapture(p), f.addEventListener("pointermove", S), f.addEventListener("pointerup", C), u?.();
+	};
+	return c.addEventListener("pointerdown", w), () => {
+		c.removeEventListener("pointerdown", w), f.removeEventListener("pointermove", S), f.removeEventListener("pointerup", C);
+	};
+}
+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))}.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;flex:none}.close{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-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: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: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))}: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 c = this.dragBoundary ? document.querySelector(this.dragBoundary) : document.documentElement;
+		this._cleanupDrag = makeDraggable({
+			element: this,
+			handle: e,
+			boundary: c
+		});
+	}
+	_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 c = this._store, l = c.slotContents.get(), u = e.has("slotContents");
+		Array.isArray(this.slotContents) && (l.length === 0 || u) && c.setContents(structuredClone(this.slotContents), this.slotName);
+		let d = c.slotContents.get();
+		if (d !== this._slotContents) {
+			this._slotContents = d;
+			let { set: e, column: l } = 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 u = dataBroker.getAvailableDatasets();
+			this.measureColumns = u.map((e) => ({
+				datasetId: e.id,
+				datasetName: e.name,
+				columns: e.columns?.filter((e) => e.type === "numeric" && e.id !== l)
+			})), c.activeIndex.get() !== this._activeIndex && c.updateActive(this._activeIndex), this.slotName === "measure" && (c.linkedDataset.set(u.filter((c) => c.id === e)), c.setPeriodOverPeriodCondition(this.itemType, this._currentSlotContent), this._periodOverPeriodUiType = this._currentSlotContent.subtype === "duration" && this.isArrayColumnType(this._currentSlotContent.type) ? null : c.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 c = this._store, l = structuredClone(e.detail.slotContents), u = e.detail.activeIndex;
+		u !== this._activeIndex && (this._activeIndex = u, c.updateActive(u)), c.setContents(l, this.slotName), this._slotContents = c.slotContents.get();
+		let d = this._slotContents[this._activeIndex], f = d?.column ?? d?.columnId, p = d?.set ?? d?.datasetId, m = d?.formula;
+		(f || m) && p && (this.dispatchEvent(new CustomEvent("luzmo-slot-menu-active", {
+			bubbles: !0,
+			composed: !0,
+			detail: { datasetId: p }
+		})), setTimeout(() => {
+			this.dispatchEvent(new CustomEvent("luzmo-slot-menu-highlight", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					datasetId: p,
+					level: d?.level ?? 0,
+					...f && { columnId: f },
+					...m && { formulaId: m }
+				}
+			}));
+		})), this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
+	}
+	_handleSlotContentChange(e) {
+		let c = this._store, l = this.slotIndex ?? this._activeIndex;
+		c.updateContent(structuredClone(e.detail.slotContent), l), this._slotContents = c.slotContents.get(), this.slotMenuListElement && (this.slotMenuListElement.slotContents = this._slotContents), this._sendChangeEvent();
+	}
+	removeSlotContent(e) {
+		let c = this._store;
+		c.removeContent(e), this._slotContents = c.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">
+        ${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>
+              <div
+                class="slot-content-remove"
+                @click=${this.removeSlotContent.bind(this, 0)}
+              >
+                ${luzmoIcon(luzmoTrashOutline)}
+              </div>
+            </div>` : ""}
+      </div>
+      <div
+        class="slot-contents-container ${this._slotContents?.length > 1 ? "multiple" : ""}"
+      >
+        ${this.variant === "popup" ? "" : html`<div class="close" @click=${this.close}>
+              ${luzmoIcon(luzmoClose12)}
+            </div>`}
+        <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 };

package/components/slot-menu-list/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-list-CFCvrPVt.cjs`);exports.LuzmoSlotMenuList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CN_4EtlW.cjs`),require(`../localized-mixin-DiD8Bmip.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-list-CFCvrPVt.cjs`);exports.LuzmoSlotMenuList=e.t;

package/components/slot-menu-list/index.js

@@ -23,10 +23,10 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import "../get-css-variable-DpEed5QG.js";
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-CgsoV0B9.js";
-import "../localized-mixin-rjHF23Hg.js";
-import { t as LuzmoSlotMenuList } from "../slot-menu-list-BLJxoLeI.js";
+import "../set-locale-DVGy0VKD.js";
+import "../localized-mixin-12rLbXJL.js";
+import "../get-css-variable-CVIM_YN8.js";
+import { t as LuzmoSlotMenuList } from "../slot-menu-list-DvMQvfBl.js";
 export { LuzmoSlotMenuList };