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

package/components/donut-chart-options.config-BQyPgnC9.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * 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 l=[{key:"general",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",default:"donut",enum:["donut","pie"]}},{key:"slices.half",control:{type:"picker",default:"full",enum:["full","half"],parseValue:e=>e?"half":"full",toValue:e=>e==="half"}},{type:"divider"},{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0,calculateValue:({options:e})=>e?.display?.legend!==!1||e?.display?.categoryLabels===!0,toOptions:({options:e,value:t})=>({...e,display:{...e.display,legend:t,categoryLabels:!1}})}},{key:"display.categoryLabels",control:{type:"radio-button-group",enum:["list","labels"],parseValue:e=>e?"labels":"list",toOptions:({options:e,value:t})=>({...e,display:{...e.display,categoryLabels:t==="labels",legend:t!=="labels"}})},visibleIf:({options:e})=>e?.display?.legend!==!1||e?.display?.categoryLabels===!0}]},{key:"slices",type:"group",open:!0,children:[{key:"sort.by",control:{type:"picker",default:"measure",enum:["measure","category"]}},{key:"display.values",control:{type:"picker",default:"none",enum:["none","absolute","percentage"]}},{key:"slices.width",control:{type:"slider",default:.35,min:.05,max:.9,step:.01}},{key:"slices.maxNumber",control:{type:"number-field",default:12,min:0,max:50,step:1}},{key:"slices.minPercentage",control:{type:"number-field",default:3,min:0,max:100,step:1}},{key:"slices.roundedCorners",control:{type:"slider",default:8,min:0,max:24,step:1,extraLabel:({options:e,theme:t})=>{if(typeof t?.itemSpecific?.rounding=="number")return typeof e?.slices?.roundedCorners!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:t})=>!(typeof t?.itemSpecific?.rounding!="number"||typeof e?.slices?.roundedCorners!="number"),extraLabelClickAction:({options:e})=>{const t={...e};return t?.slices?.roundedCorners!==void 0&&delete t.slices.roundedCorners,{value:null,options:t}}}},{key:"slices.padding",control:{type:"slider",default:5,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>{if(typeof t?.itemSpecific?.padding=="number")return typeof e?.slices?.padding!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:t})=>!(typeof t?.itemSpecific?.padding!="number"||typeof e?.slices?.padding!="number"),extraLabelClickAction:({options:e})=>{const t={...e};return t?.slices?.padding!==void 0&&delete t.slices.padding,{value:null,options:t}}}}]}];exports.default=l;

package/components/draggable-data-item/index.cjs

@@ -17,29 +17,29 @@
  * 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 v=require("@lit/localize"),y=require("../periods.const-3jA-ECRf.cjs"),s=require("lit"),r=require("lit/decorators.js"),z=require("../focusable-B3E_hQmm.cjs"),D=require("../sized-mixin-DcvJLFeo.cjs"),m=require("../set-locale-BRRalqne.cjs");require("../draggable-data-item-level/index.cjs");const L=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}:host{display:block}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var f=Object.defineProperty,$=Object.getOwnPropertyDescriptor,e=(n,a,i,o)=>{for(var t=o>1?void 0:o?$(a,i):a,g=n.length-1,d;g>=0;g--)(d=n[g])&&(t=(o?d(a,i,t):d(t))||t);return o&&t&&f(a,i,t),t};exports.LuzmoDraggableDataItem=class extends D.SizedMixin(z.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(a){a.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var g,d,c,p;let a;const i=(g=this.data)==null?void 0:g.type,o=i==="datetime"||i==="array[datetime]",t=i==="hierarchy"||i==="array[hierarchy]";if(o)return a=((d=this.data)==null?void 0:d.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,s.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@lit/localize"),p=require("../periods.const-3jA-ECRf.cjs"),s=require("lit"),r=require("lit/decorators.js"),b=require("../focusable-QLh-LlNt.cjs"),h=require("../sized-mixin-DcvJLFeo.cjs"),u=require("../set-locale-BRRalqne.cjs");require("../draggable-data-item-level/index.cjs");const v=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}:host{display:block}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var y=Object.defineProperty,z=Object.getOwnPropertyDescriptor,a=(d,t,i,o)=>{for(var l=o>1?void 0:o?z(t,i):t,g=d.length-1,e;g>=0;g--)(e=d[g])&&(l=(o?e(t,i,l):e(l))||l);return o&&l&&y(t,i,l),l};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(b.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(t){t.has("language")&&this.language!==u.getLocale()&&([...u.targetLocales].includes(this.language??"en")||this.language==="en")&&u.setLocale(this.language)}renderSublevels(){let t;const i=this.data?.type,o=i==="datetime"||i==="array[datetime]",l=i==="hierarchy"||i==="array[hierarchy]";if(o)return t=this.data?.subtype==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,s.html`
         <div class="draggable-data-item-sublevels">
-          ${Array.from({length:a},(b,l)=>{const u=y.DATETIME_LEVELS[l].i18n(),h={...this.data,level:l+1};return s.html`<luzmo-draggable-data-item-level
+          ${Array.from({length:t},(g,e)=>{const n=p.DATETIME_LEVELS[e].i18n(),m={...this.data,level:e+1};return s.html`<luzmo-draggable-data-item-level
               sublevel
-              .data=${h}
+              .data=${m}
               .language=${this.language}
               .size=${this.size}
               .variant=${this.variant}
               .disabled=${this.disabled}
-              .label=${u}
+              .label=${n}
               ?hide-type-icon=${this.hideTypeIcon}
             ></luzmo-draggable-data-item-level>`})}
         </div>
-      `;if(t&&((p=(c=this.data)==null?void 0:c.hierarchyLevels)==null?void 0:p.length)>2){const b=this.data.hierarchyLevels.filter(l=>(l==null?void 0:l.level)>=1).map(l=>{const u={...this.data,level:l.level,label:l.label};return s.html`<luzmo-draggable-data-item-level
+      `;if(l&&this.data?.hierarchyLevels?.length>2){const g=this.data.hierarchyLevels.filter(e=>e?.level>=1).map(e=>{const n={...this.data,level:e.level,label:e.label};return s.html`<luzmo-draggable-data-item-level
             sublevel
-            .data=${u}
+            .data=${n}
             .language=${this.language}
             .size=${this.size}
             .variant=${this.variant}
             .disabled=${this.disabled}
             ?hide-type-icon=${this.hideTypeIcon}
           ></luzmo-draggable-data-item-level>`});return s.html`
-        <div class="draggable-data-item-sublevels">${b}</div>
+        <div class="draggable-data-item-sublevels">${g}</div>
       `}return s.html``}render(){return s.html`
       <luzmo-draggable-data-item-level
         .data=${this.data}
@@ -53,4 +53,4 @@
         ?hide-type-icon=${this.hideTypeIcon}
       ></luzmo-draggable-data-item-level>
       ${this.hideSublevels?"":this.renderSublevels()}
-    `}};exports.LuzmoDraggableDataItem.styles=s.unsafeCSS(L);e([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);e([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);e([r.property({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);e([r.property({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);e([r.property({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);e([r.property({type:String,reflect:!0,attribute:"secondary-icon-type"})],exports.LuzmoDraggableDataItem.prototype,"secondaryIconType",2);e([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);e([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);e([r.property({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=e([v.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);
+    `}};exports.LuzmoDraggableDataItem.styles=s.unsafeCSS(v);a([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);a([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);a([r.property({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);a([r.property({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);a([r.property({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);a([r.property({type:String,reflect:!0,attribute:"secondary-icon-type"})],exports.LuzmoDraggableDataItem.prototype,"secondaryIconType",2);a([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);a([r.property({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);a([r.property({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=a([c.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);

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

@@ -17,13 +17,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { localized as p } from "@lit/localize";
-import { D as h } from "../periods.const-CjHXYn-w.js";
-import { html as d, unsafeCSS as f } from "lit";
+import { localized as c } from "@lit/localize";
+import { D as g } from "../periods.const-CjHXYn-w.js";
+import { html as m, unsafeCSS as z } from "lit";
 import { property as t } from "lit/decorators.js";
-import { L as v } from "../focusable-DCIFkpiW.js";
-import { S as y } from "../sized-mixin-cJbo3PKR.js";
-import { g as x, t as $, s as w } from "../set-locale-B-Tz2sdI.js";
+import { L as b } from "../focusable-BS2pbY7w.js";
+import { S as p } from "../sized-mixin-cJbo3PKR.js";
+import { g as h, t as f, s as v } from "../set-locale-nv7fWEtl.js";
 import "../draggable-data-item-level/index.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -31,13 +31,13 @@ import "../draggable-data-item-level/index.js";
     e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
   }
 })();
-const S = ":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}:host{display:block}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";
-var L = Object.defineProperty, k = Object.getOwnPropertyDescriptor, r = (i, e, n, s) => {
-  for (var l = s > 1 ? void 0 : s ? k(e, n) : e, u = i.length - 1, m; u >= 0; u--)
-    (m = i[u]) && (l = (s ? m(e, n, l) : m(l)) || l);
-  return s && l && L(e, n, l), l;
+const y = ":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}:host{display:block}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";
+var x = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, a = (i, e, d, u) => {
+  for (var r = u > 1 ? void 0 : u ? $(e, d) : e, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (u ? s(e, d, r) : s(r)) || r);
+  return u && r && x(e, d, r), r;
 };
-let o = class extends y(v, {
+let o = class extends p(b, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -45,41 +45,40 @@ let o = class extends y(v, {
     super(...arguments), this.language = "en", this.data = {};
   }
   willUpdate(i) {
-    i.has("language") && this.language !== x() && ([...$].includes(this.language ?? "en") || this.language === "en") && w(this.language);
+    i.has("language") && this.language !== h() && ([...f].includes(this.language ?? "en") || this.language === "en") && v(this.language);
   }
   renderSublevels() {
-    var l, u, m, g;
     let i;
-    const e = (l = this.data) == null ? void 0 : l.type, n = e === "datetime" || e === "array[datetime]", s = e === "hierarchy" || e === "array[hierarchy]";
-    if (n)
-      return i = ((u = this.data) == null ? void 0 : u.subtype) === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9, d`
+    const e = this.data?.type, d = e === "datetime" || e === "array[datetime]", u = e === "hierarchy" || e === "array[hierarchy]";
+    if (d)
+      return i = this.data?.subtype === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9, m`
         <div class="draggable-data-item-sublevels">
-          ${Array.from({ length: i }, (z, a) => {
-        const c = h[a].i18n(), b = { ...this.data, level: a + 1 };
-        return d`<luzmo-draggable-data-item-level
+          ${Array.from({ length: i }, (r, l) => {
+        const s = g[l].i18n(), n = { ...this.data, level: l + 1 };
+        return m`<luzmo-draggable-data-item-level
               sublevel
-              .data=${b}
+              .data=${n}
               .language=${this.language}
               .size=${this.size}
               .variant=${this.variant}
               .disabled=${this.disabled}
-              .label=${c}
+              .label=${s}
               ?hide-type-icon=${this.hideTypeIcon}
             ></luzmo-draggable-data-item-level>`;
       })}
         </div>
       `;
-    if (s && ((g = (m = this.data) == null ? void 0 : m.hierarchyLevels) == null ? void 0 : g.length) > 2) {
-      const z = this.data.hierarchyLevels.filter((a) => (a == null ? void 0 : a.level) >= 1).map((a) => {
-        const c = {
+    if (u && this.data?.hierarchyLevels?.length > 2) {
+      const r = this.data.hierarchyLevels.filter((l) => l?.level >= 1).map((l) => {
+        const s = {
           ...this.data,
-          level: a.level,
+          level: l.level,
           // TODO: olegpetriienko | 09/25/2025 | Check if 'label' exists at all, and then update @luzmo/dashboard-contents-types
-          label: a.label
+          label: l.label
         };
-        return d`<luzmo-draggable-data-item-level
+        return m`<luzmo-draggable-data-item-level
             sublevel
-            .data=${c}
+            .data=${s}
             .language=${this.language}
             .size=${this.size}
             .variant=${this.variant}
@@ -87,14 +86,14 @@ let o = class extends y(v, {
             ?hide-type-icon=${this.hideTypeIcon}
           ></luzmo-draggable-data-item-level>`;
       });
-      return d`
-        <div class="draggable-data-item-sublevels">${z}</div>
+      return m`
+        <div class="draggable-data-item-sublevels">${r}</div>
       `;
     }
-    return d``;
+    return m``;
   }
   render() {
-    return d`
+    return m`
       <luzmo-draggable-data-item-level
         .data=${this.data}
         .language=${this.language}
@@ -110,36 +109,36 @@ let o = class extends y(v, {
     `;
   }
 };
-o.styles = f(S);
-r([
+o.styles = z(y);
+a([
   t({ type: String, reflect: !0 })
 ], o.prototype, "variant", 2);
-r([
+a([
   t({ type: String, reflect: !0 })
 ], o.prototype, "language", 2);
-r([
+a([
   t({ type: Boolean, reflect: !0 })
 ], o.prototype, "disabled", 2);
-r([
+a([
   t({ type: Boolean, reflect: !0, attribute: "hide-sublevels" })
 ], o.prototype, "hideSublevels", 2);
-r([
+a([
   t({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
 ], o.prototype, "hideTypeIcon", 2);
-r([
+a([
   t({ type: String, reflect: !0, attribute: "secondary-icon-type" })
 ], o.prototype, "secondaryIconType", 2);
-r([
+a([
   t({ type: String, reflect: !0 })
 ], o.prototype, "label", 2);
-r([
+a([
   t({ type: String, reflect: !0 })
 ], o.prototype, "description", 2);
-r([
+a([
   t({ type: Object })
 ], o.prototype, "data", 2);
-o = r([
-  p()
+o = a([
+  c()
 ], o);
 customElements.get("luzmo-draggable-data-item") || customElements.define("luzmo-draggable-data-item", o);
 export {

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

@@ -17,22 +17,22 @@
  * 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 D=require("../get-css-variable-DLiZYZEi.cjs"),u=require("@luzmo/icons");require("@luzmo/lucero/icon");require("@luzmo/lucero/tooltip");const I=require("lit"),s=require("lit/decorators.js"),T=require("../focusable-B3E_hQmm.cjs"),M=require("../sized-mixin-DcvJLFeo.cjs"),_=require("../calculate-data-item-icon-DjW1_RI1.cjs"),R=require("../localize-r7ALOUy_.cjs"),B=":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:grid;grid-template-columns:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--draggable-data-item-level-drag-handle-width)) var(--luzmo-draggable-data-item-level-data-icon-width, var(--draggable-data-item-level-data-icon-width)) 1fr var(--luzmo-draggable-data-item-level-description-width, var(--draggable-data-item-level-description-width, auto));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));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));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level:hover .data-description{color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-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;min-width:0}.draggable-data-item-level .data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}: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));grid-template-columns:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width)) 1fr}: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));color:var(--luzmo-draggable-data-item-level-sublevel-font-color-hover, var(--draggable-data-item-level-sublevel-font-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(.highlighted) .draggable-data-item-level:not(:hover){background-color:var(--luzmo-draggable-data-item-level-background-color-highlighted, var(--draggable-data-item-level-background-color-highlighted));color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-item-level-border-color-highlighted, var(--draggable-data-item-level-border-color-highlighted))}:host(.highlighted) .draggable-data-item-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted))}: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))}:host(.pulse) .draggable-data-item-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color));animation:draggableDataItemPulse 1.5s infinite cubic-bezier(.66,.33,0,1)}:host(.focus) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-focus, var(--draggable-data-item-level-background-color-focus));color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus));border-color:var(--luzmo-draggable-data-item-level-border-color-focus, var(--draggable-data-item-level-border-color-focus))}:host(.focus) .draggable-data-item-level .data-description{color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus))}@keyframes draggableDataItemPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color))}to{box-shadow:0 0 0 .5rem transparent,0 0 0 .5rem transparent}}.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;justify-self: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;position:relative;justify-self:center}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}: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 );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-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) );--luzmo-draggable-data-item-level-description-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-2) );--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(.highlighted){--draggable-data-item-level-background-color-highlighted: var( --luzmo-primary );--draggable-data-item-level-font-color-highlighted: var( --luzmo-primary-inverse-color );--draggable-data-item-level-border-color-highlighted: var( --luzmo-border-color )}:host(.focus){--draggable-data-item-level-background-color-focus: var( --luzmo-background-color-focus, var(--luzmo-secondary) );--draggable-data-item-level-font-color-focus: var( --luzmo-font-color-focus, var(--luzmo-secondary-inverse-color) );--draggable-data-item-level-border-color-focus: var( --luzmo-border-color-focus, var(--luzmo-secondary) )}:host(.pulse){--draggable-data-item-level-pulse-color: var( --luzmo-secondary-outline, rgba(var(--luzmo-secondary-rgb), .4) )}: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}",F=a=>{var h,z,v,m,b,p,f,y,w,k,x,S,H,$,L,P,q;const r=a.source.element;let e="";(m=(v=(z=(h=a.source)==null?void 0:h.element)==null?void 0:z.renderRoot)==null?void 0:v.querySelector(".data-label"))!=null&&m.textContent&&(e=(f=(p=(b=a.source)==null?void 0:b.element)==null?void 0:p.renderRoot)==null?void 0:f.querySelector(".data-label").textContent),e||(e=R.localize((w=(y=a==null?void 0:a.source)==null?void 0:y.data)==null?void 0:w.label,(x=(k=a==null?void 0:a.source)==null?void 0:k.element)==null?void 0:x.language),e=e||"Untitled");const i=(H=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:H.type,t=(L=($=a==null?void 0:a.source)==null?void 0:$.data)==null?void 0:L.subtype,o=_.calculateDataItemIcon({type:i,subtype:t},r.size),l={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([C,O,j])=>{const V=D.getCssVariableValue(r,O)||D.getCssVariableValue(r,j);l[C]=V});const n=document.createElement("div"),g=document.createElement("div");if(n.innerHTML=e,Object.assign(n.style,{maxWidth:"12rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),!((q=(P=a==null?void 0:a.source)==null?void 0:P.element)!=null&&q.sublevel)){const C=document.createElement("luzmo-icon");C.icon=o,g.append(C)}return g.append(n),Object.assign(g.style,{display:"flex",alignItems:"center",maxWidth:"12rem",lineHeight:"1",height:l.height,border:`1px solid ${l.borderColor}`,backgroundColor:l.backgroundColor,borderRadius:l.borderRadius,fontFamily:l.fontFamily,fontSize:l.fontSize,color:l.color,padding:`0 ${l.horizontalPadding}`,gap:l.gap}),g};var U=Object.defineProperty,c=(a,r,e,i)=>{for(var t=void 0,o=a.length-1,l;o>=0;o--)(l=a[o])&&(t=l(r,e,t)||t);return t&&U(r,e,t),t};const E=class E extends M.SizedMixin(T.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this._isCurrentlyHighlighted=!1,this._handleHighlight=r=>{var m,b,p,f,y,w;const e=r.detail??{},{columnId:i,level:t,formulaId:o}=e,l=((m=this.data)==null?void 0:m.columnId)??((b=this.data)==null?void 0:b.column)??((p=this.data)==null?void 0:p.formulaId)??((f=this.data)==null?void 0:f.formula)??((y=this.data)==null?void 0:y.id),n=((w=this.data)==null?void 0:w.level)??0,g=t??0,h=(l===i||l===o)&&n===g,z=(l===i||l===o)&&n===0&&g>0,v=h||z;if(this.classList.toggle("highlighted",v),v&&!this._isCurrentlyHighlighted){this._isCurrentlyHighlighted=!0;const k=this.getBoundingClientRect(),x=window.innerHeight||document.documentElement.clientHeight;if(k.top<0||k.bottom>x)try{this.scrollIntoView({block:"center"})}catch{this.scrollIntoView(!0)}}else!v&&this._isCurrentlyHighlighted&&(this._isCurrentlyHighlighted=!1)},this._clearHighlight=()=>{this.classList.remove("highlighted"),this._isCurrentlyHighlighted=!1},this.dataItemLevelDropped=r=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:r}}))},this.dataItemLevelDragStarted=()=>{this.dispatchEvent(new CustomEvent("data-item-drag-started",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:this.data}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable&&(this._cleanupDraggable(),this._cleanupDraggable=void 0),window.removeEventListener("slot-menu-highlight",this._handleHighlight),window.removeEventListener("slot-menu-inactive",this._clearHighlight)}connectedCallback(){super.connectedCallback(),window.addEventListener("slot-menu-highlight",this._handleHighlight),window.addEventListener("slot-menu-inactive",this._clearHighlight)}firstUpdated(r){this._cleanupDraggable=D.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5",this.dataItemLevelDragStarted()},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const e={...this.data};return this.label&&this.language&&!this.sublevel&&(e.label={},e.label[this.language]=this.label),this.description&&this.language&&(e.description={},e.description[this.language]=this.description),e},onGenerateDragPreview:e=>{const i=e.nativeSetDragImage;D.setCustomNativeDragPreview({render({container:t}){const o=F(e);t.append(o)},nativeSetDragImage:i})}})}render(){var t,o,l,n,g,h,z,v,m,b;const r=this.label??((o=(t=this.data)==null?void 0:t.label)==null?void 0:o[this.language])??((g=(l=this.data)==null?void 0:l.label)==null?void 0:g[Object.keys((n=this.data)==null?void 0:n.label)[0]])??"Untitled",e=this.description??((z=(h=this.data)==null?void 0:h.description)==null?void 0:z[this.language])??((b=(v=this.data)==null?void 0:v.description)==null?void 0:b[Object.keys((m=this.data)==null?void 0:m.description)[0]]),i=this.secondaryIconType?_.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return I.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../get-css-variable-CuDaWSjr.cjs"),s=require("@luzmo/icons");require("@luzmo/lucero/icon");require("@luzmo/lucero/tooltip");const u=require("lit"),g=require("lit/decorators.js"),k=require("../focusable-QLh-LlNt.cjs"),I=require("../sized-mixin-DcvJLFeo.cjs"),f=require("../calculate-data-item-icon-CX4VW9Km.cjs"),x=require("../localize-C4zNlrwK.cjs"),C=":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:grid;grid-template-columns:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--draggable-data-item-level-drag-handle-width)) var(--luzmo-draggable-data-item-level-data-icon-width, var(--draggable-data-item-level-data-icon-width)) 1fr var(--luzmo-draggable-data-item-level-description-width, var(--draggable-data-item-level-description-width, auto));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));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))}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level:hover .data-description{color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-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;min-width:0}.draggable-data-item-level .data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}.draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}: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));grid-template-columns:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width)) 1fr}: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));color:var(--luzmo-draggable-data-item-level-sublevel-font-color-hover, var(--draggable-data-item-level-sublevel-font-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(.highlighted) .draggable-data-item-level:not(:hover){background-color:var(--luzmo-draggable-data-item-level-background-color-highlighted, var(--draggable-data-item-level-background-color-highlighted));color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-item-level-border-color-highlighted, var(--draggable-data-item-level-border-color-highlighted))}:host(.highlighted) .draggable-data-item-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted))}: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))}:host(.pulse) .draggable-data-item-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color));animation:draggableDataItemPulse 1.5s infinite cubic-bezier(.66,.33,0,1)}:host(.focus) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-focus, var(--draggable-data-item-level-background-color-focus));color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus));border-color:var(--luzmo-draggable-data-item-level-border-color-focus, var(--draggable-data-item-level-border-color-focus))}:host(.focus) .draggable-data-item-level .data-description{color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus))}@keyframes draggableDataItemPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color))}to{box-shadow:0 0 0 .5rem transparent,0 0 0 .5rem transparent}}.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;justify-self: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;position:relative;justify-self:center}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}: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 );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-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) );--luzmo-draggable-data-item-level-description-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-2) );--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(.highlighted){--draggable-data-item-level-background-color-highlighted: var( --luzmo-primary );--draggable-data-item-level-font-color-highlighted: var( --luzmo-primary-inverse-color );--draggable-data-item-level-border-color-highlighted: var( --luzmo-border-color )}:host(.focus){--draggable-data-item-level-background-color-focus: var( --luzmo-background-color-focus, var(--luzmo-secondary) );--draggable-data-item-level-font-color-focus: var( --luzmo-font-color-focus, var(--luzmo-secondary-inverse-color) );--draggable-data-item-level-border-color-focus: var( --luzmo-border-color-focus, var(--luzmo-secondary) )}:host(.pulse){--draggable-data-item-level-pulse-color: var( --luzmo-secondary-outline, rgba(var(--luzmo-secondary-rgb), .4) )}: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}",D=o=>{const l=o.source.element;let e="";o.source?.element?.renderRoot?.querySelector(".data-label")?.textContent&&(e=o.source?.element?.renderRoot?.querySelector(".data-label").textContent),e||(e=x.localize(o?.source?.data?.label,o?.source?.element?.language),e=e||"Untitled");const d=o?.source?.data?.type,r=o?.source?.data?.subtype,i=f.calculateDataItemIcon({type:d,subtype:r},l.size),a={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([m,p,b])=>{const h=z.getCssVariableValue(l,p)||z.getCssVariableValue(l,b);a[m]=h});const c=document.createElement("div"),v=document.createElement("div");if(c.innerHTML=e,Object.assign(c.style,{maxWidth:"12rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),!o?.source?.element?.sublevel){const m=document.createElement("luzmo-icon");m.icon=i,v.append(m)}return v.append(c),Object.assign(v.style,{display:"flex",alignItems:"center",maxWidth:"12rem",lineHeight:"1",height:a.height,border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,padding:`0 ${a.horizontalPadding}`,gap:a.gap}),v};var S=Object.defineProperty,n=(o,l,e,d)=>{for(var r=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(r=a(l,e,r)||r);return r&&S(l,e,r),r};const y=class y extends I.SizedMixin(k.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this._isCurrentlyHighlighted=!1,this._handleHighlight=l=>{const e=l.detail??{},{columnId:d,level:r,formulaId:i}=e,a=this.data?.columnId??this.data?.column??this.data?.formulaId??this.data?.formula??this.data?.id,c=this.data?.level??0,v=r??0,m=(a===d||a===i)&&c===v,p=(a===d||a===i)&&c===0&&v>0,b=m||p;if(this.classList.toggle("highlighted",b),b&&!this._isCurrentlyHighlighted){this._isCurrentlyHighlighted=!0;const h=this.getBoundingClientRect(),w=window.innerHeight||document.documentElement.clientHeight;if(h.top<0||h.bottom>w)try{this.scrollIntoView({block:"center"})}catch{this.scrollIntoView(!0)}}else!b&&this._isCurrentlyHighlighted&&(this._isCurrentlyHighlighted=!1)},this._clearHighlight=()=>{this.classList.remove("highlighted"),this._isCurrentlyHighlighted=!1},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))},this.dataItemLevelDragStarted=()=>{this.dispatchEvent(new CustomEvent("data-item-drag-started",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:this.data}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable&&(this._cleanupDraggable(),this._cleanupDraggable=void 0),window.removeEventListener("slot-menu-highlight",this._handleHighlight),window.removeEventListener("slot-menu-inactive",this._clearHighlight)}connectedCallback(){super.connectedCallback(),window.addEventListener("slot-menu-highlight",this._handleHighlight),window.addEventListener("slot-menu-inactive",this._clearHighlight)}firstUpdated(l){this._cleanupDraggable=z.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5",this.dataItemLevelDragStarted()},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const e={...this.data};return this.label&&this.language&&!this.sublevel&&(e.label={},e.label[this.language]=this.label),this.description&&this.language&&(e.description={},e.description[this.language]=this.description),e},onGenerateDragPreview:e=>{const d=e.nativeSetDragImage;z.setCustomNativeDragPreview({render({container:r}){const i=D(e);r.append(i)},nativeSetDragImage:d})}})}render(){const l=this.label??this.data?.label?.[this.language]??this.data?.label?.[Object.keys(this.data?.label)[0]]??"Untitled",e=this.description??this.data?.description?.[this.language]??this.data?.description?.[Object.keys(this.data?.description)[0]],d=this.secondaryIconType?f.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return u.html`
       <div class="draggable-data-item-level" tabindex="0">
         <div class="drag-handle-icon">
-          ${this.sublevel?u.luzmoIcon(u.luzmoDragLines):u.luzmoIcon(u.luzmoArrows)}
+          ${this.sublevel?s.luzmoIcon(s.luzmoDragLines):s.luzmoIcon(s.luzmoArrows)}
         </div>
-        ${this.sublevel||this.hideTypeIcon?"":I.html`<div class="data-icon-type">
+        ${this.sublevel||this.hideTypeIcon?"":u.html`<div class="data-icon-type">
               <div class=${this.secondaryIconType?"with-secondary-icon":""}>
-                ${u.luzmoIcon(_.calculateDataItemIcon(this.data,this.size))}
+                ${s.luzmoIcon(f.calculateDataItemIcon(this.data,this.size))}
               </div>
-              ${i?I.html`<div class="secondary-icon">
-                    ${u.luzmoIcon(i)}
+              ${d?u.html`<div class="secondary-icon">
+                    ${s.luzmoIcon(d)}
                   </div>`:""}
             </div>`}
-        <div class="data-label">${r}</div>
-        ${!this.sublevel&&e?I.html`<button class="data-description">
-              ${u.luzmoIcon(u.luzmoInfoCircleOutline)}
+        <div class="data-label">${l}</div>
+        ${!this.sublevel&&e?u.html`<button class="data-description">
+              ${s.luzmoIcon(s.luzmoInfoCircleOutline)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 ${e}
               </luzmo-tooltip>
@@ -44,7 +44,7 @@
           show-only-if-truncated
           truncated-element-selector=".data-label"
         >
-          ${r}
+          ${l}
         </luzmo-tooltip>
       </div>
-    `}};E.styles=I.unsafeCSS(B);let d=E;c([s.property({type:String,reflect:!0})],d.prototype,"variant");c([s.property({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],d.prototype,"hideTypeIcon");c([s.property({type:Boolean,reflect:!0})],d.prototype,"sublevel");c([s.property({type:String,reflect:!0})],d.prototype,"language");c([s.property({type:Boolean,reflect:!0})],d.prototype,"disabled");c([s.property({type:String,reflect:!0})],d.prototype,"label");c([s.property({type:String,reflect:!0})],d.prototype,"description");c([s.property({type:String,reflect:!0,attribute:"secondary-icon-type"})],d.prototype,"secondaryIconType");c([s.property({type:Object})],d.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",d);exports.LuzmoDraggableDataItemLevel=d;
+    `}};y.styles=u.unsafeCSS(C);let t=y;n([g.property({type:String,reflect:!0})],t.prototype,"variant");n([g.property({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],t.prototype,"hideTypeIcon");n([g.property({type:Boolean,reflect:!0})],t.prototype,"sublevel");n([g.property({type:String,reflect:!0})],t.prototype,"language");n([g.property({type:Boolean,reflect:!0})],t.prototype,"disabled");n([g.property({type:String,reflect:!0})],t.prototype,"label");n([g.property({type:String,reflect:!0})],t.prototype,"description");n([g.property({type:String,reflect:!0,attribute:"secondary-icon-type"})],t.prototype,"secondaryIconType");n([g.property({type:Object})],t.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",t);exports.LuzmoDraggableDataItemLevel=t;