@luzmo/analytics-components-kit 1.0.1-alpha.5 → 1.0.1-alpha.6

package/components/draggable-data-item-level/index.js

@@ -17,56 +17,56 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as U, a as Y, s as J } from "../get-css-variable-Bhbr-Kr1.js";
-import { o as B, s as ee, t as le, N as F, Q as ae, u as oe, y as p, z as H, Z as re, A as te, H as T, K as ie, V as de, L as V, R as ge, X as ne, a0 as A, a1 as me, a2 as se, a3 as N, a4 as ue, a5 as be, a6 as q, a7 as ce, a8 as ve, a9 as M, aa as ze, ab as he, ac as G, ad as pe, ae as fe, af as L, ag as ye, ah as xe, O as f, ai as ke, W as we, p as Se } from "../luzmo-icons-CZEpXpvy.js";
-import "../index-BC-nmKjU.js";
-import "../index-DskAouD-.js";
-import { I as Ce, r as De, x as y, n as g } from "../property-CD3dwBJC.js";
-import { m as Ee } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
-import { l as $e } from "../localize-B6AsX_Zv.js";
-const K = () => {
+import { g as A, a as Y, s as Z } from "../get-css-variable-Bhbr-Kr1.js";
+import { luzmoTypeArray as H, luzmoTypeArray14 as ee, luzmoTypeArray12 as le, luzmoTypeImage as _, luzmoTypeImage14 as ae, luzmoTypeImage12 as oe, luzmoTypeTopography as h, luzmoTypeCoordinates as N, luzmoTypeCoordinates14 as re, luzmoTypeCoordinates12 as te, luzmoTypeCurrency as U, luzmoTypeCurrency14 as ie, luzmoTypeCurrency12 as de, luzmoTypeDuration as B, luzmoTypeDuration14 as me, luzmoTypeDuration12 as ge, luzmoTypeNumeric as F, luzmoTypeNumeric14 as ne, luzmoTypeNumeric12 as ue, luzmoTypeTime as q, luzmoTypeTime14 as ce, luzmoTypeTime12 as be, luzmoTypeDate as V, luzmoTypeDate14 as se, luzmoTypeDate12 as ve, luzmoTypeDatetime as G, luzmoTypeDatetime14 as ze, luzmoTypeDatetime12 as pe, luzmoRouter16 as M, luzmoRouter14 as he, luzmoRouter12 as fe, luzmoTypeHierarchy as L, luzmoTypeHierarchy14 as ye, luzmoTypeHierarchy12 as xe, luzmoIcon as f, luzmoDragLines as ke, luzmoArrows as we, luzmoInfoCircleOutline as Te } from "@luzmo/icons";
+import "../index-DMbzEC_s.js";
+import "../index-Ci0Pe5UA.js";
+import { k as Ce, a as De, x as y, n as m } from "../property-CXJD1jOW.js";
+import { m as Se } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
+import { l as Ie } from "../localize-B6AsX_Zv.js";
+const X = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const l = document.createElement("style");
     l.setAttribute("data-luzmo-vars", ""), l.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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-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(l);
   }
 };
-K();
-const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}", t = {
+X();
+const Ee = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}", t = {
   array: {
     s: le,
     m: ee,
-    l: B,
-    xl: B
+    l: H,
+    xl: H
   },
   coordinates: {
     s: te,
     m: re,
-    l: H,
-    xl: H
+    l: N,
+    xl: N
   },
   currency: {
     s: de,
     m: ie,
-    l: T,
-    xl: T
+    l: U,
+    xl: U
   },
   date: {
     s: ve,
-    m: ce,
-    l: q,
-    xl: q
+    m: se,
+    l: V,
+    xl: V
   },
   datetime: {
-    s: he,
+    s: pe,
     m: ze,
-    l: M,
-    xl: M
+    l: G,
+    xl: G
   },
   duration: {
-    s: ne,
-    m: ge,
-    l: V,
-    xl: V
+    s: ge,
+    m: me,
+    l: B,
+    xl: B
   },
   hierarchy: {
     s: xe,
@@ -77,44 +77,44 @@ const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
   image: {
     s: oe,
     m: ae,
-    l: F,
-    xl: F
+    l: _,
+    xl: _
   },
   numeric: {
-    s: se,
-    m: me,
-    l: A,
-    xl: A
+    s: ue,
+    m: ne,
+    l: F,
+    xl: F
   },
   time: {
     s: be,
-    m: ue,
-    l: N,
-    xl: N
+    m: ce,
+    l: q,
+    xl: q
   },
   topography: {
-    s: p,
-    m: p,
-    l: p,
-    xl: p
+    s: h,
+    m: h,
+    l: h,
+    xl: h
   },
   ipaddress: {
     s: fe,
-    m: pe,
-    l: G,
-    xl: G
+    m: he,
+    l: M,
+    xl: M
   }
-}, Q = (l, e) => (e == null ? void 0 : e.type) === "array" ? t.array[l] : (e == null ? void 0 : e.type) === "image" ? t.image[l] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? t.topography[l] : t.coordinates[l] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? t.currency[l] : (e == null ? void 0 : e.subtype) === "duration" ? t.duration[l] : t.numeric[l] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? t.time[l] : (e == null ? void 0 : e.subtype) === "date" ? t.date[l] : t.datetime[l] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? t.ipaddress[l] : t.hierarchy[l], Ie = (l) => {
-  var b, c, v, z, k, w, S, C, D, E, $, P, I, O, R, _, j;
+}, J = (l, e) => (e == null ? void 0 : e.type) === "array" ? t.array[l] : (e == null ? void 0 : e.type) === "image" ? t.image[l] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? t.topography[l] : t.coordinates[l] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? t.currency[l] : (e == null ? void 0 : e.subtype) === "duration" ? t.duration[l] : t.numeric[l] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? t.time[l] : (e == null ? void 0 : e.subtype) === "date" ? t.date[l] : t.datetime[l] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? t.ipaddress[l] : t.hierarchy[l], $e = (l) => {
+  var b, s, v, z, k, w, T, C, D, S, I, E, $, P, R, O, j;
   const e = l.source.element;
   let a = "";
-  (z = (v = (c = (b = l.source) == null ? void 0 : b.element) == null ? void 0 : c.renderRoot) == null ? void 0 : v.querySelector(".data-label")) != null && z.textContent && (a = (S = (w = (k = l.source) == null ? void 0 : k.element) == null ? void 0 : w.renderRoot) == null ? void 0 : S.querySelector(
+  (z = (v = (s = (b = l.source) == null ? void 0 : b.element) == null ? void 0 : s.renderRoot) == null ? void 0 : v.querySelector(".data-label")) != null && z.textContent && (a = (T = (w = (k = l.source) == null ? void 0 : k.element) == null ? void 0 : w.renderRoot) == null ? void 0 : T.querySelector(
     ".data-label"
-  ).textContent), a || (a = $e(
+  ).textContent), a || (a = Ie(
     (D = (C = l == null ? void 0 : l.source) == null ? void 0 : C.data) == null ? void 0 : D.label,
-    ($ = (E = l == null ? void 0 : l.source) == null ? void 0 : E.element) == null ? void 0 : $.language
+    (I = (S = l == null ? void 0 : l.source) == null ? void 0 : S.element) == null ? void 0 : I.language
   ), a = a || "Untitled");
-  const m = (I = (P = l == null ? void 0 : l.source) == null ? void 0 : P.data) == null ? void 0 : I.type, r = (R = (O = l == null ? void 0 : l.source) == null ? void 0 : O.data) == null ? void 0 : R.subtype, d = Q(e.size, { type: m, subtype: r }), o = {};
+  const n = ($ = (E = l == null ? void 0 : l.source) == null ? void 0 : E.data) == null ? void 0 : $.type, r = (R = (P = l == null ? void 0 : l.source) == null ? void 0 : P.data) == null ? void 0 : R.subtype, d = J(e.size, { type: n, subtype: r }), o = {};
   [
     [
       "borderColor",
@@ -161,16 +161,16 @@ const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
       "--luzmo-draggable-data-item-level-gap",
       "--draggable-data-item-level-gap"
     ]
-  ].forEach(([h, W, X]) => {
-    const Z = U(e, W) || U(e, X);
-    o[h] = Z;
+  ].forEach(([p, K, Q]) => {
+    const W = A(e, K) || A(e, Q);
+    o[p] = W;
   });
-  const u = document.createElement("div"), s = document.createElement("div");
-  if (u.innerHTML = a, !((j = (_ = l == null ? void 0 : l.source) == null ? void 0 : _.element) != null && j.sublevel)) {
-    const h = document.createElement("luzmo-icon");
-    h.icon = d, s.append(h);
+  const c = document.createElement("div"), u = document.createElement("div");
+  if (c.innerHTML = a, !((j = (O = l == null ? void 0 : l.source) == null ? void 0 : O.element) != null && j.sublevel)) {
+    const p = document.createElement("luzmo-icon");
+    p.icon = d, u.append(p);
   }
-  return s.append(u), Object.assign(s.style, {
+  return u.append(c), Object.assign(u.style, {
     display: "flex",
     alignItems: "center",
     height: o.height,
@@ -182,14 +182,14 @@ const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
     color: o.color,
     padding: `0 ${o.horizontalPadding}`,
     gap: o.gap
-  }), s;
+  }), u;
 };
-var Oe = Object.defineProperty, n = (l, e, a, m) => {
+var Pe = Object.defineProperty, g = (l, e, a, n) => {
   for (var r = void 0, d = l.length - 1, o; d >= 0; d--)
     (o = l[d]) && (r = o(e, a, r) || r);
-  return r && Oe(e, a, r), r;
+  return r && Pe(e, a, r), r;
 };
-const x = class x extends Ee(Ce, {
+const x = class x extends Se(Ce, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -225,31 +225,31 @@ const x = class x extends Ee(Ce, {
         return this.label && this.language && !this.sublevel && (a.label = {}, a.label[this.language] = this.label), this.description && this.language && (a.description = {}, a.description[this.language] = this.description), a;
       },
       onGenerateDragPreview: (a) => {
-        const m = a.nativeSetDragImage;
-        J({
+        const n = a.nativeSetDragImage;
+        Z({
           render({ container: r }) {
-            const d = Ie(a);
+            const d = $e(a);
             r.append(d);
           },
-          nativeSetDragImage: m
+          nativeSetDragImage: n
         });
       }
     });
   }
   render() {
-    var m, r, d, o, u, s, b, c, v, z;
-    const e = this.label ?? ((r = (m = this.data) == null ? void 0 : m.label) == null ? void 0 : r[this.language]) ?? ((u = (d = this.data) == null ? void 0 : d.label) == null ? void 0 : u[Object.keys((o = this.data) == null ? void 0 : o.label)[0]]) ?? "Untitled", a = this.description ?? ((b = (s = this.data) == null ? void 0 : s.description) == null ? void 0 : b[this.language]) ?? ((z = (c = this.data) == null ? void 0 : c.description) == null ? void 0 : z[Object.keys((v = this.data) == null ? void 0 : v.description)[0]]);
+    var n, r, d, o, c, u, b, s, v, z;
+    const e = this.label ?? ((r = (n = this.data) == null ? void 0 : n.label) == null ? void 0 : r[this.language]) ?? ((c = (d = this.data) == null ? void 0 : d.label) == null ? void 0 : c[Object.keys((o = this.data) == null ? void 0 : o.label)[0]]) ?? "Untitled", a = this.description ?? ((b = (u = this.data) == null ? void 0 : u.description) == null ? void 0 : b[this.language]) ?? ((z = (s = this.data) == null ? void 0 : s.description) == null ? void 0 : z[Object.keys((v = this.data) == null ? void 0 : v.description)[0]]);
     return y`
       <div class="draggable-data-item-level">
         <div class="drag-handle-icon">
           ${this.sublevel ? f(ke) : f(we)}
         </div>
         ${this.sublevel || this.hideTypeIcon ? "" : y`<div class="data-icon-type">
-              ${f(Q(this.size, this.data))}
+              ${f(J(this.size, this.data))}
             </div>`}
         <div class="data-label">${e}</div>
         ${a ? y`<button class="data-description">
-              ${f(Se)}
+              ${f(Te)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 ${a}
               </luzmo-tooltip>
@@ -258,31 +258,31 @@ const x = class x extends Ee(Ce, {
     `;
   }
 };
-x.styles = De(Pe);
+x.styles = De(Ee);
 let i = x;
-n([
-  g({ type: String, reflect: !0 })
+g([
+  m({ type: String, reflect: !0 })
 ], i.prototype, "variant");
-n([
-  g({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
+g([
+  m({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
 ], i.prototype, "hideTypeIcon");
-n([
-  g({ type: Boolean, reflect: !0 })
+g([
+  m({ type: Boolean, reflect: !0 })
 ], i.prototype, "sublevel");
-n([
-  g({ type: String, reflect: !0 })
+g([
+  m({ type: String, reflect: !0 })
 ], i.prototype, "language");
-n([
-  g({ type: Boolean, reflect: !0 })
+g([
+  m({ type: Boolean, reflect: !0 })
 ], i.prototype, "disabled");
-n([
-  g({ type: String, reflect: !0 })
+g([
+  m({ type: String, reflect: !0 })
 ], i.prototype, "label");
-n([
-  g({ type: String, reflect: !0 })
+g([
+  m({ type: String, reflect: !0 })
 ], i.prototype, "description");
-n([
-  g({ type: Object })
+g([
+  m({ type: Object })
 ], i.prototype, "data");
 customElements.get("luzmo-draggable-data-item-level") || customElements.define(
   "luzmo-draggable-data-item-level",

package/components/droppable-slot/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),y=require("../task-HFsHfTra.cjs"),m=require("../luzmo-icons-BrtBl3E5.cjs");require("../index-CayjvyyX.cjs");const r=require("../property-Su1Q6aME.cjs"),C=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs"),S=require("../localize-DbobqcKs.cjs"),k=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var w=Object.defineProperty,i=(v,t,o,l)=>{for(var e=void 0,s=v.length-1,n;s>=0;s--)(n=v[s])&&(e=n(t,o,e)||e);return e&&w(t,o,e),e};const h=class h extends C.m(r.I,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"./item-slots-configs/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"./item-slots-configs/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"./item-slots-configs/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs"))});if(o[`./item-slots-configs/${t}-slots.config.ts`]){const l=await o[`./item-slots-configs/${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=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=f.dropTargetForElements({element:this,onDrop:o=>{var n,p,d,c;const l={...(n=o.source)==null?void 0:n.data},e={...(l==null?void 0:l.label)??{en:"Untitled"}},s=l==null?void 0:l.type;if(s==="datetime"&&!l.level&&(l.level=l.lowestLevel??(l.subtype==="date"?5:9)),s==="datetime"&&((d=(p=o==null?void 0:o.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(l==null?void 0:l.level)??1,g=Object.keys(e);for(const z of g)e[z]=`${e[z]} ${u[b-1]}`;l.label=e}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],l]:[l],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var e,s,n,p,d,c,u,b,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((e=o.element)==null?void 0:e.tagName))return!1;const l=((n=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:n.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=o==null?void 0:o.data)!=null&&p.type&&!l.includes((d=o==null?void 0:o.data)==null?void 0:d.type)?!1:!((c=o==null?void 0:o.data)!=null&&c.subtype&&((b=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:b.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=o==null?void 0:o.data)==null?void 0:g.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_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))}createFullLabel(){var l,e,s,n,p,d,c;let t="";((l=this._currentSlotContents)==null?void 0:l.length)===1?t=S.localize((s=(e=this._currentSlotContents)==null?void 0:e[0])==null?void 0:s.label,this.language)??"Untitled":((n=this._currentSlotContents)==null?void 0:n.length)>1&&(t=`${this._currentSlotContents.length} items`);let o="";this.label?o=this.label:(p=this.slotConfiguration)!=null&&p.label&&(o=this.slotConfiguration.label),o=o||"Untitled",((d=this._currentSlotContents)==null?void 0:d.length)>0&&(o+=((c=this._currentSlotContents)==null?void 0:c.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=o)}droppableSlotMarkup(){var t,o,l,e;return r.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),y=require("../task-CgK9ztaw.cjs"),m=require("@luzmo/icons");require("../index-DC2Pby0z.cjs");const r=require("../property-ChsOQ1Yj.cjs"),C=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs"),S=require("../localize-DbobqcKs.cjs"),k=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var x=Object.defineProperty,i=(v,t,o,l)=>{for(var e=void 0,s=v.length-1,n;s>=0;s--)(n=v[s])&&(e=n(t,o,e)||e);return e&&x(t,o,e),e};const h=class h extends C.m(r.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"./item-slots-configs/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"./item-slots-configs/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"./item-slots-configs/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs"))});if(o[`./item-slots-configs/${t}-slots.config.ts`]){const l=await o[`./item-slots-configs/${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=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=f.dropTargetForElements({element:this,onDrop:o=>{var n,p,d,c;const l={...(n=o.source)==null?void 0:n.data},e={...(l==null?void 0:l.label)??{en:"Untitled"}},s=l==null?void 0:l.type;if(s==="datetime"&&!l.level&&(l.level=l.lowestLevel??(l.subtype==="date"?5:9)),s==="datetime"&&((d=(p=o==null?void 0:o.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(l==null?void 0:l.level)??1,g=Object.keys(e);for(const z of g)e[z]=`${e[z]} ${u[b-1]}`;l.label=e}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],l]:[l],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var e,s,n,p,d,c,u,b,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((e=o.element)==null?void 0:e.tagName))return!1;const l=((n=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:n.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=o==null?void 0:o.data)!=null&&p.type&&!l.includes((d=o==null?void 0:o.data)==null?void 0:d.type)?!1:!((c=o==null?void 0:o.data)!=null&&c.subtype&&((b=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:b.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=o==null?void 0:o.data)==null?void 0:g.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_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))}createFullLabel(){var l,e,s,n,p,d,c;let t="";((l=this._currentSlotContents)==null?void 0:l.length)===1?t=S.localize((s=(e=this._currentSlotContents)==null?void 0:e[0])==null?void 0:s.label,this.language)??"Untitled":((n=this._currentSlotContents)==null?void 0:n.length)>1&&(t=`${this._currentSlotContents.length} items`);let o="";this.label?o=this.label:(p=this.slotConfiguration)!=null&&p.label&&(o=this.slotConfiguration.label),o=o||"Untitled",((d=this._currentSlotContents)==null?void 0:d.length)>0&&(o+=((c=this._currentSlotContents)==null?void 0:c.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=o)}droppableSlotMarkup(){var t,o,l,e;return r.x`
       <div
         class="droppable-slot"
         ?filled=${((t=this.slotContents)==null?void 0:t.length)>0}
@@ -26,7 +26,7 @@
         <div class="droppable-slot-label"></div>
         ${((o=this.slotContents)==null?void 0:o.length)>0&&!(this.hideConfiguration&&this.hideDelete)?r.x`<div class="controls">
               ${this.hideConfiguration?"":r.x`<div>
-                    ${m.O2(m.M1)}
+                    ${m.luzmoIcon(m.luzmoCog)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -36,7 +36,7 @@
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete?"":r.x`<div @click=${this.emptySlotContents}>
-                    ${m.O2(m.v1)}
+                    ${m.luzmoIcon(m.luzmoTrash)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -66,4 +66,4 @@
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${t}.
         </div>
-      `})}};h.styles=r.r(_);let a=h;i([r.n({type:String,reflect:!0,attribute:"item-type"})],a.prototype,"itemType");i([r.n({type:String,reflect:!0,attribute:"slot-name"})],a.prototype,"slotName");i([r.n({type:Object})],a.prototype,"slotConfiguration");i([r.n({type:Object})],a.prototype,"slotContents");i([r.n({type:String,reflect:!0})],a.prototype,"label");i([r.n({type:String,reflect:!0})],a.prototype,"language");i([r.n({type:String,reflect:!0})],a.prototype,"menu");i([r.n({type:String,reflect:!0})],a.prototype,"placement");i([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],a.prototype,"hideDelete");i([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],a.prototype,"hideConfiguration");i([k.e(".droppable-slot-label")],a.prototype,"_droppableSlotLabelElement");customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",a);exports.LuzmoDroppableSlot=a;
+      `})}};h.styles=r.r$1(_);let a=h;i([r.n({type:String,reflect:!0,attribute:"item-type"})],a.prototype,"itemType");i([r.n({type:String,reflect:!0,attribute:"slot-name"})],a.prototype,"slotName");i([r.n({type:Object})],a.prototype,"slotConfiguration");i([r.n({type:Object})],a.prototype,"slotContents");i([r.n({type:String,reflect:!0})],a.prototype,"label");i([r.n({type:String,reflect:!0})],a.prototype,"language");i([r.n({type:String,reflect:!0})],a.prototype,"menu");i([r.n({type:String,reflect:!0})],a.prototype,"placement");i([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],a.prototype,"hideDelete");i([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],a.prototype,"hideConfiguration");i([k.e(".droppable-slot-label")],a.prototype,"_droppableSlotLabelElement");customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",a);exports.LuzmoDroppableSlot=a;

package/components/droppable-slot/index.js

@@ -18,11 +18,11 @@
  * SOFTWARE.
  * */
 import { d as C } from "../get-css-variable-Bhbr-Kr1.js";
-import { h as x } from "../task-BPD0PyaQ.js";
-import { O as v, M as S, v as w } from "../luzmo-icons-CZEpXpvy.js";
-import "../index-DskAouD-.js";
-import { I as k, r as _, x as u, n as i } from "../property-CD3dwBJC.js";
-import { m as $ } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
+import { h as x } from "../task-DYLITx7R.js";
+import { luzmoIcon as v, luzmoCog as k, luzmoTrash as S } from "@luzmo/icons";
+import "../index-Ci0Pe5UA.js";
+import { k as w, a as _, x as u, n as i } from "../property-CXJD1jOW.js";
+import { m as $ } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
 import { l as D } from "../localize-B6AsX_Zv.js";
 import { e as E } from "../query-Ddbd72Um.js";
 import "../slot-menu/index.js";
@@ -39,7 +39,7 @@ var A = Object.defineProperty, n = (m, l, o, t) => {
     (s = m[a]) && (e = s(l, o, e) || e);
   return e && A(l, o, e), e;
 };
-const h = class h extends $(k, {
+const h = class h extends $(w, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -156,7 +156,7 @@ const h = class h extends $(k, {
         <div class="droppable-slot-label"></div>
         ${((o = this.slotContents) == null ? void 0 : o.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? u`<div class="controls">
               ${this.hideConfiguration ? "" : u`<div>
-                    ${v(S)}
+                    ${v(k)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -166,7 +166,7 @@ const h = class h extends $(k, {
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete ? "" : u`<div @click=${this.emptySlotContents}>
-                    ${v(w)}
+                    ${v(S)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"