axidio-styleguide-library1-v2 0.1.78 → 0.1.80

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

@@ -8228,21 +8228,27 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             return a;
         };
     }
-    ngOnInit() {
-        this.initializegroupChart();
-    }
     ngOnChanges(changes) {
-        if (changes['chartData'] && !changes['chartData'].firstChange) {
-            d3.select('#' + this.uniqueId).remove();
-            this.initializegroupChart();
+        if (changes['chartData'] && !changes['chartData'].isFirstChange()) {
+            this.updateChartData();
         }
     }
-    onResized(event) {
+    updateChartData() {
+        console.log('Updating chart with new data:', this.chartData);
+        const containerElement = d3.select(this.containerElt.nativeElement);
+        containerElement.selectAll("*").remove();
+        d3.select('#' + this.uniqueId).remove();
         setTimeout(() => {
-            d3.select('#' + this.uniqueId).remove();
             this.initializegroupChart();
         }, 10);
     }
+    onResized(event) {
+        let self = this;
+        setTimeout(function () {
+            d3.select('#' + self.uniqueId).remove();
+            self.initializegroupChart();
+        }.bind(self), 10);
+    }
     isZoomOutSelected(isZoomOut, event) {
         this.isZoomedOut = isZoomOut;
         this.onResized(event);
@@ -8250,6 +8256,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
     handleZoominZoomoutClick({ isZoomOut, event }) {
         this.isZoomOutSelected(isZoomOut, event);
     }
+    ngOnInit() { }
     isLegendVisible() {
         if (this.chartData &&
             this.chartData.metaData.colors &&
@@ -8263,6 +8270,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
     }
     initializegroupChart() {
         var self = this;
+        d3.select('#' + this.uniqueId).remove();
+        const containerElement = d3.select(this.containerElt.nativeElement);
+        containerElement.selectAll("*").remove();
         let data = [];
         let metaData = null;
         let keyList = null;