npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-alpha.85 → 1.0.1-alpha.86 - Mend

@luzmo/analytics-components-kit 1.0.1-alpha.85 → 1.0.1-alpha.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (251) hide show

package/components/droppable-slot/index.js CHANGED Viewed

@@ -17,22 +17,22 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as _ } from "../get-css-variable-DEf4GhTH.js";
-import { ContextProvider as x } from "@lit/context";
-import { msg as c, localized as D } from "@lit/localize";
-import { Task as k } from "@lit/task";
-import { luzmoIcon as b, luzmoCog as w, luzmoTrashOutline as S } from "@luzmo/icons";
+import { a as T } from "../get-css-variable-YlLiVgo8.js";
+import { ContextProvider as O } from "@lit/context";
+import { msg as v, localized as I } from "@lit/localize";
+import { Task as M } from "@lit/task";
+import { luzmoIcon as E, luzmoCog as U, luzmoTrashOutline as P } from "@luzmo/icons";
 import "@luzmo/lucero/tooltip";
-import { d as f } from "../index-BGb_wRRW.js";
-import { l as E } from "../localize-CcDpq940.js";
-import { html as d, unsafeCSS as A } from "lit";
-import { property as n, query as v, state as y } from "lit/decorators.js";
-import { L } from "../focusable-BS2pbY7w.js";
-import { S as $ } from "../sized-mixin-cJbo3PKR.js";
-import { s as T } from "../index-3WsfvkZF.js";
-import { signal as u, computed as I } from "@lit-labs/signals";
-import { P as h } from "../types-RxAJdtVT.js";
-import { g as O, t as M, s as U } from "../set-locale-nv7fWEtl.js";
+import { d as S } from "../index-BPN3bG9X.js";
+import { l as G } from "../localize-BX7q0S0M.js";
+import { html as b, unsafeCSS as B } from "lit";
+import { property as u, query as L, state as $ } from "lit/decorators.js";
+import { L as F } from "../focusable-DCIFkpiW.js";
+import { S as R } from "../sized-mixin-cJbo3PKR.js";
+import { s as N } from "../index-Do7O9azB.js";
+import { signal as y, computed as j } from "@lit-labs/signals";
+import { P as C } from "../types-RxAJdtVT.js";
+import { g as H, t as V, s as X } from "../set-locale-B-Tz2sdI.js";
 import "../slot-menu/index.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -40,11 +40,11 @@ import "../slot-menu/index.js";
     o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
   }
 })();
-class P {
+class Z {
   constructor() {
-    this.slotContents = u([]), this.slotsContents = u([]), this.periodOverPeriodUiType = u(
+    this.slotContents = y([]), this.slotsContents = y([]), this.periodOverPeriodUiType = y(
       null
-    ), this.linkedDataset = u(
+    ), this.linkedDataset = y(
       []
     ), this._popEnabledChartTypes = [
       "area-chart",
@@ -52,7 +52,7 @@ class P {
       "combination-chart",
       "column-chart",
       "line-chart"
-    ], this.activeSlotContents = I(() => this.slotContents.get()[this.activeIndex.get()]), this.activeIndex = u(0);
+    ], this.activeSlotContents = j(() => this.slotContents.get()[this.activeIndex.get()]), this.activeIndex = y(0);
   }
   isArrayColumnType(o) {
     return (/* @__PURE__ */ new Set([
@@ -63,7 +63,8 @@ class P {
     ])).has(o);
   }
   setPeriodOverPeriodCondition(o, e) {
-    if (!e?.periodOverPeriod?.newUi) {
+    var l;
+    if (!((l = e == null ? void 0 : e.periodOverPeriod) != null && l.newUi)) {
       this.periodOverPeriodUiType.set(this.oldConditionalLogic(o));
       return;
     }
@@ -72,30 +73,33 @@ class P {
     );
   }
   getUiConditionToApply(o) {
-    const e = this.hasDatetimeColumnOnCategoryOrXAxis(), l = o?.periodOverPeriod?.hasConnectedComparisonFilter, r = this.linkedDataset.get().some(
-      ({ columns: i }) => i?.some((p) => p.type === "datetime")
+    var s;
+    const e = this.hasDatetimeColumnOnCategoryOrXAxis(), l = (s = o == null ? void 0 : o.periodOverPeriod) == null ? void 0 : s.hasConnectedComparisonFilter, r = this.linkedDataset.get().some(
+      ({ columns: i }) => i == null ? void 0 : i.some((d) => d.type === "datetime")
     );
-    return !e && !l && !r ? null : e && l ? h.HasDatetimeColumnAndComparisonFilters : e && !l ? h.HasDatetimeColumnAndNoComparisonFilters : !e && l ? h.NoDatetimeColumnButComparisonFilters : h.NoDatetimeColumnAndNoComparisonFilters;
+    return !e && !l && !r ? null : e && l ? C.HasDatetimeColumnAndComparisonFilters : e && !l ? C.HasDatetimeColumnAndNoComparisonFilters : !e && l ? C.NoDatetimeColumnButComparisonFilters : C.NoDatetimeColumnAndNoComparisonFilters;
   }
   oldConditionalLogic(o) {
-    const e = this.slotsContents.get() ?? [], r = (e.find(
-      (m) => ["y-axis", "x-axis", "row"].includes(m.name)
-    )?.content ?? [])?.[0] ?? null, i = e.find((m) => m.name === "measure")?.content ?? [];
-    return r && this._popEnabledChartTypes.includes(o) && r.type === "datetime" && !this.isArrayColumnType(r.type) && !r.datetimeDisplayMode && r.level !== 4 && i.length > 0 ? h.OldImplementation : null;
+    var d, a;
+    const e = this.slotsContents.get() ?? [], l = ((d = e.find(
+      (c) => ["y-axis", "x-axis", "row"].includes(c.name)
+    )) == null ? void 0 : d.content) ?? [], r = (l == null ? void 0 : l[0]) ?? null, s = ((a = e.find((c) => c.name === "measure")) == null ? void 0 : a.content) ?? [];
+    return r && this._popEnabledChartTypes.includes(o) && r.type === "datetime" && !this.isArrayColumnType(r.type) && !r.datetimeDisplayMode && r.level !== 4 && s.length > 0 ? C.OldImplementation : null;
   }
   /**
    * Detects if there's a datetime column on Category or X-axis slots
    */
   hasDatetimeColumnOnCategoryOrXAxis() {
-    const l = ((this.slotsContents.get() ?? []).find(
-      (r) => ["y-axis", "x-axis"].includes(r.name)
-    )?.content ?? [])?.[0] ?? null;
+    var r;
+    const e = ((r = (this.slotsContents.get() ?? []).find(
+      (s) => ["y-axis", "x-axis"].includes(s.name)
+    )) == null ? void 0 : r.content) ?? [], l = (e == null ? void 0 : e[0]) ?? null;
     return !!(l && l.type === "datetime" && !this.isArrayColumnType(l.type));
   }
   /** Replace the full list (e.g. after dropping or re-ordering). */
   setContents(o, e) {
     if (this.slotContents.set(o), this.activeIndex.get() >= o.length && this.activeIndex.set(o.length > 0 ? o.length - 1 : 0), e) {
-      const l = structuredClone(this.slotsContents.get()) ?? [], r = l.find((i) => i.name === e);
+      const l = structuredClone(this.slotsContents.get()) ?? [], r = l.find((s) => s.name === e);
       r && (r.content = o), this.setFullContents(l);
     }
   }
@@ -119,25 +123,25 @@ class P {
     this.slotContents.set(e), this.activeIndex.get() >= e.length && this.activeIndex.set(e.length > 0 ? e.length - 1 : 0);
   }
 }
-const G = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{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));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));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));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}: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));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);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));font-size:var(--luzmo-droppable-slot-controls-font-size)}.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))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;transform:translate(-50%) rotate(-90deg)}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-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--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-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--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-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-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: var(--luzmo-secondary-outline);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-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-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-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-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}", z = {
-  Category: () => c("Category", { desc: "Category label" }),
-  Measure: () => c("Measure", { desc: "Measure label" }),
-  Legend: () => c("Legend", { desc: "Legend label" }),
-  "Y-Axis": () => c("Y-Axis", { desc: "Y-Axis label" }),
-  "X-Axis": () => c("X-Axis", { desc: "X-Axis label" }),
-  "Group by": () => c("Group by", { desc: "Group by label" })
+const Y = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{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));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));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));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}: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));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);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));font-size:var(--luzmo-droppable-slot-controls-font-size)}.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))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;transform:translate(-50%) rotate(-90deg)}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-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--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-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--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-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-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: var(--luzmo-secondary-outline);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-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-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-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-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}", A = {
+  Category: () => v("Category", { desc: "Category label" }),
+  Measure: () => v("Measure", { desc: "Measure label" }),
+  Legend: () => v("Legend", { desc: "Legend label" }),
+  "Y-Axis": () => v("Y-Axis", { desc: "Y-Axis label" }),
+  "X-Axis": () => v("X-Axis", { desc: "X-Axis label" }),
+  "Group by": () => v("Group by", { desc: "Group by label" })
 };
-var B = Object.defineProperty, F = Object.getOwnPropertyDescriptor, s = (t, o, e, l) => {
-  for (var r = l > 1 ? void 0 : l ? F(o, e) : o, i = t.length - 1, p; i >= 0; i--)
-    (p = t[i]) && (r = (l ? p(o, e, r) : p(r)) || r);
-  return l && r && B(o, e, r), r;
+var K = Object.defineProperty, q = Object.getOwnPropertyDescriptor, p = (t, o, e, l) => {
+  for (var r = l > 1 ? void 0 : l ? q(o, e) : o, s = t.length - 1, i; s >= 0; s--)
+    (i = t[s]) && (r = (l ? i(o, e, r) : i(r)) || r);
+  return l && r && K(o, e, r), r;
 };
-let a = class extends $(L, {
+let n = class extends R(F, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
   constructor() {
-    super(), this._loadSlotsConfig = new k(this, {
+    super(), this._loadSlotsConfig = new M(this, {
       task: async ([t]) => {
         if (t && t !== this._itemTypeLoaded) {
           const o = /* @__PURE__ */ Object.assign({
@@ -189,13 +193,13 @@ let a = class extends $(L, {
           }), e = `../../item-definitions/${t}/${t}-slots.config.ts`;
           if (o[e]) {
             const l = await o[e]();
-            this._itemTypeLoaded = t, this._slotsConfig = l?.default ?? {};
+            this._itemTypeLoaded = t, this._slotsConfig = (l == null ? void 0 : l.default) ?? {};
           }
           return this._slotsConfig;
         }
       },
       args: () => [this.itemType, this.language]
-    }), this.slotConfiguration = {}, this.slotsContents = [], this.language = "en", this.apiUrl = "https://api.luzmo.com", this.authKey = "", this.authToken = "", this.menu = "default", this.placement = "bottom-end", this._slotContents = [], this._overlayReady = !1, this._store = new P(), this._currentSlotContents = [], this._lastFetchedDatasetId = null, this._linkedDatasetsIds = [], this._acceptableColumnTypes = [
+    }), this.slotConfiguration = {}, this.slotsContents = [], this.language = "en", this.apiUrl = "https://api.luzmo.com", this.authKey = "", this.authToken = "", this.menu = "default", this.placement = "bottom-end", this._slotContents = [], this._overlayReady = !1, this._store = new Z(), this._currentSlotContents = [], this._lastFetchedDatasetId = null, this._linkedDatasetsIds = [], this._acceptableColumnTypes = [
       "datetime",
       "hierarchy",
       "numeric",
@@ -205,14 +209,15 @@ let a = class extends $(L, {
       "array[hierarchy]",
       "array[spatial]"
     ], this._attachDroppable = () => {
-      this._cleanupDroppable || (this._cleanupDroppable = _({
+      this._cleanupDroppable || (this._cleanupDroppable = T({
         element: this,
         onDrop: async (t) => {
-          const o = { ...t.source?.data }, e = {
-            ...o?.label ?? { en: "Untitled" }
-          }, l = o?.type;
-          if (l === "datetime" && !o.level && (o.level = o.lowestLevel ?? (o.subtype === "date" ? 5 : 9)), l === "datetime" && t?.source?.element?.hasAttribute("sublevel")) {
-            const p = [
+          var i, d, a, c, m;
+          const o = { ...(i = t.source) == null ? void 0 : i.data }, e = {
+            ...(o == null ? void 0 : o.label) ?? { en: "Untitled" }
+          }, l = o == null ? void 0 : o.type;
+          if (l === "datetime" && !o.level && (o.level = o.lowestLevel ?? (o.subtype === "date" ? 5 : 9)), l === "datetime" && ((a = (d = t == null ? void 0 : t.source) == null ? void 0 : d.element) != null && a.hasAttribute("sublevel"))) {
+            const h = [
               "(Yr)",
               "(Qtr)",
               "(Mth)",
@@ -222,15 +227,15 @@ let a = class extends $(L, {
               "(Min)",
               "(Sec)",
               "(Msec)"
-            ], m = o?.level ?? 1, C = Object.keys(e);
-            for (const g of C)
-              e[g] = `${e[g]} ${p[m - 1]}`;
+            ], f = (o == null ? void 0 : o.level) ?? 1, z = Object.keys(e);
+            for (const g of z)
+              e[g] = `${e[g]} ${h[f - 1]}`;
             o.label = o.name = e;
           }
           const { securable_id: r } = o;
-          r && r !== this._lastFetchedDatasetId && (this._lastFetchedDatasetId = r, await f.fetchDatasetsRecursive([r]), this._linkedDatasetsIds = f.getLinkedDatasetsIds(r));
-          const i = this._slotContents?.length === 0;
-          this._slotContents = this.slotConfiguration?.canAcceptMultipleDataItems ? [...this._slotContents ?? [], o] : [o], this.removeAttribute("accept-drag"), i ? (this._overlayReady = !1, setTimeout(() => {
+          r && r !== this._lastFetchedDatasetId && (this._lastFetchedDatasetId = r, await S.fetchDatasetsRecursive([r]), this._linkedDatasetsIds = S.getLinkedDatasetsIds(r));
+          const s = ((c = this._slotContents) == null ? void 0 : c.length) === 0;
+          this._slotContents = (m = this.slotConfiguration) != null && m.canAcceptMultipleDataItems ? [...this._slotContents ?? [], o] : [o], this.removeAttribute("accept-drag"), s ? (this._overlayReady = !1, setTimeout(() => {
             this._overlayReady = !0;
           }, 200)) : this._overlayReady = !0, this.changedSlotContents(this._slotContents, this._linkedDatasetsIds), this.classList.remove("pulse");
         },
@@ -244,17 +249,19 @@ let a = class extends $(L, {
         }
       }));
     }, this._canDropItem = ({ source: t }) => {
+      var e, l, r, s, i, d, a, c, m, h, f, z, g;
       if (![
         "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
         "LUZMO-DRAGGABLE-DATA-ITEM"
-      ].includes(t.element?.tagName) || !this.slotConfiguration?.canAcceptFormula && (t?.data?.formulaId || t?.data?.formula || t?.data?.entity === "formula"))
+      ].includes((e = t.element) == null ? void 0 : e.tagName) || !((l = this.slotConfiguration) != null && l.canAcceptFormula) && ((r = t == null ? void 0 : t.data) != null && r.formulaId || (s = t == null ? void 0 : t.data) != null && s.formula || ((i = t == null ? void 0 : t.data) == null ? void 0 : i.entity) === "formula"))
         return !1;
-      const o = this.slotConfiguration?.acceptableDataItemTypes?.length > 0 ? this.slotConfiguration.acceptableDataItemTypes : this._acceptableColumnTypes;
-      return t?.data?.type && !o.includes(t?.data?.type) ? !1 : !(t?.data?.subtype && this.slotConfiguration?.acceptableColumnSubtypes?.length > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
-        t?.data?.subtype
+      const o = ((a = (d = this.slotConfiguration) == null ? void 0 : d.acceptableDataItemTypes) == null ? void 0 : a.length) > 0 ? this.slotConfiguration.acceptableDataItemTypes : this._acceptableColumnTypes;
+      return (c = t == null ? void 0 : t.data) != null && c.type && !o.includes((m = t == null ? void 0 : t.data) == null ? void 0 : m.type) ? !1 : !((h = t == null ? void 0 : t.data) != null && h.subtype && ((z = (f = this.slotConfiguration) == null ? void 0 : f.acceptableColumnSubtypes) == null ? void 0 : z.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
+        (g = t == null ? void 0 : t.data) == null ? void 0 : g.subtype
       ));
     }, this.changedSlotContents = (t, o = []) => {
-      this._store?.setContents(t, this.slotName), this.dispatchEvent(
+      var e;
+      (e = this._store) == null || e.setContents(t, this.slotName), this.dispatchEvent(
         new CustomEvent("slot-contents-changed", {
           bubbles: !0,
           composed: !0,
@@ -266,7 +273,8 @@ let a = class extends $(L, {
         })
       );
     }, this._handleDragStart = (t) => {
-      const o = t, e = o.detail?.data;
+      var s;
+      const o = t, e = (s = o.detail) == null ? void 0 : s.data;
       if (this._overlayElement && (this._overlayElement.open = !1), !e) return;
       const l = {
         data: e,
@@ -279,8 +287,8 @@ let a = class extends $(L, {
       this.removeAttribute("would-accept-drag");
     }, this._handleOverlayClick = (t) => {
       t.detail > 0 && t.target === this._overlayElement ? this._overlayElement.open = !1 : t.stopPropagation();
-    }, new x(this, {
-      context: T,
+    }, new O(this, {
+      context: N,
       initialValue: this._store
     });
   }
@@ -288,7 +296,8 @@ let a = class extends $(L, {
     super.connectedCallback(), this._attachDroppable(), document.addEventListener("data-item-drag-started", this._handleDragStart), document.addEventListener("data-item-dropped", this._handleDragEnd);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._cleanupDroppable && (this._cleanupDroppable(), this._cleanupDroppable = void 0), this._loadSlotsConfig.abort?.(), document.removeEventListener(
+    var t, o;
+    super.disconnectedCallback(), this._cleanupDroppable && (this._cleanupDroppable(), this._cleanupDroppable = void 0), (o = (t = this._loadSlotsConfig).abort) == null || o.call(t), document.removeEventListener(
       "data-item-drag-started",
       this._handleDragStart
     ), document.removeEventListener("data-item-dropped", this._handleDragEnd);
@@ -297,12 +306,13 @@ let a = class extends $(L, {
     t.preventDefault(), t.stopPropagation(), this._slotContents = [], this.changedSlotContents([]);
   }
   willUpdate(t) {
-    t.has("slotConfiguration") && (this._cleanupDroppable && (this._cleanupDroppable(), this._cleanupDroppable = void 0), this._attachDroppable()), t.has("slotsContents") && this._processSlotsContents(), t.has("language") && this.language !== O() && ([...M].includes(this.language ?? "en") || this.language === "en") && U(this.language);
+    t.has("slotConfiguration") && (this._cleanupDroppable && (this._cleanupDroppable(), this._cleanupDroppable = void 0), this._attachDroppable()), t.has("slotsContents") && this._processSlotsContents(), t.has("language") && this.language !== H() && ([...V].includes(this.language ?? "en") || this.language === "en") && X(this.language);
   }
   _processSlotsContents() {
-    this._store?.setFullContents(this.slotsContents), this._slotContents = this.slotsContents?.find(
-      (t) => t.name === this.slotName
-    )?.content ?? [], this._currentSlotContents = [...this._slotContents], this._slotContents?.length > 0 && (this._overlayReady = !0), this._store?.setContents(this._slotContents);
+    var t, o, e, l, r;
+    (t = this._store) == null || t.setFullContents(this.slotsContents), this._slotContents = ((e = (o = this.slotsContents) == null ? void 0 : o.find(
+      (s) => s.name === this.slotName
+    )) == null ? void 0 : e.content) ?? [], this._currentSlotContents = [...this._slotContents], ((l = this._slotContents) == null ? void 0 : l.length) > 0 && (this._overlayReady = !0), (r = this._store) == null || r.setContents(this._slotContents);
   }
   firstUpdated() {
     this._attachDroppable();
@@ -322,17 +332,18 @@ let a = class extends $(L, {
     ));
   }
   _onOverlayOpened(t) {
+    var e, l, r, s, i;
     const o = t.overlay;
     if (this._slotMenuElement && o === this._overlayElement) {
-      const e = this._store?.activeIndex.get?.() ?? 0, l = this._slotContents?.[e] ?? this._slotContents?.[0];
-      if (!l) return;
-      const r = l?.column ?? l?.columnId, i = l?.set ?? l?.datasetId, p = l?.formula;
-      (r || p) && i && (this.dispatchEvent(
+      const d = ((r = (e = this._store) == null ? void 0 : (l = e.activeIndex).get) == null ? void 0 : r.call(l)) ?? 0, a = ((s = this._slotContents) == null ? void 0 : s[d]) ?? ((i = this._slotContents) == null ? void 0 : i[0]);
+      if (!a) return;
+      const c = (a == null ? void 0 : a.column) ?? (a == null ? void 0 : a.columnId), m = (a == null ? void 0 : a.set) ?? (a == null ? void 0 : a.datasetId), h = a == null ? void 0 : a.formula;
+      (c || h) && m && (this.dispatchEvent(
         new CustomEvent("slot-menu-active", {
           bubbles: !0,
           composed: !0,
           detail: {
-            securableId: i
+            securableId: m
           }
         })
       ), setTimeout(() => {
@@ -341,10 +352,10 @@ let a = class extends $(L, {
             bubbles: !0,
             composed: !0,
             detail: {
-              columnId: r,
-              securableId: i,
-              formulaId: p,
-              level: l?.level ?? 0
+              columnId: c,
+              securableId: m,
+              formulaId: h,
+              level: (a == null ? void 0 : a.level) ?? 0
             }
           })
         );
@@ -352,54 +363,57 @@ let a = class extends $(L, {
     }
   }
   _onSlotMenuChanges(t) {
+    var e;
     t.preventDefault(), t.stopPropagation();
     const o = t.detail.linkedDatasetsIds;
-    this._slotContents.length === t.detail.slotContents?.length ? (this._currentSlotContents = t.detail.slotContents, this.changedSlotContents(this._currentSlotContents, o)) : (this._slotContents = t.detail.slotContents, this.changedSlotContents(this._slotContents, o));
+    this._slotContents.length === ((e = t.detail.slotContents) == null ? void 0 : e.length) ? (this._currentSlotContents = t.detail.slotContents, this.changedSlotContents(this._currentSlotContents, o)) : (this._slotContents = t.detail.slotContents, this.changedSlotContents(this._slotContents, o));
   }
   get _fullLabel() {
+    var l, r, s, i, d, a, c, m, h;
     let t = "";
-    const o = z[this.slotConfiguration?.label] ? z[this.slotConfiguration?.label]() : this.slotConfiguration?.label;
-    this._currentSlotContents?.length === 1 ? t = E(
-      this._currentSlotContents?.[0]?.label,
+    const o = A[(l = this.slotConfiguration) == null ? void 0 : l.label] ? A[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (s = this.slotConfiguration) == null ? void 0 : s.label;
+    ((i = this._currentSlotContents) == null ? void 0 : i.length) === 1 ? t = G(
+      (a = (d = this._currentSlotContents) == null ? void 0 : d[0]) == null ? void 0 : a.label,
       this.language
-    ) ?? "Untitled" : this._currentSlotContents?.length > 1 && (t = `${this._currentSlotContents.length} items`);
+    ) ?? "Untitled" : ((c = this._currentSlotContents) == null ? void 0 : c.length) > 1 && (t = `${this._currentSlotContents.length} items`);
     let e = this.label || o || "Untitled";
-    return this._currentSlotContents?.length > 0 && (e += this._currentSlotContents?.length > 1 ? `: ${this._currentSlotContents.length} items` : `: ${t}`), e;
+    return ((m = this._currentSlotContents) == null ? void 0 : m.length) > 0 && (e += ((h = this._currentSlotContents) == null ? void 0 : h.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${t}`), e;
   }
   droppableSlotMarkup() {
-    const t = d`
+    var o, e, l, r, s, i, d, a, c, m, h, f, z, g, _, x, D, k, w;
+    const t = b`
       <div
         id="trigger"
-        class="droppable-slot ${this.slotConfiguration?.rotate ? "rotate" : ""}"
-        ?filled=${this._slotContents?.length > 0}
+        class="droppable-slot ${(o = this.slotConfiguration) != null && o.rotate ? "rotate" : ""}"
+        ?filled=${((e = this._slotContents) == null ? void 0 : e.length) > 0}
       >
         <div class="droppable-slot-label">${this._fullLabel}</div>
-        ${this._slotContents?.length > 0 && !(this.hideConfiguration && this.hideDelete) ? d`<div class="controls">
-              ${this.hideConfiguration ? "" : d`<div>
-                    ${b(w)}
+        ${((l = this._slotContents) == null ? void 0 : l.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? b`<div class="controls">
+              ${this.hideConfiguration ? "" : b`<div>
+                    ${E(U)}
                     <luzmo-tooltip
                       self-managed
-                      placement=${this.slotConfiguration?.rotate ? "right" : "top"}
+                      placement=${(r = this.slotConfiguration) != null && r.rotate ? "right" : "top"}
                       size=${this.size}
                     >
                       edit
                     </luzmo-tooltip>
                   </div> `}
-              ${this.hideDelete ? "" : d`<div @click=${this.emptySlotContents}>
-                    ${b(S)}
+              ${this.hideDelete ? "" : b`<div @click=${this.emptySlotContents}>
+                    ${E(P)}
                     <luzmo-tooltip
                       self-managed
-                      placement=${this.slotConfiguration?.rotate ? "right" : "top"}
+                      placement=${(s = this.slotConfiguration) != null && s.rotate ? "right" : "top"}
                       size=${this.size}
                     >
                       Delete
                     </luzmo-tooltip>
                   </div>`}
             </div>` : ""}
-        ${this._slotContents?.length > 0 && this._overlayReady ? d`<luzmo-overlay
+        ${((i = this._slotContents) == null ? void 0 : i.length) > 0 && this._overlayReady ? b`<luzmo-overlay
               trigger="trigger@click"
               .placement=${this.placement}
-              offset=${this.slotConfiguration?.rotate ? "-100" : "-20"}
+              offset=${(d = this.slotConfiguration) != null && d.rotate ? "-100" : "-20"}
               @luzmo-closed=${this._onOverlayClosed}
               @luzmo-opened=${this._onOverlayOpened}
               @click=${this._handleOverlayClick}
@@ -408,14 +422,14 @@ let a = class extends $(L, {
                 language=${this.language}
                 content-language=${this.language}
                 drag-boundary=${this.dragBoundary}
-                slot-type=${this.slotConfiguration?.type}
+                slot-type=${(a = this.slotConfiguration) == null ? void 0 : a.type}
                 slot-name=${this.slotName}
                 item-type=${this.itemType}
-                .areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
-                .areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
-                .isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
-                .isAggregationDisabled=${this.slotConfiguration?.options?.isAggregationDisabled}
-                .isCumulativeSumEnabled=${this.slotConfiguration?.options?.isCumulativeSumEnabled}
+                .areGrandTotalsEnabled=${(m = (c = this.slotConfiguration) == null ? void 0 : c.options) == null ? void 0 : m.areGrandTotalsEnabled}
+                .areDatetimeOptionsEnabled=${(f = (h = this.slotConfiguration) == null ? void 0 : h.options) == null ? void 0 : f.areDatetimeOptionsEnabled}
+                .isBinningDisabled=${(g = (z = this.slotConfiguration) == null ? void 0 : z.options) == null ? void 0 : g.isBinningDisabled}
+                .isAggregationDisabled=${(x = (_ = this.slotConfiguration) == null ? void 0 : _.options) == null ? void 0 : x.isAggregationDisabled}
+                .isCumulativeSumEnabled=${(k = (D = this.slotConfiguration) == null ? void 0 : D.options) == null ? void 0 : k.isCumulativeSumEnabled}
                 slot-contents=${this._slotContents}
                 variant=${this.menu === "draggable" ? "draggable" : "popup"}
                 .size=${this.size}
@@ -427,11 +441,11 @@ let a = class extends $(L, {
             </luzmo-overlay>` : ""}
       </div>
     `;
-    return this.slotConfiguration?.rotate ? d`<div class="droppable-slot-wrapper">${t}</div>` : t;
+    return (w = this.slotConfiguration) != null && w.rotate ? b`<div class="droppable-slot-wrapper">${t}</div>` : t;
   }
   render() {
     return this.slotConfiguration && Object.keys(this.slotConfiguration).length > 0 ? this.droppableSlotMarkup() : this._loadSlotsConfig.render({
-      pending: () => d`<p>Loading...</p>`,
+      pending: () => b`<p>Loading...</p>`,
       complete: (t) => {
         if (this.slotName && this.itemType && t) {
           const o = t.find((e) => e.name === this.slotName);
@@ -439,7 +453,7 @@ let a = class extends $(L, {
         }
         return this.droppableSlotMarkup();
       },
-      error: (t) => d`
+      error: (t) => b`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${t}.
@@ -448,65 +462,65 @@ let a = class extends $(L, {
     });
   }
 };
-a.styles = A(G);
-s([
-  n({ type: String, reflect: !0, attribute: "item-type" })
-], a.prototype, "itemType", 2);
-s([
-  n({ type: String, reflect: !0, attribute: "slot-name" })
-], a.prototype, "slotName", 2);
-s([
-  n({ type: Object })
-], a.prototype, "slotConfiguration", 2);
-s([
-  n({ type: Object })
-], a.prototype, "slotsContents", 2);
-s([
-  n({ type: String, reflect: !0 })
-], a.prototype, "label", 2);
-s([
-  n({ type: String, reflect: !0 })
-], a.prototype, "language", 2);
-s([
-  n({ type: String, reflect: !0, attribute: "drag-boundary" })
-], a.prototype, "dragBoundary", 2);
-s([
-  n({ type: String, attribute: "api-url", reflect: !0 })
-], a.prototype, "apiUrl", 2);
-s([
-  n({ type: String, attribute: "auth-key", reflect: !0 })
-], a.prototype, "authKey", 2);
-s([
-  n({ type: String, attribute: "auth-token", reflect: !0 })
-], a.prototype, "authToken", 2);
-s([
-  n({ type: String, reflect: !0 })
-], a.prototype, "menu", 2);
-s([
-  n({ type: String, reflect: !0 })
-], a.prototype, "placement", 2);
-s([
-  n({ type: Boolean, reflect: !0, attribute: "hide-delete" })
-], a.prototype, "hideDelete", 2);
-s([
-  n({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
-], a.prototype, "hideConfiguration", 2);
-s([
-  v("luzmo-slot-menu")
-], a.prototype, "_slotMenuElement", 2);
-s([
-  v("luzmo-overlay")
-], a.prototype, "_overlayElement", 2);
-s([
-  y()
-], a.prototype, "_slotContents", 2);
-s([
-  y()
-], a.prototype, "_overlayReady", 2);
-a = s([
-  D()
-], a);
-customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", a);
+n.styles = B(Y);
+p([
+  u({ type: String, reflect: !0, attribute: "item-type" })
+], n.prototype, "itemType", 2);
+p([
+  u({ type: String, reflect: !0, attribute: "slot-name" })
+], n.prototype, "slotName", 2);
+p([
+  u({ type: Object })
+], n.prototype, "slotConfiguration", 2);
+p([
+  u({ type: Object })
+], n.prototype, "slotsContents", 2);
+p([
+  u({ type: String, reflect: !0 })
+], n.prototype, "label", 2);
+p([
+  u({ type: String, reflect: !0 })
+], n.prototype, "language", 2);
+p([
+  u({ type: String, reflect: !0, attribute: "drag-boundary" })
+], n.prototype, "dragBoundary", 2);
+p([
+  u({ type: String, attribute: "api-url", reflect: !0 })
+], n.prototype, "apiUrl", 2);
+p([
+  u({ type: String, attribute: "auth-key", reflect: !0 })
+], n.prototype, "authKey", 2);
+p([
+  u({ type: String, attribute: "auth-token", reflect: !0 })
+], n.prototype, "authToken", 2);
+p([
+  u({ type: String, reflect: !0 })
+], n.prototype, "menu", 2);
+p([
+  u({ type: String, reflect: !0 })
+], n.prototype, "placement", 2);
+p([
+  u({ type: Boolean, reflect: !0, attribute: "hide-delete" })
+], n.prototype, "hideDelete", 2);
+p([
+  u({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
+], n.prototype, "hideConfiguration", 2);
+p([
+  L("luzmo-slot-menu")
+], n.prototype, "_slotMenuElement", 2);
+p([
+  L("luzmo-overlay")
+], n.prototype, "_overlayElement", 2);
+p([
+  $()
+], n.prototype, "_slotContents", 2);
+p([
+  $()
+], n.prototype, "_overlayReady", 2);
+n = p([
+  I()
+], n);
+customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", n);
 export {
-  a as LuzmoDroppableSlot
+  n as LuzmoDroppableSlot
 };