@luzmo/analytics-components-kit 1.0.1-alpha.24 → 1.0.1-alpha.26

package/components/box-plot-options.config-DJz_kt-M.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 t=require("./helpers-DXQwEH1P.cjs"),a=({options:e})=>{var l;return((l=e==null?void 0:e.observations)==null?void 0:l.display)===!0},c=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"horizontal",control:{type:"picker",label:"Display",default:"vertical",enum:["vertical","horizontal"],parseValue:e=>e?"horizontal":"vertical",toValue:e=>e==="horizontal"}},{key:"extentTicks",control:{type:"switch",label:"Extent ticks",default:!0}}]},{key:"box",type:"group",open:!0,children:[{key:"boxWidth",control:{type:"slider",label:"Box width",default:.9,min:.1,max:1,step:.1}},{key:"boxFill",control:{type:"color-picker",label:"Box fill",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>t.getThemeMainColorResetLabel(e,l,"boxFill"),extraLabelHasClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelHasClickAction(e,l,"boxFill"),extraLabelClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelClickAction(e,l,"boxFill")}},{key:"roundedCorners",control:{type:"slider",label:"Rounded corners",default:({theme:e})=>{var l;return((l=e==null?void 0:e.itemSpecific)==null?void 0:l.rounding)??8},min:0,max:24,step:1,extraLabel:({options:e,theme:l})=>{var r;if(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)=="number")return typeof(e==null?void 0:e.roundedCorners)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r;return!(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)!="number"||typeof(e==null?void 0:e.roundedCorners)!="number")},extraLabelClickAction:({options:e})=>{const l={...e};return(l==null?void 0:l.roundedCorners)!==void 0&&delete l.roundedCorners,{value:null,options:l}}}},{key:"boxStrokeWidth",control:{type:"slider",label:"Box stroke width",default:1,min:0,max:5,step:.5}},{key:"boxStrokeColor",control:{type:"color-picker",label:"Box stroke color",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>t.getThemeMainColorResetLabel(e,l,"boxStrokeColor"),extraLabelHasClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelHasClickAction(e,l,"boxStrokeColor"),extraLabelClickAction:({options:e,theme:l})=>t.getThemeMainColorExtraLabelClickAction(e,l,"boxStrokeColor")}},{key:"medianStrokeWidth",control:{type:"slider",label:"Median stroke width",default:2,min:0,max:5,step:.5}},{key:"medianStrokeColor",control:{type:"color-picker",label:"Median stroke color",default:"#000000"}}]},{key:"observations",type:"group",open:!0,children:[{key:"observations.display",control:{type:"switch",label:"Show",default:!1}},{key:"observations.onlyOutliers",control:{type:"switch",label:"Only outliers",default:!1},visibleIf:a},{key:"observations.type",control:{type:"picker",label:"Type",default:"dot",enum:["dot","ticks"]},visibleIf:a},{key:"observations.size",control:{type:"slider",label:"Size",default:3,min:1,max:10,step:1},visibleIf:a},{key:"observations.opacity",control:{type:"slider",label:"Opacity",default:.4,min:.1,max:1,step:.1},visibleIf:a},{key:"observations.jitter",control:{type:"slider",label:"Jitter",default:30,min:1,max:100,step:1},visibleIf:a},{key:"observations.colorType",control:{type:"picker",label:"Color mode",default:"single",enum:["single","range"]},visibleIf:a},{key:"observations.color",control:{type:"color-picker",label:"Color",default:({theme:e})=>{var l;return(l=e==null?void 0:e.colors)==null?void 0:l[1]},extraLabel:({options:e,theme:l})=>{var r,o,i,n;if((r=l==null?void 0:l.colors)!=null&&r[1]&&((o=e.observations)!=null&&o.color)&&((i=e.observations)==null?void 0:i.color)!==((n=l==null?void 0:l.colors)==null?void 0:n[1]))return"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r,o,i;return!!((r=l==null?void 0:l.colors)!=null&&r[1]&&((o=e.observations)==null?void 0:o.color)!==((i=l==null?void 0:l.colors)==null?void 0:i[1]))},extraLabelClickAction:({options:e,theme:l})=>{var o;const r={...e};return r.observations.color=(o=l==null?void 0:l.colors)==null?void 0:o[1],{value:r.observations.color,options:r}}},visibleIf:({options:e})=>{var l;return a({options:e})&&((l=e==null?void 0:e.observations)==null?void 0:l.colorType)==="single"}},{key:"observations.colorsType",control:{type:"picker",label:"Colors type",default:"divergent",enum:["sequential","divergent","manual"]},visibleIf:({options:e})=>{var l;return a({options:e})&&((l=e==null?void 0:e.observations)==null?void 0:l.colorType)==="range"}}]}];exports.default=c;

package/components/{box-plot-options.config-RAhd--7J.js → box-plot-options.config-vlz5qeNq.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as n, a as c, b as s, c as b } from "./helpers-v1bPALRP.js";
+import { g as n, a as s, b as c, c as b } from "./helpers-v1bPALRP.js";
 const t = ({ options: e }) => {
   var l;
   return ((l = e == null ? void 0 : e.observations) == null ? void 0 : l.display) === !0;
@@ -42,8 +42,8 @@ const t = ({ options: e }) => {
           label: "Display",
           default: "vertical",
           enum: ["vertical", "horizontal"],
-          fromOptionValue: (e) => e ? "horizontal" : "vertical",
-          toOptionValue: (e) => e === "horizontal"
+          parseValue: (e) => e ? "horizontal" : "vertical",
+          toValue: (e) => e === "horizontal"
         }
       },
       {
@@ -78,8 +78,8 @@ const t = ({ options: e }) => {
           type: "color-picker",
           label: "Box fill",
           default: ({ theme: e }) => b(e),
-          extraLabel: ({ options: e, theme: l }) => s(e, l, "boxFill"),
-          extraLabelHasClickAction: ({ options: e, theme: l }) => c(
+          extraLabel: ({ options: e, theme: l }) => c(e, l, "boxFill"),
+          extraLabelHasClickAction: ({ options: e, theme: l }) => s(
             e,
             l,
             "boxFill"
@@ -131,8 +131,8 @@ const t = ({ options: e }) => {
           type: "color-picker",
           label: "Box stroke color",
           default: ({ theme: e }) => b(e),
-          extraLabel: ({ options: e, theme: l }) => s(e, l, "boxStrokeColor"),
-          extraLabelHasClickAction: ({ options: e, theme: l }) => c(
+          extraLabel: ({ options: e, theme: l }) => c(e, l, "boxStrokeColor"),
+          extraLabelHasClickAction: ({ options: e, theme: l }) => s(
             e,
             l,
             "boxStrokeColor"

package/components/{choropleth-map-options.config-DHQu69ib.js → choropleth-map-options.config-CeKXtnYB.js}

@@ -108,8 +108,8 @@ const r = [
             "Voyager",
             "3D buildings"
           ],
-          fromOptionValue: (e) => (e == null ? void 0 : e.name) || "Basic",
-          toOptionValue: (e) => l[e] ?? {}
+          parseValue: (e) => (e == null ? void 0 : e.name) || "Basic",
+          toValue: (e) => l[e] ?? {}
         }
       }
     ]

package/components/{choropleth-map-options.config-BfiQod-y.cjs → choropleth-map-options.config-CxUOg3pw.cjs}

@@ -17,4 +17,4 @@
  * 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=require("./index-DhDgy1sp.cjs"),o=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}}]},{key:"map",type:"group",open:!0,children:[{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",tooltip:"Use ctrl + drag",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["No Tiles","Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","3D buildings"],fromOptionValue:e=>(e==null?void 0:e.name)||"Basic",toOptionValue:e=>l.mapVectorTileProviders[e]??{}}}]},{key:"colors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.85,min:.2,max:1,step:.01}},{key:"colorsClass",control:{type:"picker",label:"Colors type",default:"sequential",enum:["sequential","divergent","manual"]}}]},{key:"classification",type:"group",open:!0,children:[{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:"5",enum:["3","4","5","6","7","8","9"]}},{key:"classification",control:{type:"picker",label:"Method",default:"interval",enum:["interval","manual","quantile","continuous"]}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]}},{key:"legend.size",control:{type:"radio-button-group",label:"Size",default:"M",enum:["S","M","L"]}},{key:"legend.position",control:{type:"position-picker",label:"Position",default:"bottomLeft",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)===!0}}];exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-DhDgy1sp.cjs"),o=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}}]},{key:"map",type:"group",open:!0,children:[{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",tooltip:"Use ctrl + drag",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["No Tiles","Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","3D buildings"],parseValue:e=>(e==null?void 0:e.name)||"Basic",toValue:e=>l.mapVectorTileProviders[e]??{}}}]},{key:"colors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.85,min:.2,max:1,step:.01}},{key:"colorsClass",control:{type:"picker",label:"Colors type",default:"sequential",enum:["sequential","divergent","manual"]}}]},{key:"classification",type:"group",open:!0,children:[{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:"5",enum:["3","4","5","6","7","8","9"]}},{key:"classification",control:{type:"picker",label:"Method",default:"interval",enum:["interval","manual","quantile","continuous"]}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]}},{key:"legend.size",control:{type:"radio-button-group",label:"Size",default:"M",enum:["S","M","L"]}},{key:"legend.position",control:{type:"position-picker",label:"Position",default:"bottomLeft",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:({options:e})=>{var t;return((t=e==null?void 0:e.display)==null?void 0:t.legend)===!0}}];exports.default=o;

package/components/{circular-gauge-options.config-B8kWlhsc.cjs → circular-gauge-options.config-Cz2TGR6X.cjs}

@@ -17,4 +17,4 @@
  * 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 r=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!1}},{key:"display.gaugeValue",control:{type:"switch",label:"Value",default:!0}},{key:"mode",control:{type:"picker",label:"Display",default:"normal",enum:["normal","percentage","difference"]}},{key:"display.gaugeLabel",control:{type:"switch",label:"Label",default:!0}},{type:"divider"},{key:"circle.color",control:{type:"color-picker",label:"Arc color",default:({theme:e})=>r.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>r.getThemeMainColorResetLabel(e,l,"circle.color"),extraLabelHasClickAction:({options:e,theme:l})=>r.getThemeMainColorExtraLabelHasClickAction(e,l,"circle.color"),extraLabelClickAction:({options:e,theme:l})=>r.getThemeMainColorExtraLabelClickAction(e,l,"circle.color")}},{key:"circle.width",control:{type:"slider",label:"Arc width",default:10,min:1,max:30,step:1}}]},{key:"layout",type:"group",open:!0,children:[{key:"circle.degrees",control:{type:"picker",label:"Arc size",default:"full circle",enum:["full circle","3/4 circle","2/3 circle","1/2 circle"],fromOptionValue:e=>e===360?"full circle":e===270?"3/4 circle":e===240?"2/3 circle":e===180?"1/2 circle":"full circle",toOptionValue:e=>e==="full circle"?360:e==="3/4 circle"?270:e==="2/3 circle"?240:e==="1/2 circle"?180:360}},{key:"circle.flip",control:{type:"switch",label:"Flip arc",default:!0},visibleIf:({options:e})=>{var l,c;return((l=e==null?void 0:e.circle)==null?void 0:l.degrees)&&((c=e==null?void 0:e.circle)==null?void 0:c.degrees)!==360}},{key:"circle.lineCap",control:{type:"switch",label:"Rounded ends",default:!0,fromOptionValue:e=>e!=="butt",toOptionValue:e=>e?"round":"butt"}}]}];exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!1}},{key:"display.gaugeValue",control:{type:"switch",label:"Value",default:!0}},{key:"mode",control:{type:"picker",label:"Display",default:"normal",enum:["normal","percentage","difference"]}},{key:"display.gaugeLabel",control:{type:"switch",label:"Label",default:!0}},{type:"divider"},{key:"circle.color",control:{type:"color-picker",label:"Arc color",default:({theme:e})=>r.getThemeMainColor(e),extraLabel:({options:e,theme:l})=>r.getThemeMainColorResetLabel(e,l,"circle.color"),extraLabelHasClickAction:({options:e,theme:l})=>r.getThemeMainColorExtraLabelHasClickAction(e,l,"circle.color"),extraLabelClickAction:({options:e,theme:l})=>r.getThemeMainColorExtraLabelClickAction(e,l,"circle.color")}},{key:"circle.width",control:{type:"slider",label:"Arc width",default:10,min:1,max:30,step:1}}]},{key:"layout",type:"group",open:!0,children:[{key:"circle.degrees",control:{type:"picker",label:"Arc size",default:"full circle",enum:["full circle","3/4 circle","2/3 circle","1/2 circle"],parseValue:e=>e===360?"full circle":e===270?"3/4 circle":e===240?"2/3 circle":e===180?"1/2 circle":"full circle",toValue:e=>e==="full circle"?360:e==="3/4 circle"?270:e==="2/3 circle"?240:e==="1/2 circle"?180:360}},{key:"circle.flip",control:{type:"switch",label:"Flip arc",default:!0},visibleIf:({options:e})=>{var l,c;return((l=e==null?void 0:e.circle)==null?void 0:l.degrees)&&((c=e==null?void 0:e.circle)==null?void 0:c.degrees)!==360}},{key:"circle.lineCap",control:{type:"switch",label:"Rounded ends",default:!0,parseValue:e=>e!=="butt",toValue:e=>e?"round":"butt"}}]}];exports.default=t;

package/components/{circular-gauge-options.config-D7FdVupw.js → circular-gauge-options.config-Kd_WK_w-.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { g as c, a as t, b as i, c as a } from "./helpers-v1bPALRP.js";
-const u = [
+const o = [
   {
     key: "general",
     type: "group",
@@ -112,8 +112,8 @@ const u = [
           label: "Arc size",
           default: "full circle",
           enum: ["full circle", "3/4 circle", "2/3 circle", "1/2 circle"],
-          fromOptionValue: (e) => e === 360 ? "full circle" : e === 270 ? "3/4 circle" : e === 240 ? "2/3 circle" : e === 180 ? "1/2 circle" : "full circle",
-          toOptionValue: (e) => e === "full circle" ? 360 : e === "3/4 circle" ? 270 : e === "2/3 circle" ? 240 : e === "1/2 circle" ? 180 : 360
+          parseValue: (e) => e === 360 ? "full circle" : e === 270 ? "3/4 circle" : e === 240 ? "2/3 circle" : e === 180 ? "1/2 circle" : "full circle",
+          toValue: (e) => e === "full circle" ? 360 : e === "3/4 circle" ? 270 : e === "2/3 circle" ? 240 : e === "1/2 circle" ? 180 : 360
         }
       },
       {
@@ -134,13 +134,13 @@ const u = [
           type: "switch",
           label: "Rounded ends",
           default: !0,
-          fromOptionValue: (e) => e !== "butt",
-          toOptionValue: (e) => e ? "round" : "butt"
+          parseValue: (e) => e !== "butt",
+          toValue: (e) => e ? "round" : "butt"
         }
       }
     ]
   }
 ];
 export {
-  u as default
+  o as default
 };

package/components/{date-filter-options.config-KiuizKhg.js → date-filter-options.config-DBRxlTWy.js}

@@ -113,9 +113,9 @@ const l = [
           label: 'First day of the week',
           default: 'monday',
           enum: ['monday', 'sunday'],
-          fromOptionValue: (value: number) =>
+          parseValue: (value: number) =>
             value === 0 ? 'sunday' : 'monday',
-          toOptionValue: (value: string) => (value === 'sunday' ? 0 : 1)
+          toValue: (value: string) => (value === 'sunday' ? 0 : 1)
         }
       } */
     ]

package/components/{donut-chart-options.config-NPwNtLDW.js → donut-chart-options.config-BulUEiaH.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const a = [
+const u = [
   {
     key: "general",
     type: "group",
@@ -37,8 +37,8 @@ const a = [
           type: "picker",
           default: "full",
           enum: ["full", "half"],
-          fromOptionValue: (e) => e ? "half" : "full",
-          toOptionValue: (e) => e === "half"
+          parseValue: (e) => e ? "half" : "full",
+          toValue: (e) => e === "half"
         }
       },
       {
@@ -57,7 +57,19 @@ const a = [
         control: {
           type: "switch",
           label: "Legend",
-          default: !0
+          default: !0,
+          calculateValue: ({ options: e }) => {
+            var l, r;
+            return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((r = e == null ? void 0 : e.display) == null ? void 0 : r.categoryLabels) === !0;
+          },
+          toOptions: ({ options: e, value: l }) => ({
+            ...e,
+            display: {
+              ...e.display,
+              legend: l,
+              categoryLabels: !1
+            }
+          })
         }
       },
       {
@@ -65,12 +77,19 @@ const a = [
         control: {
           type: "radio-button-group",
           enum: ["list", "labels"],
-          fromOptionValue: (e) => e ? "labels" : "list",
-          toOptionValue: (e) => e === "labels"
+          parseValue: (e) => e ? "labels" : "list",
+          toOptions: ({ options: e, value: l }) => ({
+            ...e,
+            display: {
+              ...e.display,
+              categoryLabels: l === "labels",
+              legend: l !== "labels"
+            }
+          })
         },
-        sideEffect: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.categoryLabels) === "labels" && (e.display.legend = !1), e;
+        visibleIf: ({ options: e }) => {
+          var l, r;
+          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((r = e == null ? void 0 : e.display) == null ? void 0 : r.categoryLabels) === !0;
         }
       }
     ]
@@ -135,13 +154,13 @@ const a = [
           max: 24,
           step: 1,
           extraLabel: ({ options: e, theme: l }) => {
-            var r, t;
+            var r, a;
             if (typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.rounding) == "number")
-              return typeof ((t = e == null ? void 0 : e.slices) == null ? void 0 : t.roundedCorners) != "number" ? "auto" : "reset";
+              return typeof ((a = e == null ? void 0 : e.slices) == null ? void 0 : a.roundedCorners) != "number" ? "auto" : "reset";
           },
           extraLabelHasClickAction: ({ options: e, theme: l }) => {
-            var r, t;
-            return !(typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.rounding) != "number" || typeof ((t = e == null ? void 0 : e.slices) == null ? void 0 : t.roundedCorners) != "number");
+            var r, a;
+            return !(typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.rounding) != "number" || typeof ((a = e == null ? void 0 : e.slices) == null ? void 0 : a.roundedCorners) != "number");
           },
           extraLabelClickAction: ({ options: e }) => {
             var r;
@@ -159,13 +178,13 @@ const a = [
           max: 20,
           step: 1,
           extraLabel: ({ options: e, theme: l }) => {
-            var r, t;
+            var r, a;
             if (typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.padding) == "number")
-              return typeof ((t = e == null ? void 0 : e.slices) == null ? void 0 : t.padding) != "number" ? "auto" : "reset";
+              return typeof ((a = e == null ? void 0 : e.slices) == null ? void 0 : a.padding) != "number" ? "auto" : "reset";
           },
           extraLabelHasClickAction: ({ options: e, theme: l }) => {
-            var r, t;
-            return !(typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.padding) != "number" || typeof ((t = e == null ? void 0 : e.slices) == null ? void 0 : t.padding) != "number");
+            var r, a;
+            return !(typeof ((r = l == null ? void 0 : l.itemSpecific) == null ? void 0 : r.padding) != "number" || typeof ((a = e == null ? void 0 : e.slices) == null ? void 0 : a.padding) != "number");
           },
           extraLabelClickAction: ({ options: e }) => {
             var r;
@@ -178,5 +197,5 @@ const a = [
   }
 ];
 export {
-  a as default
+  u as default
 };

package/components/donut-chart-options.config-tNpqBZfR.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 u=[{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})=>{var l,r;return((l=e==null?void 0:e.display)==null?void 0:l.legend)!==!1||((r=e==null?void 0:e.display)==null?void 0:r.categoryLabels)===!0},toOptions:({options:e,value:l})=>({...e,display:{...e.display,legend:l,categoryLabels:!1}})}},{key:"display.categoryLabels",control:{type:"radio-button-group",enum:["list","labels"],parseValue:e=>e?"labels":"list",toOptions:({options:e,value:l})=>({...e,display:{...e.display,categoryLabels:l==="labels",legend:l!=="labels"}})},visibleIf:({options:e})=>{var l,r;return((l=e==null?void 0:e.display)==null?void 0:l.legend)!==!1||((r=e==null?void 0:e.display)==null?void 0:r.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:l})=>{var r,a;if(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)=="number")return typeof((a=e==null?void 0:e.slices)==null?void 0:a.roundedCorners)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r,a;return!(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.rounding)!="number"||typeof((a=e==null?void 0:e.slices)==null?void 0:a.roundedCorners)!="number")},extraLabelClickAction:({options:e})=>{var r;const l={...e};return((r=l==null?void 0:l.slices)==null?void 0:r.roundedCorners)!==void 0&&delete l.slices.roundedCorners,{value:null,options:l}}}},{key:"slices.padding",control:{type:"slider",default:5,min:0,max:20,step:1,extraLabel:({options:e,theme:l})=>{var r,a;if(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.padding)=="number")return typeof((a=e==null?void 0:e.slices)==null?void 0:a.padding)!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:l})=>{var r,a;return!(typeof((r=l==null?void 0:l.itemSpecific)==null?void 0:r.padding)!="number"||typeof((a=e==null?void 0:e.slices)==null?void 0:a.padding)!="number")},extraLabelClickAction:({options:e})=>{var r;const l={...e};return((r=l==null?void 0:l.slices)==null?void 0:r.padding)!==void 0&&delete l.slices.padding,{value:null,options:l}}}}]}];exports.default=u;

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

@@ -17,20 +17,20 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-h9T5DPIm.cjs");require("../index-ByjLd3bT.cjs");const i=require("../property-0L4eB11h.cjs"),F=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),M=require("../localize-r7ALOUy_.cjs"),R=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;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 )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",d={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?d.array[a]:(l==null?void 0:l.type)==="image"?d.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?d.topography[a]:d.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?d.currency[a]:(l==null?void 0:l.subtype)==="duration"?d.duration[a]:d.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?d.time[a]:(l==null?void 0:l.subtype)==="date"?d.date[a]:d.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?d.ipaddress[a]:d.hierarchy[a],U=a=>{var u,c,h,p,x,k,w,S,C,D,O,P,$,q,E,I,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(k=(x=a.source)==null?void 0:x.element)==null?void 0:k.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=M.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=($=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:$.type,o=(E=(q=a==null?void 0:a.source)==null?void 0:q.data)==null?void 0:E.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["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(([z,T,V])=>{const B=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=B});const s=document.createElement("div"),m=document.createElement("div");if(s.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,m.append(z)}return m.append(s),Object.assign(m.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),m};var W=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&W(l,t,o),o};const y=class y extends F.m(i.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=f.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;f.setCustomNativeDragPreview({render({container:o}){const n=U(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,s,m,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(m=this.data)==null?void 0:m.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return i.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-h9T5DPIm.cjs");require("../index-ByjLd3bT.cjs");const d=require("../property-0L4eB11h.cjs"),F=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),M=require("../localize-r7ALOUy_.cjs"),R=":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}.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([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}",i={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?i.array[a]:(l==null?void 0:l.type)==="image"?i.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?i.topography[a]:i.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?i.currency[a]:(l==null?void 0:l.subtype)==="duration"?i.duration[a]:i.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?i.time[a]:(l==null?void 0:l.subtype)==="date"?i.date[a]:i.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?i.ipaddress[a]:i.hierarchy[a],U=a=>{var u,c,h,p,k,x,w,S,C,D,O,P,$,q,E,I,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(x=(k=a.source)==null?void 0:k.element)==null?void 0:x.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=M.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=($=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:$.type,o=(E=(q=a==null?void 0:a.source)==null?void 0:q.data)==null?void 0:E.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["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(([z,T,V])=>{const B=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=B});const s=document.createElement("div"),m=document.createElement("div");if(s.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,m.append(z)}return m.append(s),Object.assign(m.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),m};var W=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&W(l,t,o),o};const y=class y extends F.m(d.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=f.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;f.setCustomNativeDragPreview({render({container:o}){const n=U(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,s,m,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(m=this.data)==null?void 0:m.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return d.x`
       <div class="draggable-data-item-level">
         <div class="drag-handle-icon">
           ${this.sublevel?e.O2(e.b0):e.O2(e.W)}
         </div>
-        ${this.sublevel||this.hideTypeIcon?"":i.x`<div class="data-icon-type">
+        ${this.sublevel||this.hideTypeIcon?"":d.x`<div class="data-icon-type">
               ${e.O2(j(this.size,this.data))}
             </div>`}
         <div class="data-label">${l}</div>
-        ${!this.sublevel&&t?i.x`<button class="data-description">
+        ${!this.sublevel&&t?d.x`<button class="data-description">
               ${e.O2(e.p1)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 ${t}
               </luzmo-tooltip>
             </button>`:""}
       </div>
-    `}};y.styles=i.r$1(R);let g=y;b([i.n({type:String,reflect:!0})],g.prototype,"variant");b([i.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");b([i.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");b([i.n({type:String,reflect:!0})],g.prototype,"language");b([i.n({type:Boolean,reflect:!0})],g.prototype,"disabled");b([i.n({type:String,reflect:!0})],g.prototype,"label");b([i.n({type:String,reflect:!0})],g.prototype,"description");b([i.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;
+    `}};y.styles=d.r$1(R);let g=y;b([d.n({type:String,reflect:!0})],g.prototype,"variant");b([d.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");b([d.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");b([d.n({type:String,reflect:!0})],g.prototype,"language");b([d.n({type:Boolean,reflect:!0})],g.prototype,"disabled");b([d.n({type:String,reflect:!0})],g.prototype,"label");b([d.n({type:String,reflect:!0})],g.prototype,"description");b([d.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;

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

@@ -31,7 +31,7 @@ const K = () => {
   }
 };
 K();
-const $e = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;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 )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}", t = {
+const $e = ":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}.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([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}", t = {
   array: {
     s: le,
     m: ee,