@luzmo/analytics-components-kit 1.3.0 → 2.0.0

package/components/heat-table-options.config-D21xtaIk.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./rolldown-runtime-DbbDpzbe.cjs"),t=require("./axis-options.config-Dg9pczlQ.cjs"),n=require("./info-tooltip-options.config-B9T0cwSM.cjs"),r=require("./interactivity-options.config-Bzk2L-qh.cjs"),i=require("./slot-content-DYiwtIBX.cjs"),a=require("./color-palettes-BFpQSXfW.cjs"),o=require("./color-range-utils-D8uygiMe.cjs");var s=e.n({default:()=>l}),c=(e,{slots:t})=>{let n=t?.find(t=>t?.name===e)?.content?.[0]?.type;return i.t(n)?[`auto`,`asc`,`desc`]:[`asc`,`desc`]},l=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.values`,control:{type:`switch`,label:`Show values`,default:!1}}]},{key:`heatTable`,type:`group`,label:`Heat table`,open:!0,children:[{key:`heattable.opacity`,control:{type:`slider`,label:`Opacity`,default:.8,min:0,max:1,step:.01}},{key:`heattable.rounding`,control:{type:`slider`,label:`Rounding`,default:({theme:e})=>e?.itemSpecific?.rounding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`?typeof e?.heattable?.rounding==`number`?`reset`:`auto`:null,extraLabelHasClickAction:({options:e,theme:t})=>typeof t?.itemSpecific?.rounding==`number`&&typeof e?.heattable?.rounding==`number`,extraLabelClickAction:({options:e})=>{let t={...e,heattable:{...e.heattable,rounding:void 0}};return delete t.heattable.rounding,{value:null,options:t}}}},{key:`heattable.spacing`,control:{type:`slider`,label:`Spacing`,default:({theme:e})=>e?.itemSpecific?.padding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>typeof t?.itemSpecific?.padding==`number`?typeof e?.heattable?.spacing==`number`?`reset`:`auto`:null,extraLabelHasClickAction:({options:e,theme:t})=>typeof t?.itemSpecific?.padding==`number`&&typeof e?.heattable?.spacing==`number`,extraLabelClickAction:({options:e})=>{let t={...e,heattable:{...e.heattable,spacing:void 0}};return delete t.heattable.spacing,{value:null,options:t}}}},{key:`colorsType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],toOptions:({options:e,value:t})=>{let n=a.t()?.[e?.colorsClass]?.type,r=e?.colorsType??n??`sequential`,i=e?.colorsClass??`PuBu`,s=e?.numberClasses??7,c=o.n(e?.manualValues?.ranges),l=r===`manual`?`manual`:i,u={...e,colorsType:t};if(t===`manual`){let e=o.t(s,l,c);u.manualValues={...u.manualValues,ranges:o.r(e)}}else t!==r&&(u.colorsClass=a.n(t??`sequential`)[0]),delete u.manualValues;return u}}},{key:`classification`,control:{type:`picker`,label:`Method`,default:`quantile`,enum:[`interval`,`quantile`,`continuous`]},visibleIf:({options:e})=>e?.colorsType!==`manual`},{key:`numberClasses`,control:{type:`picker`,label:`Number of classes`,default:`7`,enum:[`3`,`4`,`5`,`6`,`7`,`8`,`9`],parseValue:e=>e?.toString()??`7`,toOptions:({options:e,value:t})=>{let n=Number.parseInt(t,10)||7,r={...e,numberClasses:n};if(e?.colorsType===`manual`){let n=o.t(t,`manual`,o.n(e?.manualValues?.ranges));r.manualValues={...r.manualValues,ranges:o.r(n)}}return r}}},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let t=a.t()?.[e?.colorsClass]?.type;return a.n(e?.colorsType??t??`sequential`)[0]},enum:({options:e})=>{let t=a.t()?.[e?.colorsClass]?.type;return a.n(e?.colorsType??t??`sequential`)},toOptions:({options:e,value:t})=>{let n=a.t()?.[e?.colorsClass]?.type,r={...e,colorsClass:t,colorsType:n??`sequential`};return delete r.manualValues,r}},visibleIf:({options:e})=>e?.colorsType!==`manual`},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!1,debounce:500,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>o.t(e?.numberClasses??7,`manual`,o.n(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:o.r(t)}})},visibleIf:({options:e})=>e?.colorsType===`manual`}]},t.n([{axis:`x`,role:`axis`,color:!0,label:!0,tickMode:!0},{axis:`y`,role:`axis`,color:!0,label:!0,tickMode:!0}],[{key:`sort.x.order`,control:{type:`picker`,label:`X-axis order`,default:`asc`,enum:e=>c(`x-axis`,e)}},{key:`sort.y.order`,control:{type:`picker`,label:`Y-axis order`,default:`asc`,enum:e=>c(`y-axis`,e)}}]),n.t(),r.t({select:{default:!0}})];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/interactive-viz-item-ojdH1uk0.cjs

@@ -1,268 +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-CGDNY_7v.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-EoNvtTBG.cjs"),r=require("./is-same-option-value-Cf6BQcs7.cjs"),i=require("./chart-helpers-fMnqHRzC.cjs"),a=require("./create-lazy-loader-DYPgQh0L.cjs");let o=require("@luzmo/icons");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/icon"),require("@luzmo/lucero/overlay"),require("@luzmo/lucero/popover");let s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/embed"),require("@luzmo/lucero/action-group"),require("@luzmo/lucero/field-label"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/picker"),require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/tabs");var u=`:host{box-sizing:border-box;display:block;container-type:inline-size}.answer{width:100%;display:block}.chart-actions-bar{justify-content:space-between;align-items:flex-start;gap:var(--luzmo-interactive-viz-item-actions-gap,var(--interactive-viz-item-actions-gap));padding-block:var(--luzmo-interactive-viz-item-actions-padding-block,var(--interactive-viz-item-actions-padding-block));flex-wrap:nowrap;margin-block-start:var(--luzmo-interactive-viz-item-actions-margin-block-start,var(--interactive-viz-item-actions-margin-block-start));display:flex}.chart-actions-primary{gap:var(--luzmo-interactive-viz-item-actions-gap,var(--interactive-viz-item-actions-gap));flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex}.ranking-content{gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-3);flex-direction:column;display:flex}.ranking-row{gap:var(--luzmo-spacing-3);align-items:center;display:flex}.ranking-number{width:4rem}.icon-flipped{transform:scaleY(-1)}.chart-container{border-radius:var(--luzmo-interactive-viz-item-chart-border-radius,var(--interactive-viz-item-chart-border-radius));height:var(--luzmo-interactive-viz-item-chart-height,var(--interactive-viz-item-chart-height));overflow:hidden}.chart-container luzmo-embed-viz-item{width:100%;height:100%;display:block}.feedback-row{padding-block:var(--luzmo-interactive-viz-item-feedback-padding-block,var(--interactive-viz-item-feedback-padding-block));justify-content:space-between;align-items:center;display:flex}.rating-btn-positive{--luzmo-action-button-content-color-default-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-hover-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-down-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-focus-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-background-color-default-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-hover-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-down-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-focus-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background))}.rating-btn-negative{--luzmo-action-button-content-color-default-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-hover-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-down-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-focus-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-background-color-default-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-hover-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-down-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-focus-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background))}.config-toggle{--luzmo-action-button-border-radius:32px;margin-inline-start:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.config-panel{border:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));border-radius:var(--luzmo-interactive-viz-item-config-panel-border-radius,var(--interactive-viz-item-config-panel-border-radius));padding:var(--luzmo-interactive-viz-item-config-panel-padding,var(--interactive-viz-item-config-panel-padding));background:var(--luzmo-interactive-viz-item-config-panel-background,var(--interactive-viz-item-config-panel-background));margin-block-start:var(--luzmo-spacing-2)}.config-panel luzmo-tab-panel[selected]{padding-block-start:var(--luzmo-spacing-4);display:block}.config-panel luzmo-item-option-panel,.config-panel luzmo-item-slot-picker-panel,.config-panel luzmo-filters{width:100%;max-height:15rem;scrollbar-width:thin;scrollbar-color:var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color)) transparent;padding-inline-end:var(--luzmo-spacing-3);overflow-y:auto}.edit-grid{min-height:12.5rem;display:flex}.edit-column{gap:var(--luzmo-spacing-3);flex-direction:column;display:flex}.edit-column:first-child{flex-shrink:0;max-width:15rem}.edit-column-filters{border-inline-start:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));flex:1;min-width:18.75rem;padding-inline-start:var(--luzmo-spacing-5)}@container (width<=520px){.edit-grid{flex-direction:column}.edit-column,.edit-column:first-child{width:100%;min-width:0;max-width:100%}.edit-column-filters{border-inline-start:none;border-block-start:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));min-width:0;margin-block-start:var(--luzmo-spacing-3);padding-block-start:var(--luzmo-spacing-4);padding-inline-start:0}}@container (width<=768px){.chart-container{height:calc(var(--luzmo-interactive-viz-item-chart-height,var(--interactive-viz-item-chart-height)) - var(--luzmo-interactive-viz-item-chart-narrow-offset,var(--interactive-viz-item-chart-narrow-offset)))}}:host{--interactive-viz-item-actions-gap:var(--luzmo-spacing-3);--interactive-viz-item-actions-padding-block:var(--luzmo-spacing-3);--interactive-viz-item-actions-margin-block-start:var(--luzmo-spacing-5);--interactive-viz-item-chart-height:20rem;--interactive-viz-item-chart-narrow-offset:2.5rem;--interactive-viz-item-chart-border-radius:var(--luzmo-border-radius);--interactive-viz-item-feedback-padding-block:var(--luzmo-spacing-4);--interactive-viz-item-config-panel-padding:var(--luzmo-spacing-5);--interactive-viz-item-config-panel-border-color:var(--luzmo-border-color);--interactive-viz-item-config-panel-border-radius:var(--luzmo-border-radius);--interactive-viz-item-config-panel-background:var(--luzmo-background-color);--interactive-viz-item-rating-positive-color:var(--luzmo-positive-color,#12855a);--interactive-viz-item-rating-negative-color:var(--luzmo-negative-color,#ca221c);--interactive-viz-item-rating-selected-background:var(--luzmo-background-color-focus,#0000000f)}:host([size=s]){--interactive-viz-item-chart-height:17.5rem}:host([size=l]){--interactive-viz-item-chart-height:22rem}:host([size=xl]){--interactive-viz-item-chart-height:24rem}`,d=a.t(()=>Promise.resolve().then(()=>require("./add-to-dashboard/index.cjs"))).load,f=[`luzmo-filters`,`luzmo-item-option-panel`,`luzmo-item-slot-picker-panel`],p=a.t(()=>Promise.all([Promise.resolve().then(()=>require("./filters/index.cjs")),Promise.resolve().then(()=>require("./item-option-panel/index.cjs")),Promise.resolve().then(()=>require("./item-slot-picker-panel/index.cjs"))])),m=p.load,h=()=>p.isLoaded()||f.every(e=>customElements.get(e)!==void 0),g=0,_={},v=(e,t)=>t!==null&&r.n(JSON.parse(JSON.stringify(e)),JSON.parse(JSON.stringify(t))),y=class extends n.t(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.chart=null,this.feedback=null,this.messageId=``,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.contentLanguage=``,this.hideActions=!1,this.hideFeedback=!1,this.hideConfigPanel=!1,this.addToDashboard=!1,this.dashboardActions=null,this.controlled=!1,this.liveInteractions=!1,this._configPanelOpen=!1,this._configPanelPending=!1,this._configPanelLoadFailed=!1,this._rankingTriggerId=`interactive-viz-item-ranking-${++g}`,this._interactionGeneration=0,this._openInteractions=new Map,this._ownCharts=[],this._handleSlotsChanged=e=>{this.chart&&this._emitChart({...this.chart,slots:e.detail.slotsContents})},this._handleFiltersChanged=e=>{this.chart&&this._emitChart({...this.chart,filters:e.detail.filters})},this._handleOptionsChanged=e=>{if(!this.chart)return;let{options:t,interaction:n}=e.detail;if(!t)return;if(n){let e=this._openInteractions.get(n.id);if(!e||!this._isCurrentContext(e)){e?.generation===this._interactionGeneration&&this._invalidateInteractions();return}}let r=this.chart.options.theme??{};this._emitChart({...this.chart,options:{...t,theme:r}},n)},this._handleInteractionStart=e=>{if(!this.chart)return;let t={chart:this.chart,generation:this._interactionGeneration,auth:this._auth};this._openInteractions.set(e.detail.id,t),this._dispatchInteraction(e,t)},this._handleInteractionClosed=e=>{let t=this._openInteractions.get(e.detail.id);this._openInteractions.delete(e.detail.id),this._openInteractions.size===0&&(this._ownCharts=this._ownCharts.slice(-1)),t&&this._dispatchInteraction(e,t)}}static get styles(){return[(0,s.unsafeCSS)(u)]}get _effectiveContentLanguage(){return this.contentLanguage||this.language}_dispatch(e,t){let n=new CustomEvent(e,{detail:t,bubbles:!0,composed:!0});this.dispatchEvent(n)}get _chartActions(){return this.chart?i.n(i.o(this.chart)):[]}get _rating(){return this.feedback?.rating??0}get _canShowConfigPanel(){return!this.chart||this.hideConfigPanel?!1:!this.chart.inlineData||i.i(i.o(this.chart).slots).length>0}async _toggleConfigPanel(){if(this._configPanelLoadFailed=!1,this._configPanelOpen)this.endInteraction(),this._configPanelOpen=!1;else if(!this._configPanelPending){if(!h()){this._configPanelPending=!0;try{await m()}catch(e){console.warn(`Failed to load the chart configuration panel:`,e),this._configPanelLoadFailed=!0;return}finally{this._configPanelPending=!1}}this.isConnected&&this._canShowConfigPanel&&(this._configPanelOpen=!0)}}endInteraction(){this.renderRoot?.querySelector(`luzmo-item-option-panel`)?.endInteraction?.()}willUpdate(e){super.willUpdate(e),this._openInteractions.size>0&&this._invalidatesInteractions(e)&&this._invalidateInteractions(),e.has(`addToDashboard`)&&this.addToDashboard&&d().catch(e=>console.warn(`Failed to load add to dashboard:`,e))}_emitOptions(e){!this.controlled&&this.chart&&(this.chart={...this.chart,options:e}),this._dispatch(`luzmo-chart-options-changed`,{options:e})}_invalidatesInteractions(e){return e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`)||e.has(`hideConfigPanel`)?!0:e.has(`chart`)&&[...this._openInteractions.values()].some(e=>!this._isCurrentChart(e))}_invalidateInteractions(){this._interactionGeneration++,this.endInteraction()}get _auth(){return[this.authKey,this.authToken,this.apiUrl]}_isCurrentChart(e){let t=this.chart;return t===e.chart||this._ownCharts.some(e=>e===t)||[...this._ownCharts].reverse().some(e=>v(e,t))||v(e.chart,t)}_isCurrentContext(e){return e.generation===this._interactionGeneration&&e.auth.every((e,t)=>e===this._auth[t])&&this._isCurrentChart(e)}_emitChart(e,t){this._ownCharts=this._openInteractions.size>0?[...this._ownCharts,e]:[e],this.controlled||(this.chart=e),this._dispatch(`luzmo-chart-changed`,t?{chart:e,interaction:t}:{chart:e})}_handleDropdownChange(e,t){if(!this.chart)return;t.stopPropagation();let n=t.detail,r=typeof n==`string`?n:n?.value??t.target?.value;if(!r)return;let a=i.t({...i.o(this.chart),options:this.chart.options},{type:`chartAction`,actionType:e.mutationType,key:r});this._emitOptions(a.options)}_currentRanking(e){return e.ranking??{active:!1,number:5,direction:i.c.Top}}_currentSort(e){return e.sort??{direction:i.u.Desc,by:i.l.Measure}}_emitRankAndSort(e,t){this.chart&&this._emitOptions({...this.chart.options,ranking:e,sort:t})}_renderOptionDropdown(e){let t=e.values??[],n=e.currentValue||t[0]?.key||``;return s.html`
-      <luzmo-picker
-        size=${this.size}
-        variant="highlight"
-        value=${n}
-        @change=${t=>this._handleDropdownChange(e,t)}
-      >
-        ${t.map(e=>s.html`<luzmo-menu-item value=${e.key}>${e.label}</luzmo-menu-item>`)}
-      </luzmo-picker>
-    `}_renderRankingPicker(e){let t=this._currentRanking(e),n=this._currentSort(e);if(!t.active)return s.html`
-        <luzmo-action-button
-          size=${this.size}
-          @click=${()=>this._emitRankAndSort({active:!0,number:5,direction:i.c.Top},n)}
-        >
-          <luzmo-icon slot="icon" size="xs" .icon=${o.luzmoAlignLeft}></luzmo-icon>
-          ${(0,l.msg)(`Show top 5`,{desc:`Label to activate top-N ranking on a chart`})}
-        </luzmo-action-button>
-      `;let r=t.direction===i.c.Bottom?(0,l.msg)(`Bottom`,{desc:`Ranking direction: keep the lowest values`}):(0,l.msg)(`Top`,{desc:`Ranking direction: keep the highest values`});return s.html`
-      <luzmo-action-button size=${this.size} id=${this._rankingTriggerId}>
-        <luzmo-icon slot="icon" size="xs" .icon=${o.luzmoAlignLeft}></luzmo-icon>
-        ${r} ${t.number||5}
-      </luzmo-action-button>
-
-      <luzmo-overlay type="auto" placement="bottom-start" trigger=${`${this._rankingTriggerId}@click`}>
-        <luzmo-popover>
-          <div class="ranking-content">
-            <div class="ranking-row">
-              <luzmo-action-group
-                size=${this.size}
-                compact
-                selects="single"
-                .selected=${[t.direction]}
-                @change=${t=>this._handleDirectionChange(e,t)}
-              >
-                <luzmo-action-button value="top" emphasized
-                  >${(0,l.msg)(`Top`,{desc:`Ranking direction: keep the highest values`})}</luzmo-action-button
-                >
-                <luzmo-action-button value="bottom" emphasized
-                  >${(0,l.msg)(`Bottom`,{desc:`Ranking direction: keep the lowest values`})}</luzmo-action-button
-                >
-              </luzmo-action-group>
-
-              <luzmo-number-field
-                class="ranking-number"
-                size=${this.size}
-                hide-stepper
-                min="1"
-                max="100"
-                step="1"
-                .value=${t.number}
-                @change=${t=>this._handleNumberChange(e,t)}
-                @input=${t=>this._handleNumberChange(e,t)}
-              ></luzmo-number-field>
-            </div>
-
-            <div class="ranking-row">
-              <luzmo-action-group
-                size=${this.size}
-                compact
-                selects="single"
-                .selected=${[n.by]}
-                @change=${t=>this._handleSortByChange(e,t)}
-              >
-                <luzmo-action-button value="measure" emphasized>123</luzmo-action-button>
-                <luzmo-action-button value="category" emphasized>ABC</luzmo-action-button>
-              </luzmo-action-group>
-
-              <luzmo-action-group
-                size=${this.size}
-                compact
-                selects="single"
-                .selected=${[n.direction]}
-                @change=${t=>this._handleSortDirectionChange(e,t)}
-              >
-                <luzmo-action-button
-                  value="desc"
-                  emphasized
-                  label=${(0,l.msg)(`Sort descending`,{desc:`Sort chart values in descending order`})}
-                >
-                  <luzmo-icon slot="icon" size="xs" .icon=${o.luzmoAlignLeft}></luzmo-icon>
-                </luzmo-action-button>
-                <luzmo-action-button
-                  value="asc"
-                  emphasized
-                  label=${(0,l.msg)(`Sort ascending`,{desc:`Sort chart values in ascending order`})}
-                >
-                  <luzmo-icon slot="icon" size="xs" class="icon-flipped" .icon=${o.luzmoAlignLeft}></luzmo-icon>
-                </luzmo-action-button>
-              </luzmo-action-group>
-            </div>
-          </div>
-        </luzmo-popover>
-      </luzmo-overlay>
-    `}_handleDirectionChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort({...this._currentRanking(e),direction:n[0]},this._currentSort(e))}_handleNumberChange(e,t){t.stopPropagation();let n=t.target?.value,r=typeof n==`number`?n:Number.parseInt(String(n),10);!Number.isNaN(r)&&r>=1&&this._emitRankAndSort({...this._currentRanking(e),number:r},this._currentSort(e))}_handleSortByChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort(this._currentRanking(e),{...this._currentSort(e),by:n[0]})}_handleSortDirectionChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort(this._currentRanking(e),{...this._currentSort(e),direction:n[0]})}_renderAddToDashboard(){return this.addToDashboard?s.html`
-      <luzmo-add-to-dashboard
-        size=${this.size}
-        language=${this.language}
-        .chart=${this.chart}
-        .dashboardActions=${this.dashboardActions}
-        .authKey=${this.authKey}
-        .authToken=${this.authToken}
-        .apiUrl=${this.apiUrl}
-      ></luzmo-add-to-dashboard>
-    `:s.nothing}_renderActions(){return this.hideActions?s.html`
-        <div class="chart-actions-bar">
-          <div class="chart-actions-primary"></div>
-          <slot name="chart-actions-extra"></slot>
-          ${this._renderAddToDashboard()}
-        </div>
-      `:s.html`
-      <div class="chart-actions-bar">
-        <div class="chart-actions-primary">
-          ${this._chartActions.map(e=>e.type===`optionDropdown`?this._renderOptionDropdown(e):this._renderRankingPicker(e))}
-        </div>
-        <slot name="chart-actions-extra"></slot>
-        ${this._renderAddToDashboard()}
-      </div>
-    `}_renderChart(){if(!this.chart)return s.nothing;let e=i.o(this.chart);return s.html`
-      <div class="chart-container" part="chart-container">
-        <luzmo-embed-viz-item
-          .type=${e.type}
-          .options=${e.options}
-          .slots=${e.slots}
-          .filters=${e.filters??[]}
-          .inlineData=${e.inlineData}
-          .authKey=${this.authKey}
-          .authToken=${this.authToken}
-          .apiHost=${this.apiUrl}
-          .appServer=${this.appServer}
-          .language=${this._effectiveContentLanguage}
-          .canFilter=${this.canFilter??!1}
-        ></luzmo-embed-viz-item>
-      </div>
-    `}_renderFeedback(){let e=!this.hideFeedback&&!!this.messageId,t=this._canShowConfigPanel,n=(0,l.msg)(`Loading`,{desc:`Loading spinner label`});return!e&&!t?s.nothing:s.html`
-      <div class="feedback-row">
-        ${e?s.html`
-                <luzmo-action-group quiet size=${this.size}>
-                  <luzmo-action-button
-                    class="rating-btn-positive"
-                    value="positive"
-                    quiet
-                    label=${(0,l.msg)(`Good response`,{desc:`Accessible label for the positive feedback button`})}
-                    ?selected=${this._rating===1}
-                    @click=${()=>this._toggleRating(!0)}
-                  >
-                    <luzmo-icon slot="icon" size="s" .icon=${o.luzmoThumbsUp}></luzmo-icon>
-                  </luzmo-action-button>
-                  <luzmo-action-button
-                    class="rating-btn-negative"
-                    value="negative"
-                    quiet
-                    label=${(0,l.msg)(`Bad response`,{desc:`Accessible label for the negative feedback button`})}
-                    ?selected=${this._rating===-1}
-                    @click=${()=>this._toggleRating(!1)}
-                  >
-                    <luzmo-icon slot="icon" size="s" .icon=${o.luzmoThumbsDown}></luzmo-icon>
-                  </luzmo-action-button>
-                </luzmo-action-group>
-              `:s.nothing}
-        ${t?s.html`
-                <luzmo-action-button
-                  class="config-toggle"
-                  size=${this.size}
-                  quiet
-                  ?selected=${this._configPanelOpen}
-                  aria-expanded=${this._configPanelOpen}
-                  aria-label=${this._configPanelPending?n:(0,l.msg)(`Configure chart`,{desc:`Accessible label for the chart config toggle`})}
-                  @click=${()=>this._toggleConfigPanel()}
-                >
-                  ${this._configPanelPending?s.html`<luzmo-progress-circle slot="icon" size="s" indeterminate .label=${n}></luzmo-progress-circle>`:s.html`<luzmo-icon slot="icon" size="s" .icon=${o.luzmoInfoCircle}></luzmo-icon>`}
-                </luzmo-action-button>
-                <span class="sr-only" role="status" aria-live="polite">${this._configPanelPending?n:``}</span>
-                <span class="sr-only" role="alert">${this._configPanelLoadFailed?(0,l.msg)(`Failed to load the chart configuration. Please try again.`,{desc:`Error message when the chart config panel fails to load`}):``}</span>
-              `:s.nothing}
-      </div>
-    `}_toggleRating(e){let t=e?1:-1,n=this._rating===t?0:t;this._dispatch(`luzmo-feedback-changed`,{rating:n,comment:this.feedback?.comment})}_renderFilters(e,t){return e.inlineData?s.nothing:s.html`
-      <div class="edit-column edit-column-filters">
-        <luzmo-field-label size=${this.size}
-          >${(0,l.msg)(`Filters`,{desc:`Label for the filters section`})}</luzmo-field-label
-        >
-        <luzmo-filters
-          size=${this.size}
-          .datasetIds=${t}
-          .filters=${e.filters??[]}
-          .authKey=${this.authKey}
-          .authToken=${this.authToken}
-          .apiUrl=${this.apiUrl}
-          .language=${this.language}
-          .contentLanguage=${this._effectiveContentLanguage}
-          @luzmo-filters-changed=${this._handleFiltersChanged}
-        ></luzmo-filters>
-      </div>
-    `}_renderConfigPanel(){if(!this.chart||!this._canShowConfigPanel||!this._configPanelOpen)return s.nothing;let e=this.chart,t=i.r(e.slots??[]),n=i.i(t),r=e.options.theme??_;return s.html`
-      <div class="config-panel" part="config-panel">
-        <luzmo-tabs selected="data" size=${this.size}>
-          <luzmo-tab value="data">${(0,l.msg)(`Data`,{desc:`Label for the data section`})}</luzmo-tab>
-          <luzmo-tab value="options">${(0,l.msg)(`Options`,{desc:`Label for the options section`})}</luzmo-tab>
-
-          <luzmo-tab-panel value="data">
-            <div class="edit-grid">
-              <div class="edit-column">
-                <luzmo-item-slot-picker-panel
-                  size=${this.size}
-                  slot-menu-placement="bottom-end"
-                  .itemType=${e.type}
-                  .slotsContents=${t}
-                  .datasetIds=${n}
-                  .authKey=${this.authKey}
-                  .authToken=${this.authToken}
-                  .apiUrl=${this.apiUrl}
-                  .language=${this.language}
-                  .contentLanguage=${this._effectiveContentLanguage}
-                  @luzmo-slots-contents-changed=${this._handleSlotsChanged}
-                ></luzmo-item-slot-picker-panel>
-              </div>
-              ${this._renderFilters(e,n)}
-            </div>
-          </luzmo-tab-panel>
-
-          <luzmo-tab-panel value="options">
-            <luzmo-item-option-panel
-              size=${this.size}
-              .itemType=${e.type}
-              .options=${e.options||{}}
-              .slots=${t}
-              .theme=${r}
-              .authKey=${this.authKey}
-              .authToken=${this.authToken}
-              .apiUrl=${this.apiUrl}
-              .language=${this.language}
-              ?live-interactions=${this.liveInteractions}
-              @luzmo-options-changed=${this._handleOptionsChanged}
-              @luzmo-option-interaction-start=${this._handleInteractionStart}
-              @luzmo-option-interaction-end=${this._handleInteractionClosed}
-              @luzmo-option-interaction-cancel=${this._handleInteractionClosed}
-            ></luzmo-item-option-panel>
-          </luzmo-tab-panel>
-        </luzmo-tabs>
-      </div>
-    `}_dispatchInteraction(e,{chart:t,generation:n}){e.stopPropagation(),this._dispatch(e.type,{...e.detail,chart:t,generation:n})}render(){return this.chart?s.html`
-      <div class="answer" part="container">
-        ${this._renderActions()} ${this._renderChart()} ${this._renderFeedback()} ${this._renderConfigPanel()}
-      </div>
-    `:s.html`
-        <div
-          class="answer"
-          part="container"
-        ></div>
-      `}};t.t([(0,c.property)({type:Object})],y.prototype,`chart`,void 0),t.t([(0,c.property)({type:Object})],y.prototype,`feedback`,void 0),t.t([(0,c.property)({type:String,attribute:`message-id`})],y.prototype,`messageId`,void 0),t.t([(0,c.property)({type:String,attribute:`auth-key`})],y.prototype,`authKey`,void 0),t.t([(0,c.property)({type:String,attribute:`auth-token`})],y.prototype,`authToken`,void 0),t.t([(0,c.property)({type:String,attribute:`api-url`})],y.prototype,`apiUrl`,void 0),t.t([(0,c.property)({type:String,attribute:`app-server`})],y.prototype,`appServer`,void 0),t.t([(0,c.property)({type:String,attribute:`content-language`})],y.prototype,`contentLanguage`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`hide-actions`,reflect:!0})],y.prototype,`hideActions`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`hide-feedback`,reflect:!0})],y.prototype,`hideFeedback`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`hide-config-panel`,reflect:!0})],y.prototype,`hideConfigPanel`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`add-to-dashboard`,reflect:!0})],y.prototype,`addToDashboard`,void 0),t.t([(0,c.property)({attribute:!1})],y.prototype,`dashboardActions`,void 0),t.t([(0,c.property)({type:Boolean,reflect:!0})],y.prototype,`controlled`,void 0),t.t([(0,c.property)({attribute:`can-filter`,converter:{fromAttribute:e=>e===null?void 0:`all`}})],y.prototype,`canFilter`,void 0),t.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`live-interactions`})],y.prototype,`liveInteractions`,void 0),t.t([(0,c.state)()],y.prototype,`_configPanelOpen`,void 0),t.t([(0,c.state)()],y.prototype,`_configPanelPending`,void 0),t.t([(0,c.state)()],y.prototype,`_configPanelLoadFailed`,void 0),customElements.get(`luzmo-interactive-viz-item`)||customElements.define(`luzmo-interactive-viz-item`,y),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/components/interactivity-options.config-Bzk2L-qh.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-var e=e=>typeof e==`object`&&!!e&&!Array.isArray(e),t=t=>{let n=t.urlConfig;return e(n)&&e(n.url)&&Object.keys(n.url).length>0},n=t=>{let n=t.customEvents;return e(n)&&Array.isArray(n.events)&&n.events.length>0},r=(r,i,a)=>{let o=e(r)?r:{},s=o.interactivity,c={...e(s)?s:{},brush:i};return a&&i===!0&&(t(c)&&(c.urlConfig={...c.urlConfig,url:{}}),n(c)&&delete c.customEvents),{...o,interactivity:c}},i=`When true, selecting (clicking) a data point in this chart filters the other items on the dashboard.`,a=`When true, dragging over a range in this chart (brushing) filters the other items on the dashboard.`,o=`${a} Enabling it turns off Go to URL and custom events on this chart, because they share the same pointer interaction.`,s=({select:e,brush:t})=>{let n=[];if(e&&n.push({key:`interactivity.select`,control:{type:`switch`,label:`Filter on select`,default:e.default,description:i},...e.visibleIf?{visibleIf:e.visibleIf}:{}}),t){let e=t.excludesClickActions??!1;n.push({key:`interactivity.brush`,control:{type:`switch`,label:`Enable brush filter`,default:t.default,description:e?o:a,...e?{toOptions:({options:e,value:t})=>r(e,t,!0)}:{}}})}let s=n.every(e=>e.visibleIf)?e=>n.some(t=>t.visibleIf?.(e)):void 0;return{key:`interactivity`,type:`group`,open:!1,children:n,...s?{visibleIf:s}:{}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/interactivity-options.config-MuEP5vSt.js

@@ -1,72 +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.
- * */
-// node_modules/@luzmo/dashboard-contents-types/shared/utils/interactivity-options.config.js
-var e = (e) => typeof e == "object" && !!e && !Array.isArray(e), t = (t) => {
-	let n = t.urlConfig;
-	return e(n) && e(n.url) && Object.keys(n.url).length > 0;
-}, n = (t) => {
-	let n = t.customEvents;
-	return e(n) && Array.isArray(n.events) && n.events.length > 0;
-}, r = (r, i, a) => {
-	let o = e(r) ? r : {}, s = o.interactivity, c = {
-		...e(s) ? s : {},
-		brush: i
-	};
-	return a && i === !0 && (t(c) && (c.urlConfig = {
-		...c.urlConfig,
-		url: {}
-	}), n(c) && delete c.customEvents), {
-		...o,
-		interactivity: c
-	};
-}, i = "When true, selecting (clicking) a data point in this chart filters the other items on the dashboard.", a = "When true, dragging over a range in this chart (brushing) filters the other items on the dashboard.", o = `${a} Enabling it turns off Go to URL and custom events on this chart, because they share the same pointer interaction.`, s = ({ select: e, brush: t }) => {
-	let n = [];
-	if (e && n.push({
-		key: "interactivity.select",
-		control: {
-			type: "switch",
-			label: "Filter on select",
-			default: e.default,
-			description: i
-		},
-		...e.visibleIf ? { visibleIf: e.visibleIf } : {}
-	}), t) {
-		let e = t.excludesClickActions ?? !1;
-		n.push({
-			key: "interactivity.brush",
-			control: {
-				type: "switch",
-				label: "Enable brush filter",
-				default: t.default,
-				description: e ? o : a,
-				...e ? { toOptions: ({ options: e, value: t }) => r(e, t, !0) } : {}
-			}
-		});
-	}
-	let s = n.every((e) => e.visibleIf) ? (e) => n.some((t) => t.visibleIf?.(e)) : void 0;
-	return {
-		key: "interactivity",
-		type: "group",
-		open: !1,
-		children: n,
-		...s ? { visibleIf: s } : {}
-	};
-};
-export { s as t };

package/components/interactivity-options.i18n-BsYv4Rh9.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-var e={de:{groups:{interactivity:{label:`Interaktivität`}},options:{"interactivity.select":{label:`Filtern nach Auswahl`},"interactivity.brush":{label:`Pinselfilter aktivieren`}}},en:{groups:{interactivity:{label:`Interactivity`}},options:{"interactivity.select":{label:`Filter on select`},"interactivity.brush":{label:`Enable brush filter`}}},es:{groups:{interactivity:{label:`Interactividad`}},options:{"interactivity.select":{label:`Filtrar al seleccionar`},"interactivity.brush":{label:`Habilitar filtro de pincel`}}},fr:{groups:{interactivity:{label:`Interactivité`}},options:{"interactivity.select":{label:`Filtrer sur sélection`},"interactivity.brush":{label:`Activer le filtre de brosse`}}},nl:{groups:{interactivity:{label:`Interactiviteit`}},options:{"interactivity.select":{label:`Filteren bij selectie`},"interactivity.brush":{label:`Borstelfilter inschakelen`}}}},t=t=>e[t]??e.en;exports.getInteractivityTranslations=t;

package/components/item-slot-drop-DLzi4Dik.cjs

@@ -1,91 +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-CGDNY_7v.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-EoNvtTBG.cjs"),r=require("./data-broker-DCghLjhq.cjs"),i=require("./type-check-BehV9ZL1.cjs"),a=require("./localize-D3i4Epy_.cjs"),o=require("./slots-config-B6AOo19R.cjs"),s=require("./display-settings-DaZ3CiKB.cjs"),c=require("./ad-hoc-slot-content-DsRsJzsY.cjs"),l=require("./pragmatic-element-adapter-B0tn35C8.cjs"),u=require("./default-acceptable-data-field-types-BUNRNPPB.cjs"),d=require("./slot-menu-C8p0nkVS.cjs"),f=require("./slot-menu-list-C2nLODML.cjs"),p=require("./slot-labels.config-DKnxOncr.cjs");let m=require("@luzmo/icons");require("@luzmo/lucero/tooltip");let h=require("lit"),g=require("lit/decorators.js"),_=require("@lit/localize"),v=require("lit/directives/if-defined.js"),y=require("@lit/context"),b=require("@lit/task");var x=`:host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-font-family));--slot-height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height))}.item-slot-drop-wrapper{width:var(--slot-height);min-width:var(--slot-height);height:auto;position:relative;overflow:visible}.item-slot-drop[filled]{border:var(--luzmo-item-slot-drop-filled-border-width,var(--item-slot-drop-filled-border-width)) var(--luzmo-item-slot-drop-filled-border-style,var(--item-slot-drop-filled-border-style)) var(--luzmo-item-slot-drop-filled-border-color,var(--item-slot-drop-filled-border-color));background-color:var(--luzmo-item-slot-drop-filled-background-color,var(--item-slot-drop-filled-background-color));color:var(--luzmo-item-slot-drop-filled-color,var(--item-slot-drop-filled-color));gap:var(--luzmo-item-slot-drop-filled-gap,var(--item-slot-drop-filled-gap));padding-right:0}.item-slot-drop[filled]>:not(luzmo-overlay){cursor:pointer}.item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color,var(--item-slot-drop-background-color));color:var(--luzmo-item-slot-drop-font-color,var(--item-slot-drop-font-color));border:var(--luzmo-item-slot-drop-border-width,var(--item-slot-drop-border-width)) var(--luzmo-item-slot-drop-border-style,var(--item-slot-drop-border-style)) var(--luzmo-item-slot-drop-border-color,var(--item-slot-drop-border-color));padding-left:var(--luzmo-item-slot-drop-edge-to-label,var(--item-slot-drop-edge-to-label));padding-right:var(--luzmo-item-slot-drop-label-to-controls,var(--item-slot-drop-label-to-controls));border-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height));justify-content:space-between;align-items:center;display:flex}:host(.pulse) .item-slot-drop{animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-accept-drag-background-color,var(--item-slot-drop-accept-drag-background-color));color:var(--luzmo-item-slot-drop-accept-drag-font-color,var(--item-slot-drop-accept-drag-font-color));border-color:var(--luzmo-item-slot-drop-accept-drag-border-color,var(--item-slot-drop-accept-drag-border-color));animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .controls{background-color:var(--luzmo-item-slot-drop-accept-drag-controls-background-color,var(--item-slot-drop-accept-drag-controls-background-color));color:var(--luzmo-item-slot-drop-accept-drag-controls-color,var(--item-slot-drop-accept-drag-controls-color))}:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation,none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color)), 0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color))}to{box-shadow:0 0 0 1rem #0000,0 0 0 1rem #0000}}@media (prefers-reduced-motion:reduce){:host(.pulse) .item-slot-drop,:host([accept-drag]) .item-slot-drop,:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:none}}:host([disabled]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color-disabled,var(--item-slot-drop-background-color-disabled));color:var(--luzmo-item-slot-drop-color-disabled,var(--item-slot-drop-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.item-slot-drop-label{font-size:var(--luzmo-item-slot-drop-label-font-size,var(--item-slot-drop-label-font-size));padding-top:var(--luzmo-item-slot-drop-label-padding-top,var(--item-slot-drop-label-padding-top));padding-bottom:var(--luzmo-item-slot-drop-label-padding-bottom,var(--item-slot-drop-label-padding-bottom));max-width:var(--luzmo-item-slot-drop-label-max-width);margin-right:var(--luzmo-item-slot-drop-text-to-controls,var(--item-slot-drop-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.controls{align-items:center;gap:var(--luzmo-item-slot-drop-controls-gap,var(--item-slot-drop-controls-gap));background-color:var(--luzmo-item-slot-drop-controls-background-color,var(--item-slot-drop-controls-background-color));height:100%;color:var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));margin-right:var(--luzmo-item-slot-drop-controls-to-edge,var(--item-slot-drop-controls-to-edge));padding:0 var(--luzmo-item-slot-drop-controls-horizontal-padding,var(--item-slot-drop-controls-horizontal-padding));font-size:var(--luzmo-item-slot-drop-controls-font-size);border-top-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));border-bottom-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));display:flex}.controls button{cursor:pointer;height:100%;padding:0 var(--luzmo-item-slot-drop-controls-control-horizontal-padding,var(--item-slot-drop-controls-control-horizontal-padding));font:inherit;color:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;align-items:center;display:flex}.controls button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));outline-offset:-1px}.item-slot-drop.rotate{transform-origin:50%;max-width:15rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-item-slot-drop-overlay-vertical-gap,var(--item-slot-drop-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-item-slot-drop-overlay-horizontal-gap,var(--item-slot-drop-overlay-horizontal-gap))}:host{--item-slot-drop-border-width:var(--luzmo-border-width);--item-slot-drop-border-style:dashed;--item-slot-drop-border-color:var(--luzmo-border-color);--item-slot-drop-background-color:transparent;--item-slot-drop-accept-drag-background-color:var(--luzmo-positive-color);--item-slot-drop-accept-drag-color:white;--item-slot-drop-accept-drag-border-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-background-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-color:white;--item-slot-drop-accept-drag-font-color:white;--item-slot-drop-font-color:var(--luzmo-font-color);--item-slot-drop-controls-background-color:var(--luzmo-primary-down);--item-slot-drop-controls-color:var(--luzmo-primary-inverse-color);--item-slot-drop-text-to-controls:var(--luzmo-spacing-3);--item-slot-drop-controls-to-edge:0;--item-slot-drop-controls-gap:var(--luzmo-spacing-2);--item-slot-drop-controls-horizontal-padding:var(--luzmo-spacing-2);--item-slot-drop-controls-control-horizontal-padding:var(--luzmo-spacing-3);--item-slot-drop-filled-background-color:var(--luzmo-primary);--item-slot-drop-filled-color:var(--luzmo-primary-inverse-color);--item-slot-drop-filled-border-width:var(--luzmo-border-width);--item-slot-drop-filled-border-style:solid;--item-slot-drop-filled-border-color:var(--luzmo-primary-down);--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height));--item-slot-drop-label-font-size:var(--luzmo-font-size);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size);--item-slot-drop-edge-to-label:var(--luzmo-spacing-5);--item-slot-drop-label-to-controls:var(--luzmo-spacing-5);--item-slot-drop-color-disabled:var(--luzmo-color-disabled);--item-slot-drop-background-color-disabled:var(--luzmo-background-color-disabled);--item-slot-drop-pulse-color:rgba(var(--luzmo-positive-color-rgb), .2);--item-slot-drop-border-radius:var(--luzmo-border-radius);--item-slot-drop-filled-gap:var(--luzmo-spacing-5);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-s));--item-slot-drop-label-font-size:var(--luzmo-font-size-s);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-s);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-l));--item-slot-drop-label-font-size:var(--luzmo-font-size-l);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-l);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host([size=xl]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-xl));--item-slot-drop-label-font-size:var(--luzmo-font-size-xl);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-xl);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}`,S=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(){super(),this._loadSlotsConfig=new b.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await o.t(e);return this._slotsConfig=t??[],this._slotsConfig}},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotsContents=[],this.contentLanguage=`en`,this.rotate=!1,this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this.menu=`default`,this.placement=`bottom-end`,this._slotContents=[],this._overlayReady=!1,this._overlayOpen=!1,this._store=new d.n,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._attachDroppable=()=>{this._cleanupDroppable||=l.n({element:this,onDrop:async e=>{let t={...e.source?.data},n=e?.source?.element?.hasAttribute(`sublevel`)??!1,i=this._slotContents?.length===0,a=t.datasetId,o=u.n(t,n),s=this.slotConfiguration?.canAcceptMultipleDataFields?[...this._slotContents??[],o]:[o];this.removeAttribute(`accept-drag`),a&&a!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=a,await r.n.fetchDatasetsRecursive([a]),this._linkedDatasetsIds=r.n.getLinkedDatasetsIds(a)),this.changedSlotContents(s,this._linkedDatasetsIds).defaultPrevented||(this._slotContents=s,this._currentSlotContents=[...this._slotContents],i?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0),this.classList.remove(`pulse`)},canDrop:({source:e})=>this._canDropField({source:e}),getDropEffect:()=>`move`,onDragEnter:()=>{this.setAttribute(`accept-drag`,``),this.classList.add(`pulse`)},onDragLeave:()=>{this.removeAttribute(`accept-drag`),this.classList.remove(`pulse`)}})},this._canDropField=({source:e})=>{if(![`LUZMO-DATA-FIELD-LEVEL`,`LUZMO-DATA-FIELD`].includes(e.element?.tagName)||!this.slotConfiguration?.canAcceptFormula&&(e?.data?.formulaId||e?.data?.formula||e?.data?.entity===`formula`))return!1;let{acceptableDataFieldTypes:t,acceptableColumnSubtypes:n}=this.slotConfiguration??{},r=Array.isArray(t)&&t.length>0?t:u.t;return!(e?.data?.type&&!r.includes(e?.data?.type)||e?.data?.subtype&&Array.isArray(n)&&n.length>0&&!n.includes(e?.data?.subtype))},this.changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n.defaultPrevented||this._store?.setContents(e,this.slotName),n},this._handleDragStart=e=>{let t=e,n=t.detail?.data;if(this._overlayElement&&(this._overlayElement.open=!1),!n)return;let r={data:n,element:{tagName:t.target instanceof HTMLElement&&t.target.tagName===`LUZMO-DATA-FIELD-LEVEL`?`LUZMO-DATA-FIELD-LEVEL`:`LUZMO-DATA-FIELD`}};this._canDropField({source:r})&&this.setAttribute(`would-accept-drag`,``)},this._handleDragEnd=()=>{this.removeAttribute(`would-accept-drag`)},this._handleOverlayClick=e=>{e.detail>0&&e.target===this._overlayElement?this._overlayElement.open=!1:e.stopPropagation()},new y.ContextProvider(this,{context:s.n,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.addEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._loadSlotsConfig.abort?.(),document.removeEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.removeEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}emptySlotContents(e){e.preventDefault(),e.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(e){super.willUpdate(e),e.has(`slotConfiguration`)&&(this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._attachDroppable()),e.has(`slotsContents`)&&this._processSlotsContents()}_processSlotsContents(){this._store?.setFullContents(this.slotsContents),this._slotContents=this.slotsContents?.find(e=>e.name===this.slotName)?.content??[],this._currentSlotContents=[...this._slotContents],this._slotContents?.length>0&&(this._overlayReady=!0),this._store?.setContents(this._slotContents)}firstUpdated(e){super.firstUpdated(e),this._attachDroppable()}_onOverlayClosed(e){this._overlayOpen=!1;let t=e.overlay;this._slotMenuElement&&t===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this._slotMenuElement.resetInfoVisibility(),this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})))}_onOverlayOpened(e){this._overlayOpen=!0;let t=e.overlay;if(this._slotMenuElement&&t===this._overlayElement){let e=this._store?.activeIndex.get?.()??0,t=this._slotContents?.[e]??this._slotContents?.[0];if(t){let e=t?.column??t?.columnId,n=t?.set??t?.datasetId,r=t?.formulaId??(i.s(t?.formula)?t.formula:void 0);(e||r)&&n&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:n}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:n,level:t?.level??0,...e&&{columnId:e},...r&&{formulaId:r}}}))}))}}}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation();let t=e.detail.linkedDatasetsIds;this._slotContents=e.detail.slotContents,this._currentSlotContents=[...this._slotContents],this.changedSlotContents(this._slotContents,t)}_onInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}get _fullLabel(){let e=``,t=p.t[this.slotConfiguration?.label]?p.t[this.slotConfiguration?.label]():this.slotConfiguration?.label;this._currentSlotContents?.length===1?e=a.t(this._currentSlotContents?.[0]?.label,this.contentLanguage)??`Untitled`:this._currentSlotContents?.length>1&&(e=`${this._currentSlotContents.length} items`);let n=this.label||t||`Untitled`;return this._currentSlotContents?.length>0&&(n+=this._currentSlotContents?.length>1?`: ${this._currentSlotContents.length} items`:`: ${e}`),n}_onLabelClick(){!this.hideConfiguration&&this._slotContents?.length&&this._overlayElement&&(this._overlayOpen?this._overlayElement.open=!1:this._overlayElement.open=!0)}_renderSlotLabel(){let e=this._currentSlotContents[0];return this._currentSlotContents.length!==1||!c.i(e,this.slotConfiguration)?this._fullLabel:f.n(e)}itemSlotDropMarkup(){let e=h.html`
-      <div
-        class="item-slot-drop ${this.rotate?`rotate`:``}"
-        ?filled=${this._slotContents?.length>0}
-      >
-        <div class="item-slot-drop-label" tabindex="-1" @click=${this._onLabelClick}>${this._renderSlotLabel()}</div>
-        ${this._slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?h.html`<div class="controls">
-              ${this.hideConfiguration?``:h.html`<button
-                    id="edit-trigger"
-                    aria-label=${(0,_.msg)(`Edit`,{desc:`Edit action label`})}
-                    aria-haspopup="dialog"
-                    aria-expanded=${this._overlayOpen?`true`:`false`}
-                  >
-                    ${(0,m.luzmoIcon)(m.luzmoCog)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,_.msg)(`Edit`,{desc:`Edit action label`})}
-                    </luzmo-tooltip>
-                  </button> `}
-              ${this.hideDelete?``:h.html`<button aria-label=${(0,_.msg)(`Delete`,{desc:`Delete action label`})} @click=${this.emptySlotContents}>
-                    ${(0,m.luzmoIcon)(m.luzmoTrashOutline)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,_.msg)(`Delete`,{desc:`Delete action label`})}
-                    </luzmo-tooltip>
-                  </button>`}
-            </div>`:``}
-        ${this._slotContents?.length>0&&this._overlayReady&&!this.hideConfiguration?h.html`<luzmo-overlay
-              trigger="edit-trigger@click"
-              .placement=${this.placement}
-              offset=${this.rotate?`-100`:`0`}
-              @luzmo-closed=${this._onOverlayClosed}
-              @luzmo-opened=${this._onOverlayOpened}
-              @click=${this._handleOverlayClick}
-            >
-              <luzmo-slot-menu
-                language=${this.language}
-                content-language=${this.contentLanguage}
-                drag-boundary=${(0,v.ifDefined)(this.dragBoundary)}
-                slot-type=${(0,v.ifDefined)(this.slotConfiguration?.type)}
-                slot-name=${(0,v.ifDefined)(this.slotName)}
-                item-type=${(0,v.ifDefined)(this.itemType)}
-                .areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
-                .areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
-                .isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
-                .isAggregationDisabled=${this.slotConfiguration?.options?.isAggregationDisabled}
-                .isCumulativeSumEnabled=${this.slotConfiguration?.options?.isCumulativeSumEnabled}
-                .slotContents=${this._slotContents}
-                variant=${this.menu===`draggable`?`draggable`:`popup`}
-                .size=${this.size}
-                api-url=${(0,v.ifDefined)(this.apiUrl)}
-                auth-key=${(0,v.ifDefined)(this.authKey)}
-                auth-token=${(0,v.ifDefined)(this.authToken)}
-                @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
-                @luzmo-info-visibility-changed=${this._onInfoVisibilityChanged}
-              ></luzmo-slot-menu>
-            </luzmo-overlay>`:``}
-      </div>
-    `;return this.rotate?h.html`<div class="item-slot-drop-wrapper">${e}</div>`:e}render(){return this.slotConfiguration&&Object.keys(this.slotConfiguration).length>0?this.itemSlotDropMarkup():this._loadSlotsConfig.render({pending:()=>h.html`
-          <p>Loading...</p>
-        `,complete:e=>{if(this.slotName&&this.itemType&&e){let t=e.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this.itemSlotDropMarkup()},error:e=>h.html`
-        <div>
-          Could not load item slot drop: '${this.slotName}' of chart
-          '${this.itemType}': ${e}.
-        </div>
-      `})}},C=(S.styles=(0,h.unsafeCSS)(x),S);t.t([(0,g.property)({type:String,reflect:!0,attribute:`item-type`})],C.prototype,`itemType`,void 0),t.t([(0,g.property)({type:String,reflect:!0,attribute:`slot-name`})],C.prototype,`slotName`,void 0),t.t([(0,g.property)({type:Object})],C.prototype,`slotConfiguration`,void 0),t.t([(0,g.property)({type:Object})],C.prototype,`slotsContents`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],C.prototype,`label`,void 0),t.t([(0,g.property)({type:String,attribute:`content-language`,reflect:!0})],C.prototype,`contentLanguage`,void 0),t.t([(0,g.property)({type:String,reflect:!0,attribute:`drag-boundary`})],C.prototype,`dragBoundary`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0})],C.prototype,`rotate`,void 0),t.t([(0,g.property)({type:String,attribute:`api-url`,reflect:!0})],C.prototype,`apiUrl`,void 0),t.t([(0,g.property)({type:String,attribute:`auth-key`,reflect:!0})],C.prototype,`authKey`,void 0),t.t([(0,g.property)({type:String,attribute:`auth-token`,reflect:!0})],C.prototype,`authToken`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],C.prototype,`menu`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],C.prototype,`placement`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0,attribute:`hide-delete`})],C.prototype,`hideDelete`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],C.prototype,`hideConfiguration`,void 0),t.t([(0,g.query)(`luzmo-slot-menu`)],C.prototype,`_slotMenuElement`,void 0),t.t([(0,g.query)(`luzmo-overlay`)],C.prototype,`_overlayElement`,void 0),t.t([(0,g.state)()],C.prototype,`_slotContents`,void 0),t.t([(0,g.state)()],C.prototype,`_overlayReady`,void 0),t.t([(0,g.state)()],C.prototype,`_overlayOpen`,void 0),C=t.t([(0,_.localized)()],C),customElements.get(`luzmo-item-slot-drop`)||customElements.define(`luzmo-item-slot-drop`,C),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});