@luzmo/analytics-components-kit 1.0.2-beta.2 → 1.0.2

package/components/slot-menu-DJ_eACv4.cjs

@@ -0,0 +1,182 @@
+/*! * 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(`./chunk-i8uDWG73.cjs`);const e=require(`./base-B5o90RpS.cjs`),t=require(`./localized-mixin-BHSH5kux.cjs`),n=require(`./type-check-CWF5ZB7M.cjs`),r=require(`./localize-ClZMnvqx.cjs`),i=require(`./data-broker-5b59yEaf.cjs`),a=require(`./formatter-CHByVNC7.cjs`),o=require(`./default-local-formats-N57BDOvj.cjs`),s=require(`./period-over-period-condition.const-BQVj6TGa.cjs`),c=require(`./get-css-variable-DeZiBnvE.cjs`),l=require(`./validate-CwmpIa8E.cjs`);let u=require(`@luzmo/icons`),d=require(`lit`),f=require(`lit/decorators.js`),p=require(`@lit/localize`);require(`@luzmo/lucero/tooltip`);let m=require(`@lit-labs/signals`),h=require(`@lit/context`),g=require(`@lit/task`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/divider`),require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/multi-language-field`),require(`@luzmo/lucero/progress-circle`),require(`@luzmo/lucero/text-field`);let _=require(`lit/directives/guard.js`);var v=(0,h.createContext)(Symbol(`slot-store-context`)),y=`:host{font-family:var(--luzmo-display-settings-font-family,var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size,var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color,var(--luzmo-font-color))}.settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}.settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap,var(--display-settings-gap));display:flex}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin,var(--display-settings-ids-container-vertical-margin)) 0}luzmo-tooltip{--tooltip-font-size:var(--luzmo-display-settings-tooltip-font-size,var(--tooltip-font-size))}.setting{align-items:center;display:flex}.label-action-container{justify-content:space-between;align-items:center;gap:var(--luzmo-display-settings-info-to-remove-icon-gap,var(--display-settings-info-to-remove-icon-gap));display:flex}.label-action-container luzmo-action-button{margin-inline-start:var(--luzmo-spacing-2)}.ids-container{gap:var(--luzmo-display-settings-ids-container-gap,var(--luzmo-spacing-2));border-radius:50%;flex-direction:column;display:flex}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform,var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size,var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color,var(--display-settings-id-label-color))}.id-value{-webkit-user-select:text;user-select:text;cursor:text}.example-container{line-height:var(--luzmo-display-settings-example-height,var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size,var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color,var(--display-settings-example-color))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight,var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color,var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color,var(--display-settings-example-language-color))}.example-container{gap:var(--luzmo-display-settings-example-container-gap,var(--luzmo-spacing-2))}:host{--display-settings-font-family:var(--luzmo-font-family);--display-settings-id-label-text-transform:uppercase;--display-settings-id-label-color:var(--luzmo-secondary);--display-settings-font-size:var(--luzmo-font-size);--display-settings-id-label-font-size:var(--luzmo-font-size-s);--display-settings-gap:var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin:var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap:var(--luzmo-spacing-5)}:host([size=s]){--display-settings-id-label-font-size:var(--luzmo-font-size-s);--display-settings-font-size:var(--luzmo-font-size-s);--display-settings-gap:var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin:var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap:var(--luzmo-spacing-4)}:host([size=l]){--display-settings-id-label-font-size:var(--luzmo-font-size);--display-settings-font-size:var(--luzmo-font-size-l);--display-settings-gap:var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin:var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1))}:host([size=xl]){--display-settings-id-label-font-size:var(--luzmo-font-size-l);--display-settings-font-size:var(--luzmo-font-size-xl);--display-settings-gap:var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--display-settings-info-to-remove-icon-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))}:host{--display-settings-example-font-size:var(--luzmo-font-size);--display-settings-example-color:var(--luzmo-font-color);--display-settings-example-label-font-weight:bold;--display-settings-example-label-color:var(--luzmo-primary);--display-settings-example-language-color:var(--luzmo-primary);--display-settings-example-height:var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height:var(--luzmo-component-height-s);--display-settings-example-font-size:var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height:var(--luzmo-component-height-l);--display-settings-example-font-size:var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height:var(--luzmo-component-height-xl);--display-settings-example-font-size:var(--luzmo-font-size-l)}`,b=class extends (0,m.SignalWatcher)(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this._loadDisplaySettings=new g.Task(this,{task:async([e,t,n,r,i,a])=>{let o=[];a&&o.push(`grandTotals`),n&&o.push(`periodOverPeriod`),(e===`numeric`||e===`mixed`&&this._currentSlotContent?.type===`numeric`)&&o.push(`numeric`),e!==`numeric`&&this._currentSlotContent?.type===`datetime`&&o.push(`datetime`),![`numeric`,`mixed`].includes(e??``)&&this._currentSlotContent?.type===`numeric`&&!r&&o.push(`binning`),n&&!this._settingsTypeLoaded.periodOverPeriod&&(await Promise.resolve().then(()=>require(`./display-settings-period-over-period-Cwlc-BYt.cjs`)).then(e=>e.t),this._settingsTypeLoaded.periodOverPeriod=!0),o.length>0&&!t&&(o.includes(`numeric`)&&!this._settingsTypeLoaded.numeric?(await Promise.resolve().then(()=>require(`./display-settings-numeric-CIWwLj-7.cjs`)).then(e=>e.t),this._settingsTypeLoaded.numeric=!0):o.includes(`datetime`)&&!this._settingsTypeLoaded.datetime&&i?(await Promise.resolve().then(()=>require(`./display-settings-datetime-BLEd3Np0.cjs`)).then(e=>e.t),this._settingsTypeLoaded.datetime=!0):o.includes(`binning`)&&!this._settingsTypeLoaded.binning?(await Promise.resolve().then(()=>require(`./display-settings-binning-CaIao-s-.cjs`)).then(e=>e.t),this._settingsTypeLoaded.binning=!0):o.includes(`grandTotals`)&&!this._settingsTypeLoaded.grandTotals&&(await Promise.resolve().then(()=>require(`./display-settings-grand-totals-C5ZxTlxh.cjs`)).then(e=>e.t),this._settingsTypeLoaded.grandTotals=!0))},args:()=>[this.slotType,this.hideDisplaySettings,this._store?.periodOverPeriodUiType.get(),this.isBinningDisabled,this.areDatetimeOptionsEnabled,this.areGrandTotalsEnabled,this.slotContent]}),this.language=`en`,this.contentLanguage=`en`,this.slotType=`numeric`,this.slotContent={},this._showIds=!1,this.measureColumns=[],this._settingsTypeLoaded={binning:!1,datetime:!1,numeric:!1,grandTotals:!1,periodOverPeriod:!1,hierarchy:!0},this._currentSlotContent={}}static get styles(){return[(0,d.unsafeCSS)(y)]}_datasetDatetimeColumns(){return this._store?.linkedDataset.get().flatMap(e=>e.columns?.filter(e=>e.type===`datetime`).map(t=>({...t,datasetId:e.id})))}willUpdate(e){let t=this._store?.activeSlotContents.get(),n=this._store?.periodOverPeriodUiType.get();if(this.periodOverPeriodUiType!==n&&(this.periodOverPeriodUiType=n),this._store){t!==this._lastStoreContent&&(this._lastStoreContent=t,this._currentSlotContent=t?structuredClone(t):{});return}if(e.has(`slotContent`)||Object.keys(this._currentSlotContent).length===0){let e=this.slotContent;e&&(this._currentSlotContent=structuredClone(e))}}get datasetId(){return this._currentSlotContent.datasetId??this._currentSlotContent.set}get formulaOrColumnId(){return this._currentSlotContent.formula??this._currentSlotContent.columnId??this._currentSlotContent.column}resetInfoVisibility(e){this._showIds&&this._toggleIds(e)}_onSlotContentChange(e){e.stopPropagation(),e.preventDefault(),this._currentSlotContent=structuredClone(e.detail.slotContent),this._sendEvent(),this.requestUpdate()}_onLabelChange(){this._currentSlotContent=structuredClone(this._currentSlotContent),this._currentSlotContent.label=this._multiLanguageFieldElement.value||{},this._sendEvent(),this.requestUpdate()}_sendEvent(){this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this._currentSlotContent}}})),this._store&&(this._store.updateContent({...this._currentSlotContent}),this._lastStoreContent=this._store.activeSlotContents.get())}_removeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-remove-slot-content`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}_toggleIds(e=!0){this._showIds=!this._showIds,e&&this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:{isVisible:this._showIds,slotContent:{...this._currentSlotContent}}}))}_renderExampleRow(){let e=this.slotType===`numeric`||this.slotType===`mixed`&&this._currentSlotContent.type===`numeric`,t=this.slotType!==`datetime`&&this._currentSlotContent.type===`datetime`&&this.areDatetimeOptionsEnabled;if(!(e||t))return d.nothing;let n=!this._currentSlotContent.datetimeDisplayMode||this._currentSlotContent.datetimeDisplayMode===`default`,r=e?1234.56:n?new Date:1,i=a.t({...this._currentSlotContent,type:e?`numeric`:`datetime`},{locale:this.contentLanguage,level:this._currentSlotContent.level})(r);return d.html`<div class="settings-row example-container">
+      <span class="example-label"
+        >${(0,p.msg)(`Example`,{desc:`Label for example`})}:</span
+      >
+      <span class="example">${i}</span>
+    </div>`}_renderDisplaySettings(){return d.html`<div class="settings-container">
+        <div class="settings-row">
+          <div class="setting">
+            <div class="label-container">
+              <luzmo-field-label side-aligned="start" .size=${this.size}
+                >Label:</luzmo-field-label
+              >
+              <luzmo-multi-language-field
+                label="Label"
+                .language=${this.contentLanguage}
+                .value=${this._currentSlotContent.label??{}}
+                .size=${this.size}
+                debounce="200"
+                @change=${this._onLabelChange}
+              ></luzmo-multi-language-field>
+            </div>
+            <div class="label-action-container">
+              <luzmo-action-button quiet .size=${this.size} .label=${(0,p.msg)(`Show dataset and column IDs`,{desc:`Show IDs button label`})} aria-expanded=${this._showIds} @click=${this._toggleIds}>
+                ${(0,u.luzmoIcon)(u.luzmoInfoCircleOutline)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  ${(0,p.msg)(`Show dataset and column IDs`,{desc:`Show IDs button label`})}
+                </luzmo-tooltip>
+              </luzmo-action-button>
+              ${this.showRemoveButton?d.html`<luzmo-action-button quiet .size=${this.size} .label=${(0,p.msg)(`Remove`,{desc:`Remove button label`})} @click=${this._removeEvent}>
+                    ${(0,u.luzmoIcon)(u.luzmoTrashOutline)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      ${(0,p.msg)(`Remove`,{desc:`Remove button label`})}
+                    </luzmo-tooltip>
+                  </luzmo-action-button>`:``}
+            </div>
+          </div>
+        </div>
+        ${this.areGrandTotalsEnabled?d.html`<luzmo-display-settings-grand-totals
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-grand-totals>`:``}
+        ${this.slotType===`numeric`||this.slotType===`mixed`&&this._currentSlotContent.type===`numeric`?d.html`<luzmo-display-settings-numeric
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .measureColumns=${this.measureColumns}
+              .isAggregationDisabled=${this.isAggregationDisabled}
+              .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-numeric>`:``}
+        ${this.slotType!==`numeric`&&this._currentSlotContent.type===`datetime`&&this.areDatetimeOptionsEnabled?d.html`<luzmo-display-settings-datetime
+              .language=${this.language}
+              .contentLanguage=${this.contentLanguage}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-datetime>`:``}
+        ${![`numeric`,`mixed`].includes(this.slotType??``)&&this._currentSlotContent.type===`numeric`&&!this.isBinningDisabled?d.html`<luzmo-display-settings-binning
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-binning>`:``}
+        ${this.periodOverPeriodUiType?d.html`<luzmo-display-settings-period-over-period
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .periodOverPeriodUiType=${this.periodOverPeriodUiType}
+              .linkedDatasetDatetimeColumns=${this._datasetDatetimeColumns()}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-period-over-period>`:``}
+        ${this._renderExampleRow()}
+      </div>
+      ${this._showIds?d.html` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label"
+                  >${this._currentSlotContent.formula?(0,p.msg)(`Formula`,{desc:`Label for formula type`}):(0,p.msg)(`Column`,{desc:`Label for column type`})}:
+                </span>
+                <span class="id-value">
+                  ${this.formulaOrColumnId}
+                </span>
+              </div>
+              <div>
+                <span class="id-label">Dataset: </span>
+                <span class="id-value">
+                  ${this.datasetId}
+                </span>
+              </div>
+              <div></div>
+            </div>`:``}`}render(){return this._loadDisplaySettings.render({pending:()=>d.html`<luzmo-progress-circle
+          indeterminate
+          .label=${(0,p.msg)(`Loading`,{desc:`Loading spinner label`})}
+          .size=${this.size}
+        ></luzmo-progress-circle>`,complete:()=>this._renderDisplaySettings(),error:()=>this._renderDisplaySettings()})}disconnectedCallback(){super.disconnectedCallback?.(),this._loadDisplaySettings.abort?.()}};t.n([(0,f.property)({type:String})],b.prototype,`language`,void 0),t.n([(0,f.property)({type:String,attribute:`content-language`})],b.prototype,`contentLanguage`,void 0),t.n([(0,f.property)({type:Boolean,attribute:`hide-display-settings`})],b.prototype,`hideDisplaySettings`,void 0),t.n([(0,f.property)({type:Boolean})],b.prototype,`isBinningDisabled`,void 0),t.n([(0,f.property)({type:Boolean})],b.prototype,`areDatetimeOptionsEnabled`,void 0),t.n([(0,f.property)({type:Boolean})],b.prototype,`areGrandTotalsEnabled`,void 0),t.n([(0,f.property)({type:Boolean})],b.prototype,`isAggregationDisabled`,void 0),t.n([(0,f.property)({type:Boolean})],b.prototype,`isCumulativeSumEnabled`,void 0),t.n([(0,f.property)({type:String})],b.prototype,`periodOverPeriodUiType`,void 0),t.n([(0,f.property)({type:Boolean,attribute:`show-remove-button`})],b.prototype,`showRemoveButton`,void 0),t.n([(0,f.property)({type:String,attribute:`slot-type`})],b.prototype,`slotType`,void 0),t.n([(0,f.property)({type:Object,attribute:!1})],b.prototype,`slotContent`,void 0),t.n([(0,f.state)()],b.prototype,`_showIds`,void 0),t.n([(0,f.property)({type:Array,reflect:!1})],b.prototype,`measureColumns`,void 0),t.n([(0,f.query)(`luzmo-multi-language-field`)],b.prototype,`_multiLanguageFieldElement`,void 0),t.n([(0,h.consume)({context:v,subscribe:!0})],b.prototype,`_store`,void 0),customElements.get(`luzmo-display-settings`)||customElements.define(`luzmo-display-settings`,b);var x=(e,t)=>{let r={type:e.type,datasetId:e.datasetId,set:e.datasetId};`columnId`in e&&!n.n(e.columnId)&&e.columnId!==``?(r.columnId=e.columnId,r.column=e.columnId):`formulaId`in e&&!n.n(e.formulaId)&&e.formulaId!==``?(r.formulaId=e.formulaId,r.formula=e.formulaId):`formula`in e&&typeof e.formula==`string`&&e.formula!==``&&(r.formula=e.formula);let i=e.type===`datetime`||e.type===`array[datetime]`,a={...e.name??{en:`Untitled`}},s=e.level;if(i&&(s=s??e.lowestLevel??9,t)){let e=o.t.shortLevels?.filter(e=>e!==`All`)??[],t=e[Math.max(0,Math.min(e.length-1,(s??1)-1))];if(t){let e=`(${t})`,n=Object.keys(a);for(let t of n)a[t]=`${a[t]} ${e}`}}return r.label=a,n.n(e.subtype)||(r.subtype=e.subtype),`lowestLevel`in e&&!n.n(e.lowestLevel)&&(r.lowestLevel=e.lowestLevel),n.n(e.format)||(r.format=e.format),n.n(s)||(r.level=s),n.n(e.lowestLevel)||(r.lowestLevel=e.lowestLevel),e.type===`numeric`&&e.subtype===`currency`&&e.currency?.symbol&&(r.currency=e.currency.symbol),Array.isArray(e.duration_levels)&&e.duration_format&&(r.duration={levels:e.duration_levels,format:e.duration_format}),r},S=[`datetime`,`hierarchy`,`numeric`,`spatial`,`array[datetime]`,`array[numeric]`,`array[hierarchy]`,`array[spatial]`],C=class{constructor(){this.slotContents=(0,m.signal)([]),this.slotsContents=(0,m.signal)([]),this.periodOverPeriodUiType=(0,m.signal)(null),this.linkedDataset=(0,m.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],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(!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)}};function w({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 T={none:0,small:100,medium:350,large:700},E=.5;T.none,T.small*E,T.medium*E,T.large*E;function D(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:T.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function O(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 k(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?O(Object(n),!0).forEach(function(t){c.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var A={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)}},j=Symbol(`closestEdge`);function M(e,t){var n=t.element,r=t.input,i=t.allowedEdges,a={x:r.clientX,y:r.clientY},o=n.getBoundingClientRect(),s=i.map(function(e){return{edge:e,value:A[e](o,a)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return k(k({},e),{},c.a({},j,s))}function N(e){return e[j]??null}var P=`: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)}`,F=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,r=c.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){c.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let r={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,i])=>{r[t]=c.t(e,n)||c.t(e,i)}),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(r);let i=c.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return M({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=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=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=N(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(i)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,d.unsafeCSS)(P)]}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=r.t(e.label??{},this.contentLanguage),i=t===this.activeIndex;return d.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>${n}</span>
+            <button
+              class="draggable-slot-content-remove"
+              aria-label=${(0,p.msg)(`Remove`,{desc:`Remove button label`})}
+              @click=${this._handleTrashClick.bind(this,t)}
+              @keydown=${this._handleTrashKeydown}
+            >
+              ${(0,u.luzmoIcon)(u.luzmoTrashOutline)}
+            </button>
+          </div>
+        </li>`});return d.html`<ul role="listbox" aria-label=${(0,p.msg)(`Slot contents`,{desc:`Accessible label for slot menu content list`})}>${e}</ul>`}};t.n([(0,f.property)({type:String,reflect:!0})],F.prototype,`language`,void 0),t.n([(0,f.property)({type:String,attribute:`content-language`,reflect:!0})],F.prototype,`contentLanguage`,void 0),t.n([(0,f.queryAll)(`.draggable-slot-content`)],F.prototype,`_draggableSlotContentElements`,void 0),t.n([(0,f.property)({type:Array})],F.prototype,`slotContents`,void 0),t.n([(0,f.property)({type:Number})],F.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,F);var I=`:host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal)) var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical)) var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur)) var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.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)}`,L=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._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,d.unsafeCSS)(I)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new C,new h.ContextProvider(this,{context:v,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),i.t.configure(e),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&=(this._cleanupDrag(),void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!==`draggable`||this.noDrag)return;let e=this.renderRoot.querySelector(`.drag-handle`);if(!e)return;let t=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=w({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&&l.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await i.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=i.t.getLinkedDatasetsIds(e)}let r=i.t.getAvailableDatasets();if(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),this.slotName===`measure`){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))}_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 d.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,p.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
+        ${this.variant===`draggable`?d.html`<div class="drag-handle">${(0,u.luzmoIcon)(u.luzmoArrows)}</div>`:``}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?d.html` <div class="slot-content-action">
+              <div class="slot-content-label">${this._currentLabel}</div>
+              <button
+                class="slot-content-remove"
+                aria-label=${(0,p.msg)(`Remove`,{desc:`Remove button label`})}
+                @click=${this.removeSlotContent.bind(this,0)}
+              >
+                ${(0,u.luzmoIcon)(u.luzmoTrashOutline)}
+              </button>
+            </div>`:``}
+      </div>
+      <div
+        class="slot-contents-container ${this._slotContents?.length>1?`multiple`:``}"
+      >
+        ${this.variant===`popup`?``:d.html`<button class="close" aria-label=${(0,p.msg)(`Close`,{id:`close-action`,desc:`Close button label`})} @click=${this.close}>
+              ${(0,u.luzmoIcon)(u.luzmoClose12)}
+            </button>`}
+        <div class="inner-container">
+          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?d.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,_.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e],()=>d.html`<luzmo-display-settings
+                .size=${this.size}
+                .language=${this.language}
+                .contentLanguage=${this.contentLanguage}
+                .slotType=${this.slotType}
+                .measureColumns=${this.measureColumns}
+                .showRemoveButton=${this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1)}
+                .slotContent=${this._currentSlotContent}
+                .areGrandTotalsEnabled=${this.areGrandTotalsEnabled}
+                .areDatetimeOptionsEnabled=${this.areDatetimeOptionsEnabled}
+                .isBinningDisabled=${this.isBinningDisabled}
+                .isAggregationDisabled=${this.isAggregationDisabled}
+                .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+                @luzmo-slot-content-changed=${this._handleSlotContentChange}
+                @luzmo-remove-slot-content=${this._removeActiveSlotContent}
+                @luzmo-info-visibility-changed=${this._handleInfoVisibilityChanged}
+              ></luzmo-display-settings>`)}
+        </div>
+      </div>`}firstUpdated(){this._attachDragHandle()}resetPosition(){this.style.transform=``}};t.n([(0,f.property)({type:String,reflect:!0})],L.prototype,`language`,void 0),t.n([(0,f.property)({type:String,attribute:`content-language`,reflect:!0})],L.prototype,`contentLanguage`,void 0),t.n([(0,f.property)({type:String,attribute:`slot-type`,reflect:!0})],L.prototype,`slotType`,void 0),t.n([(0,f.property)({type:String,attribute:`slot-name`,reflect:!0})],L.prototype,`slotName`,void 0),t.n([(0,f.property)({type:String,attribute:`item-type`,reflect:!0})],L.prototype,`itemType`,void 0),t.n([(0,f.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],L.prototype,`noDrag`,void 0),t.n([(0,f.property)({type:Boolean,attribute:`no-close`,reflect:!0})],L.prototype,`noClose`,void 0),t.n([(0,f.property)({type:String,reflect:!0})],L.prototype,`variant`,void 0),t.n([(0,f.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],L.prototype,`noTopMenuLabel`,void 0),t.n([(0,h.consume)({context:v,subscribe:!0})],L.prototype,`_consumedStore`,void 0),t.n([(0,f.property)({type:String,attribute:`drag-boundary`,reflect:!1})],L.prototype,`dragBoundary`,void 0),t.n([(0,f.property)({type:Boolean})],L.prototype,`areGrandTotalsEnabled`,void 0),t.n([(0,f.property)({type:Boolean})],L.prototype,`areDatetimeOptionsEnabled`,void 0),t.n([(0,f.property)({type:Boolean})],L.prototype,`isBinningDisabled`,void 0),t.n([(0,f.property)({type:Boolean})],L.prototype,`isAggregationDisabled`,void 0),t.n([(0,f.property)({type:Boolean})],L.prototype,`isCumulativeSumEnabled`,void 0),t.n([(0,f.property)({type:Array,reflect:!1,attribute:`slot-contents`})],L.prototype,`slotContents`,void 0),t.n([(0,f.state)()],L.prototype,`_periodOverPeriodUiType`,void 0),t.n([(0,f.state)()],L.prototype,`measureColumns`,void 0),t.n([(0,f.property)({type:Number,reflect:!1,attribute:`slot-index`})],L.prototype,`slotIndex`,void 0),t.n([(0,f.query)(`luzmo-display-settings`)],L.prototype,`displaySettingsElement`,void 0),t.n([(0,f.query)(`luzmo-slot-menu-list`)],L.prototype,`slotMenuListElement`,void 0),t.n([(0,f.property)({type:String,attribute:`api-url`,reflect:!0})],L.prototype,`apiUrl`,void 0),t.n([(0,f.property)({type:String,attribute:`auth-key`,reflect:!0})],L.prototype,`authKey`,void 0),t.n([(0,f.property)({type:String,attribute:`auth-token`,reflect:!0})],L.prototype,`authToken`,void 0),t.n([(0,f.state)()],L.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,L),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return L}});

package/components/slots-config-B31P7UpZ.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+var e={"area-chart":()=>Promise.resolve().then(()=>require(`./area-chart-slots.config-DjycpTaw.cjs`)).then(e=>e.t),"bar-chart":()=>Promise.resolve().then(()=>require(`./bar-chart-slots.config-CAVVqSGR.cjs`)).then(e=>e.t),"box-plot":()=>Promise.resolve().then(()=>require(`./box-plot-slots.config-Cheexqth.cjs`)).then(e=>e.t),"bubble-chart":()=>Promise.resolve().then(()=>require(`./bubble-chart-slots.config-DXdinVGk.cjs`)).then(e=>e.t),"bullet-chart":()=>Promise.resolve().then(()=>require(`./bullet-chart-slots.config-BLvsgdFY.cjs`)).then(e=>e.t),"choropleth-map":()=>Promise.resolve().then(()=>require(`./choropleth-map-slots.config-IKIs0Qhc.cjs`)).then(e=>e.t),"circle-pack-chart":()=>Promise.resolve().then(()=>require(`./circle-pack-chart-slots.config-CBheDGUz.cjs`)).then(e=>e.t),"circular-gauge":()=>Promise.resolve().then(()=>require(`./circular-gauge-slots.config-BGahLaff.cjs`)).then(e=>e.t),"column-chart":()=>Promise.resolve().then(()=>require(`./column-chart-slots.config-DJ1yFbM1.cjs`)).then(e=>e.t),"combination-chart":()=>Promise.resolve().then(()=>require(`./combination-chart-slots.config-TCCQ0leo.cjs`)).then(e=>e.t),"conditional-number":()=>Promise.resolve().then(()=>require(`./conditional-number-slots.config-KuN1BRai.cjs`)).then(e=>e.t),"date-comparison-filter":()=>Promise.resolve().then(()=>require(`./date-comparison-filter-slots.config-CaPMIb3B.cjs`)).then(e=>e.t),"date-filter":()=>Promise.resolve().then(()=>require(`./date-filter-slots.config-Cjl5AMri.cjs`)).then(e=>e.t),"donut-chart":()=>Promise.resolve().then(()=>require(`./donut-chart-slots.config-BeV0DEPj.cjs`)).then(e=>e.t),"dropdown-filter":()=>Promise.resolve().then(()=>require(`./dropdown-filter-slots.config-NATtfTiQ.cjs`)).then(e=>e.t),"dynamic-imageobject":()=>Promise.resolve().then(()=>require(`./dynamic-imageobject-slots.config-6eGKx7Jj.cjs`)),"evolution-number":()=>Promise.resolve().then(()=>require(`./evolution-number-slots.config-DxrnNozM.cjs`)).then(e=>e.n),"funnel-chart":()=>Promise.resolve().then(()=>require(`./funnel-chart-slots.config-87RFu_1v.cjs`)).then(e=>e.n),"heat-map":()=>Promise.resolve().then(()=>require(`./heat-map-slots.config-DJwbVo9D.cjs`)).then(e=>e.n),"heat-table":()=>Promise.resolve().then(()=>require(`./heat-table-slots.config-Cu8XZhE3.cjs`)).then(e=>e.n),"hexbin-map":()=>Promise.resolve().then(()=>require(`./hexbin-map-slots.config-CBZncqre.cjs`)).then(e=>e.n),image:()=>Promise.resolve().then(()=>require(`./image-slots.config-Sjy48iiP.cjs`)).then(e=>e.t),"line-chart":()=>Promise.resolve().then(()=>require(`./line-chart-slots.config-DSRk1zYe.cjs`)).then(e=>e.n),"marker-map":()=>Promise.resolve().then(()=>require(`./marker-map-slots.config-DCPc9hi2.cjs`)).then(e=>e.n),"ohlc-chart":()=>Promise.resolve().then(()=>require(`./ohlc-chart-slots.config-Zsy9_hua.cjs`)).then(e=>e.n),"parallel-coordinates-plot":()=>Promise.resolve().then(()=>require(`./parallel-coordinates-plot-slots.config-BbVDAm6N.cjs`)).then(e=>e.n),"pivot-table":()=>Promise.resolve().then(()=>require(`./pivot-table-slots.config-DuVH3A0m.cjs`)).then(e=>e.n),"pyramid-chart":()=>Promise.resolve().then(()=>require(`./pyramid-chart-slots.config-CVecNgmj.cjs`)).then(e=>e.n),"radar-chart":()=>Promise.resolve().then(()=>require(`./radar-chart-slots.config-_ImItffI.cjs`)).then(e=>e.n),"regular-table":()=>Promise.resolve().then(()=>require(`./regular-table-slots.config-CLWlnDW9.cjs`)).then(e=>e.n),"route-map":()=>Promise.resolve().then(()=>require(`./route-map-slots.config-DXYRogko.cjs`)).then(e=>e.n),"sankey-diagram":()=>Promise.resolve().then(()=>require(`./sankey-diagram-slots.config-D5bj_5Uu.cjs`)).then(e=>e.n),"scatter-plot":()=>Promise.resolve().then(()=>require(`./scatter-plot-slots.config-CcGdZjLs.cjs`)).then(e=>e.n),"search-filter":()=>Promise.resolve().then(()=>require(`./search-filter-slots.config-DVMwEDwf.cjs`)).then(e=>e.n),"slicer-filter":()=>Promise.resolve().then(()=>require(`./slicer-filter-slots.config-CfeO1_11.cjs`)).then(e=>e.n),"slider-filter":()=>Promise.resolve().then(()=>require(`./slider-filter-slots.config-BndlsXxy.cjs`)).then(e=>e.n),"speedometer-chart":()=>Promise.resolve().then(()=>require(`./speedometer-chart-slots.config-DBD7ICcn.cjs`)).then(e=>e.n),"spike-map":()=>Promise.resolve().then(()=>require(`./spike-map-slots.config-D6_nKaMS.cjs`)).then(e=>e.n),"strip-plot":()=>Promise.resolve().then(()=>require(`./strip-plot-slots.config-OMhp1M3n.cjs`)).then(e=>e.n),"sunburst-chart":()=>Promise.resolve().then(()=>require(`./sunburst-chart-slots.config-C0YQnVA9.cjs`)).then(e=>e.n),"symbol-map":()=>Promise.resolve().then(()=>require(`./symbol-map-slots.config-DRO7ACf9.cjs`)).then(e=>e.n),text:()=>Promise.resolve().then(()=>require(`./text-slots.config-D_5vBYIi.cjs`)).then(e=>e.n),"treemap-chart":()=>Promise.resolve().then(()=>require(`./treemap-chart-slots.config-BmFrK74v.cjs`)).then(e=>e.n),"venn-diagram":()=>Promise.resolve().then(()=>require(`./venn-diagram-slots.config-D16Zn-N_.cjs`)).then(e=>e.n),video:()=>Promise.resolve().then(()=>require(`./video-slots.config-CpNpWL-J.cjs`)).then(e=>e.n),"wordcloud-chart":()=>Promise.resolve().then(()=>require(`./wordcloud-chart-slots.config-CTNw1Fb_.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}});

package/components/slots-config-Vad4qt6p.js

@@ -0,0 +1,77 @@
+/*! * 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-JC5VVzyj.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-slots.config-DBCVet-e.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-slots.config-j8yh7rSf.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-slots.config-Dh0AGQMo.js").then((e) => e.t),
+	"bullet-chart": () => import("./bullet-chart-slots.config-DSerN_n-.js").then((e) => e.t),
+	"choropleth-map": () => import("./choropleth-map-slots.config-cpEGrBPM.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-slots.config-C6O3Hyqc.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-slots.config-BD_JNBdT.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-slots.config-BwxPzq20.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-slots.config-BN6IIzWx.js").then((e) => e.t),
+	"conditional-number": () => import("./conditional-number-slots.config-DE-VErSV.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-slots.config-Dg3UCGQ3.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-slots.config-CqJl1Ex8.js").then((e) => e.t),
+	"donut-chart": () => import("./donut-chart-slots.config-y4uoDreh.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-slots.config-BYnQoMt4.js").then((e) => e.t),
+	"dynamic-imageobject": () => import("./dynamic-imageobject-slots.config-BjeMARnu.js"),
+	"evolution-number": () => import("./evolution-number-slots.config-DjdS-hrk.js").then((e) => e.n),
+	"funnel-chart": () => import("./funnel-chart-slots.config-6Dt22Y0H.js").then((e) => e.n),
+	"heat-map": () => import("./heat-map-slots.config-DhdGo08E.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-slots.config-DbbF415G.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-slots.config-CcEdUNMo.js").then((e) => e.n),
+	image: () => import("./image-slots.config-WA8V8Az_.js").then((e) => e.t),
+	"line-chart": () => import("./line-chart-slots.config-BrO0Of0D.js").then((e) => e.n),
+	"marker-map": () => import("./marker-map-slots.config-CXwRURG_.js").then((e) => e.n),
+	"ohlc-chart": () => import("./ohlc-chart-slots.config-I5xKShES.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-slots.config-C6IKgdU5.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-slots.config-B3hh63Y4.js").then((e) => e.n),
+	"pyramid-chart": () => import("./pyramid-chart-slots.config-o07x-qG3.js").then((e) => e.n),
+	"radar-chart": () => import("./radar-chart-slots.config-CzTUzB7t.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-slots.config-BosKzz6u.js").then((e) => e.n),
+	"route-map": () => import("./route-map-slots.config-B2sxVrcF.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-slots.config-CFsPSRUP.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-slots.config-Bw_2z_u-.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-slots.config-DowsXUXg.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-slots.config-DGITaKeK.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-slots.config-B6TPBi-W.js").then((e) => e.n),
+	"speedometer-chart": () => import("./speedometer-chart-slots.config-u6zDb1qI.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-slots.config-B5GUG2zZ.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-slots.config-DSL9pviC.js").then((e) => e.n),
+	"sunburst-chart": () => import("./sunburst-chart-slots.config-CdSIIWX9.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-slots.config-DCf_dpHe.js").then((e) => e.n),
+	text: () => import("./text-slots.config-CuS8WsJA.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-slots.config-Q_4A9tOB.js").then((e) => e.n),
+	"venn-diagram": () => import("./venn-diagram-slots.config-BI9Zm4LX.js").then((e) => e.n),
+	video: () => import("./video-slots.config-BCkCMpWQ.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-slots.config-EoaMRgAk.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/speedometer-chart-options.config-1xMFMaSZ.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require(`./chunk-i8uDWG73.cjs`),t=require(`./helpers-DnfGgD6n.cjs`);var n=e.n({default:()=>a}),r=e=>e?.find(e=>e?.name===`target`)?.content?.length===0&&(e?.find(e=>e?.name===`measure`)?.content?.length??0)>0,i=[{color:`#ff0000`,value:0},{color:`#ffa500`,value:25},{color:`#ffff00`,value:50},{color:`#008000`,value:75},{color:`#006400`,value:100}],a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!1}},{key:`display.meterValue`,control:{type:`switch`,label:`Value`,default:!0}},{key:`display.meterLabel`,control:{type:`switch`,label:`Label`,default:!0}},{key:`display.ticks`,control:{type:`switch`,label:`Ticks`,default:!0}},{key:`degrees`,control:{type:`slider`,label:`Arc size`,default:230,min:180,max:360,step:1}},{key:`arcWidth`,control:{type:`slider`,label:`Gauge width`,default:.08,min:.02,max:.7,step:.01}},{type:`divider`},{key:`manualValues.display`,control:{type:`picker`,label:`Ticks display`,default:`absolute`,enum:[`absolute`,`percentage`]}},{key:`manualValues.mode`,control:{type:`picker`,label:`Range type`,default:`relative`,enum:[`relative`,`absolute`],toOptions:({options:e,value:t})=>{let n=e?.manualValues?.mode??`relative`,r={...e,manualValues:{...e.manualValues,mode:t}};if(t===`absolute`&&n===`relative`&&r.manualValues?.ranges&&r.manualValues?.target){let e=r.manualValues.target;r.manualValues.ranges=r.manualValues.ranges.map(t=>({...t,val:typeof t.val==`number`?t.val*e/100:t.val}))}else t===`relative`&&n===`absolute`&&r.manualValues?.ranges?.length&&(r.manualValues.target=r.manualValues.ranges.at(-1)?.val,r.manualValues.ranges=r.manualValues.ranges.map(e=>({...e,value:typeof e.val==`number`&&r.manualValues?.target?e.val*100/r.manualValues.target:e.val})));return r}}},{key:`manualValues.target`,control:{type:`number-field`,label:`Manual target`,placeholder:`Target value`,minWidthInputField:`150px`},visibleIf:({options:e,slots:t})=>e?.manualValues?.mode!==`absolute`&&r(t)},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!0,minimumRangeSize:2,percentage:({options:e})=>e?.manualValues?.mode!==`absolute`,noAlphaChannel:!0,hideLabel:!0,label:`Color ranges`,default:()=>structuredClone(i),parseValue:e=>e?.map(e=>({color:e?.color,value:e?.value??e?.val})),toValue:e=>e?.map(e=>({color:e?.color,val:e?.value}))}}]},{key:`marker`,type:`group`,open:!1,children:[{key:`marker.type`,control:{type:`picker`,label:`Marker type`,default:`innerBand`,enum:[`needle`,`line`,`inside`,`outside`,`centerBand`,`innerBand`]}},{key:`marker.color`,control:{type:`color-picker`,label:`Marker color`,default:({theme:e})=>t.s(e),extraLabel:({options:e,theme:n})=>t.f(e,n,`marker.color`),extraLabelHasClickAction:({options:e,theme:n})=>t.i(e,n,`marker.color`),extraLabelClickAction:({options:e,theme:n})=>t.r(e,n,`marker.color`)},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type!==`innerBand`},{key:`marker.centerBandWidth`,control:{type:`slider`,label:`Marker width`,default:.34,min:.1,max:1,step:.01},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`centerBand`},{key:`marker.lineWidth`,control:{type:`slider`,label:`Line width`,default:2,min:1,max:10,step:1},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`line`},{key:`marker.arrowSize`,control:{type:`slider`,label:`Arrow size`,default:.05,min:.05,max:.2,step:.01},visibleIf:({options:e})=>e?.marker?.type&&[`inside`,`outside`].includes(e?.marker?.type)}]}];Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});