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

package/components/slot-menu-DkyDLDSd.cjs

@@ -1,64 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./base-kQ6cjcIZ.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./data-broker-DWEXs6-2.cjs"),r=require("./localize-D3i4Epy_.cjs"),i=require("./display-settings-DnzOjr-1.cjs"),a=require("./period-over-period-condition.const-C1NZ9Bkp.cjs");require("./slot-menu-list-BZllvntQ.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize"),u=require("@lit-labs/signals"),d=require("@lit/context");require("@luzmo/lucero/divider");let f=require("lit/directives/guard.js");var p=class{constructor(){this.slotContents=(0,u.signal)([]),this.slotsContents=(0,u.signal)([]),this.periodOverPeriodUiType=(0,u.signal)(null),this.linkedDataset=(0,u.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,u.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,u.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)}},m=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i;function h(e){return typeof e==`string`&&m.test(e)}function g({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 _=`: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)}`,v=class extends (0,u.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,s.unsafeCSS)(_)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new p,new d.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=g({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&&h(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 s.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,l.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
-        ${this.variant===`draggable`?s.html`<div class="drag-handle">${(0,o.luzmoIcon)(o.luzmoArrows)}</div>`:``}
-        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?s.html` <div class="slot-content-action">
-              <div class="slot-content-label">${this._currentLabel}</div>
-              <button
-                class="slot-content-remove"
-                aria-label=${(0,l.msg)(`Remove`,{desc:`Remove button label`})}
-                @click=${this.removeSlotContent.bind(this,0)}
-              >
-                ${(0,o.luzmoIcon)(o.luzmoTrashOutline)}
-              </button>
-            </div>`:``}
-      </div>
-      <div
-        class="slot-contents-container ${this._slotContents?.length>1?`multiple`:``}"
-      >
-        ${this.variant===`popup`?``:s.html`<button class="close" aria-label=${(0,l.msg)(`Close`,{id:`close-action`,desc:`Close button label`})} @click=${this.close}>
-              ${(0,o.luzmoIcon)(o.luzmoClose12)}
-            </button>`}
-        <div class="inner-container">
-          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?s.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,f.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e],()=>s.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,c.property)({type:String,reflect:!0})],v.prototype,`language`,void 0),t.t([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],v.prototype,`contentLanguage`,void 0),t.t([(0,c.property)({type:String,attribute:`slot-type`,reflect:!0})],v.prototype,`slotType`,void 0),t.t([(0,c.property)({type:String,attribute:`slot-name`,reflect:!0})],v.prototype,`slotName`,void 0),t.t([(0,c.property)({type:String,attribute:`item-type`,reflect:!0})],v.prototype,`itemType`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],v.prototype,`noDrag`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`no-close`,reflect:!0})],v.prototype,`noClose`,void 0),t.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],v.prototype,`noTopMenuLabel`,void 0),t.t([(0,d.consume)({context:i.n,subscribe:!0})],v.prototype,`_consumedStore`,void 0),t.t([(0,c.property)({type:String,attribute:`drag-boundary`,reflect:!1})],v.prototype,`dragBoundary`,void 0),t.t([(0,c.property)({type:Boolean})],v.prototype,`areGrandTotalsEnabled`,void 0),t.t([(0,c.property)({type:Boolean})],v.prototype,`areDatetimeOptionsEnabled`,void 0),t.t([(0,c.property)({type:Boolean})],v.prototype,`isBinningDisabled`,void 0),t.t([(0,c.property)({type:Boolean})],v.prototype,`isAggregationDisabled`,void 0),t.t([(0,c.property)({type:Boolean})],v.prototype,`isCumulativeSumEnabled`,void 0),t.t([(0,c.property)({type:Array,reflect:!1,attribute:`slot-contents`})],v.prototype,`slotContents`,void 0),t.t([(0,c.state)()],v.prototype,`_periodOverPeriodUiType`,void 0),t.t([(0,c.state)()],v.prototype,`measureColumns`,void 0),t.t([(0,c.property)({type:Number,reflect:!1,attribute:`slot-index`})],v.prototype,`slotIndex`,void 0),t.t([(0,c.query)(`luzmo-display-settings`)],v.prototype,`displaySettingsElement`,void 0),t.t([(0,c.query)(`luzmo-slot-menu-list`)],v.prototype,`slotMenuListElement`,void 0),t.t([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],v.prototype,`apiUrl`,void 0),t.t([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],v.prototype,`authKey`,void 0),t.t([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],v.prototype,`authToken`,void 0),t.t([(0,c.state)()],v.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,v),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

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

@@ -1,38 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./base-kQ6cjcIZ.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localize-D3i4Epy_.cjs"),r=require("./pragmatic-element-adapter-DdyH32ix.cjs"),i=require("./get-css-variable-CBXsAxR6.cjs");let a=require("@luzmo/icons"),o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");var l={none:0,small:100,medium:350,large:700},u=.5;l.none,l.small*u,l.medium*u,l.large*u;function d(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:l.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function f(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 p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){r.o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m={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)}},h=Symbol(`closestEdge`);function g(e,t){var n=t.element,i=t.input,a=t.allowedEdges,o={x:i.clientX,y:i.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:m[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return p(p({},e),{},r.o({},h,c))}function _(e){return e[h]??null}var v=`: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))}.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)}`,y=class extends e.n(e.i,{validSizes:Object.values(e.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],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,a=r.t({element:e,onGenerateDragPreview({nativeSetDragImage:t}){i.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,a])=>{let o=i.t(e,n)||i.t(e,a);r[t]=o}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??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(a);let o=r.n({element:e,canDrop({source:t}){return t.element!==e&&t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return g({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=_(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=_(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=_(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&&(d(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(o)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,o.unsafeCSS)(v)]}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=this.slotContents.map((e,t)=>{let r=n.t(e.label??{},this.contentLanguage),i=t===this.activeIndex;return o.html`<li class=${i?`active`:``}>
-          <div class="draggable-slot-content"
-            tabindex="0"
-            role="option"
-            aria-selected=${i?`true`:`false`}
-            @click=${this.setActiveIndex.bind(this,t)}
-            @keydown=${this._handleContentKeydown.bind(this,t)}
-          >
-            <span class="draggable-slot-content-label" data-task-content>${r}</span>
-            <button
-              class="draggable-slot-content-remove"
-              aria-label=${(0,c.msg)(`Remove`,{desc:`Remove button label`})}
-              @click=${this._handleTrashClick.bind(this,t)}
-              @keydown=${this._handleTrashKeydown}
-            >
-              ${(0,a.luzmoIcon)(a.luzmoTrashOutline)}
-            </button>
-          </div>
-        </li>`});return o.html`<ul role="listbox" aria-label=${(0,c.msg)(`Slot contents`,{desc:`Accessible label for slot menu content list`})}>${e}</ul>`}};t.t([(0,s.property)({type:String,reflect:!0})],y.prototype,`language`,void 0),t.t([(0,s.property)({type:String,attribute:`content-language`,reflect:!0})],y.prototype,`contentLanguage`,void 0),t.t([(0,s.queryAll)(`.draggable-slot-content`)],y.prototype,`_draggableSlotContentElements`,void 0),t.t([(0,s.property)({type:Array})],y.prototype,`slotContents`,void 0),t.t([(0,s.property)({type:Number})],y.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,y),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/components/slot-menu-list-CTJ-owp1.js

@@ -1,326 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { n as e, o as t, t as n } from "./pragmatic-element-adapter-D0LRKx5U.js";
-import { i as r, n as i, t as a } from "./base-B_wdCOxV.js";
-import { t as o } from "./decorate-DyMgX_Uh.js";
-import { t as s } from "./localize-BT7REYBY.js";
-import { n as c, t as l } from "./get-css-variable-DYnldi15.js";
-import { luzmoIcon as u, luzmoTrashOutline as d } from "@luzmo/icons";
-import { html as f, unsafeCSS as p } from "lit";
-import { property as m, queryAll as h } from "lit/decorators.js";
-import { msg as g } from "@lit/localize";
-//#region node_modules/@atlaskit/motion/dist/esm/utils/durations.js
-var _ = {
-	none: 0,
-	small: 100,
-	medium: 350,
-	large: 700
-}, v = .5;
-_.none, _.small * v, _.medium * v, _.large * v;
-//#endregion
-//#region node_modules/@atlaskit/pragmatic-drag-and-drop-flourish/dist/esm/trigger-post-move-flash.js
-function y(e) {
-	e.animate([{ backgroundColor: "var(--ds-background-selected, #E9F2FF)" }, {}], {
-		duration: _.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 b(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 x(e) {
-	for (var n = 1; n < arguments.length; n++) {
-		var r = arguments[n] == null ? {} : arguments[n];
-		n % 2 ? b(Object(r), !0).forEach(function(n) {
-			t(e, n, r[n]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach(function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-		});
-	}
-	return e;
-}
-var S = {
-	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);
-	}
-}, C = Symbol("closestEdge");
-function w(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: S[e](s, o)
-		};
-	}).sort(function(e, t) {
-		return e.value - t.value;
-	})[0]?.edge ?? null;
-	return x(x({}, e), {}, t({}, C, c));
-}
-function T(e) {
-	return e[C] ?? null;
-}
-//#endregion
-//#region src/components/slot-menu-list/slot-menu-list.module.scss?inline
-var E = ":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))}.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)}", D = class extends i(r, { validSizes: Object.values(a) }) {
-	constructor(...t) {
-		super(...t), this.language = "en", this.contentLanguage = "en", this.slotContents = [], 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 }) {
-						c({
-							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 = l(t, n) || l(t, i);
-									r[e] = a;
-								}), n.textContent = t.querySelector("[data-task-content]")?.textContent ?? 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 w({}, {
-							element: t,
-							input: e.input,
-							allowedEdges: ["top", "bottom"]
-						});
-					},
-					getIsSticky() {
-						return !0;
-					},
-					onDragEnter({ self: e }) {
-						let n = T(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 = T(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 = T(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 && (y(n.element), i.requestUpdate(), r());
-					}
-				});
-				this._cleanupFns.push(o);
-			});
-		}, this._detachAll = () => {
-			this._cleanupFns.forEach((e) => e()), this._cleanupFns = [];
-		};
-	}
-	static get styles() {
-		return [p(E)];
-	}
-	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 = this.slotContents.map((e, t) => {
-			let n = s(e.label ?? {}, this.contentLanguage), r = t === this.activeIndex;
-			return f`<li class=${r ? "active" : ""}>
-          <div class="draggable-slot-content"
-            tabindex="0"
-            role="option"
-            aria-selected=${r ? "true" : "false"}
-            @click=${this.setActiveIndex.bind(this, t)}
-            @keydown=${this._handleContentKeydown.bind(this, t)}
-          >
-            <span class="draggable-slot-content-label" data-task-content>${n}</span>
-            <button
-              class="draggable-slot-content-remove"
-              aria-label=${g("Remove", { desc: "Remove button label" })}
-              @click=${this._handleTrashClick.bind(this, t)}
-              @keydown=${this._handleTrashKeydown}
-            >
-              ${u(d)}
-            </button>
-          </div>
-        </li>`;
-		});
-		return f`<ul role="listbox" aria-label=${g("Slot contents", { desc: "Accessible label for slot menu content list" })}>${e}</ul>`;
-	}
-};
-//#endregion
-//#region src/components/slot-menu-list/index.ts
-o([m({
-	type: String,
-	reflect: !0
-})], D.prototype, "language", void 0), o([m({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], D.prototype, "contentLanguage", void 0), o([h(".draggable-slot-content")], D.prototype, "_draggableSlotContentElements", void 0), o([m({ type: Array })], D.prototype, "slotContents", void 0), o([m({ type: Number })], D.prototype, "activeIndex", void 0), customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", D);
-//#endregion
-export { D as t };

package/components/slots-config-BuHluMEl.js

@@ -1,77 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-//#region node_modules/@luzmo/dashboard-contents-types/src/lib/shared/utils/slots-registry.generated.js
-var e = {
-	"area-chart": () => import("./area-chart-slots.config--pd_dBTn.js").then((e) => e.t),
-	"bar-chart": () => import("./bar-chart-slots.config-Dr7v4xxd.js").then((e) => e.t),
-	"box-plot": () => import("./box-plot-slots.config-Bdb7pkky.js").then((e) => e.t),
-	"bubble-chart": () => import("./bubble-chart-slots.config-B4tsJDuz.js").then((e) => e.t),
-	"bullet-chart": () => import("./bullet-chart-slots.config-ccCSNJ5q.js").then((e) => e.t),
-	"choropleth-map": () => import("./choropleth-map-slots.config-X2YYrSXc.js").then((e) => e.t),
-	"circle-pack-chart": () => import("./circle-pack-chart-slots.config-BIO1dZsK.js").then((e) => e.t),
-	"circular-gauge": () => import("./circular-gauge-slots.config-Dv_7fAD_.js").then((e) => e.t),
-	"column-chart": () => import("./column-chart-slots.config-eHvTwZLX.js").then((e) => e.t),
-	"combination-chart": () => import("./combination-chart-slots.config-CG40JjE3.js").then((e) => e.t),
-	"conditional-number": () => import("./conditional-number-slots.config-o22l-qLv.js").then((e) => e.t),
-	"date-comparison-filter": () => import("./date-comparison-filter-slots.config-BIK5aZ6P.js").then((e) => e.t),
-	"date-filter": () => import("./date-filter-slots.config-CJJ4P0v6.js").then((e) => e.t),
-	"donut-chart": () => import("./donut-chart-slots.config-2XbT9Uu8.js").then((e) => e.t),
-	"dropdown-filter": () => import("./dropdown-filter-slots.config-CnESCGuw.js").then((e) => e.t),
-	"dynamic-imageobject": () => import("./dynamic-imageobject-slots.config-C9pnHqO_.js"),
-	"evolution-number": () => import("./evolution-number-slots.config-BKdD3cKw.js").then((e) => e.n),
-	"funnel-chart": () => import("./funnel-chart-slots.config-_9HUPvTb.js").then((e) => e.n),
-	"heat-map": () => import("./heat-map-slots.config-B4AswVSo.js").then((e) => e.n),
-	"heat-table": () => import("./heat-table-slots.config-CB509zU4.js").then((e) => e.n),
-	"hexbin-map": () => import("./hexbin-map-slots.config-Dyse0pui.js").then((e) => e.n),
-	image: () => import("./image-slots.config-CVj-DM07.js").then((e) => e.t),
-	"line-chart": () => import("./line-chart-slots.config-CcCpwWzZ.js").then((e) => e.n),
-	"marker-map": () => import("./marker-map-slots.config-BOWmS_IZ.js").then((e) => e.n),
-	"ohlc-chart": () => import("./ohlc-chart-slots.config-JRztPEXL.js").then((e) => e.n),
-	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-slots.config-pmbO5DnL.js").then((e) => e.n),
-	"pivot-table": () => import("./pivot-table-slots.config-DaLfGOP9.js").then((e) => e.n),
-	"pyramid-chart": () => import("./pyramid-chart-slots.config-DtnUlw5y.js").then((e) => e.n),
-	"radar-chart": () => import("./radar-chart-slots.config-CkLoeAV7.js").then((e) => e.n),
-	"regular-table": () => import("./regular-table-slots.config-Cc6hL7iu.js").then((e) => e.n),
-	"route-map": () => import("./route-map-slots.config-CQxB8gKC.js").then((e) => e.n),
-	"sankey-diagram": () => import("./sankey-diagram-slots.config-C9tIfWHU.js").then((e) => e.n),
-	"scatter-plot": () => import("./scatter-plot-slots.config-CUURijrN.js").then((e) => e.n),
-	"search-filter": () => import("./search-filter-slots.config-DD119qkk.js").then((e) => e.n),
-	"slicer-filter": () => import("./slicer-filter-slots.config-D-BhCuA9.js").then((e) => e.n),
-	"slider-filter": () => import("./slider-filter-slots.config-CGQG6JqK.js").then((e) => e.n),
-	"speedometer-chart": () => import("./speedometer-chart-slots.config-CjkHAHNX.js").then((e) => e.n),
-	"spike-map": () => import("./spike-map-slots.config-yMkdy-0w.js").then((e) => e.n),
-	"strip-plot": () => import("./strip-plot-slots.config-C07nIM5s.js").then((e) => e.n),
-	"sunburst-chart": () => import("./sunburst-chart-slots.config-BU9ma0xm.js").then((e) => e.n),
-	"symbol-map": () => import("./symbol-map-slots.config-CQJgV5bh.js").then((e) => e.n),
-	text: () => import("./text-slots.config-YmmXsb-0.js").then((e) => e.n),
-	"treemap-chart": () => import("./treemap-chart-slots.config-QEVbKZyS.js").then((e) => e.n),
-	"venn-diagram": () => import("./venn-diagram-slots.config-DsIqVOI2.js").then((e) => e.n),
-	video: () => import("./video-slots.config-B680gLmP.js").then((e) => e.n),
-	"wordcloud-chart": () => import("./wordcloud-chart-slots.config-mFvqkiQE.js").then((e) => e.n)
-}, t = (e) => `${e.replaceAll(/-([a-z])/g, (e, t) => t.toUpperCase())}SlotsConfig`, n = async (n) => {
-	try {
-		let r = e[n];
-		return r ? (await r())[t(n)] ?? null : null;
-	} catch {
-		return null;
-	}
-}, r = (e) => e ? n(e) : Promise.resolve(null);
-//#endregion
-export { r as t };

package/components/slots-config-DVH0lz6t.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-var e={"area-chart":()=>Promise.resolve().then(()=>require("./area-chart-slots.config-BOhwdLnr.cjs")).then(e=>e.t),"bar-chart":()=>Promise.resolve().then(()=>require("./bar-chart-slots.config-DMWjAd5a.cjs")).then(e=>e.t),"box-plot":()=>Promise.resolve().then(()=>require("./box-plot-slots.config-5B_pTjPJ.cjs")).then(e=>e.t),"bubble-chart":()=>Promise.resolve().then(()=>require("./bubble-chart-slots.config-VHKuntJk.cjs")).then(e=>e.t),"bullet-chart":()=>Promise.resolve().then(()=>require("./bullet-chart-slots.config-CZfTgKZ4.cjs")).then(e=>e.t),"choropleth-map":()=>Promise.resolve().then(()=>require("./choropleth-map-slots.config-CZKWF1qV.cjs")).then(e=>e.t),"circle-pack-chart":()=>Promise.resolve().then(()=>require("./circle-pack-chart-slots.config-GL7T5_o4.cjs")).then(e=>e.t),"circular-gauge":()=>Promise.resolve().then(()=>require("./circular-gauge-slots.config-DUHabt3G.cjs")).then(e=>e.t),"column-chart":()=>Promise.resolve().then(()=>require("./column-chart-slots.config-CM5aytbj.cjs")).then(e=>e.t),"combination-chart":()=>Promise.resolve().then(()=>require("./combination-chart-slots.config-BwUOXFCR.cjs")).then(e=>e.t),"conditional-number":()=>Promise.resolve().then(()=>require("./conditional-number-slots.config-B7maHIaG.cjs")).then(e=>e.t),"date-comparison-filter":()=>Promise.resolve().then(()=>require("./date-comparison-filter-slots.config-oABOLs3D.cjs")).then(e=>e.t),"date-filter":()=>Promise.resolve().then(()=>require("./date-filter-slots.config-Cuzz0RjE.cjs")).then(e=>e.t),"donut-chart":()=>Promise.resolve().then(()=>require("./donut-chart-slots.config-Bi08z-XB.cjs")).then(e=>e.t),"dropdown-filter":()=>Promise.resolve().then(()=>require("./dropdown-filter-slots.config-CR-Ko6q_.cjs")).then(e=>e.t),"dynamic-imageobject":()=>Promise.resolve().then(()=>require("./dynamic-imageobject-slots.config-BaAk9eHz.cjs")),"evolution-number":()=>Promise.resolve().then(()=>require("./evolution-number-slots.config-CikuQYgm.cjs")).then(e=>e.n),"funnel-chart":()=>Promise.resolve().then(()=>require("./funnel-chart-slots.config-B8zC6Q6_.cjs")).then(e=>e.n),"heat-map":()=>Promise.resolve().then(()=>require("./heat-map-slots.config-Wp_oS8JQ.cjs")).then(e=>e.n),"heat-table":()=>Promise.resolve().then(()=>require("./heat-table-slots.config-BN7rtHZG.cjs")).then(e=>e.n),"hexbin-map":()=>Promise.resolve().then(()=>require("./hexbin-map-slots.config-mx5zUTrA.cjs")).then(e=>e.n),image:()=>Promise.resolve().then(()=>require("./image-slots.config-ODQBVz5H.cjs")).then(e=>e.t),"line-chart":()=>Promise.resolve().then(()=>require("./line-chart-slots.config-vv66fcoE.cjs")).then(e=>e.n),"marker-map":()=>Promise.resolve().then(()=>require("./marker-map-slots.config-DigZk7lN.cjs")).then(e=>e.n),"ohlc-chart":()=>Promise.resolve().then(()=>require("./ohlc-chart-slots.config-D3fzoQJH.cjs")).then(e=>e.n),"parallel-coordinates-plot":()=>Promise.resolve().then(()=>require("./parallel-coordinates-plot-slots.config-s_tLqGA-.cjs")).then(e=>e.n),"pivot-table":()=>Promise.resolve().then(()=>require("./pivot-table-slots.config-KlYXL90k.cjs")).then(e=>e.n),"pyramid-chart":()=>Promise.resolve().then(()=>require("./pyramid-chart-slots.config-CreUpxI2.cjs")).then(e=>e.n),"radar-chart":()=>Promise.resolve().then(()=>require("./radar-chart-slots.config-B3oIp-8w.cjs")).then(e=>e.n),"regular-table":()=>Promise.resolve().then(()=>require("./regular-table-slots.config-UwzWj6gg.cjs")).then(e=>e.n),"route-map":()=>Promise.resolve().then(()=>require("./route-map-slots.config-DfYT65BF.cjs")).then(e=>e.n),"sankey-diagram":()=>Promise.resolve().then(()=>require("./sankey-diagram-slots.config-D-_u4w36.cjs")).then(e=>e.n),"scatter-plot":()=>Promise.resolve().then(()=>require("./scatter-plot-slots.config-CrG6wQtV.cjs")).then(e=>e.n),"search-filter":()=>Promise.resolve().then(()=>require("./search-filter-slots.config-DP06ulJA.cjs")).then(e=>e.n),"slicer-filter":()=>Promise.resolve().then(()=>require("./slicer-filter-slots.config-CHKpdJvF.cjs")).then(e=>e.n),"slider-filter":()=>Promise.resolve().then(()=>require("./slider-filter-slots.config-9R298H0t.cjs")).then(e=>e.n),"speedometer-chart":()=>Promise.resolve().then(()=>require("./speedometer-chart-slots.config-S_hQm2MV.cjs")).then(e=>e.n),"spike-map":()=>Promise.resolve().then(()=>require("./spike-map-slots.config-cKfaD6dQ.cjs")).then(e=>e.n),"strip-plot":()=>Promise.resolve().then(()=>require("./strip-plot-slots.config-DNYlrK_c.cjs")).then(e=>e.n),"sunburst-chart":()=>Promise.resolve().then(()=>require("./sunburst-chart-slots.config-DkUUt5RF.cjs")).then(e=>e.n),"symbol-map":()=>Promise.resolve().then(()=>require("./symbol-map-slots.config-DwNf547A.cjs")).then(e=>e.n),text:()=>Promise.resolve().then(()=>require("./text-slots.config-CPghLc8b.cjs")).then(e=>e.n),"treemap-chart":()=>Promise.resolve().then(()=>require("./treemap-chart-slots.config-CS3ot6ZJ.cjs")).then(e=>e.n),"venn-diagram":()=>Promise.resolve().then(()=>require("./venn-diagram-slots.config-DYTmU8v2.cjs")).then(e=>e.n),video:()=>Promise.resolve().then(()=>require("./video-slots.config-DMut7o7r.cjs")).then(e=>e.n),"wordcloud-chart":()=>Promise.resolve().then(()=>require("./wordcloud-chart-slots.config-V29v2Fhr.cjs")).then(e=>e.n)},t=e=>`${e.replaceAll(/-([a-z])/g,(e,t)=>t.toUpperCase())}SlotsConfig`,n=async n=>{try{let r=e[n];return r?(await r())[t(n)]??null:null}catch{return null}},r=e=>e?n(e):Promise.resolve(null);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});