https://github.com/WWBN/AVideo/issues/8573#issuecomment-1778606105

also npm update

node_modules/chart.js/dist/chart.cjs

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -5501,7 +5501,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.3.3";
+var version = "4.4.0";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -5571,16 +5571,20 @@ function moveNumericKeys(obj, start, move) {
     }
     return e;
 }
-function getDatasetArea(meta) {
+function getSizeForArea(scale, chartArea, field) {
+    return scale.options.clip ? scale[field] : chartArea[field];
+}
+function getDatasetArea(meta, chartArea) {
     const { xScale , yScale  } = meta;
     if (xScale && yScale) {
         return {
-            left: xScale.left,
-            right: xScale.right,
-            top: yScale.top,
-            bottom: yScale.bottom
+            left: getSizeForArea(xScale, chartArea, 'left'),
+            right: getSizeForArea(xScale, chartArea, 'right'),
+            top: getSizeForArea(yScale, chartArea, 'top'),
+            bottom: getSizeForArea(yScale, chartArea, 'bottom')
         };
     }
+    return chartArea;
 }
 class Chart {
     static defaults = helpers_segment.defaults;
@@ -6082,7 +6086,7 @@ class Chart {
         const ctx = this.ctx;
         const clip = meta._clip;
         const useClip = !clip.disabled;
-        const area = getDatasetArea(meta) || this.chartArea;
+        const area = getDatasetArea(meta, this.chartArea);
         const args = {
             meta,
             index: meta.index,

node_modules/chart.js/dist/chart.js

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -5499,7 +5499,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.3.3";
+var version = "4.4.0";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -5569,16 +5569,20 @@ function moveNumericKeys(obj, start, move) {
     }
     return e;
 }
-function getDatasetArea(meta) {
+function getSizeForArea(scale, chartArea, field) {
+    return scale.options.clip ? scale[field] : chartArea[field];
+}
+function getDatasetArea(meta, chartArea) {
     const { xScale , yScale  } = meta;
     if (xScale && yScale) {
         return {
-            left: xScale.left,
-            right: xScale.right,
-            top: yScale.top,
-            bottom: yScale.bottom
+            left: getSizeForArea(xScale, chartArea, 'left'),
+            right: getSizeForArea(xScale, chartArea, 'right'),
+            top: getSizeForArea(yScale, chartArea, 'top'),
+            bottom: getSizeForArea(yScale, chartArea, 'bottom')
         };
     }
+    return chartArea;
 }
 class Chart {
     static defaults = defaults;
@@ -6080,7 +6084,7 @@ class Chart {
         const ctx = this.ctx;
         const clip = meta._clip;
         const useClip = !clip.disabled;
-        const area = getDatasetArea(meta) || this.chartArea;
+        const area = getDatasetArea(meta, this.chartArea);
         const args = {
             meta,
             index: meta.index,

node_modules/chart.js/dist/chunks/helpers.segment.cjs

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -920,6 +920,7 @@ function applyScaleDefaults(defaults) {
         reverse: false,
         beginAtZero: false,
  bounds: 'ticks',
+        clip: true,
  grace: 0,
         grid: {
             display: true,
@@ -1458,7 +1459,7 @@ function drawBackdrop(ctx, opts) {
  */ function addRoundedRectPath(ctx, rect) {
     const { x , y , w , h , radius  } = rect;
     // top left arc
-    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);
+    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, 1.5 * PI, PI, true);
     // line from top left to bottom left
     ctx.lineTo(x, y + h - radius.bottomLeft);
     // bottom left arc

node_modules/chart.js/dist/chunks/helpers.segment.js

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -918,6 +918,7 @@ function applyScaleDefaults(defaults) {
         reverse: false,
         beginAtZero: false,
  bounds: 'ticks',
+        clip: true,
  grace: 0,
         grid: {
             display: true,
@@ -1456,7 +1457,7 @@ function drawBackdrop(ctx, opts) {
  */ function addRoundedRectPath(ctx, rect) {
     const { x , y , w , h , radius  } = rect;
     // top left arc
-    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);
+    ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, 1.5 * PI, PI, true);
     // line from top left to bottom left
     ctx.lineTo(x, y + h - radius.bottomLeft);
     // bottom left arc

node_modules/chart.js/dist/helpers.cjs

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License

node_modules/chart.js/dist/helpers.js

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v4.3.3
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License

node_modules/chart.js/dist/types/index.d.ts

@@ -1166,11 +1166,20 @@ export interface CoreScaleOptions {
    * Align pixel values to device pixels
    */
   alignToPixels: boolean;
+  /**
+   * Background color of the scale area.
+   */
+  backgroundColor: Color;
   /**
    * Reverse the scale.
    * @default false
    */
   reverse: boolean;
+  /**
+   * Clip the dataset drawing against the size of the scale instead of chart area.
+   * @default true
+   */
+  clip: boolean;
   /**
    * The weight used to sort the axis. Higher weights are further away from the chart area.
    * @default true
@@ -3459,8 +3468,6 @@ export type RadialTickOptions = TickOptions & {
 }
 
 export type RadialLinearScaleOptions = CoreScaleOptions & {
-  backgroundColor: Color;
-
   animate: boolean;
 
   startAngle: number;

node_modules/chart.js/package.json

@@ -2,7 +2,7 @@
   "name": "chart.js",
   "homepage": "https://www.chartjs.org",
   "description": "Simple HTML5 charts using the canvas element.",
-  "version": "4.3.3",
+  "version": "4.4.0",
   "license": "MIT",
   "type": "module",
   "sideEffects": [