@luzmo/analytics-components-kit 1.0.1-alpha.11 → 1.0.1-alpha.14

package/components/droppable-slot/index.cjs

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2024 Luzmo
+ * Copyright © 2025 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -17,16 +17,16 @@
  * 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 z=require("../get-css-variable-DLiZYZEi.cjs"),n=require("../set-locale-ByIApH40.cjs"),y=require("../task-B8yMzxui.cjs"),b=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-ByjLd3bT.cjs");const s=require("../property-0L4eB11h.cjs"),C=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),S=require("../localize-r7ALOUy_.cjs"),q=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const P=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",v={Category:()=>n.msg("Category",{desc:"Category label"}),Measure:()=>n.msg("Measure",{desc:"Measure label"}),Legend:()=>n.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>n.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>n.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>n.msg("Group by",{desc:"Group by label"})};var L=Object.defineProperty,D=Object.getOwnPropertyDescriptor,a=(h,t,e,o)=>{for(var l=o>1?void 0:o?D(t,e):t,r=h.length-1,i;r>=0;r--)(i=h[r])&&(l=(o?i(t,e,l):i(l))||l);return o&&l&&L(t,e,l),l};exports.LuzmoDroppableSlot=class extends C.m(s.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"./item-slots-configs/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"./item-slots-configs/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"./item-slots-configs/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-DZxyy3sS.cjs")),"./item-slots-configs/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"./item-slots-configs/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-CiYsxviC.cjs")),"./item-slots-configs/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-PNwSR0XY.cjs")),"./item-slots-configs/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-C-_ganmv.cjs")),"./item-slots-configs/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"./item-slots-configs/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C7MhpoR8.cjs")),"./item-slots-configs/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-crMO01EO.cjs")),"./item-slots-configs/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"./item-slots-configs/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-Cb1LcT9W.cjs")),"./item-slots-configs/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs")),"./item-slots-configs/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-I2n4b_6V.cjs")),"./item-slots-configs/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-BI-sFIug.cjs")),"./item-slots-configs/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-WrokHS7f.cjs")),"./item-slots-configs/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-CSxSsQwX.cjs")),"./item-slots-configs/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"./item-slots-configs/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-CSxSsQwX.cjs")),"./item-slots-configs/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"./item-slots-configs/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-CIfDfftd.cjs")),"./item-slots-configs/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-CSxSsQwX.cjs")),"./item-slots-configs/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"./item-slots-configs/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config-BRXA5nUl.cjs")),"./item-slots-configs/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-DzGWM3Ez.cjs")),"./item-slots-configs/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-DeWrVApy.cjs")),"./item-slots-configs/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-Dxx5fKnS.cjs")),"./item-slots-configs/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-ChrvnRDb.cjs")),"./item-slots-configs/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-BfbIWCr0.cjs")),"./item-slots-configs/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-B7Q-ZfUP.cjs")),"./item-slots-configs/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-wlX_PVu8.cjs")),"./item-slots-configs/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DOlr8VaD.cjs")),"./item-slots-configs/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-Dyte3aGp.cjs")),"./item-slots-configs/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-Cr5oXbok.cjs")),"./item-slots-configs/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"./item-slots-configs/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-Drga6_j0.cjs")),"./item-slots-configs/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-JvkKY5Ga.cjs")),"./item-slots-configs/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-C-_ganmv.cjs")),"./item-slots-configs/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-DtW-3xkd.cjs")),"./item-slots-configs/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"./item-slots-configs/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"./item-slots-configs/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-CpOPbUjs.cjs")),"./item-slots-configs/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"./item-slots-configs/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(e[`./item-slots-configs/${t}-slots.config.ts`]){const o=await e[`./item-slots-configs/${t}-slots.config.ts`]();this._slotsConfig=(o==null?void 0:o.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("language")&&([...n.targetLocales].includes(this.language)||this.language==="en")&&(n.setLocale(this.language),this.requestUpdate()),t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=z.dropTargetForElements({element:this,onDrop:e=>{var i,p,c,d;const o={...(i=e.source)==null?void 0:i.data},l={...(o==null?void 0:o.label)??{en:"Untitled"}},r=o==null?void 0:o.type;if(r==="datetime"&&!o.level&&(o.level=o.lowestLevel??(o.subtype==="date"?5:9)),r==="datetime"&&((c=(p=e==null?void 0:e.source)==null?void 0:p.element)!=null&&c.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],m=(o==null?void 0:o.level)??1,g=Object.keys(l);for(const f of g)l[f]=`${l[f]} ${u[m-1]}`;o.label=l}this.slotContents=(d=this.slotConfiguration)!=null&&d.canAcceptMultipleColumns?[...this.slotContents??[],o]:[o],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:e})=>{var l,r,i,p,c,d,u,m,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=e.element)==null?void 0:l.tagName))return!1;const o=((i=(r=this.slotConfiguration)==null?void 0:r.acceptableColumnTypes)==null?void 0:i.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=e==null?void 0:e.data)!=null&&p.type&&!o.includes((c=e==null?void 0:e.data)==null?void 0:c.type)?!1:!((d=e==null?void 0:e.data)!=null&&d.subtype&&((m=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:m.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=e==null?void 0:e.data)==null?void 0:g.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_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.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,r,i,p,c,d,u,m,g;let t="";const e=v[(l=this.slotConfiguration)==null?void 0:l.label]?v[(r=this.slotConfiguration)==null?void 0:r.label]():(i=this.slotConfiguration)==null?void 0:i.label;((p=this._currentSlotContents)==null?void 0:p.length)===1?t=S.localize((d=(c=this._currentSlotContents)==null?void 0:c[0])==null?void 0:d.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(t=`${this._currentSlotContents.length} items`);let o="";this.label?o=this.label:e&&(o=e),o=o||"Untitled",((m=this._currentSlotContents)==null?void 0:m.length)>0&&(o+=((g=this._currentSlotContents)==null?void 0:g.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=o)}droppableSlotMarkup(){var t,e,o,l;return s.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../get-css-variable-DLiZYZEi.cjs"),a=require("../set-locale-ByIApH40.cjs"),y=require("../task-B8yMzxui.cjs"),h=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-ByjLd3bT.cjs");const r=require("../property-0L4eB11h.cjs"),C=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),S=require("../localize-r7ALOUy_.cjs"),q=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const P=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",v={Category:()=>a.msg("Category",{desc:"Category label"}),Measure:()=>a.msg("Measure",{desc:"Measure label"}),Legend:()=>a.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>a.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>a.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>a.msg("Group by",{desc:"Group by label"})};var L=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(g,o,t,e)=>{for(var l=e>1?void 0:e?x(o,t):o,s=g.length-1,i;s>=0;s--)(i=g[s])&&(l=(e?i(o,t,l):i(l))||l);return e&&l&&L(o,t,l),l};exports.LuzmoDroppableSlot=class extends C.m(r.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([o])=>{if(o&&o!==this._itemTypeLoaded){const t=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-DZxyy3sS.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-CiYsxviC.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-PNwSR0XY.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-C-_ganmv.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-C7MhpoR8.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-crMO01EO.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-Cb1LcT9W.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-I2n4b_6V.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-BI-sFIug.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-WrokHS7f.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-CSxSsQwX.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-CSxSsQwX.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-CIfDfftd.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-CSxSsQwX.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-BRXA5nUl.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-DzGWM3Ez.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-DeWrVApy.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-Dxx5fKnS.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-ChrvnRDb.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-BfbIWCr0.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-B7Q-ZfUP.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-wlX_PVu8.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DOlr8VaD.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-Dyte3aGp.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-Cr5oXbok.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-Drga6_j0.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-JvkKY5Ga.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-C-_ganmv.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-DtW-3xkd.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-CpOPbUjs.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(t[`../../item-definitions/${o}/${o}-slots.config.ts`]){const e=await t[`../../item-definitions/${o}/${o}-slots.config.ts`]();this._slotsConfig=(e==null?void 0:e.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=o=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:o}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(o){o.preventDefault(),o.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(o){o.has("language")&&([...a.targetLocales].includes(this.language)||this.language==="en")&&(a.setLocale(this.language),this.requestUpdate()),o.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(o){this._cleanupDroppable||(this._cleanupDroppable=z.dropTargetForElements({element:this,onDrop:t=>{var i,p,d,c;const e={...(i=t.source)==null?void 0:i.data},l={...(e==null?void 0:e.label)??{en:"Untitled"}},s=e==null?void 0:e.type;if(s==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),s==="datetime"&&((d=(p=t==null?void 0:t.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],m=(e==null?void 0:e.level)??1,b=Object.keys(l);for(const f of b)l[f]=`${l[f]} ${u[m-1]}`;e.label=l}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],e]:[e],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:t})=>{var l,s,i,p,d,c,u,m,b;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=t.element)==null?void 0:l.tagName))return!1;const e=((i=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:i.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=t==null?void 0:t.data)!=null&&p.type&&!e.includes((d=t==null?void 0:t.data)==null?void 0:d.type)?!1:!((c=t==null?void 0:t.data)!=null&&c.subtype&&((m=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:m.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((b=t==null?void 0:t.data)==null?void 0:b.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(o){var t;o.preventDefault(),o.stopPropagation(),this.slotContents.length===((t=o.detail.slotContents)==null?void 0:t.length)?(this._currentSlotContents=o.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=o.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,s,i,p,d,c,u,m,b;let o="";const t=v[(l=this.slotConfiguration)==null?void 0:l.label]?v[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((p=this._currentSlotContents)==null?void 0:p.length)===1?o=S.localize((c=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:c.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(o=`${this._currentSlotContents.length} items`);let e="";this.label?e=this.label:t&&(e=t),e=e||"Untitled",((m=this._currentSlotContents)==null?void 0:m.length)>0&&(e+=((b=this._currentSlotContents)==null?void 0:b.length)>1?`: ${this._currentSlotContents.length} items`:`: ${o}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=e)}droppableSlotMarkup(){var o,t,e,l;return r.x`
       <div
         class="droppable-slot"
-        ?filled=${((t=this.slotContents)==null?void 0:t.length)>0}
+        ?filled=${((o=this.slotContents)==null?void 0:o.length)>0}
         id="trigger"
       >
         <div class="droppable-slot-label"></div>
-        ${((e=this.slotContents)==null?void 0:e.length)>0&&!(this.hideConfiguration&&this.hideDelete)?s.x`<div class="controls">
-              ${this.hideConfiguration?"":s.x`<div>
-                    ${b.O2(b.M1)}
+        ${((t=this.slotContents)==null?void 0:t.length)>0&&!(this.hideConfiguration&&this.hideDelete)?r.x`<div class="controls">
+              ${this.hideConfiguration?"":r.x`<div>
+                    ${h.O2(h.M1)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -35,8 +35,8 @@
                       edit
                     </luzmo-tooltip>
                   </div> `}
-              ${this.hideDelete?"":s.x`<div @click=${this.emptySlotContents}>
-                    ${b.O2(b.v1)}
+              ${this.hideDelete?"":r.x`<div @click=${this.emptySlotContents}>
+                    ${h.O2(h.v1)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -46,7 +46,7 @@
                     </luzmo-tooltip>
                   </div>`}
             </div>`:""}
-        ${((o=this.slotContents)==null?void 0:o.length)>0?s.x`<luzmo-overlay
+        ${((e=this.slotContents)==null?void 0:e.length)>0?r.x`<luzmo-overlay
               trigger="trigger@click"
               .placement=${this.placement}
             >
@@ -61,9 +61,9 @@
               ></luzmo-slot-menu>
             </luzmo-overlay>`:""}
       </div>
-    `}render(){return this._loadSlotsConfig.render({pending:()=>s.x`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const e=t.find(o=>o.name===this.slotName);e&&(this.slotConfiguration=e)}return this.droppableSlotMarkup()},error:t=>s.x`
+    `}render(){return this._loadSlotsConfig.render({pending:()=>r.x`<p>Loading...</p>`,complete:o=>{if(this.slotName&&this.itemType&&o){const t=o.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this.droppableSlotMarkup()},error:o=>r.x`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
-          '${this.itemType}': ${t}.
+          '${this.itemType}': ${o}.
         </div>
-      `})}};exports.LuzmoDroppableSlot.styles=s.r$1(P);a([s.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);a([s.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);a([s.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);a([s.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);a([s.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);a([s.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);a([s.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);a([s.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);a([s.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);a([s.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);a([q.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=a([n.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);
+      `})}};exports.LuzmoDroppableSlot.styles=r.r$1(P);n([r.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);n([r.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);n([q.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=n([a.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);

package/components/droppable-slot/index.js

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2024 Luzmo
+ * Copyright © 2025 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -18,11 +18,11 @@
  * SOFTWARE.
  * */
 import { d as x } from "../get-css-variable-Bhbr-Kr1.js";
-import { m as f, t as C, s as S, l as w } from "../set-locale-DJYT4V7U.js";
+import { m as f, t as C, s as w, l as S } from "../set-locale-DJYT4V7U.js";
 import { h as k } from "../task-Cr9aRIbV.js";
 import { O as z, M as _, v as L } from "../luzmo-icons-BE2T8vWu.js";
 import "../index-C8IL2IZ6.js";
-import { k as $, x as b, a as A, n as p } from "../property-B2F7x7Cz.js";
+import { k as $, x as g, a as A, n as p } from "../property-B2F7x7Cz.js";
 import { m as D } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
 import { l as E } from "../localize-BX7q0S0M.js";
 import { e as M } from "../query-Ddbd72Um.js";
@@ -43,11 +43,11 @@ const O = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo
   "Group by": () => f("Group by", { desc: "Group by label" })
 };
 var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, n = (o, t, l, e) => {
-  for (var r = e > 1 ? void 0 : e ? U(t, l) : t, i = o.length - 1, a; i >= 0; i--)
-    (a = o[i]) && (r = (e ? a(t, l, r) : a(r)) || r);
+  for (var r = e > 1 ? void 0 : e ? U(t, l) : t, s = o.length - 1, a; s >= 0; s--)
+    (a = o[s]) && (r = (e ? a(t, l, r) : a(r)) || r);
   return e && r && T(t, l, r), r;
 };
-let s = class extends D($, {
+let i = class extends D($, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -56,53 +56,53 @@ let s = class extends D($, {
       task: async ([o]) => {
         if (o && o !== this._itemTypeLoaded) {
           const t = /* @__PURE__ */ Object.assign({
-            "./item-slots-configs/area-chart-slots.config.ts": () => import("../area-chart-slots.config-C0c2ZzBh.js"),
-            "./item-slots-configs/bar-chart-slots.config.ts": () => import("../bar-chart-slots.config-GSSL7XVA.js"),
-            "./item-slots-configs/box-plot-slots.config.ts": () => import("../box-plot-slots.config-BRhnF2FE.js"),
-            "./item-slots-configs/bubble-chart-slots.config.ts": () => import("../bubble-chart-slots.config-Bbh94VgZ.js"),
-            "./item-slots-configs/bullet-chart-slots.config.ts": () => import("../bullet-chart-slots.config-Ccv_dX0s.js"),
-            "./item-slots-configs/choropleth-map-slots.config.ts": () => import("../choropleth-map-slots.config-B-uJTj4q.js"),
-            "./item-slots-configs/circle-pack-chart-slots.config.ts": () => import("../circle-pack-chart-slots.config-xwVdRiwS.js"),
-            "./item-slots-configs/circular-gauge-slots.config.ts": () => import("../circular-gauge-slots.config-DA-ZAc5d.js"),
-            "./item-slots-configs/column-chart-slots.config.ts": () => import("../column-chart-slots.config-DAdAk17k.js"),
-            "./item-slots-configs/combination-chart-slots.config.ts": () => import("../combination-chart-slots.config-CqKLFKCZ.js"),
-            "./item-slots-configs/conditional-number-slots.config.ts": () => import("../conditional-number-slots.config-L3t5pb1-.js"),
-            "./item-slots-configs/date-filter-slots.config.ts": () => import("../date-filter-slots.config-CxB8IF5B.js"),
-            "./item-slots-configs/donut-chart-slots.config.ts": () => import("../donut-chart-slots.config-BEwhfq27.js"),
-            "./item-slots-configs/dropdown-filter-slots.config.ts": () => import("../dropdown-filter-slots.config-B8J6ftCh.js"),
-            "./item-slots-configs/evolution-number-slots.config.ts": () => import("../evolution-number-slots.config-CW21b2ua.js"),
-            "./item-slots-configs/funnel-chart-slots.config.ts": () => import("../funnel-chart-slots.config-BBhMS2qi.js"),
-            "./item-slots-configs/heat-map-slots.config.ts": () => import("../heat-map-slots.config-cdD8XTmI.js"),
-            "./item-slots-configs/heat-table-slots.config.ts": () => import("../heat-table-slots.config-DJkP72oT.js"),
-            "./item-slots-configs/hexbin-map-slots.config.ts": () => import("../hexbin-map-slots.config-cdD8XTmI.js"),
-            "./item-slots-configs/image-slots.config.ts": () => import("../image-slots.config-IpwUxDyU.js"),
-            "./item-slots-configs/line-chart-slots.config.ts": () => import("../line-chart-slots.config-P7xa-pHi.js"),
-            "./item-slots-configs/marker-map-slots.config.ts": () => import("../marker-map-slots.config-cdD8XTmI.js"),
-            "./item-slots-configs/ohlc-chart-slots.config.ts": () => import("../ohlc-chart-slots.config-Cvy5n1xv.js"),
-            "./item-slots-configs/parallel-coordinates-plot-slots.config.ts": () => import("../parallel-coordinates-plot-slots.config-CQW2CJW6.js"),
-            "./item-slots-configs/pivot-table-slots.config.ts": () => import("../pivot-table-slots.config-BH5fOJre.js"),
-            "./item-slots-configs/pyramid-chart-slots.config.ts": () => import("../pyramid-chart-slots.config-Cm9bQsXT.js"),
-            "./item-slots-configs/radar-chart-slots.config.ts": () => import("../radar-chart-slots.config-Dpmytmc3.js"),
-            "./item-slots-configs/regular-table-slots.config.ts": () => import("../regular-table-slots.config-EUS-V9lL.js"),
-            "./item-slots-configs/route-map-slots.config.ts": () => import("../route-map-slots.config-DYCcaQZi.js"),
-            "./item-slots-configs/sankey-diagram-slots.config.ts": () => import("../sankey-diagram-slots.config-BSTBEZDe.js"),
-            "./item-slots-configs/scatter-plot-slots.config.ts": () => import("../scatter-plot-slots.config-BuWYqDWK.js"),
-            "./item-slots-configs/search-filter-slots.config.ts": () => import("../search-filter-slots.config-DmiVXOva.js"),
-            "./item-slots-configs/slicer-filter-slots.config.ts": () => import("../slicer-filter-slots.config-CHQ0ZXga.js"),
-            "./item-slots-configs/slider-filter-slots.config.ts": () => import("../slider-filter-slots.config-BN3K1rnl.js"),
-            "./item-slots-configs/speedometer-chart-slots.config.ts": () => import("../speedometer-chart-slots.config-DA-ZAc5d.js"),
-            "./item-slots-configs/spike-map-slots.config.ts": () => import("../spike-map-slots.config-CuqpgkvN.js"),
-            "./item-slots-configs/strip-plot-slots.config.ts": () => import("../strip-plot-slots.config-Co8ghEv8.js"),
-            "./item-slots-configs/sunburst-chart-slots.config.ts": () => import("../sunburst-chart-slots.config-xwVdRiwS.js"),
-            "./item-slots-configs/symbol-map-slots.config.ts": () => import("../symbol-map-slots.config-C5CKaVED.js"),
-            "./item-slots-configs/text-slots.config.ts": () => import("../text-slots.config-Hy5yNIAX.js"),
-            "./item-slots-configs/treemap-chart-slots.config.ts": () => import("../treemap-chart-slots.config-xLD22K9V.js"),
-            "./item-slots-configs/venn-diagram-slots.config.ts": () => import("../venn-diagram-slots.config-DPmj71cR.js"),
-            "./item-slots-configs/video-slots.config.ts": () => import("../video-slots.config-IpwUxDyU.js"),
-            "./item-slots-configs/wordcloud-chart-slots.config.ts": () => import("../wordcloud-chart-slots.config-BS4sOOHt.js")
+            "../../item-definitions/area-chart/area-chart-slots.config.ts": () => import("../area-chart-slots.config-C0c2ZzBh.js"),
+            "../../item-definitions/bar-chart/bar-chart-slots.config.ts": () => import("../bar-chart-slots.config-GSSL7XVA.js"),
+            "../../item-definitions/box-plot/box-plot-slots.config.ts": () => import("../box-plot-slots.config-BRhnF2FE.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-slots.config.ts": () => import("../bubble-chart-slots.config-Bbh94VgZ.js"),
+            "../../item-definitions/bullet-chart/bullet-chart-slots.config.ts": () => import("../bullet-chart-slots.config-Ccv_dX0s.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-slots.config.ts": () => import("../choropleth-map-slots.config-B-uJTj4q.js"),
+            "../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts": () => import("../circle-pack-chart-slots.config-xwVdRiwS.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-slots.config.ts": () => import("../circular-gauge-slots.config-DA-ZAc5d.js"),
+            "../../item-definitions/column-chart/column-chart-slots.config.ts": () => import("../column-chart-slots.config-DAdAk17k.js"),
+            "../../item-definitions/combination-chart/combination-chart-slots.config.ts": () => import("../combination-chart-slots.config-CqKLFKCZ.js"),
+            "../../item-definitions/conditional-number/conditional-number-slots.config.ts": () => import("../conditional-number-slots.config-L3t5pb1-.js"),
+            "../../item-definitions/date-filter/date-filter-slots.config.ts": () => import("../date-filter-slots.config-CxB8IF5B.js"),
+            "../../item-definitions/donut-chart/donut-chart-slots.config.ts": () => import("../donut-chart-slots.config-BEwhfq27.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts": () => import("../dropdown-filter-slots.config-B8J6ftCh.js"),
+            "../../item-definitions/evolution-number/evolution-number-slots.config.ts": () => import("../evolution-number-slots.config-CW21b2ua.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-slots.config.ts": () => import("../funnel-chart-slots.config-BBhMS2qi.js"),
+            "../../item-definitions/heat-map/heat-map-slots.config.ts": () => import("../heat-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/heat-table/heat-table-slots.config.ts": () => import("../heat-table-slots.config-DJkP72oT.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-slots.config.ts": () => import("../hexbin-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/image/image-slots.config.ts": () => import("../image-slots.config-IpwUxDyU.js"),
+            "../../item-definitions/line-chart/line-chart-slots.config.ts": () => import("../line-chart-slots.config-P7xa-pHi.js"),
+            "../../item-definitions/marker-map/marker-map-slots.config.ts": () => import("../marker-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts": () => import("../ohlc-chart-slots.config-Cvy5n1xv.js"),
+            "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts": () => import("../parallel-coordinates-plot-slots.config-CQW2CJW6.js"),
+            "../../item-definitions/pivot-table/pivot-table-slots.config.ts": () => import("../pivot-table-slots.config-BH5fOJre.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts": () => import("../pyramid-chart-slots.config-Cm9bQsXT.js"),
+            "../../item-definitions/radar-chart/radar-chart-slots.config.ts": () => import("../radar-chart-slots.config-Dpmytmc3.js"),
+            "../../item-definitions/regular-table/regular-table-slots.config.ts": () => import("../regular-table-slots.config-EUS-V9lL.js"),
+            "../../item-definitions/route-map/route-map-slots.config.ts": () => import("../route-map-slots.config-DYCcaQZi.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts": () => import("../sankey-diagram-slots.config-BSTBEZDe.js"),
+            "../../item-definitions/scatter-plot/scatter-plot-slots.config.ts": () => import("../scatter-plot-slots.config-BuWYqDWK.js"),
+            "../../item-definitions/search-filter/search-filter-slots.config.ts": () => import("../search-filter-slots.config-DmiVXOva.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-slots.config.ts": () => import("../slicer-filter-slots.config-CHQ0ZXga.js"),
+            "../../item-definitions/slider-filter/slider-filter-slots.config.ts": () => import("../slider-filter-slots.config-BN3K1rnl.js"),
+            "../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts": () => import("../speedometer-chart-slots.config-DA-ZAc5d.js"),
+            "../../item-definitions/spike-map/spike-map-slots.config.ts": () => import("../spike-map-slots.config-CuqpgkvN.js"),
+            "../../item-definitions/strip-plot/strip-plot-slots.config.ts": () => import("../strip-plot-slots.config-Co8ghEv8.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts": () => import("../sunburst-chart-slots.config-xwVdRiwS.js"),
+            "../../item-definitions/symbol-map/symbol-map-slots.config.ts": () => import("../symbol-map-slots.config-C5CKaVED.js"),
+            "../../item-definitions/text/text-slots.config.ts": () => import("../text-slots.config-Hy5yNIAX.js"),
+            "../../item-definitions/treemap-chart/treemap-chart-slots.config.ts": () => import("../treemap-chart-slots.config-xLD22K9V.js"),
+            "../../item-definitions/venn-diagram/venn-diagram-slots.config.ts": () => import("../venn-diagram-slots.config-DPmj71cR.js"),
+            "../../item-definitions/video/video-slots.config.ts": () => import("../video-slots.config-IpwUxDyU.js"),
+            "../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts": () => import("../wordcloud-chart-slots.config-BS4sOOHt.js")
           });
-          if (t[`./item-slots-configs/${o}-slots.config.ts`]) {
-            const l = await t[`./item-slots-configs/${o}-slots.config.ts`]();
+          if (t[`../../item-definitions/${o}/${o}-slots.config.ts`]) {
+            const l = await t[`../../item-definitions/${o}/${o}-slots.config.ts`]();
             this._slotsConfig = (l == null ? void 0 : l.default) ?? {};
           }
           return this._slotsConfig;
@@ -129,18 +129,18 @@ let s = class extends D($, {
     o.preventDefault(), o.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
   }
   willUpdate(o) {
-    o.has("language") && ([...C].includes(this.language) || this.language === "en") && (S(this.language), this.requestUpdate()), o.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
+    o.has("language") && ([...C].includes(this.language) || this.language === "en") && (w(this.language), this.requestUpdate()), o.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
   }
   firstUpdated(o) {
     this._cleanupDroppable || (this._cleanupDroppable = x({
       element: this,
       onDrop: (t) => {
-        var i, a, c, m;
-        const l = { ...(i = t.source) == null ? void 0 : i.data }, e = {
+        var s, a, d, c;
+        const l = { ...(s = t.source) == null ? void 0 : s.data }, e = {
           ...(l == null ? void 0 : l.label) ?? { en: "Untitled" }
         }, r = l == null ? void 0 : l.type;
-        if (r === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), r === "datetime" && ((c = (a = t == null ? void 0 : t.source) == null ? void 0 : a.element) != null && c.hasAttribute("sublevel"))) {
-          const d = [
+        if (r === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), r === "datetime" && ((d = (a = t == null ? void 0 : t.source) == null ? void 0 : a.element) != null && d.hasAttribute("sublevel"))) {
+          const m = [
             "(Yr)",
             "(Qtr)",
             "(Mth)",
@@ -150,23 +150,23 @@ let s = class extends D($, {
             "(Min)",
             "(Sec)",
             "(Msec)"
-          ], u = (l == null ? void 0 : l.level) ?? 1, g = Object.keys(e);
-          for (const h of g)
-            e[h] = `${e[h]} ${d[u - 1]}`;
+          ], u = (l == null ? void 0 : l.level) ?? 1, b = Object.keys(e);
+          for (const h of b)
+            e[h] = `${e[h]} ${m[u - 1]}`;
           l.label = e;
         }
-        this.slotContents = (m = this.slotConfiguration) != null && m.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
+        this.slotContents = (c = this.slotConfiguration) != null && c.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
       },
       canDrop: ({ source: t }) => {
-        var e, r, i, a, c, m, d, u, g;
+        var e, r, s, a, d, c, m, u, b;
         if (![
           "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
           "LUZMO-DRAGGABLE-DATA-ITEM"
         ].includes((e = t.element) == null ? void 0 : e.tagName))
           return !1;
-        const l = ((i = (r = this.slotConfiguration) == null ? void 0 : r.acceptableColumnTypes) == null ? void 0 : i.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
-        return (a = t == null ? void 0 : t.data) != null && a.type && !l.includes((c = t == null ? void 0 : t.data) == null ? void 0 : c.type) ? !1 : !((m = t == null ? void 0 : t.data) != null && m.subtype && ((u = (d = this.slotConfiguration) == null ? void 0 : d.acceptableColumnSubtypes) == null ? void 0 : u.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
-          (g = t == null ? void 0 : t.data) == null ? void 0 : g.subtype
+        const l = ((s = (r = this.slotConfiguration) == null ? void 0 : r.acceptableColumnTypes) == null ? void 0 : s.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
+        return (a = t == null ? void 0 : t.data) != null && a.type && !l.includes((d = t == null ? void 0 : t.data) == null ? void 0 : d.type) ? !1 : !((c = t == null ? void 0 : t.data) != null && c.subtype && ((u = (m = this.slotConfiguration) == null ? void 0 : m.acceptableColumnSubtypes) == null ? void 0 : u.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
+          (b = t == null ? void 0 : t.data) == null ? void 0 : b.subtype
         ));
       },
       getDropEffect: () => "link",
@@ -188,24 +188,24 @@ let s = class extends D($, {
   // we update the label outside the lit render method to not lose focus when typing in the display settings bc of rerender
   // we use a copy of slotContents '_currentSlotContents' to not trigger a rerender when the slotContents change from the slot-menu
   createFullLabel() {
-    var e, r, i, a, c, m, d, u, g;
+    var e, r, s, a, d, c, m, u, b;
     let o = "";
-    const t = v[(e = this.slotConfiguration) == null ? void 0 : e.label] ? v[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (i = this.slotConfiguration) == null ? void 0 : i.label;
-    ((a = this._currentSlotContents) == null ? void 0 : a.length) === 1 ? o = E((m = (c = this._currentSlotContents) == null ? void 0 : c[0]) == null ? void 0 : m.label, this.language) ?? "Untitled" : ((d = this._currentSlotContents) == null ? void 0 : d.length) > 1 && (o = `${this._currentSlotContents.length} items`);
+    const t = v[(e = this.slotConfiguration) == null ? void 0 : e.label] ? v[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (s = this.slotConfiguration) == null ? void 0 : s.label;
+    ((a = this._currentSlotContents) == null ? void 0 : a.length) === 1 ? o = E((c = (d = this._currentSlotContents) == null ? void 0 : d[0]) == null ? void 0 : c.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (o = `${this._currentSlotContents.length} items`);
     let l = "";
-    this.label ? l = this.label : t && (l = t), l = l || "Untitled", ((u = this._currentSlotContents) == null ? void 0 : u.length) > 0 && (l += ((g = this._currentSlotContents) == null ? void 0 : g.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${o}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
+    this.label ? l = this.label : t && (l = t), l = l || "Untitled", ((u = this._currentSlotContents) == null ? void 0 : u.length) > 0 && (l += ((b = this._currentSlotContents) == null ? void 0 : b.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${o}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
   }
   droppableSlotMarkup() {
     var o, t, l, e;
-    return b`
+    return g`
       <div
         class="droppable-slot"
         ?filled=${((o = this.slotContents) == null ? void 0 : o.length) > 0}
         id="trigger"
       >
         <div class="droppable-slot-label"></div>
-        ${((t = this.slotContents) == null ? void 0 : t.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? b`<div class="controls">
-              ${this.hideConfiguration ? "" : b`<div>
+        ${((t = this.slotContents) == null ? void 0 : t.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? g`<div class="controls">
+              ${this.hideConfiguration ? "" : g`<div>
                     ${z(_)}
                     <luzmo-tooltip
                       self-managed
@@ -215,7 +215,7 @@ let s = class extends D($, {
                       edit
                     </luzmo-tooltip>
                   </div> `}
-              ${this.hideDelete ? "" : b`<div @click=${this.emptySlotContents}>
+              ${this.hideDelete ? "" : g`<div @click=${this.emptySlotContents}>
                     ${z(L)}
                     <luzmo-tooltip
                       self-managed
@@ -226,7 +226,7 @@ let s = class extends D($, {
                     </luzmo-tooltip>
                   </div>`}
             </div>` : ""}
-        ${((l = this.slotContents) == null ? void 0 : l.length) > 0 ? b`<luzmo-overlay
+        ${((l = this.slotContents) == null ? void 0 : l.length) > 0 ? g`<luzmo-overlay
               trigger="trigger@click"
               .placement=${this.placement}
             >
@@ -245,7 +245,7 @@ let s = class extends D($, {
   }
   render() {
     return this._loadSlotsConfig.render({
-      pending: () => b`<p>Loading...</p>`,
+      pending: () => g`<p>Loading...</p>`,
       complete: (o) => {
         if (this.slotName && this.itemType && o) {
           const t = o.find(
@@ -255,7 +255,7 @@ let s = class extends D($, {
         }
         return this.droppableSlotMarkup();
       },
-      error: (o) => b`
+      error: (o) => g`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${o}.
@@ -264,44 +264,44 @@ let s = class extends D($, {
     });
   }
 };
-s.styles = A(O);
+i.styles = A(O);
 n([
   p({ type: String, reflect: !0, attribute: "item-type" })
-], s.prototype, "itemType", 2);
+], i.prototype, "itemType", 2);
 n([
   p({ type: String, reflect: !0, attribute: "slot-name" })
-], s.prototype, "slotName", 2);
+], i.prototype, "slotName", 2);
 n([
   p({ type: Object })
-], s.prototype, "slotConfiguration", 2);
+], i.prototype, "slotConfiguration", 2);
 n([
   p({ type: Object })
-], s.prototype, "slotContents", 2);
+], i.prototype, "slotContents", 2);
 n([
   p({ type: String, reflect: !0 })
-], s.prototype, "label", 2);
+], i.prototype, "label", 2);
 n([
   p({ type: String, reflect: !0 })
-], s.prototype, "language", 2);
+], i.prototype, "language", 2);
 n([
   p({ type: String, reflect: !0 })
-], s.prototype, "menu", 2);
+], i.prototype, "menu", 2);
 n([
   p({ type: String, reflect: !0 })
-], s.prototype, "placement", 2);
+], i.prototype, "placement", 2);
 n([
   p({ type: Boolean, reflect: !0, attribute: "hide-delete" })
-], s.prototype, "hideDelete", 2);
+], i.prototype, "hideDelete", 2);
 n([
   p({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
-], s.prototype, "hideConfiguration", 2);
+], i.prototype, "hideConfiguration", 2);
 n([
   M(".droppable-slot-label")
-], s.prototype, "_droppableSlotLabelElement", 2);
-s = n([
-  w()
-], s);
-customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", s);
+], i.prototype, "_droppableSlotLabelElement", 2);
+i = n([
+  S()
+], i);
+customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", i);
 export {
-  s as LuzmoDroppableSlot
+  i as LuzmoDroppableSlot
 };

package/components/droppable-slot/item-slots-configs/index.d.ts

@@ -1,44 +1,44 @@
-export { default as areaChartSlotsConfig } from './area-chart-slots.config';
-export { default as barChartSlotsConfig } from './bar-chart-slots.config';
-export { default as boxPlotSlotsConfig } from './box-plot-slots.config';
-export { default as bubbleChartSlotsConfig } from './bubble-chart-slots.config';
-export { default as bulletChartSlotsConfig } from './bullet-chart-slots.config';
-export { default as choroplethMapSlotsConfig } from './choropleth-map-slots.config';
-export { default as circlePackChartSlotsConfig } from './circle-pack-chart-slots.config';
-export { default as circularGaugeSlotsConfig } from './circular-gauge-slots.config';
-export { default as columnChartSlotsConfig } from './column-chart-slots.config';
-export { default as combinationChartSlotsConfig } from './combination-chart-slots.config';
-export { default as conditionalNumberSlotsConfig } from './conditional-number-slots.config';
-export { default as dateFilterSlotsConfig } from './date-filter-slots.config';
-export { default as donutChartSlotsConfig } from './donut-chart-slots.config';
-export { default as dropdownFilterSlotsConfig } from './dropdown-filter-slots.config';
-export { default as evolutionNumberSlotsConfig } from './evolution-number-slots.config';
-export { default as funnelChartSlotsConfig } from './funnel-chart-slots.config';
-export { default as heatMapSlotsConfig } from './heat-map-slots.config';
-export { default as heatTableSlotsConfig } from './heat-table-slots.config';
-export { default as hexbinMapSlotsConfig } from './hexbin-map-slots.config';
-export { default as imageSlotsConfig } from './image-slots.config';
-export { default as lineChartSlotsConfig } from './line-chart-slots.config';
-export { default as markerMapSlotsConfig } from './marker-map-slots.config';
-export { default as ohlcChartSlotsConfig } from './ohlc-chart-slots.config';
-export { default as parallelCoordinatesPlotSlotsConfig } from './parallel-coordinates-plot-slots.config';
-export { default as pivotTableSlotsConfig } from './pivot-table-slots.config';
-export { default as pyramidChartSlotsConfig } from './pyramid-chart-slots.config';
-export { default as radarChartSlotsConfig } from './radar-chart-slots.config';
-export { default as regularTableSlotsConfig } from './regular-table-slots.config';
-export { default as routeMapSlotsConfig } from './route-map-slots.config';
-export { default as sankeyDiagramSlotsConfig } from './sankey-diagram-slots.config';
-export { default as scatterPlotSlotsConfig } from './scatter-plot-slots.config';
-export { default as searchFilterSlotsConfig } from './search-filter-slots.config';
-export { default as slicerFilterSlotsConfig } from './slicer-filter-slots.config';
-export { default as sliderFilterSlotsConfig } from './slider-filter-slots.config';
-export { default as speedometerChartSlotsConfig } from './speedometer-chart-slots.config';
-export { default as spikeMapSlotsConfig } from './spike-map-slots.config';
-export { default as stripPlotSlotsConfig } from './strip-plot-slots.config';
-export { default as sunburstChartSlotsConfig } from './sunburst-chart-slots.config';
-export { default as symbolMapSlotsConfig } from './symbol-map-slots.config';
-export { default as textSlotsConfig } from './text-slots.config';
-export { default as treemapChartSlotsConfig } from './treemap-chart-slots.config';
-export { default as vennDiagramSlotsConfig } from './venn-diagram-slots.config';
-export { default as videoSlotsConfig } from './video-slots.config';
-export { default as wordcloudChartSlotsConfig } from './wordcloud-chart-slots.config';
+export { default as areaChartSlotsConfig } from './../../../item-definitions/area-chart/area-chart-slots.config';
+export { default as barChartSlotsConfig } from './../../../item-definitions/bar-chart/bar-chart-slots.config';
+export { default as boxPlotSlotsConfig } from './../../../item-definitions/box-plot/box-plot-slots.config';
+export { default as bubbleChartSlotsConfig } from './../../../item-definitions/bubble-chart/bubble-chart-slots.config';
+export { default as bulletChartSlotsConfig } from './../../../item-definitions/bullet-chart/bullet-chart-slots.config';
+export { default as choroplethMapSlotsConfig } from './../../../item-definitions/choropleth-map/choropleth-map-slots.config';
+export { default as circlePackChartSlotsConfig } from './../../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config';
+export { default as circularGaugeSlotsConfig } from './../../../item-definitions/circular-gauge/circular-gauge-slots.config';
+export { default as columnChartSlotsConfig } from './../../../item-definitions/column-chart/column-chart-slots.config';
+export { default as combinationChartSlotsConfig } from './../../../item-definitions/combination-chart/combination-chart-slots.config';
+export { default as conditionalNumberSlotsConfig } from './../../../item-definitions/conditional-number/conditional-number-slots.config';
+export { default as dateFilterSlotsConfig } from './../../../item-definitions/date-filter/date-filter-slots.config';
+export { default as donutChartSlotsConfig } from './../../../item-definitions/donut-chart/donut-chart-slots.config';
+export { default as dropdownFilterSlotsConfig } from './../../../item-definitions/dropdown-filter/dropdown-filter-slots.config';
+export { default as evolutionNumberSlotsConfig } from './../../../item-definitions/evolution-number/evolution-number-slots.config';
+export { default as funnelChartSlotsConfig } from './../../../item-definitions/funnel-chart/funnel-chart-slots.config';
+export { default as heatMapSlotsConfig } from './../../../item-definitions/heat-map/heat-map-slots.config';
+export { default as heatTableSlotsConfig } from './../../../item-definitions/heat-table/heat-table-slots.config';
+export { default as hexbinMapSlotsConfig } from './../../../item-definitions/hexbin-map/hexbin-map-slots.config';
+export { default as imageSlotsConfig } from './../../../item-definitions/image/image-slots.config';
+export { default as lineChartSlotsConfig } from './../../../item-definitions/line-chart/line-chart-slots.config';
+export { default as markerMapSlotsConfig } from './../../../item-definitions/marker-map/marker-map-slots.config';
+export { default as ohlcChartSlotsConfig } from './../../../item-definitions/ohlc-chart/ohlc-chart-slots.config';
+export { default as parallelCoordinatesPlotSlotsConfig } from './../../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config';
+export { default as pivotTableSlotsConfig } from './../../../item-definitions/pivot-table/pivot-table-slots.config';
+export { default as pyramidChartSlotsConfig } from './../../../item-definitions/pyramid-chart/pyramid-chart-slots.config';
+export { default as radarChartSlotsConfig } from './../../../item-definitions/radar-chart/radar-chart-slots.config';
+export { default as regularTableSlotsConfig } from './../../../item-definitions/regular-table/regular-table-slots.config';
+export { default as routeMapSlotsConfig } from './../../../item-definitions/route-map/route-map-slots.config';
+export { default as sankeyDiagramSlotsConfig } from './../../../item-definitions/sankey-diagram/sankey-diagram-slots.config';
+export { default as scatterPlotSlotsConfig } from './../../../item-definitions/scatter-plot/scatter-plot-slots.config';
+export { default as searchFilterSlotsConfig } from './../../../item-definitions/search-filter/search-filter-slots.config';
+export { default as slicerFilterSlotsConfig } from './../../../item-definitions/slicer-filter/slicer-filter-slots.config';
+export { default as sliderFilterSlotsConfig } from './../../../item-definitions/slider-filter/slider-filter-slots.config';
+export { default as speedometerChartSlotsConfig } from './../../../item-definitions/speedometer-chart/speedometer-chart-slots.config';
+export { default as spikeMapSlotsConfig } from './../../../item-definitions/spike-map/spike-map-slots.config';
+export { default as stripPlotSlotsConfig } from './../../../item-definitions/strip-plot/strip-plot-slots.config';
+export { default as sunburstChartSlotsConfig } from './../../../item-definitions/sunburst-chart/sunburst-chart-slots.config';
+export { default as symbolMapSlotsConfig } from './../../../item-definitions/symbol-map/symbol-map-slots.config';
+export { default as textSlotsConfig } from './../../../item-definitions/text/text-slots.config';
+export { default as treemapChartSlotsConfig } from './../../../item-definitions/treemap-chart/treemap-chart-slots.config';
+export { default as vennDiagramSlotsConfig } from './../../../item-definitions/venn-diagram/venn-diagram-slots.config';
+export { default as videoSlotsConfig } from './../../../item-definitions/video/video-slots.config';
+export { default as wordcloudChartSlotsConfig } from './../../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config';