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

package/components/droppable-slot/index.js

@@ -17,24 +17,24 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d as x } from "../get-css-variable-Bhbr-Kr1.js";
-import { m as f, t as C, s as S, l as w } from "../set-locale-DJYT4V7U.js";
-import { h as k } from "../task-gE27tBDv.js";
-import { O as z, M as _, v as L } from "../luzmo-icons-CmY3chvZ.js";
-import "../index-zFIy9Mwl.js";
-import { l as $ } from "../localize-BX7q0S0M.js";
-import { L as A, x as g, r as D, n as p } from "../focusable-Dw_pMNQL.js";
-import { e as E } from "../query-Ddbd72Um.js";
-import { S as M } from "../sized-mixin-DMuOVsw0.js";
+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 { e as M } from "../query-Ddbd72Um.js";
+import { S as O } from "../sized-mixin-DMuOVsw0.js";
 import "../slot-menu/index.js";
-const y = () => {
+const x = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const o = document.createElement("style");
-    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-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-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);
+    const t = document.createElement("style");
+    t.setAttribute("data-luzmo-vars", ""), t.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-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-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(t);
   }
 };
-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-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}", v = {
+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 = {
   Category: () => f("Category", { desc: "Category label" }),
   Measure: () => f("Measure", { desc: "Measure label" }),
   Legend: () => f("Legend", { desc: "Legend label" }),
@@ -42,20 +42,20 @@ const O = ":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 T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, n = (o, t, l, e) => {
-  for (var r = e > 1 ? void 0 : e ? U(t, l) : t, s = o.length - 1, a; s >= 0; s--)
-    (a = o[s]) && (r = (e ? a(t, l, r) : a(r)) || r);
-  return e && r && T(t, l, r), r;
+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;
 };
-let i = class extends M(A, {
+let i = class extends O(D, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
   constructor() {
-    super(...arguments), this._loadSlotsConfig = new k(this, {
-      task: async ([o]) => {
-        if (o && o !== this._itemTypeLoaded) {
-          const t = /* @__PURE__ */ Object.assign({
+    super(...arguments), this._loadSlotsConfig = new _(this, {
+      task: async ([t]) => {
+        if (t && t !== this._itemTypeLoaded) {
+          const o = /* @__PURE__ */ Object.assign({
             "../../item-definitions/area-chart/area-chart-slots.config.ts": () => import("../area-chart-slots.config-P7xa-pHi.js"),
             "../../item-definitions/bar-chart/bar-chart-slots.config.ts": () => import("../bar-chart-slots.config-MQAjNXqV.js"),
             "../../item-definitions/box-plot/box-plot-slots.config.ts": () => import("../box-plot-slots.config-BRhnF2FE.js"),
@@ -101,22 +101,22 @@ let i = class extends M(A, {
             "../../item-definitions/video/video-slots.config.ts": () => import("../video-slots.config-IpwUxDyU.js"),
             "../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts": () => import("../wordcloud-chart-slots.config-BS4sOOHt.js")
           });
-          if (t[`../../item-definitions/${o}/${o}-slots.config.ts`]) {
-            const l = await t[`../../item-definitions/${o}/${o}-slots.config.ts`]();
+          if (o[`../../item-definitions/${t}/${t}-slots.config.ts`]) {
+            const l = await o[`../../item-definitions/${t}/${t}-slots.config.ts`]();
             this._slotsConfig = (l == null ? void 0 : l.default) ?? {};
           }
           return this._slotsConfig;
         }
       },
       args: () => [this.itemType, this.language]
-    }), this.slotConfiguration = {}, this.slotContents = [], this.language = "en", this.menu = "default", this.placement = "bottom-end", this.changedSlotContents = (o) => {
+    }), this.slotConfiguration = {}, this.slotContents = [], this.language = "en", this.menu = "default", this.placement = "bottom-end", this.changedSlotContents = (t) => {
       this.dispatchEvent(
         new CustomEvent("slot-contents-changed", {
           bubbles: !0,
           composed: !0,
           cancelable: !0,
           detail: {
-            slotContents: o
+            slotContents: t
           }
         })
       );
@@ -125,21 +125,21 @@ let i = class extends M(A, {
   disconnectedCallback() {
     super.disconnectedCallback(), this._cleanupDroppable();
   }
-  emptySlotContents(o) {
-    o.preventDefault(), o.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
+  emptySlotContents(t) {
+    t.preventDefault(), t.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
   }
-  willUpdate(o) {
-    o.has("language") && ([...C].includes(this.language) || this.language === "en") && (S(this.language), this.requestUpdate()), o.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
+  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));
   }
-  firstUpdated(o) {
-    this._cleanupDroppable || (this._cleanupDroppable = x({
+  firstUpdated(t) {
+    this._cleanupDroppable || (this._cleanupDroppable = C({
       element: this,
-      onDrop: (t) => {
+      onDrop: (o) => {
         var s, a, d, c;
-        const l = { ...(s = t.source) == null ? void 0 : s.data }, e = {
+        const l = { ...(s = o.source) == null ? void 0 : s.data }, e = {
           ...(l == null ? void 0 : l.label) ?? { en: "Untitled" }
         }, r = l == null ? void 0 : l.type;
-        if (r === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), r === "datetime" && ((d = (a = t == null ? void 0 : t.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" && ((d = (a = o == null ? void 0 : o.source) == null ? void 0 : a.element) != null && d.hasAttribute("sublevel"))) {
           const m = [
             "(Yr)",
             "(Qtr)",
@@ -157,16 +157,16 @@ let i = class extends M(A, {
         }
         this.slotContents = (c = this.slotConfiguration) != null && c.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
       },
-      canDrop: ({ source: t }) => {
-        var e, r, s, a, d, c, m, u, b;
+      canDrop: ({ source: o }) => {
+        var e, r, s, a, d, c, m, u, b, h, z;
         if (![
           "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
           "LUZMO-DRAGGABLE-DATA-ITEM"
-        ].includes((e = t.element) == null ? void 0 : e.tagName))
+        ].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))
           return !1;
-        const l = ((s = (r = this.slotConfiguration) == null ? void 0 : r.acceptableColumnTypes) == null ? void 0 : s.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
-        return (a = t == null ? void 0 : t.data) != null && a.type && !l.includes((d = t == null ? void 0 : t.data) == null ? void 0 : d.type) ? !1 : !((c = t == null ? void 0 : t.data) != null && c.subtype && ((u = (m = this.slotConfiguration) == null ? void 0 : m.acceptableColumnSubtypes) == null ? void 0 : u.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
-          (b = t == null ? void 0 : t.data) == null ? void 0 : b.subtype
+        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(
+          (z = o == null ? void 0 : o.data) == null ? void 0 : z.subtype
         ));
       },
       getDropEffect: () => "link",
@@ -181,32 +181,32 @@ let i = class extends M(A, {
   updated() {
     this.createFullLabel();
   }
-  _onSlotMenuChanges(o) {
-    var t;
-    o.preventDefault(), o.stopPropagation(), this.slotContents.length === ((t = o.detail.slotContents) == null ? void 0 : t.length) ? (this._currentSlotContents = o.detail.slotContents, this.createFullLabel(), this.changedSlotContents(this._currentSlotContents)) : (this.slotContents = o.detail.slotContents, this.changedSlotContents(this.slotContents));
+  _onSlotMenuChanges(t) {
+    var o;
+    t.preventDefault(), t.stopPropagation(), this.slotContents.length === ((o = t.detail.slotContents) == null ? void 0 : o.length) ? (this._currentSlotContents = t.detail.slotContents, this.createFullLabel(), this.changedSlotContents(this._currentSlotContents)) : (this.slotContents = t.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, a, d, c, m, u, b;
-    let o = "";
-    const t = v[(e = this.slotConfiguration) == null ? void 0 : e.label] ? v[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (s = this.slotConfiguration) == null ? void 0 : s.label;
-    ((a = this._currentSlotContents) == null ? void 0 : a.length) === 1 ? o = $((c = (d = this._currentSlotContents) == null ? void 0 : d[0]) == null ? void 0 : c.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (o = `${this._currentSlotContents.length} items`);
+    let 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`);
     let l = "";
-    this.label ? l = this.label : t && (l = t), l = l || "Untitled", ((u = this._currentSlotContents) == null ? void 0 : u.length) > 0 && (l += ((b = this._currentSlotContents) == null ? void 0 : b.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${o}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
+    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);
   }
   droppableSlotMarkup() {
-    var o, t, l, e;
+    var t, o, l, e;
     return g`
       <div
         class="droppable-slot"
-        ?filled=${((o = this.slotContents) == null ? void 0 : o.length) > 0}
+        ?filled=${((t = this.slotContents) == null ? void 0 : t.length) > 0}
         id="trigger"
       >
         <div class="droppable-slot-label"></div>
-        ${((t = this.slotContents) == null ? void 0 : t.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? g`<div class="controls">
+        ${((o = this.slotContents) == null ? void 0 : o.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? g`<div class="controls">
               ${this.hideConfiguration ? "" : g`<div>
-                    ${z(_)}
+                    ${v(L)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -216,7 +216,7 @@ let i = class extends M(A, {
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete ? "" : g`<div @click=${this.emptySlotContents}>
-                    ${z(L)}
+                    ${v($)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -246,25 +246,25 @@ let i = class extends M(A, {
   render() {
     return this._loadSlotsConfig.render({
       pending: () => g`<p>Loading...</p>`,
-      complete: (o) => {
-        if (this.slotName && this.itemType && o) {
-          const t = o.find(
+      complete: (t) => {
+        if (this.slotName && this.itemType && t) {
+          const o = t.find(
             (l) => l.name === this.slotName
           );
-          t && (this.slotConfiguration = t);
+          o && (this.slotConfiguration = o);
         }
         return this.droppableSlotMarkup();
       },
-      error: (o) => g`
+      error: (t) => g`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
-          '${this.itemType}': ${o}.
+          '${this.itemType}': ${t}.
         </div>
       `
     });
   }
 };
-i.styles = D(O);
+i.styles = E(T);
 n([
   p({ type: String, reflect: !0, attribute: "item-type" })
 ], i.prototype, "itemType", 2);
@@ -296,10 +296,10 @@ n([
   p({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
 ], i.prototype, "hideConfiguration", 2);
 n([
-  E(".droppable-slot-label")
+  M(".droppable-slot-label")
 ], i.prototype, "_droppableSlotLabelElement", 2);
 i = n([
-  w()
+  k()
 ], i);
 customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", i);
 export {