highlightSeries, allowMouseWheelZoom, series.hidden added to types

package.json

@@ -28,7 +28,7 @@
     "@angular/router": "^18.0.4",
     "@angular/ssr": "^18.0.4",
     "@schematics/angular": "^18.0.4",
-    "apexcharts": "^3.49.0",
+    "apexcharts": "^3.53.0",
     "rxjs": "~6.5.5",
     "tslib": "^2.0.0",
     "zone.js": "~0.14.2"
@@ -63,4 +63,4 @@
     "ts-node": "~8.10.1",
     "typescript": "~5.4.5"
   }
-}
+}

projects/ng-apexcharts/package.json

@@ -6,7 +6,7 @@
     "@angular/common": "^18.0.4",
     "@angular/core": "^18.0.4",
     "rxjs": "^6.5.5 || ^7.4.0",
-    "apexcharts": "^3.49.1"
+    "apexcharts": "^3.53.0"
   },
   "keywords": [
     "angular",

projects/ng-apexcharts/src/lib/chart/chart.component.ts

@@ -243,6 +243,12 @@ export class ChartComponent implements OnChanges, OnDestroy {
     );
   }
 
+  public highlightSeries(seriesName: string): any {
+    return this.ngZone.runOutsideAngular(() =>
+      this.chartInstance()?.highlightSeries(seriesName)
+    );
+  }
+
   public toggleSeries(seriesName: string): any {
     return this.ngZone.runOutsideAngular(() =>
       this.chartInstance()?.toggleSeries(seriesName)

projects/ng-apexcharts/src/lib/model/apex-types.ts

@@ -125,13 +125,16 @@ export interface ApexChart {
       png?: {
         filename?: undefined | string;
       };
+      width?: number;
+      scale?: number;
     };
     autoSelected?: "zoom" | "selection" | "pan";
   };
   zoom?: {
     enabled?: boolean;
     type?: "x" | "y" | "xy";
     autoScaleYaxis?: boolean;
+    allowMouseWheelZoom?: boolean;
     zoomedArea?: {
       fill?: {
         color?: string;
@@ -233,6 +236,7 @@ export type ApexAxisChartSeries = {
   color?: string;
   group?: string;
   zIndex?: number;
+  hidden?: boolean;
   data:
     | (number | null)[]
     | {