@luzmo/analytics-components-kit 1.0.2 → 1.0.3-beta.10

package/components/slicer-filter-slots.config-CzhdAIIr.js

@@ -0,0 +1,44 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./adapter-uhkTBvxc.js";
+//#region node_modules/@luzmo/dashboard-contents-types/src/lib/slicer-filter/slicer-filter-slots.config.js
+var t = /* @__PURE__ */ e({ slicerFilterSlotsConfig: () => n }), n = [{
+	name: "dimension",
+	rotate: !1,
+	type: "mixed",
+	label: "Dimension",
+	options: {
+		isAggregationDisabled: !0,
+		isBinningDisabled: !0,
+		areDatetimeOptionsEnabled: !0,
+		showOnlyFirstSlotContentOptions: !0
+	},
+	canAcceptMultipleDataFields: !0,
+	canAcceptDataIndependentOf: ["dimension"]
+}, {
+	name: "measure",
+	rotate: !1,
+	type: "numeric",
+	label: "Measure",
+	canAcceptFormula: !0,
+	activeWhenSubtype: ["rank-slicer"]
+}];
+//#endregion
+export { t as n, n as t };

package/components/slicer-filter-slots.config-zV15NWWS.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=require("./chunk-mLOUI7ql.cjs").n({slicerFilterSlotsConfig:()=>t}),t=[{name:`dimension`,rotate:!1,type:`mixed`,label:`Dimension`,options:{isAggregationDisabled:!0,isBinningDisabled:!0,areDatetimeOptionsEnabled:!0,showOnlyFirstSlotContentOptions:!0},canAcceptMultipleDataFields:!0,canAcceptDataIndependentOf:[`dimension`]},{name:`measure`,rotate:!1,type:`numeric`,label:`Measure`,canAcceptFormula:!0,activeWhenSubtype:[`rank-slicer`]}];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/components/slider-filter-options.config-B8am9mmE.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:()=>r}),r=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`color`,control:{type:`color-picker`,label:`Slider color`,default:({theme:e})=>t.d(e),extraLabel:({options:e,theme:n})=>t.o(e,n,`color`),extraLabelHasClickAction:({options:e,theme:n})=>t.a(e,n,`color`),extraLabelClickAction:({options:e,theme:n})=>t.t(e,n,`color`)}}]},{key:`padding`,type:`group`,open:!0,children:[{key:`padding.left`,control:{label:`Padding left`,type:`number-field`,default:16,min:0,max:100,step:1}},{key:`padding.right`,control:{label:`Padding right`,type:`number-field`,default:16,min:0,max:100,step:1}}]}];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/components/slider-filter-options.config-CfkVE6rN.js

@@ -0,0 +1,72 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./adapter-uhkTBvxc.js";
+import { a as t, d as n, o as r, t as i } from "./helpers-d8Tb1scY.js";
+//#region node_modules/@luzmo/dashboard-contents-types/src/lib/slider-filter/slider-filter-options.config.js
+var a = /* @__PURE__ */ e({ default: () => o }), o = [{
+	key: "general",
+	type: "group",
+	open: !0,
+	children: [{
+		key: "display.title",
+		control: {
+			type: "switch",
+			label: "Title",
+			default: !0
+		}
+	}, {
+		key: "color",
+		control: {
+			type: "color-picker",
+			label: "Slider color",
+			default: ({ theme: e }) => n(e),
+			extraLabel: ({ options: e, theme: t }) => r(e, t, "color"),
+			extraLabelHasClickAction: ({ options: e, theme: n }) => t(e, n, "color"),
+			extraLabelClickAction: ({ options: e, theme: t }) => i(e, t, "color")
+		}
+	}]
+}, {
+	key: "padding",
+	type: "group",
+	open: !0,
+	children: [{
+		key: "padding.left",
+		control: {
+			label: "Padding left",
+			type: "number-field",
+			default: 16,
+			min: 0,
+			max: 100,
+			step: 1
+		}
+	}, {
+		key: "padding.right",
+		control: {
+			label: "Padding right",
+			type: "number-field",
+			default: 16,
+			min: 0,
+			max: 100,
+			step: 1
+		}
+	}]
+}];
+//#endregion
+export { a as n, o as t };

package/components/slider-filter-slots.config-D9Hra0zE.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=require("./chunk-mLOUI7ql.cjs").n({sliderFilterSlotsConfig:()=>t}),t=[{name:`slidermetric`,isRequired:!0,canAcceptMultipleDataFields:!0,canAcceptDataIndependentOf:[`slidermetric`],label:`Slider metric`,acceptableDataFieldTypes:[`numeric`,`array[numeric]`,`datetime`,`array[datetime]`],type:`mixed`,options:{isAggregationDisabled:!0,isBinningDisabled:!0,areDatetimeOptionsEnabled:!0,showOnlyFirstSlotContentOptions:!0}}];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

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

@@ -0,0 +1,43 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./adapter-uhkTBvxc.js";
+//#region node_modules/@luzmo/dashboard-contents-types/src/lib/slider-filter/slider-filter-slots.config.js
+var t = /* @__PURE__ */ e({ sliderFilterSlotsConfig: () => n }), n = [{
+	name: "slidermetric",
+	isRequired: !0,
+	canAcceptMultipleDataFields: !0,
+	canAcceptDataIndependentOf: ["slidermetric"],
+	label: "Slider metric",
+	acceptableDataFieldTypes: [
+		"numeric",
+		"array[numeric]",
+		"datetime",
+		"array[datetime]"
+	],
+	type: "mixed",
+	options: {
+		isAggregationDisabled: !0,
+		isBinningDisabled: !0,
+		areDatetimeOptionsEnabled: !0,
+		showOnlyFirstSlotContentOptions: !0
+	}
+}];
+//#endregion
+export { t as n, n as t };

package/components/slot-labels.config-DKnxOncr.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.
+ * */
+let e=require("@lit/localize");var t={Category:()=>(0,e.msg)(`Category`,{desc:`Category slot label`}),Measure:()=>(0,e.msg)(`Measure`,{desc:`Measure slot label`}),Measures:()=>(0,e.msg)(`Measures`,{desc:`Measures slot label`}),Legend:()=>(0,e.msg)(`Legend`,{desc:`Legend slot label`}),"Group by":()=>(0,e.msg)(`Group by`,{desc:`Group by slot label`}),"Y-Axis":()=>(0,e.msg)(`Y-Axis`,{desc:`Y-Axis slot label`}),"X-Axis":()=>(0,e.msg)(`X-Axis`,{desc:`X-Axis slot label`}),Dimension:()=>(0,e.msg)(`Dimension`,{desc:`Dimension slot label`}),Datetime:()=>(0,e.msg)(`Datetime`,{desc:`Datetime slot label`}),"Slider metric":()=>(0,e.msg)(`Slider metric`,{desc:`Slider metric slot label`}),Bins:()=>(0,e.msg)(`Bins`,{desc:`Bins slot label`}),Circles:()=>(0,e.msg)(`Circles`,{desc:`Circles slot label`}),Close:()=>(0,e.msg)(`Close`,{desc:`Close slot label`}),Color:()=>(0,e.msg)(`Color`,{desc:`Color slot label`}),Columns:()=>(0,e.msg)(`Columns`,{desc:`Columns slot label`}),Coordinates:()=>(0,e.msg)(`Coordinates`,{desc:`Coordinates slot label`}),Destination:()=>(0,e.msg)(`Destination`,{desc:`Destination slot label`}),Evolution:()=>(0,e.msg)(`Evolution`,{desc:`Evolution slot label`}),Geography:()=>(0,e.msg)(`Geography`,{desc:`Geography slot label`}),High:()=>(0,e.msg)(`High`,{desc:`High slot label`}),Identifier:()=>(0,e.msg)(`Identifier`,{desc:`Identifier slot label`}),Levels:()=>(0,e.msg)(`Levels`,{desc:`Levels slot label`}),Low:()=>(0,e.msg)(`Low`,{desc:`Low slot label`}),Name:()=>(0,e.msg)(`Name`,{id:`slot-label-name`,desc:`Name slot label`}),Open:()=>(0,e.msg)(`Open`,{desc:`Open slot label`}),Order:()=>(0,e.msg)(`Order`,{desc:`Order slot label`}),Route:()=>(0,e.msg)(`Route`,{desc:`Route slot label`}),Rows:()=>(0,e.msg)(`Rows`,{desc:`Rows slot label`}),Size:()=>(0,e.msg)(`Size`,{desc:`Size slot label`}),Source:()=>(0,e.msg)(`Source`,{desc:`Source slot label`}),Target:()=>(0,e.msg)(`Target`,{desc:`Target slot label`}),Time:()=>(0,e.msg)(`Time`,{id:`slot-label-time`,desc:`Time slot label`})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/components/slot-menu/index.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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../slot-menu-B8Ea429p.cjs");exports.LuzmoSlotMenu=e.t;

package/components/slot-menu/index.d.ts

@@ -0,0 +1,9 @@
+import { LuzmoSlotMenu } from './slot-menu';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-slot-menu': LuzmoSlotMenu;
+    }
+}
+export { LuzmoSlotMenu } from './slot-menu';
+export type { MeasureColumnsItem, SlotContentChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from './types';
+export type { SlotContentsChangedEventDetail } from '../item-slot-drop/types';

package/components/slot-menu/index.js

@@ -0,0 +1,28 @@
+/*! * 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.
+ * */
+// Auto-generated initialization code
+(function() {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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 { t as e } from "../slot-menu-CeLuEEBz.js";
+export { e as LuzmoSlotMenu };

package/components/slot-menu/slot-menu.d.ts

@@ -0,0 +1,128 @@
+import '@luzmo/lucero/divider';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import './../display-settings';
+import { GenericSlotContent, SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+import { LuzmoElement } from '../../utils/base';
+import { type LuzmoDisplaySettings } from './../display-settings/display-settings';
+import './../slot-menu-list';
+import { type LuzmoSlotMenuList } from './../slot-menu-list/slot-menu-list';
+import { type MeasureColumnsItem } from './types';
+declare const LuzmoSlotMenu_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-slot-menu
+ * @fires luzmo-slot-contents-changed - Emitted when the slot contents change
+ * @fires luzmo-close - Emitted when the slot menu is closed
+ * @fires luzmo-info-visibility-changed - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
+ */
+export declare class LuzmoSlotMenu extends LuzmoSlotMenu_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The slot type
+     */
+    slotType?: 'numeric' | 'categorical' | 'mixed';
+    slotName: SlotName;
+    itemType?: VizItemType;
+    /**
+     * Whether to show the drag handle and allow dragging
+     */
+    noDrag?: boolean;
+    /**
+     * Whether to show the close button
+     */
+    noClose?: boolean;
+    /**
+     * The variant to show
+     */
+    variant?: 'popup' | 'draggable' | 'default';
+    /**
+     * Whether to show the top menu label & delete button
+     */
+    noTopMenuLabel?: boolean;
+    private _consumedStore?;
+    private _ownStore?;
+    private get _store();
+    dragBoundary?: string;
+    areGrandTotalsEnabled?: boolean;
+    areDatetimeOptionsEnabled?: boolean;
+    isBinningDisabled?: boolean;
+    isAggregationDisabled?: boolean;
+    isCumulativeSumEnabled?: boolean;
+    slotContents?: GenericSlotContent[];
+    private _periodOverPeriodUiType;
+    measureColumns: MeasureColumnsItem[];
+    /**
+     * (Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display.
+     */
+    slotIndex?: number;
+    displaySettingsElement: LuzmoDisplaySettings;
+    slotMenuListElement: LuzmoSlotMenuList;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     * @description The URL of the databroker API
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    private _slotContents;
+    _activeIndex: number;
+    private _cleanupDrag?;
+    private _panelResizeObserver?;
+    private _linkedDatasetsIds;
+    private _lastFetchedDatasetId?;
+    private get _currentSlotContent();
+    private get _currentLabel();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Caps the list's max-height to the current settings-panel height. Combined
+     * with the flex `align-items: stretch`, this makes the list fill the panel
+     * height and scroll internally only when its items exceed that height.
+     */
+    private _syncListMaxHeight;
+    /**
+     * (Re)attaches a ResizeObserver to the settings panel so the list height
+     * tracks the panel as its content expands/collapses (e.g. period comparison).
+     */
+    private _observePanelResize;
+    /**
+     * Helper to attach draggable behaviour to the top-level handle.
+     */
+    private _attachDragHandle;
+    private _sendChangeEvent;
+    resetInfoVisibility(): void;
+    private _sendCloseEvent;
+    private isArrayColumnType;
+    protected willUpdate(changedProperties: PropertyValues): Promise<void>;
+    protected updated(): void;
+    private _handleSlotListChange;
+    private _handleSlotContentChange;
+    removeSlotContent(index: number): void;
+    close(): void;
+    _removeActiveSlotContent(): void;
+    private _handleInfoVisibilityChanged;
+    protected render(): TemplateResult;
+    protected firstUpdated(): void;
+    /**
+     * Reset the menu position to its original location
+     */
+    resetPosition(): void;
+}
+export {};

package/components/slot-menu/types.d.ts

@@ -0,0 +1,24 @@
+import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { DatasetColumnMetadata } from '@utils/data-broker';
+import type { SlotContentsChangedEventDetail } from '../item-slot-drop/types';
+export interface MeasureColumnsItem {
+    datasetId: string;
+    datasetName: Record<string, string>;
+    columns: DatasetColumnMetadata[];
+}
+export interface SlotMenuActiveEventDetail {
+    datasetId: string;
+}
+export interface SlotMenuHighlightEventDetail {
+    datasetId: string;
+    level: number;
+    columnId?: string;
+    formulaId?: string;
+}
+export interface SlotContentChangedEventDetail {
+    slotContent: SlotContentsChangedEventDetail['slotContents'][number];
+}
+export interface SlotListChangedEventDetail {
+    slotContents: GenericSlotContent[];
+    activeIndex: number;
+}

package/components/slot-menu-B8Ea429p.cjs

@@ -0,0 +1,64 @@
+/*! * 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("./base-CHERUz8a.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./data-broker-BH5WDG0j.cjs"),r=require("./localize-D3i4Epy_.cjs"),i=require("./display-settings-COST2fVX.cjs"),a=require("./period-over-period-condition.const-C1NZ9Bkp.cjs"),o=require("./validate-CJkVJaL1.cjs");require("./slot-menu-list-CWkK2C36.cjs");let s=require("@luzmo/icons"),c=require("lit"),l=require("lit/decorators.js"),u=require("@lit/localize"),d=require("@lit-labs/signals"),f=require("@lit/context");require("@luzmo/lucero/divider");let p=require("lit/directives/guard.js");var m=class{constructor(){this.slotContents=(0,d.signal)([]),this.slotsContents=(0,d.signal)([]),this.periodOverPeriodUiType=(0,d.signal)(null),this.linkedDataset=(0,d.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,d.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,d.signal)(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?a.t.HasDatetimeColumnAndComparisonFilters:t&&!n?a.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?a.t.NoDatetimeColumnButComparisonFilters:a.t.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?a.t.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)}};function h({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)}}var g=`: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)}`,_=class extends (0,d.SignalWatcher)(e.n(e.i,{validSizes:Object.values(e.t)})){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[(0,c.unsafeCSS)(g)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new m,new f.ContextProvider(this,{context:i.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return r.t(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),n.t.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=h({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,r=t.slotContents.get(),i=e.has(`slotContents`);Array.isArray(this.slotContents)&&(r.length===0||i)&&t.setContents(structuredClone(this.slotContents),this.slotName);let a=t.slotContents.get();if(a!==this._slotContents){this._slotContents=a;let{set:e,column:r}=this._currentSlotContent;if(e&&o.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await n.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=n.t.getLinkedDatasetsIds(e)}let i=n.t.getAvailableDatasets();if(this.measureColumns=i.map(e=>({datasetId:e.id,datasetName:e.name,columns:e.columns?.filter(e=>e.type===`numeric`&&e.id!==r)})),t.activeIndex.get()!==this._activeIndex&&t.updateActive(this._activeIndex),this.slotName===`measure`){t.linkedDataset.set(i.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 c.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,u.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
+        ${this.variant===`draggable`?c.html`<div class="drag-handle">${(0,s.luzmoIcon)(s.luzmoArrows)}</div>`:``}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?c.html` <div class="slot-content-action">
+              <div class="slot-content-label">${this._currentLabel}</div>
+              <button
+                class="slot-content-remove"
+                aria-label=${(0,u.msg)(`Remove`,{desc:`Remove button label`})}
+                @click=${this.removeSlotContent.bind(this,0)}
+              >
+                ${(0,s.luzmoIcon)(s.luzmoTrashOutline)}
+              </button>
+            </div>`:``}
+      </div>
+      <div
+        class="slot-contents-container ${this._slotContents?.length>1?`multiple`:``}"
+      >
+        ${this.variant===`popup`?``:c.html`<button class="close" aria-label=${(0,u.msg)(`Close`,{id:`close-action`,desc:`Close button label`})} @click=${this.close}>
+              ${(0,s.luzmoIcon)(s.luzmoClose12)}
+            </button>`}
+        <div class="inner-container">
+          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?c.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>`:``}
+          ${(0,p.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e],()=>c.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(),this._observePanelResize()}resetPosition(){this.style.transform=``}};t.t([(0,l.property)({type:String,reflect:!0})],_.prototype,`language`,void 0),t.t([(0,l.property)({type:String,attribute:`content-language`,reflect:!0})],_.prototype,`contentLanguage`,void 0),t.t([(0,l.property)({type:String,attribute:`slot-type`,reflect:!0})],_.prototype,`slotType`,void 0),t.t([(0,l.property)({type:String,attribute:`slot-name`,reflect:!0})],_.prototype,`slotName`,void 0),t.t([(0,l.property)({type:String,attribute:`item-type`,reflect:!0})],_.prototype,`itemType`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],_.prototype,`noDrag`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`no-close`,reflect:!0})],_.prototype,`noClose`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],_.prototype,`noTopMenuLabel`,void 0),t.t([(0,f.consume)({context:i.n,subscribe:!0})],_.prototype,`_consumedStore`,void 0),t.t([(0,l.property)({type:String,attribute:`drag-boundary`,reflect:!1})],_.prototype,`dragBoundary`,void 0),t.t([(0,l.property)({type:Boolean})],_.prototype,`areGrandTotalsEnabled`,void 0),t.t([(0,l.property)({type:Boolean})],_.prototype,`areDatetimeOptionsEnabled`,void 0),t.t([(0,l.property)({type:Boolean})],_.prototype,`isBinningDisabled`,void 0),t.t([(0,l.property)({type:Boolean})],_.prototype,`isAggregationDisabled`,void 0),t.t([(0,l.property)({type:Boolean})],_.prototype,`isCumulativeSumEnabled`,void 0),t.t([(0,l.property)({type:Array,reflect:!1,attribute:`slot-contents`})],_.prototype,`slotContents`,void 0),t.t([(0,l.state)()],_.prototype,`_periodOverPeriodUiType`,void 0),t.t([(0,l.state)()],_.prototype,`measureColumns`,void 0),t.t([(0,l.property)({type:Number,reflect:!1,attribute:`slot-index`})],_.prototype,`slotIndex`,void 0),t.t([(0,l.query)(`luzmo-display-settings`)],_.prototype,`displaySettingsElement`,void 0),t.t([(0,l.query)(`luzmo-slot-menu-list`)],_.prototype,`slotMenuListElement`,void 0),t.t([(0,l.property)({type:String,attribute:`api-url`,reflect:!0})],_.prototype,`apiUrl`,void 0),t.t([(0,l.property)({type:String,attribute:`auth-key`,reflect:!0})],_.prototype,`authKey`,void 0),t.t([(0,l.property)({type:String,attribute:`auth-token`,reflect:!0})],_.prototype,`authToken`,void 0),t.t([(0,l.state)()],_.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,_),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});