@oliasoft-open-source/charts-library 5.0.7 → 5.0.8-beta-1

package/dist/index.js.js

@@ -572,7 +572,7 @@ let Color$1 = class Color {
   }
 };
 /*!
- * Chart.js v4.4.8
+ * Chart.js v4.4.9
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -2899,8 +2899,36 @@ function styleChanged$1(style, prevStyle) {
   };
   return JSON.stringify(style, replacer) !== JSON.stringify(prevStyle, replacer);
 }
+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: getSizeForArea(xScale, chartArea, "left"),
+      right: getSizeForArea(xScale, chartArea, "right"),
+      top: getSizeForArea(yScale, chartArea, "top"),
+      bottom: getSizeForArea(yScale, chartArea, "bottom")
+    };
+  }
+  return chartArea;
+}
+function getDatasetClipArea(chart2, meta) {
+  const clip = meta._clip;
+  if (clip.disabled) {
+    return false;
+  }
+  const area = getDatasetArea(meta, chart2.chartArea);
+  return {
+    left: clip.left === false ? 0 : area.left - (clip.left === true ? 0 : clip.left),
+    right: clip.right === false ? chart2.width : area.right + (clip.right === true ? 0 : clip.right),
+    top: clip.top === false ? 0 : area.top - (clip.top === true ? 0 : clip.top),
+    bottom: clip.bottom === false ? chart2.height : area.bottom + (clip.bottom === true ? 0 : clip.bottom)
+  };
+}
 /*!
- * Chart.js v4.4.8
+ * Chart.js v4.4.9
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -8002,7 +8030,7 @@ function needContext$1(proxy, names2) {
   }
   return false;
 }
-var version$3 = "4.4.8";
+var version$3 = "4.4.9";
 const KNOWN_POSITIONS$1 = [
   "top",
   "bottom",
@@ -8071,21 +8099,6 @@ function determineLastEvent$1(e2, lastEvent, inChartArea, isClick) {
   }
   return e2;
 }
-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: 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) {
     registry$1.add(...items);
@@ -8578,27 +8591,20 @@ let Chart$2 = (_h = class {
   }
   _drawDataset(meta) {
     const ctx = this.ctx;
-    const clip = meta._clip;
-    const useClip = !clip.disabled;
-    const area = getDatasetArea(meta, this.chartArea);
     const args = {
       meta,
       index: meta.index,
       cancelable: true
     };
+    const clip = getDatasetClipArea(this, meta);
     if (this.notifyPlugins("beforeDatasetDraw", args) === false) {
       return;
     }
-    if (useClip) {
-      clipArea$1(ctx, {
-        left: clip.left === false ? 0 : area.left - clip.left,
-        right: clip.right === false ? this.width : area.right + clip.right,
-        top: clip.top === false ? 0 : area.top - clip.top,
-        bottom: clip.bottom === false ? this.height : area.bottom + clip.bottom
-      });
+    if (clip) {
+      clipArea$1(ctx, clip);
     }
     meta.controller.draw();
-    if (useClip) {
+    if (clip) {
       unclipArea$1(ctx);
     }
     args.cancelable = false;
@@ -10097,11 +10103,13 @@ function computeCircularBoundary(source) {
 }
 function _drawfill(ctx, source, area) {
   const target = _getTarget(source);
-  const { line, scale, axis } = source;
+  const { chart: chart2, index: index2, line, scale, axis } = source;
   const lineOpts = line.options;
   const fillOption = lineOpts.fill;
   const color2 = lineOpts.backgroundColor;
   const { above = color2, below = color2 } = fillOption || {};
+  const meta = chart2.getDatasetMeta(index2);
+  const clip = getDatasetClipArea(chart2, meta);
   if (target && line.points.length) {
     clipArea$1(ctx, area);
     doFill(ctx, {
@@ -10111,13 +10119,14 @@ function _drawfill(ctx, source, area) {
       below,
       area,
       scale,
-      axis
+      axis,
+      clip
     });
     unclipArea$1(ctx);
   }
 }
 function doFill(ctx, cfg) {
-  const { line, target, above, below, area, scale } = cfg;
+  const { line, target, above, below, area, scale, clip } = cfg;
   const property = line._loop ? "angle" : cfg.axis;
   ctx.save();
   if (property === "x" && below !== above) {
@@ -10127,7 +10136,8 @@ function doFill(ctx, cfg) {
       target,
       color: above,
       scale,
-      property
+      property,
+      clip
     });
     ctx.restore();
     ctx.save();
@@ -10138,7 +10148,8 @@ function doFill(ctx, cfg) {
     target,
     color: below,
     scale,
-    property
+    property,
+    clip
   });
   ctx.restore();
 }
@@ -10172,14 +10183,14 @@ function clipVertical(ctx, target, clipY) {
   ctx.clip();
 }
 function fill(ctx, cfg) {
-  const { line, target, property, color: color2, scale } = cfg;
+  const { line, target, property, color: color2, scale, clip } = cfg;
   const segments = _segments(line, target, property);
   for (const { source: src, target: tgt, start, end } of segments) {
     const { style: { backgroundColor = color2 } = {} } = src;
     const notShape = target !== true;
     ctx.save();
     ctx.fillStyle = backgroundColor;
-    clipBounds(ctx, scale, notShape && _getBounds(property, start, end));
+    clipBounds(ctx, scale, clip, notShape && _getBounds(property, start, end));
     ctx.beginPath();
     const lineLoop = !!line.pathSegment(ctx, src);
     let loop;
@@ -10203,12 +10214,30 @@ function fill(ctx, cfg) {
     ctx.restore();
   }
 }
-function clipBounds(ctx, scale, bounds) {
-  const { top: top2, bottom: bottom2 } = scale.chart.chartArea;
+function clipBounds(ctx, scale, clip, bounds) {
+  const chartArea = scale.chart.chartArea;
   const { property, start, end } = bounds || {};
-  if (property === "x") {
+  if (property === "x" || property === "y") {
+    let left2, top2, right2, bottom2;
+    if (property === "x") {
+      left2 = start;
+      top2 = chartArea.top;
+      right2 = end;
+      bottom2 = chartArea.bottom;
+    } else {
+      left2 = chartArea.left;
+      top2 = start;
+      right2 = chartArea.right;
+      bottom2 = end;
+    }
     ctx.beginPath();
-    ctx.rect(start, top2, end - start, bottom2 - top2);
+    if (clip) {
+      left2 = Math.max(left2, clip.left);
+      right2 = Math.min(right2, clip.right);
+      top2 = Math.max(top2, clip.top);
+      bottom2 = Math.min(bottom2, clip.bottom);
+    }
+    ctx.rect(left2, top2, right2 - left2, bottom2 - top2);
     ctx.clip();
   }
 }
@@ -24358,11 +24387,9 @@ const useChartFunctions = ({
   const onHover = useCallback(
     (hoveredPoint, setHoveredPoint, datasets) => {
       return (evt, hoveredItems) => {
-        var _a2, _b2;
         if (!(hoveredItems == null ? void 0 : hoveredItems.length) && onPointUnhover && hoveredPoint) {
           setHoveredPoint(null);
           onPointUnhover(evt);
-          (_a2 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _a2.update();
         }
         if ((hoveredItems == null ? void 0 : hoveredItems.length) && onPointHover) {
           const { index: index2, datasetIndex } = hoveredItems[0];
@@ -24371,7 +24398,6 @@ const useChartFunctions = ({
           if (point && !isEqual(hoveredPoint, point)) {
             setHoveredPoint(point);
             onPointHover(evt, datasetIndex, index2, datasets);
-            (_b2 = chartRef == null ? void 0 : chartRef.current) == null ? void 0 : _b2.update();
           }
         }
       };
@@ -26781,6 +26807,19 @@ const annotationDraggerPlugin = {
     }
   }
 };
+const tooltipNullGuard = {
+  id: "tooltipNullGuard",
+  beforeUpdate(chart2) {
+    var _a2;
+    const tt2 = chart2 == null ? void 0 : chart2.tooltip;
+    if (tt2 && ((_a2 = tt2 == null ? void 0 : tt2.getActiveElements()) == null ? void 0 : _a2.some(({ datasetIndex }) => {
+      const meta = chart2 == null ? void 0 : chart2.getDatasetMeta(datasetIndex);
+      return !meta || !(meta == null ? void 0 : meta.controller);
+    }))) {
+      tt2 == null ? void 0 : tt2.setActiveElements([], { x: 0, y: 0 });
+    }
+  }
+};
 var defaultTranslations = /* @__PURE__ */ ((defaultTranslations2) => {
   defaultTranslations2["label"] = "Label";
   defaultTranslations2["pointsLines"] = "Points & lines";
@@ -27264,7 +27303,8 @@ Chart$2.register(
   plugin,
   annotation,
   chartAreaTextPlugin,
-  annotationDraggerPlugin
+  annotationDraggerPlugin,
+  tooltipNullGuard
 );
 const LineChart = (props) => {
   var _a2, _b2;