impaktapps-design 0.2.993-alpha.252 → 0.2.993-alpha.253

package/dist/impaktapps-design.es.js

@@ -18147,7 +18147,7 @@ function Legend({
   theme,
   style: style2
 }) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const legendGlyphSize = 16;
   const defaultColour = (_b = (_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.primary) == null ? void 0 : _b.main;
   const ordinalColorScale = createOrdinalScale$1({
@@ -18171,7 +18171,7 @@ function Legend({
     },
     children: [/* @__PURE__ */ jsx$1("div", {
       className: "title",
-      children: value.main.legend.legendTitle
+      children: (_d = (_c = value.main) == null ? void 0 : _c.legend) == null ? void 0 : _d.legendTitle
     }), /* @__PURE__ */ jsx$1(Ordinal, {
       scale: ordinalColorScale,
       labelFormat: (label) => `${label}`,
@@ -18185,41 +18185,44 @@ function Legend({
           paddingLeft: smallScreen ? "25px" : void 0,
           ...style2
         },
-        children: labels.map((label, i) => /* @__PURE__ */ jsxs(LegendItem, {
-          margin: "0 5px",
-          ...value.main.legendDirection === "column" && !smallScreen ? {
-            style: {
-              display: "flex",
-              flexDirection: "row"
-            }
-          } : {},
-          children: [/* @__PURE__ */ jsx$1("div", {
-            style: {
-              minWidth: smallScreen ? 20 : void 0
-            },
-            children: /* @__PURE__ */ jsx$1("svg", {
-              width: legendGlyphSize,
-              height: legendGlyphSize,
-              children: /* @__PURE__ */ jsx$1("rect", {
-                fill: label.value,
+        children: labels.map((label, i) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ jsxs(LegendItem, {
+            margin: "0 5px",
+            ...value.main.legendDirection === "column" && !smallScreen ? {
+              style: {
+                display: "flex",
+                flexDirection: "row"
+              }
+            } : {},
+            children: [/* @__PURE__ */ jsx$1("div", {
+              style: {
+                minWidth: smallScreen ? 20 : void 0
+              },
+              children: /* @__PURE__ */ jsx$1("svg", {
                 width: legendGlyphSize,
                 height: legendGlyphSize,
-                rx: legendGlyphSize / 2,
-                ry: legendGlyphSize / 2
+                children: /* @__PURE__ */ jsx$1("rect", {
+                  fill: label.value,
+                  width: legendGlyphSize,
+                  height: legendGlyphSize,
+                  rx: legendGlyphSize / 2,
+                  ry: legendGlyphSize / 2
+                })
               })
-            })
-          }), /* @__PURE__ */ jsx$1(LegendLabel, {
-            align: `${value.main.legend.align || "left"}`,
-            margin: "0 0 0 4px",
-            style: {
-              fontSize: "13px",
-              marginLeft: "5px",
-              color: label.value,
-              marginBottom: smallScreen ? "5px" : void 0
-            },
-            children: label.text
-          })]
-        }, `legend-quantile-${i}`))
+            }), /* @__PURE__ */ jsx$1(LegendLabel, {
+              align: `${((_b2 = (_a2 = value.main) == null ? void 0 : _a2.legend) == null ? void 0 : _b2.align) || "left"}`,
+              margin: "0 0 0 4px",
+              style: {
+                fontSize: "13px",
+                marginLeft: "5px",
+                color: label.value,
+                marginBottom: smallScreen ? "5px" : void 0
+              },
+              children: label.text
+            })]
+          }, `legend-quantile-${i}`);
+        })
       })
     })]
   });