@luzmo/analytics-components-kit 1.0.1-alpha.47 → 1.0.1-alpha.49

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-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}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../set-locale-DCPlazsZ.cjs"),v=require("../localized-decorator-DIXYZ3RL.cjs"),C=require("../task-CwmAXlv0.cjs"),u=require("../luzmo-icons-DonyjSXg.cjs");require("../index-Dy_5M3M5.cjs");require("../index-j8UKjHqY.cjs");require("../index-CUvucmA0.cjs");require("../index-1oIrlkAr.cjs");require("../index-CYeQkVeJ.cjs");const f=require("../calculate-data-item-icon-Dn-9Kd0U.cjs"),z=require("../localize-r7ALOUy_.cjs"),n=require("../property-Cu4Q1hS4.cjs"),y=require("../state-fyl3IYMu.cjs"),S=require("../focusable-DAGGGYyz.cjs"),b=require("../sized-mixin-j_7aJM4b.cjs");require("../index-CY_cyFdI.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

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

@@ -17,27 +17,27 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-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-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 { g as C, t as _, s as S, m as k } from "../set-locale-GI34z_M7.js";
+import { l as x } from "../localized-decorator-Bl5gcI6n.js";
+import { h as $ } from "../task-Bh_X-xIU.js";
+import { a8 as d, aa as I, ab as z, a7 as h } from "../luzmo-icons-CVeTZ59u.js";
+import "../index-D_jFGBMs.js";
 import "../index-CsDgk_sj.js";
 import "../index-DUF6bALI.js";
-import "../index-ChDwMQlU.js";
+import "../index-BEtf1WaQ.js";
 import "../index-BmshD32H.js";
-import { c as b } from "../calculate-data-item-icon-DKjZwr-x.js";
+import { c as b } from "../calculate-data-item-icon-Dpvf1aLI.js";
 import { l as v } from "../localize-BX7q0S0M.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 { x as c, r as w, n as m } from "../property-DCzt3DR1.js";
+import { r as D } from "../state-nDsQPund.js";
+import { L as E } from "../focusable-BbymtxWI.js";
+import { S as O } from "../sized-mixin-BGzkX2g1.js";
+import "../index-Bt3JTHTC.js";
 import "../slot-menu/index.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");
-    t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
+    t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
   }
 };
 y();
@@ -136,14 +136,14 @@ let n = class extends O(E, {
     t.preventDefault(), t.stopPropagation(), this.slotContents.length === ((o = t.detail.slotContents) == null ? void 0 : o.length) ? (this._currentSlotContents = t.detail.slotContents, this._changedSlotContents(this._currentSlotContents)) : (this.slotContents = t.detail.slotContents, this._changedSlotContents(this.slotContents));
   }
   _setSlotContentAtIndex(t, o) {
-    var e, s, u, i, r, f;
+    var e, s, u, i, r, g;
     const l = (s = (e = t == null ? void 0 : t.detail) == null ? void 0 : e.value) == null ? void 0 : s[0];
     o >= this._currentSlotContents.length && this._removeEmptySelect();
     for (let p = this._currentSlotContents.length; p <= o; p++)
       this._currentSlotContents[p] || this._currentSlotContents.push({});
-    if (l && !(l === ((u = this._currentSlotContents[o]) == null ? void 0 : u.columnId) || l === ((i = this._currentSlotContents[o]) == null ? void 0 : i.column) || l === ((r = this._currentSlotContents[o]) == null ? void 0 : r.formulaId) || l === ((f = this._currentSlotContents[o]) == null ? void 0 : f.formula))) {
+    if (l && !(l === ((u = this._currentSlotContents[o]) == null ? void 0 : u.columnId) || l === ((i = this._currentSlotContents[o]) == null ? void 0 : i.column) || l === ((r = this._currentSlotContents[o]) == null ? void 0 : r.formulaId) || l === ((g = this._currentSlotContents[o]) == null ? void 0 : g.formula))) {
       const p = this._slotContentOptions.find(
-        (g) => g.columnId === l || g.formulaId === l
+        (f) => f.columnId === l || f.formulaId === l
       );
       p && (this._currentSlotContents[o] = structuredClone(p));
     }

package/components/slot-menu/index.cjs

@@ -17,41 +17,46 @@
  * 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 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>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const o=require("../property-Cu4Q1hS4.cjs"),E=require("../index-CY_cyFdI.cjs"),g=require("../luzmo-icons-DonyjSXg.cjs"),w=require("../index-eBsINoH9.cjs"),D=require("../localize-r7ALOUy_.cjs"),I=require("../state-fyl3IYMu.cjs"),O=require("../query-D5qWDopr.cjs"),T=require("../directive-BOOaQO_r.cjs"),U=require("../focusable-DAGGGYyz.cjs"),M=require("../sized-mixin-j_7aJM4b.cjs");require("../slot-menu-list/index.cjs");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Y={},R=T.e(class extends T.i{constructor(){super(...arguments),this.ot=Y}render(u,t){return t()}update(u,[t,e]){if(Array.isArray(t)){if(Array.isArray(this.ot)&&this.ot.length===t.length&&t.every((r,l)=>r===this.ot[l]))return o.T}else if(this.ot===t)return o.T;return this.ot=Array.isArray(t)?Array.from(t):t,this.render(t,e)}});function N({element:u,handle:t,boundary:e=document.documentElement,onDragStart:r,onDragEnd:l}){if(!u||!t)throw new Error("makeDraggable: element and handle are required");const a=u.ownerDocument??document;let i=-1,b=0,y=0,m=0,p=0,z=0,L=0,C=0,_=0;const x=d=>{if(d.pointerId!==i)return;const h=d.clientX-b,f=d.clientY-y,c=(e??document.documentElement).getBoundingClientRect();let v=m+h,S=p+f;v=Math.min(Math.max(v,c.left),c.right-z),S=Math.min(Math.max(S,c.top),c.bottom-L);const P=v-m,q=S-p,A=C+P,B=_+q;u.style.transform=`translate3d(${A}px, ${B}px, 0)`},k=d=>{d.pointerId===i&&(a.removeEventListener("pointermove",x),a.removeEventListener("pointerup",k),i=-1,l==null||l())},$=d=>{var f;if(d.button!==0)return;i=d.pointerId;const h=u.getBoundingClientRect();m=h.left,p=h.top,z=h.width,L=h.height,b=d.clientX,y=d.clientY;try{const c=(f=a.defaultView)==null?void 0:f.getComputedStyle(u);if(c){const v=new DOMMatrixReadOnly(c.transform);C=v.m41,_=v.m42}}catch{C=0,_=0}t.setPointerCapture(i),a.addEventListener("pointermove",x),a.addEventListener("pointerup",k),r==null||r()};return t.addEventListener("pointerdown",$),()=>{t.removeEventListener("pointerdown",$),a.removeEventListener("pointermove",x),a.removeEventListener("pointerup",k)}}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));box-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));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);--slot-menu-popup-box-shadow: var(--slot-menu-popup-shadow-horizontal) var(--slot-menu-popup-shadow-vertical) var(--slot-menu-popup-shadow-blur) var(--slot-menu-popup-shadow-color)}: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,s=(u,t,e,r)=>{for(var l=void 0,a=u.length-1,i;a>=0;a--)(i=u[a])&&(l=i(t,e,l)||l);return l&&G(t,e,l),l};class n extends E.e(M.SizedMixin(U.LuzmoElement,{validSizes:Object.values(M.ElementSizes)})){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this._periodOverPeriodEnabled=!1,this.measureColumns=[],this.apiUrl="https://api.luzmo.com",this.authKey="1a6069eb-9a30-424c-ad69-e0aa9e6bb8b6",this.authToken="AGAjEOVhJPyemwt5QNx1rI6nxuOH9pwdtyeg0aGSKuWenPR8GYmC3g2yKiCIjuD8POQOrEMGLYNnZdYRHZFAMi7QOfGd6gpSgZEbLXyhW9ucYG0U9Mc0uUksxIelkVH5yUESO3c6bVCV7FMVNIo7GW",this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetIds=[]}static get styles(){return[o.r(X)]}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return D.localize(this._currentSlotContent.label,this.contentLanguage)??"Untitled"}connectedCallback(){const t={};this.apiUrl&&(t.apiUrl=this.apiUrl),this.authKey&&this.authToken&&(t.authKey=this.authKey,t.authToken=this.authToken),w.dataBroker.configure(t),super.connectedCallback()}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],linkedDatasetIds:[...this._linkedDatasetIds]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(t){return new Set(["array[numeric]","array[spatial]","array[datetime]","array[hierarchy]"]).has(t)}async willUpdate(){var e,r,l,a;const t=this.slotContents??((e=this._store)==null?void 0:e.slotContents.get())??[];if(t!==this._slotContents){this._slotContents=structuredClone(t);const{set:i,column:b}=this._currentSlotContent;i&&i!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=i,await w.dataBroker.fetchDatasetsRecursive([i]),this._linkedDatasetIds=w.dataBroker.getLinkedDatasetIds(i));const y=w.dataBroker.getAvailableDatasets();this.measureColumns=y.map(m=>{var p;return{datasetId:m.id,datasetName:m.name,columns:(p=m.columns)==null?void 0:p.filter(z=>z.type==="numeric"&&z.id!==b)}}),((r=this._store)==null?void 0:r.activeIndex.get())!==this._activeIndex&&((l=this._store)==null||l.updateActive(this._activeIndex)),this.slotName==="measure"&&(this._periodOverPeriodEnabled=((a=this._store)==null?void 0:a.periodOverPeriodEnabled.get())&&this._currentSlotContent.subtype!=="duration"&&!this.isArrayColumnType(this._currentSlotContent.type))}}updated(){var t;this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriod=this._periodOverPeriodEnabled,this.displaySettingsElement.measureColumns=this.measureColumns,this.displaySettingsElement.showRemoveButton=this.variant==="popup"&&(typeof this.slotIndex=="number"||((t=this._slotContents)==null?void 0:t.length)===1))}_handleSlotListChange(t){var r,l;this._slotContents=structuredClone(t.detail.slotContents);const e=t.detail.activeIndex;e!==this._activeIndex&&(this._activeIndex=e,(r=this._store)==null||r.updateActive(e)),this._slotContents.length<=1&&this.requestUpdate(),(l=this._store)==null||l.setContents(this._slotContents,this.slotName),this._sendChangeEvent()}_handleSlotContentChange(t){var e;this._slotContents[this.slotIndex??this._activeIndex]=structuredClone(t.detail.slotContent),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),(e=this._store)==null||e.updateContent(t.detail.slotContent,this.slotIndex??this._activeIndex),this._sendChangeEvent()}removeSlotContent(t){var e;this._slotContents=this._slotContents.filter((r,l)=>l!==t),(e=this._store)==null||e.setContents(this._slotContents,this.slotName),this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}render(){var t,e;return o.x`<div class="slot-menu-top-menu">
+        ${this.variant==="draggable"?o.x`<div class="drag-handle">${g.y3(g.W)}</div>`:""}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!=="popup"?o.x` <div class="slot-content-action">
+              <div class="slot-content-label">${this._currentLabel}</div>
               <div
                 class="slot-content-remove"
                 @click=${this.removeSlotContent.bind(this,0)}
               >
-                ${h.y3(h.C1)}
+                ${g.y3(g.C1)}
               </div>
             </div>`:""}
       </div>
       <div
         class="slot-contents-container ${((t=this._slotContents)==null?void 0:t.length)>1?"multiple":""}"
       >
-        ${this.variant==="popup"?"":n.x`<div class="close" @click=${this.close}>
-              ${h.y3(h.F)}
+        ${this.variant==="popup"?"":o.x`<div class="close" @click=${this.close}>
+              ${g.y3(g.F)}
             </div>`}
         <div class="inner-container">
-          ${((e=this._slotContents)==null?void 0:e.length)>1&&typeof this.slotIndex!="number"?n.x`<luzmo-slot-menu-list
-                .slotContents=${this._slotListData}
+          ${((e=this._slotContents)==null?void 0:e.length)>1&&typeof this.slotIndex!="number"?o.x`<luzmo-slot-menu-list
+                .slotContents=${this._slotContents}
+                .contentLanguage=${this.contentLanguage}
                 .activeIndex=${this.slotIndex??this._activeIndex}
                 @slot-list-changed=${this._handleSlotListChange}
               ></luzmo-slot-menu-list>`:""}
-          <luzmo-display-settings
-            .size=${this.size}
-            .language=${this.language}
-            .contentLanguage=${this.contentLanguage}
-            .slotContent=${this._currentSlotContent}
-            .slotType=${this.slotType}
-            .periodOverPeriod=${this._currentSlotContent.periodOverPeriod}
-            .measureColumns=${this.measureColumns}
-            .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>
+          ${R([this.variant,this.slotType,this.language,this.contentLanguage],()=>{var r;return o.x`<luzmo-display-settings
+                .size=${this.size}
+                .language=${this.language}
+                .contentLanguage=${this.contentLanguage}
+                .slotContent=${this._currentSlotContent}
+                .slotType=${this.slotType}
+                .periodOverPeriod=${this._periodOverPeriodEnabled}
+                .measureColumns=${this.measureColumns}
+                .showRemoveButton=${this.variant==="popup"&&(typeof this.slotIndex=="number"||((r=this._slotContents)==null?void 0:r.length)===1)}
+                @slot-content-changed=${this._handleSlotContentChange}
+                @remove-slot-content=${this._removeActiveSlotContent}
+              ></luzmo-display-settings>`})}
         </div>
-      </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;
+      </div>`}firstUpdated(){if(this.variant==="draggable"&&!this.noDrag){const t=this.renderRoot.querySelector(".drag-handle");if(t){const e=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=N({element:this,handle:t,boundary:e})}}}resetPosition(){this.style.transform=""}}s([o.n({type:String,reflect:!0})],n.prototype,"language");s([o.n({type:String,attribute:"content-language",reflect:!0})],n.prototype,"contentLanguage");s([o.n({type:String,attribute:"slot-type",reflect:!0})],n.prototype,"slotType");s([o.n({type:String,attribute:"slot-name",reflect:!0})],n.prototype,"slotName");s([o.n({type:String,attribute:"item-type",reflect:!0})],n.prototype,"itemType");s([o.n({type:Boolean,attribute:"no-drag",reflect:!0})],n.prototype,"noDrag");s([o.n({type:Boolean,attribute:"no-close",reflect:!0})],n.prototype,"noClose");s([o.n({type:String,reflect:!0})],n.prototype,"variant");s([o.n({type:Boolean,attribute:"no-top-menu-label",reflect:!0})],n.prototype,"noTopMenuLabel");s([E.c({context:E.slotContext,subscribe:!0})],n.prototype,"_store");s([o.n({type:String,attribute:"drag-boundary",reflect:!1})],n.prototype,"dragBoundary");s([o.n({type:Array,reflect:!1,attribute:"slot-contents"})],n.prototype,"slotContents");s([I.r()],n.prototype,"_periodOverPeriodEnabled");s([I.r()],n.prototype,"measureColumns");s([o.n({type:Number,reflect:!1,attribute:"slot-index"})],n.prototype,"slotIndex");s([O.e("luzmo-display-settings")],n.prototype,"displaySettingsElement");s([O.e("luzmo-slot-menu-list")],n.prototype,"slotMenuListElement");s([o.n({type:String,attribute:"api-url",reflect:!0})],n.prototype,"apiUrl");s([o.n({type:String,attribute:"auth-key",reflect:!0})],n.prototype,"authKey");s([o.n({type:String,attribute:"auth-token",reflect:!0})],n.prototype,"authToken");s([I.r()],n.prototype,"_slotContents");customElements.get("luzmo-slot-menu")||customElements.define("luzmo-slot-menu",n);exports.LuzmoSlotMenu=n;