@oliasoft-open-source/charts-library 5.0.8-beta-2 → 5.0.9

package/dist/index.js.js

@@ -22426,17 +22426,17 @@ const HTML5Backend = function createBackend(manager, context, options) {
 };
 const MINOR_TICKS_PER_MAJOR = 10;
 const getLargestMajorTickWidth = (majorTickPositions) => {
-  return majorTickPositions.reduce(
+  return majorTickPositions == null ? void 0 : majorTickPositions.reduce(
     (acc, curr, index2) => {
       if (index2 === 0) return acc;
-      const gap = Math.abs(curr - majorTickPositions[index2 - 1]);
+      const gap = Math.abs(curr - (majorTickPositions == null ? void 0 : majorTickPositions[index2 - 1]));
       return Math.max(gap, acc);
     },
     0
   );
 };
 const isValidPosition = (minorTickPosition, majorTickPositions, scale) => {
-  const { axis, left: left2, top: top2, right: right2, bottom: bottom2 } = scale;
+  const { axis, left: left2, top: top2, right: right2, bottom: bottom2 } = scale ?? {};
   const isHorizontal = axis === "x";
   const start = isHorizontal ? left2 : top2;
   const end = isHorizontal ? right2 : bottom2;
@@ -22446,52 +22446,56 @@ const isValidPosition = (minorTickPosition, majorTickPositions, scale) => {
   return isAfterStart && isBeforeEnd && !isDuplicate;
 };
 const getMinorTickPositions = (majorTickPositions, scale) => {
-  const sortedMajorTickPositions = majorTickPositions.sort((a2, b2) => {
+  var _a2, _b2;
+  const sortedMajorTickPositions = majorTickPositions == null ? void 0 : majorTickPositions.sort((a2, b2) => {
     return a2 - b2;
   });
   const minorTickWidth = getLargestMajorTickWidth(majorTickPositions) / 10;
   const startPosition = majorTickPositions[0];
   const numMinorTicks = (majorTickPositions.length + 1) * MINOR_TICKS_PER_MAJOR;
-  const positions2 = [...Array(numMinorTicks)].map((_2, index2) => {
+  const positions2 = (_b2 = (_a2 = [...Array(numMinorTicks)]) == null ? void 0 : _a2.map((_2, index2) => {
     const minorTickPosition = startPosition + (index2 - MINOR_TICKS_PER_MAJOR + 1) * minorTickWidth;
-    return parseFloat(minorTickPosition.toFixed(1));
-  }).filter(
+    return parseFloat(minorTickPosition == null ? void 0 : minorTickPosition.toFixed(1));
+  })) == null ? void 0 : _b2.filter(
     (position) => isValidPosition(position, sortedMajorTickPositions, scale)
   );
   return positions2;
 };
 const drawMinorTicksForScale = (scale) => {
-  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-  const { chart: chart2, ctx } = scale;
-  const config2 = chart2.config;
-  if (!((_d2 = (_c2 = (_b2 = (_a2 = config2 == null ? void 0 : config2.options) == null ? void 0 : _a2.scales) == null ? void 0 : _b2[scale.id]) == null ? void 0 : _c2.grid) == null ? void 0 : _d2.drawOnChartArea)) return;
-  if (config2.options.indexAxis === scale.axis) return;
-  const isHorizontal = scale.axis === "x";
-  const majorTickPositions = scale.ticks.map((_2, index2) => scale.getPixelForTick(index2)).sort((a2, b2) => a2 - b2);
+  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+  const { chart: chart2, ctx } = scale ?? {};
+  if (!ctx || (ctx == null ? void 0 : ctx.canvas) === null) return;
+  const config2 = chart2 == null ? void 0 : chart2.config;
+  if (!((_d2 = (_c2 = (_b2 = (_a2 = config2 == null ? void 0 : config2.options) == null ? void 0 : _a2.scales) == null ? void 0 : _b2[scale == null ? void 0 : scale.id]) == null ? void 0 : _c2.grid) == null ? void 0 : _d2.drawOnChartArea)) return;
+  if (((_e2 = config2 == null ? void 0 : config2.options) == null ? void 0 : _e2.indexAxis) === (scale == null ? void 0 : scale.axis)) return;
+  const isHorizontal = (scale == null ? void 0 : scale.axis) === "x";
+  const majorTickPositions = (_g2 = (_f2 = scale == null ? void 0 : scale.ticks) == null ? void 0 : _f2.map((_2, index2) => scale == null ? void 0 : scale.getPixelForTick(index2))) == null ? void 0 : _g2.sort((a2, b2) => a2 - b2);
   const minorTickPositions = getMinorTickPositions(majorTickPositions, scale);
-  ctx.save();
-  ctx.strokeStyle = ((_i2 = (_h2 = (_g2 = (_f2 = (_e2 = config2 == null ? void 0 : config2._config) == null ? void 0 : _e2.options) == null ? void 0 : _f2.scales) == null ? void 0 : _g2[scale.id]) == null ? void 0 : _h2.grid) == null ? void 0 : _i2.color) || "rgba(0,0,0,0.06)";
+  (_h2 = ctx == null ? void 0 : ctx.save) == null ? void 0 : _h2.call(ctx);
+  ctx.strokeStyle = ((_m2 = (_l2 = (_k2 = (_j2 = (_i2 = config2 == null ? void 0 : config2._config) == null ? void 0 : _i2.options) == null ? void 0 : _j2.scales) == null ? void 0 : _k2[scale.id]) == null ? void 0 : _l2.grid) == null ? void 0 : _m2.color) || "rgba(0,0,0,0.06)";
   ctx.lineWidth = 0.5;
-  minorTickPositions.forEach((minorTickPosition) => {
+  minorTickPositions == null ? void 0 : minorTickPositions.forEach((minorTickPosition) => {
+    var _a3, _b3, _c3, _d3, _e3;
     ctx.beginPath();
     if (isHorizontal) {
-      const { top: top2, bottom: bottom2 } = chart2.chartArea;
-      ctx.moveTo(minorTickPosition, top2);
-      ctx.lineTo(minorTickPosition, bottom2);
+      const { top: top2, bottom: bottom2 } = (chart2 == null ? void 0 : chart2.chartArea) ?? {};
+      (_a3 = ctx == null ? void 0 : ctx.moveTo) == null ? void 0 : _a3.call(ctx, minorTickPosition, top2);
+      (_b3 = ctx == null ? void 0 : ctx.lineTo) == null ? void 0 : _b3.call(ctx, minorTickPosition, bottom2);
     } else {
-      const { left: left2, right: right2 } = chart2.chartArea;
-      ctx.moveTo(left2, minorTickPosition);
-      ctx.lineTo(right2, minorTickPosition);
+      const { left: left2, right: right2 } = (chart2 == null ? void 0 : chart2.chartArea) ?? {};
+      (_c3 = ctx == null ? void 0 : ctx.moveTo) == null ? void 0 : _c3.call(ctx, left2, minorTickPosition);
+      (_d3 = ctx == null ? void 0 : ctx.lineTo) == null ? void 0 : _d3.call(ctx, right2, minorTickPosition);
     }
-    ctx.stroke();
+    (_e3 = ctx == null ? void 0 : ctx.stroke) == null ? void 0 : _e3.call(ctx);
   });
-  ctx.restore();
+  (_n2 = ctx == null ? void 0 : ctx.restore) == null ? void 0 : _n2.call(ctx);
 };
 const chartMinorGridlinesPlugin = {
   id: "minorGridlines",
   beforeDatasetsDraw: (chart2) => {
-    const { scales } = chart2;
-    Object.keys(scales).forEach((id) => drawMinorTicksForScale(scales[id]));
+    var _a2;
+    const { scales } = chart2 ?? {};
+    (_a2 = Object.keys(scales)) == null ? void 0 : _a2.forEach((id) => drawMinorTicksForScale(scales == null ? void 0 : scales[id]));
   }
 };
 const BORDER_WIDTH = {
@@ -22649,23 +22653,23 @@ var Events = /* @__PURE__ */ ((Events2) => {
 const chartAreaBorderPlugin = {
   id: "chartAreaBorder",
   beforeDraw(chart2, _2, options) {
-    const {
-      ctx,
-      chartArea: { left: left2, top: top2, width, height }
-    } = chart2;
-    ctx.save();
-    ctx.strokeStyle = options.borderColor;
-    ctx.lineWidth = options.borderWidth;
-    ctx.setLineDash(options.borderDash || []);
-    ctx.lineDashOffset = options.borderDashOffset ?? 0;
-    ctx.strokeRect(left2, top2, width, height);
-    ctx.restore();
+    var _a2, _b2, _c2, _d2;
+    if (!(chart2 == null ? void 0 : chart2.ctx) || !chart2.chartArea) return;
+    const { ctx, chartArea } = chart2 ?? {};
+    const { left: left2, top: top2, width, height } = chartArea ?? {};
+    (_a2 = ctx == null ? void 0 : ctx.save) == null ? void 0 : _a2.call(ctx);
+    ctx.strokeStyle = options == null ? void 0 : options.borderColor;
+    ctx.lineWidth = options == null ? void 0 : options.borderWidth;
+    (_b2 = ctx == null ? void 0 : ctx.setLineDash) == null ? void 0 : _b2.call(ctx, (options == null ? void 0 : options.borderDash) || []);
+    ctx.lineDashOffset = (options == null ? void 0 : options.borderDashOffset) ?? 0;
+    (_c2 = ctx == null ? void 0 : ctx.strokeRect) == null ? void 0 : _c2.call(ctx, left2, top2, width, height);
+    (_d2 = ctx == null ? void 0 : ctx.restore) == null ? void 0 : _d2.call(ctx);
   }
 };
 const getPlugins = (graph, legend2) => {
   var _a2;
   let plugins = [];
-  if (graph.showMinorGridlines) {
+  if (graph == null ? void 0 : graph.showMinorGridlines) {
     plugins.push(chartMinorGridlinesPlugin);
   }
   const customLegend = legend2 == null ? void 0 : legend2.customLegend;
@@ -22692,7 +22696,7 @@ const generateRandomColor = (colors2) => {
 const getTitle = (options) => {
   return options.title !== "" ? {
     display: true,
-    text: options.title
+    text: (options == null ? void 0 : options.title) ?? ""
   } : {};
 };
 const isVertical = (direction) => {
@@ -22709,14 +22713,14 @@ const getClassName = (chartStyling, styles2) => {
     staticChartHeight = false,
     squareAspectRatio: squareAspectRatio2 = 0
   } = chartStyling;
-  const squareAspectRatioStyle = squareAspectRatio2 ? styles2.squareAspectRatio : "";
+  const squareAspectRatioStyle = squareAspectRatio2 ? styles2 == null ? void 0 : styles2.squareAspectRatio : "";
   let heightStyles = "";
   if (width || height) {
     heightStyles = "";
   } else {
     heightStyles = staticChartHeight ? styles2 == null ? void 0 : styles2.fixedHeight : styles2 == null ? void 0 : styles2.stretchHeight;
   }
-  return cx(styles2.chart, heightStyles, squareAspectRatioStyle);
+  return cx(styles2 == null ? void 0 : styles2.chart, heightStyles, squareAspectRatioStyle);
 };
 const getLegend = (options, clickHandler) => {
   const { legend: legend2 } = options || {};
@@ -22739,13 +22743,14 @@ const getLegend = (options, clickHandler) => {
   };
 };
 const afterLabelCallback = (tooltipItem) => {
-  const { error } = tooltipItem.dataset.data[tooltipItem == null ? void 0 : tooltipItem.dataIndex];
+  var _a2, _b2;
+  const { error = null } = ((_b2 = (_a2 = tooltipItem == null ? void 0 : tooltipItem.dataset) == null ? void 0 : _a2.data) == null ? void 0 : _b2[tooltipItem == null ? void 0 : tooltipItem.dataIndex]) ?? {};
   return error ? `Error: ${round$2(error, 4)}` : "";
 };
 const getTooltipLabel = (tooltipItem, showLabelsInTooltips) => {
   var _a2, _b2, _c2;
   const datasetDataLabel = (_c2 = (_b2 = (_a2 = tooltipItem == null ? void 0 : tooltipItem.dataset) == null ? void 0 : _a2.data) == null ? void 0 : _b2[tooltipItem == null ? void 0 : tooltipItem.dataIndex]) == null ? void 0 : _c2.label;
-  const dataLabel = Array.isArray(datasetDataLabel) ? datasetDataLabel.join(" , ") : datasetDataLabel;
+  const dataLabel = Array.isArray(datasetDataLabel) ? datasetDataLabel == null ? void 0 : datasetDataLabel.join(" , ") : datasetDataLabel ?? "";
   return showLabelsInTooltips && (dataLabel == null ? void 0 : dataLabel.length) ? ` (${dataLabel})` : "";
 };
 const sanitize = (str) => str.toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "_").replace(/_+/g, "_").replace(/^_+|_+$/g, "");
@@ -25019,7 +25024,7 @@ const getDefaultProps$3 = (props) => {
     persistenceId: (chart2 == null ? void 0 : chart2.persistenceId) ?? "",
     controlsPortalId: (chart2 == null ? void 0 : chart2.controlsPortalId) ?? "",
     testId: (chart2 == null ? void 0 : chart2.testId) ?? void 0,
-    data: chart2 == null ? void 0 : chart2.data,
+    data: (chart2 == null ? void 0 : chart2.data) ?? { datasets: [] },
     options: {
       title: (options == null ? void 0 : options.title) ?? "",
       scales: (options == null ? void 0 : options.scales) ?? {},
@@ -25462,12 +25467,16 @@ const getCondition = (x2, y2, left2, right2, bottom2) => {
   return { overLeftSide, overRightSide, overBottomSide };
 };
 const getAlignmentData = (context) => {
-  var _a2;
-  const { chart: chart2, dataIndex = 0, datasetIndex = 0 } = context;
-  const { chartArea } = chart2;
+  var _a2, _b2;
+  const chart2 = context == null ? void 0 : context.chart;
+  const dataIndex = (context == null ? void 0 : context.dataIndex) ?? 0;
+  const datasetIndex = (context == null ? void 0 : context.datasetIndex) ?? 0;
+  const chartArea = (chart2 == null ? void 0 : chart2.chartArea) ?? {};
   const { left: left2 = null, right: right2 = null, bottom: bottom2 = null } = chartArea;
-  const meta = chart2 == null ? void 0 : chart2.getDatasetMeta(datasetIndex);
-  const { x: x2 = null, y: y2 = null } = ((_a2 = meta == null ? void 0 : meta.data) == null ? void 0 : _a2[dataIndex]) || {};
+  const meta = (_a2 = chart2 == null ? void 0 : chart2.getDatasetMeta) == null ? void 0 : _a2.call(chart2, datasetIndex);
+  const dataPoint = (_b2 = meta == null ? void 0 : meta.data) == null ? void 0 : _b2[dataIndex];
+  const x2 = (dataPoint == null ? void 0 : dataPoint.x) ?? null;
+  const y2 = (dataPoint == null ? void 0 : dataPoint.y) ?? null;
   return {
     x: x2,
     y: y2,
@@ -25488,12 +25497,13 @@ const getPosition = () => {
   };
 };
 const getLineChartDataLabels = (options) => {
-  return options.graph.showDataLabels ? {
+  var _a2;
+  return ((_a2 = options == null ? void 0 : options.graph) == null ? void 0 : _a2.showDataLabels) ? {
     display: AUTO,
     align: getPosition(),
     formatter: (_2, context) => {
-      var _a2, _b2;
-      const dataPoint = (_b2 = (_a2 = context == null ? void 0 : context.dataset) == null ? void 0 : _a2.data) == null ? void 0 : _b2[context.dataIndex];
+      var _a3, _b2;
+      const dataPoint = (_b2 = (_a3 = context == null ? void 0 : context.dataset) == null ? void 0 : _a3.data) == null ? void 0 : _b2[context.dataIndex];
       if (!dataPoint || dataPoint.label == null) return "";
       if (typeof dataPoint.label === "string") {
         return dataPoint.label;
@@ -25520,17 +25530,25 @@ const customFormatNumber$1 = (labelNumber, scientificNotation) => {
   return displayNumber(roundByMagnitude(labelNumber), roundOptions);
 };
 const getLineChartToolTips = (options) => {
-  const { scientificNotation } = options.tooltip;
+  var _a2, _b2, _c2, _d2, _e2;
+  if (!((_b2 = (_a2 = options == null ? void 0 : options.axes) == null ? void 0 : _a2.x) == null ? void 0 : _b2.length) || !((_d2 = (_c2 = options == null ? void 0 : options.axes) == null ? void 0 : _c2.y) == null ? void 0 : _d2.length)) {
+    console.warn("Tooltip config fallback: missing axes", options);
+    return {
+      enabled: false,
+      callbacks: {}
+    };
+  }
+  const { scientificNotation } = (options == null ? void 0 : options.tooltip) ?? {};
   const getTooltipLabels = ({
     xAxisID = "",
     yAxisID = ""
   }) => {
-    var _a2, _b2, _c2;
-    const xIndex = (xAxisID == null ? void 0 : xAxisID.length) > 1 ? Number(xAxisID[1]) - 1 : 0;
-    const yIndex = (yAxisID == null ? void 0 : yAxisID.length) > 1 ? Number(yAxisID[1]) - 1 : 0;
-    const xAxis = options.axes.x[xIndex];
-    const yAxis = options.axes.y[yIndex];
-    if (((_c2 = (_b2 = (_a2 = options == null ? void 0 : options.axes) == null ? void 0 : _a2.x) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.position) === Position.Top) {
+    var _a3, _b3, _c3, _d3, _e3, _f2, _g2;
+    const xIndex = (xAxisID == null ? void 0 : xAxisID.length) > 1 ? Number(xAxisID == null ? void 0 : xAxisID[1]) - 1 : 0;
+    const yIndex = (yAxisID == null ? void 0 : yAxisID.length) > 1 ? Number(yAxisID == null ? void 0 : yAxisID[1]) - 1 : 0;
+    const xAxis = (_b3 = (_a3 = options == null ? void 0 : options.axes) == null ? void 0 : _a3.x) == null ? void 0 : _b3[xIndex];
+    const yAxis = (_d3 = (_c3 = options == null ? void 0 : options.axes) == null ? void 0 : _c3.y) == null ? void 0 : _d3[yIndex];
+    if (((_g2 = (_f2 = (_e3 = options == null ? void 0 : options.axes) == null ? void 0 : _e3.x) == null ? void 0 : _f2[0]) == null ? void 0 : _g2.position) === Position.Top) {
       return {
         titleAxisLabel: (yAxis == null ? void 0 : yAxis.label) || "",
         valueAxisLabel: (xAxis == null ? void 0 : xAxis.label) || "",
@@ -25547,19 +25565,23 @@ const getLineChartToolTips = (options) => {
     }
   };
   const titleCallback2 = (tooltipItem) => {
+    var _a3, _b3, _c3, _d3;
+    if (!(tooltipItem == null ? void 0 : tooltipItem[0])) return "";
     const labels = getTooltipLabels(tooltipItem[0].dataset);
-    const { titleLabel, titleAxisLabel } = labels ?? {};
-    const formattedValue = titleLabel === TooltipLabel.Y ? tooltipItem[0].parsed.y : tooltipItem[0].parsed.x;
+    const { titleLabel = "", titleAxisLabel = "" } = labels ?? {};
+    const formattedValue = titleLabel === TooltipLabel.Y ? (_b3 = (_a3 = tooltipItem == null ? void 0 : tooltipItem[0]) == null ? void 0 : _a3.parsed) == null ? void 0 : _b3.y : (_d3 = (_c3 = tooltipItem == null ? void 0 : tooltipItem[0]) == null ? void 0 : _c3.parsed) == null ? void 0 : _d3.x;
     const roundedValue = customFormatNumber$1(formattedValue, scientificNotation);
     return `${roundedValue} ${titleAxisLabel}`;
   };
   const labelCallback2 = (tooltipItem) => {
-    const { showLabelsInTooltips } = options.tooltip;
-    let label = tooltipItem.dataset.label || "";
-    const labels = getTooltipLabels(tooltipItem.dataset);
+    var _a3;
+    const { showLabelsInTooltips } = (options == null ? void 0 : options.tooltip) ?? {};
+    let label = ((_a3 = tooltipItem == null ? void 0 : tooltipItem.dataset) == null ? void 0 : _a3.label) || "";
+    const labels = getTooltipLabels(tooltipItem == null ? void 0 : tooltipItem.dataset);
     const { valueLabel = "", valueAxisLabel = "" } = labels ?? {};
     const getTooltipItemValue = () => {
-      const labelNumber = valueLabel === TooltipLabel.X ? tooltipItem.parsed.x : tooltipItem.parsed.y;
+      var _a4, _b3;
+      const labelNumber = valueLabel === TooltipLabel.X ? (_a4 = tooltipItem == null ? void 0 : tooltipItem.parsed) == null ? void 0 : _a4.x : (_b3 = tooltipItem == null ? void 0 : tooltipItem.parsed) == null ? void 0 : _b3.y;
       return customFormatNumber$1(labelNumber, scientificNotation);
     };
     const tooltipItemValue = getTooltipItemValue();
@@ -25568,7 +25590,7 @@ const getLineChartToolTips = (options) => {
     return `${label}: ${tooltipItemValue} ${units} ${tooltipLabel}`;
   };
   return {
-    enabled: options.tooltip.tooltips,
+    enabled: (_e2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _e2.tooltips,
     mode: ChartHoverMode.Nearest,
     intersect: true,
     padding: TOOLTIP_PADDING,
@@ -26005,8 +26027,8 @@ const useChartOptions = ({
   const { legend: legend2, customLegendPlugin } = useLegendState({ chartRef, options }) ?? {};
   const { state: legendState } = useLegend() ?? {};
   const { annotation: annotation2 } = legendState ?? {};
-  const datalabels = getLineChartDataLabels(options);
-  const tooltip = getLineChartToolTips(options);
+  const datalabels = getLineChartDataLabels(options) ?? {};
+  const tooltip = getLineChartToolTips(options) ?? {};
   const scales = useMemo(
     () => autoScale(options, state, generatedDatasets, chartRef),
     [options, state, generatedDatasets, chartRef]
@@ -26111,6 +26133,7 @@ const useChartPlugins = ({ options, resetZoom: resetZoom2 }) => {
         resetZoom2();
         return false;
       }
+      return true;
     },
     [resetZoom2]
   );
@@ -26217,14 +26240,15 @@ const useChartState = ({
 const WORD_SEPARATOR = " ";
 const SEMI_TRANSPARENT = "rgba(0, 0, 0, 0.5)";
 const getWords = (text) => {
-  return (Array.isArray(text) ? text.join(WORD_SEPARATOR) : text).split(
+  var _a2;
+  return (_a2 = Array.isArray(text) ? text.join(WORD_SEPARATOR) : text) == null ? void 0 : _a2.split(
     WORD_SEPARATOR
   );
 };
 const drawText = ({ ctx, lines, lineHeight, x: x2, y: y2, position }) => {
-  lines.forEach((line, index2) => {
-    const lineY = position.includes("top") ? y2 + lineHeight * (index2 + 1) - 5 : y2 - (lines.length - 1 - index2) * lineHeight;
-    ctx.fillText(line, x2, lineY);
+  lines == null ? void 0 : lines.forEach((line, index2) => {
+    const lineY = (position == null ? void 0 : position.includes("top")) ? y2 + lineHeight * (index2 + 1) - 5 : y2 - (lines.length - 1 - index2) * lineHeight;
+    ctx == null ? void 0 : ctx.fillText(line, x2, lineY);
   });
 };
 const calculateMaxWidth = (initialMaxWidth, chartAreaWidth) => {
@@ -26234,71 +26258,72 @@ const calculateMaxWidth = (initialMaxWidth, chartAreaWidth) => {
   return initialMaxWidth * maxWidthFactor;
 };
 const getLegendDimensions = (chart2) => {
-  const { legend: legend2 } = chart2;
-  const legendWidth = legend2 && legend2.display && legend2.options.position === "left" ? legend2.width + legend2.options.labels.padding * 2 : 0;
-  const legendHeight = legend2 && legend2.display && (legend2.options.position === "top" || legend2.options.position === "bottom") ? legend2.height + legend2.options.labels.padding * 2 : 0;
+  var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+  const { legend: legend2 } = chart2 ?? {};
+  const legendWidth = legend2 && (legend2 == null ? void 0 : legend2.display) && ((_a2 = legend2 == null ? void 0 : legend2.options) == null ? void 0 : _a2.position) === "left" ? (legend2 == null ? void 0 : legend2.width) + ((_c2 = (_b2 = legend2 == null ? void 0 : legend2.options) == null ? void 0 : _b2.labels) == null ? void 0 : _c2.padding) * 2 : 0;
+  const legendHeight = legend2 && legend2.display && (((_d2 = legend2 == null ? void 0 : legend2.options) == null ? void 0 : _d2.position) === "top" || ((_e2 = legend2 == null ? void 0 : legend2.options) == null ? void 0 : _e2.position) === "bottom") ? (legend2 == null ? void 0 : legend2.height) + ((_g2 = (_f2 = legend2 == null ? void 0 : legend2.options) == null ? void 0 : _f2.labels) == null ? void 0 : _g2.padding) * 2 : 0;
   return { legendWidth, legendHeight };
 };
 const getPositionCoordinates = (position, chart2, xOffset, yOffset) => {
-  const { chartArea, width } = chart2;
+  const { chartArea, width } = chart2 ?? {};
   const temporaryChartAreaRight = width - 8;
-  const { legendWidth, legendHeight } = getLegendDimensions(chart2);
+  const { legendWidth, legendHeight } = getLegendDimensions(chart2) ?? {};
   switch (position) {
     case TextLabelPosition.TOP_LEFT:
       return [
-        chartArea.left + xOffset + legendWidth,
-        chartArea.top + yOffset + legendHeight
+        (chartArea == null ? void 0 : chartArea.left) + xOffset + legendWidth,
+        (chartArea == null ? void 0 : chartArea.top) + yOffset + legendHeight
       ];
     case TextLabelPosition.TOP_CENTER:
       return [
-        chartArea.left + chartArea.width / 2,
-        chartArea.top + yOffset + legendHeight
+        (chartArea == null ? void 0 : chartArea.left) + (chartArea == null ? void 0 : chartArea.width) / 2,
+        (chartArea == null ? void 0 : chartArea.top) + yOffset + legendHeight
       ];
     case TextLabelPosition.TOP_RIGHT:
       return [
         temporaryChartAreaRight - xOffset,
         //replace within chartArea.right when resize bug will be fixed
-        chartArea.top + yOffset + legendHeight
+        (chartArea == null ? void 0 : chartArea.top) + yOffset + legendHeight
       ];
     case TextLabelPosition.MIDDLE_LEFT:
       return [
-        chartArea.left + xOffset + legendWidth,
-        chartArea.top + chartArea.height / 2
+        (chartArea == null ? void 0 : chartArea.left) + xOffset + legendWidth,
+        (chartArea == null ? void 0 : chartArea.top) + (chartArea == null ? void 0 : chartArea.height) / 2
       ];
     case TextLabelPosition.MIDDLE_CENTER:
       return [
-        chartArea.left + chartArea.width / 2,
-        chartArea.top + chartArea.height / 2
+        (chartArea == null ? void 0 : chartArea.left) + (chartArea == null ? void 0 : chartArea.width) / 2,
+        (chartArea == null ? void 0 : chartArea.top) + (chartArea == null ? void 0 : chartArea.height) / 2
       ];
     case TextLabelPosition.MIDDLE_RIGHT:
       return [
         temporaryChartAreaRight - xOffset - legendWidth,
         //replace within chartArea.right when resize bug will be fixed
-        chartArea.top + chartArea.height / 2
+        (chartArea == null ? void 0 : chartArea.top) + (chartArea == null ? void 0 : chartArea.height) / 2
       ];
     case TextLabelPosition.BOTTOM_LEFT:
       return [
-        chartArea.left + xOffset + legendWidth,
-        chartArea.bottom - yOffset - legendHeight
+        (chartArea == null ? void 0 : chartArea.left) + xOffset + legendWidth,
+        (chartArea == null ? void 0 : chartArea.bottom) - yOffset - legendHeight
       ];
     case TextLabelPosition.BOTTOM_CENTER:
       return [
-        chartArea.left + chartArea.width / 2,
-        chartArea.bottom - yOffset - legendHeight
+        (chartArea == null ? void 0 : chartArea.left) + (chartArea == null ? void 0 : chartArea.width) / 2,
+        (chartArea == null ? void 0 : chartArea.bottom) - yOffset - legendHeight
       ];
     case TextLabelPosition.BOTTOM_RIGHT:
     default:
       return [
         temporaryChartAreaRight - xOffset - legendWidth,
         //replace within chartArea.right when resize bug will be fixed
-        chartArea.bottom - yOffset - legendHeight
+        (chartArea == null ? void 0 : chartArea.bottom) - yOffset - legendHeight
       ];
   }
 };
 const getTextAlign = (position) => {
-  if (position.includes(AlignOptions.Center)) {
+  if (position == null ? void 0 : position.includes(AlignOptions.Center)) {
     return AlignOptions.Center;
-  } else if (position.includes(AlignOptions.Left)) {
+  } else if (position == null ? void 0 : position.includes(AlignOptions.Left)) {
     return AlignOptions.Left;
   } else {
     return AlignOptions.Right;
@@ -26308,11 +26333,11 @@ const wrapText = (words, maxWidth, ctx) => {
   let line = "";
   let lines = [];
   for (let i2 = 0; i2 < words.length; i2++) {
-    const testLine = `${line}${words[i2]}${WORD_SEPARATOR}`;
-    const { width: testWidth } = ctx.measureText(testLine);
+    const testLine = `${line}${words == null ? void 0 : words[i2]}${WORD_SEPARATOR}`;
+    const { width: testWidth } = (ctx == null ? void 0 : ctx.measureText(testLine)) ?? {};
     if (testWidth > maxWidth) {
-      lines.push(line.trim());
-      line = `${words[i2]}${WORD_SEPARATOR}`;
+      lines.push(line == null ? void 0 : line.trim());
+      line = `${words == null ? void 0 : words[i2]}${WORD_SEPARATOR}`;
     } else {
       line = testLine;
     }
@@ -26321,15 +26346,17 @@ const wrapText = (words, maxWidth, ctx) => {
   return lines;
 };
 const renderWrappedText = (ctx, options) => {
-  const { text, maxWidth, fontSize, lineHeight, x: x2, y: y2, position } = options;
+  var _a2, _b2;
+  if (!ctx) return;
+  const { text, maxWidth, fontSize, lineHeight, x: x2, y: y2, position } = options ?? {};
   const words = getWords(text);
   const wrappedLines = wrapText(words, maxWidth, ctx);
-  ctx.save();
+  (_a2 = ctx == null ? void 0 : ctx.save) == null ? void 0 : _a2.call(ctx);
   ctx.font = `${fontSize}px Arial`;
   ctx.fillStyle = SEMI_TRANSPARENT;
   ctx.textAlign = getTextAlign(position);
   drawText({ ctx, lines: wrappedLines, lineHeight, x: x2, y: y2, position });
-  ctx.restore();
+  (_b2 = ctx == null ? void 0 : ctx.restore) == null ? void 0 : _b2.call(ctx);
 };
 const chartAreaTextPlugin = {
   id: "chartAreaText",
@@ -26343,9 +26370,9 @@ const chartAreaTextPlugin = {
       lineHeight,
       maxWidth: initialMaxWidth,
       position
-    } = options;
+    } = options ?? {};
     if (!showLabel || !text) return;
-    const { ctx, chartArea } = chart2;
+    const { ctx, chartArea } = chart2 ?? {};
     if (!ctx || !chartArea) return;
     const maxWidth = calculateMaxWidth(initialMaxWidth, chartArea.width);
     const [x2, y2] = getPositionCoordinates(position, chart2, xOffset, yOffset);
@@ -26672,8 +26699,10 @@ const annotationDraggerPlugin = {
   id: "annotationDraggerPlugin",
   beforeDraw(chart2) {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    const ctx = chart2 == null ? void 0 : chart2.ctx;
     let annotations = ((_b2 = (_a2 = chart2.options.plugins) == null ? void 0 : _a2.annotation) == null ? void 0 : _b2.annotations) ?? {};
     if (!annotations) return;
+    if (!ctx || !annotations) return;
     annotationLabel(
       chart2.ctx,
       annotations,
@@ -26706,6 +26735,7 @@ const annotationDraggerPlugin = {
     const pluginOptions = ((_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.plugins) == null ? void 0 : _b2.annotationDraggerPlugin) || {
       enabled: false
     };
+    if (!canvas2 || !scales || !pluginOptions) return;
     const typedScales = { ...scales, x: scales.x, y: scales.y };
     let annotations = ((_d2 = (_c2 = chart2.options.plugins) == null ? void 0 : _c2.annotation) == null ? void 0 : _d2.annotations) ?? {};
     if (!chart2 && !annotations) return;