@symfony/ux-chartjs 2.26.1 → 2.28.1

package/dist/controller.d.ts

@@ -1,5 +1,6 @@
 import { Controller } from '@hotwired/stimulus';
-export default class extends Controller {
+
+declare class export_default extends Controller {
     readonly viewValue: any;
     static values: {
         view: ObjectConstructor;
@@ -10,3 +11,5 @@ export default class extends Controller {
     viewValueChanged(): void;
     private dispatchEvent;
 }
+
+export { export_default as default };

package/dist/controller.js

@@ -1,73 +1,77 @@
-import { Controller } from '@hotwired/stimulus';
-import { registerables, Chart } from 'chart.js';
-
+// src/controller.ts
+import { Controller } from "@hotwired/stimulus";
+import { Chart, registerables } from "chart.js";
 if (registerables) {
-    Chart.register(...registerables);
+  Chart.register(...registerables);
 }
-let isChartInitialized = false;
-class default_1 extends Controller {
-    constructor() {
-        super(...arguments);
-        this.chart = null;
+var isChartInitialized = false;
+var controller_default = class extends Controller {
+  constructor() {
+    super(...arguments);
+    this.chart = null;
+  }
+  connect() {
+    if (!isChartInitialized) {
+      isChartInitialized = true;
+      this.dispatchEvent("init", {
+        Chart
+      });
     }
-    connect() {
-        if (!isChartInitialized) {
-            isChartInitialized = true;
-            this.dispatchEvent('init', {
-                Chart,
-            });
-        }
-        if (!(this.element instanceof HTMLCanvasElement)) {
-            throw new Error('Invalid element');
-        }
-        const payload = this.viewValue;
-        if (Array.isArray(payload.options) && 0 === payload.options.length) {
-            payload.options = {};
-        }
-        this.dispatchEvent('pre-connect', {
-            options: payload.options,
-            config: payload,
-        });
-        const canvasContext = this.element.getContext('2d');
-        if (!canvasContext) {
-            throw new Error('Could not getContext() from Element');
-        }
-        this.chart = new Chart(canvasContext, payload);
-        this.dispatchEvent('connect', { chart: this.chart });
+    if (!(this.element instanceof HTMLCanvasElement)) {
+      throw new Error("Invalid element");
     }
-    disconnect() {
-        this.dispatchEvent('disconnect', { chart: this.chart });
-        if (this.chart) {
-            this.chart.destroy();
-            this.chart = null;
-        }
+    const payload = this.viewValue;
+    if (Array.isArray(payload.options) && 0 === payload.options.length) {
+      payload.options = {};
     }
-    viewValueChanged() {
-        if (this.chart) {
-            const viewValue = { data: this.viewValue.data, options: this.viewValue.options };
-            if (Array.isArray(viewValue.options) && 0 === viewValue.options.length) {
-                viewValue.options = {};
-            }
-            this.dispatchEvent('view-value-change', viewValue);
-            this.chart.data = viewValue.data;
-            this.chart.options = viewValue.options;
-            this.chart.update();
-            const parentElement = this.element.parentElement;
-            if (parentElement && this.chart.options.responsive) {
-                const originalWidth = parentElement.style.width;
-                parentElement.style.width = `${parentElement.offsetWidth + 1}px`;
-                setTimeout(() => {
-                    parentElement.style.width = originalWidth;
-                }, 0);
-            }
-        }
+    this.dispatchEvent("pre-connect", {
+      options: payload.options,
+      config: payload
+    });
+    const canvasContext = this.element.getContext("2d");
+    if (!canvasContext) {
+      throw new Error("Could not getContext() from Element");
     }
-    dispatchEvent(name, payload) {
-        this.dispatch(name, { detail: payload, prefix: 'chartjs' });
+    this.chart = new Chart(canvasContext, payload);
+    this.dispatchEvent("connect", { chart: this.chart });
+  }
+  disconnect() {
+    this.dispatchEvent("disconnect", { chart: this.chart });
+    if (this.chart) {
+      this.chart.destroy();
+      this.chart = null;
     }
-}
-default_1.values = {
-    view: Object,
+  }
+  /**
+   * If the underlying data or options change, let's update the chart!
+   */
+  viewValueChanged() {
+    if (this.chart) {
+      const viewValue = { data: this.viewValue.data, options: this.viewValue.options };
+      if (Array.isArray(viewValue.options) && 0 === viewValue.options.length) {
+        viewValue.options = {};
+      }
+      this.dispatchEvent("view-value-change", viewValue);
+      this.chart.data = viewValue.data;
+      this.chart.options = viewValue.options;
+      this.chart.update();
+      const parentElement = this.element.parentElement;
+      if (parentElement && this.chart.options.responsive) {
+        const originalWidth = parentElement.style.width;
+        parentElement.style.width = `${parentElement.offsetWidth + 1}px`;
+        setTimeout(() => {
+          parentElement.style.width = originalWidth;
+        }, 0);
+      }
+    }
+  }
+  dispatchEvent(name, payload) {
+    this.dispatch(name, { detail: payload, prefix: "chartjs" });
+  }
+};
+controller_default.values = {
+  view: Object
+};
+export {
+  controller_default as default
 };
-
-export { default_1 as default };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symfony/ux-chartjs",
   "description": "Chart.js integration for Symfony",
   "license": "MIT",
-  "version": "2.26.1",
+  "version": "2.28.1",
   "keywords": [
     "symfony-ux"
   ],
@@ -14,13 +14,6 @@
   ],
   "main": "dist/controller.js",
   "types": "dist/controller.d.ts",
-  "scripts": {
-    "build": "node ../../../bin/build_package.js .",
-    "watch": "node ../../../bin/build_package.js . --watch",
-    "test": "../../../bin/test_package.sh .",
-    "check": "biome check",
-    "ci": "biome ci"
-  },
   "symfony": {
     "controllers": {
       "chart": {
@@ -41,8 +34,23 @@
   },
   "devDependencies": {
     "@hotwired/stimulus": "^3.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/user-event": "^14.6.1",
     "chart.js": "^3.4.1 || ^4.0",
+    "jsdom": "^26.1.0",
     "resize-observer-polyfill": "^1.5.1",
+    "tslib": "^2.8.1",
+    "tsx": "^4.20.3",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
     "vitest-canvas-mock": "^0.3.3"
+  },
+  "scripts": {
+    "build": "tsx ../../../bin/build_package.ts .",
+    "watch": "tsx ../../../bin/build_package.ts . --watch",
+    "test": "../../../bin/test_package.sh .",
+    "check": "biome check",
+    "ci": "biome ci"
   }
 }