@luzmo/analytics-components-kit 1.0.1-alpha.96 → 1.0.1-alpha.98

package/components/slicer-filter-options.nl-C_n1KiTW.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 e={name:"Segmentfilter",groups:{general:{label:"Algemeen"},layout:{label:"Indeling"},padding:{label:"Opvulling"}},options:{"display.title":{label:"Titel"},"display.search":{label:"Zoeken"},multiselect:{label:"Meervoudige selectie"},applyFiltersWithButton:{label:"Filteren met Toepassen knop"},"display.all":{label:"'Alles selecteren' tonen"},mode:{label:"Weergeven als knoppen"},color:{label:"Kleur"},"sort.direction":{label:"Sortering",enum:{asc:"Oplopend",desc:"Aflopend"}},"layout.alignment":{label:"Uitlijning",enum:{vertical:"Verticaal",horizontal:"Horizontaal",table:"Tabel"}},"table.rowheight":{label:"Rijhoogte"},"table.columns":{label:"Aantal kolommen"},"horizontal.width":{label:"Breedte"},"padding.left":{label:"Linker opvulling"},"padding.right":{label:"Rechter opvulling"}}};exports.default=e;

package/components/slicer-filter-slots.config-V7hURjKI.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 e=[{name:"dimension",rotate:!1,type:"mixed",label:"Dimension",options:{isAggregationDisabled:!0,isBinningDisabled:!0,areDatetimeOptionsEnabled:!0,showOnlyFirstSlotContentOptions:!0},canAcceptMultipleDataItems:!0},{name:"measure",rotate:!1,type:"numeric",label:"Measure",canAcceptMultipleDataItems:!1,canAcceptFormula:!0}];exports.default=e;

package/components/slider-filter-options.config-_8Z2zKmU.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 t=require("./helpers-DXQwEH1P.cjs"),o=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"color",control:{type:"color-picker",label:"Slider color",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>t.getThemeMainColorResetLabel(e,l,"color"),extraLabelHasClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelHasClickAction(e,l,"color"),extraLabelClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelClickAction(e,l,"color")}}]},{key:"padding",type:"group",open:!0,children:[{key:"padding.left",control:{label:"Padding left",type:"number-field",default:16,min:0,max:100,step:1}},{key:"padding.right",control:{label:"Padding right",type:"number-field",default:16,min:0,max:100,step:1}}]}];exports.default=o;

package/components/slider-filter-options.de-BgUkQGYO.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 e={name:"Schieberegler-Filter",groups:{general:{label:"Allgemein"},padding:{label:"Abstand"}},options:{"display.title":{label:"Titel"},color:{label:"Schiebereglerfarbe"},"padding.left":{label:"Linker Abstand"},"padding.right":{label:"Rechter Abstand"}}};exports.default=e;

package/components/slider-filter-options.en-Dvn-ux4N.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 l={name:"Slider filter",groups:{general:{label:"General"},padding:{label:"Padding"}},options:{"display.title":{label:"Title"},color:{label:"Slider color"},"padding.left":{label:"Padding left"},"padding.right":{label:"Padding right"}}};exports.default=l;

package/components/slider-filter-options.es-B9ObSQWh.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 e={name:"Filtro deslizante",groups:{general:{label:"General"},padding:{label:"Espaciado"}},options:{"display.title":{label:"Título"},color:{label:"Color del deslizador"},"padding.left":{label:"Espaciado izquierdo"},"padding.right":{label:"Espaciado derecho"}}};exports.default=e;

package/components/slider-filter-options.fr-DI6QMjqa.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 e={name:"Filtre curseur",groups:{general:{label:"Général"},padding:{label:"Espacement"}},options:{"display.title":{label:"Titre"},color:{label:"Couleur du curseur"},"padding.left":{label:"Espacement gauche"},"padding.right":{label:"Espacement droite"}}};exports.default=e;

package/components/slider-filter-options.nl-autc8gPj.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 l={name:"Schuifregelaar filter",groups:{general:{label:"Algemeen"},padding:{label:"Opvulling"}},options:{"display.title":{label:"Titel"},color:{label:"Schuifregelaar kleur"},"padding.left":{label:"Linker opvulling"},"padding.right":{label:"Rechter opvulling"}}};exports.default=l;

package/components/slider-filter-slots.config-B--K9cpP.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 e=[{name:"slidermetric",isRequired:!0,canAcceptMultipleDataItems:!0,label:"Slider metric",acceptableDataItemTypes:["numeric","datetime","array[numeric]","array[datetime]"],type:"mixed",options:{isAggregationDisabled:!0,isBinningDisabled:!0}}];exports.default=e;

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

@@ -0,0 +1,146 @@
+/*! * 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("@lit/localize"),y=require("@lit/task"),m=require("@luzmo/icons");require("@luzmo/lucero/action-button");require("@luzmo/lucero/field-label");require("@luzmo/lucero/overlay");require("@luzmo/lucero/select");require("@luzmo/lucero/tooltip");const z=require("../calculate-data-item-icon-CEa82-5u.cjs"),v=require("../localize-r7ALOUy_.cjs"),a=require("lit"),c=require("lit/decorators.js"),S=require("../focusable-B3E_hQmm.cjs"),b=require("../sized-mixin-DcvJLFeo.cjs"),d=require("../set-locale-BRRalqne.cjs");require("../index-CXn67vdn.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,l=(p,t,e,s)=>{for(var o=s>1?void 0:s?P(t,e):t,n=p.length-1,u;n>=0;n--)(u=p[n])&&(o=(s?u(t,e,o):u(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 y.Task(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-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.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!==d.getLocale()&&([...d.targetLocales].includes(this.language??"en")||this.language==="en")&&d.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,n,u,i,r,g;const s=(n=(o=t==null?void 0:t.detail)==null?void 0:o.value)==null?void 0:n[0];e>=this._currentSlotContents.length&&this._removeEmptySelect();for(let h=this._currentSlotContents.length;h<=e;h++)this._currentSlotContents[h]||this._currentSlotContents.push({});if(s&&!(s===((u=this._currentSlotContents[e])==null?void 0:u.columnId)||s===((i=this._currentSlotContents[e])==null?void 0:i.column)||s===((r=this._currentSlotContents[e])==null?void 0:r.formulaId)||s===((g=this._currentSlotContents[e])==null?void 0:g.formula))){const h=this._slotContentOptions.find(f=>f.columnId===s||f.formulaId===s);h&&(this._currentSlotContents[e]=structuredClone(h))}this.slotContents=structuredClone(this._currentSlotContents.filter(h=>h.columnId||h.formulaId||h.column||h.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(n=>e.includes(n.columnId??n.formulaId)))??[],e.forEach(n=>{if(this._currentSlotContents.some(i=>i.columnId===n||i.formulaId===n))return;const u=this._slotContentOptions.find(i=>i.columnId===n||i.formulaId===n);u&&this._currentSlotContents.push(structuredClone(u))}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_createSlotContentOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const n=(o==null?void 0:o.columns)??[],u=(o==null?void 0:o.formulas)??[];for(const i of n)if((((e=this.slotConfiguration)==null?void 0:e.acceptableDataItemTypes)??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(i.type)){const r=structuredClone(i);r.columnId=i.id,r.datasetId=o.id,r.label=i.name,delete r.name,delete r.id,t.push(r)}if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of u){const r=structuredClone(i);r.formulaId=i.id,r.datasetId=o.id,r.label=i.name,delete r.name,delete r.id,t.push(r)}}return t}_createSelectOptions(){var e,s;const t=[];for(const o of this.datasetsDataItems??[]){const n=(o==null?void 0:o.columns)??[],u=(o==null?void 0:o.formulas)??[];for(const i of n)(((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:v.localize((i==null?void 0:i.name)??{},this.language),icon:z.calculateDataItemIcon(i,this.size)});if((s=this.slotConfiguration)!=null&&s.canAcceptFormula)for(const i of u)t.push({value:i.id,label:v.localize((i==null?void 0:i.name)??{},this.language),icon:z.calculateDataItemIcon(i,this.size)})}return t}_renderFieldLabel(){return a.html`<luzmo-field-label for="data-item" size=${this.size}
+      >${this.label??C.msg("Select...")}
+    </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_addDataItem(){this._hasExtraEmptySelects=!0}_renderExtraDataItemButton(){return a.html`<div class="extra-data-item-button-container">
+      <luzmo-action-button
+        size="xs"
+        @click=${this._addDataItem}
+        ?disabled=${this._hasExtraEmptySelects}
+      >
+        ${m.luzmoIcon(m.luzmoPlus)}
+      </luzmo-action-button>
+      <luzmo-tooltip self-managed placement="top" size=${this.size}>
+        Add data item
+      </luzmo-tooltip>
+    </div>`}_renderSingleSelect(){const t=this._renderFieldLabel(),e=this._currentSlotContents.map((s,o)=>{var n,u,i,r;return a.html` <div class="select-container">
+          ${this.hasLabel&&o===0?t:""}
+          ${this._renderSelectMenu(o)}
+          ${((n=this.slotContents)==null?void 0:n.length)>0&&!(this.hideConfiguration&&this.hideDelete)?a.html`<div class="controls">
+                ${this.hideConfiguration?"":a.html`<luzmo-action-button
+                      .size=${this.size}
+                      quiet
+                      id=${`trigger-${o}`}
+                    >
+                      ${m.luzmoIcon(m.luzmoCog)}
+                      <luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        edit
+                      </luzmo-tooltip>
+                    </luzmo-action-button>`}
+                ${this.hideDelete?"":a.html`<div
+                      @click=${this._emptySlotContents.bind(this,o)}
+                    >
+                      ${m.luzmoIcon(m.luzmoTrashOutline)}
+                      <luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        Delete
+                      </luzmo-tooltip>
+                    </div>`}
+              </div>`:""}
+          ${((u=this.slotContents)==null?void 0:u.length)>0?a.html`<luzmo-overlay
+                trigger=${`trigger-${o}@click`}
+                .placement=${this.placement}
+              >
+                <luzmo-slot-menu
+                  language=${this.language}
+                  content-language=${this.language}
+                  slot-type=${(i=this.slotConfiguration)==null?void 0:i.type}
+                  .slotContents=${this._currentSlotContents}
+                  .slotIndex=${(r=this.slotConfiguration)!=null&&r.canAcceptMultipleDataItems?o:void 0}
+                  variant="popup"
+                  .size=${this.size}
+                  @slot-contents-changed=${this._onSlotMenuChanges}
+                ></luzmo-slot-menu>
+              </luzmo-overlay>`:""}
+        </div>`});return this._hasExtraEmptySelects&&e.push(a.html`<div class="select-container">
+          ${this._renderSelectMenu(this._currentSlotContents.length)}
+          <div class="controls">
+            <luzmo-action-button
+              .size=${this.size}
+              quiet
+              @click=${this._removeEmptySelect}
+            >
+              ${m.luzmoIcon(m.luzmoTrashOutline)}
+              <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                Delete
+              </luzmo-tooltip>
+            </luzmo-action-button>
+          </div>
+        </div>`),e.push(this._renderExtraDataItemButton()),e}_renderMultipleSelect(){var e,s,o;const t=this._renderFieldLabel();return a.html`<div class="select-container">
+      ${this.hasLabel?t:""} ${this._renderSelectMenu()}
+      ${((e=this.slotContents)==null?void 0:e.length)>0&&!(this.hideConfiguration&&this.hideDelete)?a.html`<div class="controls">
+            ${this.hideConfiguration?"":a.html`<luzmo-action-button .size=${this.size} quiet id="trigger">
+                  ${m.luzmoIcon(m.luzmoCog)}
+                  <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                    edit
+                  </luzmo-tooltip>
+                </luzmo-action-button>`}
+            ${this.hideDelete?"":a.html`<div @click=${this._emptySlotContents}>
+                  ${m.luzmoIcon(m.luzmoTrashOutline)}
+                  <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                    Delete
+                  </luzmo-tooltip>
+                </div>`}
+          </div>`:""}
+      ${((s=this.slotContents)==null?void 0:s.length)>0?a.html`<luzmo-overlay
+            trigger="trigger@click"
+            .placement=${this.placement}
+          >
+            <luzmo-slot-menu
+              language=${this.language}
+              content-language=${this.language}
+              slot-type=${(o=this.slotConfiguration)==null?void 0:o.type}
+              .slotContents=${this._currentSlotContents}
+              variant="popup"
+              .size=${this.size}
+              @slot-contents-changed=${this._onSlotMenuChanges}
+            ></luzmo-slot-menu>
+          </luzmo-overlay>`:""}
+    </div>`}_renderSelectMenu(t){var s,o;let e;return t&&t>=this._currentSlotContents.length?e=[]:(e=(s=this._currentSlotContents)==null?void 0:s.map(n=>n.columnId??n.formulaId??n.column??n.formula),this.selects==="single"&&(e==null?void 0:e.length)>0&&(e=[e[t??0]])),a.html`<luzmo-select
+      label="Select..."
+      id="expression"
+      size=${this.size}
+      variant="highlight"
+      .language=${this.language}
+      placement="bottom-start"
+      ?disabled=${this.disabled}
+      .options=${this._selectOptions}
+      .value=${e}
+      selects=${this.selects==="multiple"&&((o=this.slotConfiguration)!=null&&o.canAcceptMultipleDataItems)?"multiple":"single"}
+      data-index=${t??0}
+      @change=${this._handleSelectChange}
+    >
+    </luzmo-select>`}_handleSelectChange(t){var e;if(this.selects==="single"){const s=t.currentTarget,o=(e=s==null?void 0:s.dataset)==null?void 0:e.index,n=o?Number.parseInt(o,10):0;this._setSlotContentAtIndex(t,Number.isNaN(n)?0:n)}else this._setSlotContents(t)}_slotContentsPickerMarkup(){return a.html`
+      <div class="container">
+        ${this.selects==="multiple"?this._renderMultipleSelect():this._renderSingleSelect()}
+      </div>
+    `}render(){return this._loadSlotsConfig.render({pending:()=>a.html`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const e=t.find(s=>s.name===this.slotName);e&&(this.slotConfiguration=e)}return this._slotContentsPickerMarkup()},error:t=>a.html`
+        <div>
+          Could not load slot-contents-picker: '${this.slotName}' of chart
+          '${this.itemType}': ${t}.
+        </div>
+      `})}};exports.LuzmoSlotContentsPicker.styles=a.unsafeCSS(_);l([c.property({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoSlotContentsPicker.prototype,"itemType",2);l([c.property({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoSlotContentsPicker.prototype,"slotName",2);l([c.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotConfiguration",2);l([c.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotContents",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"language",2);l([c.property({type:Boolean,attribute:"disabled",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"disabled",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"menu",2);l([c.property({type:Boolean,attribute:"has-label",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"hasLabel",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"label",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"selects",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"icons",2);l([c.property({type:String,attribute:"placeholder",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placeholder",2);l([c.property({type:Array,reflect:!1})],exports.LuzmoSlotContentsPicker.prototype,"datasetsDataItems",2);l([c.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placement",2);l([c.property({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoSlotContentsPicker.prototype,"hideDelete",2);l([c.property({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoSlotContentsPicker.prototype,"hideConfiguration",2);l([c.state()],exports.LuzmoSlotContentsPicker.prototype,"_hasExtraEmptySelects",2);l([c.property({type:Boolean,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"stretch",2);exports.LuzmoSlotContentsPicker=l([C.localized()],exports.LuzmoSlotContentsPicker);customElements.get("luzmo-slot-contents-picker")||customElements.define("luzmo-slot-contents-picker",exports.LuzmoSlotContentsPicker);

package/components/slot-contents-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoSlotContentsPicker } from './slot-contents-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-slot-contents-picker': LuzmoSlotContentsPicker;
+    }
+}
+export { LuzmoSlotContentsPicker } from './slot-contents-picker';

package/components/slot-contents-picker/slot-contents-picker.d.ts

@@ -0,0 +1,113 @@
+import { Placement } from '@floating-ui/dom';
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/overlay';
+import '@luzmo/lucero/select';
+import '@luzmo/lucero/tooltip';
+import { PropertyValues } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+import './../display-settings';
+import './../slot-menu';
+declare const LuzmoSlotContentsPicker_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-slot-contents-picker
+ * @fires slot-contents-changed - Announces that the slot contents has changed
+ */
+export declare class LuzmoSlotContentsPicker extends LuzmoSlotContentsPicker_base {
+    static styles: import("lit").CSSResult;
+    private _loadSlotsConfig;
+    private _itemTypeLoaded?;
+    private _slotsConfig?;
+    /**
+     * The type of the item
+     */
+    itemType?: string;
+    /**
+     * The name of the slot
+     */
+    slotName?: string;
+    /**
+     * (Optional) The configuration of the slot, overrides the slot configuration loaded from the item type & slot name.
+     */
+    slotConfiguration: any;
+    /**
+     * The contents of the slot
+     */
+    slotContents: any;
+    /**
+     * The language of the slot-menu
+     */
+    language: string;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled: boolean;
+    /**
+     * The type of config interaction
+     */
+    menu: 'default' | 'draggable' | 'event-only';
+    /**
+     * Whether the picker has a label
+     */
+    hasLabel: boolean;
+    /**
+     * The label for the picker, if hasLabel is true
+     */
+    label?: string;
+    /**
+     * Whether the picker allows multiple selections. Only relevant if the slot configuration allows multiple data items.
+     */
+    selects: 'single' | 'multiple';
+    /**
+     * Where to show icons
+     */
+    icons?: 'none' | 'only-menu' | 'all';
+    /**
+     * The placeholder text for the picker is no value selected.
+     */
+    placeholder?: string;
+    /**
+     * The datasets and their dataItems to display
+     */
+    datasetsDataItems: {
+        id: string;
+        name: {
+            [key: string]: string;
+        };
+        columns: any[];
+        formulas: any[];
+    }[];
+    /**
+     * Placement of the slot menu. Only relevant for 'popup' and 'draggable' menu type
+     */
+    placement: Placement;
+    hideDelete: boolean;
+    hideConfiguration?: boolean;
+    private _hasExtraEmptySelects;
+    private _currentSlotContents;
+    private _selectOptions;
+    private _slotContentOptions;
+    stretch: boolean;
+    private _changedSlotContents;
+    private _emptySlotContents;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _onSlotMenuChanges;
+    private _setSlotContentAtIndex;
+    private _setSlotContents;
+    private _createSlotContentOptions;
+    private _createSelectOptions;
+    private _renderFieldLabel;
+    private _removeEmptySelect;
+    private _addDataItem;
+    private _renderExtraDataItemButton;
+    private _renderSingleSelect;
+    private _renderMultipleSelect;
+    private _renderSelectMenu;
+    private _handleSelectChange;
+    private _slotContentsPickerMarkup;
+    render(): import("lit-html").TemplateResult<1> | undefined;
+}
+export {};

package/components/slot-menu/index.cjs

@@ -0,0 +1,62 @@
+/*! * 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"});require("@luzmo/lucero/divider");const v=require("lit"),O=require("../index-CXn67vdn.cjs"),U=require("@lit-labs/signals"),P=require("@lit/context"),w=require("@luzmo/icons"),x=require("../index-Cz9vSXy6.cjs"),M=require("../localize-r7ALOUy_.cjs"),s=require("lit/decorators.js"),A=require("lit/directives/guard.js"),R=require("../focusable-B3E_hQmm.cjs"),T=require("../sized-mixin-DcvJLFeo.cjs");require("../slot-menu-list/index.cjs");const X=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i;function Y(d){return typeof d=="string"&&X.test(d)}function N({element:d,handle:t,boundary:l=document.documentElement,onDragStart:e,onDragEnd:r}){if(!d||!t)throw new Error("makeDraggable: element and handle are required");const a=d.ownerDocument??document;let i=-1,p=0,u=0,_=0,z=0,c=0,h=0,b=0,k=0;const S=m=>{if(m.pointerId!==i)return;const y=m.clientX-p,C=m.clientY-u,g=(l??document.documentElement).getBoundingClientRect();let f=_+y,I=z+C;f=Math.min(Math.max(f,g.left),g.right-c),I=Math.min(Math.max(I,g.top),g.bottom-h);const D=f-_,L=I-z,B=b+D,q=k+L;d.style.transform=`translate3d(${B}px, ${q}px, 0)`},E=m=>{m.pointerId===i&&(a.removeEventListener("pointermove",S),a.removeEventListener("pointerup",E),i=-1,r==null||r())},$=m=>{var C;if(m.button!==0)return;i=m.pointerId;const y=d.getBoundingClientRect();_=y.left,z=y.top,c=y.width,h=y.height,p=m.clientX,u=m.clientY;try{const g=(C=a.defaultView)==null?void 0:C.getComputedStyle(d);if(g){const f=new DOMMatrixReadOnly(g.transform);b=f.m41,k=f.m42}}catch{b=0,k=0}t.setPointerCapture(i),a.addEventListener("pointermove",S),a.addEventListener("pointerup",E),e==null||e()};return t.addEventListener("pointerdown",$),()=>{t.removeEventListener("pointerdown",$),a.removeEventListener("pointermove",S),a.removeEventListener("pointerup",E)}}const j=":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));background-color:var(--luzmo-slot-menu-list-background-color, var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius, var(--slot-menu-list-border-radius))}.slot-contents-container{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:move;width:fit-content;border:var(--luzmo-slot-menu-drag-handle-border-width, var(--slot-menu-drag-handle-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));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:var(--luzmo-slot-menu-close-icon-right, var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-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-drag-handle-border-width: var(--luzmo-border-width) --slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color);--slot-menu-popup-box-shadow: var(--slot-menu-popup-shadow-horizontal) var(--slot-menu-popup-shadow-vertical) var(--slot-menu-popup-shadow-blur) var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right: 1rem;--slot-menu-list-border-radius: var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var K=Object.defineProperty,n=(d,t,l,e)=>{for(var r=void 0,a=d.length-1,i;a>=0;a--)(i=d[a])&&(r=i(t,l,r)||r);return r&&K(t,l,r),r};class o extends U.SignalWatcher(T.SizedMixin(R.LuzmoElement,{validSizes:Object.values(T.ElementSizes)})){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this._periodOverPeriodUiType=null,this.measureColumns=[],this.apiUrl="https://api.luzmo.com",this.authKey="",this.authToken="",this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[v.unsafeCSS(j)]}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return M.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),x.dataBroker.configure(t),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&(this._cleanupDrag(),this._cleanupDrag=void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!=="draggable"||this.noDrag)return;const t=this.renderRoot.querySelector(".drag-handle");if(!t)return;const l=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=N({element:this,handle:t,boundary:l})}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents],linkedDatasetsIds:[...this._linkedDatasetsIds]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(t){return t.startsWith("array[")}async willUpdate(){var l,e,r,a,i,p;const t=this.slotContents??((l=this._store)==null?void 0:l.slotContents.get())??[];if(t!==this._slotContents){this._slotContents=structuredClone(t);const{set:u,column:_}=this._currentSlotContent;if(u&&Y(u)&&u!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=u,await x.dataBroker.fetchDatasetsRecursive([u]),!this.isConnected)return;this._linkedDatasetsIds=x.dataBroker.getLinkedDatasetsIds(u)}const z=x.dataBroker.getAvailableDatasets();this.measureColumns=z.map(c=>{var h;return{datasetId:c.id,datasetName:c.name,columns:(h=c.columns)==null?void 0:h.filter(b=>b.type==="numeric"&&b.id!==_)}}),((e=this._store)==null?void 0:e.activeIndex.get())!==this._activeIndex&&((r=this._store)==null||r.updateActive(this._activeIndex)),this.slotName==="measure"&&((a=this._store)==null||a.setPeriodOverPeriodCondition(this.itemType,this._currentSlotContent),this._currentSlotContent.subtype==="duration"&&this.isArrayColumnType(this._currentSlotContent.type)?this._periodOverPeriodUiType=null:(this._periodOverPeriodUiType=(i=this._store)==null?void 0:i.periodOverPeriodUiType.get(),(p=this._store)==null||p.linkedDataset.set(z.filter(h=>h.id===u))))}}updated(){var t;this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriodUiType=this._periodOverPeriodUiType,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 p,u;this._slotContents=structuredClone(t.detail.slotContents);const l=t.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l,(p=this._store)==null||p.updateActive(l));const e=this._slotContents[this._activeIndex],r=(e==null?void 0:e.column)??(e==null?void 0:e.columnId),a=(e==null?void 0:e.set)??(e==null?void 0:e.datasetId),i=e==null?void 0:e.formula;(r||i)&&a&&(this.dispatchEvent(new CustomEvent("slot-menu-active",{bubbles:!0,composed:!0,detail:{datasetId:a}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent("slot-menu-highlight",{bubbles:!0,composed:!0,detail:{datasetId:a,level:(e==null?void 0:e.level)??0,...r&&{columnId:r},...i&&{formulaId:i}}}))})),this._slotContents.length<=1&&this.requestUpdate(),(u=this._store)==null||u.setContents(this._slotContents,this.slotName),this._sendChangeEvent()}_handleSlotContentChange(t){var l;this._slotContents[this.slotIndex??this._activeIndex]=structuredClone(t.detail.slotContent),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),(l=this._store)==null||l.updateContent(t.detail.slotContent,this.slotIndex??this._activeIndex),this._sendChangeEvent()}removeSlotContent(t){var l;this._slotContents=this._slotContents.filter((e,r)=>r!==t),(l=this._store)==null||l.setContents(this._slotContents,this.slotName),this._slotContents.length===0&&this.dispatchEvent(new CustomEvent("slot-menu-inactive",{bubbles:!0,composed:!0})),this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}render(){var l,e,r;const t=`${this.slotType}-${((l=this._currentSlotContent)==null?void 0:l.type)??""}`;return v.html`<div class="slot-menu-top-menu">
+        ${this.variant==="draggable"?v.html`<div class="drag-handle">${w.luzmoIcon(w.luzmoArrows)}</div>`:""}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!=="popup"?v.html` <div class="slot-content-action">
+              <div class="slot-content-label">${this._currentLabel}</div>
+              <div
+                class="slot-content-remove"
+                @click=${this.removeSlotContent.bind(this,0)}
+              >
+                ${w.luzmoIcon(w.luzmoTrashOutline)}
+              </div>
+            </div>`:""}
+      </div>
+      <div
+        class="slot-contents-container ${((e=this._slotContents)==null?void 0:e.length)>1?"multiple":""}"
+      >
+        ${this.variant==="popup"?"":v.html`<div class="close" @click=${this.close}>
+              ${w.luzmoIcon(w.luzmoClose12)}
+            </div>`}
+        <div class="inner-container">
+          ${((r=this._slotContents)==null?void 0:r.length)>1&&typeof this.slotIndex!="number"?v.html`<luzmo-slot-menu-list
+                .slotContents=${this._slotContents}
+                .contentLanguage=${this.contentLanguage}
+                .activeIndex=${this.slotIndex??this._activeIndex}
+                @slot-list-changed=${this._handleSlotListChange}
+              ></luzmo-slot-menu-list>`:""}
+          ${A.guard([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,t],()=>{var a;return v.html`<luzmo-display-settings
+                .size=${this.size}
+                .language=${this.language}
+                .contentLanguage=${this.contentLanguage}
+                .slotType=${this.slotType}
+                .measureColumns=${this.measureColumns}
+                .showRemoveButton=${this.variant==="popup"&&(typeof this.slotIndex=="number"||((a=this._slotContents)==null?void 0:a.length)===1)}
+                .slotContent=${this._currentSlotContent}
+                .areGrandTotalsEnabled=${this.areGrandTotalsEnabled}
+                .areDatetimeOptionsEnabled=${this.areDatetimeOptionsEnabled}
+                .isBinningDisabled=${this.isBinningDisabled}
+                .isAggregationDisabled=${this.isAggregationDisabled}
+                .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+                @slot-content-changed=${this._handleSlotContentChange}
+                @remove-slot-content=${this._removeActiveSlotContent}
+              ></luzmo-display-settings>`})}
+        </div>
+      </div>`}firstUpdated(){this._attachDragHandle()}resetPosition(){this.style.transform=""}}n([s.property({type:String,reflect:!0})],o.prototype,"language");n([s.property({type:String,attribute:"content-language",reflect:!0})],o.prototype,"contentLanguage");n([s.property({type:String,attribute:"slot-type",reflect:!0})],o.prototype,"slotType");n([s.property({type:String,attribute:"slot-name",reflect:!0})],o.prototype,"slotName");n([s.property({type:String,attribute:"item-type",reflect:!0})],o.prototype,"itemType");n([s.property({type:Boolean,attribute:"no-drag",reflect:!0})],o.prototype,"noDrag");n([s.property({type:Boolean,attribute:"no-close",reflect:!0})],o.prototype,"noClose");n([s.property({type:String,reflect:!0})],o.prototype,"variant");n([s.property({type:Boolean,attribute:"no-top-menu-label",reflect:!0})],o.prototype,"noTopMenuLabel");n([P.consume({context:O.slotContext,subscribe:!0})],o.prototype,"_store");n([s.property({type:String,attribute:"drag-boundary",reflect:!1})],o.prototype,"dragBoundary");n([s.property({type:Boolean})],o.prototype,"areGrandTotalsEnabled");n([s.property({type:Boolean})],o.prototype,"areDatetimeOptionsEnabled");n([s.property({type:Boolean})],o.prototype,"isBinningDisabled");n([s.property({type:Boolean})],o.prototype,"isAggregationDisabled");n([s.property({type:Boolean})],o.prototype,"isCumulativeSumEnabled");n([s.property({type:Array,reflect:!1,attribute:"slot-contents"})],o.prototype,"slotContents");n([s.state()],o.prototype,"_periodOverPeriodUiType");n([s.state()],o.prototype,"measureColumns");n([s.property({type:Number,reflect:!1,attribute:"slot-index"})],o.prototype,"slotIndex");n([s.query("luzmo-display-settings")],o.prototype,"displaySettingsElement");n([s.query("luzmo-slot-menu-list")],o.prototype,"slotMenuListElement");n([s.property({type:String,attribute:"api-url",reflect:!0})],o.prototype,"apiUrl");n([s.property({type:String,attribute:"auth-key",reflect:!0})],o.prototype,"authKey");n([s.property({type:String,attribute:"auth-token",reflect:!0})],o.prototype,"authToken");n([s.state()],o.prototype,"_slotContents");customElements.get("luzmo-slot-menu")||customElements.define("luzmo-slot-menu",o);exports.LuzmoSlotMenu=o;

package/components/slot-menu/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoSlotMenu } from './slot-menu';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-slot-menu': LuzmoSlotMenu;
+    }
+}
+export { LuzmoSlotMenu } from './slot-menu';
+export type { MeasureColumnsItem, SlotContentChangedEventDetail, SlotContentsChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from './types';