@luzmo/analytics-components-kit 1.0.9-beta.12 → 1.0.9-beta.13

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

@@ -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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./base-DOqHO4T0.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localize-D3i4Epy_.cjs"),r=require("./ad-hoc-slot-content-B-qsBK5Y.cjs"),i=require("./pragmatic-element-adapter-DdyH32ix.cjs"),a=require("./get-css-variable-CBXsAxR6.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");var u=e=>{let t=r.r(e);return s.html`<span class="calculation-label">
+    <span class="calculation-label-icon" aria-hidden="true">${(0,o.luzmoIcon)(t?o.luzmoFormula:o.luzmoCalculator)}</span>
+    <span>${t?(0,l.msg)(`Formula`,{desc:`Label for the formula type`}):(0,l.msg)(`Expression`,{desc:`Label for the expression type`})}</span>
+  </span>`},d={none:0,small:100,medium:350,large:700},f=.5;d.none,d.small*f,d.medium*f,d.large*f;function p(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:d.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){i.o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var g={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},_=Symbol(`closestEdge`);function v(e,t){var n=t.element,r=t.input,a=t.allowedEdges,o={x:r.clientX,y:r.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:g[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return h(h({},e),{},i.o({},_,c))}function y(e){return e[_]??null}var b=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-list-font-color,var(--luzmo-font-color))}ul{margin:0;padding:0;list-style:none}:host{max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));margin:0;padding:0;list-style:none;overflow-y:auto}:host::-webkit-scrollbar{width:var(--luzmo-slot-menu-list-scrollbar-width,var(--slot-menu-list-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-track-border-radius,var(--slot-menu-list-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-thumb-border-radius,var(--slot-menu-list-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-slot-menu-list-scrollbar-thumb-hover-background,var(--slot-menu-list-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background)) var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color))}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}:host .active .draggable-slot-content:focus-visible{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover));outline:none}:host .active .draggable-slot-content-remove:focus-visible{outline-color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color));background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;cursor:pointer;align-items:center;display:flex}.draggable-slot-content:focus-visible{background-color:color-mix(in srgb, var(--luzmo-primary) 20%, transparent);outline:none}.draggable-slot-content .draggable-slot-content-label{padding-block:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));text-overflow:ellipsis;white-space:nowrap;font:inherit;color:inherit;cursor:inherit;text-align:start;background:0 0;border:none;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{padding:var(--luzmo-spacing-1);font:inherit;color:inherit;cursor:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));display:flex}.draggable-slot-content .draggable-slot-content-remove:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:1px}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height) * 4);--slot-menu-list-scrollbar-width:var(--luzmo-scrollbar-size);--slot-menu-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--slot-menu-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--slot-menu-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--slot-menu-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--slot-menu-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--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-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}: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-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}: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-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}: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-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,x=class extends e.n(e.i,{validSizes:Object.values(e.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.slotName=`measure`,this.slotType=`numeric`,this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,r=i.t({element:e,onGenerateDragPreview({nativeSetDragImage:t}){a.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let r={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,i])=>{let o=a.t(e,n)||a.t(e,i);r[t]=o}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent||e.dataset.taskLabel||e.textContent,Object.assign(n.style,{border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,paddingInline:`${r.horizontalPadding}`,paddingBlock:`${r.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(r);let o=i.n({element:e,canDrop({source:t}){return t.element!==e&&t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return v({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=y(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=y(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=y(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(p(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(o)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,s.unsafeCSS)(b)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}_moveItem(e,t){let n=this.slotContents[e],r=[...this.slotContents];r.splice(e,1),r.splice(t,0,n),this.slotContents=r,this.activeIndex===e?this.activeIndex=t:e<this.activeIndex&&t>=this.activeIndex?--this.activeIndex:e>this.activeIndex&&t<=this.activeIndex&&(this.activeIndex+=1),this._sendChangeEvent(),this.updateComplete.then(()=>this._draggableSlotContentElements[t]?.focus())}_handleContentKeydown(e,t){switch(t.key){case` `:case`Enter`:t.preventDefault(),this.setActiveIndex(e);break;case`ArrowUp`:t.preventDefault(),t.altKey&&e>0?this._moveItem(e,e-1):!t.altKey&&e>0&&this._draggableSlotContentElements[e-1]?.focus();break;case`ArrowDown`:t.preventDefault(),t.altKey&&e<this.slotContents.length-1?this._moveItem(e,e+1):!t.altKey&&e<this.slotContents.length-1&&this._draggableSlotContentElements[e+1]?.focus();break}}_handleTrashClick(e,t){t.stopPropagation(),this.removeSlotContent(e)}_handleTrashKeydown(e){(e.key===` `||e.key===`Enter`)&&e.stopPropagation()}render(){let e={name:this.slotName,type:this.slotType},t=this.slotContents.map((t,i)=>{let a=n.t(t.label??{},this.contentLanguage)??(0,l.msg)(`Untitled`,{desc:`Fallback label for a slot content without a name`}),c=r.i(t,e)?r.t(t):void 0,d=i===this.activeIndex;return s.html`<li class=${d?`active`:``}>
+          <div class="draggable-slot-content"
+            data-task-label=${c??a}
+            tabindex="0"
+            role="option"
+            aria-selected=${d?`true`:`false`}
+            @click=${this.setActiveIndex.bind(this,i)}
+            @keydown=${this._handleContentKeydown.bind(this,i)}
+          >
+            <span class="draggable-slot-content-label" data-task-content>
+              ${c?u(t):a}
+            </span>
+            <button
+              class="draggable-slot-content-remove"
+              aria-label=${(0,l.msg)(`Remove`,{desc:`Remove button label`})}
+              @click=${this._handleTrashClick.bind(this,i)}
+              @keydown=${this._handleTrashKeydown}
+            >
+              ${(0,o.luzmoIcon)(o.luzmoTrashOutline)}
+            </button>
+          </div>
+        </li>`});return s.html`<ul role="listbox" aria-label=${(0,l.msg)(`Slot contents`,{desc:`Accessible label for slot menu content list`})}>${t}</ul>`}};t.t([(0,c.property)({type:String,reflect:!0})],x.prototype,`language`,void 0),t.t([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],x.prototype,`contentLanguage`,void 0),t.t([(0,c.queryAll)(`.draggable-slot-content`)],x.prototype,`_draggableSlotContentElements`,void 0),t.t([(0,c.property)({type:Array})],x.prototype,`slotContents`,void 0),t.t([(0,c.property)({type:String,attribute:`slot-name`,reflect:!0})],x.prototype,`slotName`,void 0),t.t([(0,c.property)({type:String,attribute:`slot-type`,reflect:!0})],x.prototype,`slotType`,void 0),t.t([(0,c.property)({type:Number})],x.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,x),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});

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

@@ -0,0 +1,348 @@
+/*! * 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 { n as e, o as t, t as n } from "./pragmatic-element-adapter-D0LRKx5U.js";
+import "./tokens-Ov1pCR4Y.js";
+import { i as r, n as i, t as a } from "./base-ClbyBq3g.js";
+import { t as o } from "./decorate-DyMgX_Uh.js";
+import { t as s } from "./localize-BT7REYBY.js";
+import { i as c, r as l, t as u } from "./ad-hoc-slot-content-BJ2TwuZ_.js";
+import { n as d, t as f } from "./get-css-variable-DYnldi15.js";
+import { luzmoCalculator as p, luzmoFormula as m, luzmoIcon as h, luzmoTrashOutline as g } from "@luzmo/icons";
+import { html as _, unsafeCSS as v } from "lit";
+import { property as y, queryAll as b } from "lit/decorators.js";
+import { msg as x } from "@lit/localize";
+//#region src/utils/slot-content/render-calculation-label.ts
+var S = (e) => {
+	let t = l(e);
+	return _`<span class="calculation-label">
+    <span class="calculation-label-icon" aria-hidden="true">${h(t ? m : p)}</span>
+    <span>${t ? x("Formula", { desc: "Label for the formula type" }) : x("Expression", { desc: "Label for the expression type" })}</span>
+  </span>`;
+}, C = {
+	none: 0,
+	small: 100,
+	medium: 350,
+	large: 700
+}, w = .5;
+C.none, C.small * w, C.medium * w, C.large * w;
+//#endregion
+//#region node_modules/@atlaskit/pragmatic-drag-and-drop-flourish/dist/esm/trigger-post-move-flash.js
+function T(e) {
+	e.animate([{ backgroundColor: "var(--ds-background-selected, #E9F2FF)" }, {}], {
+		duration: C.large,
+		easing: "cubic-bezier(0.25, 0.1, 0.25, 1.0)",
+		iterations: 1
+	});
+}
+//#endregion
+//#region node_modules/@atlaskit/pragmatic-drag-and-drop-hitbox/dist/esm/closest-edge.js
+function E(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function D(e) {
+	for (var n = 1; n < arguments.length; n++) {
+		var r = arguments[n] == null ? {} : arguments[n];
+		n % 2 ? E(Object(r), !0).forEach(function(n) {
+			t(e, n, r[n]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : E(Object(r)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+		});
+	}
+	return e;
+}
+var O = {
+	top: function(e, t) {
+		return Math.abs(t.y - e.top);
+	},
+	right: function(e, t) {
+		return Math.abs(e.right - t.x);
+	},
+	bottom: function(e, t) {
+		return Math.abs(e.bottom - t.y);
+	},
+	left: function(e, t) {
+		return Math.abs(t.x - e.left);
+	}
+}, k = Symbol("closestEdge");
+function A(e, n) {
+	var r = n.element, i = n.input, a = n.allowedEdges, o = {
+		x: i.clientX,
+		y: i.clientY
+	}, s = r.getBoundingClientRect(), c = a.map(function(e) {
+		return {
+			edge: e,
+			value: O[e](s, o)
+		};
+	}).sort(function(e, t) {
+		return e.value - t.value;
+	})[0]?.edge ?? null;
+	return D(D({}, e), {}, t({}, k, c));
+}
+function j(e) {
+	return e[k] ?? null;
+}
+//#endregion
+//#region src/components/slot-menu-list/slot-menu-list.module.scss?inline
+var M = ":host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-list-font-color,var(--luzmo-font-color))}ul{margin:0;padding:0;list-style:none}:host{max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));margin:0;padding:0;list-style:none;overflow-y:auto}:host::-webkit-scrollbar{width:var(--luzmo-slot-menu-list-scrollbar-width,var(--slot-menu-list-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-track-border-radius,var(--slot-menu-list-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-thumb-border-radius,var(--slot-menu-list-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-slot-menu-list-scrollbar-thumb-hover-background,var(--slot-menu-list-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background)) var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color))}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}:host .active .draggable-slot-content:focus-visible{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover));outline:none}:host .active .draggable-slot-content-remove:focus-visible{outline-color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color));background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:\"\";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;cursor:pointer;align-items:center;display:flex}.draggable-slot-content:focus-visible{background-color:color-mix(in srgb, var(--luzmo-primary) 20%, transparent);outline:none}.draggable-slot-content .draggable-slot-content-label{padding-block:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));text-overflow:ellipsis;white-space:nowrap;font:inherit;color:inherit;cursor:inherit;text-align:start;background:0 0;border:none;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{padding:var(--luzmo-spacing-1);font:inherit;color:inherit;cursor:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));display:flex}.draggable-slot-content .draggable-slot-content-remove:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:1px}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height) * 4);--slot-menu-list-scrollbar-width:var(--luzmo-scrollbar-size);--slot-menu-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--slot-menu-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--slot-menu-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--slot-menu-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--slot-menu-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--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-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}: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-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}: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-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}: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-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}", N = class extends i(r, { validSizes: Object.values(a) }) {
+	constructor(...t) {
+		super(...t), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.slotName = "measure", this.slotType = "numeric", this.activeIndex = 0, this._sendChangeEvent = () => {
+			this.dispatchEvent(new CustomEvent("luzmo-slot-list-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: {
+					slotContents: structuredClone(this.slotContents),
+					activeIndex: this.activeIndex
+				}
+			}));
+		}, this._cleanupFns = [], this._attachAll = () => {
+			[...this._draggableSlotContentElements].forEach((t) => {
+				let r = this._sendChangeEvent.bind(this), i = this, a = n({
+					element: t,
+					onGenerateDragPreview({ nativeSetDragImage: e }) {
+						d({
+							nativeSetDragImage: e,
+							render({ container: e }) {
+								let n = document.createElement("div");
+								n.classList.add("drag-preview");
+								let r = {};
+								[
+									[
+										"borderColor",
+										"--luzmo-slot-menu-list-border-color",
+										"--luzmo-border-color"
+									],
+									[
+										"backgroundColor",
+										"--luzmo-slot-menu-list-background-color",
+										"--luzmo-background-color"
+									],
+									[
+										"color",
+										"--luzmo-slot-menu-list-font-color",
+										"--slot-menu-list-font-color"
+									],
+									[
+										"fontSize",
+										"--luzmo-slot-menu-list-font-size",
+										"--slot-menu-list-font-size"
+									],
+									[
+										"horizontalPadding",
+										"--luzmo-slot-menu-list-item-horizontal-padding",
+										"--slot-menu-list-item-horizontal-padding"
+									],
+									[
+										"verticalPadding",
+										"--luzmo-slot-menu-list-item-vertical-padding",
+										"--slot-menu-list-item-vertical-padding"
+									],
+									[
+										"borderRadius",
+										"--luzmo-slot-menu-list-border-radius",
+										"--luzmo-border-radius"
+									],
+									[
+										"fontFamily",
+										"--luzmo-slot-menu-list-font-family",
+										"--luzmo-font-family"
+									]
+								].forEach(([e, n, i]) => {
+									let a = f(t, n) || f(t, i);
+									r[e] = a;
+								}), n.textContent = t.querySelector("[data-task-content]")?.textContent || t.dataset.taskLabel || t.textContent, Object.assign(n.style, {
+									border: `1px solid ${r.borderColor}`,
+									backgroundColor: r.backgroundColor,
+									borderRadius: r.borderRadius,
+									fontFamily: r.fontFamily,
+									fontSize: r.fontSize,
+									color: r.color,
+									paddingInline: `${r.horizontalPadding}`,
+									paddingBlock: `${r.verticalPadding}`
+								}), e.append(n);
+							}
+						});
+					},
+					getInitialData() {
+						let e = t.parentElement, n = 0;
+						return e && (n = [...e.parentElement?.children ?? []].indexOf(e)), { index: n };
+					},
+					onDragStart() {
+						t.style.opacity = "0.5";
+					},
+					onDrop() {
+						t.style.opacity = "1";
+					}
+				});
+				this._cleanupFns.push(a);
+				let o = e({
+					element: t,
+					canDrop({ source: e }) {
+						return e.element !== t && e?.element?.classList.contains("draggable-slot-content");
+					},
+					getData(e) {
+						return A({}, {
+							element: t,
+							input: e.input,
+							allowedEdges: ["top", "bottom"]
+						});
+					},
+					getIsSticky() {
+						return !0;
+					},
+					onDragEnter({ self: e }) {
+						let n = j(e.data);
+						if (!n) return;
+						let r = document.createElement("div");
+						r.classList.add("drop-indicator"), r.dataset.edge = n, t.after(r);
+					},
+					onDrag({ self: e }) {
+						let n = j(e.data);
+						if (!n) {
+							t.nextElementSibling?.remove();
+							return;
+						}
+						if (t.nextElementSibling?.getAttribute("data-edge") === n) return;
+						t.nextElementSibling?.remove();
+						let r = document.createElement("div");
+						r.classList.add("drop-indicator"), r.dataset.edge = n, t.after(r);
+					},
+					onDragLeave() {
+						t.nextElementSibling?.remove();
+					},
+					onDrop({ self: e, source: n }) {
+						t.nextElementSibling?.remove();
+						let a = j(e.data), o = e.element.parentElement;
+						if (typeof n.data.index == "number" && o) {
+							let e = [...o.parentElement?.children ?? []].indexOf(o);
+							a === "bottom" && n.data.index >= e && e < (o?.parentElement?.children?.length ?? 0) - 1 ? e += 1 : a === "top" && e > n.data.index && --e;
+							let t = i.activeIndex, r = n.data.index, s = e, c = i.slotContents[r];
+							i.slotContents.splice(r, 1), i.slotContents.splice(s, 0, c), r === t ? i.activeIndex = s : r < t && s >= t ? i.activeIndex = t - 1 : r > t && s <= t && (i.activeIndex = t + 1);
+						}
+						a && (T(n.element), i.requestUpdate(), r());
+					}
+				});
+				this._cleanupFns.push(o);
+			});
+		}, this._detachAll = () => {
+			this._cleanupFns.forEach((e) => e()), this._cleanupFns = [];
+		};
+	}
+	static get styles() {
+		return [v(M)];
+	}
+	willUpdate() {
+		this._detachAll();
+	}
+	updated() {
+		this._attachAll();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._detachAll();
+	}
+	setActiveIndex(e) {
+		this.activeIndex = e, this._sendChangeEvent();
+	}
+	removeSlotContent(e) {
+		this.slotContents = this.slotContents.filter((t, n) => n !== e), this.activeIndex = this.slotContents.length === 0 ? 0 : Math.min(this.activeIndex, this.slotContents.length - 1), this._sendChangeEvent();
+	}
+	_moveItem(e, t) {
+		let n = this.slotContents[e], r = [...this.slotContents];
+		r.splice(e, 1), r.splice(t, 0, n), this.slotContents = r, this.activeIndex === e ? this.activeIndex = t : e < this.activeIndex && t >= this.activeIndex ? --this.activeIndex : e > this.activeIndex && t <= this.activeIndex && (this.activeIndex += 1), this._sendChangeEvent(), this.updateComplete.then(() => this._draggableSlotContentElements[t]?.focus());
+	}
+	_handleContentKeydown(e, t) {
+		switch (t.key) {
+			case " ":
+			case "Enter":
+				t.preventDefault(), this.setActiveIndex(e);
+				break;
+			case "ArrowUp":
+				t.preventDefault(), t.altKey && e > 0 ? this._moveItem(e, e - 1) : !t.altKey && e > 0 && this._draggableSlotContentElements[e - 1]?.focus();
+				break;
+			case "ArrowDown":
+				t.preventDefault(), t.altKey && e < this.slotContents.length - 1 ? this._moveItem(e, e + 1) : !t.altKey && e < this.slotContents.length - 1 && this._draggableSlotContentElements[e + 1]?.focus();
+				break;
+		}
+	}
+	_handleTrashClick(e, t) {
+		t.stopPropagation(), this.removeSlotContent(e);
+	}
+	_handleTrashKeydown(e) {
+		(e.key === " " || e.key === "Enter") && e.stopPropagation();
+	}
+	render() {
+		let e = {
+			name: this.slotName,
+			type: this.slotType
+		}, t = this.slotContents.map((t, n) => {
+			let r = s(t.label ?? {}, this.contentLanguage) ?? x("Untitled", { desc: "Fallback label for a slot content without a name" }), i = c(t, e) ? u(t) : void 0, a = n === this.activeIndex;
+			return _`<li class=${a ? "active" : ""}>
+          <div class="draggable-slot-content"
+            data-task-label=${i ?? r}
+            tabindex="0"
+            role="option"
+            aria-selected=${a ? "true" : "false"}
+            @click=${this.setActiveIndex.bind(this, n)}
+            @keydown=${this._handleContentKeydown.bind(this, n)}
+          >
+            <span class="draggable-slot-content-label" data-task-content>
+              ${i ? S(t) : r}
+            </span>
+            <button
+              class="draggable-slot-content-remove"
+              aria-label=${x("Remove", { desc: "Remove button label" })}
+              @click=${this._handleTrashClick.bind(this, n)}
+              @keydown=${this._handleTrashKeydown}
+            >
+              ${h(g)}
+            </button>
+          </div>
+        </li>`;
+		});
+		return _`<ul role="listbox" aria-label=${x("Slot contents", { desc: "Accessible label for slot menu content list" })}>${t}</ul>`;
+	}
+};
+//#endregion
+//#region src/components/slot-menu-list/index.ts
+o([y({
+	type: String,
+	reflect: !0
+})], N.prototype, "language", void 0), o([y({
+	type: String,
+	attribute: "content-language",
+	reflect: !0
+})], N.prototype, "contentLanguage", void 0), o([b(".draggable-slot-content")], N.prototype, "_draggableSlotContentElements", void 0), o([y({ type: Array })], N.prototype, "slotContents", void 0), o([y({
+	type: String,
+	attribute: "slot-name",
+	reflect: !0
+})], N.prototype, "slotName", void 0), o([y({
+	type: String,
+	attribute: "slot-type",
+	reflect: !0
+})], N.prototype, "slotType", void 0), o([y({ type: Number })], N.prototype, "activeIndex", void 0), customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", N);
+//#endregion
+export { S as n, N as t };

package/components/slot-role-classification-BtYLRqq0.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=new Set([`x-axis`,`y-axis`,`category`,`name`,`row`,`levels`]),t=new Set([`legend`,`color`,`column`]),n=new Set([`measure`,`comparison-measure`]),r={dimension:`mainGroupBy`,time:`mainGroupBy`,identifier:`mainGroupBy`,evolution:`mainGroupBy`,source:`mainGroupBy`,destination:`secondaryGroupBy`,open:`measure`,high:`measure`,low:`measure`,close:`measure`,target:`measure`,slidermetric:`measure`,geo:`other`,coordinates:`other`},i={"x-axis":[`y-axis`,`category`,`name`,`row`,`levels`],"y-axis":[`x-axis`,`category`,`name`,`row`,`levels`],category:[`name`,`x-axis`,`y-axis`,`row`,`levels`],name:[`category`,`x-axis`,`y-axis`,`row`,`levels`],row:[`x-axis`,`y-axis`,`category`,`name`,`levels`],levels:[`x-axis`,`y-axis`,`category`,`name`,`row`]},a={legend:[`color`,`column`],color:[`legend`,`column`],column:[`legend`,`color`]};function o(e){return e.type===`numeric`||e.type===`array[numeric]`?`numeric`:`dimension`}function s(i){return r[i.slotName]||(n.has(i.slotName)?`measure`:t.has(i.slotName)?`secondaryGroupBy`:e.has(i.slotName)?`mainGroupBy`:i.slotType===`numeric`?`measure`:i.slotType===`categorical`?`mainGroupBy`:i.slotType===`mixed`?i.contentKind===`numeric`?`measure`:`mainGroupBy`:`other`)}function c(i){let a=new Set,o=r[i.name];return o&&a.add(o),e.has(i.name)&&a.add(`mainGroupBy`),t.has(i.name)&&a.add(`secondaryGroupBy`),n.has(i.name)&&a.add(`measure`),i.type===`numeric`?a.add(`measure`):i.type===`categorical`?a.size===0&&a.add(`mainGroupBy`):i.type===`mixed`&&(a.add(`mainGroupBy`),a.add(`measure`)),a.size===0&&a.add(`other`),a}function l(e){return e.some(e=>c(e).has(`secondaryGroupBy`))}function u(e,t){let n=e===`mainGroupBy`?i:e===`secondaryGroupBy`?a:void 0;return!n||!(t in n)?[]:[...n[t]]}function d(e){let t=new Map,n=e=>{let n=`${e.name}::${e.type??``}`,r=t.get(n);return r||(r=c(e),t.set(n,r)),r},r=[e.sourceSlotName,...u(e.sourceRole,e.sourceSlotName)],i=new Map;return r.forEach((e,t)=>{i.has(e)||i.set(e,t)}),[...e.targetSlots.filter(t=>{let r=n(t);return e.preferredRoles.some(e=>r.has(e))?!e.isAdditionalCompatible||e.isAdditionalCompatible(t):!1})].sort((t,r)=>{let a=n(t),o=n(r),s=e.preferredRoles.findIndex(e=>a.has(e)),c=e.preferredRoles.findIndex(e=>o.has(e)),l=s===-1?2**53-1:s,u=c===-1?2**53-1:c;if(l!==u)return l-u;let d=i.get(t.name)??2**53-1,f=i.get(r.name)??2**53-1;return d===f?(t.order??0)-(r.order??0):d-f})}function f(e,t){return e.sourceRole===`mainGroupBy`?[`mainGroupBy`,`secondaryGroupBy`]:e.sourceRole===`secondaryGroupBy`?t?[`secondaryGroupBy`]:[`mainGroupBy`]:e.sourceRole===`measure`?[`measure`]:[`other`]}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/components/slot-role-classification-DKClEpT3.js

@@ -0,0 +1,133 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+//#region src/utils/switch-item/slot-role-classification.ts
+var e = /* @__PURE__ */ new Set([
+	"x-axis",
+	"y-axis",
+	"category",
+	"name",
+	"row",
+	"levels"
+]), t = /* @__PURE__ */ new Set([
+	"legend",
+	"color",
+	"column"
+]), n = /* @__PURE__ */ new Set(["measure", "comparison-measure"]), r = {
+	dimension: "mainGroupBy",
+	time: "mainGroupBy",
+	identifier: "mainGroupBy",
+	evolution: "mainGroupBy",
+	source: "mainGroupBy",
+	destination: "secondaryGroupBy",
+	open: "measure",
+	high: "measure",
+	low: "measure",
+	close: "measure",
+	target: "measure",
+	slidermetric: "measure",
+	geo: "other",
+	coordinates: "other"
+}, i = {
+	"x-axis": [
+		"y-axis",
+		"category",
+		"name",
+		"row",
+		"levels"
+	],
+	"y-axis": [
+		"x-axis",
+		"category",
+		"name",
+		"row",
+		"levels"
+	],
+	category: [
+		"name",
+		"x-axis",
+		"y-axis",
+		"row",
+		"levels"
+	],
+	name: [
+		"category",
+		"x-axis",
+		"y-axis",
+		"row",
+		"levels"
+	],
+	row: [
+		"x-axis",
+		"y-axis",
+		"category",
+		"name",
+		"levels"
+	],
+	levels: [
+		"x-axis",
+		"y-axis",
+		"category",
+		"name",
+		"row"
+	]
+}, a = {
+	legend: ["color", "column"],
+	color: ["legend", "column"],
+	column: ["legend", "color"]
+};
+function o(e) {
+	return e.type === "numeric" || e.type === "array[numeric]" ? "numeric" : "dimension";
+}
+function s(i) {
+	return r[i.slotName] || (n.has(i.slotName) ? "measure" : t.has(i.slotName) ? "secondaryGroupBy" : e.has(i.slotName) ? "mainGroupBy" : i.slotType === "numeric" ? "measure" : i.slotType === "categorical" ? "mainGroupBy" : i.slotType === "mixed" ? i.contentKind === "numeric" ? "measure" : "mainGroupBy" : "other");
+}
+function c(i) {
+	let a = /* @__PURE__ */ new Set(), o = r[i.name];
+	return o && a.add(o), e.has(i.name) && a.add("mainGroupBy"), t.has(i.name) && a.add("secondaryGroupBy"), n.has(i.name) && a.add("measure"), i.type === "numeric" ? a.add("measure") : i.type === "categorical" ? a.size === 0 && a.add("mainGroupBy") : i.type === "mixed" && (a.add("mainGroupBy"), a.add("measure")), a.size === 0 && a.add("other"), a;
+}
+function l(e) {
+	return e.some((e) => c(e).has("secondaryGroupBy"));
+}
+function u(e, t) {
+	let n = e === "mainGroupBy" ? i : e === "secondaryGroupBy" ? a : void 0;
+	return !n || !(t in n) ? [] : [...n[t]];
+}
+function d(e) {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		let n = `${e.name}::${e.type ?? ""}`, r = t.get(n);
+		return r || (r = c(e), t.set(n, r)), r;
+	}, r = [e.sourceSlotName, ...u(e.sourceRole, e.sourceSlotName)], i = /* @__PURE__ */ new Map();
+	return r.forEach((e, t) => {
+		i.has(e) || i.set(e, t);
+	}), [...e.targetSlots.filter((t) => {
+		let r = n(t);
+		return e.preferredRoles.some((e) => r.has(e)) ? !e.isAdditionalCompatible || e.isAdditionalCompatible(t) : !1;
+	})].sort((t, r) => {
+		let a = n(t), o = n(r), s = e.preferredRoles.findIndex((e) => a.has(e)), c = e.preferredRoles.findIndex((e) => o.has(e)), l = s === -1 ? 2 ** 53 - 1 : s, u = c === -1 ? 2 ** 53 - 1 : c;
+		if (l !== u) return l - u;
+		let d = i.get(t.name) ?? 2 ** 53 - 1, f = i.get(r.name) ?? 2 ** 53 - 1;
+		return d === f ? (t.order ?? 0) - (r.order ?? 0) : d - f;
+	});
+}
+function f(e, t) {
+	return e.sourceRole === "mainGroupBy" ? ["mainGroupBy", "secondaryGroupBy"] : e.sourceRole === "secondaryGroupBy" ? t ? ["secondaryGroupBy"] : ["mainGroupBy"] : e.sourceRole === "measure" ? ["measure"] : ["other"];
+}
+//#endregion
+export { c as a, s as i, l as n, d as o, o as r, f as t };