@oliasoft-open-source/charts-library 3.5.4 → 3.5.5

package/dist/index.js

@@ -576,7 +576,7 @@ let Color$1 = class Color {
   }
 };
 /*!
- * Chart.js v4.3.2
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -1328,6 +1328,7 @@ function applyScaleDefaults(defaults2) {
     reverse: false,
     beginAtZero: false,
     bounds: "ticks",
+    clip: true,
     grace: 0,
     grid: {
       display: true,
@@ -1769,7 +1770,7 @@ function renderText$1(ctx, text, x2, y2, font, opts = {}) {
 }
 function addRoundedRectPath$1(ctx, rect) {
   const { x: x2, y: y2, w: w2, h: h3, radius } = rect;
-  ctx.arc(x2 + radius.topLeft, y2 + radius.topLeft, radius.topLeft, -HALF_PI$1, PI$1, true);
+  ctx.arc(x2 + radius.topLeft, y2 + radius.topLeft, radius.topLeft, 1.5 * PI$1, PI$1, true);
   ctx.lineTo(x2, y2 + h3 - radius.bottomLeft);
   ctx.arc(x2 + radius.bottomLeft, y2 + h3 - radius.bottomLeft, radius.bottomLeft, PI$1, HALF_PI$1, true);
   ctx.lineTo(x2 + w2 - radius.bottomRight, y2 + h3);
@@ -2891,7 +2892,7 @@ function styleChanged$1(style, prevStyle) {
   return JSON.stringify(style, replacer) !== JSON.stringify(prevStyle, replacer);
 }
 /*!
- * Chart.js v4.3.2
+ * Chart.js v4.4.0
  * https://www.chartjs.org
  * (c) 2023 Chart.js Contributors
  * Released under the MIT License
@@ -4825,7 +4826,7 @@ let LineController$1 = (_d = class extends DatasetController$1 {
     line._chart = this.chart;
     line._datasetIndex = this.index;
     line._decimated = !!_dataset._decimated;
-    line.points = points.slice(Math.max(this._drawStart - 1, 0), this._drawStart + this._drawCount);
+    line.points = points;
     const options = this.resolveDatasetElementOptions(mode);
     if (!this.options.showLine) {
       options.borderWidth = 0;
@@ -7962,7 +7963,7 @@ function needContext$1(proxy, names2) {
   }
   return false;
 }
-var version$3 = "4.3.2";
+var version$3 = "4.4.0";
 const KNOWN_POSITIONS$1 = [
   "top",
   "bottom",
@@ -8031,16 +8032,20 @@ function determineLastEvent$1(e2, lastEvent, inChartArea, isClick) {
   }
   return e2;
 }
-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;
 }
 let Chart$2 = (_h = class {
   static register(...items) {
@@ -8536,7 +8541,7 @@ let Chart$2 = (_h = class {
     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,
@@ -22218,7 +22223,7 @@ const isPrimitiveValue = (value) => typeof value === "string" || typeof value ==
 const isRangeValid = (r2) => {
   if (!r2)
     return false;
-  return Object.values(r2).every((value) => !isNilOrEmpty(value));
+  return Object.values(r2).some((value) => !isNilOrEmpty(value));
 };
 const getChartStateFromStorage = (persistenceId) => {
   if (!persistenceId)
@@ -23357,9 +23362,9 @@ var dist = { exports: {} };
         var o2 = /* @__PURE__ */ Object.create(null);
         if (n2.r(o2), Object.defineProperty(o2, "default", { enumerable: true, value: e4 }), 2 & t2 && "string" != typeof e4)
           for (var r2 in e4)
-            n2.d(o2, r2, function(t3) {
+            n2.d(o2, r2, (function(t3) {
               return e4[t3];
-            }.bind(null, r2));
+            }).bind(null, r2));
         return o2;
       }, n2.n = function(e4) {
         var t2 = e4 && e4.__esModule ? function() {
@@ -23788,7 +23793,7 @@ const reducer = (state, action) => {
       return produce(state, (draft) => {
         const { name: name2, value, id } = action.payload;
         const axis = draft.find((a2) => a2.id === id);
-        if (axis) {
+        if (axis && value) {
           axis[name2] = value;
         }
       });
@@ -24539,8 +24544,8 @@ const TextLabelPosition = {
   BOTTOM_RIGHT: "bottom-right"
 };
 const defaultAxes$1 = (axes) => ({
-  x: (axes == null ? void 0 : axes.x) || [],
-  y: (axes == null ? void 0 : axes.y) || []
+  x: (axes == null ? void 0 : axes.x) || [{}],
+  y: (axes == null ? void 0 : axes.y) || [{}]
 });
 const defaultAdditionalAxesOptions$1 = (options) => ({
   chartScaleType: (options == null ? void 0 : options.chartScaleType) || "linear",
@@ -24549,7 +24554,7 @@ const defaultAdditionalAxesOptions$1 = (options) => ({
   stepSize: options == null ? void 0 : options.stepSize,
   suggestedMin: options == null ? void 0 : options.suggestedMin,
   suggestedMax: options == null ? void 0 : options.suggestedMax,
-  range: (options == null ? void 0 : options.range) || null,
+  range: options == null ? void 0 : options.range,
   autoAxisPadding: (options == null ? void 0 : options.autoAxisPadding) ?? false
 });
 const defaultChartStyling$2 = (options) => ({
@@ -24558,7 +24563,7 @@ const defaultChartStyling$2 = (options) => ({
   maintainAspectRatio: (options == null ? void 0 : options.maintainAspectRatio) ?? false,
   staticChartHeight: (options == null ? void 0 : options.staticChartHeight) ?? false,
   performanceMode: (options == null ? void 0 : options.performanceMode) ?? true,
-  squareAspectRatio: options == null ? void 0 : options.squareAspectRatio,
+  squareAspectRatio: (options == null ? void 0 : options.squareAspectRatio) ?? false,
   layoutPadding: (options == null ? void 0 : options.layoutPadding) || {
     top: 0,
     bottom: 20,
@@ -25264,7 +25269,7 @@ const useChartOptions = ({
   );
   const scales = useMemo(
     () => autoScale(options, state, generatedDatasets, chartRef),
-    [options, state, generatedDatasets]
+    [options, state, generatedDatasets, chartRef]
   );
   const dragData = useMemo(
     () => enableDragPoints && getDraggableData(options),
@@ -25347,7 +25352,7 @@ const useChartOptions = ({
       plugins,
       events: Object.values(Events)
     }),
-    [state, options]
+    [state, options, chartRef]
   );
 };
 const useChartPlugins = ({ options, resetZoom: resetZoom2 }) => {
@@ -25421,20 +25426,32 @@ const useStoreChartStateInStorage = (memoState, persistenceId) => {
     memoState.zoomEnabled
   ]);
 };
-const useUpdateAxesRanges = (range, dispatch) => {
-  const prevAxes = useRef(null);
-  const axes = range && isRangeValid(range) ? Object.entries(range).map(([key, { min, max }]) => ({
-    id: key,
-    min: min ?? 0,
-    max: max ?? 0
-  })) : null;
-  if (!isEqual(axes, prevAxes.current)) {
-    dispatch({
-      type: UPDATE_AXES_RANGES,
-      payload: { axes }
-    });
-    prevAxes.current = axes;
-  }
+const useUpdateAxesRanges = ({
+  range,
+  state,
+  dispatch
+}) => {
+  const prevAxes = useRef(state.axes);
+  useEffect(() => {
+    if (range && isRangeValid(range)) {
+      const newAxes = Object.entries(range).map(([key, { min, max }]) => ({
+        id: key,
+        min: min ?? 0,
+        max: max ?? 0
+      }));
+      const mergedAxes = [...prevAxes.current ?? []].map((axis) => {
+        const newAxis = newAxes.find((a2) => a2.id === axis.id);
+        return newAxis ? { ...axis, ...newAxis } : axis;
+      });
+      if (!isEqual(mergedAxes, prevAxes.current)) {
+        dispatch({
+          type: UPDATE_AXES_RANGES,
+          payload: { axes: mergedAxes }
+        });
+        prevAxes.current = mergedAxes;
+      }
+    }
+  }, [range]);
 };
 const useSaveInitialAxesRanges = (chartRef, axes, generatedDatasets, dispatch) => {
   const prevGeneratedDatasets = useRef();
@@ -25463,12 +25480,12 @@ const useChartState = ({
   const memoState = useMemo(() => state, [state]);
   const memoOptions = useMemo(() => options, [options]);
   const {
-    additionalAxesOptions: { range = null },
+    additionalAxesOptions: { range = void 0 },
     axes
   } = memoOptions;
   useStoreChartStateInStorage(memoState, persistenceId);
   useToggleCustomLegendVisibility(memoState, memoOptions);
-  useUpdateAxesRanges(range, dispatch);
+  useUpdateAxesRanges({ range, state: memoState, dispatch });
   useSaveInitialAxesRanges(chartRef, axes, generatedDatasets, dispatch);
 };
 const WORD_SEPARATOR = " ";