axidio-styleguide-library1-v2 0.7.50 → 0.7.51

package/fesm2022/axidio-styleguide-library1-v2.mjs

@@ -8611,7 +8611,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
     prepareBarData(d, subgroups) {
         const newList = [];
         subgroups.forEach((key) => {
-            newList.push({ key: key, value: d[key], name: d.name });
+            const value = d[key] !== undefined ? d[key] : 0;
+            newList.push({ key: key, value: value, name: d.name });
         });
         return newList;
     }
@@ -8644,59 +8645,22 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
     //   });
     //   return tempScale(d.key) || 0;
     // }
-    // private calculateDrilldownBarX(d, data, x, self, tempScale) {
-    //     let calculatedScale = tempScale;
-    //     data.forEach((indiv: any) => {
-    //       if (indiv.name === d.name) {
-    //         const keys = Object.keys(indiv).filter((temp, i) => i !== 0);
-    //         calculatedScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
-    //         if (x.bandwidth() > 100) {
-    //           const reducedBarWidth = self.isZoomedOut ? 60 : 100;
-    //           const offset = (x.bandwidth() - reducedBarWidth) / 2;
-    //           calculatedScale.range([offset, x.bandwidth() - offset]);
-    //         }
-    //       }
-    //     });
-    //     // Return position relative to the group (since bars are inside a translated group element)
-    //     return calculatedScale(d.key) || 0;
-    //   }
     calculateDrilldownBarX(d, data, x, self, tempScale) {
-        // ✅ Always use global subgroup list
-        const subgroups = self.chartData.metaData.keyList;
-        const calculatedScale = d3.scaleBand()
-            .domain(subgroups)
-            .range([0, x.bandwidth()]);
-        // ✅ Visual centering only (no logic change)
-        if (x.bandwidth() > 100) {
-            const reducedBarWidth = self.isZoomedOut ? 60 : 100;
-            const offset = (x.bandwidth() - reducedBarWidth) / 2;
-            calculatedScale.range([offset, x.bandwidth() - offset]);
-        }
-        const position = calculatedScale(d.key);
-        return position !== undefined ? position : 0;
+        let calculatedScale = tempScale;
+        data.forEach((indiv) => {
+            if (indiv.name === d.name) {
+                const keys = Object.keys(indiv).filter((temp, i) => i !== 0);
+                calculatedScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
+                if (x.bandwidth() > 100) {
+                    const reducedBarWidth = self.isZoomedOut ? 60 : 100;
+                    const offset = (x.bandwidth() - reducedBarWidth) / 2;
+                    calculatedScale.range([offset, x.bandwidth() - offset]);
+                }
+            }
+        });
+        // Return position relative to the group (since bars are inside a translated group element)
+        return calculatedScale(d.key) || 0;
     }
-    // private calculateDrilldownBarX(d, data, x, self, tempScale) {
-    //   // ✅ FIX: Use the actual subgroups from metaData, not Object.keys
-    //   const subgroups = self.chartData.metaData.keyList;
-    //   // Create scale using the full subgroups list
-    //   const calculatedScale = d3.scaleBand()
-    //     .domain(subgroups)  // ✅ Use consistent domain across all groups
-    //     .range([0, x.bandwidth()]);
-    //   if (x.bandwidth() > 100) {
-    //     const reducedBarWidth = self.isZoomedOut ? 60 : 100;
-    //     const offset = (x.bandwidth() - reducedBarWidth) / 2;
-    //     calculatedScale.range([offset, x.bandwidth() - offset]);
-    //   }
-    //   const position = calculatedScale(d.key);
-    //   // ✅ Debug logging
-    //   if (position === undefined) {
-    //     console.error(`❌ Position undefined for key "${d.key}" in group "${d.name}"`);
-    //     console.error('Available subgroups:', subgroups);
-    //     console.error('Scale domain:', calculatedScale.domain());
-    //     return 0;
-    //   }
-    //   return position;
-    // }
     calculateBarY(d, y, height, self) {
         if (d.value === -1) {
             return y(0);
@@ -8751,6 +8715,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         if (d.value === -1) {
             return height - y(0);
         }
+        if (d.value === undefined || d.value === null) {
+            return 0;
+        }
         if (d.value >= 0) {
             const barHeight = height - y(d.value);
             const minHeight = self.chartConfiguration.defaultBarHeight || 2;