@oliasoft-open-source/charts-library 4.1.11 → 4.2.0

package/dist/index.js

@@ -22757,6 +22757,9 @@ function TbArrowsMove(props) {
 function TbBan(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" } }, { "tag": "path", "attr": { "d": "M5.7 5.7l12.6 12.6" } }] })(props);
 }
+function TbCircleFilled(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M7 3.34a10 10 0 1 1 -4.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 4.995 -8.336z", "strokeWidth": "0", "fill": "currentColor" } }] })(props);
+}
 function TbHandStop(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M8 13v-7.5a1.5 1.5 0 0 1 3 0v6.5" } }, { "tag": "path", "attr": { "d": "M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5" } }, { "tag": "path", "attr": { "d": "M14 5.5a1.5 1.5 0 0 1 3 0v6.5" } }, { "tag": "path", "attr": { "d": "M17 7.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" } }] })(props);
 }
@@ -25895,6 +25898,7 @@ var ChartType = /* @__PURE__ */ ((ChartType2) => {
   ChartType2["LINE"] = "line";
   ChartType2["BAR"] = "bar";
   ChartType2["PIE"] = "pie";
+  ChartType2["SCATTER"] = "scatter";
   return ChartType2;
 })(ChartType || {});
 const circleSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9ImN1cnJlbnRDb2xvciIgLz48L3N2Zz4=";
@@ -25977,6 +25981,8 @@ const renderLegendItemSymbol = (dataset, chartType) => {
       return /* @__PURE__ */ jsx("span", { className: styles$2.legendItemBox, children: /* @__PURE__ */ jsx(TbSquareFilled, { color: dataset.borderColor }) });
     case ChartType.PIE:
       return /* @__PURE__ */ jsx("span", { className: styles$2.legendItemPoint, children: /* @__PURE__ */ jsx(Icon, { icon: circleSvg }) });
+    case ChartType.SCATTER:
+      return /* @__PURE__ */ jsx("span", { className: styles$2.legendItemPoint, children: /* @__PURE__ */ jsx(TbCircleFilled, { color: dataset.borderColor }) });
     default:
       return null;
   }
@@ -26462,7 +26468,7 @@ const usePieChartConfig = (chart2) => {
       const generatedDataset = {
         label: ((_a2 = copyDataset == null ? void 0 : copyDataset[0]) == null ? void 0 : _a2.label) ?? "",
         backgroundColor: [],
-        borderColor: [],
+        borderColor: "",
         borderWidth: Number(copyDataset[0].borderWidth) || 1,
         data: [],
         borderDash: []
@@ -26475,20 +26481,18 @@ const usePieChartConfig = (chart2) => {
           generatedDataset.backgroundColor.push(
             (Array.isArray(backgroundColor) ? backgroundColor[labelIndex % ((borderColor == null ? void 0 : borderColor.length) || 1)] : backgroundColor) || COLORS[labelIndex] + `${99 - 10 * arcIndex}`
           );
-          generatedDataset.borderColor.push(
-            (Array.isArray(borderColor) ? borderColor[labelIndex % borderColor.length] : borderColor) || COLORS[labelIndex]
-          );
+          generatedDataset.borderColor = borderColor ?? "";
         });
       });
       return [generatedDataset];
     }
     const generatedDatasets2 = copyDataset.map(
       (pieDataset, index2) => {
-        const { borderWidth: inputBorderWidth = "1", data: data2 = [] } = pieDataset ?? {};
+        const { borderWidth: inputBorderWidth = "1" } = pieDataset ?? {};
         const borderWidth = parseFloat(String(inputBorderWidth)) || 1;
-        const color2 = data2.map((_2, i2) => COLORS[i2]) || generateRandomColor(COLORS);
+        const color2 = COLORS[index2];
         const borderColor = pieDataset.borderColor || color2;
-        const backgroundColor = pieDataset.backgroundColor || color2.map((col) => col + `${99 - 11 * index2}`);
+        const backgroundColor = pieDataset.backgroundColor || generateRandomColor(COLORS);
         return {
           ...pieDataset,
           borderWidth,