pace-chart-lib 1.0.4 → 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 (4) hide show
  1. package/dist/Components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.types.d.ts +1 -0
  2. package/dist/pace-chart-lib.es.js +432 -486
  3. package/dist/pace-chart-lib.umd.js +432 -486
  4. 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("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;
@@ -15905,10 +15904,10 @@
15905
15904
  "Helvetica"
15906
15905
  ).height : 5;
15907
15906
  let margins = {
15908
- top: chartFormatOptions.chartTitle.chartTitleVisibility ? chartTitleHeight : 10,
15909
- bottom: shouldShowColorScale && chartFormatOptions.colorScale.showColor == colorThemeTypes.colorTheme ? 40 : 10,
15910
- left: 10,
15911
- right: 10
15907
+ top: chartFormatOptions.chartTitle.chartTitleVisibility ? chartTitleHeight : 20,
15908
+ bottom: shouldShowColorScale && chartFormatOptions.colorScale.showColor == colorThemeTypes.colorTheme ? 40 : 20,
15909
+ left: 20,
15910
+ right: 20
15912
15911
  };
15913
15912
  innerHeight = height - margins.top - margins.bottom;
15914
15913
  innerWidth = width - margins.left - margins.right;
@@ -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,10 +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(
18561
- "y",
18562
- (d) => d[1] >= d[0] ? yScaleLeft(d[1]) : yScaleLeft(d[0])
18563
- ).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])));
18564
18554
  columnGroups.exit().remove();
18565
18555
  gTag.selectAll(".parentGroup").raise();
18566
18556
  };
@@ -18873,18 +18863,15 @@
18873
18863
  } catch (e) {
18874
18864
  }
18875
18865
  };
18876
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
18877
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
18878
- /* @__PURE__ */ jsxRuntimeExports.jsx(
18879
- "svg",
18880
- {
18881
- className: "chartSVG",
18882
- ref: svgRef,
18883
- id: chartId,
18884
- style: { width: "100%", height: "100%" }
18885
- }
18886
- )
18887
- ] });
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
+ ) });
18888
18875
  };
18889
18876
  const NormalizedStackColumnChart = ({
18890
18877
  isDateType,
@@ -19187,7 +19174,7 @@
19187
19174
  }
19188
19175
  };
19189
19176
  const getXScale = () => {
19190
- xScale = point$7().domain(filteredDimension).range(calculatedRange).padding(0.3 * parseFloat(formatOptions.plotArea.plotAreaGapWidth) / 100);
19177
+ xScale = point$7().domain(filteredDimension).range(calculatedRange).padding(0.5);
19191
19178
  };
19192
19179
  const initAxis = () => {
19193
19180
  {
@@ -19196,7 +19183,7 @@
19196
19183
  ).ticks(
19197
19184
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
19198
19185
  "%"
19199
- ).tickSizeOuter(0);
19186
+ ).tickPadding(8).tickSizeOuter(0);
19200
19187
  }
19201
19188
  };
19202
19189
  const getXAxis = () => {
@@ -19251,7 +19238,8 @@
19251
19238
  const { props } = getPropsForRect(nodes, i);
19252
19239
  return d.data[d.key] === 0 && props?.hideZeroValues ? "hidden" : "visible";
19253
19240
  });
19254
- 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])));
19255
19243
  rectsEnter.merge(rects).on("mousemove", (event2, d) => {
19256
19244
  showTooltipOnMouseMove(
19257
19245
  [
@@ -19396,7 +19384,11 @@
19396
19384
  (K2, j) => K2.forEach((d) => {
19397
19385
  d["key"] = K2.key;
19398
19386
  K2["color"] = JSON.parse(JSON.stringify(seriesData[j].properties.color));
19399
- K2["individualAnnotationVisibility"] = JSON.parse(JSON.stringify(seriesData[j].properties.individualAnnotationVisibility));
19387
+ K2["individualAnnotationVisibility"] = JSON.parse(
19388
+ JSON.stringify(
19389
+ seriesData[j].properties.individualAnnotationVisibility
19390
+ )
19391
+ );
19400
19392
  d.data.labelPosition = seriesData[j].properties.dataLabelPosition;
19401
19393
  d.data["labelColor"] = seriesColor == "2" ? JSON.parse(JSON.stringify(seriesData[j].properties.color)) : seriesData[j].properties.labelColor;
19402
19394
  d["hideZero"] = JSON.parse(
@@ -19406,18 +19398,15 @@
19406
19398
  })
19407
19399
  );
19408
19400
  };
19409
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
19410
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
19411
- /* @__PURE__ */ jsxRuntimeExports.jsx(
19412
- "svg",
19413
- {
19414
- className: "chartSVG",
19415
- ref: svgRef,
19416
- id: chartId,
19417
- style: { width: "100%", height: "100%" }
19418
- }
19419
- )
19420
- ] });
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
+ ) });
19421
19410
  };
19422
19411
  const fileName$a = "ChartsWithoutAxisFunctions.ts";
19423
19412
  function marginCalculationForBubbleScatter(width, height, maxMeasure, formatOptions, maxDimension, maxLegendDimensions) {
@@ -20264,7 +20253,7 @@
20264
20253
  false,
20265
20254
  innerWidth2
20266
20255
  ).yAxisLabelArray
20267
- ).ticks(innerHeight2 / 50).tickSizeOuter(0);
20256
+ ).ticks(innerHeight2 / 50).tickPadding(8).tickSizeOuter(0);
20268
20257
  }
20269
20258
  };
20270
20259
  const getXAxis = () => {
@@ -20281,7 +20270,7 @@
20281
20270
  )
20282
20271
  ).tickSize(
20283
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
20284
- ).tickValues(labelArray).ticks(innerWidth2 / 30).tickSizeOuter(0);
20273
+ ).tickValues(labelArray).ticks(innerWidth2 / 30).tickPadding(8).tickSizeOuter(0);
20285
20274
  formatOptions.bins.binsCalculation === "Automatic" ? xAxis.ticks(thresholds) : xAxis.tickValues(periods).ticks(innerWidth2 / 50);
20286
20275
  };
20287
20276
  const getChartType = (lineData) => {
@@ -20397,18 +20386,15 @@
20397
20386
  filteredDimension
20398
20387
  );
20399
20388
  };
20400
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
20401
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
20402
- /* @__PURE__ */ jsxRuntimeExports.jsx(
20403
- "svg",
20404
- {
20405
- className: "chartSVG",
20406
- ref: svgRef,
20407
- id: chartId,
20408
- style: { width: "100%", height: "100%" }
20409
- }
20410
- )
20411
- ] });
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
+ ) });
20412
20398
  };
20413
20399
  const LineChart = ({
20414
20400
  isDateType,
@@ -20778,7 +20764,7 @@
20778
20764
  customYaxisMinValue,
20779
20765
  customYaxisMaxValue
20780
20766
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
20781
- ).tickSizeOuter(0);
20767
+ ).tickPadding(8).tickSizeOuter(0);
20782
20768
  }
20783
20769
  if (isSecondaryAxisDrawn) {
20784
20770
  yAxisRight = axisRight(yScaleRight).tickFormat(
@@ -20804,7 +20790,7 @@
20804
20790
  ).secondaryCustomTickValue ?? innerHeight2 / 30
20805
20791
  ).tickSize(
20806
20792
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
20807
- ).tickSizeOuter(0);
20793
+ ).tickPadding(8).tickSizeOuter(0);
20808
20794
  }
20809
20795
  };
20810
20796
  const getXAxis = () => {
@@ -20819,16 +20805,17 @@
20819
20805
  cData.axis = lData.properties.axis;
20820
20806
  });
20821
20807
  });
20822
- const lineGenerator = line$1().x(
20823
- (d) => xScale(d.dimension) ? xScale(d.dimension) : null
20824
- ).y(
20808
+ const lineGenerator = line$1().x((d) => {
20809
+ const val = xScale(d.dimension);
20810
+ return val != null ? val : 0;
20811
+ }).y(
20825
20812
  (d) => d.axis === "Primary" ? yScaleLeft(d.value) : yScaleRight(d.value)
20826
20813
  ).defined((d) => d.hideZero ? Boolean(d.value) : true).curve(getCurveType(formatOptions));
20827
20814
  let lines = gTag.selectAll(".parentGroup").data([lineData]);
20828
20815
  lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
20829
20816
  let lineGroups = lines.selectAll(".line-group").data((d) => d);
20830
20817
  let lineGroupsEnter = lineGroups.enter().append("g").attr("class", "line-group");
20831
- 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");
20832
20819
  lineGroupsEnter.merge(lineGroups).each(function(d) {
20833
20820
  const g = select$2(this);
20834
20821
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine").attr("d", (d2) => lineGenerator(d2.data)).attr(
@@ -20849,11 +20836,7 @@
20849
20836
  ).attr(
20850
20837
  "stroke-width",
20851
20838
  (d2) => d2.properties.lineStyle !== "None" ? 2.5 : 0
20852
- ).attr("fill", "none").each(function(d2) {
20853
- const path2 = select$2(this);
20854
- const totalLength = this.getTotalLength();
20855
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
20856
- });
20839
+ ).attr("d", (d2) => lineGenerator(d2.data));
20857
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) {
20858
20841
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
20859
20842
  svg.selectAll(
@@ -20970,18 +20953,15 @@
20970
20953
  );
20971
20954
  }
20972
20955
  };
20973
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
20974
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
20975
- /* @__PURE__ */ jsxRuntimeExports.jsx(
20976
- "svg",
20977
- {
20978
- className: "chartSVG",
20979
- ref: svgRef,
20980
- id: chartId,
20981
- style: { width: "100%", height: "100%" }
20982
- }
20983
- )
20984
- ] });
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
+ ) });
20985
20965
  };
20986
20966
  const StackLineChart = ({
20987
20967
  isDateType,
@@ -21333,7 +21313,7 @@
21333
21313
  customYaxisMinValue,
21334
21314
  customYaxisMaxValue
21335
21315
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
21336
- ).tickSizeOuter(0);
21316
+ ).tickPadding(8).tickSizeOuter(0);
21337
21317
  }
21338
21318
  };
21339
21319
  const getXAxis = () => {
@@ -21354,27 +21334,36 @@
21354
21334
  let lines = gTag.selectAll(".parentGroup").data([stackChartData]);
21355
21335
  lines = lines.enter().append("g").attr("class", "lines parentGroup").merge(lines);
21356
21336
  let lineGroups = lines.selectAll(".line-group").data((d) => d);
21357
- 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, "-"));
21358
21338
  lineGroupsEnter.attr(
21359
21339
  "hoverId",
21360
21340
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
21361
21341
  ).append("path").attr("class", "line").attr("fill", "none");
21362
21342
  lineGroupsEnter.merge(lineGroups).each(function(d, i) {
21363
21343
  const g = select$2(this);
21364
- 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(
21365
21345
  "stroke-dasharray",
21366
21346
  seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
21367
- ).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() {
21368
- const path2 = select$2(this);
21369
- const totalLength = this.getTotalLength();
21370
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
21371
- });
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
+ }
21372
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() {
21373
21359
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
21374
- 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);
21375
21365
  }).on("mouseleave", function() {
21376
21366
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", false);
21377
- svg.selectAll(`[hoverId="${getJQuerySelector(d.key.split("~$~")[1].replace(/ /g, "-"))}"]`).classed("highlight", false).classed("unhighlight", false);
21378
21367
  });
21379
21368
  });
21380
21369
  lineGroups.exit().remove();
@@ -21515,18 +21504,15 @@
21515
21504
  visibleBars = fVisibleBars;
21516
21505
  drawLineChart();
21517
21506
  };
21518
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
21519
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
21520
- /* @__PURE__ */ jsxRuntimeExports.jsx(
21521
- "svg",
21522
- {
21523
- className: "chartSVG",
21524
- ref: svgRef,
21525
- id: chartId,
21526
- style: { width: "100%", height: "100%" }
21527
- }
21528
- )
21529
- ] });
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
+ ) });
21530
21516
  };
21531
21517
  const NormalisedStackLineChart = ({
21532
21518
  isDateType,
@@ -21816,7 +21802,7 @@
21816
21802
  ).ticks(
21817
21803
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
21818
21804
  "%"
21819
- ).tickSizeOuter(0);
21805
+ ).tickPadding(8).tickSizeOuter(0);
21820
21806
  }
21821
21807
  };
21822
21808
  const getXAxis = () => {
@@ -21852,7 +21838,7 @@
21852
21838
  ).append("path").attr("class", "line").attr("fill", "none");
21853
21839
  lineGroupsEnter.merge(lineGroups).each(function(d, i) {
21854
21840
  const g = select$2(this);
21855
- 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(
21856
21842
  "stroke-dasharray",
21857
21843
  seriesData[i].properties.lineStyle === "dotted" ? "0,3" : seriesData[i].properties.lineStyle === "dashed" ? "20,10,5,5,5,10" : ""
21858
21844
  ).attr(
@@ -21861,16 +21847,16 @@
21861
21847
  ).attr(
21862
21848
  "stroke-width",
21863
21849
  seriesData[i].properties.lineStyle !== "None" ? 2.5 : 0
21864
- ).attr("fill", "none").each(function() {
21865
- const path2 = select$2(this);
21866
- const totalLength = this.getTotalLength();
21867
- path2.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", totalLength).transition().duration(2e3).ease(linear$2).attr("stroke-dashoffset", 0);
21868
- });
21850
+ ).attr("fill", "none");
21851
+ const totalLength = pathSel.node().getTotalLength();
21852
+ {
21853
+ pathSel.attr("stroke-dasharray", totalLength + " " + totalLength).attr("stroke-dashoffset", 0);
21854
+ }
21869
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() {
21870
21856
  svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
21871
21857
  svg.selectAll(
21872
21858
  `[hoverId="${getJQuerySelector(
21873
- d.key.split("~$~")[1].replace(/ /g, "-")
21859
+ d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
21874
21860
  )}"]`
21875
21861
  ).classed("highlight", true).classed("unhighlight", false);
21876
21862
  }).on("mouseleave", function() {
@@ -22019,18 +22005,15 @@
22019
22005
  })
22020
22006
  );
22021
22007
  };
22022
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
22023
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
22024
- /* @__PURE__ */ jsxRuntimeExports.jsx(
22025
- "svg",
22026
- {
22027
- className: "chartSVG",
22028
- ref: svgRef,
22029
- id: chartId,
22030
- style: { width: "100%", height: "100%" }
22031
- }
22032
- )
22033
- ] });
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
+ ) });
22034
22017
  };
22035
22018
  const HorizontalBarChart = ({
22036
22019
  isDateType,
@@ -22361,7 +22344,7 @@
22361
22344
  customYaxisMinValue,
22362
22345
  customYaxisMaxValue
22363
22346
  ).customTickValue ?? innerHeight2 / 30
22364
- ).tickSizeOuter(0);
22347
+ ).tickPadding(8).tickSizeOuter(0);
22365
22348
  }
22366
22349
  if (isSecondaryAxisDrawn) {
22367
22350
  xAxisTop = axisTop(xScaleTop).tickFormat(
@@ -22387,7 +22370,7 @@
22387
22370
  ).secondaryCustomTickValue ?? innerHeight2 / 30
22388
22371
  ).tickSize(
22389
22372
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
22390
- ).tickSizeOuter(0);
22373
+ ).tickPadding(8).tickSizeOuter(0);
22391
22374
  }
22392
22375
  };
22393
22376
  const getYAxis = () => {
@@ -22415,7 +22398,7 @@
22415
22398
  ).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22416
22399
  columnGroups.attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22417
22400
  columnGroupsEnter.merge(columnGroups).attr("transform", (d) => `translate(0, ${yScale(d.dimension) - columnWidth / 2})`);
22418
- 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) => {
22419
22402
  const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
22420
22403
  return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(0);
22421
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(
@@ -22424,7 +22407,9 @@
22424
22407
  ).style("clip-path", "inset(0px) fill-box").style("shape-rendering", "crispEdges").attr(
22425
22408
  "visibility",
22426
22409
  (d) => d.value === 0 && formatOptions.xAxisLabel.hideZeroValues ? "hidden" : "visible"
22427
- ).transition().duration(2e3).ease(cubicOut).attr("x", (d) => {
22410
+ );
22411
+ const finalBars = bars;
22412
+ finalBars.attr("x", (d) => {
22428
22413
  const xScaleUsed = data2.properties.axis === "Primary" ? xScaleBottom : xScaleTop;
22429
22414
  return d.value >= 0 ? xScaleUsed(0) : xScaleUsed(d.value);
22430
22415
  }).attr("width", (d) => {
@@ -22538,18 +22523,15 @@
22538
22523
  barChart
22539
22524
  );
22540
22525
  };
22541
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
22542
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
22543
- /* @__PURE__ */ jsxRuntimeExports.jsx(
22544
- "svg",
22545
- {
22546
- className: "chartSVG",
22547
- ref: svgRef,
22548
- id: chartId,
22549
- style: { width: "100%", height: "100%" }
22550
- }
22551
- )
22552
- ] });
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
+ ) });
22553
22535
  };
22554
22536
  const StackHorizontalChart = ({
22555
22537
  isDateType,
@@ -22865,7 +22847,7 @@
22865
22847
  barChart,
22866
22848
  innerWidth2
22867
22849
  ).customTickValue ?? innerHeight2 / 30
22868
- ).tickSizeOuter(0);
22850
+ ).tickPadding(8).tickSizeOuter(0);
22869
22851
  }
22870
22852
  };
22871
22853
  const getYAxis = () => {
@@ -22896,7 +22878,7 @@
22896
22878
  const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
22897
22879
  return { props: seriesData[groupIndex]?.properties, groupIndex };
22898
22880
  };
22899
- 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) => {
22900
22882
  const props = getPropsForRect(nodes, i).props;
22901
22883
  return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
22902
22884
  }).attr(
@@ -22946,7 +22928,9 @@
22946
22928
  selectAll('[hoverId="' + legend + '"]').classed("highlight", false).classed("unhighlight", false);
22947
22929
  hideTooltipOnMouseOut();
22948
22930
  });
22949
- 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])));
22950
22934
  columnGroups.exit().remove();
22951
22935
  gTag.selectAll(".parentGroup").raise();
22952
22936
  };
@@ -23245,18 +23229,15 @@
23245
23229
  console.error(e);
23246
23230
  }
23247
23231
  };
23248
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
23249
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
23250
- /* @__PURE__ */ jsxRuntimeExports.jsx(
23251
- "svg",
23252
- {
23253
- className: "chartSVG",
23254
- ref: svgRef,
23255
- id: chartId,
23256
- style: { width: "100%", height: "100%" }
23257
- }
23258
- )
23259
- ] });
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
+ ) });
23260
23241
  };
23261
23242
  const NormalizedStackHorizontalBarChart = ({
23262
23243
  isDateType,
@@ -23536,7 +23517,7 @@
23536
23517
  {
23537
23518
  xAxisBottom = axisBottom(xScaleBottom).tickSize(
23538
23519
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesVertical ? -innerHeight2 : 0 : 0
23539
- ).ticks(innerWidth2 / 30, "%").tickSizeOuter(0);
23520
+ ).ticks(innerWidth2 / 30, "%").tickPadding(8).tickSizeOuter(0);
23540
23521
  }
23541
23522
  };
23542
23523
  const getYAxis = () => {
@@ -23573,7 +23554,7 @@
23573
23554
  const groupIndex = Array.from(columnGroups.nodes()).indexOf(nodes[i].parentNode);
23574
23555
  return { props: seriesData[groupIndex]?.properties, groupIndex };
23575
23556
  };
23576
- 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) => {
23577
23558
  const props = getPropsForRect(nodes, i).props;
23578
23559
  return props?.stackBorderStyle === 0 ? "none" : formatOptions.column.stackBorderVisibility ? props.stackBorderColor : "none";
23579
23560
  }).attr(
@@ -23619,7 +23600,8 @@
23619
23600
  gTag.select(`#dim-background-${d.data.dimension}`).attr("visibility", "hidden");
23620
23601
  hideTooltipOnMouseOut();
23621
23602
  });
23622
- 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])));
23623
23605
  columnGroups.exit().remove();
23624
23606
  gTag.selectAll(".parentGroup").raise();
23625
23607
  };
@@ -23709,18 +23691,15 @@
23709
23691
  createStackLineData();
23710
23692
  drawLineChart();
23711
23693
  };
23712
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
23713
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
23714
- /* @__PURE__ */ jsxRuntimeExports.jsx(
23715
- "svg",
23716
- {
23717
- className: "chartSVG",
23718
- ref: svgRef,
23719
- id: chartId,
23720
- style: { width: "100%", height: "100%" }
23721
- }
23722
- )
23723
- ] });
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
+ ) });
23724
23703
  };
23725
23704
  const LayeredHorizontalBarChart = ({
23726
23705
  isDateType,
@@ -24031,7 +24010,7 @@
24031
24010
  barChart,
24032
24011
  innerWidth2
24033
24012
  ).customTickValue ?? innerHeight2 / 30
24034
- ).tickSizeOuter(0);
24013
+ ).tickPadding(8).tickSizeOuter(0);
24035
24014
  }
24036
24015
  };
24037
24016
  const getYAxis = () => {
@@ -24405,18 +24384,15 @@
24405
24384
  console.error(e);
24406
24385
  }
24407
24386
  };
24408
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
24409
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
24410
- /* @__PURE__ */ jsxRuntimeExports.jsx(
24411
- "svg",
24412
- {
24413
- className: "chartSVG",
24414
- ref: svgRef,
24415
- id: chartId,
24416
- style: { width: "100%", height: "100%" }
24417
- }
24418
- )
24419
- ] });
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
+ ) });
24420
24396
  };
24421
24397
  const HorizontalHistogramChart = ({
24422
24398
  isDateType,
@@ -24797,7 +24773,7 @@
24797
24773
  customYaxisMinValue,
24798
24774
  customYaxisMaxValue
24799
24775
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
24800
- ).tickSizeOuter(0);
24776
+ ).tickPadding(8).tickSizeOuter(0);
24801
24777
  }
24802
24778
  if (isSecondaryAxisDrawn) {
24803
24779
  xAxisTop = axisTop(xScaleTop).tickFormat(
@@ -24823,7 +24799,7 @@
24823
24799
  ).secondaryCustomTickValue ?? innerHeight2 / 30
24824
24800
  ).tickSize(
24825
24801
  formatOptions.plotArea.gridLinesVisibility ? formatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
24826
- ).tickSizeOuter(0);
24802
+ ).tickPadding(8).tickSizeOuter(0);
24827
24803
  }
24828
24804
  };
24829
24805
  const getYAxis = () => {
@@ -25013,18 +24989,15 @@
25013
24989
  barChart
25014
24990
  );
25015
24991
  };
25016
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
25017
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
25018
- /* @__PURE__ */ jsxRuntimeExports.jsx(
25019
- "svg",
25020
- {
25021
- className: "chartSVG",
25022
- ref: svgRef,
25023
- id: chartId,
25024
- style: { width: "100%", height: "100%" }
25025
- }
25026
- )
25027
- ] });
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
+ ) });
25028
25001
  };
25029
25002
  const AreaChart = ({
25030
25003
  isDateType,
@@ -25365,7 +25338,7 @@
25365
25338
  customYaxisMinValue,
25366
25339
  customYaxisMaxValue
25367
25340
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25368
- ).tickSizeOuter(0);
25341
+ ).tickPadding(8).tickSizeOuter(0);
25369
25342
  }
25370
25343
  };
25371
25344
  const getXAxis = () => {
@@ -25394,7 +25367,11 @@
25394
25367
  areaGroupsEnter.append("path").attr("hoverId", (d) => d.legend.replace(/ /g, "-")).attr("class", "area parentGroup").attr(
25395
25368
  "fill",
25396
25369
  (d) => d.properties.color !== "#ffffff" ? d.properties.color : "none"
25397
- ).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
+ });
25398
25375
  areaGroupsEnter.merge(areaGroups).each(function(d) {
25399
25376
  const g = select$2(this);
25400
25377
  g.selectAll("path.visibleLine").data([d]).join("path").attr("class", "visibleLine parentGroup").attr("d", (d2) => areaGenerator(d2.data)).attr(
@@ -25546,18 +25523,15 @@
25546
25523
  );
25547
25524
  }
25548
25525
  };
25549
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
25550
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
25551
- /* @__PURE__ */ jsxRuntimeExports.jsx(
25552
- "svg",
25553
- {
25554
- className: "chartSVG",
25555
- ref: svgRef,
25556
- id: chartId,
25557
- style: { width: "100%", height: "100%" }
25558
- }
25559
- )
25560
- ] });
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
+ ) });
25561
25535
  };
25562
25536
  const StackAreaChart = ({
25563
25537
  isDateType,
@@ -25910,7 +25884,7 @@
25910
25884
  customYaxisMinValue,
25911
25885
  customYaxisMaxValue
25912
25886
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
25913
- ).tickSizeOuter(0);
25887
+ ).tickPadding(8).tickSizeOuter(0);
25914
25888
  }
25915
25889
  };
25916
25890
  const getXAxis = () => {
@@ -25943,7 +25917,11 @@
25943
25917
  areaGroupsEnter.append("path").attr(
25944
25918
  "hoverId",
25945
25919
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
25946
- ).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
+ });
25947
25925
  areaGroupsEnter.merge(areaGroups).each(function(d, i) {
25948
25926
  const g = select$2(this);
25949
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", () => {
@@ -26124,18 +26102,15 @@
26124
26102
  })
26125
26103
  );
26126
26104
  };
26127
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
26128
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
26129
- /* @__PURE__ */ jsxRuntimeExports.jsx(
26130
- "svg",
26131
- {
26132
- className: "chartSVG",
26133
- ref: svgRef,
26134
- id: chartId,
26135
- style: { width: "100%", height: "100%" }
26136
- }
26137
- )
26138
- ] });
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
+ ) });
26139
26114
  };
26140
26115
  const NormalizedStackAreaChart = ({
26141
26116
  isDateType,
@@ -26439,7 +26414,7 @@
26439
26414
  ).ticks(
26440
26415
  dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30,
26441
26416
  "%"
26442
- ).tickSizeOuter(0);
26417
+ ).tickPadding(8).tickSizeOuter(0);
26443
26418
  }
26444
26419
  };
26445
26420
  const getXAxis = () => {
@@ -26477,7 +26452,12 @@
26477
26452
  areaGroupsEnter.append("path").attr(
26478
26453
  "hoverId",
26479
26454
  (d) => d.key.includes("~$~") ? d.key.split("~$~")[1].replace(/ /g, "-") : d.key.replace(/ /g, "-")
26480
- ).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
+ });
26481
26461
  areaGroupsEnter.merge(areaGroups).each(function(d, i) {
26482
26462
  const g = select$2(this);
26483
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", () => {
@@ -26658,18 +26638,15 @@
26658
26638
  })
26659
26639
  );
26660
26640
  };
26661
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
26662
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
26663
- /* @__PURE__ */ jsxRuntimeExports.jsx(
26664
- "svg",
26665
- {
26666
- className: "chartSVG",
26667
- ref: svgRef,
26668
- id: chartId,
26669
- style: { width: "100%", height: "100%" }
26670
- }
26671
- )
26672
- ] });
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
+ ) });
26673
26650
  };
26674
26651
  const TSankeyDataLabelPostion = {
26675
26652
  left: "Left",
@@ -27114,18 +27091,15 @@
27114
27091
  logError$2(fileName$8, "drawPieDataLabels", error);
27115
27092
  }
27116
27093
  };
27117
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27118
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27119
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27120
- "svg",
27121
- {
27122
- className: "chartSVG",
27123
- ref: svgRef,
27124
- id: chartId,
27125
- style: { width: "100%", height: "100%" }
27126
- }
27127
- )
27128
- ] });
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
+ ) });
27129
27103
  };
27130
27104
  const fileName$7 = "DonutChart.tsx";
27131
27105
  const DonutChart = ({
@@ -27237,13 +27211,21 @@
27237
27211
  };
27238
27212
  const drawDonutChart = () => {
27239
27213
  try {
27214
+ const enableTransition = false;
27240
27215
  const arc2 = arc$1().innerRadius(innerRadius).outerRadius(radius);
27241
27216
  const arcOver = arc$1().innerRadius(innerRadius).outerRadius(radius + 10);
27242
- chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`).selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path " + d.data.legend).attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr(
27217
+ const parentGroup = chartAreaTagG.append("g").attr("class", "parentGroup").attr("fill-opacity", chartFormatOptions.plotArea.opacity).attr("transform", `${getPiePosition()}`);
27218
+ const paths = parentGroup.selectAll("path").data(pieChartData).enter().append("path").attr("class", (d) => "path " + d.data.legend).attr("hoverId", (d) => d.data.legend.replace(/ /g, "-")).attr(
27243
27219
  "fill",
27244
27220
  (d) => d.data.properties.color !== "#ffffff" ? d.data.properties.color : "none"
27245
- ).attr("d", (d) => arc2(d)).on("mouseover.arc", function(d) {
27246
- select$2(this).transition().duration(100).attr("d", arcOver);
27221
+ ).each(function(d) {
27222
+ const thisPath = d;
27223
+ thisPath._current = { startAngle: 0, endAngle: 0 };
27224
+ }).on("mouseover.arc", function() {
27225
+ if (enableTransition) ;
27226
+ else {
27227
+ select$2(this).attr("d", arcOver);
27228
+ }
27247
27229
  }).on("mousemove.text", (d) => {
27248
27230
  showTooltipOnMouseMove(
27249
27231
  [
@@ -27265,11 +27247,16 @@
27265
27247
  ],
27266
27248
  chartFormatOptions
27267
27249
  );
27268
- }).on("mouseout.text", () => {
27269
- hideTooltipOnMouseOut();
27270
- }).on("mouseout.arc", function(d) {
27271
- select$2(this).transition().duration(100).attr("d", arc2);
27250
+ }).on("mouseout.text", () => hideTooltipOnMouseOut()).on("mouseout.arc", function() {
27251
+ if (enableTransition) ;
27252
+ else {
27253
+ select$2(this).attr("d", arc2);
27254
+ }
27272
27255
  });
27256
+ if (enableTransition) ;
27257
+ else {
27258
+ paths.attr("d", (d) => arc2(d));
27259
+ }
27273
27260
  } catch (error) {
27274
27261
  logError$2(fileName$7, "drawDonutChart", error);
27275
27262
  }
@@ -27514,18 +27501,15 @@
27514
27501
  logError$2(fileName$7, "drawTotalValue", error);
27515
27502
  }
27516
27503
  };
27517
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27518
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27519
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27520
- "svg",
27521
- {
27522
- className: "chartSVG",
27523
- ref: svgRef,
27524
- id: chartId,
27525
- style: { width: "100%", height: "100%" }
27526
- }
27527
- )
27528
- ] });
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
+ ) });
27529
27513
  };
27530
27514
  const fileName$6 = "TreemapChart.tsx";
27531
27515
  const Treemap = ({ data, formatOptions, chartId }) => {
@@ -27705,18 +27689,15 @@
27705
27689
  logError$2(fileName$6, "initChartRect", error);
27706
27690
  }
27707
27691
  };
27708
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
27709
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
27710
- /* @__PURE__ */ jsxRuntimeExports.jsx(
27711
- "svg",
27712
- {
27713
- className: "chartSVG",
27714
- ref: svgRef,
27715
- id: chartId,
27716
- style: { width: "100%", height: "100%" }
27717
- }
27718
- )
27719
- ] });
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
+ ) });
27720
27701
  };
27721
27702
  const fileName$5 = "PieofPieChart.tsx";
27722
27703
  const PieofPie = ({
@@ -28133,18 +28114,15 @@
28133
28114
  logError$2(fileName$5, "initLegendList", error);
28134
28115
  }
28135
28116
  };
28136
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28137
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28138
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28139
- "svg",
28140
- {
28141
- className: "chartSVG",
28142
- ref: svgRef,
28143
- id: chartId,
28144
- style: { width: "100%", height: "100%" }
28145
- }
28146
- )
28147
- ] });
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
+ ) });
28148
28126
  };
28149
28127
  const fileName$4 = "PyramidChart.tsx";
28150
28128
  const PyramidChart = ({
@@ -28492,18 +28470,15 @@
28492
28470
  return 0;
28493
28471
  }
28494
28472
  };
28495
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28496
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28497
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28498
- "svg",
28499
- {
28500
- className: "chartSVG",
28501
- ref: svgRef,
28502
- id: chartId,
28503
- style: { width: "100%", height: "100%" }
28504
- }
28505
- )
28506
- ] });
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
+ ) });
28507
28482
  };
28508
28483
  const fileName$3 = "ProgressChart.tsx";
28509
28484
  const ProgressChart = ({
@@ -28736,18 +28711,15 @@
28736
28711
  return "";
28737
28712
  }
28738
28713
  };
28739
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
28740
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
28741
- /* @__PURE__ */ jsxRuntimeExports.jsx(
28742
- "svg",
28743
- {
28744
- className: "chartSVG",
28745
- ref: svgRef,
28746
- id: chartId,
28747
- style: { width: "100%", height: "100%" }
28748
- }
28749
- )
28750
- ] });
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
+ ) });
28751
28723
  };
28752
28724
  const Speedometer = ({
28753
28725
  data,
@@ -29216,18 +29188,15 @@
29216
29188
  logError$2(fileName2, "setPointerValueText", error);
29217
29189
  }
29218
29190
  }
29219
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
29220
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
29221
- /* @__PURE__ */ jsxRuntimeExports.jsx(
29222
- "svg",
29223
- {
29224
- className: "chartSVG",
29225
- ref: svgRef,
29226
- id: chartId,
29227
- style: { width: "100%", height: "100%" }
29228
- }
29229
- )
29230
- ] });
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
+ ) });
29231
29200
  };
29232
29201
  function logError(fileName2, functionName, error) {
29233
29202
  console.error(`[${fileName2}][${functionName}]`, error);
@@ -29508,18 +29477,15 @@
29508
29477
  logError("RadialBarChart.tsx", "getPiePosition", error);
29509
29478
  }
29510
29479
  };
29511
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
29512
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
29513
- /* @__PURE__ */ jsxRuntimeExports.jsx(
29514
- "svg",
29515
- {
29516
- className: "chartSVG",
29517
- ref: svgRef,
29518
- id: chartId,
29519
- style: { width: "100%", height: "100%" }
29520
- }
29521
- )
29522
- ] });
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
+ ) });
29523
29489
  };
29524
29490
  var noop$1 = { value: function() {
29525
29491
  } };
@@ -30050,18 +30016,15 @@
30050
30016
  logError$2(fileName$2, "drawWordCloudChart", e);
30051
30017
  }
30052
30018
  };
30053
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
30054
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
30055
- /* @__PURE__ */ jsxRuntimeExports.jsx(
30056
- "svg",
30057
- {
30058
- className: "chartSVG",
30059
- ref: svgRef,
30060
- id: chartId,
30061
- style: { width: "100%", height: "100%" }
30062
- }
30063
- )
30064
- ] });
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
+ ) });
30065
30028
  };
30066
30029
  var SMALL$1 = 1e-10;
30067
30030
  function intersectionArea(circles, stats) {
@@ -33588,18 +33551,15 @@
33588
33551
  logError$2("VennChart.tsx", "initLegendListWithTotalValueAllowance", error);
33589
33552
  }
33590
33553
  };
33591
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
33592
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
33593
- /* @__PURE__ */ jsxRuntimeExports.jsx(
33594
- "svg",
33595
- {
33596
- className: "chartSVG",
33597
- ref: svgRef,
33598
- id: chartId,
33599
- style: { width: "100%", height: "100%" }
33600
- }
33601
- )
33602
- ] });
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
+ ) });
33603
33563
  };
33604
33564
  function max(values, valueof) {
33605
33565
  let max2;
@@ -33982,11 +33942,12 @@
33982
33942
  return sankey;
33983
33943
  }
33984
33944
  const SankeyChart = ({
33985
- sankeyLinks,
33986
- sankeyNodes,
33987
33945
  formatOptions,
33946
+ data,
33988
33947
  chartId
33989
33948
  }) => {
33949
+ let sankeyLinks = JSON.parse(JSON.stringify(data.sankeyLinks));
33950
+ let sankeyNodes = JSON.parse(JSON.stringify(data.sankeyNodes));
33990
33951
  const svgRef = require$$0$1.useRef();
33991
33952
  let chartFormatOptions;
33992
33953
  let width;
@@ -34395,13 +34356,13 @@
34395
34356
  "text-align",
34396
34357
  chartFormatOptions.nodes.sankeyChartType === "Left" ? "right" : chartFormatOptions.nodes.sankeyChartType === "Center" ? "center" : "left"
34397
34358
  ).style("line-height", "20px").attr("title", (d2) => {
34398
- if (layerWisePercentage.get(d2.name) > 5) {
34399
- return d2.alias ? d2.alias : d2.name;
34359
+ if (layerWisePercentage.get(d2.name) > 0) {
34360
+ return d2.alias ? d2.alias.includes("~$~") ? d2.alias.split("~$~")[1] : d2.alias : d2.name.includes("~$~") ? d2.name.split("~$~")[1] : d2.name;
34400
34361
  }
34401
34362
  return "";
34402
34363
  }).text((d2) => {
34403
- if (layerWisePercentage.get(d2.name) > 5) {
34404
- return d2.alias ? d2.alias : d2.name;
34364
+ if (layerWisePercentage.get(d2.name) > 0) {
34365
+ return d2.alias ? d2.alias.includes("~$~") ? d2.alias.split("~$~")[1] : d2.alias : d2.name.includes("~$~") ? d2.name.split("~$~")[1] : d2.name;
34405
34366
  }
34406
34367
  return "";
34407
34368
  });
@@ -34446,7 +34407,7 @@
34446
34407
  "text-align",
34447
34408
  chartFormatOptions.nodes.sankeyChartType === "Left" ? "right" : chartFormatOptions.nodes.sankeyChartType === "Center" ? "center" : "left"
34448
34409
  ).style("line-height", "20px").attr("title", (d2) => {
34449
- if (layerWisePercentage.get(d2.name) > 5) {
34410
+ if (layerWisePercentage.get(d2.name) > 0) {
34450
34411
  return chartFormatOptions.nodes.nodeLabelNumberFormat === ",.0%" ? layerWisePercentage.get(d2.name).toFixed(
34451
34412
  parseFloat(
34452
34413
  chartFormatOptions.nodes.nodeLabelDecimalPrecision
@@ -34459,7 +34420,7 @@
34459
34420
  }
34460
34421
  return "";
34461
34422
  }).text((d2) => {
34462
- if (layerWisePercentage.get(d2.name) > 5) {
34423
+ if (layerWisePercentage.get(d2.name) > 0) {
34463
34424
  return chartFormatOptions.nodes.nodeLabelNumberFormat === ",.0%" ? layerWisePercentage.get(d2.name).toFixed(
34464
34425
  parseFloat(
34465
34426
  chartFormatOptions.nodes.nodeLabelDecimalPrecision
@@ -34554,18 +34515,15 @@
34554
34515
  return { x: 0, y: 0 };
34555
34516
  }
34556
34517
  };
34557
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
34558
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
34559
- /* @__PURE__ */ jsxRuntimeExports.jsx(
34560
- "svg",
34561
- {
34562
- className: "chartSVG",
34563
- ref: svgRef,
34564
- id: chartId,
34565
- style: { width: "100%", height: "100%" }
34566
- }
34567
- )
34568
- ] });
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
+ ) });
34569
34527
  };
34570
34528
  const unitedStates = {
34571
34529
  "type": "FeatureCollection",
@@ -52678,7 +52636,7 @@
52678
52636
  )
52679
52637
  ).tickSize(
52680
52638
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
52681
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
52639
+ ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
52682
52640
  initXaxis(
52683
52641
  chartAreaTagG,
52684
52642
  chartFormatOptions,
@@ -52712,7 +52670,7 @@
52712
52670
  )
52713
52671
  ).tickSize(
52714
52672
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
52715
- ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
52673
+ ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
52716
52674
  initYaxis(
52717
52675
  chartAreaTagG,
52718
52676
  chartFormatOptions,
@@ -52801,18 +52759,15 @@
52801
52759
  logError$2("BubbleChart", "initLegendList", e);
52802
52760
  }
52803
52761
  };
52804
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
52805
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
52806
- /* @__PURE__ */ jsxRuntimeExports.jsx(
52807
- "svg",
52808
- {
52809
- className: "chartSVG",
52810
- ref: svgRef,
52811
- id: chartId,
52812
- style: { width: "100%", height: "100%" }
52813
- }
52814
- )
52815
- ] });
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
+ ) });
52816
52771
  };
52817
52772
  const fileName = "ScatterChart.tsx";
52818
52773
  const ScatterChart = ({
@@ -53082,7 +53037,7 @@
53082
53037
  )
53083
53038
  ).tickSize(
53084
53039
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
53085
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
53040
+ ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53086
53041
  initXaxis(
53087
53042
  chartAreaTagG,
53088
53043
  chartFormatOptions,
@@ -53116,7 +53071,7 @@
53116
53071
  )
53117
53072
  ).tickSize(
53118
53073
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesHorizontal ? -innerWidth2 : 0 : 0
53119
- ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickSizeOuter(0);
53074
+ ).tickValues(yAxisLabelArray.length > 0 ? yAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53120
53075
  initYaxis(
53121
53076
  chartAreaTagG,
53122
53077
  chartFormatOptions,
@@ -53424,18 +53379,15 @@
53424
53379
  logError$2(fileName, "getJQuerySelector", error);
53425
53380
  }
53426
53381
  };
53427
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
53428
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
53429
- /* @__PURE__ */ jsxRuntimeExports.jsx(
53430
- "svg",
53431
- {
53432
- className: "chartSVG",
53433
- ref: svgRef,
53434
- id: chartId,
53435
- style: { width: "100%", height: "100%" }
53436
- }
53437
- )
53438
- ] });
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
+ ) });
53439
53391
  };
53440
53392
  const WaterfallChart = ({
53441
53393
  isDateType,
@@ -53826,7 +53778,7 @@
53826
53778
  customYaxisMinValue,
53827
53779
  customYaxisMaxValue
53828
53780
  ).customTickValue ?? (dataTableHeight > 0 ? (innerHeight2 - dataTableHeight) / 30 : innerHeight2 / 30)
53829
- ).tickSizeOuter(0);
53781
+ ).tickPadding(8).tickSizeOuter(0);
53830
53782
  }
53831
53783
  colorScale = ordinal().range([
53832
53784
  "#E25A42",
@@ -54070,18 +54022,15 @@
54070
54022
  throw error;
54071
54023
  }
54072
54024
  };
54073
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
54074
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
54075
- /* @__PURE__ */ jsxRuntimeExports.jsx(
54076
- "svg",
54077
- {
54078
- className: "chartSVG",
54079
- ref: svgRef,
54080
- id: chartId,
54081
- style: { width: "100%", height: "100%" }
54082
- }
54083
- )
54084
- ] });
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
+ ) });
54085
54034
  };
54086
54035
  const TornadoChart = ({
54087
54036
  isDateType,
@@ -54444,7 +54393,7 @@
54444
54393
  barChart,
54445
54394
  innerWidth2
54446
54395
  ).customTickValue ?? (dataTableHeight > 0 ? (innerWidth2 - dataTableHeight) / 30 : innerWidth2 / 30)
54447
- ).tickSizeOuter(0);
54396
+ ).tickPadding(8).tickSizeOuter(0);
54448
54397
  };
54449
54398
  const getChartType = (lineData) => {
54450
54399
  formatOptions.plotArea.plotAreaCalculatedHigh;
@@ -54571,18 +54520,15 @@
54571
54520
  barChart
54572
54521
  );
54573
54522
  };
54574
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%" }, children: [
54575
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "chartTooltipDiv" }),
54576
- /* @__PURE__ */ jsxRuntimeExports.jsx(
54577
- "svg",
54578
- {
54579
- className: "chartSVG",
54580
- ref: svgRef,
54581
- id: chartId,
54582
- style: { width: "100%", height: "100%" }
54583
- }
54584
- )
54585
- ] });
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
+ ) });
54586
54532
  };
54587
54533
  exports2.AreaChart = AreaChart;
54588
54534
  exports2.BubbleChart = BubbleChart;