pace-chart-lib 1.0.39 → 1.0.41

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.
@@ -87,8 +87,9 @@ export declare function responsiveYaxisLabel(Ymax: number, Ymin: number, innerHe
87
87
  export declare function responsiveXaxisLabelForNumericValue(xMax: number, xMin: number, innerWidth: number, formatOptions: TDefaultChartFormatOptionsType, customXaxisMinValue: number, customXaxisMaxValue: number, innerHeight: number, barChart?: boolean): {
88
88
  xAxisLabelArray: any[];
89
89
  customTickValue: any;
90
+ autoLabelFlag: boolean;
90
91
  };
91
92
  export declare function initYaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, yLabel: number, yAxisLeft: any, innerHeight: number): void;
92
93
  export declare function initXaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, xLabel: number, xAxis: any, innerHeight: number, innerWidth: number, margins: TChartMargins, yScale: any): void;
93
- export declare function pieFamilyAnnotation(d3Annotation: any, chartData: any, formatOptions: any, getPiePosition: any, chartType: any, width: any, height: any, svg: any, radius: any): void;
94
+ export declare function pieFamilyAnnotation(d3Annotation: any, chartData: any, formatOptions: any, getPiePosition: any, chartType: any, width: any, height: any, svg: any, radius: any, isReportEditable: any): void;
94
95
  export declare const setnumberOfBubbles: (svg: d3.Selection<SVGSVGElement, unknown, null, undefined>, legendPosition: string, chartFormatOptions: TDefaultChartFormatOptionsType, height: number, width: number, margins: TChartMargins, innnerHeight: number, xTitleHeight: number, XLabelHeight: number, bubbleCount: number) => void;
@@ -7,6 +7,7 @@ export interface IChartProps {
7
7
  clientWidth: number;
8
8
  clientHeight: number;
9
9
  formatOptions: TDefaultChartFormatOptionsType;
10
+ isReportEditable?: boolean;
10
11
  }
11
12
  export interface IPieofPieChartProps {
12
13
  chartId: string;
@@ -12683,7 +12683,10 @@ function initXaxis$1(gTag, chartJSON, xLabel, formatOptions, dataTableHeight, yS
12683
12683
  XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
12684
12684
  "stroke-width",
12685
12685
  formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
12686
- ).style("shape-rendering", "crispEdges").raise();
12686
+ ).style("shape-rendering", "crispEdges").attr(
12687
+ "visibility",
12688
+ formatOptions.xAxisLabel.xAxisLabelVisibility ? "visible" : "hidden"
12689
+ ).raise();
12687
12690
  return gTag;
12688
12691
  } catch (error) {
12689
12692
  throw error;
@@ -14094,7 +14097,7 @@ function addDataTable(isFitChart, svg, currentTag, dataTable, colWidth, yAxis, x
14094
14097
  {
14095
14098
  text = data.properties.legend;
14096
14099
  }
14097
- innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "demo").style("text-align", "left").style("vertical-align", "middle").style(
14100
+ innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "legendsColumn").style("text-align", "left").style("vertical-align", "middle").style(
14098
14101
  "font-size",
14099
14102
  formatOptions.dataTableProperties.dataTableFontSize + "px"
14100
14103
  ).style(
@@ -14321,9 +14324,9 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14321
14324
  borderStyle = `solid solid solid solid`;
14322
14325
  borderColor = `black black black black`;
14323
14326
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14324
- borderWidth = `${outerBorderLineWidth}px ${0}px ${0}px ${0}px`;
14325
- borderStyle = `${outerBorderLineStyle} solid solid solid`;
14326
- borderColor = `${outerBorderLineColor} black black black`;
14327
+ borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14328
+ borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
14329
+ borderColor = `${outerBorderLineColor} ${outerBorderLineColor} black black`;
14327
14330
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14328
14331
  borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14329
14332
  borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
@@ -14339,7 +14342,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14339
14342
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14340
14343
  borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14341
14344
  borderStyle = `solid solid solid solid`;
14342
- borderColor = `black balck black black`;
14345
+ borderColor = `black black black black`;
14343
14346
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14344
14347
  borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14345
14348
  borderStyle = `solid solid ${outerBorderLineStyle} solid`;
@@ -14403,11 +14406,11 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14403
14406
  borderStyle = `${outerBorderLineStyle} ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
14404
14407
  borderColor = `${outerBorderLineColor} ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
14405
14408
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14406
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14409
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14407
14410
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14408
14411
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14409
14412
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14410
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14413
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14411
14414
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14412
14415
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14413
14416
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14425,15 +14428,15 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14425
14428
  borderStyle = `solid solid solid solid`;
14426
14429
  borderColor = `black black black black`;
14427
14430
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14428
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14431
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14429
14432
  borderStyle = `solid ${outerBorderLineStyle} solid solid`;
14430
14433
  borderColor = `black ${outerBorderLineColor} black black`;
14431
14434
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14432
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14435
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14433
14436
  borderStyle = `solid ${outerBorderLineStyle} solid solid`;
14434
14437
  borderColor = `black ${outerBorderLineColor} black black`;
14435
14438
  } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14436
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14439
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14437
14440
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14438
14441
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14439
14442
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
@@ -14449,10 +14452,44 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14449
14452
  borderStyle = `solid solid solid solid`;
14450
14453
  borderColor = `black black black black`;
14451
14454
  } else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14452
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14455
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14453
14456
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14454
14457
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14455
14458
  }
14459
+ } else if (position == 0 && currentCellIndex == 0) {
14460
+ if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14461
+ borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14462
+ borderStyle = `solid solid solid solid`;
14463
+ borderColor = `black black black black`;
14464
+ } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14465
+ borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14466
+ borderStyle = `solid solid ${outerBorderLineStyle} solid`;
14467
+ borderColor = `black black ${outerBorderLineColor} black`;
14468
+ } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14469
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
14470
+ borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
14471
+ borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
14472
+ } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14473
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
14474
+ borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
14475
+ borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
14476
+ } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14477
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
14478
+ borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
14479
+ borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
14480
+ } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14481
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
14482
+ borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
14483
+ borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
14484
+ } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14485
+ borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14486
+ borderStyle = `solid solid solid solid`;
14487
+ borderColor = `black black black black`;
14488
+ } else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14489
+ borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14490
+ borderStyle = `solid solid ${outerBorderLineStyle} solid`;
14491
+ borderColor = `black black ${outerBorderLineColor} black`;
14492
+ }
14456
14493
  } else {
14457
14494
  if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14458
14495
  borderWidth = `${0}px ${0}px ${0}px ${0}px`;
@@ -14467,15 +14504,15 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14467
14504
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
14468
14505
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
14469
14506
  } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14470
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14507
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14471
14508
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
14472
14509
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
14473
14510
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14474
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14511
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14475
14512
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14476
14513
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14477
14514
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14478
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14515
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14479
14516
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14480
14517
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14481
14518
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14511,7 +14548,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14511
14548
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${innerHorizontalBorderLineStyle} solid`;
14512
14549
  borderColor = `black ${innerVerticalBorderLineColor} ${innerHorizontalBorderLineColor} black`;
14513
14550
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14514
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14551
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14515
14552
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14516
14553
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14517
14554
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14541,11 +14578,11 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14541
14578
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
14542
14579
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
14543
14580
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14544
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14581
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14545
14582
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14546
14583
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14547
14584
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14548
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14585
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14549
14586
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14550
14587
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14551
14588
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14564,8 +14601,8 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14564
14601
  borderColor = `black black black black`;
14565
14602
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14566
14603
  borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
14567
- borderStyle = `$solid solid solid ${outerBorderLineStyle}`;
14568
- borderColor = `$black black black ${outerBorderLineColor}`;
14604
+ borderStyle = `solid solid solid ${outerBorderLineStyle}`;
14605
+ borderColor = `black black black ${outerBorderLineColor}`;
14569
14606
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14570
14607
  borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
14571
14608
  borderStyle = `solid solid solid ${outerBorderLineStyle}`;
@@ -14736,7 +14773,7 @@ function getBorderStyle(formatOptions, position, currentCellIndex, totalDimensio
14736
14773
  borderStyle = `solid solid solid solid`;
14737
14774
  borderColor = `black black black black`;
14738
14775
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14739
- borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px`;
14776
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14740
14777
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14741
14778
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14742
14779
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
@@ -20743,6 +20780,7 @@ function responsiveYaxisLabel(Ymax, Ymin, innerHeight2, formatOptions, customYax
20743
20780
  }
20744
20781
  function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOptions, customXaxisMinValue, customXaxisMaxValue, innerHeight2, barChart) {
20745
20782
  try {
20783
+ let autoLabelFlag = true;
20746
20784
  let customXaxisIntervalValue = parseFloat(
20747
20785
  formatOptions.xAxisLabel.xAxisIntervalText
20748
20786
  );
@@ -20762,6 +20800,7 @@ function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOpti
20762
20800
  customXaxisMaxValue || customXaxisMaxValue == 0 ? xMax = customXaxisMaxValue : "";
20763
20801
  let tickvalue = customXaxisMinValue || customXaxisMinValue == 0 ? customXaxisMinValue : xMin < 0 ? Math.round(xMin) : 0;
20764
20802
  xAxisLabelArray.push(tickvalue);
20803
+ autoLabelFlag = false;
20765
20804
  if (customTickValue > 100) {
20766
20805
  let message = "Tick count cannot exceed more than 100.";
20767
20806
  if (minValue < 0) {
@@ -20801,7 +20840,7 @@ function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOpti
20801
20840
  );
20802
20841
  customTickValue = innerWidth2 / 30;
20803
20842
  }
20804
- return { xAxisLabelArray, customTickValue };
20843
+ return { xAxisLabelArray, customTickValue, autoLabelFlag };
20805
20844
  } catch (e) {
20806
20845
  logError$1(fileName$a, "responsiveXaxisLabel", e);
20807
20846
  }
@@ -20887,11 +20926,11 @@ function initXaxis(gTag, formatOptions, dataTableHeight, xLabel, xAxis, innerHei
20887
20926
  logError$1(fileName$a, "initXaxis", error);
20888
20927
  }
20889
20928
  }
20890
- function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosition, chartType, width, height, svg, radius) {
20929
+ function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosition, chartType, width, height, svg, radius, isReportEditable) {
20891
20930
  try {
20892
20931
  if (!formatOptions.annotation.annotationVisibility) return;
20893
20932
  const AnnotationType = formatOptions.plotArea.annotationType ?? "1";
20894
- const Disable = [AnnotationType === "1" ? "connector" : ""];
20933
+ const Disable = [AnnotationType === 1 ? "connector" : ""];
20895
20934
  const ConnectorType = formatOptions.plotArea.connectorType?.toLowerCase() ?? "none";
20896
20935
  const rotationAngle = formatOptions.plotArea.rotation ?? 0;
20897
20936
  const multiplicationFactor = chartType === chartTypes.PieChart ? 1.06 : 1.1;
@@ -20978,7 +21017,7 @@ function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosi
20978
21017
  match.connector.points = oldA.connector?.points;
20979
21018
  }
20980
21019
  });
20981
- makeAnnotations.editMode(formatOptions.plotArea.annotationDraggable).accessors({
21020
+ makeAnnotations.editMode(formatOptions.plotArea.annotationDraggable && isReportEditable).accessors({
20982
21021
  x(d) {
20983
21022
  const r = radius;
20984
21023
  const a2 = d.midAngle + rotationAngle * Math.PI / 180;
@@ -27909,7 +27948,7 @@ const drawTotalValue = (chartFormatOptions, totalValue, chartTitleHeight, chartA
27909
27948
  }
27910
27949
  };
27911
27950
  const fileName$8 = "PieChart.tsx";
27912
- const PieChart = ({ data, formatOptions, chartId }) => {
27951
+ const PieChart = ({ data, formatOptions, chartId, isReportEditable }) => {
27913
27952
  const svgRef = useRef();
27914
27953
  const seriesData = generalizedChartData(data.ChartData);
27915
27954
  let chartFormatOptions;
@@ -27976,7 +28015,8 @@ const PieChart = ({ data, formatOptions, chartId }) => {
27976
28015
  width,
27977
28016
  height,
27978
28017
  chartAreaTagG,
27979
- Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5)
28018
+ Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5),
28019
+ isReportEditable
27980
28020
  );
27981
28021
  } else {
27982
28022
  drawPieDataLabels();
@@ -28316,7 +28356,8 @@ const fileName$7 = "DonutChart.tsx";
28316
28356
  const DonutChart = ({
28317
28357
  data,
28318
28358
  formatOptions,
28319
- chartId
28359
+ chartId,
28360
+ isReportEditable
28320
28361
  }) => {
28321
28362
  const svgRef = useRef();
28322
28363
  const seriesData = generalizedChartData(data.ChartData);
@@ -28386,7 +28427,8 @@ const DonutChart = ({
28386
28427
  width,
28387
28428
  height,
28388
28429
  chartAreaTagG,
28389
- Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5)
28430
+ Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5),
28431
+ isReportEditable
28390
28432
  );
28391
28433
  } else {
28392
28434
  drawDonutDataLabels();
@@ -53704,6 +53746,7 @@ const BubbleChart = ({
53704
53746
  const svgRef = useRef();
53705
53747
  let chartFormatOptions;
53706
53748
  let maxLegendDimensions = [0, 0];
53749
+ const chartType = chartTypes.BubbleChart;
53707
53750
  let width;
53708
53751
  let height;
53709
53752
  let chartTitleHeight = 40;
@@ -53790,6 +53833,14 @@ const BubbleChart = ({
53790
53833
  ));
53791
53834
  initSvg(svgRef, width, height, chartFormatOptions);
53792
53835
  chartAreaTagG = initChartArea(svg, margins);
53836
+ initPlotArea(
53837
+ chartAreaTagG,
53838
+ formatOptions,
53839
+ 0,
53840
+ innerWidth2,
53841
+ innerHeight2,
53842
+ chartType
53843
+ );
53793
53844
  drawChartTitle(svgRef, chartTitleHeight, width, chartFormatOptions);
53794
53845
  initScale();
53795
53846
  drawXAxis();
@@ -53951,14 +54002,14 @@ const BubbleChart = ({
53951
54002
  };
53952
54003
  const drawXAxis = () => {
53953
54004
  try {
53954
- let { xAxisLabelArray, customTickValue } = responsiveXaxisLabelForNumericValue(
54005
+ let { xAxisLabelArray, customTickValue, autoLabelFlag } = responsiveXaxisLabelForNumericValue(
53955
54006
  maxDimension,
53956
54007
  minDimension,
53957
54008
  innerWidth2,
53958
54009
  formatOptions,
53959
54010
  customXaxisMinValue,
53960
54011
  customXaxisMaxValue,
53961
- innerHeight2,
54012
+ innerWidth2,
53962
54013
  false
53963
54014
  );
53964
54015
  const xAxis = axisBottom(xScale).tickFormat(
@@ -53969,7 +54020,7 @@ const BubbleChart = ({
53969
54020
  )
53970
54021
  ).tickSize(
53971
54022
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
53972
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
54023
+ ).tickValues(autoLabelFlag ? void 0 : xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53973
54024
  initXaxis(
53974
54025
  chartAreaTagG,
53975
54026
  chartFormatOptions,
@@ -12686,7 +12686,10 @@
12686
12686
  XaxisG.select(".domain").style("stroke", formatOptions.xAxisLabel.xAxisColor).attr(
12687
12687
  "stroke-width",
12688
12688
  formatOptions.xAxisLabel.xAxisWidth ? formatOptions.xAxisLabel.xAxisWidth : formatOptions.plotArea.plotAreaBorderThickness
12689
- ).style("shape-rendering", "crispEdges").raise();
12689
+ ).style("shape-rendering", "crispEdges").attr(
12690
+ "visibility",
12691
+ formatOptions.xAxisLabel.xAxisLabelVisibility ? "visible" : "hidden"
12692
+ ).raise();
12690
12693
  return gTag;
12691
12694
  } catch (error) {
12692
12695
  throw error;
@@ -14097,7 +14100,7 @@
14097
14100
  {
14098
14101
  text = data.properties.legend;
14099
14102
  }
14100
- innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "demo").style("text-align", "left").style("vertical-align", "middle").style(
14103
+ innerdiv.append("xhtml:div").style("max-width", cellWidth).attr("class", "legendsColumn").style("text-align", "left").style("vertical-align", "middle").style(
14101
14104
  "font-size",
14102
14105
  formatOptions.dataTableProperties.dataTableFontSize + "px"
14103
14106
  ).style(
@@ -14324,9 +14327,9 @@
14324
14327
  borderStyle = `solid solid solid solid`;
14325
14328
  borderColor = `black black black black`;
14326
14329
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14327
- borderWidth = `${outerBorderLineWidth}px ${0}px ${0}px ${0}px`;
14328
- borderStyle = `${outerBorderLineStyle} solid solid solid`;
14329
- borderColor = `${outerBorderLineColor} black black black`;
14330
+ borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14331
+ borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
14332
+ borderColor = `${outerBorderLineColor} ${outerBorderLineColor} black black`;
14330
14333
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14331
14334
  borderWidth = `${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14332
14335
  borderStyle = `${outerBorderLineStyle} ${outerBorderLineStyle} solid solid`;
@@ -14342,7 +14345,7 @@
14342
14345
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14343
14346
  borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14344
14347
  borderStyle = `solid solid solid solid`;
14345
- borderColor = `black balck black black`;
14348
+ borderColor = `black black black black`;
14346
14349
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14347
14350
  borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14348
14351
  borderStyle = `solid solid ${outerBorderLineStyle} solid`;
@@ -14406,11 +14409,11 @@
14406
14409
  borderStyle = `${outerBorderLineStyle} ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
14407
14410
  borderColor = `${outerBorderLineColor} ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
14408
14411
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14409
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14412
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14410
14413
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14411
14414
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14412
14415
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14413
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14416
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14414
14417
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14415
14418
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14416
14419
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14428,15 +14431,15 @@
14428
14431
  borderStyle = `solid solid solid solid`;
14429
14432
  borderColor = `black black black black`;
14430
14433
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14431
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14434
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14432
14435
  borderStyle = `solid ${outerBorderLineStyle} solid solid`;
14433
14436
  borderColor = `black ${outerBorderLineColor} black black`;
14434
14437
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14435
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14438
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${0}px ${0}px`;
14436
14439
  borderStyle = `solid ${outerBorderLineStyle} solid solid`;
14437
14440
  borderColor = `black ${outerBorderLineColor} black black`;
14438
14441
  } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14439
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14442
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14440
14443
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14441
14444
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14442
14445
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
@@ -14452,10 +14455,44 @@
14452
14455
  borderStyle = `solid solid solid solid`;
14453
14456
  borderColor = `black black black black`;
14454
14457
  } else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14455
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14458
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14456
14459
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14457
14460
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14458
14461
  }
14462
+ } else if (position == 0 && currentCellIndex == 0) {
14463
+ if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14464
+ borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14465
+ borderStyle = `solid solid solid solid`;
14466
+ borderColor = `black black black black`;
14467
+ } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14468
+ borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14469
+ borderStyle = `solid solid ${outerBorderLineStyle} solid`;
14470
+ borderColor = `black black ${outerBorderLineColor} black`;
14471
+ } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14472
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
14473
+ borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
14474
+ borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
14475
+ } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14476
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${innerVerticalBorderLineWidth}px`;
14477
+ borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${innerVerticalBorderLineStyle}`;
14478
+ borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${innerVerticalBorderLineColor}`;
14479
+ } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14480
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
14481
+ borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
14482
+ borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
14483
+ } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14484
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${innerVerticalBorderLineWidth}px`;
14485
+ borderStyle = `solid ${innerVerticalBorderLineStyle} solid ${innerVerticalBorderLineStyle}`;
14486
+ borderColor = `black ${innerVerticalBorderLineColor} black ${innerVerticalBorderLineColor}`;
14487
+ } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14488
+ borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14489
+ borderStyle = `solid solid solid solid`;
14490
+ borderColor = `black black black black`;
14491
+ } else if (outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
14492
+ borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14493
+ borderStyle = `solid solid ${outerBorderLineStyle} solid`;
14494
+ borderColor = `black black ${outerBorderLineColor} black`;
14495
+ }
14459
14496
  } else {
14460
14497
  if (!outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14461
14498
  borderWidth = `${0}px ${0}px ${0}px ${0}px`;
@@ -14470,15 +14507,15 @@
14470
14507
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
14471
14508
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
14472
14509
  } else if (outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14473
- borderWidth = `${0}px ${0}px ${outerBorderLineWidth}px ${0}px`;
14510
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14474
14511
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} solid`;
14475
14512
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} black`;
14476
14513
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14477
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14514
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14478
14515
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14479
14516
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14480
14517
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14481
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14518
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14482
14519
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14483
14520
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14484
14521
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14514,7 +14551,7 @@
14514
14551
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${innerHorizontalBorderLineStyle} solid`;
14515
14552
  borderColor = `black ${innerVerticalBorderLineColor} ${innerHorizontalBorderLineColor} black`;
14516
14553
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14517
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14554
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14518
14555
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14519
14556
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14520
14557
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14544,11 +14581,11 @@
14544
14581
  borderStyle = `solid ${innerVerticalBorderLineStyle} ${outerBorderLineStyle} ${outerBorderLineStyle}`;
14545
14582
  borderColor = `black ${innerVerticalBorderLineColor} ${outerBorderLineColor} ${outerBorderLineColor}`;
14546
14583
  } else if (!outerBorder && innerHorizontalBorder && innerVerticalBorder) {
14547
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14584
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14548
14585
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14549
14586
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14550
14587
  } else if (!outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14551
- borderWidth = `${0}px ${0}px ${0}px ${0}px`;
14588
+ borderWidth = `${0}px ${innerVerticalBorderLineWidth}px ${0}px ${0}px`;
14552
14589
  borderStyle = `solid ${innerVerticalBorderLineStyle} solid solid`;
14553
14590
  borderColor = `black ${innerVerticalBorderLineColor} black black`;
14554
14591
  } else if (!outerBorder && innerHorizontalBorder && !innerVerticalBorder) {
@@ -14567,8 +14604,8 @@
14567
14604
  borderColor = `black black black black`;
14568
14605
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14569
14606
  borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
14570
- borderStyle = `$solid solid solid ${outerBorderLineStyle}`;
14571
- borderColor = `$black black black ${outerBorderLineColor}`;
14607
+ borderStyle = `solid solid solid ${outerBorderLineStyle}`;
14608
+ borderColor = `black black black ${outerBorderLineColor}`;
14572
14609
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
14573
14610
  borderWidth = `${0}px ${0}px ${0}px ${outerBorderLineWidth}px`;
14574
14611
  borderStyle = `solid solid solid ${outerBorderLineStyle}`;
@@ -14739,7 +14776,7 @@
14739
14776
  borderStyle = `solid solid solid solid`;
14740
14777
  borderColor = `black black black black`;
14741
14778
  } else if (outerBorder && !innerHorizontalBorder && !innerVerticalBorder) {
14742
- borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px`;
14779
+ borderWidth = `${0}px ${outerBorderLineWidth}px ${outerBorderLineWidth}px ${0}px`;
14743
14780
  borderStyle = `solid ${outerBorderLineStyle} ${outerBorderLineStyle} solid`;
14744
14781
  borderColor = `black ${outerBorderLineColor} ${outerBorderLineColor} black`;
14745
14782
  } else if (outerBorder && !innerHorizontalBorder && innerVerticalBorder) {
@@ -20746,6 +20783,7 @@
20746
20783
  }
20747
20784
  function responsiveXaxisLabelForNumericValue(xMax, xMin, innerWidth2, formatOptions, customXaxisMinValue, customXaxisMaxValue, innerHeight2, barChart) {
20748
20785
  try {
20786
+ let autoLabelFlag = true;
20749
20787
  let customXaxisIntervalValue = parseFloat(
20750
20788
  formatOptions.xAxisLabel.xAxisIntervalText
20751
20789
  );
@@ -20765,6 +20803,7 @@
20765
20803
  customXaxisMaxValue || customXaxisMaxValue == 0 ? xMax = customXaxisMaxValue : "";
20766
20804
  let tickvalue = customXaxisMinValue || customXaxisMinValue == 0 ? customXaxisMinValue : xMin < 0 ? Math.round(xMin) : 0;
20767
20805
  xAxisLabelArray.push(tickvalue);
20806
+ autoLabelFlag = false;
20768
20807
  if (customTickValue > 100) {
20769
20808
  let message = "Tick count cannot exceed more than 100.";
20770
20809
  if (minValue < 0) {
@@ -20804,7 +20843,7 @@
20804
20843
  );
20805
20844
  customTickValue = innerWidth2 / 30;
20806
20845
  }
20807
- return { xAxisLabelArray, customTickValue };
20846
+ return { xAxisLabelArray, customTickValue, autoLabelFlag };
20808
20847
  } catch (e) {
20809
20848
  logError$1(fileName$a, "responsiveXaxisLabel", e);
20810
20849
  }
@@ -20890,11 +20929,11 @@
20890
20929
  logError$1(fileName$a, "initXaxis", error);
20891
20930
  }
20892
20931
  }
20893
- function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosition, chartType, width, height, svg, radius) {
20932
+ function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosition, chartType, width, height, svg, radius, isReportEditable) {
20894
20933
  try {
20895
20934
  if (!formatOptions.annotation.annotationVisibility) return;
20896
20935
  const AnnotationType = formatOptions.plotArea.annotationType ?? "1";
20897
- const Disable = [AnnotationType === "1" ? "connector" : ""];
20936
+ const Disable = [AnnotationType === 1 ? "connector" : ""];
20898
20937
  const ConnectorType = formatOptions.plotArea.connectorType?.toLowerCase() ?? "none";
20899
20938
  const rotationAngle = formatOptions.plotArea.rotation ?? 0;
20900
20939
  const multiplicationFactor = chartType === chartTypes.PieChart ? 1.06 : 1.1;
@@ -20981,7 +21020,7 @@
20981
21020
  match.connector.points = oldA.connector?.points;
20982
21021
  }
20983
21022
  });
20984
- makeAnnotations.editMode(formatOptions.plotArea.annotationDraggable).accessors({
21023
+ makeAnnotations.editMode(formatOptions.plotArea.annotationDraggable && isReportEditable).accessors({
20985
21024
  x(d) {
20986
21025
  const r = radius;
20987
21026
  const a2 = d.midAngle + rotationAngle * Math.PI / 180;
@@ -27912,7 +27951,7 @@
27912
27951
  }
27913
27952
  };
27914
27953
  const fileName$8 = "PieChart.tsx";
27915
- const PieChart = ({ data, formatOptions, chartId }) => {
27954
+ const PieChart = ({ data, formatOptions, chartId, isReportEditable }) => {
27916
27955
  const svgRef = require$$0$1.useRef();
27917
27956
  const seriesData = generalizedChartData(data.ChartData);
27918
27957
  let chartFormatOptions;
@@ -27979,7 +28018,8 @@
27979
28018
  width,
27980
28019
  height,
27981
28020
  chartAreaTagG,
27982
- Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5)
28021
+ Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5),
28022
+ isReportEditable
27983
28023
  );
27984
28024
  } else {
27985
28025
  drawPieDataLabels();
@@ -28319,7 +28359,8 @@
28319
28359
  const DonutChart = ({
28320
28360
  data,
28321
28361
  formatOptions,
28322
- chartId
28362
+ chartId,
28363
+ isReportEditable
28323
28364
  }) => {
28324
28365
  const svgRef = require$$0$1.useRef();
28325
28366
  const seriesData = generalizedChartData(data.ChartData);
@@ -28389,7 +28430,8 @@
28389
28430
  width,
28390
28431
  height,
28391
28432
  chartAreaTagG,
28392
- Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5)
28433
+ Math.min(innerHeight2 * 0.5, innerWidth2 * 0.5),
28434
+ isReportEditable
28393
28435
  );
28394
28436
  } else {
28395
28437
  drawDonutDataLabels();
@@ -53707,6 +53749,7 @@
53707
53749
  const svgRef = require$$0$1.useRef();
53708
53750
  let chartFormatOptions;
53709
53751
  let maxLegendDimensions = [0, 0];
53752
+ const chartType = chartTypes.BubbleChart;
53710
53753
  let width;
53711
53754
  let height;
53712
53755
  let chartTitleHeight = 40;
@@ -53793,6 +53836,14 @@
53793
53836
  ));
53794
53837
  initSvg(svgRef, width, height, chartFormatOptions);
53795
53838
  chartAreaTagG = initChartArea(svg, margins);
53839
+ initPlotArea(
53840
+ chartAreaTagG,
53841
+ formatOptions,
53842
+ 0,
53843
+ innerWidth2,
53844
+ innerHeight2,
53845
+ chartType
53846
+ );
53796
53847
  drawChartTitle(svgRef, chartTitleHeight, width, chartFormatOptions);
53797
53848
  initScale();
53798
53849
  drawXAxis();
@@ -53954,14 +54005,14 @@
53954
54005
  };
53955
54006
  const drawXAxis = () => {
53956
54007
  try {
53957
- let { xAxisLabelArray, customTickValue } = responsiveXaxisLabelForNumericValue(
54008
+ let { xAxisLabelArray, customTickValue, autoLabelFlag } = responsiveXaxisLabelForNumericValue(
53958
54009
  maxDimension,
53959
54010
  minDimension,
53960
54011
  innerWidth2,
53961
54012
  formatOptions,
53962
54013
  customXaxisMinValue,
53963
54014
  customXaxisMaxValue,
53964
- innerHeight2,
54015
+ innerWidth2,
53965
54016
  false
53966
54017
  );
53967
54018
  const xAxis = axisBottom(xScale).tickFormat(
@@ -53972,7 +54023,7 @@
53972
54023
  )
53973
54024
  ).tickSize(
53974
54025
  chartFormatOptions.plotArea.gridLinesVisibility ? chartFormatOptions.plotArea.gridLinesVertical ? chartFormatOptions.xAxisLabel.xAxisPosition === "0" ? -innerHeight2 : chartFormatOptions.xAxisLabel.xAxisPosition === "1" ? innerHeight2 : 0 : 0 : 0
53975
- ).tickValues(xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
54026
+ ).tickValues(autoLabelFlag ? void 0 : xAxisLabelArray.length > 0 ? xAxisLabelArray : null).ticks(customTickValue).tickPadding(8).tickSizeOuter(0);
53976
54027
  initXaxis(
53977
54028
  chartAreaTagG,
53978
54029
  chartFormatOptions,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pace-chart-lib",
3
- "version": "1.0.39",
3
+ "version": "1.0.41",
4
4
  "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
5
5
  "license": "MIT",
6
6
  "type": "module",