@luzmo/analytics-components-kit 1.0.1-alpha.52 → 1.0.1-alpha.54

package/components/display-settings-numeric/index.js

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { m as a, g as w, t as S, s as D } from "../set-locale-GI34z_M7.js";
-import { l as C } from "../localized-decorator-Bl5gcI6n.js";
+import { m as a, g as w, t as S, s as D } from "../set-locale-CW9yA503.js";
+import { l as C } from "../localized-decorator-Di4TdvRQ.js";
 import "../index-D_jFGBMs.js";
 import "../index-BW3AUnEX.js";
 import "../index-CsDgk_sj.js";
@@ -26,15 +26,15 @@ import "../index-BssHAgUU.js";
 import "../index-DsP81c4M.js";
 import "../index-B2ngKWOI.js";
 import "../index-CTVNGPeT.js";
-import { d as _ } from "../decompose-numeric-format-BuZcjH2k.js";
-import { r as N, x as r, E as b, n as z } from "../property-DCzt3DR1.js";
-import { a8 as f, ac as E } from "../luzmo-icons-CVeTZ59u.js";
+import { d as v } from "../decompose-numeric-format-BuZcjH2k.js";
+import { r as N, x as r, E as _, n as h } from "../property-DCzt3DR1.js";
+import { a8 as g, ac as E } from "../luzmo-icons-CVeTZ59u.js";
 import { a as I } from "../index-DUF6bALI.js";
 import "../index-BmshD32H.js";
 import { c as M, a as O } from "../calculate-data-item-icon-Dpvf1aLI.js";
-import { l as y } from "../localize-BX7q0S0M.js";
+import { l as b } from "../localize-BX7q0S0M.js";
 import { r as k } from "../state-nDsQPund.js";
-import { e as g } from "../query-Ddbd72Um.js";
+import { e as d } from "../query-Ddbd72Um.js";
 import { L as W } from "../focusable-BbymtxWI.js";
 import { S as T, E as U } from "../sized-mixin-BGzkX2g1.js";
 const L = () => {
@@ -44,7 +44,7 @@ const L = () => {
   }
 };
 L();
-const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}", P = {
+const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}.dataset-header{max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem;color:var(--luzmo-font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}", P = {
   sum: () => a("Sum", { desc: "Numeric Aggregation option" }),
   cumulativesum: () => a("Cumulative sum", { desc: "Numeric Aggregation option" }),
   average: () => a("Average", { desc: "Numeric Aggregation option" }),
@@ -55,15 +55,15 @@ const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(
   max: () => a("Maximum", { desc: "Numeric Aggregation option" }),
   stddev: () => a("Standard deviation", { desc: "Numeric Aggregation option" }),
   rate: () => a("Rate", { desc: "Numeric Aggregation option" })
-}, x = {
+}, y = {
   general: "123",
   percentage: "%",
   scientific: "SI"
-}, A = {
+}, x = {
   time: () => a("Time", { desc: "Time format option" }),
   short: () => a("Short", { desc: "Short format option" }),
   long: () => a("Long", { desc: "Long format option" })
-}, $ = {
+}, A = {
   Auto: {
     auto: !0,
     label: () => a("Auto", { desc: "Automatic setting of the option" })
@@ -105,12 +105,12 @@ const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(
     { level: 9, label: "milliseconds" }
   ]
 };
-var R = Object.defineProperty, q = Object.getOwnPropertyDescriptor, m = (e, t, o, s) => {
-  for (var i = s > 1 ? void 0 : s ? q(t, o) : t, l = e.length - 1, u; l >= 0; l--)
-    (u = e[l]) && (i = (s ? u(t, o, i) : u(i)) || i);
+var R = Object.defineProperty, q = Object.getOwnPropertyDescriptor, c = (e, t, o, s) => {
+  for (var i = s > 1 ? void 0 : s ? q(t, o) : t, l = e.length - 1, m; l >= 0; l--)
+    (m = e[l]) && (i = (s ? m(t, o, i) : m(i)) || i);
   return s && i && R(t, o, i), i;
 };
-let n = class extends T(W, {
+let u = class extends T(W, {
   validSizes: Object.values(U)
 }) {
   constructor() {
@@ -132,15 +132,15 @@ let n = class extends T(W, {
     return [N(j)];
   }
   _parseSavedNumericFormatSettings() {
-    var e, t, o, s, i, l, u, c, h, p;
-    if (this._displayMode = ((e = this.slotContent) == null ? void 0 : e.subtype) === "duration" ? ((s = (o = (t = this.slotContent) == null ? void 0 : t.duration) == null ? void 0 : o.levels) == null ? void 0 : s.length) === 1 ? "numeric" : "duration" : "numeric", this._durationFormat = ((l = (i = this.slotContent) == null ? void 0 : i.duration) == null ? void 0 : l.format) ?? "short", this._durationLevels = ((c = (u = this.slotContent) == null ? void 0 : u.duration) == null ? void 0 : c.levels) ?? [1], this._displayMode === "duration")
+    var e, t, o, s, i, l, m;
+    if (this._displayMode = ((e = this.slotContent) == null ? void 0 : e.subtype) === "duration" ? "duration" : "numeric", this._durationFormat = ((o = (t = this.slotContent) == null ? void 0 : t.duration) == null ? void 0 : o.format) ?? "short", this._durationLevels = ((i = (s = this.slotContent) == null ? void 0 : s.duration) == null ? void 0 : i.levels) ?? [1], this._displayMode === "duration")
       this._precision = 2, this._commaDecimals = !1, this._thousandSeparator = !1;
     else {
-      this._format = ((h = this.slotContent) == null ? void 0 : h.format) ?? ".0f";
-      const d = _(this._format ?? ".0f");
-      this._isAuto = ((p = d.typeFormat) == null ? void 0 : p.includes("a")) ?? !1, ["%", "a%", "y", "ay"].includes(d.typeFormat) ? this._displayAs = "percentage" : ["s", "as", "w", "aw"].includes(d.typeFormat) ? this._displayAs = "scientific" : this._displayAs = "general", this._precision = d.precision ? Number.parseInt(d.precision.replace(".", ""), 10) : this._displayAs === "scientific" ? 1 : 0, this._commaDecimals = ["z", "az", "y", "ay", "w", "aw"].includes(
-        d.typeFormat
-      ), this._thousandSeparator = d.comma === ",", this._isAuto ? this._numericFormatGroup = "Auto" : this._commaDecimals && this._thousandSeparator ? this._numericFormatGroup = "1.000,00" : !this._commaDecimals && this._thousandSeparator ? this._numericFormatGroup = "1,000.00" : this._commaDecimals && !this._thousandSeparator ? this._numericFormatGroup = "1000,00" : !this._commaDecimals && !this._thousandSeparator && (this._numericFormatGroup = "1000.00");
+      this._format = ((l = this.slotContent) == null ? void 0 : l.format) ?? ".0f";
+      const n = v(this._format ?? ".0f");
+      this._isAuto = ((m = n.typeFormat) == null ? void 0 : m.includes("a")) ?? !1, ["%", "a%", "y", "ay"].includes(n.typeFormat) ? this._displayAs = "percentage" : ["s", "as", "w", "aw"].includes(n.typeFormat) ? this._displayAs = "scientific" : this._displayAs = "general", this._precision = n.precision ? Number.parseInt(n.precision.replace(".", ""), 10) : this._displayAs === "scientific" ? 1 : 0, this._commaDecimals = ["z", "az", "y", "ay", "w", "aw"].includes(
+        n.typeFormat
+      ), this._thousandSeparator = n.comma === ",", this._isAuto ? this._numericFormatGroup = "Auto" : this._commaDecimals && this._thousandSeparator ? this._numericFormatGroup = "1.000,00" : !this._commaDecimals && this._thousandSeparator ? this._numericFormatGroup = "1,000.00" : this._commaDecimals && !this._thousandSeparator ? this._numericFormatGroup = "1000,00" : !this._commaDecimals && !this._thousandSeparator && (this._numericFormatGroup = "1000.00");
     }
   }
   _setNumericDisplayAs() {
@@ -148,7 +148,7 @@ let n = class extends T(W, {
     this._displayAs = ((t = (e = this._displayAsElement) == null ? void 0 : e.selected) == null ? void 0 : t[0]) ?? "general", this._displayAs === "scientific" && (this._precision = Math.max(this._precision ?? 0, 1), this._thousandSeparator = !1), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
   }
   _setNumericSeparators(e) {
-    const t = $[(e == null ? void 0 : e.detail) ?? "Auto"];
+    const t = A[(e == null ? void 0 : e.detail) ?? "Auto"];
     this._thousandSeparator = [",", "."].includes(
       (t == null ? void 0 : t.thousandSeparator) ?? ""
     ), this._commaDecimals = (t == null ? void 0 : t.decimalSeparator) === ",", this._isAuto = t == null ? void 0 : t.auto, this._setNumericFormat(), this._sendEvent();
@@ -167,10 +167,10 @@ let n = class extends T(W, {
     const e = this._aggregationElement.value, t = this._aggregationFunc, o = this.slotContent.format;
     if (e !== (t === "weightedaverage" ? "average" : t)) {
       if (this._aggregationFunc = e === "average" && ((i = this._aggregationWeightColumn) != null && i.column) ? "weightedaverage" : e, t === "rate") {
-        const l = _(o), u = ["%", "y", "a%", "ay"].includes(
+        const l = v(o), m = ["%", "y", "a%", "ay"].includes(
           l.typeFormat
         );
-        this.slotContent.subtype === "currency" && u && this._setNumericDisplayAs();
+        this.slotContent.subtype === "currency" && m && this._setNumericDisplayAs();
       }
       this._sendEvent(), (this._aggregationFunc === "rate" || t === "rate") && this.requestUpdate();
     }
@@ -183,9 +183,9 @@ let n = class extends T(W, {
     else {
       let s, i;
       for (const l of this.measureColumns ?? []) {
-        const u = (o = l.columns) == null ? void 0 : o.find((c) => c.id === e);
-        if (u) {
-          s = u, i = l.datasetId;
+        const m = (o = l.columns) == null ? void 0 : o.find((n) => n.id === e);
+        if (m) {
+          s = m, i = l.datasetId;
           break;
         }
       }
@@ -284,16 +284,16 @@ let n = class extends T(W, {
       <luzmo-field-label for="duration-levels">
         ${a("Duration levels", { desc: "Label for duration levels setting" })}
       </luzmo-field-label>
-      <luzmo-action-button id="trigger" size=${this.size}>
+      <luzmo-action-button id="duration-levels-trigger" size=${this.size}>
         ${this._durationLevels.length}
         ${this._durationLevels.length === 1 ? "level" : "levels"} active
         <span class="duration-angle-down-icon">
-          ${f(E)}
+          ${g(E)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
         id="duration-levels-overlay"
-        trigger="trigger@click"
+        trigger="duration-levels-trigger@click"
         type="auto"
         placement="bottom-start"
         type="page"
@@ -313,8 +313,8 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderDurationFormatSettings() {
-    const e = Object.keys(A).map((t) => t === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : r`<luzmo-action-button value=${t}>
-        ${A[t]()}
+    const e = Object.keys(x).map((t) => t === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : r`<luzmo-action-button value=${t}>
+        ${x[t]()}
       </luzmo-action-button>`);
     return r` <div class="setting">
       <luzmo-field-label for="duration-format">
@@ -334,9 +334,9 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderNumericDisplayAsSettings() {
-    const e = Object.keys(x).map(
+    const e = Object.keys(y).map(
       (t) => r`<luzmo-action-button value=${t}
-          >${x[t]}</luzmo-action-button
+          >${y[t]}</luzmo-action-button
         >`
     );
     return r`<div class="setting">
@@ -359,7 +359,7 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderNumericFormatSettings() {
-    const e = Object.entries($).filter(
+    const e = Object.entries(A).filter(
       ([, { hiddenFor: t }]) => !t || t !== this._displayAs
     ).map(
       ([t, { label: o }]) => r`<luzmo-menu-item value=${t}>${o()}</luzmo-menu-item>`
@@ -410,7 +410,7 @@ let n = class extends T(W, {
         <span class="no-weight-label">No weight</span>
       </luzmo-menu-item>`,
       ...(this.measureColumns ?? []).flatMap((s) => {
-        const i = typeof s.datasetName == "object" ? y(
+        const i = typeof s.datasetName == "object" ? b(
           s.datasetName,
           this.language
         ) : s.datasetName, l = r`<div class="dataset-header">
@@ -418,24 +418,24 @@ let n = class extends T(W, {
           <luzmo-tooltip self-managed placement="right" size=${this.size}>
             ${i}
           </luzmo-tooltip>
-        </div>`, u = (s.columns ?? []).map((c) => {
-          const h = typeof c.name == "object" ? y(c.name, this.language) : c.name, p = f(M(c, "s")), d = c.expression ? O("derived", "s") : void 0, v = !!d, F = v ? r`<span class="secondary-icon"
-                >${f(d)}</span
-              >` : b;
-          return r`<luzmo-menu-item value=${c.id}>
+        </div>`, m = (s.columns ?? []).map((n) => {
+          const p = typeof n.name == "object" ? b(n.name, this.language) : n.name, $ = g(M(n, "s")), f = n.expression ? O("derived", "s") : void 0, z = !!f, F = z ? r`<span class="secondary-icon"
+                >${g(f)}</span
+              >` : _;
+          return r`<luzmo-menu-item value=${n.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${v ? "with-secondary-icon" : ""}
-                >${p}</span
+              <span class=${z ? "with-secondary-icon" : ""}
+                >${$}</span
               >
               ${F}
             </span>
-            <span class="column-label text-truncate">${h}</span>
+            <span class="column-label text-truncate">${p}</span>
             <luzmo-tooltip self-managed placement="right" size=${this.size}>
-              ${h}
+              ${p}
             </luzmo-tooltip>
           </luzmo-menu-item>`;
         });
-        return [l, ...u];
+        return [l, ...m];
       })
     ];
     return r`<div class="settings-row">
@@ -493,51 +493,51 @@ let n = class extends T(W, {
       ${this._displayMode === "duration" ? this._renderDurationLevelsSettings() : this._renderNumericDisplayAsSettings()}
       ${((e = this._durationLevels) == null ? void 0 : e.length) > 1 ? this._renderDurationFormatSettings() : this._renderNumericFormatSettings()}
       </div>
-      ${this._isFormula ? b : this._renderAggregationSettings()}
+      ${this._isFormula ? _ : this._renderAggregationSettings()}
       </div>
     </div>`;
   }
 };
-m([
-  z({ type: String, reflect: !0 })
-], n.prototype, "language", 2);
-m([
-  z({ type: Object, reflect: !0 })
-], n.prototype, "slotContent", 2);
-m([
-  z({ type: Array, reflect: !1 })
-], n.prototype, "measureColumns", 2);
-m([
-  g("#display-as")
-], n.prototype, "_displayAsElement", 2);
-m([
-  g("#precision")
-], n.prototype, "_precisionElement", 2);
-m([
-  g("#aggregation")
-], n.prototype, "_aggregationElement", 2);
-m([
-  g("#weighting-column")
-], n.prototype, "_aggregationWeightElement", 2);
-m([
-  g("#duration-levels")
-], n.prototype, "_durationLevelsElement", 2);
-m([
-  g("#duration-format")
-], n.prototype, "_durationFormatElement", 2);
-m([
-  g("#duration-levels-overlay")
-], n.prototype, "_durationLevelsOverlay", 2);
-m([
+c([
+  h({ type: String, reflect: !0 })
+], u.prototype, "language", 2);
+c([
+  h({ type: Object, reflect: !0 })
+], u.prototype, "slotContent", 2);
+c([
+  h({ type: Array, reflect: !1 })
+], u.prototype, "measureColumns", 2);
+c([
+  d("#display-as")
+], u.prototype, "_displayAsElement", 2);
+c([
+  d("#precision")
+], u.prototype, "_precisionElement", 2);
+c([
+  d("#aggregation")
+], u.prototype, "_aggregationElement", 2);
+c([
+  d("#weighting-column")
+], u.prototype, "_aggregationWeightElement", 2);
+c([
+  d("#duration-levels")
+], u.prototype, "_durationLevelsElement", 2);
+c([
+  d("#duration-format")
+], u.prototype, "_durationFormatElement", 2);
+c([
+  d("#duration-levels-overlay")
+], u.prototype, "_durationLevelsOverlay", 2);
+c([
   k()
-], n.prototype, "_renderDurationLevelMenu", 2);
-n = m([
+], u.prototype, "_renderDurationLevelMenu", 2);
+u = c([
   C()
-], n);
+], u);
 customElements.get("luzmo-display-settings-numeric") || customElements.define(
   "luzmo-display-settings-numeric",
-  n
+  u
 );
 export {
-  n as LuzmoDisplaySettingsNumeric
+  u as LuzmoDisplaySettingsNumeric
 };

package/components/display-settings-period-over-period/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 t=require("../set-locale-DCPlazsZ.cjs"),E=require("../localized-decorator-DIXYZ3RL.cjs"),x=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),i=require("../base-D76d76ww-tT6yr8eb.cjs"),$=require("../checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");const S=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("../property-Cu4Q1hS4.cjs"),D=require("../state-fyl3IYMu.cjs"),g=require("../query-D5qWDopr.cjs"),I=require("../focusable-DAGGGYyz.cjs"),_=require("../sized-mixin-j_7aJM4b.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../set-locale-CSL8WaxL.cjs"),E=require("../localized-decorator-CIHsaT2_.cjs"),x=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),i=require("../base-D76d76ww-tT6yr8eb.cjs"),$=require("../checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");const S=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("../property-Cu4Q1hS4.cjs"),D=require("../state-fyl3IYMu.cjs"),g=require("../query-D5qWDopr.cjs"),I=require("../focusable-DAGGGYyz.cjs"),_=require("../sized-mixin-j_7aJM4b.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/display-settings-period-over-period/index.js

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { m as t, g as I, t as j, s as A } from "../set-locale-GI34z_M7.js";
-import { l as D } from "../localized-decorator-Bl5gcI6n.js";
+import { m as t, g as I, t as j, s as A } from "../set-locale-CW9yA503.js";
+import { l as D } from "../localized-decorator-Di4TdvRQ.js";
 import { D as $, Z as T, g as F } from "../luzmo-icons-DbwDQtuO-QG0fLECn.js";
 import { m as H, a as B, R as p, I as E, z as h } from "../base-D76d76ww-BGkuhs54.js";
 import { k as N } from "../checkbox-mixin-Do7EgtpQ-hne79zc-.js";

package/components/draggable-data-item/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 c=require("../localized-decorator-DIXYZ3RL.cjs"),m=require("../set-locale-DCPlazsZ.cjs"),v=require("../periods.const-7sXlqgEo.cjs"),e=require("../property-Cu4Q1hS4.cjs"),p=require("../focusable-DAGGGYyz.cjs"),h=require("../sized-mixin-j_7aJM4b.cjs");require("../draggable-data-item-level/index.cjs");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)}.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 z=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(n,l,s,i)=>{for(var a=i>1?void 0:i?D(l,s):l,g=n.length-1,o;g>=0;g--)(o=n[g])&&(a=(i?o(l,s,a):o(a))||a);return i&&a&&z(l,s,a),a};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(p.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(l){l.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var s,i,a,g,o;let l;if(((s=this.data)==null?void 0:s.type)==="datetime")return l=((i=this.data)==null?void 0:i.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../localized-decorator-CIHsaT2_.cjs"),m=require("../set-locale-CSL8WaxL.cjs"),v=require("../periods.const-CTd6Hskz.cjs"),e=require("../property-Cu4Q1hS4.cjs"),p=require("../focusable-DAGGGYyz.cjs"),h=require("../sized-mixin-j_7aJM4b.cjs");require("../draggable-data-item-level/index.cjs");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)}.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 z=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(n,l,s,i)=>{for(var a=i>1?void 0:i?D(l,s):l,g=n.length-1,o;g>=0;g--)(o=n[g])&&(a=(i?o(l,s,a):o(a))||a);return i&&a&&z(l,s,a),a};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(p.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(l){l.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var s,i,a,g,o;let l;if(((s=this.data)==null?void 0:s.type)==="datetime")return l=((i=this.data)==null?void 0:i.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
         <div class="draggable-data-item-sublevels">
           ${Array.from({length:l},(b,r)=>{const d=v.DATETIME_LEVELS[r].i18n(),u={...this.data,level:r+1};return e.x`<luzmo-draggable-data-item-level
               sublevel

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

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { l as b } from "../localized-decorator-Bl5gcI6n.js";
-import { g as p, t as h, s as f } from "../set-locale-GI34z_M7.js";
-import { D as v } from "../periods.const-B7FKokcH.js";
+import { l as b } from "../localized-decorator-Di4TdvRQ.js";
+import { g as p, t as h, s as f } from "../set-locale-CW9yA503.js";
+import { D as v } from "../periods.const-D77iT3rK.js";
 import { x as n, r as y, n as a } from "../property-DCzt3DR1.js";
 import { L as x } from "../focusable-BbymtxWI.js";
 import { S as $ } from "../sized-mixin-BGzkX2g1.js";

package/components/draggable-data-item-level/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 w=require("../get-css-variable-DLiZYZEi.cjs"),z=require("../luzmo-icons-DonyjSXg.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CYeQkVeJ.cjs");const r=require("../property-Cu4Q1hS4.cjs"),T=require("../focusable-DAGGGYyz.cjs"),j=require("../sized-mixin-j_7aJM4b.cjs"),I=require("../calculate-data-item-icon-Dn-9Kd0U.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: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));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 .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;position:relative}.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}.data-label{flex-grow:1}.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([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) );--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:var(--luzmo-primary);color:var(--luzmo-primary-inverse-color);border-color:var(--luzmo-primary)}: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}",M=a=>{var b,c,m,u,h,p,y,k,C,D,S,_,E,H,$,q,L;const o=a.source.element;let e="";(u=(m=(c=(b=a.source)==null?void 0:b.element)==null?void 0:c.renderRoot)==null?void 0:m.querySelector(".data-label"))!=null&&u.textContent&&(e=(y=(p=(h=a.source)==null?void 0:h.element)==null?void 0:p.renderRoot)==null?void 0:y.querySelector(".data-label").textContent),e||(e=R.localize((C=(k=a==null?void 0:a.source)==null?void 0:k.data)==null?void 0:C.label,(S=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:S.language),e=e||"Untitled");const n=(E=(_=a==null?void 0:a.source)==null?void 0:_.data)==null?void 0:E.type,t=($=(H=a==null?void 0:a.source)==null?void 0:H.data)==null?void 0:$.subtype,d=I.calculateDataItemIcon({type:n,subtype:t},o.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(([f,P,V])=>{const O=w.getCssVariableValue(o,P)||w.getCssVariableValue(o,V);l[f]=O});const s=document.createElement("div"),g=document.createElement("div");if(s.innerHTML=e,!((L=(q=a==null?void 0:a.source)==null?void 0:q.element)!=null&&L.sublevel)){const f=document.createElement("luzmo-icon");f.icon=d,g.append(f)}return g.append(s),Object.assign(g.style,{display:"flex",alignItems:"center",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 F=Object.defineProperty,v=(a,o,e,n)=>{for(var t=void 0,d=a.length-1,l;d>=0;d--)(l=a[d])&&(t=l(o,e,t)||t);return t&&F(o,e,t),t};const x=class x extends j.SizedMixin(T.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this._isCurrentlyHighlighted=!1,this._handleHighlight=o=>{var g,b,c,m,u,h;const e=o.detail??{},{columnId:n,level:t}=e,d=((g=this.data)==null?void 0:g.columnId)??((b=this.data)==null?void 0:b.column)??((c=this.data)==null?void 0:c.formulaId)??((m=this.data)==null?void 0:m.formula)??((u=this.data)==null?void 0:u.id),l=((h=this.data)==null?void 0:h.level)??0,s=d===n&&l===(t??0);if(this.classList.toggle("highlighted",s),s&&!this._isCurrentlyHighlighted){this._isCurrentlyHighlighted=!0;const p=this.getBoundingClientRect(),y=window.innerHeight||document.documentElement.clientHeight;if(p.top<0||p.bottom>y)try{this.scrollIntoView({block:"center"})}catch{this.scrollIntoView(!0)}}else!s&&this._isCurrentlyHighlighted&&(this._isCurrentlyHighlighted=!1)},this._clearHighlight=()=>{this.classList.remove("highlighted"),this._isCurrentlyHighlighted=!1},this.dataItemLevelDropped=o=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:o}}))},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(o){this._cleanupDraggable=w.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 n=e.nativeSetDragImage;w.setCustomNativeDragPreview({render({container:t}){const d=M(e);t.append(d)},nativeSetDragImage:n})}})}render(){var t,d,l,s,g,b,c,m,u,h;const o=this.label??((d=(t=this.data)==null?void 0:t.label)==null?void 0:d[this.language])??((g=(l=this.data)==null?void 0:l.label)==null?void 0:g[Object.keys((s=this.data)==null?void 0:s.label)[0]])??"Untitled",e=this.description??((c=(b=this.data)==null?void 0:b.description)==null?void 0:c[this.language])??((h=(m=this.data)==null?void 0:m.description)==null?void 0:h[Object.keys((u=this.data)==null?void 0:u.description)[0]]),n=this.secondaryIconType?I.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return r.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../get-css-variable-DLiZYZEi.cjs"),z=require("../luzmo-icons-DonyjSXg.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CYeQkVeJ.cjs");const r=require("../property-Cu4Q1hS4.cjs"),T=require("../focusable-DAGGGYyz.cjs"),j=require("../sized-mixin-j_7aJM4b.cjs"),I=require("../calculate-data-item-icon-Dn-9Kd0U.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: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));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 .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;position:relative}.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}.data-label{flex-grow:1}.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([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) );--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,:host(.highlighted) .data-description{background-color:var(--luzmo-primary);color:var(--luzmo-primary-inverse-color);border-color:var(--luzmo-primary)}: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}",M=a=>{var c,b,m,u,h,p,y,k,C,D,S,_,E,H,$,q,L;const o=a.source.element;let e="";(u=(m=(b=(c=a.source)==null?void 0:c.element)==null?void 0:b.renderRoot)==null?void 0:m.querySelector(".data-label"))!=null&&u.textContent&&(e=(y=(p=(h=a.source)==null?void 0:h.element)==null?void 0:p.renderRoot)==null?void 0:y.querySelector(".data-label").textContent),e||(e=R.localize((C=(k=a==null?void 0:a.source)==null?void 0:k.data)==null?void 0:C.label,(S=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:S.language),e=e||"Untitled");const n=(E=(_=a==null?void 0:a.source)==null?void 0:_.data)==null?void 0:E.type,t=($=(H=a==null?void 0:a.source)==null?void 0:H.data)==null?void 0:$.subtype,d=I.calculateDataItemIcon({type:n,subtype:t},o.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(([f,P,V])=>{const O=w.getCssVariableValue(o,P)||w.getCssVariableValue(o,V);l[f]=O});const s=document.createElement("div"),g=document.createElement("div");if(s.innerHTML=e,!((L=(q=a==null?void 0:a.source)==null?void 0:q.element)!=null&&L.sublevel)){const f=document.createElement("luzmo-icon");f.icon=d,g.append(f)}return g.append(s),Object.assign(g.style,{display:"flex",alignItems:"center",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 F=Object.defineProperty,v=(a,o,e,n)=>{for(var t=void 0,d=a.length-1,l;d>=0;d--)(l=a[d])&&(t=l(o,e,t)||t);return t&&F(o,e,t),t};const x=class x extends j.SizedMixin(T.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this._isCurrentlyHighlighted=!1,this._handleHighlight=o=>{var g,c,b,m,u,h;const e=o.detail??{},{columnId:n,level:t}=e,d=((g=this.data)==null?void 0:g.columnId)??((c=this.data)==null?void 0:c.column)??((b=this.data)==null?void 0:b.formulaId)??((m=this.data)==null?void 0:m.formula)??((u=this.data)==null?void 0:u.id),l=((h=this.data)==null?void 0:h.level)??0,s=d===n&&l===(t??0);if(this.classList.toggle("highlighted",s),s&&!this._isCurrentlyHighlighted){this._isCurrentlyHighlighted=!0;const p=this.getBoundingClientRect(),y=window.innerHeight||document.documentElement.clientHeight;if(p.top<0||p.bottom>y)try{this.scrollIntoView({block:"center"})}catch{this.scrollIntoView(!0)}}else!s&&this._isCurrentlyHighlighted&&(this._isCurrentlyHighlighted=!1)},this._clearHighlight=()=>{this.classList.remove("highlighted"),this._isCurrentlyHighlighted=!1},this.dataItemLevelDropped=o=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:o}}))},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(o){this._cleanupDraggable=w.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 n=e.nativeSetDragImage;w.setCustomNativeDragPreview({render({container:t}){const d=M(e);t.append(d)},nativeSetDragImage:n})}})}render(){var t,d,l,s,g,c,b,m,u,h;const o=this.label??((d=(t=this.data)==null?void 0:t.label)==null?void 0:d[this.language])??((g=(l=this.data)==null?void 0:l.label)==null?void 0:g[Object.keys((s=this.data)==null?void 0:s.label)[0]])??"Untitled",e=this.description??((b=(c=this.data)==null?void 0:c.description)==null?void 0:b[this.language])??((h=(m=this.data)==null?void 0:m.description)==null?void 0:h[Object.keys((u=this.data)==null?void 0:u.description)[0]]),n=this.secondaryIconType?I.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return r.x`
       <div class="draggable-data-item-level">
         <div class="drag-handle-icon">
           ${this.sublevel?z.y3(z.b0):z.y3(z.W)}

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

@@ -33,7 +33,7 @@ const j = () => {
   }
 };
 j();
-const K = ":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));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 .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;position:relative}.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}.data-label{flex-grow:1}.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([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) );--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:var(--luzmo-primary);color:var(--luzmo-primary-inverse-color);border-color:var(--luzmo-primary)}: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}", Q = (e) => {
+const K = ":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));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 .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;position:relative}.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}.data-label{flex-grow:1}.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([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) );--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,:host(.highlighted) .data-description{background-color:var(--luzmo-primary);color:var(--luzmo-primary-inverse-color);border-color:var(--luzmo-primary)}: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}", Q = (e) => {
   var c, u, b, v, h, z, f, w, C, S, I, _, D, E, H, $, L;
   const t = e.source.element;
   let l = "";