pace-chart-lib 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/pace-chart-lib.es.js +406 -473
  2. package/dist/pace-chart-lib.umd.js +406 -473
  3. package/package.json +1 -1
package/dist/pace-chart-lib.umd.js CHANGED
@@ -2374,7 +2374,7 @@
2374
2374
  }
2375
2375
  }));
2376
2376
  const constant$9 = (x2) => () => x2;
2377
- function linear$3(a2, d) {
2377
+ function linear$2(a2, d) {
2378
2378
  return function(t) {
2379
2379
  return a2 + t * d;
2380
2380
  };
@@ -2391,7 +2391,7 @@
2391
2391
  }
2392
2392
  function nogamma$1(a2, b) {
2393
2393
  var d = b - a2;
2394
- return d ? linear$3(a2, d) : constant$9(isNaN(a2) ? b : a2);
2394
+ return d ? linear$2(a2, d) : constant$9(isNaN(a2) ? b : a2);
2395
2395
  }
2396
2396
  const interpolateRgb$1 = (function rgbGamma(y2) {
2397
2397
  var color2 = gamma$1(y2);
@@ -3340,10 +3340,6 @@
3340
3340
  end: transition_end$1,
3341
3341
  [Symbol.iterator]: selection_prototype$1[Symbol.iterator]
3342
3342
  };
3343
- const linear$2 = (t) => +t;
3344
- function cubicOut(t) {
3345
- return --t * t * t + 1;
3346
- }
3347
3343
  function cubicInOut$1(t) {
3348
3344
  return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
3349
3345
  }
@@ -10871,7 +10867,8 @@
10871
10867
  xAxisLabelFontFamily: "Helvetica",
10872
10868
  xAxisLabelFontStyle: [],
10873
10869
  xAxisLabelColor: "#000000",
10874
- xAxisNumberFormat: "DD-MM-YYYY",
10870
+ xAxisNumberFormat: "MMM-YY",
10871
+ // "DD-MM-YYYY",
10875
10872
  xAxisQuarterFormat: "Long",
10876
10873
  xAxisDisplayUnits: "None",
10877
10874
  xAxisDisplayUnitsLabel: false,
@@ -10921,7 +10918,7 @@
10921
10918
  yAxisLabelFontStyle: [],
10922
10919
  yAxisLabelColor: "#000000",
10923
10920
  yAxisNumberFormat: ",",
10924
- yAxisDisplayUnits: "Thousands",
10921
+ yAxisDisplayUnits: "Auto",
10925
10922
  //"None",
10926
10923
  yAxisLabelRotation: 90,
10927
10924
  yAxisDisplayUnitsLabel: false,
@@ -12349,7 +12346,9 @@
12349
12346
  labels.push(parseFloat(current.toFixed(10)));
12350
12347
  current += interval2;
12351
12348
  }
12352
- return labels;
12349
+ const reductionFactor = 4;
12350
+ const reducedLabels = labels.filter((i) => i % reductionFactor === 0);
12351
+ return reducedLabels;
12353
12352
  }
12354
12353
  function initYaxis$1(gTag, formatOptions, dataTableHeight, yLabel, yAxisLeft, innerHeight2) {
12355
12354
  try {
@@ -15391,7 +15390,7 @@
15391
15390
  const tooltip = select$2("#chartTooltipDiv").html("").append("div").attr(
15392
15391
  "class",
15393
15392
  chartFormatOptions.toolTip.toolTipTheme === "Light" ? "tooltipParentLight chartTooltip" : "tooltipParentDark chartTooltip"
15394
- ).style("color", "black").style("background", "rgba(255, 255, 255)").style("border", "0px solid #d4d4d4").style("border-radius", "4px").style("padding", "8px 12px").style("position", "absolute").style("box-shadow", "0px 4px 10px #240808ff").style("transition", "transform 0.1s ease, opacity 0.2s ease");
15393
+ ).style("color", "black").style("background", "rgba(255, 255, 255)").style("border", "0px solid #d4d4d4").style("border-radius", "4px").style("padding", "8px 12px").style("position", "absolute").style("box-shadow", "0px 4px 10px #240808ff").style("transition", "transform 0.1s ease, opacity 0.2s ease").style("position", "absolute");
15395
15394
  const e = event2 || window.event;
15396
15395
  const mouseX = e.pageX;
15397
15396
  const mouseY = e.pageY;
@@ -16432,7 +16431,7 @@
16432
16431
  customYaxisMinValue,
16433
16432
  customYaxisMaxValue
16434
16433
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
16435
- ).tickSizeOuter(0);
16434
+ ).tickPadding(8).tickSizeOuter(0);
16436
16435
  }
16437
16436
  if (isSecondaryAxisDrawn) {
16438
16437
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -16458,7 +16457,7 @@
16458
16457
  ).secondaryCustomTickValue ?? innerHeight2 / 30
16459
16458
  ).tickSize(
16460
16459
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
16461
- ).tickSizeOuter(0);
16460
+ ).tickPadding(8).tickSizeOuter(0);
16462
16461
  }
16463
16462
  };
16464
16463
  const getXAxis = () => {
@@ -16496,7 +16495,7 @@
16496
16495
  "transform",
16497
16496
  (d) => `translate(${xScale(d.dimension) - columnWidth / 2}, 0)`
16498
16497
  );
16499
- columnGroupsEnter.append("rect").attr("x", (d) => xScaleForLegends(d.legend)).attr("width", xScaleForLegends.bandwidth()).attr("y", (d) => {
16498
+ const bars = columnGroupsEnter.append("rect").attr("x", (d) => xScaleForLegends(d.legend)).attr("width", xScaleForLegends.bandwidth()).attr("y", (d) => {
16500
16499
  const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
16501
16500
  return yScale(0);
16502
16501
  }).attr("height", 0).attr("fill", data2.properties.color).attr("stroke-dasharray", (d) => d.stackBorderStyle === 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
@@ -16505,7 +16504,9 @@
16505
16504
  ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr(
16506
16505
  "visibility",
16507
16506
  (d) => d.value === 0 && formatOptions.xAxisLabel.hideZeroValues ? "hidden" : "visible"
16508
- ).transition().duration(2e3).ease(cubicOut).attr("y", (d) => {
16507
+ );
16508
+ const finalBars = bars;
16509
+ finalBars.attr("y", (d) => {
16509
16510
  const yScale = data2.properties.axis === "Primary" ? yScaleLeft : yScaleRight;
16510
16511
  return d.value > 0 ? yScale(d.value) : yScale(0);
16511
16512
  }).attr("height", (d) => {
@@ -16641,18 +16642,15 @@
16641
16642
  );
16642
16643
  getChartType(filteredData);
16643
16644
  };
16644
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
16645
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
16646
- /* @__PURE__ */ jsxRuntimeExports.jsx(
16647
- "svg",
16648
- {
16649
- className: "chartSVG",
16650
- ref: svgRef,
16651
- id: chartId,
16652
- style: { width: "100%", height: "100%" }
16653
- }
16654
- )
16655
- ] });
16645
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
16646
+ "svg",
16647
+ {
16648
+ className: "chartSVG",
16649
+ ref: svgRef,
16650
+ id: chartId,
16651
+ style: { width: "100%", height: "100%" }
16652
+ }
16653
+ ) });
16656
16654
  };
16657
16655
  const CustomColumnChart = ({
16658
16656
  isDateType,
@@ -17167,7 +17165,7 @@
17167
17165
  customYaxisMinValue,
17168
17166
  customYaxisMaxValue
17169
17167
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
17170
- ).tickSizeOuter(0);
17168
+ ).tickPadding(8).tickSizeOuter(0);
17171
17169
  }
17172
17170
  if (isSecondaryAxisDrawn) {
17173
17171
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -17193,7 +17191,7 @@
17193
17191
  ).secondaryCustomTickValue ?? innerHeight2 / 30
17194
17192
  ).tickSize(
17195
17193
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
17196
- ).tickSizeOuter(0);
17194
+ ).tickPadding(8).tickSizeOuter(0);
17197
17195
  }
17198
17196
  };
17199
17197
  const getChartType = (lineData) => {
@@ -17620,18 +17618,15 @@
17620
17618
  });
17621
17619
  return stackChartData;
17622
17620
  };
17623
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
17624
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
17625
- /* @__PURE__ */ jsxRuntimeExports.jsx(
17626
- "svg",
17627
- {
17628
- className: "chartSVG",
17629
- ref: svgRef,
17630
- id: chartId,
17631
- style: { width: "100%", height: "100%" }
17632
- }
17633
- )
17634
- ] });
17621
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
17622
+ "svg",
17623
+ {
17624
+ className: "chartSVG",
17625
+ ref: svgRef,
17626
+ id: chartId,
17627
+ style: { width: "100%", height: "100%" }
17628
+ }
17629
+ ) });
17635
17630
  };
17636
17631
  const LayeredColumnChart = ({
17637
17632
  isDateType,
@@ -17968,7 +17963,7 @@
17968
17963
  customYaxisMinValue,
17969
17964
  customYaxisMaxValue
17970
17965
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
17971
- ).tickSizeOuter(0);
17966
+ ).tickPadding(8).tickSizeOuter(0);
17972
17967
  }
17973
17968
  };
17974
17969
  const getXAxis = () => {
@@ -18145,18 +18140,15 @@
18145
18140
  visibleBars = fVisibleBars;
18146
18141
  drawColumnChart();
18147
18142
  };
18148
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
18149
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
18150
- /* @__PURE__ */ jsxRuntimeExports.jsx(
18151
- "svg",
18152
- {
18153
- className: "chartSVG",
18154
- ref: svgRef,
18155
- id: chartId,
18156
- style: { width: "100%", height: "100%" }
18157
- }
18158
- )
18159
- ] });
18143
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
18144
+ "svg",
18145
+ {
18146
+ className: "chartSVG",
18147
+ ref: svgRef,
18148
+ id: chartId,
18149
+ style: { width: "100%", height: "100%" }
18150
+ }
18151
+ ) });
18160
18152
  };
18161
18153
  const StackColumnChart = ({
18162
18154
  isDateType,
@@ -18471,7 +18463,7 @@
18471
18463
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 + 0 : 0 : 0
18472
18464
  ).tickValues(respParams.yAxisLabelArray).ticks(
18473
18465
  respParams.customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
18474
- ).tickSizeOuter(0);
18466
+ ).tickPadding(8).tickSizeOuter(0);
18475
18467
  }
18476
18468
  };
18477
18469
  const getXAxis = () => {
@@ -18504,7 +18496,7 @@
18504
18496
  );
18505
18497
  return { props: seriesData[groupIndex]?.properties, groupIndex };
18506
18498
  };
18507
- const mergedRects = rects.enter().append("rect").merge(rects).attr("x", (d) => xScale(d.data.dimension) - columnWidth / 2).attr("width", columnWidth).attr("y", (d) => yScaleLeft(0)).attr("height", 0).attr("fill", (d, i, nodes) => {
18499
+ const baseRects = rects.enter().append("rect").merge(rects).attr("x", (d) => xScale(d.data.dimension) - columnWidth / 2).attr("width", columnWidth).attr("y", (d) => yScaleLeft(0)).attr("height", 0).attr("fill", (d, i, nodes) => {
18508
18500
  const { props } = getPropsForRect(nodes, i);
18509
18501
  return props?.color || "gray";
18510
18502
  }).attr("stroke", (d, i, nodes) => {
@@ -18557,7 +18549,8 @@
18557
18549
  selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
18558
18550
  selectAll('[hoverId="' + legend + '"]').classed("highlight", false).classed("unhighlight", false);
18559
18551
  });
18560
- mergedRects.transition().duration(2e3).ease(cubicOut).attr("y", (d) => d[1] >= d[0] ? yScaleLeft(d[1]) : yScaleLeft(d[0])).attr("height", (d) => Math.abs(yScaleLeft(d[0]) - yScaleLeft(d[1])));
18552
+ const finalRects = baseRects;
18553
+ finalRects.attr("y", (d) => d[1] >= d[0] ? yScaleLeft(d[1]) : yScaleLeft(d[0])).attr("height", (d) => Math.abs(yScaleLeft(d[0]) - yScaleLeft(d[1])));
18561
18554
  columnGroups.exit().remove();
18562
18555
  gTag.selectAll(".parentGroup").raise();
18563
18556
  };
@@ -18870,18 +18863,15 @@
18870
18863
  } catch (e) {
18871
18864
  }
18872
18865
  };
18873
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
18874
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
18875
- /* @__PURE__ */ jsxRuntimeExports.jsx(
18876
- "svg",
18877
- {
18878
- className: "chartSVG",
18879
- ref: svgRef,
18880
- id: chartId,
18881
- style: { width: "100%", height: "100%" }
18882
- }
18883
- )
18884
- ] });
18866
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
18867
+ "svg",
18868
+ {
18869
+ className: "chartSVG",
18870
+ ref: svgRef,
18871
+ id: chartId,
18872
+ style: { width: "100%", height: "100%" }
18873
+ }
18874
+ ) });
18885
18875
  };
18886
18876
  const NormalizedStackColumnChart = ({
18887
18877
  isDateType,
@@ -19193,7 +19183,7 @@
19193
19183
  ).ticks(
19194
19184
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
19195
19185
  "%"
19196
- ).tickSizeOuter(0);
19186
+ ).tickPadding(8).tickSizeOuter(0);
19197
19187
  }
19198
19188
  };
19199
19189
  const getXAxis = () => {
@@ -19248,7 +19238,8 @@
19248
19238
  const { props } = getPropsForRect(nodes, i);
19249
19239
  return d.data[d.key] === 0 && props?.hideZeroValues ? "hidden" : "visible";
19250
19240
  });
19251
- rectsEnter.transition().duration(2e3).ease(cubicOut).attr("y", (d) => d[1] >= d[0] ? yScaleLeft(d[1]) : yScaleLeft(d[0])).attr("height", (d) => Math.abs(yScaleLeft(d[0]) - yScaleLeft(d[1])));
19241
+ const applyTransition = (sel) => sel;
19242
+ applyTransition(rectsEnter).attr("y", (d) => d[1] >= d[0] ? yScaleLeft(d[1]) : yScaleLeft(d[0])).attr("height", (d) => Math.abs(yScaleLeft(d[0]) - yScaleLeft(d[1])));
19252
19243
  rectsEnter.merge(rects).on("mousemove", (event2, d) => {
19253
19244
  showTooltipOnMouseMove(
19254
19245
  [
@@ -19407,18 +19398,15 @@
19407
19398
  })
19408
19399
  );
19409
19400
  };
19410
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
19411
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
19412
- /* @__PURE__ */ jsxRuntimeExports.jsx(
19413
- "svg",
19414
- {
19415
- className: "chartSVG",
19416
- ref: svgRef,
19417
- id: chartId,
19418
- style: { width: "100%", height: "100%" }
19419
- }
19420
- )
19421
- ] });
19401
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
19402
+ "svg",
19403
+ {
19404
+ className: "chartSVG",
19405
+ ref: svgRef,
19406
+ id: chartId,
19407
+ style: { width: "100%", height: "100%" }
19408
+ }
19409
+ ) });
19422
19410
  };
19423
19411
  const fileName$a = "ChartsWithoutAxisFunctions.ts";
19424
19412
  function marginCalculationForBubbleScatter(width, height, maxMeasure, formatOptions, maxDimension, maxLegendDimensions) {
@@ -20265,7 +20253,7 @@
20265
20253
  false,
20266
20254
  innerWidth2
20267
20255
  ).yAxisLabelArray
20268
- ).ticks(innerHeight2 / 50).tickSizeOuter(0);
20256
+ ).ticks(innerHeight2 / 50).tickPadding(8).tickSizeOuter(0);
20269
20257
  }
20270
20258
  };
20271
20259
  const getXAxis = () => {
@@ -20282,7 +20270,7 @@
20282
20270
  )
20283
20271
  ).tickSize(
20284
20272
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? formatOptions.plotArea.gridLinesVertical ? -(dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) : parseFloat(formatOptions.plotArea.ticksHeight) * ((dataTableHeight > 0 ? innerHeight2 - dataTableHeight : innerHeight2) / 100) * (formatOptions.xAxisLabel.xAxisPosition == "1" ? 1 : -1) : 0 : 0
20285
- ).tickValues(labelArray).ticks(innerWidth2 / 30).tickSizeOuter(0);
20273
+ ).tickValues(labelArray).ticks(innerWidth2 / 30).tickPadding(8).tickSizeOuter(0);
20286
20274
  formatOptions.bins.binsCalculation === "Automatic" ? xAxis.ticks(thresholds) : xAxis.tickValues(periods).ticks(innerWidth2 / 50);
20287
20275
  };
20288
20276
  const getChartType = (lineData) => {
@@ -20398,18 +20386,15 @@
20398
20386
  filteredDimension
20399
20387
  );
20400
20388
  };
20401
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
20402
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
20403
- /* @__PURE__ */ jsxRuntimeExports.jsx(
20404
- "svg",
20405
- {
20406
- className: "chartSVG",
20407
- ref: svgRef,
20408
- id: chartId,
20409
- style: { width: "100%", height: "100%" }
20410
- }
20411
- )
20412
- ] });
20389
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
20390
+ "svg",
20391
+ {
20392
+ className: "chartSVG",
20393
+ ref: svgRef,
20394
+ id: chartId,
20395
+ style: { width: "100%", height: "100%" }
20396
+ }
20397
+ ) });
20413
20398
  };
20414
20399
  const LineChart = ({
20415
20400
  isDateType,
@@ -20779,7 +20764,7 @@
20779
20764
  customYaxisMinValue,
20780
20765
  customYaxisMaxValue
20781
20766
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
20782
- ).tickSizeOuter(0);
20767
+ ).tickPadding(8).tickSizeOuter(0);
20783
20768
  }
20784
20769
  if (isSecondaryAxisDrawn) {
20785
20770
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -20805,7 +20790,7 @@
20805
20790
  ).secondaryCustomTickValue ?? innerHeight2 / 30
20806
20791
  ).tickSize(
20807
20792
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
20808
- ).tickSizeOuter(0);
20793
+ ).tickPadding(8).tickSizeOuter(0);
20809
20794
  }
20810
20795
  };
20811
20796
  const getXAxis = () => {
@@ -20820,16 +20805,17 @@
20820
20805
  cData.axis = lData.properties.axis;
20821
20806
  });
20822
20807
  });
20823
- const lineGenerator = line$1().x(
20824
- (d) => xScale(d.dimension) ? xScale(d.dimension) : null
20825
- ).y(
20808
+ const lineGenerator = line$1().x((d) => {
20809
+ const val = xScale(d.dimension);
20810
+ return val != null ? val : 0;
20811
+ }).y(
20826
20812
  (d) => d.axis === "Primary" ? yScaleLeft(d.value) : yScaleRight(d.value)
20827
20813
  ).defined((d) => d.hideZero ? Boolean(d.value) : true).curve(getCurveType(formatOptions));
20828
20814
  let lines = gTag.selectAll(".parentGroup").data([lineData]);
20829
20815
  lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
20830
20816
  let lineGroups = lines.selectAll(".line-group").data((d) => d);
20831
20817
  let lineGroupsEnter = lineGroups.enter().append("g").attr("class", "line-group");
20832
- lineGroupsEnter.attr("hoverId", (d) => d.legend.replace(/ /g, "-")).append("path").attr("class", "line").attr("fill", "none");
20818
+ lineGroupsEnter.attr("hoverId", (d) => d.legend.replace(/ /g, "-")).append("path").attr("class", "visibleLine").attr("fill", "none");
20833
20819
  lineGroupsEnter.merge(lineGroups).each(function(d) {
20834
20820
  const g = select$2(this);
20835
20821
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", (d2) => lineGenerator(d2.data)).attr(
@@ -20850,11 +20836,7 @@
20850
20836
  ).attr(
20851
20837
  "stroke-width",
20852
20838
  (d2) => d2.properties.lineStyle !== "None" ? 2.5 : 0
20853
- ).attr("fill", "none").each(function(d2) {
20854
- const path2 = select$2(this);
20855
- const totalLength = this.getTotalLength();
20856
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
20857
- });
20839
+ ).attr("d", (d2) => lineGenerator(d2.data));
20858
20840
  g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", (d2) => lineGenerator(d2.data)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function(event2, d2) {
20859
20841
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
20860
20842
  svg.selectAll(
@@ -20971,18 +20953,15 @@
20971
20953
  );
20972
20954
  }
20973
20955
  };
20974
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
20975
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
20976
- /* @__PURE__ */ jsxRuntimeExports.jsx(
20977
- "svg",
20978
- {
20979
- className: "chartSVG",
20980
- ref: svgRef,
20981
- id: chartId,
20982
- style: { width: "100%", height: "100%" }
20983
- }
20984
- )
20985
- ] });
20956
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
20957
+ "svg",
20958
+ {
20959
+ className: "chartSVG",
20960
+ ref: svgRef,
20961
+ id: chartId,
20962
+ style: { width: "100%", height: "100%" }
20963
+ }
20964
+ ) });
20986
20965
  };
20987
20966
  const StackLineChart = ({
20988
20967
  isDateType,
@@ -21334,7 +21313,7 @@
21334
21313
  customYaxisMinValue,
21335
21314
  customYaxisMaxValue
21336
21315
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
21337
- ).tickSizeOuter(0);
21316
+ ).tickPadding(8).tickSizeOuter(0);
21338
21317
  }
21339
21318
  };
21340
21319
  const getXAxis = () => {
@@ -21355,27 +21334,36 @@
21355
21334
  let lines = gTag.selectAll(".parentGroup").data([stackChartData]);
21356
21335
  lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
21357
21336
  let lineGroups = lines.selectAll(".line-group").data((d) => d);
21358
- let lineGroupsEnter = lineGroups.enter().append("g").attr("class", (d) => "line-group " + d.key.replace(/ /g, "-"));
21337
+ const lineGroupsEnter = lineGroups.enter().append("g").attr("class", (d) => "line-group " + d.key.replace(/ /g, "-"));
21359
21338
  lineGroupsEnter.attr(
21360
21339
  "hoverId",
21361
21340
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
21362
21341
  ).append("path").attr("class", "line").attr("fill", "none");
21363
21342
  lineGroupsEnter.merge(lineGroups).each(function(d, i) {
21364
21343
  const g = select$2(this);
21365
- g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
21344
+ const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
21366
21345
  "stroke-dasharray",
21367
21346
  seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
21368
- ).attr("stroke-linecap", seriesData[i].properties.lineStyle === "dotted" ? "round" : "").attr("stroke-width", seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0).attr("fill", "none").each(function() {
21369
- const path2 = select$2(this);
21370
- const totalLength = this.getTotalLength();
21371
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
21372
- });
21347
+ ).attr(
21348
+ "stroke-linecap",
21349
+ seriesData[i].properties.lineStyle === "dotted" ? "round" : ""
21350
+ ).attr(
21351
+ "stroke-width",
21352
+ seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0
21353
+ ).attr("fill", "none");
21354
+ const totalLength = pathSel.node().getTotalLength();
21355
+ {
21356
+ pathSel.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", 0);
21357
+ }
21373
21358
  g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", lineGenerator(d)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function() {
21374
21359
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
21375
- svg.selectAll(`[hoverId="${getJQuerySelector(d.key.split("~$~")[1].replace(/ /g, "-"))}"]`).classed("highlight", true).classed("unhighlight", false);
21360
+ svg.selectAll(
21361
+ `[hoverId="${getJQuerySelector(
21362
+ d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
21363
+ )}"]`
21364
+ ).classed("highlight", true).classed("unhighlight", false);
21376
21365
  }).on("mouseleave", function() {
21377
21366
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
21378
- svg.selectAll(`[hoverId="${getJQuerySelector(d.key.split("~$~")[1].replace(/ /g, "-"))}"]`).classed("highlight", false).classed("unhighlight", false);
21379
21367
  });
21380
21368
  });
21381
21369
  lineGroups.exit().remove();
@@ -21516,18 +21504,15 @@
21516
21504
  visibleBars = fVisibleBars;
21517
21505
  drawLineChart();
21518
21506
  };
21519
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
21520
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
21521
- /* @__PURE__ */ jsxRuntimeExports.jsx(
21522
- "svg",
21523
- {
21524
- className: "chartSVG",
21525
- ref: svgRef,
21526
- id: chartId,
21527
- style: { width: "100%", height: "100%" }
21528
- }
21529
- )
21530
- ] });
21507
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
21508
+ "svg",
21509
+ {
21510
+ className: "chartSVG",
21511
+ ref: svgRef,
21512
+ id: chartId,
21513
+ style: { width: "100%", height: "100%" }
21514
+ }
21515
+ ) });
21531
21516
  };
21532
21517
  const NormalisedStackLineChart = ({
21533
21518
  isDateType,
@@ -21817,7 +21802,7 @@
21817
21802
  ).ticks(
21818
21803
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
21819
21804
  "%"
21820
- ).tickSizeOuter(0);
21805
+ ).tickPadding(8).tickSizeOuter(0);
21821
21806
  }
21822
21807
  };
21823
21808
  const getXAxis = () => {
@@ -21853,7 +21838,7 @@
21853
21838
  ).append("path").attr("class", "line").attr("fill", "none");
21854
21839
  lineGroupsEnter.merge(lineGroups).each(function(d, i) {
21855
21840
  const g = select$2(this);
21856
- g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
21841
+ const pathSel = g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", lineGenerator(d)).attr("stroke", d.color !== "#ffffff" ? d.color : "none").attr(
21857
21842
  "stroke-dasharray",
21858
21843
  seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
21859
21844
  ).attr(
@@ -21862,16 +21847,16 @@
21862
21847
  ).attr(
21863
21848
  "stroke-width",
21864
21849
  seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0
21865
- ).attr("fill", "none").each(function() {
21866
- const path2 = select$2(this);
21867
- const totalLength = this.getTotalLength();
21868
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
21869
- });
21850
+ ).attr("fill", "none");
21851
+ const totalLength = pathSel.node().getTotalLength();
21852
+ {
21853
+ pathSel.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", 0);
21854
+ }
21870
21855
  g.selectAll("path.hoverLine").data([d]).join("path").attr("class", "hoverLine").attr("d", lineGenerator(d)).attr("stroke", "transparent").attr("stroke-width", 20).attr("fill", "none").style("pointer-events", "stroke").on("mouseenter", function() {
21871
21856
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
21872
21857
  svg.selectAll(
21873
21858
  `[hoverId="${getJQuerySelector(
21874
- d.key.split("~$~")[1].replace(/ /g, "-")
21859
+ d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
21875
21860
  )}"]`
21876
21861
  ).classed("highlight", true).classed("unhighlight", false);
21877
21862
  }).on("mouseleave", function() {
@@ -22020,18 +22005,15 @@
22020
22005
  })
22021
22006
  );
22022
22007
  };
22023
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
22024
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
22025
- /* @__PURE__ */ jsxRuntimeExports.jsx(
22026
- "svg",
22027
- {
22028
- className: "chartSVG",
22029
- ref: svgRef,
22030
- id: chartId,
22031
- style: { width: "100%", height: "100%" }
22032
- }
22033
- )
22034
- ] });
22008
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
22009
+ "svg",
22010
+ {
22011
+ className: "chartSVG",
22012
+ ref: svgRef,
22013
+ id: chartId,
22014
+ style: { width: "100%", height: "100%" }
22015
+ }
22016
+ ) });
22035
22017
  };
22036
22018
  const HorizontalBarChart = ({
22037
22019
  isDateType,
@@ -22362,7 +22344,7 @@
22362
22344
  customYaxisMinValue,
22363
22345
  customYaxisMaxValue
22364
22346
  ).customTickValue ?? innerHeight2 / 30
22365
- ).tickSizeOuter(0);
22347
+ ).tickPadding(8).tickSizeOuter(0);
22366
22348
  }
22367
22349
  if (isSecondaryAxisDrawn) {
22368
22350
  xAxisTop = axisTop(xScaleTop).tickFormat(
@@ -22388,7 +22370,7 @@
22388
22370
  ).secondaryCustomTickValue ?? innerHeight2 / 30
22389
22371
  ).tickSize(
22390
22372
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
22391
- ).tickSizeOuter(0);
22373
+ ).tickPadding(8).tickSizeOuter(0);
22392
22374
  }
22393
22375
  };
22394
22376
  const getYAxis = () => {
@@ -22416,7 +22398,7 @@
22416
22398
  ).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22417
22399
  columnGroups.attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22418
22400
  columnGroupsEnter.merge(columnGroups).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22419
- columnGroupsEnter.append("rect").attr("y", (d) => yScaleLegends(d.legend)).attr("height", yScaleLegends.bandwidth()).attr("x", (d) => {
22401
+ const bars = columnGroupsEnter.append("rect").attr("y", (d) => yScaleLegends(d.legend)).attr("height", yScaleLegends.bandwidth()).attr("x", (d) => {
22420
22402
  const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
22421
22403
  return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(0);
22422
22404
  }).attr("width", 0).attr("fill", data2.properties.color).attr("stroke-dasharray", (d) => d.stackBorderStyle === 2 ? "5,3" : "0").attr("stroke-width", (d) => `${d.stackBorderWidth}px`).attr(
@@ -22425,7 +22407,9 @@
22425
22407
  ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr(
22426
22408
  "visibility",
22427
22409
  (d) => d.value === 0 && formatOptions.xAxisLabel.hideZeroValues ? "hidden" : "visible"
22428
- ).transition().duration(2e3).ease(cubicOut).attr("x", (d) => {
22410
+ );
22411
+ const finalBars = bars;
22412
+ finalBars.attr("x", (d) => {
22429
22413
  const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
22430
22414
  return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(d.value);
22431
22415
  }).attr("width", (d) => {
@@ -22539,18 +22523,15 @@
22539
22523
  barChart
22540
22524
  );
22541
22525
  };
22542
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
22543
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
22544
- /* @__PURE__ */ jsxRuntimeExports.jsx(
22545
- "svg",
22546
- {
22547
- className: "chartSVG",
22548
- ref: svgRef,
22549
- id: chartId,
22550
- style: { width: "100%", height: "100%" }
22551
- }
22552
- )
22553
- ] });
22526
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
22527
+ "svg",
22528
+ {
22529
+ className: "chartSVG",
22530
+ ref: svgRef,
22531
+ id: chartId,
22532
+ style: { width: "100%", height: "100%" }
22533
+ }
22534
+ ) });
22554
22535
  };
22555
22536
  const StackHorizontalChart = ({
22556
22537
  isDateType,
@@ -22866,7 +22847,7 @@
22866
22847
  barChart,
22867
22848
  innerWidth2
22868
22849
  ).customTickValue ?? innerHeight2 / 30
22869
- ).tickSizeOuter(0);
22850
+ ).tickPadding(8).tickSizeOuter(0);
22870
22851
  }
22871
22852
  };
22872
22853
  const getYAxis = () => {
@@ -22897,7 +22878,7 @@
22897
22878
  const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
22898
22879
  return { props: seriesData[groupIndex]?.properties, groupIndex };
22899
22880
  };
22900
- const mergedRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - columnWidth / 2).attr("height", columnWidth).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
22881
+ const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - columnWidth / 2).attr("height", columnWidth).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
22901
22882
  const props = getPropsForRect(nodes, i).props;
22902
22883
  return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
22903
22884
  }).attr(
@@ -22947,7 +22928,9 @@
22947
22928
  selectAll('[hoverId="' + legend + '"]').classed("highlight", false).classed("unhighlight", false);
22948
22929
  hideTooltipOnMouseOut();
22949
22930
  });
22950
- mergedRects.attr("x", (d) => xScaleBottom(0)).transition().duration(2e3).ease(cubicOut).attr("x", (d) => Math.min(xScaleBottom(d[0]), xScaleBottom(d[1]))).attr("width", (d) => Math.abs(xScaleBottom(d[1]) - xScaleBottom(d[0])));
22931
+ baseRects.attr("x", (d) => xScaleBottom(0));
22932
+ const finalRects = baseRects;
22933
+ finalRects.attr("x", (d) => Math.min(xScaleBottom(d[0]), xScaleBottom(d[1]))).attr("width", (d) => Math.abs(xScaleBottom(d[1]) - xScaleBottom(d[0])));
22951
22934
  columnGroups.exit().remove();
22952
22935
  gTag.selectAll(".parentGroup").raise();
22953
22936
  };
@@ -23246,18 +23229,15 @@
23246
23229
  console.error(e);
23247
23230
  }
23248
23231
  };
23249
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
23250
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
23251
- /* @__PURE__ */ jsxRuntimeExports.jsx(
23252
- "svg",
23253
- {
23254
- className: "chartSVG",
23255
- ref: svgRef,
23256
- id: chartId,
23257
- style: { width: "100%", height: "100%" }
23258
- }
23259
- )
23260
- ] });
23232
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
23233
+ "svg",
23234
+ {
23235
+ className: "chartSVG",
23236
+ ref: svgRef,
23237
+ id: chartId,
23238
+ style: { width: "100%", height: "100%" }
23239
+ }
23240
+ ) });
23261
23241
  };
23262
23242
  const NormalizedStackHorizontalBarChart = ({
23263
23243
  isDateType,
@@ -23537,7 +23517,7 @@
23537
23517
  {
23538
23518
  xAxisBottom = axisBottom(xScaleBottom).tickSize(
23539
23519
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
23540
- ).ticks(innerWidth2 / 30, "%").tickSizeOuter(0);
23520
+ ).ticks(innerWidth2 / 30, "%").tickPadding(8).tickSizeOuter(0);
23541
23521
  }
23542
23522
  };
23543
23523
  const getYAxis = () => {
@@ -23574,7 +23554,7 @@
23574
23554
  const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
23575
23555
  return { props: seriesData[groupIndex]?.properties, groupIndex };
23576
23556
  };
23577
- const mergedRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - yScale.bandwidth() / 2).attr("height", yScale.bandwidth()).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
23557
+ const baseRects = rects.enter().append("rect").merge(rects).attr("y", (d) => yScale(d.data.dimension) - yScale.bandwidth() / 2).attr("height", yScale.bandwidth()).attr("fill", (d, i, nodes) => getPropsForRect(nodes, i).props?.color || "gray").attr("stroke", (d, i, nodes) => {
23578
23558
  const props = getPropsForRect(nodes, i).props;
23579
23559
  return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
23580
23560
  }).attr(
@@ -23620,7 +23600,8 @@
23620
23600
  gTag.select(`#dim-background-${d.data.dimension}`).attr("visibility", "hidden");
23621
23601
  hideTooltipOnMouseOut();
23622
23602
  });
23623
- mergedRects.transition().duration(2e3).ease(cubicOut).attr("x", (d) => Math.min(xScaleBottom(d[0]), xScaleBottom(d[1]))).attr("width", (d) => Math.abs(xScaleBottom(d[1]) - xScaleBottom(d[0])));
23603
+ const finalRects = baseRects;
23604
+ finalRects.attr("x", (d) => Math.min(xScaleBottom(d[0]), xScaleBottom(d[1]))).attr("width", (d) => Math.abs(xScaleBottom(d[1]) - xScaleBottom(d[0])));
23624
23605
  columnGroups.exit().remove();
23625
23606
  gTag.selectAll(".parentGroup").raise();
23626
23607
  };
@@ -23710,18 +23691,15 @@
23710
23691
  createStackLineData();
23711
23692
  drawLineChart();
23712
23693
  };
23713
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
23714
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
23715
- /* @__PURE__ */ jsxRuntimeExports.jsx(
23716
- "svg",
23717
- {
23718
- className: "chartSVG",
23719
- ref: svgRef,
23720
- id: chartId,
23721
- style: { width: "100%", height: "100%" }
23722
- }
23723
- )
23724
- ] });
23694
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
23695
+ "svg",
23696
+ {
23697
+ className: "chartSVG",
23698
+ ref: svgRef,
23699
+ id: chartId,
23700
+ style: { width: "100%", height: "100%" }
23701
+ }
23702
+ ) });
23725
23703
  };
23726
23704
  const LayeredHorizontalBarChart = ({
23727
23705
  isDateType,
@@ -24032,7 +24010,7 @@
24032
24010
  barChart,
24033
24011
  innerWidth2
24034
24012
  ).customTickValue ?? innerHeight2 / 30
24035
- ).tickSizeOuter(0);
24013
+ ).tickPadding(8).tickSizeOuter(0);
24036
24014
  }
24037
24015
  };
24038
24016
  const getYAxis = () => {
@@ -24406,18 +24384,15 @@
24406
24384
  console.error(e);
24407
24385
  }
24408
24386
  };
24409
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
24410
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
24411
- /* @__PURE__ */ jsxRuntimeExports.jsx(
24412
- "svg",
24413
- {
24414
- className: "chartSVG",
24415
- ref: svgRef,
24416
- id: chartId,
24417
- style: { width: "100%", height: "100%" }
24418
- }
24419
- )
24420
- ] });
24387
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
24388
+ "svg",
24389
+ {
24390
+ className: "chartSVG",
24391
+ ref: svgRef,
24392
+ id: chartId,
24393
+ style: { width: "100%", height: "100%" }
24394
+ }
24395
+ ) });
24421
24396
  };
24422
24397
  const HorizontalHistogramChart = ({
24423
24398
  isDateType,
@@ -24798,7 +24773,7 @@
24798
24773
  customYaxisMinValue,
24799
24774
  customYaxisMaxValue
24800
24775
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
24801
- ).tickSizeOuter(0);
24776
+ ).tickPadding(8).tickSizeOuter(0);
24802
24777
  }
24803
24778
  if (isSecondaryAxisDrawn) {
24804
24779
  xAxisTop = axisTop(xScaleTop).tickFormat(
@@ -24824,7 +24799,7 @@
24824
24799
  ).secondaryCustomTickValue ?? innerHeight2 / 30
24825
24800
  ).tickSize(
24826
24801
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
24827
- ).tickSizeOuter(0);
24802
+ ).tickPadding(8).tickSizeOuter(0);
24828
24803
  }
24829
24804
  };
24830
24805
  const getYAxis = () => {
@@ -25014,18 +24989,15 @@
25014
24989
  barChart
25015
24990
  );
25016
24991
  };
25017
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
25018
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
25019
- /* @__PURE__ */ jsxRuntimeExports.jsx(
25020
- "svg",
25021
- {
25022
- className: "chartSVG",
25023
- ref: svgRef,
25024
- id: chartId,
25025
- style: { width: "100%", height: "100%" }
25026
- }
25027
- )
25028
- ] });
24992
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
24993
+ "svg",
24994
+ {
24995
+ className: "chartSVG",
24996
+ ref: svgRef,
24997
+ id: chartId,
24998
+ style: { width: "100%", height: "100%" }
24999
+ }
25000
+ ) });
25029
25001
  };
25030
25002
  const AreaChart = ({
25031
25003
  isDateType,
@@ -25366,7 +25338,7 @@
25366
25338
  customYaxisMinValue,
25367
25339
  customYaxisMaxValue
25368
25340
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25369
- ).tickSizeOuter(0);
25341
+ ).tickPadding(8).tickSizeOuter(0);
25370
25342
  }
25371
25343
  };
25372
25344
  const getXAxis = () => {
@@ -25395,7 +25367,11 @@
25395
25367
  areaGroupsEnter.append("path").attr("hoverId", (d) => d.legend.replace(/ /g, "-")).attr("class", "area parentGroup").attr(
25396
25368
  "fill",
25397
25369
  (d) => d.properties.color !== "#ffffff" ? d.properties.color : "none"
25398
- ).style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d.data)).transition().duration(2e3).ease(cubicInOut$1).attr("d", (d) => areaGenerator(d.data));
25370
+ ).style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d.data)).each(function(d) {
25371
+ {
25372
+ select$2(this).attr("d", areaGenerator(d.data));
25373
+ }
25374
+ });
25399
25375
  areaGroupsEnter.merge(areaGroups).each(function(d) {
25400
25376
  const g = select$2(this);
25401
25377
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => areaGenerator(d2.data)).attr(
@@ -25547,18 +25523,15 @@
25547
25523
  );
25548
25524
  }
25549
25525
  };
25550
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
25551
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
25552
- /* @__PURE__ */ jsxRuntimeExports.jsx(
25553
- "svg",
25554
- {
25555
- className: "chartSVG",
25556
- ref: svgRef,
25557
- id: chartId,
25558
- style: { width: "100%", height: "100%" }
25559
- }
25560
- )
25561
- ] });
25526
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
25527
+ "svg",
25528
+ {
25529
+ className: "chartSVG",
25530
+ ref: svgRef,
25531
+ id: chartId,
25532
+ style: { width: "100%", height: "100%" }
25533
+ }
25534
+ ) });
25562
25535
  };
25563
25536
  const StackAreaChart = ({
25564
25537
  isDateType,
@@ -25911,7 +25884,7 @@
25911
25884
  customYaxisMinValue,
25912
25885
  customYaxisMaxValue
25913
25886
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25914
- ).tickSizeOuter(0);
25887
+ ).tickPadding(8).tickSizeOuter(0);
25915
25888
  }
25916
25889
  };
25917
25890
  const getXAxis = () => {
@@ -25944,7 +25917,11 @@
25944
25917
  areaGroupsEnter.append("path").attr(
25945
25918
  "hoverId",
25946
25919
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
25947
- ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d)).transition().duration(2e3).ease(cubicInOut$1).attr("d", (d) => areaGenerator(d));
25920
+ ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => areaGeneratorStart(d)).each(function(d) {
25921
+ {
25922
+ select$2(this).attr("d", areaGenerator(d));
25923
+ }
25924
+ });
25948
25925
  areaGroupsEnter.merge(areaGroups).each(function(d, i) {
25949
25926
  const g = select$2(this);
25950
25927
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => areaGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", () => {
@@ -26125,18 +26102,15 @@
26125
26102
  })
26126
26103
  );
26127
26104
  };
26128
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
26129
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
26130
- /* @__PURE__ */ jsxRuntimeExports.jsx(
26131
- "svg",
26132
- {
26133
- className: "chartSVG",
26134
- ref: svgRef,
26135
- id: chartId,
26136
- style: { width: "100%", height: "100%" }
26137
- }
26138
- )
26139
- ] });
26105
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
26106
+ "svg",
26107
+ {
26108
+ className: "chartSVG",
26109
+ ref: svgRef,
26110
+ id: chartId,
26111
+ style: { width: "100%", height: "100%" }
26112
+ }
26113
+ ) });
26140
26114
  };
26141
26115
  const NormalizedStackAreaChart = ({
26142
26116
  isDateType,
@@ -26440,7 +26414,7 @@
26440
26414
  ).ticks(
26441
26415
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
26442
26416
  "%"
26443
- ).tickSizeOuter(0);
26417
+ ).tickPadding(8).tickSizeOuter(0);
26444
26418
  }
26445
26419
  };
26446
26420
  const getXAxis = () => {
@@ -26478,7 +26452,12 @@
26478
26452
  areaGroupsEnter.append("path").attr(
26479
26453
  "hoverId",
26480
26454
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
26481
- ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => columnGeneratorStart(d)).transition().duration(2e3).ease(cubicInOut$1).attr("d", (d) => columnGenerator(d));
26455
+ ).attr("class", "area parentGroup").attr("fill", (d) => d.color !== "#ffffff" ? d.color : "none").style("fill-opacity", formatOptions.plotArea.fillOpacity).style("pointer-events", "none").attr("d", (d) => columnGeneratorStart(d)).each(function(d) {
26456
+ const path2 = select$2(this);
26457
+ {
26458
+ path2.attr("d", columnGenerator(d));
26459
+ }
26460
+ });
26482
26461
  areaGroupsEnter.merge(areaGroups).each(function(d, i) {
26483
26462
  const g = select$2(this);
26484
26463
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => columnGenerator(d2)).attr("stroke", (d2) => d2.color !== "#ffffff" ? d2.color : "none").attr("stroke-dasharray", () => {
@@ -26659,18 +26638,15 @@
26659
26638
  })
26660
26639
  );
26661
26640
  };
26662
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
26663
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
26664
- /* @__PURE__ */ jsxRuntimeExports.jsx(
26665
- "svg",
26666
- {
26667
- className: "chartSVG",
26668
- ref: svgRef,
26669
- id: chartId,
26670
- style: { width: "100%", height: "100%" }
26671
- }
26672
- )
26673
- ] });
26641
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
26642
+ "svg",
26643
+ {
26644
+ className: "chartSVG",
26645
+ ref: svgRef,
26646
+ id: chartId,
26647
+ style: { width: "100%", height: "100%" }
26648
+ }
26649
+ ) });
26674
26650
  };
26675
26651
  const TSankeyDataLabelPostion = {
26676
26652
  left: "Left",
@@ -27115,18 +27091,15 @@
27115
27091
  logError$2(fileName$8, "drawPieDataLabels", error);
27116
27092
  }
27117
27093
  };
27118
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27119
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27120
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27121
- "svg",
27122
- {
27123
- className: "chartSVG",
27124
- ref: svgRef,
27125
- id: chartId,
27126
- style: { width: "100%", height: "100%" }
27127
- }
27128
- )
27129
- ] });
27094
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
27095
+ "svg",
27096
+ {
27097
+ className: "chartSVG",
27098
+ ref: svgRef,
27099
+ id: chartId,
27100
+ style: { width: "100%", height: "100%" }
27101
+ }
27102
+ ) });
27130
27103
  };
27131
27104
  const fileName$7 = "DonutChart.tsx";
27132
27105
  const DonutChart = ({
@@ -27238,6 +27211,7 @@
27238
27211
  };
27239
27212
  const drawDonutChart = () => {
27240
27213
  try {
27214
+ const enableTransition = false;
27241
27215
  const arc2 = arc$1().innerRadius(innerRadius).outerRadius(radius);
27242
27216
  const arcOver = arc$1().innerRadius(innerRadius).outerRadius(radius + 10);
27243
27217
  const parentGroup = chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`);
@@ -27248,7 +27222,10 @@
27248
27222
  const thisPath = d;
27249
27223
  thisPath._current = { startAngle: 0, endAngle: 0 };
27250
27224
  }).on("mouseover.arc", function() {
27251
- select$2(this).transition().duration(150).attr("d", arcOver);
27225
+ if (enableTransition) ;
27226
+ else {
27227
+ select$2(this).attr("d", arcOver);
27228
+ }
27252
27229
  }).on("mousemove.text", (d) => {
27253
27230
  showTooltipOnMouseMove(
27254
27231
  [
@@ -27271,17 +27248,15 @@
27271
27248
  chartFormatOptions
27272
27249
  );
27273
27250
  }).on("mouseout.text", () => hideTooltipOnMouseOut()).on("mouseout.arc", function() {
27274
- select$2(this).transition().duration(150).attr("d", arc2);
27275
- });
27276
- paths.transition().delay((_, i) => i * 100).duration(2e3).attrTween("d", function(d) {
27277
- const interpolate2 = interpolate$2(
27278
- { startAngle: 0, endAngle: 0 },
27279
- d
27280
- );
27281
- return function(t) {
27282
- return arc2(interpolate2(t));
27283
- };
27251
+ if (enableTransition) ;
27252
+ else {
27253
+ select$2(this).attr("d", arc2);
27254
+ }
27284
27255
  });
27256
+ if (enableTransition) ;
27257
+ else {
27258
+ paths.attr("d", (d) => arc2(d));
27259
+ }
27285
27260
  } catch (error) {
27286
27261
  logError$2(fileName$7, "drawDonutChart", error);
27287
27262
  }
@@ -27526,18 +27501,15 @@
27526
27501
  logError$2(fileName$7, "drawTotalValue", error);
27527
27502
  }
27528
27503
  };
27529
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27530
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27531
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27532
- "svg",
27533
- {
27534
- className: "chartSVG",
27535
- ref: svgRef,
27536
- id: chartId,
27537
- style: { width: "100%", height: "100%" }
27538
- }
27539
- )
27540
- ] });
27504
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
27505
+ "svg",
27506
+ {
27507
+ className: "chartSVG",
27508
+ ref: svgRef,
27509
+ id: chartId,
27510
+ style: { width: "100%", height: "100%" }
27511
+ }
27512
+ ) });
27541
27513
  };
27542
27514
  const fileName$6 = "TreemapChart.tsx";
27543
27515
  const Treemap = ({ data, formatOptions, chartId }) => {
@@ -27717,18 +27689,15 @@
27717
27689
  logError$2(fileName$6, "initChartRect", error);
27718
27690
  }
27719
27691
  };
27720
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27721
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27722
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27723
- "svg",
27724
- {
27725
- className: "chartSVG",
27726
- ref: svgRef,
27727
- id: chartId,
27728
- style: { width: "100%", height: "100%" }
27729
- }
27730
- )
27731
- ] });
27692
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
27693
+ "svg",
27694
+ {
27695
+ className: "chartSVG",
27696
+ ref: svgRef,
27697
+ id: chartId,
27698
+ style: { width: "100%", height: "100%" }
27699
+ }
27700
+ ) });
27732
27701
  };
27733
27702
  const fileName$5 = "PieofPieChart.tsx";
27734
27703
  const PieofPie = ({
@@ -28145,18 +28114,15 @@
28145
28114
  logError$2(fileName$5, "initLegendList", error);
28146
28115
  }
28147
28116
  };
28148
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28149
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28150
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28151
- "svg",
28152
- {
28153
- className: "chartSVG",
28154
- ref: svgRef,
28155
- id: chartId,
28156
- style: { width: "100%", height: "100%" }
28157
- }
28158
- )
28159
- ] });
28117
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
28118
+ "svg",
28119
+ {
28120
+ className: "chartSVG",
28121
+ ref: svgRef,
28122
+ id: chartId,
28123
+ style: { width: "100%", height: "100%" }
28124
+ }
28125
+ ) });
28160
28126
  };
28161
28127
  const fileName$4 = "PyramidChart.tsx";
28162
28128
  const PyramidChart = ({
@@ -28504,18 +28470,15 @@
28504
28470
  return 0;
28505
28471
  }
28506
28472
  };
28507
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28508
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28509
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28510
- "svg",
28511
- {
28512
- className: "chartSVG",
28513
- ref: svgRef,
28514
- id: chartId,
28515
- style: { width: "100%", height: "100%" }
28516
- }
28517
- )
28518
- ] });
28473
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
28474
+ "svg",
28475
+ {
28476
+ className: "chartSVG",
28477
+ ref: svgRef,
28478
+ id: chartId,
28479
+ style: { width: "100%", height: "100%" }
28480
+ }
28481
+ ) });
28519
28482
  };
28520
28483
  const fileName$3 = "ProgressChart.tsx";
28521
28484
  const ProgressChart = ({
@@ -28748,18 +28711,15 @@
28748
28711
  return "";
28749
28712
  }
28750
28713
  };
28751
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28752
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28753
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28754
- "svg",
28755
- {
28756
- className: "chartSVG",
28757
- ref: svgRef,
28758
- id: chartId,
28759
- style: { width: "100%", height: "100%" }
28760
- }
28761
- )
28762
- ] });
28714
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
28715
+ "svg",
28716
+ {
28717
+ className: "chartSVG",
28718
+ ref: svgRef,
28719
+ id: chartId,
28720
+ style: { width: "100%", height: "100%" }
28721
+ }
28722
+ ) });
28763
28723
  };
28764
28724
  const Speedometer = ({
28765
28725
  data,
@@ -29228,18 +29188,15 @@
29228
29188
  logError$2(fileName2, "setPointerValueText", error);
29229
29189
  }
29230
29190
  }
29231
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
29232
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
29233
- /* @__PURE__ */ jsxRuntimeExports.jsx(
29234
- "svg",
29235
- {
29236
- className: "chartSVG",
29237
- ref: svgRef,
29238
- id: chartId,
29239
- style: { width: "100%", height: "100%" }
29240
- }
29241
- )
29242
- ] });
29191
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29192
+ "svg",
29193
+ {
29194
+ className: "chartSVG",
29195
+ ref: svgRef,
29196
+ id: chartId,
29197
+ style: { width: "100%", height: "100%" }
29198
+ }
29199
+ ) });
29243
29200
  };
29244
29201
  function logError(fileName2, functionName, error) {
29245
29202
  console.error(`[${fileName2}][${functionName}]`, error);
@@ -29520,18 +29477,15 @@
29520
29477
  logError("RadialBarChart.tsx", "getPiePosition", error);
29521
29478
  }
29522
29479
  };
29523
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
29524
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
29525
- /* @__PURE__ */ jsxRuntimeExports.jsx(
29526
- "svg",
29527
- {
29528
- className: "chartSVG",
29529
- ref: svgRef,
29530
- id: chartId,
29531
- style: { width: "100%", height: "100%" }
29532
- }
29533
- )
29534
- ] });
29480
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
29481
+ "svg",
29482
+ {
29483
+ className: "chartSVG",
29484
+ ref: svgRef,
29485
+ id: chartId,
29486
+ style: { width: "100%", height: "100%" }
29487
+ }
29488
+ ) });
29535
29489
  };
29536
29490
  var noop$1 = { value: function() {
29537
29491
  } };
@@ -30062,18 +30016,15 @@
30062
30016
  logError$2(fileName$2, "drawWordCloudChart", e);
30063
30017
  }
30064
30018
  };
30065
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
30066
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
30067
- /* @__PURE__ */ jsxRuntimeExports.jsx(
30068
- "svg",
30069
- {
30070
- className: "chartSVG",
30071
- ref: svgRef,
30072
- id: chartId,
30073
- style: { width: "100%", height: "100%" }
30074
- }
30075
- )
30076
- ] });
30019
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
30020
+ "svg",
30021
+ {
30022
+ className: "chartSVG",
30023
+ ref: svgRef,
30024
+ id: chartId,
30025
+ style: { width: "100%", height: "100%" }
30026
+ }
30027
+ ) });
30077
30028
  };
30078
30029
  var SMALL$1 = 1e-10;
30079
30030
  function intersectionArea(circles, stats) {
@@ -33600,18 +33551,15 @@
33600
33551
  logError$2("VennChart.tsx", "initLegendListWithTotalValueAllowance", error);
33601
33552
  }
33602
33553
  };
33603
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
33604
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
33605
- /* @__PURE__ */ jsxRuntimeExports.jsx(
33606
- "svg",
33607
- {
33608
- className: "chartSVG",
33609
- ref: svgRef,
33610
- id: chartId,
33611
- style: { width: "100%", height: "100%" }
33612
- }
33613
- )
33614
- ] });
33554
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
33555
+ "svg",
33556
+ {
33557
+ className: "chartSVG",
33558
+ ref: svgRef,
33559
+ id: chartId,
33560
+ style: { width: "100%", height: "100%" }
33561
+ }
33562
+ ) });
33615
33563
  };
33616
33564
  function max(values, valueof) {
33617
33565
  let max2;
@@ -34567,18 +34515,15 @@
34567
34515
  return { x: 0, y: 0 };
34568
34516
  }
34569
34517
  };
34570
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
34571
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
34572
- /* @__PURE__ */ jsxRuntimeExports.jsx(
34573
- "svg",
34574
- {
34575
- className: "chartSVG",
34576
- ref: svgRef,
34577
- id: chartId,
34578
- style: { width: "100%", height: "100%" }
34579
- }
34580
- )
34581
- ] });
34518
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
34519
+ "svg",
34520
+ {
34521
+ className: "chartSVG",
34522
+ ref: svgRef,
34523
+ id: chartId,
34524
+ style: { width: "100%", height: "100%" }
34525
+ }
34526
+ ) });
34582
34527
  };
34583
34528
  const unitedStates = {
34584
34529
  "type": "FeatureCollection",
@@ -52691,7 +52636,7 @@
52691
52636
  )
52692
52637
  ).tickSize(
52693
52638
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
52694
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
52639
+ ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
52695
52640
  initXaxis(
52696
52641
  chartAreaTagG,
52697
52642
  chartFormatOptions,
@@ -52725,7 +52670,7 @@
52725
52670
  )
52726
52671
  ).tickSize(
52727
52672
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
52728
- ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
52673
+ ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
52729
52674
  initYaxis(
52730
52675
  chartAreaTagG,
52731
52676
  chartFormatOptions,
@@ -52814,18 +52759,15 @@
52814
52759
  logError$2("BubbleChart", "initLegendList", e);
52815
52760
  }
52816
52761
  };
52817
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
52818
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
52819
- /* @__PURE__ */ jsxRuntimeExports.jsx(
52820
- "svg",
52821
- {
52822
- className: "chartSVG",
52823
- ref: svgRef,
52824
- id: chartId,
52825
- style: { width: "100%", height: "100%" }
52826
- }
52827
- )
52828
- ] });
52762
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
52763
+ "svg",
52764
+ {
52765
+ className: "chartSVG",
52766
+ ref: svgRef,
52767
+ id: chartId,
52768
+ style: { width: "100%", height: "100%" }
52769
+ }
52770
+ ) });
52829
52771
  };
52830
52772
  const fileName = "ScatterChart.tsx";
52831
52773
  const ScatterChart = ({
@@ -53095,7 +53037,7 @@
53095
53037
  )
53096
53038
  ).tickSize(
53097
53039
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
53098
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
53040
+ ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53099
53041
  initXaxis(
53100
53042
  chartAreaTagG,
53101
53043
  chartFormatOptions,
@@ -53129,7 +53071,7 @@
53129
53071
  )
53130
53072
  ).tickSize(
53131
53073
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
53132
- ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
53074
+ ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53133
53075
  initYaxis(
53134
53076
  chartAreaTagG,
53135
53077
  chartFormatOptions,
@@ -53437,18 +53379,15 @@
53437
53379
  logError$2(fileName, "getJQuerySelector", error);
53438
53380
  }
53439
53381
  };
53440
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
53441
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
53442
- /* @__PURE__ */ jsxRuntimeExports.jsx(
53443
- "svg",
53444
- {
53445
- className: "chartSVG",
53446
- ref: svgRef,
53447
- id: chartId,
53448
- style: { width: "100%", height: "100%" }
53449
- }
53450
- )
53451
- ] });
53382
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
53383
+ "svg",
53384
+ {
53385
+ className: "chartSVG",
53386
+ ref: svgRef,
53387
+ id: chartId,
53388
+ style: { width: "100%", height: "100%" }
53389
+ }
53390
+ ) });
53452
53391
  };
53453
53392
  const WaterfallChart = ({
53454
53393
  isDateType,
@@ -53839,7 +53778,7 @@
53839
53778
  customYaxisMinValue,
53840
53779
  customYaxisMaxValue
53841
53780
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
53842
- ).tickSizeOuter(0);
53781
+ ).tickPadding(8).tickSizeOuter(0);
53843
53782
  }
53844
53783
  colorScale = ordinal().range([
53845
53784
  "#E25A42",
@@ -54083,18 +54022,15 @@
54083
54022
  throw error;
54084
54023
  }
54085
54024
  };
54086
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
54087
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
54088
- /* @__PURE__ */ jsxRuntimeExports.jsx(
54089
- "svg",
54090
- {
54091
- className: "chartSVG",
54092
- ref: svgRef,
54093
- id: chartId,
54094
- style: { width: "100%", height: "100%" }
54095
- }
54096
- )
54097
- ] });
54025
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
54026
+ "svg",
54027
+ {
54028
+ className: "chartSVG",
54029
+ ref: svgRef,
54030
+ id: chartId,
54031
+ style: { width: "100%", height: "100%" }
54032
+ }
54033
+ ) });
54098
54034
  };
54099
54035
  const TornadoChart = ({
54100
54036
  isDateType,
@@ -54457,7 +54393,7 @@
54457
54393
  barChart,
54458
54394
  innerWidth2
54459
54395
  ).customTickValue ?? (dataTableHeight > 0 ? (innerWidth2 - dataTableHeight) / 30 : innerWidth2 / 30)
54460
- ).tickSizeOuter(0);
54396
+ ).tickPadding(8).tickSizeOuter(0);
54461
54397
  };
54462
54398
  const getChartType = (lineData) => {
54463
54399
  formatOptions.plotArea.plotAreaCalculatedHigh;
@@ -54584,18 +54520,15 @@
54584
54520
  barChart
54585
54521
  );
54586
54522
  };
54587
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
54588
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
54589
- /* @__PURE__ */ jsxRuntimeExports.jsx(
54590
- "svg",
54591
- {
54592
- className: "chartSVG",
54593
- ref: svgRef,
54594
- id: chartId,
54595
- style: { width: "100%", height: "100%" }
54596
- }
54597
- )
54598
- ] });
54523
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
54524
+ "svg",
54525
+ {
54526
+ className: "chartSVG",
54527
+ ref: svgRef,
54528
+ id: chartId,
54529
+ style: { width: "100%", height: "100%" }
54530
+ }
54531
+ ) });
54599
54532
  };
54600
54533
  exports2.AreaChart = AreaChart;
54601
54534
  exports2.BubbleChart = BubbleChart;