@luzmo/analytics-components-kit 1.0.1-alpha.30 → 1.0.1-alpha.32

package/components/droppable-slot/index.js

@@ -17,15 +17,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d as C } from "../get-css-variable-Bhbr-Kr1.js";
-import { m as f, t as S, s as w, l as k } from "../set-locale-DJYT4V7U.js";
-import { h as _ } from "../task-gE27tBDv.js";
-import { f as v, M as L, v as $ } from "../luzmo-icons-U09GB75o.js";
-import "../index-CRx2nPkq.js";
-import { l as A } from "../localize-BX7q0S0M.js";
-import { L as D, x as g, r as E, n as p } from "../focusable-Dw_pMNQL.js";
+import { a as C } from "../get-css-variable-YlLiVgo8.js";
+import { l as S } from "../localized-decorator-DGnMToFa.js";
+import { m as f, g as k, t as w, s as L } from "../set-locale-DAGnJZD8.js";
+import { h as _ } from "../task-DH8UFyxP.js";
+import { a3 as v, ab as $, a6 as A } from "../luzmo-icons-CPucBq6e.js";
+import "../index-Bmpw4rGV.js";
+import { l as D } from "../localize-BX7q0S0M.js";
+import { x as g, r as E, n as p } from "../property-CxtZroGf.js";
 import { e as M } from "../query-Ddbd72Um.js";
-import { S as O } from "../sized-mixin-DMuOVsw0.js";
+import { L as O } from "../focusable-DB6Uhr-C.js";
+import { S as T } from "../sized-mixin-C7R5uRbF.js";
 import "../slot-menu/index.js";
 const x = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -34,7 +36,7 @@ const x = () => {
   }
 };
 x();
-const T = ":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-positive-color);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-positive-color-down);--droppable-slot-controls-background-color: var(--luzmo-positive-color-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-positive-color);--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}", y = {
+const U = ":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{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));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}: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))}: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([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-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-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{--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}", y = {
   Category: () => f("Category", { desc: "Category label" }),
   Measure: () => f("Measure", { desc: "Measure label" }),
   Legend: () => f("Legend", { desc: "Legend label" }),
@@ -42,12 +44,12 @@ const T = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo
   "X-Axis": () => f("X-Axis", { desc: "X-Axis label" }),
   "Group by": () => f("Group by", { desc: "Group by label" })
 };
-var U = Object.defineProperty, G = Object.getOwnPropertyDescriptor, n = (t, o, l, e) => {
-  for (var r = e > 1 ? void 0 : e ? G(o, l) : o, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (r = (e ? a(o, l, r) : a(r)) || r);
-  return e && r && U(o, l, r), r;
+var G = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (t, o, l, e) => {
+  for (var r = e > 1 ? void 0 : e ? j(o, l) : o, a = t.length - 1, s; a >= 0; a--)
+    (s = t[a]) && (r = (e ? s(o, l, r) : s(r)) || r);
+  return e && r && G(o, l, r), r;
 };
-let i = class extends O(D, {
+let i = class extends T(O, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -129,17 +131,17 @@ let i = class extends O(D, {
     t.preventDefault(), t.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
   }
   willUpdate(t) {
-    t.has("language") && ([...S].includes(this.language) || this.language === "en") && (w(this.language), this.requestUpdate()), t.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
+    t.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents)), t.has("language") && this.language !== k() && ([...w].includes(this.language ?? "en") || this.language === "en") && L(this.language);
   }
   firstUpdated(t) {
     this._cleanupDroppable || (this._cleanupDroppable = C({
       element: this,
       onDrop: (o) => {
-        var s, a, d, c;
-        const l = { ...(s = o.source) == null ? void 0 : s.data }, e = {
+        var a, s, c, d;
+        const l = { ...(a = o.source) == null ? void 0 : a.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" && ((d = (a = o == null ? void 0 : o.source) == null ? void 0 : a.element) != null && d.hasAttribute("sublevel"))) {
+        if (r === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), r === "datetime" && ((c = (s = o == null ? void 0 : o.source) == null ? void 0 : s.element) != null && c.hasAttribute("sublevel"))) {
           const m = [
             "(Yr)",
             "(Qtr)",
@@ -155,17 +157,17 @@ let i = class extends O(D, {
             e[h] = `${e[h]} ${m[u - 1]}`;
           l.label = e;
         }
-        this.slotContents = (c = this.slotConfiguration) != null && c.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
+        this.slotContents = (d = this.slotConfiguration) != null && d.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
       },
       canDrop: ({ source: o }) => {
-        var e, r, s, a, d, c, m, u, b, h, z;
+        var e, r, a, s, c, d, m, u, b, h, z;
         if (![
           "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
           "LUZMO-DRAGGABLE-DATA-ITEM"
-        ].includes((e = o.element) == null ? void 0 : e.tagName) || !((r = this.slotConfiguration) != null && r.canAcceptFormula) && ((s = o == null ? void 0 : o.data) != null && s.formulaId))
+        ].includes((e = o.element) == null ? void 0 : e.tagName) || !((r = this.slotConfiguration) != null && r.canAcceptFormula) && ((a = o == null ? void 0 : o.data) != null && a.formulaId))
           return !1;
-        const l = ((d = (a = this.slotConfiguration) == null ? void 0 : a.acceptableColumnTypes) == null ? void 0 : d.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
-        return (c = o == null ? void 0 : o.data) != null && c.type && !l.includes((m = o == null ? void 0 : o.data) == null ? void 0 : m.type) ? !1 : !((u = o == null ? void 0 : o.data) != null && u.subtype && ((h = (b = this.slotConfiguration) == null ? void 0 : b.acceptableColumnSubtypes) == null ? void 0 : h.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
+        const l = ((c = (s = this.slotConfiguration) == null ? void 0 : s.acceptableColumnTypes) == null ? void 0 : c.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
+        return (d = o == null ? void 0 : o.data) != null && d.type && !l.includes((m = o == null ? void 0 : o.data) == null ? void 0 : m.type) ? !1 : !((u = o == null ? void 0 : o.data) != null && u.subtype && ((h = (b = this.slotConfiguration) == null ? void 0 : b.acceptableColumnSubtypes) == null ? void 0 : h.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
           (z = o == null ? void 0 : o.data) == null ? void 0 : z.subtype
         ));
       },
@@ -188,10 +190,10 @@ let i = class extends O(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, s, a, d, c, m, u, b;
+    var e, r, a, s, c, d, m, u, b;
     let t = "";
-    const o = y[(e = this.slotConfiguration) == null ? void 0 : e.label] ? y[(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 ? t = A((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 && (t = `${this._currentSlotContents.length} items`);
+    const o = y[(e = this.slotConfiguration) == null ? void 0 : e.label] ? y[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (a = this.slotConfiguration) == null ? void 0 : a.label;
+    ((s = this._currentSlotContents) == null ? void 0 : s.length) === 1 ? t = D((d = (c = this._currentSlotContents) == null ? void 0 : c[0]) == null ? void 0 : d.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (t = `${this._currentSlotContents.length} items`);
     let l = "";
     this.label ? l = this.label : o && (l = o), 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` : `: ${t}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
   }
@@ -206,7 +208,7 @@ let i = class extends O(D, {
         <div class="droppable-slot-label"></div>
         ${((o = this.slotContents) == null ? void 0 : o.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? g`<div class="controls">
               ${this.hideConfiguration ? "" : g`<div>
-                    ${v(L)}
+                    ${v($)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -216,7 +218,7 @@ let i = class extends O(D, {
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete ? "" : g`<div @click=${this.emptySlotContents}>
-                    ${v($)}
+                    ${v(A)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -264,7 +266,7 @@ let i = class extends O(D, {
     });
   }
 };
-i.styles = E(T);
+i.styles = E(U);
 n([
   p({ type: String, reflect: !0, attribute: "item-type" })
 ], i.prototype, "itemType", 2);
@@ -299,7 +301,7 @@ n([
   M(".droppable-slot-label")
 ], i.prototype, "_droppableSlotLabelElement", 2);
 i = n([
-  k()
+  S()
 ], i);
 customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", i);
 export {