From 789faff859736244f2a39f80900211ae57e6c42d Mon Sep 17 00:00:00 2001
From: Adrien Crivelli <adrien.crivelli@gmail.com>
Date: Thu, 1 Feb 2024 19:49:01 +0800
Subject: [PATCH] Enforce prettier in CI (#1804)

* Enforce prettier in CI

* Apply prettier

* Automatically apply prettier before committing
---
 .github/ISSUE_TEMPLATE.md                     |   1 -
 .github/dependabot.yml                        |  13 +-
 .github/workflows/ci.yml                      |   1 +
 .github/workflows/release-drafter.yml         |   6 +-
 .husky/pre-commit                             |   1 +
 README.md                                     | 104 ++-
 apps/ng2-charts-demo/e2e/ng2-charts.spec.ts   |  36 +-
 apps/ng2-charts-demo/jest.config.ts           |   6 +-
 apps/ng2-charts-demo/playwright.config.ts     |  28 +-
 .../app/bar-chart/bar-chart.component.spec.ts |   2 +-
 .../src/app/bar-chart/bar-chart.component.ts  |  18 +-
 .../bubble-chart/bubble-chart.component.html  |   3 +-
 .../bubble-chart.component.spec.ts            |   2 +-
 .../bubble-chart/bubble-chart.component.ts    |  14 +-
 .../app/chart-host/chart-host.component.ts    |  37 +-
 .../doughnut-chart.component.spec.ts          |   2 +-
 .../doughnut-chart.component.ts               |  12 +-
 .../dynamic-chart.component.spec.ts           |   2 +-
 .../dynamic-chart/dynamic-chart.component.ts  |  10 +-
 .../financial-chart.component.spec.ts         |   8 +-
 .../financial-chart.component.ts              |  18 +-
 .../line-chart/line-chart.component.spec.ts   |   2 +-
 .../app/line-chart/line-chart.component.ts    |  12 +-
 .../app/pie-chart/pie-chart.component.spec.ts |   2 +-
 .../src/app/pie-chart/pie-chart.component.ts  |  12 +-
 .../polar-area-chart.component.spec.ts        |   2 +-
 .../polar-area-chart.component.ts             |  12 +-
 .../radar-chart/radar-chart.component.spec.ts |   2 +-
 .../app/radar-chart/radar-chart.component.ts  |  12 +-
 .../scatter-chart/scatter-chart.component.ts  |  12 +-
 apps/ng2-charts-demo/src/index.html           |   2 +-
 apps/ng2-charts-demo/src/types.d.ts           |  10 +-
 apps/ng2-charts-demo/tsconfig.json            |  10 +-
 copy-sources.mjs                              |  32 +-
 .../src/ng-add/index.spec.ts                  |   2 +-
 .../src/ng-add/setup-project.spec.ts          |   8 +-
 .../src/utils/package-config.ts               |   8 +-
 .../src/utils/testing.ts                      |   4 +-
 libs/ng2-charts-schematics/tsconfig.json      |  10 +-
 libs/ng2-charts/README.md                     |  92 ++-
 .../src/lib/base-chart.directive.spec.ts      |   2 +-
 .../src/lib/base-chart.directive.ts           |   3 +-
 libs/ng2-charts/src/lib/get-colors.ts         |  37 +-
 libs/ng2-charts/tsconfig.json                 |   6 +-
 libs/ng2-charts/tsconfig.lib.json             |   2 +-
 package-lock.json                             | 633 ++++++++++++++++++
 package.json                                  |  11 +-
 tsconfig.base.json                            |  18 +-
 48 files changed, 966 insertions(+), 316 deletions(-)
 create mode 100644 .husky/pre-commit

diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 30ca95b9..30dc0a46 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -6,4 +6,3 @@ Pure Chart.js starting template: https://jsfiddle.net/Hongbo_Miao/mvct2uwo/3/
 
 If the issue does not show in a pure Chart.js project, and shows in a ng2-charts project, please try to provide a minimal demo of the problem.
 ng2-charts starting template: http://plnkr.co/edit/Ka4NXG3pZ1mXnaN95HX5?p=preview
-
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index 32250fda..2621afbe 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -2,13 +2,12 @@
 
 version: 2
 updates:
-
-  - package-ecosystem: "github-actions"
-    directory: "/"
+  - package-ecosystem: 'github-actions'
+    directory: '/'
     schedule:
       # Check for updates to GitHub Actions every weekday
-      interval: "daily"
-  - package-ecosystem: "npm"
-    directory: "/"
+      interval: 'daily'
+  - package-ecosystem: 'npm'
+    directory: '/'
     schedule:
-      interval: "daily"
+      interval: 'daily'
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d5db13b1..c6a86e85 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -21,6 +21,7 @@ jobs:
           node-version: 18
       - run: npm ci
 
+      - run: npx prettier --check .
       - run: npm run lint
       - run: npm run build:lib
       - run: npm run build:schematics
diff --git a/.github/workflows/release-drafter.yml b/.github/workflows/release-drafter.yml
index 75331d19..52dbdd9c 100644
--- a/.github/workflows/release-drafter.yml
+++ b/.github/workflows/release-drafter.yml
@@ -10,9 +10,9 @@ jobs:
   correct_repository:
     runs-on: ubuntu-latest
     steps:
-    - name: fail on fork
-      if: github.repository_owner != 'valor-software'
-      run: exit 1
+      - name: fail on fork
+        if: github.repository_owner != 'valor-software'
+        run: exit 1
 
   update_release_draft:
     needs: correct_repository
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 00000000..2312dc58
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+npx lint-staged
diff --git a/README.md b/README.md
index 68174dca..5ecfca48 100644
--- a/README.md
+++ b/README.md
@@ -25,79 +25,69 @@ changes to start using the library right away.
 
 1. You can install **_ng2-charts_** using npm:
 
-    ```bash
-    npm install ng2-charts --save
-    ```
+   ```bash
+   npm install ng2-charts --save
+   ```
 
    or yarn:
 
-    ```bash
-    yarn add ng2-charts --save
-    ```
+   ```bash
+   yarn add ng2-charts --save
+   ```
 
 2. You will also need to install and include `Chart.js` library in your application (it is a peer dependency of this
    library, more info can be found in the
    official `chart.js` [documentation](http://www.chartjs.org/docs/#getting-started))
 
-    ```bash
-    npm install chart.js --save
-    ```
+   ```bash
+   npm install chart.js --save
+   ```
 
    or with yarn:
 
-    ```bash
-    yarn add  chart.js --save
-    ```
+   ```bash
+   yarn add  chart.js --save
+   ```
 
 3. Import the directive in your standalone component:
 
-    ```typescript
-    import { BaseChartDirective } from 'ng2-charts';
-    
-    @Component({
-      standalone: true,
-      imports: [BaseChartDirective],
-    })
-    export class MyComponent { }
-    ```
+   ```typescript
+   import { BaseChartDirective } from 'ng2-charts';
+
+   @Component({
+     standalone: true,
+     imports: [BaseChartDirective],
+   })
+   export class MyComponent {}
+   ```
 
 4. Provide a configuration, typically in your `main.ts`:
 
-    ```typescript
-    import {
-      provideCharts,
-      withColorGenerator,
-      withDefaultRegisterables,
-    } from 'ng2-charts';
-    
-    bootstrapApplication(AppComponent, {
-      providers: [
-        provideCharts(withDefaultRegisterables(), withColorGenerator()),
-      ],
-    }).catch((err) => console.error(err));
-    ```
-
-    Alternatively, include a minimal configuration to reduce the bundle size, eg:
-
-    ```typescript
-    provideCharts({registerables: [BarController, Legend, Colors]})
-    ```
-   
-    Or in your AppModule:
-
-    ```typescript
-    import {
-      provideCharts,
-      withColorGenerator,
-      withDefaultRegisterables,
-    } from 'ng2-charts';
-    
-    @NgModule({
-      providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
-      bootstrap: [AppComponent],
-    })
-    export class AppModule {}
-    ```
+   ```typescript
+   import { provideCharts, withColorGenerator, withDefaultRegisterables } from 'ng2-charts';
+
+   bootstrapApplication(AppComponent, {
+     providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
+   }).catch((err) => console.error(err));
+   ```
+
+   Alternatively, include a minimal configuration to reduce the bundle size, eg:
+
+   ```typescript
+   provideCharts({ registerables: [BarController, Legend, Colors] });
+   ```
+
+   Or in your AppModule:
+
+   ```typescript
+   import { provideCharts, withColorGenerator, withDefaultRegisterables } from 'ng2-charts';
+
+   @NgModule({
+     providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
+     bootstrap: [AppComponent],
+   })
+   export class AppModule {}
+   ```
 
 ### Angular version compatibility table
 
@@ -334,4 +324,4 @@ text)
 If you like this library and want to say thanks, consider [buying me a coffee](https://www.buymeacoffee.com/santam)!
 
 [//]: # 'super hidden section about running `npm test:ci` in win11 wsl2'
-[//]: # 'export CHROME_BIN=/mnt/c/Program\\ Files\ (x86)/Google/Chrome/Application/chrome.exe'
+[//]: # 'export CHROME_BIN=/mnt/c/Program\\ Files\\ (x86)/Google/Chrome/Application/chrome.exe'
diff --git a/apps/ng2-charts-demo/e2e/ng2-charts.spec.ts b/apps/ng2-charts-demo/e2e/ng2-charts.spec.ts
index 87e42487..14aacd2a 100644
--- a/apps/ng2-charts-demo/e2e/ng2-charts.spec.ts
+++ b/apps/ng2-charts-demo/e2e/ng2-charts.spec.ts
@@ -1,9 +1,9 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
 test(`navigate to main Demo page and check info`, async ({ page }) => {
-  const topBarSelector = "mat-toolbar";
-  const mainContentSelector = "main";
-  await page.goto("/");
+  const topBarSelector = 'mat-toolbar';
+  const mainContentSelector = 'main';
+  await page.goto('/');
 
   // wait for animations to finish
   await expect(page.locator(topBarSelector)).toBeVisible();
@@ -14,25 +14,27 @@ test(`navigate to main Demo page and check info`, async ({ page }) => {
 });
 
 const componentsArray = [
-  { url: "/#LineChart", selector: "app-line-chart" },
-  { url: "/#BarChart", selector: "app-bar-chart" },
-  { url: "/#DoughnutChart", selector: "app-doughnut-chart" },
-  { url: "/#RadarChart", selector: "app-radar-chart" },
-  { url: "/#PieChart", selector: "app-pie-chart" },
-  { url: "/#PolarAreaChart", selector: "app-polar-area-chart" },
-  { url: "/#BubbleChart", selector: "app-bubble-chart" },
-  { url: "/#ScatterChart", selector: "app-scatter-chart" },
-  { url: "/#DynamicChart", selector: "app-dynamic-chart" }
+  { url: '/#LineChart', selector: 'app-line-chart' },
+  { url: '/#BarChart', selector: 'app-bar-chart' },
+  { url: '/#DoughnutChart', selector: 'app-doughnut-chart' },
+  { url: '/#RadarChart', selector: 'app-radar-chart' },
+  { url: '/#PieChart', selector: 'app-pie-chart' },
+  { url: '/#PolarAreaChart', selector: 'app-polar-area-chart' },
+  { url: '/#BubbleChart', selector: 'app-bubble-chart' },
+  { url: '/#ScatterChart', selector: 'app-scatter-chart' },
+  { url: '/#DynamicChart', selector: 'app-dynamic-chart' },
 ];
 
 componentsArray.forEach((component) => {
   test(`${component.selector}`, async ({ page }) => {
     await page.goto(component.url);
     // wait for animations to finish
-    await expect(page.locator(component.selector)
-      .locator("canvas"))
-      .toBeVisible();
+    await expect(
+      page.locator(component.selector).locator('canvas'),
+    ).toBeVisible();
 
-    return expect(page.locator(component.selector).locator("canvas")).toHaveScreenshot();
+    return expect(
+      page.locator(component.selector).locator('canvas'),
+    ).toHaveScreenshot();
   });
 });
diff --git a/apps/ng2-charts-demo/jest.config.ts b/apps/ng2-charts-demo/jest.config.ts
index 655c188a..cb73103b 100644
--- a/apps/ng2-charts-demo/jest.config.ts
+++ b/apps/ng2-charts-demo/jest.config.ts
@@ -1,6 +1,4 @@
-const esModules = [
-  'lodash-es'
-].join('|');
+const esModules = ['lodash-es'].join('|');
 export default {
   displayName: 'ng2-charts',
   preset: '../../jest.preset.js',
@@ -24,5 +22,5 @@ export default {
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment',
-  ]
+  ],
 };
diff --git a/apps/ng2-charts-demo/playwright.config.ts b/apps/ng2-charts-demo/playwright.config.ts
index dc49a7d7..cae27e80 100644
--- a/apps/ng2-charts-demo/playwright.config.ts
+++ b/apps/ng2-charts-demo/playwright.config.ts
@@ -1,10 +1,10 @@
-import { defineConfig, devices } from "@playwright/test";
-import { nxE2EPreset } from "@nx/playwright/preset";
+import { defineConfig, devices } from '@playwright/test';
+import { nxE2EPreset } from '@nx/playwright/preset';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { workspaceRoot } from "@nx/devkit";
+import { workspaceRoot } from '@nx/devkit';
 
 // For CI, you may want to set BASE_URL to the deployed application.
-const baseURL = process.env["BASE_URL"] || "http://localhost:4200";
+const baseURL = process.env['BASE_URL'] || 'http://localhost:4200';
 
 /**
  * Read environment variables from file.
@@ -16,20 +16,22 @@ const baseURL = process.env["BASE_URL"] || "http://localhost:4200";
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
-  ...nxE2EPreset(__filename, { testDir: "./e2e" }),
-  projects: [{
-    name: "chromium",
-    use: { ...devices["Desktop Chrome"] }
-  }],
+  ...nxE2EPreset(__filename, { testDir: './e2e' }),
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
   webServer: {
-    command: "npm run serve-static",
+    command: 'npm run serve-static',
     url: baseURL,
-    reuseExistingServer: !process.env.CI
+    reuseExistingServer: !process.env.CI,
   },
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     baseURL,
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: "on-first-retry"
-  }
+    trace: 'on-first-retry',
+  },
 });
diff --git a/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.spec.ts
index 1c7f8043..499669b8 100644
--- a/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { BarChartComponent } from './bar-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('BarChartComponent', () => {
   let component: BarChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.ts b/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.ts
index b88b15b1..602796f6 100644
--- a/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/bar-chart/bar-chart.component.ts
@@ -1,15 +1,21 @@
 import { Component, ViewChild } from '@angular/core';
-import { Chart, ChartConfiguration, ChartData, ChartEvent, ChartType } from "chart.js";
+import {
+  Chart,
+  ChartConfiguration,
+  ChartData,
+  ChartEvent,
+  ChartType,
+} from 'chart.js';
 import { BaseChartDirective } from 'ng2-charts';
 import DataLabelsPlugin from 'chartjs-plugin-datalabels';
 import { MatButton } from '@angular/material/button';
 
 @Component({
-    selector: 'app-bar-chart',
-    templateUrl: './bar-chart.component.html',
-    styleUrls: ['./bar-chart.component.scss'],
-    standalone: true,
-    imports: [MatButton, BaseChartDirective],
+  selector: 'app-bar-chart',
+  templateUrl: './bar-chart.component.html',
+  styleUrls: ['./bar-chart.component.scss'],
+  standalone: true,
+  imports: [MatButton, BaseChartDirective],
 })
 export class BarChartComponent {
   @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;
diff --git a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.html b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.html
index 22d4badb..8cb74d4c 100644
--- a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.html
+++ b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.html
@@ -4,7 +4,8 @@
   [data]="bubbleChartData"
   [options]="bubbleChartOptions"
   [legend]="true"
-  [type]="bubbleChartType">
+  [type]="bubbleChartType"
+>
 </canvas>
 
 <button mat-button mat-raised-button color="primary" (click)="randomize()">
diff --git a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.spec.ts
index 3750d52c..1956749b 100644
--- a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { BubbleChartComponent } from './bubble-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('BubbleChartComponent', () => {
   let component: BubbleChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.ts b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.ts
index 768bcf80..faf6fd37 100644
--- a/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/bubble-chart/bubble-chart.component.ts
@@ -1,14 +1,14 @@
 import { Component } from '@angular/core';
 import { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';
 import { MatButton } from '@angular/material/button';
-import {BaseChartDirective} from "ng2-charts";
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
-    selector: 'app-bubble-chart',
-    templateUrl: './bubble-chart.component.html',
-    styleUrls: ['./bubble-chart.component.scss'],
-    standalone: true,
-    imports: [MatButton, BaseChartDirective],
+  selector: 'app-bubble-chart',
+  templateUrl: './bubble-chart.component.html',
+  styleUrls: ['./bubble-chart.component.scss'],
+  standalone: true,
+  imports: [MatButton, BaseChartDirective],
 })
 export class BubbleChartComponent {
   public bubbleChartOptions: ChartConfiguration['options'] = {
@@ -97,7 +97,7 @@ export class BubbleChartComponent {
   public randomize(): void {
     const numberOfPoints = this.rand(5) + 5;
     this.bubbleChartData.datasets[0].data = new Array(numberOfPoints).map(() =>
-      this.randomPoint(30)
+      this.randomPoint(30),
     );
   }
 }
diff --git a/apps/ng2-charts-demo/src/app/chart-host/chart-host.component.ts b/apps/ng2-charts-demo/src/app/chart-host/chart-host.component.ts
index 974e9a96..4d926a50 100644
--- a/apps/ng2-charts-demo/src/app/chart-host/chart-host.component.ts
+++ b/apps/ng2-charts-demo/src/app/chart-host/chart-host.component.ts
@@ -2,7 +2,7 @@ import {
   AfterContentInit,
   Component,
   ContentChild,
-  Input
+  Input,
 } from '@angular/core';
 import { BaseChartDirective } from 'ng2-charts';
 import barTs from '../bar-chart/bar-chart.component.txt';
@@ -29,65 +29,66 @@ import { Highlight } from 'ngx-highlightjs';
 import { MatCard, MatCardContent } from '@angular/material/card';
 import { MatTabGroup, MatTab } from '@angular/material/tabs';
 
-export const chartTypes: { [type: string]: { heading: string, ts: string, html: string } } = {
+export const chartTypes: {
+  [type: string]: { heading: string; ts: string; html: string };
+} = {
   bar: {
     heading: 'Bar Chart',
     ts: barTs,
-    html: barHtml
+    html: barHtml,
   },
   doughnut: {
     heading: 'Doughnut Chart',
     ts: doughnutTs,
-    html: doughnutHtml
+    html: doughnutHtml,
   },
   dynamic: {
     heading: 'Dynamic Chart',
     ts: dynamicTs,
-    html: dynamicHtml
+    html: dynamicHtml,
   },
   line: {
     heading: 'Line Chart',
     ts: lineTs,
-    html: lineHtml
-
+    html: lineHtml,
   },
   pie: {
     heading: 'Pie Chart',
     ts: pieTs,
-    html: pieHtml
+    html: pieHtml,
   },
   polarArea: {
     heading: 'Polar Area Chart',
     ts: polarAreaTs,
-    html: polarAreaHtml
+    html: polarAreaHtml,
   },
   bubble: {
     heading: 'Bubble Chart',
     ts: bubbleTs,
-    html: bubbleHtml
+    html: bubbleHtml,
   },
   radar: {
     heading: 'Radar Chart',
     ts: radarTs,
-    html: radarHtml
+    html: radarHtml,
   },
   scatter: {
     heading: 'Scatter Chart',
     ts: scatterTs,
-    html: scatterHtml
+    html: scatterHtml,
   },
   financial: {
     heading: 'Financial Chart',
     ts: financialTs,
-    html: financialHtml
-  }
+    html: financialHtml,
+  },
 };
 
 @Component({
-    selector: 'app-chart-host',
-    templateUrl: './chart-host.component.html',
-    standalone: true,
-    imports: [MatTabGroup, MatTab, MatCard, MatCardContent, Highlight]
+  selector: 'app-chart-host',
+  templateUrl: './chart-host.component.html',
+  standalone: true,
+  imports: [MatTabGroup, MatTab, MatCard, MatCardContent, Highlight],
 })
 export class ChartHostComponent implements AfterContentInit {
   @Input() chartType: keyof typeof chartTypes = 'bar';
diff --git a/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.spec.ts
index 4c898029..1b6e77be 100644
--- a/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { DoughnutChartComponent } from './doughnut-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('DoughnutChartComponent', () => {
   let component: DoughnutChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.ts b/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.ts
index a30b82d4..c99b3189 100644
--- a/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/doughnut-chart/doughnut-chart.component.ts
@@ -1,13 +1,13 @@
 import { Component } from '@angular/core';
 import { ChartData, ChartEvent, ChartType } from 'chart.js';
-import {BaseChartDirective} from "ng2-charts";
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
-    selector: 'app-doughnut-chart',
-    templateUrl: './doughnut-chart.component.html',
-    styleUrls: ['./doughnut-chart.component.scss'],
-    standalone: true,
-    imports:[ BaseChartDirective]
+  selector: 'app-doughnut-chart',
+  templateUrl: './doughnut-chart.component.html',
+  styleUrls: ['./doughnut-chart.component.scss'],
+  standalone: true,
+  imports: [BaseChartDirective],
 })
 export class DoughnutChartComponent {
   // Doughnut
diff --git a/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.spec.ts
index a21582f8..92351556 100644
--- a/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { DynamicChartComponent } from './dynamic-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('DynamicChartComponent', () => {
   let component: DynamicChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.ts b/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.ts
index 3cf792cf..99593820 100644
--- a/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/dynamic-chart/dynamic-chart.component.ts
@@ -4,11 +4,11 @@ import { BaseChartDirective } from 'ng2-charts';
 import { MatButton } from '@angular/material/button';
 
 @Component({
-    selector: 'app-dynamic-chart',
-    templateUrl: './dynamic-chart.component.html',
-    styleUrls: ['./dynamic-chart.component.scss'],
-    standalone: true,
-    imports: [MatButton, BaseChartDirective],
+  selector: 'app-dynamic-chart',
+  templateUrl: './dynamic-chart.component.html',
+  styleUrls: ['./dynamic-chart.component.scss'],
+  standalone: true,
+  imports: [MatButton, BaseChartDirective],
 })
 export class DynamicChartComponent {
   @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;
diff --git a/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.spec.ts
index 10e7ca92..2b6ece7a 100644
--- a/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { HttpClientModule } from '@angular/common/http';
 import { FinancialChartComponent } from './financial-chart.component';
 import { highlightProvider } from '../../main';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('FinancialChartComponent', () => {
   let component: FinancialChartComponent;
@@ -10,10 +10,8 @@ describe('FinancialChartComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [
-        HttpClientModule,
-      ],
-      providers: [provideCharts(withDefaultRegisterables()),highlightProvider],
+      imports: [HttpClientModule],
+      providers: [provideCharts(withDefaultRegisterables()), highlightProvider],
     }).compileComponents();
   }));
 
diff --git a/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.ts b/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.ts
index b4f6e6f8..5241dd66 100644
--- a/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/financial-chart/financial-chart.component.ts
@@ -14,10 +14,10 @@ import { MatButton } from '@angular/material/button';
 import { MarkdownComponent } from 'ngx-markdown';
 
 @Component({
-    selector: 'app-financial-chart',
-    templateUrl: './financial-chart.component.html',
-    standalone: true,
-    imports: [MarkdownComponent, MatButton, BaseChartDirective],
+  selector: 'app-financial-chart',
+  templateUrl: './financial-chart.component.html',
+  standalone: true,
+  imports: [MarkdownComponent, MatButton, BaseChartDirective],
 })
 export class FinancialChartComponent {
   barCount = 60;
@@ -68,7 +68,7 @@ export class FinancialChartComponent {
       CandlestickController,
       OhlcController,
       CandlestickElement,
-      OhlcElement
+      OhlcElement,
     );
   }
 
@@ -78,17 +78,17 @@ export class FinancialChartComponent {
 
   randomBar(
     date: Date,
-    lastClose: number
+    lastClose: number,
   ): { c: number; x: number; h: number; l: number; o: number } {
     const open = this.randomNumber(lastClose * 0.95, lastClose * 1.05);
     const close = this.randomNumber(open * 0.95, open * 1.05);
     const high = this.randomNumber(
       Math.max(open, close),
-      Math.max(open, close) * 1.1
+      Math.max(open, close) * 1.1,
     );
     const low = this.randomNumber(
       Math.min(open, close) * 0.9,
-      Math.min(open, close)
+      Math.min(open, close),
     );
     return {
       x: +date,
@@ -101,7 +101,7 @@ export class FinancialChartComponent {
 
   getRandomData(
     dateStr: string,
-    count: number
+    count: number,
   ): { c: number; x: number; h: number; l: number; o: number }[] {
     let date = parseISO(dateStr);
     const data = [this.randomBar(date, 30)];
diff --git a/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.spec.ts
index 21d97643..e11c02af 100644
--- a/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { LineChartComponent } from './line-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('LineChartComponent', () => {
   let component: LineChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.ts b/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.ts
index 78c8f6f0..abd925d1 100644
--- a/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/line-chart/line-chart.component.ts
@@ -6,11 +6,11 @@ import { MatButton } from '@angular/material/button';
 import { NgFor } from '@angular/common';
 
 @Component({
-    selector: 'app-line-chart',
-    templateUrl: './line-chart.component.html',
-    styleUrls: ['./line-chart.component.scss'],
-    standalone: true,
-    imports: [NgFor, MatButton, BaseChartDirective],
+  selector: 'app-line-chart',
+  templateUrl: './line-chart.component.html',
+  styleUrls: ['./line-chart.component.scss'],
+  standalone: true,
+  imports: [NgFor, MatButton, BaseChartDirective],
 })
 export class LineChartComponent {
   private newLabel? = 'New label';
@@ -156,7 +156,7 @@ export class LineChartComponent {
       x.data.push(num);
     });
     this.lineChartData?.labels?.push(
-      `Label ${this.lineChartData.labels.length}`
+      `Label ${this.lineChartData.labels.length}`,
     );
 
     this.chart?.update();
diff --git a/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.spec.ts
index fbcb7142..a5ea1028 100644
--- a/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { PieChartComponent } from './pie-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('PieChartComponent', () => {
   let component: PieChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.ts b/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.ts
index 1568aeb3..a1d2e8de 100644
--- a/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/pie-chart/pie-chart.component.ts
@@ -1,15 +1,15 @@
 import { Component, ViewChild } from '@angular/core';
-import { ChartConfiguration, ChartData, ChartEvent, ChartType } from "chart.js";
+import { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';
 import { BaseChartDirective } from 'ng2-charts';
 import { MatButton } from '@angular/material/button';
 import { MatDivider } from '@angular/material/divider';
 
 @Component({
-    selector: 'app-pie-chart',
-    templateUrl: './pie-chart.component.html',
-    styleUrls: ['./pie-chart.component.scss'],
-    standalone: true,
-    imports: [MatDivider, MatButton, BaseChartDirective],
+  selector: 'app-pie-chart',
+  templateUrl: './pie-chart.component.html',
+  styleUrls: ['./pie-chart.component.scss'],
+  standalone: true,
+  imports: [MatDivider, MatButton, BaseChartDirective],
 })
 export class PieChartComponent {
   @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;
diff --git a/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.spec.ts
index 487a7f47..c15fe118 100644
--- a/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { PolarAreaChartComponent } from './polar-area-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('PolarAreaChartComponent', () => {
   let component: PolarAreaChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.ts b/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.ts
index 217fdd3a..7bb3eea9 100644
--- a/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/polar-area-chart/polar-area-chart.component.ts
@@ -1,13 +1,13 @@
 import { Component } from '@angular/core';
 import { ChartData, ChartEvent, ChartType } from 'chart.js';
-import {BaseChartDirective} from "ng2-charts";
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
-    selector: 'app-polar-area-chart',
-    templateUrl: './polar-area-chart.component.html',
-    styleUrls: ['./polar-area-chart.component.scss'],
-    standalone: true,
-    imports:[BaseChartDirective]
+  selector: 'app-polar-area-chart',
+  templateUrl: './polar-area-chart.component.html',
+  styleUrls: ['./polar-area-chart.component.scss'],
+  standalone: true,
+  imports: [BaseChartDirective],
 })
 export class PolarAreaChartComponent {
   // PolarArea
diff --git a/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.spec.ts b/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.spec.ts
index d279ff86..aa91e62b 100644
--- a/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.spec.ts
+++ b/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { RadarChartComponent } from './radar-chart.component';
-import {provideCharts, withDefaultRegisterables} from "ng2-charts";
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
 
 describe('RadarChartComponent', () => {
   let component: RadarChartComponent;
diff --git a/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.ts b/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.ts
index 3afce240..2af2298b 100644
--- a/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/radar-chart/radar-chart.component.ts
@@ -1,13 +1,13 @@
 import { Component } from '@angular/core';
 import { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';
-import {BaseChartDirective} from "ng2-charts";
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
-    selector: 'app-radar-chart',
-    templateUrl: './radar-chart.component.html',
-    styleUrls: ['./radar-chart.component.scss'],
-    standalone: true,
-    imports:[BaseChartDirective]
+  selector: 'app-radar-chart',
+  templateUrl: './radar-chart.component.html',
+  styleUrls: ['./radar-chart.component.scss'],
+  standalone: true,
+  imports: [BaseChartDirective],
 })
 export class RadarChartComponent {
   // Radar
diff --git a/apps/ng2-charts-demo/src/app/scatter-chart/scatter-chart.component.ts b/apps/ng2-charts-demo/src/app/scatter-chart/scatter-chart.component.ts
index d2f0ce50..552c15c2 100644
--- a/apps/ng2-charts-demo/src/app/scatter-chart/scatter-chart.component.ts
+++ b/apps/ng2-charts-demo/src/app/scatter-chart/scatter-chart.component.ts
@@ -1,13 +1,13 @@
 import { Component } from '@angular/core';
 import { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';
-import {BaseChartDirective} from "ng2-charts";
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
-    selector: 'app-scatter-chart',
-    templateUrl: './scatter-chart.component.html',
-    styleUrls: ['./scatter-chart.component.scss'],
-    standalone: true,
-  imports:[BaseChartDirective]
+  selector: 'app-scatter-chart',
+  templateUrl: './scatter-chart.component.html',
+  styleUrls: ['./scatter-chart.component.scss'],
+  standalone: true,
+  imports: [BaseChartDirective],
 })
 export class ScatterChartComponent {
   // scatter
diff --git a/apps/ng2-charts-demo/src/index.html b/apps/ng2-charts-demo/src/index.html
index 43c7262d..d8651b85 100644
--- a/apps/ng2-charts-demo/src/index.html
+++ b/apps/ng2-charts-demo/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/apps/ng2-charts-demo/src/types.d.ts b/apps/ng2-charts-demo/src/types.d.ts
index 3bb16fcd..7ac2d8d3 100644
--- a/apps/ng2-charts-demo/src/types.d.ts
+++ b/apps/ng2-charts-demo/src/types.d.ts
@@ -1,2 +1,8 @@
-declare module "*.txt" {const content: string; export default content; }
-declare module "*.html" {const content: string; export default content; }
+declare module '*.txt' {
+  const content: string;
+  export default content;
+}
+declare module '*.html' {
+  const content: string;
+  export default content;
+}
diff --git a/apps/ng2-charts-demo/tsconfig.json b/apps/ng2-charts-demo/tsconfig.json
index f93da6ca..e7c60c26 100644
--- a/apps/ng2-charts-demo/tsconfig.json
+++ b/apps/ng2-charts-demo/tsconfig.json
@@ -2,13 +2,13 @@
   "extends": "../../tsconfig.base.json",
   "references": [
     {
-      "path": "./tsconfig.app.json"
+      "path": "./tsconfig.app.json",
     },
     {
-      "path": "./tsconfig.spec.json"
+      "path": "./tsconfig.spec.json",
     },
     {
-      "path": "./tsconfig.editor.json"
-    }
-  ]
+      "path": "./tsconfig.editor.json",
+    },
+  ],
 }
diff --git a/copy-sources.mjs b/copy-sources.mjs
index f3f5b0e6..8ea28a55 100644
--- a/copy-sources.mjs
+++ b/copy-sources.mjs
@@ -1,20 +1,24 @@
 import glob from 'glob';
 import fs from 'fs';
 
-glob(`apps/ng2-charts-demo/src/**/*.component.ts`, { ignore: 'man.css' }, (err, files) => {
-  if (err) {
-    // Handle the error
-  }
+glob(
+  `apps/ng2-charts-demo/src/**/*.component.ts`,
+  { ignore: 'man.css' },
+  (err, files) => {
+    if (err) {
+      // Handle the error
+    }
 
-  // Iterate over the list of files
-  files.forEach((srcPath) => {
-    // Construct the full path to the destination file
-    const destPath = srcPath.replace('.ts', '.txt');
+    // Iterate over the list of files
+    files.forEach((srcPath) => {
+      // Construct the full path to the destination file
+      const destPath = srcPath.replace('.ts', '.txt');
 
-    fs.copyFile(srcPath, destPath, (err) => {
-      if (err) {
-        // Handle the error
-      }
+      fs.copyFile(srcPath, destPath, (err) => {
+        if (err) {
+          // Handle the error
+        }
+      });
     });
-  });
-});
+  },
+);
diff --git a/libs/ng2-charts-schematics/src/ng-add/index.spec.ts b/libs/ng2-charts-schematics/src/ng-add/index.spec.ts
index b24015d5..7728ab53 100644
--- a/libs/ng2-charts-schematics/src/ng-add/index.spec.ts
+++ b/libs/ng2-charts-schematics/src/ng-add/index.spec.ts
@@ -10,7 +10,7 @@ describe(`ng add 'ng2-charts'`, () => {
   beforeEach(async () => {
     runner = new SchematicTestRunner(
       'schematics',
-      require.resolve('../collection.json')
+      require.resolve('../collection.json'),
     );
     appTree = await createTestApp(runner);
   });
diff --git a/libs/ng2-charts-schematics/src/ng-add/setup-project.spec.ts b/libs/ng2-charts-schematics/src/ng-add/setup-project.spec.ts
index 65711de7..d45dff1b 100644
--- a/libs/ng2-charts-schematics/src/ng-add/setup-project.spec.ts
+++ b/libs/ng2-charts-schematics/src/ng-add/setup-project.spec.ts
@@ -10,7 +10,7 @@ import { createTestApp } from '../utils/testing';
       log = [];
       runner = new SchematicTestRunner(
         'schematics',
-        require.resolve('../collection.json')
+        require.resolve('../collection.json'),
       );
       runner.logger.subscribe(({ message }) => log.push(message));
     });
@@ -25,10 +25,12 @@ import { createTestApp } from '../utils/testing';
       tree = await runner.runSchematic(
         'ng-add-setup-project',
         projectName ? { project: projectName } : {},
-        tree
+        tree,
       );
       actualAppModulePath = tree.read(appModulePath)?.toString();
-      expect(actualAppModulePath).toContain('provideCharts(withDefaultRegisterables())');
+      expect(actualAppModulePath).toContain(
+        'provideCharts(withDefaultRegisterables())',
+      );
     });
   });
 });
diff --git a/libs/ng2-charts-schematics/src/utils/package-config.ts b/libs/ng2-charts-schematics/src/utils/package-config.ts
index a3720a82..d78583d8 100644
--- a/libs/ng2-charts-schematics/src/utils/package-config.ts
+++ b/libs/ng2-charts-schematics/src/utils/package-config.ts
@@ -4,13 +4,15 @@ import { Tree } from '@angular-devkit/schematics';
  * Sorts the keys of the given object.
  * @returns A new object instance with sorted keys
  */
-function sortObjectByKeys(obj: { [key: string]: object }): { [key: string]: object } {
+function sortObjectByKeys(obj: { [key: string]: object }): {
+  [key: string]: object;
+} {
   return Object.keys(obj)
     .sort()
     .reduce(
       (result: { [key: string]: object }, key) =>
         (result[key] = obj[key]) && result,
-      {}
+      {},
     );
 }
 
@@ -20,7 +22,7 @@ function sortObjectByKeys(obj: { [key: string]: object }): { [key: string]: obje
 export function addPackageToPackageJson(
   tree: Tree,
   pkg: string,
-  version: string
+  version: string,
 ): Tree {
   if (tree.exists('package.json')) {
     const sourceText = tree.read('package.json')!.toString('utf-8');
diff --git a/libs/ng2-charts-schematics/src/utils/testing.ts b/libs/ng2-charts-schematics/src/utils/testing.ts
index 8e3dc4e0..adee9f8e 100644
--- a/libs/ng2-charts-schematics/src/utils/testing.ts
+++ b/libs/ng2-charts-schematics/src/utils/testing.ts
@@ -22,13 +22,13 @@ export async function createTestApp(
     '@schematics/angular',
     'application',
     { name: 'app', standalone: true },
-    tree
+    tree,
   );
 
   return runner.runExternalSchematic(
     '@schematics/angular',
     'application',
     { name: 'second-app', standalone: true },
-    tree
+    tree,
   );
 }
diff --git a/libs/ng2-charts-schematics/tsconfig.json b/libs/ng2-charts-schematics/tsconfig.json
index 751b70aa..de5f9a9f 100644
--- a/libs/ng2-charts-schematics/tsconfig.json
+++ b/libs/ng2-charts-schematics/tsconfig.json
@@ -1,14 +1,14 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "module": "commonjs"
+    "module": "commonjs",
   },
   "references": [
     {
-      "path": "./tsconfig.lib.json"
+      "path": "./tsconfig.lib.json",
     },
     {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
+      "path": "./tsconfig.spec.json",
+    },
+  ],
 }
diff --git a/libs/ng2-charts/README.md b/libs/ng2-charts/README.md
index 21624c45..5ecfca48 100644
--- a/libs/ng2-charts/README.md
+++ b/libs/ng2-charts/README.md
@@ -25,79 +25,69 @@ changes to start using the library right away.
 
 1. You can install **_ng2-charts_** using npm:
 
-    ```bash
-    npm install ng2-charts --save
-    ```
+   ```bash
+   npm install ng2-charts --save
+   ```
 
    or yarn:
 
-    ```bash
-    yarn add ng2-charts --save
-    ```
+   ```bash
+   yarn add ng2-charts --save
+   ```
 
 2. You will also need to install and include `Chart.js` library in your application (it is a peer dependency of this
    library, more info can be found in the
    official `chart.js` [documentation](http://www.chartjs.org/docs/#getting-started))
 
-    ```bash
-    npm install chart.js --save
-    ```
+   ```bash
+   npm install chart.js --save
+   ```
 
    or with yarn:
 
-    ```bash
-    yarn add  chart.js --save
-    ```
+   ```bash
+   yarn add  chart.js --save
+   ```
 
 3. Import the directive in your standalone component:
 
-    ```typescript
-    import { BaseChartDirective } from 'ng2-charts';
-    
-    @Component({
-      standalone: true,
-      imports: [BaseChartDirective],
-    })
-    export class MyComponent { }
-    ```
+   ```typescript
+   import { BaseChartDirective } from 'ng2-charts';
+
+   @Component({
+     standalone: true,
+     imports: [BaseChartDirective],
+   })
+   export class MyComponent {}
+   ```
 
 4. Provide a configuration, typically in your `main.ts`:
 
-    ```typescript
-    import {
-      provideCharts,
-      withColorGenerator,
-      withDefaultRegisterables,
-    } from 'ng2-charts';
-    
-    bootstrapApplication(AppComponent, {
-      providers: [
-        provideCharts(withDefaultRegisterables(), withColorGenerator()),
-      ],
-    }).catch((err) => console.error(err));
-    ```
+   ```typescript
+   import { provideCharts, withColorGenerator, withDefaultRegisterables } from 'ng2-charts';
+
+   bootstrapApplication(AppComponent, {
+     providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
+   }).catch((err) => console.error(err));
+   ```
 
    Alternatively, include a minimal configuration to reduce the bundle size, eg:
 
-    ```typescript
-    provideCharts({registerables: [BarController, Legend, Colors]})
-    ```
+   ```typescript
+   provideCharts({ registerables: [BarController, Legend, Colors] });
+   ```
 
    Or in your AppModule:
 
-    ```typescript
-    import {
-      provideCharts,
-      withColorGenerator,
-      withDefaultRegisterables,
-    } from 'ng2-charts';
-    
-    @NgModule({
-      providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
-      bootstrap: [AppComponent],
-    })
-    export class AppModule {}
-    ```
+   ```typescript
+   import { provideCharts, withColorGenerator, withDefaultRegisterables } from 'ng2-charts';
+
+   @NgModule({
+     providers: [provideCharts(withDefaultRegisterables(), withColorGenerator())],
+     bootstrap: [AppComponent],
+   })
+   export class AppModule {}
+   ```
 
 ### Angular version compatibility table
 
@@ -334,4 +324,4 @@ text)
 If you like this library and want to say thanks, consider [buying me a coffee](https://www.buymeacoffee.com/santam)!
 
 [//]: # 'super hidden section about running `npm test:ci` in win11 wsl2'
-[//]: # 'export CHROME_BIN=/mnt/c/Program\\ Files\ (x86)/Google/Chrome/Application/chrome.exe'
+[//]: # 'export CHROME_BIN=/mnt/c/Program\\ Files\\ (x86)/Google/Chrome/Application/chrome.exe'
diff --git a/libs/ng2-charts/src/lib/base-chart.directive.spec.ts b/libs/ng2-charts/src/lib/base-chart.directive.spec.ts
index 942ebd4b..6db6708a 100644
--- a/libs/ng2-charts/src/lib/base-chart.directive.spec.ts
+++ b/libs/ng2-charts/src/lib/base-chart.directive.spec.ts
@@ -19,7 +19,7 @@ import { ChartData, ChartDataset } from 'chart.js';
     ' (chartClick)="click()"' +
     ' (chartHover)="hover()"></canvas>',
   standalone: true,
-  imports:[BaseChartDirective]
+  imports: [BaseChartDirective],
 })
 class TestComponent {
   public data?: ChartData;
diff --git a/libs/ng2-charts/src/lib/base-chart.directive.ts b/libs/ng2-charts/src/lib/base-chart.directive.ts
index a9cd9a77..e6335410 100644
--- a/libs/ng2-charts/src/lib/base-chart.directive.ts
+++ b/libs/ng2-charts/src/lib/base-chart.directive.ts
@@ -16,7 +16,8 @@ import {
   ChartConfiguration,
   ChartEvent,
   ChartType,
-  DefaultDataPoint, defaults,
+  DefaultDataPoint,
+  defaults,
   Plugin,
   UpdateMode,
 } from 'chart.js';
diff --git a/libs/ng2-charts/src/lib/get-colors.ts b/libs/ng2-charts/src/lib/get-colors.ts
index 0c6be870..d1cdb36a 100644
--- a/libs/ng2-charts/src/lib/get-colors.ts
+++ b/libs/ng2-charts/src/lib/get-colors.ts
@@ -1,8 +1,8 @@
 import { baseColors } from './base-colors';
-import { Color, ScriptableContext } from "chart.js";
-import {AnyObject} from "chart.js/dist/types/basic";
+import { Color, ScriptableContext } from 'chart.js';
+import { AnyObject } from 'chart.js/dist/types/basic';
 
-export const builtInDefaults :AnyObject= {
+export const builtInDefaults: AnyObject = {
   plugins: { colors: { enabled: false } },
   datasets: {
     line: {
@@ -20,7 +20,9 @@ export const builtInDefaults :AnyObject= {
       borderColor: (context: ScriptableContext<'bar'>) =>
         rgba(generateColor(context.datasetIndex), 1),
     },
-    get radar(): { [key: string]: ((context: ScriptableContext<'line'>) => Color) | Color } {
+    get radar(): {
+      [key: string]: ((context: ScriptableContext<'line'>) => Color) | Color;
+    } {
       return this.line;
     },
     doughnut: {
@@ -28,21 +30,38 @@ export const builtInDefaults :AnyObject= {
         rgba(generateColor(context.dataIndex), 0.6),
       borderColor: '#fff',
     },
-    get pie(): { [key: string]: ((context: ScriptableContext<'doughnut'>) => Color) | Color } {
+    get pie(): {
+      [key: string]:
+        | ((context: ScriptableContext<'doughnut'>) => Color)
+        | Color;
+    } {
       return this.doughnut;
     },
     polarArea: {
       backgroundColor: (context: ScriptableContext<'polarArea'>) =>
         rgba(generateColor(context.dataIndex), 0.6),
-      borderColor: (context: ScriptableContext<'polarArea'>) => rgba(generateColor(context.dataIndex), 1),
+      borderColor: (context: ScriptableContext<'polarArea'>) =>
+        rgba(generateColor(context.dataIndex), 1),
     },
-    get bubble(): { [key: string]: ((context: ScriptableContext<'doughnut'>) => Color) | Color } {
+    get bubble(): {
+      [key: string]:
+        | ((context: ScriptableContext<'doughnut'>) => Color)
+        | Color;
+    } {
       return this.doughnut;
     },
-    get scatter(): { [key: string]: ((context: ScriptableContext<'doughnut'>) => Color) | Color } {
+    get scatter(): {
+      [key: string]:
+        | ((context: ScriptableContext<'doughnut'>) => Color)
+        | Color;
+    } {
       return this.doughnut;
     },
-    get area(): { [key: string]: ((context: ScriptableContext<'polarArea'>) => Color) | Color } {
+    get area(): {
+      [key: string]:
+        | ((context: ScriptableContext<'polarArea'>) => Color)
+        | Color;
+    } {
       return this.polarArea;
     },
   },
diff --git a/libs/ng2-charts/tsconfig.json b/libs/ng2-charts/tsconfig.json
index 3c68cf4d..c6a53357 100644
--- a/libs/ng2-charts/tsconfig.json
+++ b/libs/ng2-charts/tsconfig.json
@@ -2,10 +2,10 @@
   "extends": "../../tsconfig.base.json",
   "references": [
     {
-      "path": "./tsconfig.lib.json"
+      "path": "./tsconfig.lib.json",
     },
     {
-      "path": "./tsconfig.spec.json"
-    }
+      "path": "./tsconfig.spec.json",
+    },
   ],
 }
diff --git a/libs/ng2-charts/tsconfig.lib.json b/libs/ng2-charts/tsconfig.lib.json
index 9d46f6c0..1f5cabb6 100644
--- a/libs/ng2-charts/tsconfig.lib.json
+++ b/libs/ng2-charts/tsconfig.lib.json
@@ -4,7 +4,7 @@
     "outDir": "../../dist/out-tsc",
     "declaration": true,
     "declarationMap": true,
-    "inlineSources": true,
+    "inlineSources": true
   },
   "exclude": [
     "src/**/*.spec.ts",
diff --git a/package-lock.json b/package-lock.json
index d8dfffd6..faccdc82 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -65,12 +65,14 @@
         "eslint": "^8.46.0",
         "eslint-config-prettier": "^9.0.0",
         "eslint-plugin-playwright": "^0.22.0",
+        "husky": "^9.0.7",
         "jest": "^29.6.1",
         "jest-canvas-mock": "^2.5.2",
         "jest-environment-jsdom": "^29.4.1",
         "jest-environment-node": "^29.4.1",
         "jest-preset-angular": "^14.0.0",
         "jest-raw-loader": "^1.0.1",
+        "lint-staged": "^15.2.1",
         "ng-packagr": "^17.0.3",
         "nx": "17.2.8",
         "postcss-preset-env": "^9.1.1",
@@ -10023,6 +10025,72 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/emoji-regex": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+      "dev": true
+    },
+    "node_modules/cli-truncate/node_modules/string-width": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
+      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/cli-width": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
@@ -13287,6 +13355,18 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "node_modules/get-east-asian-width": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz",
+      "integrity": "sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
@@ -13826,6 +13906,21 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/husky": {
+      "version": "9.0.7",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-9.0.7.tgz",
+      "integrity": "sha512-vWdusw+y12DUEeoZqW1kplOFqk3tedGV8qlga8/SF6a3lOiWLqGZZQvfWvY0fQYdfiRi/u1DFNpudTSV9l1aCg==",
+      "dev": true,
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -16508,6 +16603,290 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/lint-staged": {
+      "version": "15.2.1",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-15.2.1.tgz",
+      "integrity": "sha512-dhwAPnM85VdshybV9FWI/9ghTvMLoQLEXgVMx+ua2DN7mdfzd/tRfoU2yhMcBac0RHkofoxdnnJUokr8s4zKmQ==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "5.3.0",
+        "commander": "11.1.0",
+        "debug": "4.3.4",
+        "execa": "8.0.1",
+        "lilconfig": "3.0.0",
+        "listr2": "8.0.1",
+        "micromatch": "4.0.5",
+        "pidtree": "0.6.0",
+        "string-argv": "0.3.2",
+        "yaml": "2.3.4"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/lint-staged/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/lint-staged/node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/npm-run-path": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.2.0.tgz",
+      "integrity": "sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/lint-staged/node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/yaml": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.0.1.tgz",
+      "integrity": "sha512-ovJXBXkKGfq+CwmKTjluEqFi3p4h8xvkxGQQAQan22YCgef4KZ1mKGjzfGh6PL6AW5Csw0QiQPNuQyH+6Xk3hA==",
+      "dev": true,
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.0.0",
+        "rfdc": "^1.3.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/listr2/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/emoji-regex": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+      "dev": true
+    },
+    "node_modules/listr2/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "dev": true
+    },
+    "node_modules/listr2/node_modules/string-width": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
+      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/listr2/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
+      "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
@@ -16655,6 +17034,193 @@
         "node": ">=8"
       }
     },
+    "node_modules/log-update": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.0.0.tgz",
+      "integrity": "sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==",
+      "dev": true,
+      "dependencies": {
+        "ansi-escapes": "^6.2.0",
+        "cli-cursor": "^4.0.0",
+        "slice-ansi": "^7.0.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-escapes": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz",
+      "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/emoji-regex": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+      "dev": true
+    },
+    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz",
+      "integrity": "sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==",
+      "dev": true,
+      "dependencies": {
+        "get-east-asian-width": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.0.tgz",
+      "integrity": "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/string-width": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
+      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/type-fest": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
+      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
+      "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -18819,6 +19385,18 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
@@ -20828,6 +21406,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rfdc": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.1.tgz",
+      "integrity": "sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==",
+      "dev": true
+    },
     "node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
@@ -21336,6 +21920,46 @@
         "node": ">=8"
       }
     },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/smart-buffer": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
@@ -21586,6 +22210,15 @@
         }
       ]
     },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
     "node_modules/string-length": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
diff --git a/package.json b/package.json
index f9d73934..c168e051 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,13 @@
     "test:ci": "nx run-many --target=test -p ng2-charts ng2-charts-schematics --configuration=ci",
     "e2e": "nx e2e",
     "e2e:update-snapshots": "nx run ng2-charts-demo:e2e:update-snapshots --skip-nx-cache",
-    "lint": "nx run-many --target=lint --verbose --all"
+    "lint": "nx run-many --target=lint --verbose --all",
+    "prepare": "husky"
   },
   "private": true,
+  "lint-staged": {
+    "*": "prettier --ignore-unknown --write"
+  },
   "dependencies": {
     "@angular/animations": "^17.0.7",
     "@angular/cdk": "^17.0.4",
@@ -75,16 +79,18 @@
     "eslint": "^8.46.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-playwright": "^0.22.0",
+    "husky": "^9.0.7",
     "jest": "^29.6.1",
     "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^29.4.1",
     "jest-environment-node": "^29.4.1",
     "jest-preset-angular": "^14.0.0",
     "jest-raw-loader": "^1.0.1",
+    "lint-staged": "^15.2.1",
     "ng-packagr": "^17.0.3",
     "nx": "17.2.8",
-    "postcss-url": "^10.1.3",
     "postcss-preset-env": "^9.1.1",
+    "postcss-url": "^10.1.3",
     "prettier": "^3.0.2",
     "raw-loader": "^4.0.2",
     "ts-jest": "^29.1.0",
@@ -96,4 +102,3 @@
     "chart.js": "^4.0.1"
   }
 }
-
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 992be71a..e885833b 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -19,25 +19,15 @@
     "module": "ES2022",
     "useDefineForClassFields": false,
     "emitDecoratorMetadata": true,
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
+    "lib": ["ES2022", "dom"],
     "skipDefaultLibCheck": true,
     "baseUrl": ".",
     "paths": {
-      "ng2-charts": [
-        "libs/ng2-charts/src/index.ts"
-      ],
-      "ng2-charts-schematics": [
-        "libs/ng2-charts-schematics/src/index.ts"
-      ]
+      "ng2-charts": ["libs/ng2-charts/src/index.ts"],
+      "ng2-charts-schematics": ["libs/ng2-charts-schematics/src/index.ts"]
     }
   },
-  "exclude": [
-    "node_modules",
-    "tmp"
-  ],
+  "exclude": ["node_modules", "tmp"],
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,