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

package/components/{route-map-options.fr-C7TkfcdY.js → route-map-options.fr-DEHQekgM.js}

@@ -61,6 +61,26 @@ const e = {
         "No Tiles": "Sans fond"
       }
     },
+    colorsClassType: {
+      label: "Type de couleurs",
+      enum: {
+        sequential: "Séquentiel",
+        divergent: "Divergent",
+        manual: "Manuel"
+      }
+    },
+    numberClasses: {
+      label: "Nombre de classes"
+    },
+    classification: {
+      label: "Méthode",
+      enum: {
+        interval: "Intervalle égal",
+        manual: "Manuel",
+        quantile: "Quantile",
+        continuous: "Continu"
+      }
+    },
     opacity: {
       label: "Opacité"
     },

package/components/{route-map-options.nl-X4lAer8J.cjs → route-map-options.nl-CYmB51pE.cjs}

@@ -17,4 +17,4 @@
  * 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 e={name:"Routekaart",groups:{general:{label:"Algemeen"},colors:{label:"Kleuren"}},options:{"display.title":{label:"Titel"},"enabled.zoom":{label:"Zoomen"},"enabled.pan":{label:"Verplaatsen"},"enabled.pitchBearing":{label:"Kantelen & Draaien",tooltip:"Gebruik ctrl + slepen om de kaart te draaien en kantelen"},lineWeight:{label:"Lijndikte"},vectorTileProvider:{label:"Kaartstijl",enum:{Basic:"Basis",Bright:"Helder",Dark:"Donker",Fiord:"Fjord",Liberty:"Liberty",Pastel:"Pastel",Positron:"Positron",Streets:"Straten",Toner:"Toner",Topographique:"Topografisch",Voyager:"Voyager","No Tiles":"Geen achtergrond"}},opacity:{label:"Transparantie"},color:{label:"Routekleur"}}};exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Routekaart",groups:{general:{label:"Algemeen"},colors:{label:"Kleuren"}},options:{"display.title":{label:"Titel"},"enabled.zoom":{label:"Zoomen"},"enabled.pan":{label:"Verplaatsen"},"enabled.pitchBearing":{label:"Kantelen & Draaien",tooltip:"Gebruik ctrl + slepen om de kaart te draaien en kantelen"},lineWeight:{label:"Lijndikte"},vectorTileProvider:{label:"Kaartstijl",enum:{Basic:"Basis",Bright:"Helder",Dark:"Donker",Fiord:"Fjord",Liberty:"Liberty",Pastel:"Pastel",Positron:"Positron",Streets:"Straten",Toner:"Toner",Topographique:"Topografisch",Voyager:"Voyager","No Tiles":"Geen achtergrond"}},colorsClassType:{label:"Kleurtype",enum:{sequential:"Sequentieel",divergent:"Divergent",manual:"Handmatig"}},numberClasses:{label:"Aantal klassen"},classification:{label:"Methode",enum:{interval:"Gelijke intervallen",manual:"Handmatig",quantile:"Kwantielen",continuous:"Doorlopend"}},opacity:{label:"Transparantie"},color:{label:"Routekleur"}}};exports.default=e;

package/components/{route-map-options.nl-Btd3mxx0.js → route-map-options.nl-CwUgb9Zg.js}

@@ -61,6 +61,26 @@ const e = {
         "No Tiles": "Geen achtergrond"
       }
     },
+    colorsClassType: {
+      label: "Kleurtype",
+      enum: {
+        sequential: "Sequentieel",
+        divergent: "Divergent",
+        manual: "Handmatig"
+      }
+    },
+    numberClasses: {
+      label: "Aantal klassen"
+    },
+    classification: {
+      label: "Methode",
+      enum: {
+        interval: "Gelijke intervallen",
+        manual: "Handmatig",
+        quantile: "Kwantielen",
+        continuous: "Doorlopend"
+      }
+    },
     opacity: {
       label: "Transparantie"
     },

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-Cam8nRIW.cjs"),v=require("../localized-decorator-SOrjcPab.cjs"),C=require("../task-0B-FC3rj.cjs"),u=require("../luzmo-icons-Bvm-_ECi.cjs");require("../index-DCdx3dxQ.cjs");require("../index-j8UKjHqY.cjs");require("../index-CUvucmA0.cjs");require("../index-cbfU96gS.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-VHrmgynd.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

@@ -20,19 +20,19 @@
 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 { a8 as d, aa as I, ab as z, a7 as h } from "../luzmo-icons-4Tmb3sKr.js";
+import "../index-Be-pSgzQ.js";
 import "../index-CsDgk_sj.js";
 import "../index-DUF6bALI.js";
-import "../index-ChDwMQlU.js";
+import "../index-Cf_a7VrO.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-BiIL_s4Z.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 "../index-PGX2p9Ns.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,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"});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">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const n=require("../property-BV1QaY8E.cjs"),I=require("../index-VHrmgynd.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>

package/components/slot-menu/index.js

@@ -19,9 +19,9 @@
  * */
 import "../index-CskV_bXp.js";
 import { r as T, x as h, n as u } from "../property-BFMfZY1k.js";
-import { c as O, s as R } from "../index-Cw_HnduG.js";
+import { c as O, s as R } from "../index-PGX2p9Ns.js";
 import "../slot-menu-list/index.js";
-import { a7 as C, ae as U, ab as X, ag as Y } from "../luzmo-icons-DnAqAQCX.js";
+import { a8 as C, ae as U, a7 as X, ag as Y } from "../luzmo-icons-4Tmb3sKr.js";
 import { l as q } from "../localize-BX7q0S0M.js";
 import { e as _ } from "../query-Ddbd72Um.js";
 import { L as A } from "../focusable-Bhf_beoW.js";

package/components/slot-menu-list/index.js

@@ -19,7 +19,7 @@
  * */
 import { r as P, x as E, n as x } from "../property-BFMfZY1k.js";
 import { _ as S, d as F, a as j, s as D, g as w } from "../get-css-variable-YlLiVgo8.js";
-import { a7 as $, ab as L } from "../luzmo-icons-DnAqAQCX.js";
+import { a8 as $, a7 as L } from "../luzmo-icons-4Tmb3sKr.js";
 import { l as M } from "../localize-BX7q0S0M.js";
 import { r as A } from "../query-all-Ddzx2fEK.js";
 import { L as R } from "../focusable-Bhf_beoW.js";

package/components/speedometer-chart-options.config-BX9LTQBH.cjs

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

package/components/speedometer-chart-options.config-SL581yOa.js

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