npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.9-beta.8 → 1.1.1 - Mend

@luzmo/analytics-components-kit 1.0.9-beta.8 → 1.1.1

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

Files changed (2663) hide show

package/components/slot-menu-Bl6PrLIN.cjs DELETED Viewed

@@ -1,71 +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.
- * */
-require("./tokens-BWMfo_w4.cjs");const e=require("./base-BWU343D_.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./data-broker-CyMYR6w1.cjs"),r=require("./type-check-BehV9ZL1.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./display-settings-Dmvi7XT-.cjs"),o=require("./ad-hoc-slot-content-BwcFfXCV.cjs"),s=require("./period-over-period-condition.const-C1NZ9Bkp.cjs"),c=require("./slot-menu-list-BhgD2zt4.cjs");let l=require("@luzmo/icons"),u=require("lit"),d=require("lit/decorators.js"),f=require("@lit/localize"),p=require("lit/directives/guard.js"),m=require("@lit-labs/signals"),h=require("@lit/context");require("@luzmo/lucero/divider");let g=require("lit/directives/if-defined.js");var _=class{constructor(){this.slotContents=(0,m.signal)([]),this.slotsContents=(0,m.signal)([]),this.periodOverPeriodUiType=(0,m.signal)(null),this.periodOverPeriodAllowsPeriodsWithoutDatetimeColumn=(0,m.signal)(!1),this.periodOverPeriodHidesPastValue=(0,m.signal)(!1),this.linkedDataset=(0,m.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this._popPeriodsWithoutDatetimeColumnItemTypes=[`kpi`],this._popWithoutPastValueItemTypes=[`kpi`],this.activeSlotContents=(0,m.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,m.signal)(0)}isArrayColumnType(e){return e.startsWith(`array[`)}setPeriodOverPeriodCondition(e,t){if(this.periodOverPeriodAllowsPeriodsWithoutDatetimeColumn.set(this._popPeriodsWithoutDatetimeColumnItemTypes.includes(e)),this.periodOverPeriodHidesPastValue.set(this._popWithoutPastValueItemTypes.includes(e)),!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?s.t.HasDatetimeColumnAndComparisonFilters:t&&!n?s.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?s.t.NoDatetimeColumnButComparisonFilters:s.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?s.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)}},v=/^(?:[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 y(e){return typeof e==`string`&&v.test(e)}function b({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 x=`: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))}.slot-contents-container:has(>.close) .inner-container luzmo-display-settings{padding-block-start:var(--luzmo-slot-menu-close-button-clearance,var(--slot-menu-close-button-clearance))}: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));z-index:1;width:fit-content;margin-bottom:calc(-1 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;display:flex;position:relative;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));border-bottom:none}.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));border-bottom:none;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}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.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-close-button-clearance:calc(var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size)) + 2 * var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding)) + 2 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) + var(--luzmo-spacing-2));--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)}`,S=class extends (0,m.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.datasetsDataFields=[],this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,u.unsafeCSS)(x)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new _,new h.ContextProvider(this,{context:a.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return i.t(this._currentSlotContent.label,this.contentLanguage)??`Untitled`}_renderCurrentLabel(){let e={name:this.slotName,type:this.slotType};return o.i(this._currentSlotContent,e)?c.n(this._currentSlotContent):this._currentLabel}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=b({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&&y(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();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);let o=this.itemType===`kpi`?`comparison-measure`:`measure`;if(this.slotName===o){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),i=e.detail.activeIndex;i!==this._activeIndex&&(this._activeIndex=i,t.updateActive(i)),t.setContents(n,this.slotName),this._slotContents=t.slotContents.get();let a=this._slotContents[this._activeIndex],o=a?.column??a?.columnId,s=a?.set??a?.datasetId,c=a?.formulaId??(r.s(a?.formula)?a.formula:void 0);(o||c)&&s&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:s}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:s,level:a?.level??0,...o&&{columnId:o},...c&&{formulaId:c}}}))})),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 u.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,f.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
-        ${this.variant===`draggable`?u.html`<div class="drag-handle">${(0,l.luzmoIcon)(l.luzmoArrows)}</div>`:``}
-        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?u.html` <div class="slot-content-action">
-              <div class="slot-content-label">${this._renderCurrentLabel()}</div>
-              <button
-                class="slot-content-remove"
-                aria-label=${(0,f.msg)(`Remove`,{desc:`Remove button label`})}
-                @click=${this.removeSlotContent.bind(this,0)}
-              >
-                ${(0,l.luzmoIcon)(l.luzmoTrashOutline)}
-              </button>
-            </div>`:``}
-      </div>
-      <div
-        class="slot-contents-container ${this._slotContents?.length>1?`multiple`:``}"
-      >
-        ${this.variant===`popup`?``:u.html`<button class="close" aria-label=${(0,f.msg)(`Close`,{id:`close-action`,desc:`Close button label`})} @click=${this.close}>
-              ${(0,l.luzmoIcon)(l.luzmoClose12)}
-            </button>`}
-        <div class="inner-container">
-          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?u.html`<luzmo-slot-menu-list
-                .slotContents=${this._slotContents}
-                .contentLanguage=${this.contentLanguage}
-                .slotName=${this.slotName}
-                .slotType=${this.slotType}
-                .activeIndex=${this.slotIndex??this._activeIndex}
-                @luzmo-slot-list-changed=${this._handleSlotListChange}
-              ></luzmo-slot-menu-list>`:``}
-          ${(0,p.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e,this.slotName,this.datasetsDataFields,this.apiUrl,this.authKey,this.authToken],()=>u.html`<luzmo-display-settings
-                .size=${this.size}
-                .language=${this.language}
-                .contentLanguage=${this.contentLanguage}
-                .slotName=${this.slotName}
-                .slotType=${this.slotType}
-                .measureColumns=${this.measureColumns}
-                .showRemoveButton=${this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1)}
-                .slotContent=${this._currentSlotContent}
-                .datasetsDataFields=${this.datasetsDataFields}
-                api-url=${(0,g.ifDefined)(this.apiUrl)}
-                auth-key=${(0,g.ifDefined)(this.authKey)}
-                auth-token=${(0,g.ifDefined)(this.authToken)}
-                .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,d.property)({type:String,reflect:!0})],S.prototype,`language`,void 0),t.t([(0,d.property)({type:String,attribute:`content-language`,reflect:!0})],S.prototype,`contentLanguage`,void 0),t.t([(0,d.property)({type:String,attribute:`slot-type`,reflect:!0})],S.prototype,`slotType`,void 0),t.t([(0,d.property)({type:String,attribute:`slot-name`,reflect:!0})],S.prototype,`slotName`,void 0),t.t([(0,d.property)({type:String,attribute:`item-type`,reflect:!0})],S.prototype,`itemType`,void 0),t.t([(0,d.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],S.prototype,`noDrag`,void 0),t.t([(0,d.property)({type:Boolean,attribute:`no-close`,reflect:!0})],S.prototype,`noClose`,void 0),t.t([(0,d.property)({type:String,reflect:!0})],S.prototype,`variant`,void 0),t.t([(0,d.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],S.prototype,`noTopMenuLabel`,void 0),t.t([(0,h.consume)({context:a.n,subscribe:!0})],S.prototype,`_consumedStore`,void 0),t.t([(0,d.property)({type:String,attribute:`drag-boundary`,reflect:!1})],S.prototype,`dragBoundary`,void 0),t.t([(0,d.property)({type:Boolean})],S.prototype,`areGrandTotalsEnabled`,void 0),t.t([(0,d.property)({type:Boolean})],S.prototype,`areDatetimeOptionsEnabled`,void 0),t.t([(0,d.property)({type:Boolean})],S.prototype,`isBinningDisabled`,void 0),t.t([(0,d.property)({type:Boolean})],S.prototype,`isAggregationDisabled`,void 0),t.t([(0,d.property)({type:Boolean})],S.prototype,`isCumulativeSumEnabled`,void 0),t.t([(0,d.property)({type:Array,reflect:!1,attribute:`slot-contents`})],S.prototype,`slotContents`,void 0),t.t([(0,d.state)()],S.prototype,`_periodOverPeriodUiType`,void 0),t.t([(0,d.state)()],S.prototype,`measureColumns`,void 0),t.t([(0,d.property)({type:Number,reflect:!1,attribute:`slot-index`})],S.prototype,`slotIndex`,void 0),t.t([(0,d.query)(`luzmo-display-settings`)],S.prototype,`displaySettingsElement`,void 0),t.t([(0,d.query)(`luzmo-slot-menu-list`)],S.prototype,`slotMenuListElement`,void 0),t.t([(0,d.property)({type:String,attribute:`api-url`,reflect:!0})],S.prototype,`apiUrl`,void 0),t.t([(0,d.property)({type:String,attribute:`auth-key`,reflect:!0})],S.prototype,`authKey`,void 0),t.t([(0,d.property)({type:String,attribute:`auth-token`,reflect:!0})],S.prototype,`authToken`,void 0),t.t([(0,d.property)({attribute:!1})],S.prototype,`datasetsDataFields`,void 0),t.t([(0,d.state)()],S.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,S),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});

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

@@ -1,429 +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 "./tokens-Ov1pCR4Y.js";
-import { i as e, n as t, t as n } from "./base-BRTs2KqJ.js";
-import { t as r } from "./decorate-DyMgX_Uh.js";
-import { t as i } from "./data-broker-B0uUO5er.js";
-import { s as a } from "./type-check-CGREdneG.js";
-import { t as o } from "./localize-BT7REYBY.js";
-import { n as s } from "./display-settings-V5AltVPN.js";
-import { i as c } from "./ad-hoc-slot-content-hSlT62VS.js";
-import { t as l } from "./period-over-period-condition.const-BZ7j5Z5t.js";
-import { n as u } from "./slot-menu-list-BgwZS32Q.js";
-import { luzmoArrows as d, luzmoClose12 as f, luzmoIcon as p, luzmoTrashOutline as m } from "@luzmo/icons";
-import { html as h, unsafeCSS as g } from "lit";
-import { property as _, query as v, state as y } from "lit/decorators.js";
-import { msg as b } from "@lit/localize";
-import { guard as x } from "lit/directives/guard.js";
-import { SignalWatcher as S, computed as C, signal as w } from "@lit-labs/signals";
-import { ContextProvider as T, consume as E } from "@lit/context";
-import "@luzmo/lucero/divider";
-import { ifDefined as D } from "lit/directives/if-defined.js";
-//#region src/utils/slot-state/slot-store.ts
-var O = class {
-	constructor() {
-		this.slotContents = w([]), this.slotsContents = w([]), this.periodOverPeriodUiType = w(null), this.periodOverPeriodAllowsPeriodsWithoutDatetimeColumn = w(!1), this.periodOverPeriodHidesPastValue = w(!1), this.linkedDataset = w([]), this._popEnabledChartTypes = [
-			"area-chart",
-			"bar-chart",
-			"combination-chart",
-			"column-chart",
-			"line-chart"
-		], this._popPeriodsWithoutDatetimeColumnItemTypes = ["kpi"], this._popWithoutPastValueItemTypes = ["kpi"], this.activeSlotContents = C(() => this.slotContents.get()[this.activeIndex.get()]), this.activeIndex = w(0);
-	}
-	isArrayColumnType(e) {
-		return e.startsWith("array[");
-	}
-	setPeriodOverPeriodCondition(e, t) {
-		if (this.periodOverPeriodAllowsPeriodsWithoutDatetimeColumn.set(this._popPeriodsWithoutDatetimeColumnItemTypes.includes(e)), this.periodOverPeriodHidesPastValue.set(this._popWithoutPastValueItemTypes.includes(e)), !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 ? l.HasDatetimeColumnAndComparisonFilters : t && !n ? l.HasDatetimeColumnAndNoComparisonFilters : !t && n ? l.NoDatetimeColumnButComparisonFilters : l.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 ? l.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);
-	}
-}, k = /^(?:[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;
-//#endregion
-//#region node_modules/uuid/dist/validate.js
-function A(e) {
-	return typeof e == "string" && k.test(e);
-}
-//#endregion
-//#region src/utils/drag/draggable.ts
-function j({ 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);
-	};
-}
-//#endregion
-//#region src/components/slot-menu/slot-menu.module.scss?inline
-var M = ":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))}.slot-contents-container:has(>.close) .inner-container luzmo-display-settings{padding-block-start:var(--luzmo-slot-menu-close-button-clearance,var(--slot-menu-close-button-clearance))}: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));z-index:1;width:fit-content;margin-bottom:calc(-1 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;display:flex;position:relative;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));border-bottom:none}.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));border-bottom:none;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}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.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-close-button-clearance:calc(var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size)) + 2 * var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding)) + 2 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) + var(--luzmo-spacing-2));--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)}", N = class extends S(t(e, { validSizes: Object.values(n) })) {
-	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.datasetsDataFields = [], this._slotContents = [], this._activeIndex = this.slotIndex ?? 0, this._linkedDatasetsIds = [];
-	}
-	static get styles() {
-		return [g(M)];
-	}
-	get _store() {
-		return this._consumedStore ? this._consumedStore : (this._ownStore || (this._ownStore = new O(), new T(this, {
-			context: s,
-			initialValue: this._ownStore
-		})), this._ownStore);
-	}
-	get _currentSlotContent() {
-		return this._slotContents[this.slotIndex ?? this._activeIndex] ?? {};
-	}
-	get _currentLabel() {
-		return o(this._currentSlotContent.label, this.contentLanguage) ?? "Untitled";
-	}
-	_renderCurrentLabel() {
-		let e = {
-			name: this.slotName,
-			type: this.slotType
-		};
-		return c(this._currentSlotContent, e) ? u(this._currentSlotContent) : this._currentLabel;
-	}
-	connectedCallback() {
-		let e = {};
-		this.apiUrl && (e.apiUrl = this.apiUrl), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), i.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 = j({
-			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, n = t.slotContents.get(), r = e.has("slotContents");
-		Array.isArray(this.slotContents) && (n.length === 0 || r) && t.setContents(structuredClone(this.slotContents), this.slotName);
-		let a = t.slotContents.get();
-		if (a !== this._slotContents) {
-			this._slotContents = a;
-			let { set: e, column: n } = this._currentSlotContent;
-			if (e && A(e) && e !== this._lastFetchedDatasetId) {
-				if (this._lastFetchedDatasetId = e, await i.fetchDatasetsRecursive([e]), !this.isConnected) return;
-				this._linkedDatasetsIds = i.getLinkedDatasetsIds(e);
-			}
-			let r = i.getAvailableDatasets();
-			this.measureColumns = r.map((e) => ({
-				datasetId: e.id,
-				datasetName: e.name,
-				columns: e.columns?.filter((e) => e.type === "numeric" && e.id !== n)
-			})), t.activeIndex.get() !== this._activeIndex && t.updateActive(this._activeIndex);
-			let o = this.itemType === "kpi" ? "comparison-measure" : "measure";
-			if (this.slotName === o) {
-				t.linkedDataset.set(r.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], o = i?.column ?? i?.columnId, s = i?.set ?? i?.datasetId, c = i?.formulaId ?? (a(i?.formula) ? i.formula : void 0);
-		(o || c) && s && (this.dispatchEvent(new CustomEvent("luzmo-slot-menu-active", {
-			bubbles: !0,
-			composed: !0,
-			detail: { datasetId: s }
-		})), setTimeout(() => {
-			this.dispatchEvent(new CustomEvent("luzmo-slot-menu-highlight", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
-					datasetId: s,
-					level: i?.level ?? 0,
-					...o && { columnId: o },
-					...c && { formulaId: c }
-				}
-			}));
-		})), 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 h`<div class="slot-menu-top-menu" role="region" aria-label=${b("Slot menu", { desc: "Accessible label for slot menu region" })}>
-        ${this.variant === "draggable" ? h`<div class="drag-handle">${p(d)}</div>` : ""}
-        ${this._slotContents && this._slotContents.length === 1 && this.variant !== "popup" ? h` <div class="slot-content-action">
-              <div class="slot-content-label">${this._renderCurrentLabel()}</div>
-              <button
-                class="slot-content-remove"
-                aria-label=${b("Remove", { desc: "Remove button label" })}
-                @click=${this.removeSlotContent.bind(this, 0)}
-              >
-                ${p(m)}
-              </button>
-            </div>` : ""}
-      </div>
-      <div
-        class="slot-contents-container ${this._slotContents?.length > 1 ? "multiple" : ""}"
-      >
-        ${this.variant === "popup" ? "" : h`<button class="close" aria-label=${b("Close", {
-			id: "close-action",
-			desc: "Close button label"
-		})} @click=${this.close}>
-              ${p(f)}
-            </button>`}
-        <div class="inner-container">
-          ${this._slotContents?.length > 1 && typeof this.slotIndex != "number" ? h`<luzmo-slot-menu-list
-                .slotContents=${this._slotContents}
-                .contentLanguage=${this.contentLanguage}
-                .slotName=${this.slotName}
-                .slotType=${this.slotType}
-                .activeIndex=${this.slotIndex ?? this._activeIndex}
-                @luzmo-slot-list-changed=${this._handleSlotListChange}
-              ></luzmo-slot-menu-list>` : ""}
-          ${x([
-			this.variant,
-			this.language,
-			this.contentLanguage,
-			this._periodOverPeriodUiType,
-			this._activeIndex,
-			this.size,
-			e,
-			this.slotName,
-			this.datasetsDataFields,
-			this.apiUrl,
-			this.authKey,
-			this.authToken
-		], () => h`<luzmo-display-settings
-                .size=${this.size}
-                .language=${this.language}
-                .contentLanguage=${this.contentLanguage}
-                .slotName=${this.slotName}
-                .slotType=${this.slotType}
-                .measureColumns=${this.measureColumns}
-                .showRemoveButton=${this.variant === "popup" && (typeof this.slotIndex == "number" || this._slotContents?.length === 1)}
-                .slotContent=${this._currentSlotContent}
-                .datasetsDataFields=${this.datasetsDataFields}
-                api-url=${D(this.apiUrl)}
-                auth-key=${D(this.authKey)}
-                auth-token=${D(this.authToken)}
-                .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 = "";
-	}
-};
-//#endregion
-//#region src/components/slot-menu/index.ts
-r([_({
-	type: String,
-	reflect: !0
-})], N.prototype, "language", void 0), r([_({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], N.prototype, "contentLanguage", void 0), r([_({
-	type: String,
-	attribute: "slot-type",
-	reflect: !0
-})], N.prototype, "slotType", void 0), r([_({
-	type: String,
-	attribute: "slot-name",
-	reflect: !0
-})], N.prototype, "slotName", void 0), r([_({
-	type: String,
-	attribute: "item-type",
-	reflect: !0
-})], N.prototype, "itemType", void 0), r([_({
-	type: Boolean,
-	attribute: "no-drag",
-	reflect: !0
-})], N.prototype, "noDrag", void 0), r([_({
-	type: Boolean,
-	attribute: "no-close",
-	reflect: !0
-})], N.prototype, "noClose", void 0), r([_({
-	type: String,
-	reflect: !0
-})], N.prototype, "variant", void 0), r([_({
-	type: Boolean,
-	attribute: "no-top-menu-label",
-	reflect: !0
-})], N.prototype, "noTopMenuLabel", void 0), r([E({
-	context: s,
-	subscribe: !0
-})], N.prototype, "_consumedStore", void 0), r([_({
-	type: String,
-	attribute: "drag-boundary",
-	reflect: !1
-})], N.prototype, "dragBoundary", void 0), r([_({ type: Boolean })], N.prototype, "areGrandTotalsEnabled", void 0), r([_({ type: Boolean })], N.prototype, "areDatetimeOptionsEnabled", void 0), r([_({ type: Boolean })], N.prototype, "isBinningDisabled", void 0), r([_({ type: Boolean })], N.prototype, "isAggregationDisabled", void 0), r([_({ type: Boolean })], N.prototype, "isCumulativeSumEnabled", void 0), r([_({
-	type: Array,
-	reflect: !1,
-	attribute: "slot-contents"
-})], N.prototype, "slotContents", void 0), r([y()], N.prototype, "_periodOverPeriodUiType", void 0), r([y()], N.prototype, "measureColumns", void 0), r([_({
-	type: Number,
-	reflect: !1,
-	attribute: "slot-index"
-})], N.prototype, "slotIndex", void 0), r([v("luzmo-display-settings")], N.prototype, "displaySettingsElement", void 0), r([v("luzmo-slot-menu-list")], N.prototype, "slotMenuListElement", void 0), r([_({
-	type: String,
-	attribute: "api-url",
-	reflect: !0
-})], N.prototype, "apiUrl", void 0), r([_({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], N.prototype, "authKey", void 0), r([_({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], N.prototype, "authToken", void 0), r([_({ attribute: !1 })], N.prototype, "datasetsDataFields", void 0), r([y()], N.prototype, "_slotContents", void 0), customElements.get("luzmo-slot-menu") || customElements.define("luzmo-slot-menu", N);
-//#endregion
-export { O as n, N as t };