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

package/components/droppable-slot/index.js

@@ -18,13 +18,13 @@
  * SOFTWARE.
  * */
 import { d as x } from "../get-css-variable-Bhbr-Kr1.js";
-import { m as z, t as C, s as S, l as w } from "../set-locale-DJYT4V7U.js";
+import { m as f, t as C, s as S, l as w } from "../set-locale-DJYT4V7U.js";
 import { h as k } from "../task-Cr9aRIbV.js";
-import { O as f, M as _, v as L } from "../luzmo-icons-BE2T8vWu.js";
+import { O as z, M as _, v as L } from "../luzmo-icons-BE2T8vWu.js";
 import "../index-C8IL2IZ6.js";
-import { k as $, x as g, a as A, n as p } from "../property-B2F7x7Cz.js";
+import { k as $, x as b, 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-B6AsX_Zv.js";
+import { l as E } from "../localize-BX7q0S0M.js";
 import { e as M } from "../query-Ddbd72Um.js";
 import "../slot-menu/index.js";
 const y = () => {
@@ -35,19 +35,19 @@ const y = () => {
 };
 y();
 const O = ":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: () => z("Category", { desc: "Category label" }),
-  Measure: () => z("Measure", { desc: "Measure label" }),
-  Legend: () => z("Legend", { desc: "Legend label" }),
-  "Y-Axis": () => z("Y-Axis", { desc: "Y-Axis label" }),
-  "X-Axis": () => z("X-Axis", { desc: "X-Axis label" }),
-  "Group by": () => z("Group by", { desc: "Group by label" })
+  Category: () => f("Category", { desc: "Category label" }),
+  Measure: () => f("Measure", { desc: "Measure label" }),
+  Legend: () => f("Legend", { desc: "Legend label" }),
+  "Y-Axis": () => f("Y-Axis", { desc: "Y-Axis label" }),
+  "X-Axis": () => f("X-Axis", { desc: "X-Axis label" }),
+  "Group by": () => f("Group by", { desc: "Group by label" })
 };
-var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, i = (o, l, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? U(l, t) : l, s = o.length - 1, n; s >= 0; s--)
-    (n = o[s]) && (r = (e ? n(l, t, r) : n(r)) || r);
-  return e && r && T(l, t, r), r;
+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);
+  return e && r && T(t, l, r), r;
 };
-let a = class extends D($, {
+let s = class extends D($, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -55,14 +55,55 @@ let a = class extends D($, {
     super(...arguments), this._loadSlotsConfig = new k(this, {
       task: async ([o]) => {
         if (o && o !== this._itemTypeLoaded) {
-          const l = /* @__PURE__ */ Object.assign({
+          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/donut-chart-slots.config.ts": () => import("../donut-chart-slots.config-BEwhfq27.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")
           });
-          if (l[`./item-slots-configs/${o}-slots.config.ts`]) {
-            const t = await l[`./item-slots-configs/${o}-slots.config.ts`]();
-            this._slotsConfig = (t == null ? void 0 : t.default) ?? {};
+          if (t[`./item-slots-configs/${o}-slots.config.ts`]) {
+            const l = await t[`./item-slots-configs/${o}-slots.config.ts`]();
+            this._slotsConfig = (l == null ? void 0 : l.default) ?? {};
           }
           return this._slotsConfig;
         }
@@ -93,13 +134,13 @@ let a = class extends D($, {
   firstUpdated(o) {
     this._cleanupDroppable || (this._cleanupDroppable = x({
       element: this,
-      onDrop: (l) => {
-        var s, n, d, c;
-        const t = { ...(s = l.source) == null ? void 0 : s.data }, e = {
-          ...(t == null ? void 0 : t.label) ?? { en: "Untitled" }
-        }, r = t == null ? void 0 : t.type;
-        if (r === "datetime" && !t.level && (t.level = t.lowestLevel ?? (t.subtype === "date" ? 5 : 9)), r === "datetime" && ((d = (n = l == null ? void 0 : l.source) == null ? void 0 : n.element) != null && d.hasAttribute("sublevel"))) {
-          const u = [
+      onDrop: (t) => {
+        var i, a, c, m;
+        const l = { ...(i = t.source) == null ? void 0 : i.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 = [
             "(Yr)",
             "(Qtr)",
             "(Mth)",
@@ -109,23 +150,23 @@ let a = class extends D($, {
             "(Min)",
             "(Sec)",
             "(Msec)"
-          ], m = (t == null ? void 0 : t.level) ?? 1, b = Object.keys(e);
-          for (const h of b)
-            e[h] = `${e[h]} ${u[m - 1]}`;
-          t.label = e;
+          ], u = (l == null ? void 0 : l.level) ?? 1, g = Object.keys(e);
+          for (const h of g)
+            e[h] = `${e[h]} ${d[u - 1]}`;
+          l.label = e;
         }
-        this.slotContents = (c = this.slotConfiguration) != null && c.canAcceptMultipleColumns ? [...this.slotContents ?? [], t] : [t], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
+        this.slotContents = (m = this.slotConfiguration) != null && m.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
       },
-      canDrop: ({ source: l }) => {
-        var e, r, s, n, d, c, u, m, b;
+      canDrop: ({ source: t }) => {
+        var e, r, i, a, c, m, d, u, g;
         if (![
           "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
           "LUZMO-DRAGGABLE-DATA-ITEM"
-        ].includes((e = l.element) == null ? void 0 : e.tagName))
+        ].includes((e = t.element) == null ? void 0 : e.tagName))
           return !1;
-        const t = ((s = (r = this.slotConfiguration) == null ? void 0 : r.acceptableColumnTypes) == null ? void 0 : s.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
-        return (n = l == null ? void 0 : l.data) != null && n.type && !t.includes((d = l == null ? void 0 : l.data) == null ? void 0 : d.type) ? !1 : !((c = l == null ? void 0 : l.data) != null && c.subtype && ((m = (u = this.slotConfiguration) == null ? void 0 : u.acceptableColumnSubtypes) == null ? void 0 : m.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
-          (b = l == null ? void 0 : l.data) == null ? void 0 : b.subtype
+        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
         ));
       },
       getDropEffect: () => "link",
@@ -141,31 +182,31 @@ let a = class extends D($, {
     this.createFullLabel();
   }
   _onSlotMenuChanges(o) {
-    var l;
-    o.preventDefault(), o.stopPropagation(), this.slotContents.length === ((l = o.detail.slotContents) == null ? void 0 : l.length) ? (this._currentSlotContents = o.detail.slotContents, this.createFullLabel(), this.changedSlotContents(this._currentSlotContents)) : (this.slotContents = o.detail.slotContents, this.changedSlotContents(this.slotContents));
+    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));
   }
   // 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, s, n, d, c, u, m, b;
+    var e, r, i, a, c, m, d, u, g;
     let o = "";
-    const l = 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;
-    ((n = this._currentSlotContents) == null ? void 0 : n.length) === 1 ? o = E((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 t = "";
-    this.label ? t = this.label : l && (t = l), t = t || "Untitled", ((m = this._currentSlotContents) == null ? void 0 : m.length) > 0 && (t += ((b = this._currentSlotContents) == null ? void 0 : b.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${o}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = t);
+    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`);
+    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);
   }
   droppableSlotMarkup() {
-    var o, l, t, e;
-    return g`
+    var o, t, l, e;
+    return b`
       <div
         class="droppable-slot"
         ?filled=${((o = this.slotContents) == null ? void 0 : o.length) > 0}
         id="trigger"
       >
         <div class="droppable-slot-label"></div>
-        ${((l = this.slotContents) == null ? void 0 : l.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? g`<div class="controls">
-              ${this.hideConfiguration ? "" : g`<div>
-                    ${f(_)}
+        ${((t = this.slotContents) == null ? void 0 : t.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? b`<div class="controls">
+              ${this.hideConfiguration ? "" : b`<div>
+                    ${z(_)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -174,8 +215,8 @@ let a = class extends D($, {
                       edit
                     </luzmo-tooltip>
                   </div> `}
-              ${this.hideDelete ? "" : g`<div @click=${this.emptySlotContents}>
-                    ${f(L)}
+              ${this.hideDelete ? "" : b`<div @click=${this.emptySlotContents}>
+                    ${z(L)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -185,7 +226,7 @@ let a = class extends D($, {
                     </luzmo-tooltip>
                   </div>`}
             </div>` : ""}
-        ${((t = this.slotContents) == null ? void 0 : t.length) > 0 ? g`<luzmo-overlay
+        ${((l = this.slotContents) == null ? void 0 : l.length) > 0 ? b`<luzmo-overlay
               trigger="trigger@click"
               .placement=${this.placement}
             >
@@ -204,17 +245,17 @@ let a = class extends D($, {
   }
   render() {
     return this._loadSlotsConfig.render({
-      pending: () => g`<p>Loading...</p>`,
+      pending: () => b`<p>Loading...</p>`,
       complete: (o) => {
         if (this.slotName && this.itemType && o) {
-          const l = o.find(
-            (t) => t.name === this.slotName
+          const t = o.find(
+            (l) => l.name === this.slotName
           );
-          l && (this.slotConfiguration = l);
+          t && (this.slotConfiguration = t);
         }
         return this.droppableSlotMarkup();
       },
-      error: (o) => g`
+      error: (o) => b`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${o}.
@@ -223,44 +264,44 @@ let a = class extends D($, {
     });
   }
 };
-a.styles = A(O);
-i([
+s.styles = A(O);
+n([
   p({ type: String, reflect: !0, attribute: "item-type" })
-], a.prototype, "itemType", 2);
-i([
+], s.prototype, "itemType", 2);
+n([
   p({ type: String, reflect: !0, attribute: "slot-name" })
-], a.prototype, "slotName", 2);
-i([
+], s.prototype, "slotName", 2);
+n([
   p({ type: Object })
-], a.prototype, "slotConfiguration", 2);
-i([
+], s.prototype, "slotConfiguration", 2);
+n([
   p({ type: Object })
-], a.prototype, "slotContents", 2);
-i([
+], s.prototype, "slotContents", 2);
+n([
   p({ type: String, reflect: !0 })
-], a.prototype, "label", 2);
-i([
+], s.prototype, "label", 2);
+n([
   p({ type: String, reflect: !0 })
-], a.prototype, "language", 2);
-i([
+], s.prototype, "language", 2);
+n([
   p({ type: String, reflect: !0 })
-], a.prototype, "menu", 2);
-i([
+], s.prototype, "menu", 2);
+n([
   p({ type: String, reflect: !0 })
-], a.prototype, "placement", 2);
-i([
+], s.prototype, "placement", 2);
+n([
   p({ type: Boolean, reflect: !0, attribute: "hide-delete" })
-], a.prototype, "hideDelete", 2);
-i([
+], s.prototype, "hideDelete", 2);
+n([
   p({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
-], a.prototype, "hideConfiguration", 2);
-i([
+], s.prototype, "hideConfiguration", 2);
+n([
   M(".droppable-slot-label")
-], a.prototype, "_droppableSlotLabelElement", 2);
-a = i([
+], s.prototype, "_droppableSlotLabelElement", 2);
+s = n([
   w()
-], a);
-customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", a);
+], s);
+customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", s);
 export {
-  a as LuzmoDroppableSlot
+  s as LuzmoDroppableSlot
 };

package/components/droppable-slot/item-slots-configs/box-plot-slots.config.d.ts

@@ -0,0 +1,26 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    options: {
+        isAggregationDisabled: boolean;
+        areDatetimeOptionsEnabled?: undefined;
+    };
+    acceptableColumnTypes: string[];
+    type: string;
+    isRequired: boolean;
+    canAcceptFormula: boolean;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+        isAggregationDisabled?: undefined;
+    };
+    type: string;
+    isRequired: boolean;
+    acceptableColumnTypes?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/bubble-chart-slots.config.d.ts

@@ -0,0 +1,30 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    options?: undefined;
+    isRequired?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+    };
+    type: string;
+    isRequired: boolean;
+    canAcceptFormula?: undefined;
+} | {
+    name: string;
+    label: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+    };
+    rotate: boolean;
+    type: string;
+    canAcceptFormula?: undefined;
+    isRequired?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/bullet-chart-slots.config.d.ts

@@ -0,0 +1,18 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+    };
+    type: string;
+    canAcceptFormula?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    options?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/choropleth-map-slots.config.d.ts

@@ -0,0 +1,29 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    isRequired: boolean;
+    acceptableColumnTypes: string[];
+    acceptableColumnSubtypes: string[];
+    canAcceptFormula?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    isRequired?: undefined;
+    acceptableColumnTypes?: undefined;
+    acceptableColumnSubtypes?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    acceptableColumnTypes: string[];
+    isRequired?: undefined;
+    acceptableColumnSubtypes?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/circle-pack-chart-slots.config.d.ts

@@ -0,0 +1,22 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    canAcceptMultipleColumns?: undefined;
+    options?: undefined;
+    isRequired?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptMultipleColumns: boolean;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+    };
+    isRequired: boolean;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/circular-gauge-slots.config.d.ts

@@ -0,0 +1,16 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    isRequired?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    isRequired: boolean;
+    canAcceptFormula: boolean;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/column-chart-slots.config.d.ts

@@ -0,0 +1,24 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    type: string;
+    options: {
+        isCumulativeSumEnabled: boolean;
+        areDatetimeOptionsEnabled?: undefined;
+    };
+    label: string;
+    canAcceptMultipleColumns: boolean;
+    canAcceptFormula: boolean;
+} | {
+    name: string;
+    rotate: boolean;
+    type: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+        isCumulativeSumEnabled?: undefined;
+    };
+    label: string;
+    canAcceptMultipleColumns?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/combination-chart-slots.config.d.ts

@@ -0,0 +1,30 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    options: {
+        isCumulativeSumEnabled: boolean;
+        isAggregationDisabled?: undefined;
+        isBinningDisabled?: undefined;
+        areDatetimeOptionsEnabled?: undefined;
+    };
+    canAcceptMultipleColumns: boolean;
+    canAcceptFormula: boolean;
+    isRequired?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    options: {
+        isAggregationDisabled: boolean;
+        isBinningDisabled: boolean;
+        areDatetimeOptionsEnabled: boolean;
+        isCumulativeSumEnabled?: undefined;
+    };
+    isRequired: boolean;
+    canAcceptMultipleColumns?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/conditional-number-slots.config.d.ts

@@ -0,0 +1,16 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    isRequired: boolean;
+    canAcceptFormula: boolean;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    canAcceptFormula: boolean;
+    isRequired?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/date-filter-slots.config.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    name: string;
+    rotate: boolean;
+    type: string;
+    label: string;
+    isRequired: boolean;
+    canAcceptMultipleColumns: boolean;
+    acceptableColumnTypes: string[];
+}[];
+export default _default;

package/components/droppable-slot/item-slots-configs/dropdown-filter-slots.config.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    name: string;
+    rotate: boolean;
+    type: string;
+    options: {
+        isAggregationDisabled: boolean;
+        isBinningDisabled: boolean;
+        areDatetimeOptionsEnabled: boolean;
+        showOnlyFirstSlotContentOptions: boolean;
+    };
+    label: string;
+    /**
+     * TODO: Add support for translations based on currentLanguage of charts (in all charts)
+     * label: translate(
+     * 'vizObjects.slotNames.dimension',
+     * null,
+     * this.properties.currentLanguage
+     * ),
+     */
+    isRequired: boolean;
+    canAcceptMultipleColumns: boolean;
+}[];
+export default _default;

package/components/droppable-slot/item-slots-configs/evolution-number-slots.config.d.ts

@@ -0,0 +1,18 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    type: string;
+    label: string;
+    isRequired: boolean;
+    canAcceptFormula: boolean;
+    acceptableColumnTypes?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    type: string;
+    label: string;
+    acceptableColumnTypes: string[];
+    isRequired?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;

package/components/droppable-slot/item-slots-configs/funnel-chart-slots.config.d.ts

@@ -0,0 +1,22 @@
+declare const _default: ({
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    acceptableColumnTypes: string[];
+    canAcceptFormula: boolean;
+    options?: undefined;
+    isRequired?: undefined;
+} | {
+    name: string;
+    rotate: boolean;
+    label: string;
+    type: string;
+    options: {
+        areDatetimeOptionsEnabled: boolean;
+    };
+    isRequired: boolean;
+    acceptableColumnTypes?: undefined;
+    canAcceptFormula?: undefined;
+})[];
+export default _default;