@luzmo/analytics-components-kit 1.0.1-alpha.41 → 1.0.1-alpha.43

package/components/slot-contents-picker/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../set-locale-Cam8nRIW.cjs"),v=require("../localized-decorator-SOrjcPab.cjs"),C=require("../task-qPJdeXO1.cjs"),u=require("../luzmo-icons-B_3XTuMC.cjs");require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-CUvucmA0.cjs");require("../index-CNA9joKT.cjs");require("../index-CYeQkVeJ.cjs");const f=require("../calculate-data-item-icon-CjHO4KtA.cjs"),z=require("../localize-r7ALOUy_.cjs"),n=require("../property-BCb4Kybn.cjs"),S=require("../state-BxZEcclm.cjs"),b=require("../focusable-BTJYY_Mf.cjs"),y=require("../sized-mixin-BNtmplgF.cjs");require("../display-settings/index.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-slot-contents-picker-font-family, var(--luzmo-font-family))}.container{width:fit-content;display:flex;flex-direction:column;gap:var(--luzmo-slot-contents-picker-gap, var(--slot-contents-picker-gap, var(--luzmo-spacing-5)))}.select-container{display:flex;align-items:center}:host([stretch]) .container{width:100%}:host([stretch]) .select-container{width:100%}:host([stretch]) luzmo-select{flex-grow:1}.extra-data-item-button-container{display:flex;align-items:center;justify-content:center}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size, var(--slot-contents-picker-label-font-size));flex-grow:1;margin-right:var(--luzmo-slot-contents-picker-text-to-controls, var(--slot-contents-picker-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap, var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color, var(--slot-contents-picker-controls-background-color));color:var(--luzmo-slot-contents-picker-controls-color, var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge, var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding, var(--slot-contents-picker-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding, var(--slot-contents-picker-controls-control-horizontal-padding))}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-slot-contents-picker-overlay-vertical-gap, var(--slot-contents-picker-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-slot-contents-picker-overlay-horizontal-gap, var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width: var(--luzmo-border-width);--slot-contents-picker-border-style: dashed;--slot-contents-picker-border-color: var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color: transparent;--slot-contents-picker-font-color: var(--luzmo-font-color);--slot-contents-picker-controls-background-color: transparent;--slot-contents-picker-text-to-controls: var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge: 0;--slot-contents-picker-controls-gap: var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding: var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding: var( --luzmo-spacing-3 );--slot-contents-picker-label-font-size: var(--luzmo-font-size)}:host{--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var k=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(p,t,e,s)=>{for(var o=s>1?void 0:s?P(t,e):t,r=p.length-1,c;r>=0;r--)(c=p[r])&&(o=(s?c(t,e,o):c(o))||o);return s&&o&&k(t,e,o),o};exports.LuzmoSlotContentsPicker=class extends y.SizedMixin(b.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new C.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(e[`../../item-definitions/${t}/${t}-slots.config.ts`]){const s=await e[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=(s==null?void 0:s.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.disabled=!1,this.menu="default",this.hasLabel=!1,this.selects="multiple",this.icons="only-menu",this.datasetsDataItems=[],this.placement="bottom-end",this.hideDelete=!0,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._selectOptions=[],this._slotContentOptions=[],this.stretch=!1,this._changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))}}_emptySlotContents(t){typeof t!="number"?(this.slotContents=[],this._currentSlotContents=[],this._changedSlotContents([])):(this._currentSlotContents=this._currentSlotContents.filter((s,o)=>o!==t),this._changedSlotContents(this._currentSlotContents))}willUpdate(t){const e=t.has("slotContents"),s=t.has("datasetsDataItems"),o=t.has("language");e&&(this._currentSlotContents=structuredClone(this.slotContents)),s&&(this._selectOptions=this._createSelectOptions(),this._slotContentOptions=this._createSlotContentOptions()),o&&this.language!==h.getLocale()&&([...h.targetLocales].includes(this.language??"en")||this.language==="en")&&h.setLocale(this.language)}_onSlotMenuChanges(t){var e;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((e=t.detail.slotContents)==null?void 0:e.length)?(this._currentSlotContents=t.detail.slotContents,this._changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this._changedSlotContents(this.slotContents))}_setSlotContentAtIndex(t,e){var o,r,c,i,l,d;const s=(r=(o=t==null?void 0:t.detail)==null?void 0:o.value)==null?void 0:r[0];e>=this._currentSlotContents.length&&this._removeEmptySelect();for(let m=this._currentSlotContents.length;m<=e;m++)this._currentSlotContents[m]||this._currentSlotContents.push({});if(s&&!(s===((c=this._currentSlotContents[e])==null?void 0:c.columnId)||s===((i=this._currentSlotContents[e])==null?void 0:i.column)||s===((l=this._currentSlotContents[e])==null?void 0:l.formulaId)||s===((d=this._currentSlotContents[e])==null?void 0:d.formula))){const m=this._slotContentOptions.find(g=>g.columnId===s||g.formulaId===s);m&&(this._currentSlotContents[e]=structuredClone(m))}this.slotContents=structuredClone(this._currentSlotContents.filter(m=>m.columnId||m.formulaId||m.column||m.formula)),this._changedSlotContents(this.slotContents)}_setSlotContents(t){var s,o;let e=t.detail.value;(s=this.slotConfiguration)!=null&&s.canAcceptMultipleDataItems&&e.length>1||(e=e.slice(0,1)),this._currentSlotContents=((o=this._currentSlotContents)==null?void 0:o.filter(r=>e.includes(r.columnId??r.formulaId)))??[],e.forEach(r=>{if(this._currentSlotContents.some(i=>i.columnId===r||i.formulaId===r))return;const c=this._slotContentOptions.find(i=>i.columnId===r||i.formulaId===r);c&&this._currentSlotContents.push(structuredClone(c))}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_createSlotContentOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const r=(o==null?void 0:o.columns)??[],c=(o==null?void 0:o.formulas)??[];for(const i of r)if((((e=this.slotConfiguration)==null?void 0:e.acceptableDataItemTypes)??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(i.type)){const l=structuredClone(i);l.columnId=i.id,l.datasetId=o.id,l.label=i.name,delete l.name,delete l.id,t.push(l)}if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of c){const l=structuredClone(i);l.formulaId=i.id,l.datasetId=o.id,l.label=i.name,delete l.name,delete l.id,t.push(l)}}return t}_createSelectOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const r=(o==null?void 0:o.columns)??[],c=(o==null?void 0:o.formulas)??[];for(const i of r)(((e=this.slotConfiguration)==null?void 0:e.acceptableDataItemTypes)??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(i.type)&&t.push({value:i.id,label:z.localize((i==null?void 0:i.name)??{},this.language),icon:f.calculateDataItemIcon(i,this.size)});if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of c)t.push({value:i.id,label:z.localize((i==null?void 0:i.name)??{},this.language),icon:f.calculateDataItemIcon(i,this.size)})}return t}_renderFieldLabel(){return n.x`<luzmo-field-label for="data-item" size=${this.size}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../set-locale-Cam8nRIW.cjs"),v=require("../localized-decorator-SOrjcPab.cjs"),C=require("../task-0B-FC3rj.cjs"),u=require("../luzmo-icons-Bvm-_ECi.cjs");require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-CUvucmA0.cjs");require("../index-CNA9joKT.cjs");require("../index-CYeQkVeJ.cjs");const f=require("../calculate-data-item-icon-DlfbBvFN.cjs"),z=require("../localize-r7ALOUy_.cjs"),n=require("../property-BV1QaY8E.cjs"),y=require("../state-CuE7TJCY.cjs"),S=require("../focusable-B8t8a-WJ.cjs"),b=require("../sized-mixin-C48t6K7U.cjs");require("../index-BqMMcuLX.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-slot-contents-picker-font-family, var(--luzmo-font-family))}.container{width:fit-content;display:flex;flex-direction:column;gap:var(--luzmo-slot-contents-picker-gap, var(--slot-contents-picker-gap, var(--luzmo-spacing-5)))}.select-container{display:flex;align-items:center}:host([stretch]) .container{width:100%}:host([stretch]) .select-container{width:100%}:host([stretch]) luzmo-select{flex-grow:1}.extra-data-item-button-container{display:flex;align-items:center;justify-content:center}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size, var(--slot-contents-picker-label-font-size));flex-grow:1;margin-right:var(--luzmo-slot-contents-picker-text-to-controls, var(--slot-contents-picker-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap, var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color, var(--slot-contents-picker-controls-background-color));color:var(--luzmo-slot-contents-picker-controls-color, var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge, var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding, var(--slot-contents-picker-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding, var(--slot-contents-picker-controls-control-horizontal-padding))}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-slot-contents-picker-overlay-vertical-gap, var(--slot-contents-picker-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-slot-contents-picker-overlay-horizontal-gap, var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width: var(--luzmo-border-width);--slot-contents-picker-border-style: dashed;--slot-contents-picker-border-color: var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color: transparent;--slot-contents-picker-font-color: var(--luzmo-font-color);--slot-contents-picker-controls-background-color: transparent;--slot-contents-picker-text-to-controls: var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge: 0;--slot-contents-picker-controls-gap: var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding: var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding: var( --luzmo-spacing-3 );--slot-contents-picker-label-font-size: var(--luzmo-font-size)}:host{--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var k=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(p,t,e,s)=>{for(var o=s>1?void 0:s?P(t,e):t,r=p.length-1,c;r>=0;r--)(c=p[r])&&(o=(s?c(t,e,o):c(o))||o);return s&&o&&k(t,e,o),o};exports.LuzmoSlotContentsPicker=class extends b.SizedMixin(S.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new C.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(e[`../../item-definitions/${t}/${t}-slots.config.ts`]){const s=await e[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=(s==null?void 0:s.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.disabled=!1,this.menu="default",this.hasLabel=!1,this.selects="multiple",this.icons="only-menu",this.datasetsDataItems=[],this.placement="bottom-end",this.hideDelete=!0,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._selectOptions=[],this._slotContentOptions=[],this.stretch=!1,this._changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))}}_emptySlotContents(t){typeof t!="number"?(this.slotContents=[],this._currentSlotContents=[],this._changedSlotContents([])):(this._currentSlotContents=this._currentSlotContents.filter((s,o)=>o!==t),this._changedSlotContents(this._currentSlotContents))}willUpdate(t){const e=t.has("slotContents"),s=t.has("datasetsDataItems"),o=t.has("language");e&&(this._currentSlotContents=structuredClone(this.slotContents)),s&&(this._selectOptions=this._createSelectOptions(),this._slotContentOptions=this._createSlotContentOptions()),o&&this.language!==h.getLocale()&&([...h.targetLocales].includes(this.language??"en")||this.language==="en")&&h.setLocale(this.language)}_onSlotMenuChanges(t){var e;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((e=t.detail.slotContents)==null?void 0:e.length)?(this._currentSlotContents=t.detail.slotContents,this._changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this._changedSlotContents(this.slotContents))}_setSlotContentAtIndex(t,e){var o,r,c,i,l,d;const s=(r=(o=t==null?void 0:t.detail)==null?void 0:o.value)==null?void 0:r[0];e>=this._currentSlotContents.length&&this._removeEmptySelect();for(let m=this._currentSlotContents.length;m<=e;m++)this._currentSlotContents[m]||this._currentSlotContents.push({});if(s&&!(s===((c=this._currentSlotContents[e])==null?void 0:c.columnId)||s===((i=this._currentSlotContents[e])==null?void 0:i.column)||s===((l=this._currentSlotContents[e])==null?void 0:l.formulaId)||s===((d=this._currentSlotContents[e])==null?void 0:d.formula))){const m=this._slotContentOptions.find(g=>g.columnId===s||g.formulaId===s);m&&(this._currentSlotContents[e]=structuredClone(m))}this.slotContents=structuredClone(this._currentSlotContents.filter(m=>m.columnId||m.formulaId||m.column||m.formula)),this._changedSlotContents(this.slotContents)}_setSlotContents(t){var s,o;let e=t.detail.value;(s=this.slotConfiguration)!=null&&s.canAcceptMultipleDataItems&&e.length>1||(e=e.slice(0,1)),this._currentSlotContents=((o=this._currentSlotContents)==null?void 0:o.filter(r=>e.includes(r.columnId??r.formulaId)))??[],e.forEach(r=>{if(this._currentSlotContents.some(i=>i.columnId===r||i.formulaId===r))return;const c=this._slotContentOptions.find(i=>i.columnId===r||i.formulaId===r);c&&this._currentSlotContents.push(structuredClone(c))}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_createSlotContentOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const r=(o==null?void 0:o.columns)??[],c=(o==null?void 0:o.formulas)??[];for(const i of r)if((((e=this.slotConfiguration)==null?void 0:e.acceptableDataItemTypes)??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(i.type)){const l=structuredClone(i);l.columnId=i.id,l.datasetId=o.id,l.label=i.name,delete l.name,delete l.id,t.push(l)}if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of c){const l=structuredClone(i);l.formulaId=i.id,l.datasetId=o.id,l.label=i.name,delete l.name,delete l.id,t.push(l)}}return t}_createSelectOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const r=(o==null?void 0:o.columns)??[],c=(o==null?void 0:o.formulas)??[];for(const i of r)(((e=this.slotConfiguration)==null?void 0:e.acceptableDataItemTypes)??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(i.type)&&t.push({value:i.id,label:z.localize((i==null?void 0:i.name)??{},this.language),icon:f.calculateDataItemIcon(i,this.size)});if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of c)t.push({value:i.id,label:z.localize((i==null?void 0:i.name)??{},this.language),icon:f.calculateDataItemIcon(i,this.size)})}return t}_renderFieldLabel(){return n.x`<luzmo-field-label for="data-item" size=${this.size}
       >${this.label??h.msg("Select...")}
     </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_addDataItem(){this._hasExtraEmptySelects=!0}_renderExtraDataItemButton(){return n.x`<div class="extra-data-item-button-container">
       <luzmo-action-button
@@ -25,7 +25,7 @@
         @click=${this._addDataItem}
         ?disabled=${this._hasExtraEmptySelects}
       >
-        ${u.p3(u.u1)}
+        ${u.y3(u.u1)}
       </luzmo-action-button>
       <luzmo-tooltip self-managed placement="top" size=${this.size}>
         Add data item
@@ -39,7 +39,7 @@
                       quiet
                       id=${`trigger-${o}`}
                     >
-                      ${u.p3(u.M1)}
+                      ${u.y3(u.M1)}
                       <luzmo-tooltip
                         self-managed
                         placement="top"
@@ -51,7 +51,7 @@
                 ${this.hideDelete?"":n.x`<div
                       @click=${this._emptySlotContents.bind(this,o)}
                     >
-                      ${u.p3(u.C1)}
+                      ${u.y3(u.C1)}
                       <luzmo-tooltip
                         self-managed
                         placement="top"
@@ -84,7 +84,7 @@
               quiet
               @click=${this._removeEmptySelect}
             >
-              ${u.p3(u.C1)}
+              ${u.y3(u.C1)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 Delete
               </luzmo-tooltip>
@@ -94,13 +94,13 @@
       ${this.hasLabel?t:""} ${this._renderSelectMenu()}
       ${((e=this.slotContents)==null?void 0:e.length)>0&&!(this.hideConfiguration&&this.hideDelete)?n.x`<div class="controls">
             ${this.hideConfiguration?"":n.x`<luzmo-action-button .size=${this.size} quiet id="trigger">
-                  ${u.p3(u.M1)}
+                  ${u.y3(u.M1)}
                   <luzmo-tooltip self-managed placement="top" size=${this.size}>
                     edit
                   </luzmo-tooltip>
                 </luzmo-action-button>`}
             ${this.hideDelete?"":n.x`<div @click=${this._emptySlotContents}>
-                  ${u.p3(u.C1)}
+                  ${u.y3(u.C1)}
                   <luzmo-tooltip self-managed placement="top" size=${this.size}>
                     Delete
                   </luzmo-tooltip>
@@ -142,4 +142,4 @@
           Could not load slot-contents-picker: '${this.slotName}' of chart
           '${this.itemType}': ${t}.
         </div>
-      `})}};exports.LuzmoSlotContentsPicker.styles=n.r(_);a([n.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoSlotContentsPicker.prototype,"itemType",2);a([n.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoSlotContentsPicker.prototype,"slotName",2);a([n.n({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotConfiguration",2);a([n.n({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotContents",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"language",2);a([n.n({type:Boolean,attribute:"disabled",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"disabled",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"menu",2);a([n.n({type:Boolean,attribute:"has-label",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"hasLabel",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"label",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"selects",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"icons",2);a([n.n({type:String,attribute:"placeholder",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placeholder",2);a([n.n({type:Array,reflect:!1})],exports.LuzmoSlotContentsPicker.prototype,"datasetsDataItems",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placement",2);a([n.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoSlotContentsPicker.prototype,"hideDelete",2);a([n.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoSlotContentsPicker.prototype,"hideConfiguration",2);a([S.r()],exports.LuzmoSlotContentsPicker.prototype,"_hasExtraEmptySelects",2);a([n.n({type:Boolean,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"stretch",2);exports.LuzmoSlotContentsPicker=a([v.localized()],exports.LuzmoSlotContentsPicker);customElements.get("luzmo-slot-contents-picker")||customElements.define("luzmo-slot-contents-picker",exports.LuzmoSlotContentsPicker);
+      `})}};exports.LuzmoSlotContentsPicker.styles=n.r(_);a([n.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoSlotContentsPicker.prototype,"itemType",2);a([n.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoSlotContentsPicker.prototype,"slotName",2);a([n.n({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotConfiguration",2);a([n.n({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotContents",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"language",2);a([n.n({type:Boolean,attribute:"disabled",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"disabled",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"menu",2);a([n.n({type:Boolean,attribute:"has-label",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"hasLabel",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"label",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"selects",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"icons",2);a([n.n({type:String,attribute:"placeholder",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placeholder",2);a([n.n({type:Array,reflect:!1})],exports.LuzmoSlotContentsPicker.prototype,"datasetsDataItems",2);a([n.n({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placement",2);a([n.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoSlotContentsPicker.prototype,"hideDelete",2);a([n.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoSlotContentsPicker.prototype,"hideConfiguration",2);a([y.r()],exports.LuzmoSlotContentsPicker.prototype,"_hasExtraEmptySelects",2);a([n.n({type:Boolean,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"stretch",2);exports.LuzmoSlotContentsPicker=a([v.localized()],exports.LuzmoSlotContentsPicker);customElements.get("luzmo-slot-contents-picker")||customElements.define("luzmo-slot-contents-picker",exports.LuzmoSlotContentsPicker);

package/components/slot-contents-picker/index.js

@@ -19,20 +19,20 @@
  * */
 import { g as C, t as _, s as S, m as k } from "../set-locale-DbEAMqUs.js";
 import { l as x } from "../localized-decorator-DNr1P1m0.js";
-import { h as $ } from "../task-PQaVY8Iw.js";
-import { a3 as d, a7 as I, a8 as z, a6 as h } from "../luzmo-icons-v9hKZ3HV.js";
+import { h as $ } from "../task-CDsB8Kbr.js";
+import { a7 as d, a9 as I, aa as z, ab as h } from "../luzmo-icons-DnAqAQCX.js";
 import "../index-rQxtPaJl.js";
 import "../index-CsDgk_sj.js";
 import "../index-DUF6bALI.js";
 import "../index-ChDwMQlU.js";
 import "../index-BmshD32H.js";
-import { c as b } from "../calculate-data-item-icon-B9B0iLjm.js";
+import { c as b } from "../calculate-data-item-icon-DKjZwr-x.js";
 import { l as v } from "../localize-BX7q0S0M.js";
-import { x as c, r as w, n as m } from "../property-Dn4zSyxu.js";
-import { r as D } from "../state-vVJlsarL.js";
-import { L as E } from "../focusable-BXhQz3_k.js";
-import { S as O } from "../sized-mixin-BR_Ii7le.js";
-import "../display-settings/index.js";
+import { x as c, r as w, n as m } from "../property-BFMfZY1k.js";
+import { r as D } from "../state-BSTa7W6f.js";
+import { L as E } from "../focusable-Bhf_beoW.js";
+import { S as O } from "../sized-mixin-CkdMApAU.js";
+import "../index-Cw_HnduG.js";
 import "../slot-menu/index.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

package/components/slot-menu/index.cjs

@@ -17,26 +17,26 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const o=require("../property-BCb4Kybn.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const r=require("../luzmo-icons-B_3XTuMC.cjs"),h=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),p=require("../focusable-BTJYY_Mf.cjs"),c=require("../sized-mixin-BNtmplgF.cjs"),v=":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));display:block;width:fit-content}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))}.slot-contents-container{position:relative;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));border-top-left-radius:0}.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{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--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))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));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))}.slot-content-action{display:flex;flex:0 1 auto;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))}.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{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));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: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));border-top-left-radius:0;border-top-right-radius: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))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}: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-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)}: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)}";var g=Object.defineProperty,n=(i,t,l,s)=>{for(var a=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(a=m(t,l,a)||a);return a&&g(t,l,a),a};class e extends c.SizedMixin(p.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this.measureColumns=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=this.slotIndex??0}static get styles(){return[o.r(v)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(t){var l;t.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this.slotIndex??this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(t){var s;this._slotContents=structuredClone(t.detail.slotContents);const l=t.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((s=this._slotContents)==null?void 0:s[this.slotIndex??this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(t){this._slotContents[this.slotIndex??this._activeIndex]=structuredClone(t.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const t=h.localize(this._slotContents[this.slotIndex??this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=t}}removeSlotContent(t){this._slotContents=this._slotContents.filter((l,s)=>s!==t),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}render(){var t,l,s;return o.x`<div class="slot-menu-top-menu">
-        ${this.variant==="draggable"?o.x`<div class="drag-handle">${r.p3(r.W)}</div>`:""}
-        ${this._slotContents&&this._slotContents.length===1&&this.variant!=="popup"?o.x` <div class="slot-content-action">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const n=require("../property-BV1QaY8E.cjs"),I=require("../index-BqMMcuLX.cjs");require("../slot-menu-list/index.cjs");const h=require("../luzmo-icons-Bvm-_ECi.cjs"),D=require("../localize-r7ALOUy_.cjs"),x=require("../query-D5qWDopr.cjs"),T=require("../focusable-B8t8a-WJ.cjs"),$=require("../sized-mixin-C48t6K7U.cjs");function O({element:u,handle:t,boundary:e=document.documentElement,onDragStart:o,onDragEnd:a}){if(!u||!t)throw new Error("makeDraggable: element and handle are required");const r=u.ownerDocument??document;let d=-1,_=0,L=0,g=0,z=0,S=0,E=0,b=0,f=0;const y=i=>{if(i.pointerId!==d)return;const c=i.clientX-_,v=i.clientY-L,m=(e??document.documentElement).getBoundingClientRect();let p=g+c,w=z+v;p=Math.min(Math.max(p,m.left),m.right-S),w=Math.min(Math.max(w,m.top),m.bottom-E);const M=p-g,q=w-z,P=b+M,B=f+q;u.style.transform=`translate3d(${P}px, ${B}px, 0)`},C=i=>{i.pointerId===d&&(r.removeEventListener("pointermove",y),r.removeEventListener("pointerup",C),d=-1,a==null||a())},k=i=>{var v;if(i.button!==0)return;d=i.pointerId;const c=u.getBoundingClientRect();g=c.left,z=c.top,S=c.width,E=c.height,_=i.clientX,L=i.clientY;try{const m=(v=r.defaultView)==null?void 0:v.getComputedStyle(u);if(m){const p=new DOMMatrixReadOnly(m.transform);b=p.m41,f=p.m42}}catch{b=0,f=0}t.setPointerCapture(d),r.addEventListener("pointermove",y),r.addEventListener("pointerup",C),o==null||o()};return t.addEventListener("pointerdown",k),()=>{t.removeEventListener("pointerdown",k),r.removeEventListener("pointermove",y),r.removeEventListener("pointerup",C)}}const X=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}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))}.slot-contents-container{position:relative;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));border-top-left-radius:0}.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{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--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))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));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))}.slot-content-action{display:flex;flex:0 1 auto;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))}.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{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));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: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));border-top-left-radius:0;border-top-right-radius: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))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}: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-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)}: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)}";var Y=Object.defineProperty,s=(u,t,e,o)=>{for(var a=void 0,r=u.length-1,d;r>=0;r--)(d=u[r])&&(a=d(t,e,a)||a);return a&&Y(t,e,a),a};class l extends $.SizedMixin(T.LuzmoElement,{validSizes:Object.values($.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.measureColumns=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=this.slotIndex??0}static get styles(){return[n.r(X)]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&(this._cleanupDrag(),this._cleanupDrag=void 0)}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(t){var o,a;const e=((o=this._store)==null?void 0:o.slotContents.get())??[];e!==this._slotContents&&(this._slotContents=structuredClone(e),this._slotListData=structuredClone(e),this._currentSlotContent=((a=this._slotContents)==null?void 0:a[this.slotIndex??this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(t){var o;this._slotContents=structuredClone(t.detail.slotContents);const e=t.detail.activeIndex;e!==this._activeIndex&&(this._activeIndex=e),this._currentSlotContent=((o=this._slotContents)==null?void 0:o[this.slotIndex??this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._store.setContents(this._slotContents),this._sendChangeEvent()}_handleSlotContentChange(t){this._slotContents[this.slotIndex??this._activeIndex]=structuredClone(t.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._store.updateContent(t.detail.slotContent,this.slotIndex??this._activeIndex),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const t=D.localize(this._slotContents[this.slotIndex??this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=t}}removeSlotContent(t){this._slotContents=this._slotContents.filter((e,o)=>o!==t),this._currentSlotContent={},this._store.setContents(this._slotContents),this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}render(){var t,e,o;return n.x`<div class="slot-menu-top-menu">
+        ${this.variant==="draggable"?n.x`<div class="drag-handle">${h.y3(h.W)}</div>`:""}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!=="popup"?n.x` <div class="slot-content-action">
               <div class="slot-content-label"></div>
               <div
                 class="slot-content-remove"
                 @click=${this.removeSlotContent.bind(this,0)}
               >
-                ${r.p3(r.C1)}
+                ${h.y3(h.C1)}
               </div>
             </div>`:""}
       </div>
       <div
         class="slot-contents-container ${((t=this._slotContents)==null?void 0:t.length)>1?"multiple":""}"
       >
-        ${this.variant==="popup"?"":o.x`<div class="close" @click=${this.close}>
-              ${r.p3(r.B)}
+        ${this.variant==="popup"?"":n.x`<div class="close" @click=${this.close}>
+              ${h.y3(h.F)}
             </div>`}
         <div class="inner-container">
-          ${((l=this._slotContents)==null?void 0:l.length)>1&&typeof this.slotIndex!="number"?o.x`<luzmo-slot-menu-list
+          ${((e=this._slotContents)==null?void 0:e.length)>1&&typeof this.slotIndex!="number"?n.x`<luzmo-slot-menu-list
                 .slotContents=${this._slotListData}
                 .activeIndex=${this.slotIndex??this._activeIndex}
                 @slot-list-changed=${this._handleSlotListChange}
@@ -47,10 +47,11 @@
             .contentLanguage=${this.contentLanguage}
             .slotContent=${this._currentSlotContent}
             .slotType=${this.slotType}
+            .periodOverPeriod=${this._currentSlotContent.periodOverPeriod}
             .measureColumns=${this.measureColumns}
-            .showRemoveButton=${this.variant==="popup"&&(typeof this.slotIndex=="number"||((s=this._slotContents)==null?void 0:s.length)===1)}
+            .showRemoveButton=${this.variant==="popup"&&(typeof this.slotIndex=="number"||((o=this._slotContents)==null?void 0:o.length)===1)}
             @slot-content-changed=${this._handleSlotContentChange}
             @remove-slot-content=${this._removeActiveSlotContent}
           ></luzmo-display-settings>
         </div>
-      </div>`}}n([o.n({type:String,reflect:!0})],e.prototype,"language");n([o.n({type:String,attribute:"content-language",reflect:!0})],e.prototype,"contentLanguage");n([o.n({type:String,attribute:"slot-type",reflect:!0})],e.prototype,"slotType");n([o.n({type:Boolean,attribute:"no-drag",reflect:!0})],e.prototype,"noDrag");n([o.n({type:Boolean,attribute:"no-close",reflect:!0})],e.prototype,"noClose");n([o.n({type:String,reflect:!0})],e.prototype,"variant");n([o.n({type:Boolean,attribute:"no-top-menu-label",reflect:!0})],e.prototype,"noTopMenuLabel");n([o.n()],e.prototype,"slotContents");n([o.n({type:Array,reflect:!1})],e.prototype,"measureColumns");n([o.n({type:Number,reflect:!1,attribute:"slot-index"})],e.prototype,"slotIndex");n([d.e(".slot-content-label")],e.prototype,"slotContentLabelElement");n([d.e("luzmo-display-settings")],e.prototype,"displaySettingsElement");n([d.e("luzmo-slot-menu-list")],e.prototype,"slotMenuListElement");customElements.get("luzmo-slot-menu")||customElements.define("luzmo-slot-menu",e);exports.LuzmoSlotMenu=e;
+      </div>`}firstUpdated(t){if(this.variant==="draggable"&&!this.noDrag){const e=this.renderRoot.querySelector(".drag-handle");if(e){const o=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=O({element:this,handle:e,boundary:o})}}}}s([n.n({type:String,reflect:!0})],l.prototype,"language");s([n.n({type:String,attribute:"content-language",reflect:!0})],l.prototype,"contentLanguage");s([n.n({type:String,attribute:"slot-type",reflect:!0})],l.prototype,"slotType");s([n.n({type:Boolean,attribute:"no-drag",reflect:!0})],l.prototype,"noDrag");s([n.n({type:Boolean,attribute:"no-close",reflect:!0})],l.prototype,"noClose");s([n.n({type:String,reflect:!0})],l.prototype,"variant");s([n.n({type:Boolean,attribute:"no-top-menu-label",reflect:!0})],l.prototype,"noTopMenuLabel");s([I.c({context:I.slotContext,subscribe:!0})],l.prototype,"_store");s([n.n({type:String,attribute:"drag-boundary",reflect:!1})],l.prototype,"dragBoundary");s([n.n({type:Array,reflect:!1})],l.prototype,"measureColumns");s([n.n({type:Number,reflect:!1,attribute:"slot-index"})],l.prototype,"slotIndex");s([x.e(".slot-content-label")],l.prototype,"slotContentLabelElement");s([x.e("luzmo-display-settings")],l.prototype,"displaySettingsElement");s([x.e("luzmo-slot-menu-list")],l.prototype,"slotMenuListElement");customElements.get("luzmo-slot-menu")||customElements.define("luzmo-slot-menu",l);exports.LuzmoSlotMenu=l;