intelicoreact 2.0.17 → 2.0.19

package/dist/es/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.styles.css

@@ -0,0 +1,16 @@
+.chart__type-switcher-icon {
+  overflow: hidden;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+}
+.chart__type-switcher-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.chart__type-switcher-icon_active svg rect {
+  fill: #1f7499;
+}
+.chart__type-switcher-icon_active svg path {
+  stroke: white;
+}

package/dist/es/Atomic/UI/Chart/partial/datasetSetters.js

@@ -0,0 +1,78 @@
+import { clone } from "../../../../Functions/utils.js";
+//#region src/Atomic/UI/Chart/partial/datasetSetters.js
+var addDatasetsObjects = (currentData, mutation) => ({
+	...currentData,
+	datasets: currentData.datasets?.map?.((dataset) => ({
+		...dataset,
+		...typeof mutation === "function" ? mutation(dataset) : mutation
+	}))
+});
+var createGradient = ({ ctx, area, colors, direction, correctionFactors, collorStopPoints }) => {
+	const getStartGradient = () => {
+		switch (direction) {
+			case "toTop-toRight": return ctx.createLinearGradient(area.left, area.bottom, area.right, area.top);
+			case "toTop-toLeft": return ctx.createLinearGradient(area.right, area.bottom, area.left, area.top);
+			case "toBottom-toRight": return ctx.createLinearGradient(area.left, area.top, area.right, area.bottom);
+			case "toBottom-toLeft": return ctx.createLinearGradient(area.right, area.top, area.left, area.bottom);
+			case "toBottom": return ctx.createLinearGradient(0, area.top, 0, area.bottom);
+			case "toTop": return ctx.createLinearGradient(0, area.bottom, 0, area.top);
+			case "toLeft": return ctx.createLinearGradient(area.right, 0, area.left, 0);
+			default: return ctx.createLinearGradient(area.left, 0, area.right, 0);
+		}
+	};
+	const getGradientWithPoints = (corection) => {
+		const newGradient = getStartGradient();
+		const staptPoint = corection ? 1 - corection : 0;
+		colors.forEach((color, idx) => {
+			const point = (() => {
+				if (idx === colors.length - 1) return 1;
+				return collorStopPoints && Array.isArray(collorStopPoints) ? staptPoint + collorStopPoints[idx] * (corection || 1) : staptPoint + 1 / colors.length * (corection || 1);
+			})();
+			newGradient.addColorStop(point.toFixed(2), color);
+		});
+		return newGradient;
+	};
+	return correctionFactors ? correctionFactors.map((corection) => getGradientWithPoints(corection)) : getGradientWithPoints();
+};
+var addGradientsObject = (currentData, gradientSettingsObj, chartInstance) => addDatasetsObjects(currentData, (dataset) => ({
+	[gradientSettingsObj.gradientTargetPropertyName]: createGradient({
+		ctx: chartInstance.ctx,
+		area: chartInstance.chartArea,
+		colors: gradientSettingsObj.colors,
+		direction: gradientSettingsObj.direction,
+		correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === "personalBase" ? dataset.data.map((value) => value / Math.max.apply(null, dataset.data)) : null,
+		collorStopPoints: gradientSettingsObj.collorStopPoints
+	}),
+	...gradientSettingsObj.isAddFill ? { fill: true } : {}
+}));
+var addNotLibraryAnimation = (currentData, animationObj, chartInstance) => {
+	const { type, ...restAnimationObj } = animationObj || {};
+	switch (type) {
+		case "runningColumns":
+			const runningColumnsDefaultFromValue = 25;
+			const runningColumnsDefaultToValue = 75;
+			const runningColumnsDefaultAverageValue = 50;
+			const runningColumnsDefaultColumnsDelayCoef = 50;
+			return addDatasetsObjects(currentData, (dataset) => ({ animations: dataset.data.map((item, idx) => ({ y: {
+				duration: animationObj.duration,
+				easing: animationObj.easing || "linear",
+				from: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.from || runningColumnsDefaultFromValue,
+				to: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.to || runningColumnsDefaultToValue,
+				loop: true,
+				delay: Math.random().toFixed(1) * (animationObj.columnsDelayCoef || runningColumnsDefaultColumnsDelayCoef)
+			} })) }));
+		default: return currentData;
+	}
+};
+function changeData(currentData, iterationKey, settingsForChange, chartInstance) {
+	switch (iterationKey) {
+		case "setMaxBarThickness": return addDatasetsObjects(currentData, { maxBarThickness: settingsForChange });
+		case "addGradientsObjects": return settingsForChange.reduce((acc, gradientSettingsObj) => addGradientsObject(acc, gradientSettingsObj, chartInstance), clone(currentData));
+		case "addNotLibraryAnimations": return settingsForChange.reduce((acc, animationObj) => addNotLibraryAnimation(acc, animationObj, chartInstance), currentData);
+		default: return currentData;
+	}
+}
+//#endregion
+export { addDatasetsObjects, addGradientsObject, addNotLibraryAnimation, createGradient, changeData as default };
+
+//# sourceMappingURL=datasetSetters.js.map

package/dist/es/Atomic/UI/Chart/partial/datasetSetters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasetSetters.js","names":[],"sources":["../../../../../../src/Atomic/UI/Chart/partial/datasetSetters.js"],"sourcesContent":["import { clone } from \"../../../../Functions/utils\";\n\n// auxiliary functions\n\nexport const addDatasetsObjects = (currentData, mutation) => ({\n  ...currentData,\n  datasets: currentData.datasets?.map?.((dataset) => ({\n    ...dataset,\n    ...(typeof mutation === \"function\" ? mutation(dataset) : mutation),\n  })),\n});\n\nexport const createGradient = ({\n  ctx,\n  area,\n  colors,\n  direction,\n  correctionFactors,\n  collorStopPoints,\n}) => {\n  const getStartGradient = () => {\n    switch (direction) {\n      case \"toTop-toRight\":\n        return ctx.createLinearGradient(\n          area.left,\n          area.bottom,\n          area.right,\n          area.top,\n        );\n      case \"toTop-toLeft\":\n        return ctx.createLinearGradient(\n          area.right,\n          area.bottom,\n          area.left,\n          area.top,\n        );\n      case \"toBottom-toRight\":\n        return ctx.createLinearGradient(\n          area.left,\n          area.top,\n          area.right,\n          area.bottom,\n        );\n      case \"toBottom-toLeft\":\n        return ctx.createLinearGradient(\n          area.right,\n          area.top,\n          area.left,\n          area.bottom,\n        );\n\n      case \"toBottom\":\n        return ctx.createLinearGradient(0, area.top, 0, area.bottom);\n      case \"toTop\":\n        return ctx.createLinearGradient(0, area.bottom, 0, area.top);\n      case \"toLeft\":\n        return ctx.createLinearGradient(area.right, 0, area.left, 0);\n      case \"toRight\":\n      default:\n        return ctx.createLinearGradient(area.left, 0, area.right, 0);\n    }\n  };\n\n  const getGradientWithPoints = (corection) => {\n    const newGradient = getStartGradient();\n    const staptPoint = corection ? 1 - corection : 0;\n\n    colors.forEach((color, idx) => {\n      const point = (() => {\n        if (idx === colors.length - 1) return 1;\n        return collorStopPoints && Array.isArray(collorStopPoints)\n          ? staptPoint + collorStopPoints[idx] * (corection || 1)\n          : staptPoint + (1 / colors.length) * (corection || 1);\n      })();\n\n      newGradient.addColorStop(point.toFixed(2), color);\n    });\n\n    return newGradient;\n  };\n\n  return correctionFactors\n    ? correctionFactors.map((corection) => getGradientWithPoints(corection))\n    : getGradientWithPoints();\n};\n\n// target functions\n\nexport const addGradientsObject = (\n  currentData,\n  gradientSettingsObj,\n  chartInstance,\n) =>\n  addDatasetsObjects(currentData, (dataset) => ({\n    [gradientSettingsObj.gradientTargetPropertyName]: createGradient({\n      ctx: chartInstance.ctx,\n      area: chartInstance.chartArea,\n      colors: gradientSettingsObj.colors,\n      direction: gradientSettingsObj.direction,\n      correctionFactors:\n        gradientSettingsObj.typeDistributionOfGradientPoints === \"personalBase\"\n          ? dataset.data.map(\n              (value) => value / Math.max.apply(null, dataset.data),\n            )\n          : null,\n      collorStopPoints: gradientSettingsObj.collorStopPoints,\n    }),\n\n    ...(gradientSettingsObj.isAddFill ? { fill: true } : {}),\n  }));\n\nexport const addNotLibraryAnimation = (\n  currentData,\n  animationObj,\n  chartInstance,\n) => {\n  const { type, ...restAnimationObj } = animationObj || {};\n\n  switch (type) {\n    case \"runningColumns\":\n      const runningColumnsDefaultFromValue = 25;\n      const runningColumnsDefaultToValue = 75;\n      const runningColumnsDefaultAverageValue = 50;\n      const runningColumnsDefaultColumnsDelayCoef = 50;\n\n      return addDatasetsObjects(currentData, (dataset) => ({\n        animations: dataset.data.map((item, idx) => ({\n          y: {\n            duration: animationObj.duration,\n            easing: animationObj.easing || \"linear\",\n            from:\n              animationObj.isFixExtremeColumns &&\n              (!idx || idx === dataset.data.length - 1)\n                ? runningColumnsDefaultAverageValue\n                : animationObj.from || runningColumnsDefaultFromValue,\n            to:\n              animationObj.isFixExtremeColumns &&\n              (!idx || idx === dataset.data.length - 1)\n                ? runningColumnsDefaultAverageValue\n                : animationObj.to || runningColumnsDefaultToValue,\n            loop: true,\n            delay:\n              Math.random().toFixed(1) *\n              (animationObj.columnsDelayCoef ||\n                runningColumnsDefaultColumnsDelayCoef),\n          },\n        })),\n      }));\n    default:\n      return currentData;\n  }\n};\n\n// must be last function in file\nfunction changeData(\n  currentData,\n  iterationKey,\n  settingsForChange,\n  chartInstance,\n) {\n  // console.log('iterationKey - ', iterationKey);\n  // console.log('settingsForChange - ', settingsForChange);\n\n  switch (iterationKey) {\n    case \"setMaxBarThickness\":\n      return addDatasetsObjects(currentData, {\n        maxBarThickness: settingsForChange,\n      });\n\n    case \"addGradientsObjects\":\n      return settingsForChange.reduce(\n        (acc, gradientSettingsObj) =>\n          addGradientsObject(acc, gradientSettingsObj, chartInstance),\n        clone(currentData),\n      );\n\n    case \"addNotLibraryAnimations\":\n      return settingsForChange.reduce(\n        (acc, animationObj) =>\n          addNotLibraryAnimation(acc, animationObj, chartInstance),\n        currentData,\n      );\n\n    default:\n      return currentData;\n  }\n}\nexport default changeData;\n"],"mappings":"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"}

package/dist/es/Atomic/UI/Chart/partial/optionsConstructor.js

@@ -0,0 +1,259 @@
+import { FINTURF_TOOLTIP_OPTIONS, GRADIENTS_OBJECTS } from "./Chart.constants.js";
+import addAdditionalOptions from "./optionsSetters.js";
+//#region src/Atomic/UI/Chart/partial/optionsConstructor.js
+var reactChartJsOptionsLayouts = {
+	lineIconLayout: {
+		options: {
+			responsive: true,
+			maintainAspectRatio: false,
+			scales: {
+				x: { display: false },
+				y: { display: false }
+			},
+			elements: {
+				point: { radius: 0 },
+				line: {
+					tension: .45,
+					borderJoinStyle: "round",
+					borderWidth: 2,
+					capBezierPoints: true
+				}
+			}
+		},
+		redraw: true,
+		notLibraryOptions: {
+			chartTypeKey: "Line",
+			setCanvasDimensions: {
+				width: "75px",
+				height: "35px"
+			}
+		}
+	},
+	lineLayout: {
+		options: {
+			responsive: true,
+			elements: {
+				point: {
+					radius: 4,
+					pointStyle: "circle",
+					backgroundColor: "#FFFFFF",
+					color: "#FFFFFF"
+				},
+				line: {
+					tension: .45,
+					borderJoinStyle: "round",
+					borderWidth: 2,
+					capBezierPoints: true
+				}
+			}
+		},
+		redraw: true,
+		notLibraryOptions: { chartTypeKey: "Line" }
+	},
+	barLayout: {
+		options: {
+			responsive: true,
+			elements: { bar: { borderRadius: 10 } }
+		},
+		redraw: true,
+		notLibraryOptions: { chartTypeKey: "Bar" }
+	},
+	emptyLayout: {
+		options: {
+			responsive: true,
+			maintainAspectRatio: false,
+			scales: {
+				x: { display: false },
+				y: { display: false }
+			},
+			elements: {
+				point: { radius: 0 },
+				line: { borderWidth: 0 }
+			}
+		},
+		notLibraryOptions: { chartTypeKey: "Line" }
+	}
+};
+var finturfChartLayouts = (() => {
+	return ["barLayout", "lineLayout"].reduce((acc, key) => ({
+		...acc,
+		[key]: {
+			...reactChartJsOptionsLayouts[key],
+			options: {
+				...reactChartJsOptionsLayouts[key].options,
+				scales: {
+					...reactChartJsOptionsLayouts[key].options?.scales,
+					x: {
+						...reactChartJsOptionsLayouts[key].options?.scales?.x,
+						grid: {
+							...reactChartJsOptionsLayouts[key].options?.scales?.x?.grid,
+							display: false,
+							offset: true
+						},
+						ticks: {
+							...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,
+							autoSkipPadding: 10,
+							align: "center",
+							color: "#757F8C",
+							lineHeight: 18,
+							font: {
+								family: "Sarabun",
+								style: "normal",
+								weight: 400,
+								size: 8
+							}
+						}
+					},
+					y: {
+						...reactChartJsOptionsLayouts[key].options?.scales?.y,
+						min: 0,
+						bounds: "data",
+						grid: {
+							...reactChartJsOptionsLayouts[key].options?.scales?.y?.grid,
+							borderColor: "#E1E8F1",
+							color: "#E1E8F1",
+							borderDash: [5],
+							drawTicks: false,
+							z: -1
+						},
+						ticks: {
+							...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,
+							autoSkipPadding: 10,
+							align: "center",
+							color: "#A0A4B0",
+							lineHeight: 18,
+							padding: 6,
+							font: {
+								family: "Sarabun",
+								style: "normal",
+								weight: 400,
+								size: 10
+							}
+						}
+					}
+				}
+			},
+			notLibraryOptions: {
+				...reactChartJsOptionsLayouts[key].notLibraryOptions,
+				setCanvasDimensions: { height: "194px" }
+			}
+		}
+	}), {});
+})();
+var finturfChartBar = {
+	...finturfChartLayouts.barLayout,
+	options: {
+		...finturfChartLayouts.barLayout?.options,
+		maintainAspectRatio: false,
+		elements: {
+			...finturfChartLayouts.barLayout?.options?.elements,
+			bar: {
+				...finturfChartLayouts.barLayout?.options?.elements?.bar,
+				borderRadius: 4
+			}
+		}
+	},
+	notLibraryOptions: {
+		...finturfChartLayouts.barLayout?.notLibraryOptions,
+		changeData: {
+			...finturfChartLayouts.barLayout?.notLibraryOptions?.changeData,
+			setMaxBarThickness: 16
+		}
+	}
+};
+var finturfChartLine = {
+	...finturfChartLayouts.lineLayout,
+	options: {
+		...finturfChartLayouts.lineLayout?.options,
+		maintainAspectRatio: false,
+		elements: {
+			...finturfChartLayouts.lineLayout.options?.elements,
+			point: {
+				...finturfChartLayouts.lineLayout.options?.elements?.point,
+				radius: 2,
+				borderColor: "#32A784",
+				borderWidth: 4
+			}
+		}
+	}
+};
+var finturfReactChartJsOptions = {
+	finturfChartBar: addAdditionalOptions(finturfChartBar, {
+		addGradientsSettings: GRADIENTS_OBJECTS.finturf.bar,
+		addTooltipOptions: FINTURF_TOOLTIP_OPTIONS
+	}),
+	finturfLoadingModeBar: {
+		...finturfChartBar,
+		options: {
+			...finturfChartBar.options,
+			animations: {
+				...finturfChartBar.options?.animations,
+				y: {
+					...finturfChartBar.options?.animations?.y,
+					duration: 0
+				}
+			}
+		},
+		notLibraryOptions: {
+			...finturfChartBar.notLibraryOptions,
+			changeData: {
+				...finturfChartBar.notLibraryOptions?.changeData,
+				addNotLibraryAnimations: [{
+					type: "runningColumns",
+					duration: 600,
+					from: 10,
+					to: 75,
+					columnsDelayCoef: 500
+				}]
+			}
+		}
+	},
+	finturfChartLine: addAdditionalOptions(finturfChartLine, {
+		addGradientsSettings: GRADIENTS_OBJECTS.finturf.line,
+		addTooltipOptions: FINTURF_TOOLTIP_OPTIONS
+	}),
+	finturfLoadingModeLine: {
+		...finturfChartLine,
+		options: {
+			...finturfChartLine.options,
+			elements: {
+				...finturfChartLine.options?.elements,
+				point: {
+					...finturfChartLine.options?.elements?.point,
+					radius: 4,
+					borderWidth: 1,
+					borderColor: "#E1E8F1"
+				}
+			},
+			animations: {
+				...finturfChartLine.options?.animations,
+				y: {
+					...finturfChartLine.options?.animations?.y,
+					duration: 0
+				}
+			}
+		},
+		notLibraryOptions: {
+			...finturfChartLine.notLibraryOptions,
+			changeData: {
+				...finturfChartLine.notLibraryOptions?.changeData,
+				addNotLibraryAnimations: [{
+					type: "runningColumns",
+					duration: 600,
+					columnsDelayCoef: 500,
+					isFixExtremeColumns: true
+				}]
+			}
+		}
+	},
+	finturfPositiveLineIcon: addAdditionalOptions(reactChartJsOptionsLayouts.lineIconLayout, { addGradientsSettings: GRADIENTS_OBJECTS.finturf.positiveLineIcon }),
+	finturfNegativeLineIcon: addAdditionalOptions(reactChartJsOptionsLayouts.lineIconLayout, { addGradientsSettings: GRADIENTS_OBJECTS.finturf.negativeLineIcon })
+};
+var optionsConstructor_default = {
+	...finturfReactChartJsOptions,
+	emptyLayout: reactChartJsOptionsLayouts.emptyLayout
+};
+//#endregion
+export { optionsConstructor_default as default, finturfReactChartJsOptions, reactChartJsOptionsLayouts };
+
+//# sourceMappingURL=optionsConstructor.js.map

package/dist/es/Atomic/UI/Chart/partial/optionsConstructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionsConstructor.js","names":[],"sources":["../../../../../../src/Atomic/UI/Chart/partial/optionsConstructor.js"],"sourcesContent":["import {\n  FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,\n  FINTURF_TOOLTIP_OPTIONS,\n  GRADIENTS_OBJECTS,\n} from \"./Chart.constants\";\nimport addAdditionalOptions from \"./optionsSetters\";\n\n// options constructors for ChartJS\n\nexport const reactChartJsOptionsLayouts = {\n  lineIconLayout: {\n    options: {\n      responsive: true,\n      maintainAspectRatio: false,\n      scales: {\n        x: { display: false },\n        y: { display: false },\n      },\n      elements: {\n        point: { radius: 0 },\n        line: {\n          tension: 0.45,\n          borderJoinStyle: \"round\",\n          borderWidth: 2,\n          capBezierPoints: true,\n        },\n      },\n    },\n    redraw: true,\n    notLibraryOptions: {\n      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности\n      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)\n      // => Файл Chart.js => определение ChartComponent\n      chartTypeKey: \"Line\",\n      setCanvasDimensions: {\n        width: \"75px\",\n        height: \"35px\",\n      },\n    },\n  },\n  lineLayout: {\n    options: {\n      responsive: true,\n      elements: {\n        point: {\n          radius: 4,\n          pointStyle: \"circle\",\n          backgroundColor: \"#FFFFFF\",\n          color: \"#FFFFFF\",\n        },\n        line: {\n          tension: 0.45,\n          borderJoinStyle: \"round\",\n          borderWidth: 2,\n          capBezierPoints: true,\n        },\n      },\n    },\n    redraw: true,\n    notLibraryOptions: {\n      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности\n      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)\n      // => Файл Chart.js => определение ChartComponent\n      chartTypeKey: \"Line\",\n    },\n  },\n  barLayout: {\n    options: {\n      responsive: true,\n      elements: {\n        bar: {\n          borderRadius: 10,\n        },\n      },\n    },\n    redraw: true,\n    notLibraryOptions: {\n      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности\n      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)\n      // => Файл Chart.js => определение ChartComponent\n      chartTypeKey: \"Bar\",\n    },\n  },\n  emptyLayout: {\n    options: {\n      responsive: true,\n      maintainAspectRatio: false,\n      scales: {\n        x: { display: false },\n        y: { display: false },\n      },\n      elements: {\n        point: { radius: 0 },\n        line: { borderWidth: 0 },\n      },\n    },\n    notLibraryOptions: {\n      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности\n      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)\n      // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...\n      chartTypeKey: \"Line\",\n    },\n  },\n};\n\nconst finturfChartLayouts = (() => {\n  return [\"barLayout\", \"lineLayout\"].reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: {\n        ...reactChartJsOptionsLayouts[key],\n\n        options: {\n          ...reactChartJsOptionsLayouts[key].options,\n          scales: {\n            ...reactChartJsOptionsLayouts[key].options?.scales,\n            x: {\n              ...reactChartJsOptionsLayouts[key].options?.scales?.x,\n              grid: {\n                ...reactChartJsOptionsLayouts[key].options?.scales?.x?.grid,\n                display: false,\n                offset: true,\n              },\n              ticks: {\n                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,\n                autoSkipPadding: 10,\n                align: \"center\",\n                color: \"#757F8C\",\n                lineHeight: 18,\n                font: {\n                  family: \"Sarabun\",\n                  style: \"normal\",\n                  weight: 400,\n                  size: 8,\n                },\n                // callback: (value, index, ticks) => {\n                //   console.log(value);\n                //   console.log(index);\n                //   console.log(ticks);\n                //   console.log('***********');\n                //   return value;\n                // },\n              },\n            },\n            y: {\n              ...reactChartJsOptionsLayouts[key].options?.scales?.y,\n              min: 0,\n              // grace: '5%',\n              bounds: \"data\",\n              grid: {\n                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.grid,\n                borderColor: \"#E1E8F1\",\n                color: \"#E1E8F1\",\n                borderDash: [5],\n                // borderDashOffset: 12,\n                drawTicks: false,\n                z: -1,\n              },\n              ticks: {\n                ...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,\n                autoSkipPadding: 10,\n                align: \"center\",\n                color: \"#A0A4B0\",\n                lineHeight: 18,\n                padding: 6,\n                font: {\n                  family: \"Sarabun\",\n                  style: \"normal\",\n                  weight: 400,\n                  size: 10,\n                },\n              },\n            },\n          },\n        },\n\n        notLibraryOptions: {\n          ...reactChartJsOptionsLayouts[key].notLibraryOptions,\n          setCanvasDimensions: {\n            height: \"194px\",\n          },\n        },\n      },\n    }),\n    {},\n  );\n})();\n\nconst finturfChartBar = {\n  ...finturfChartLayouts.barLayout,\n  options: {\n    ...finturfChartLayouts.barLayout?.options,\n    maintainAspectRatio: false,\n    elements: {\n      ...finturfChartLayouts.barLayout?.options?.elements,\n      bar: {\n        ...finturfChartLayouts.barLayout?.options?.elements?.bar,\n        borderRadius: 4,\n      },\n    },\n  },\n  notLibraryOptions: {\n    ...finturfChartLayouts.barLayout?.notLibraryOptions,\n    changeData: {\n      ...finturfChartLayouts.barLayout?.notLibraryOptions?.changeData,\n      setMaxBarThickness: 16,\n    },\n  },\n};\n\nconst finturfChartLine = {\n  ...finturfChartLayouts.lineLayout,\n  options: {\n    ...finturfChartLayouts.lineLayout?.options,\n    maintainAspectRatio: false,\n    elements: {\n      ...finturfChartLayouts.lineLayout.options?.elements,\n      point: {\n        ...finturfChartLayouts.lineLayout.options?.elements?.point,\n        radius: 2,\n        borderColor: \"#32A784\",\n        borderWidth: 4,\n      },\n    },\n  },\n};\n\nexport const finturfReactChartJsOptions = {\n  finturfChartBar: addAdditionalOptions(finturfChartBar, {\n    addGradientsSettings: GRADIENTS_OBJECTS.finturf.bar,\n    addTooltipOptions: FINTURF_TOOLTIP_OPTIONS,\n  }),\n\n  finturfLoadingModeBar: {\n    ...finturfChartBar,\n\n    options: {\n      ...finturfChartBar.options,\n      animations: {\n        ...finturfChartBar.options?.animations,\n        y: {\n          ...finturfChartBar.options?.animations?.y,\n          duration: 0,\n        },\n      },\n    },\n\n    notLibraryOptions: {\n      ...finturfChartBar.notLibraryOptions,\n      changeData: {\n        ...finturfChartBar.notLibraryOptions?.changeData,\n        addNotLibraryAnimations: [\n          {\n            type: \"runningColumns\",\n            // duration - ms\n            duration: 600,\n            // default easing - 'linear',\n            // easing: 'easeInOutExpo',\n            // ToDo - предусмотреть 'auto' и default для from и to\n            from: 10,\n            to: 75,\n            columnsDelayCoef: 500,\n          },\n        ],\n      },\n    },\n  },\n\n  finturfChartLine: addAdditionalOptions(finturfChartLine, {\n    addGradientsSettings: GRADIENTS_OBJECTS.finturf.line,\n    addTooltipOptions: FINTURF_TOOLTIP_OPTIONS,\n    // consoleCurrentData: true,\n  }),\n\n  finturfLoadingModeLine: {\n    ...finturfChartLine,\n\n    options: {\n      ...finturfChartLine.options,\n      elements: {\n        ...finturfChartLine.options?.elements,\n        point: {\n          ...finturfChartLine.options?.elements?.point,\n          radius: 4,\n          borderWidth: 1,\n          borderColor: \"#E1E8F1\",\n        },\n      },\n      animations: {\n        ...finturfChartLine.options?.animations,\n        y: {\n          ...finturfChartLine.options?.animations?.y,\n          duration: 0,\n        },\n      },\n    },\n\n    notLibraryOptions: {\n      ...finturfChartLine.notLibraryOptions,\n      changeData: {\n        ...finturfChartLine.notLibraryOptions?.changeData,\n        addNotLibraryAnimations: [\n          {\n            type: \"runningColumns\",\n            // duration - ms\n            duration: 600,\n            // default easing - 'linear',\n            // easing: 'easeInOutExpo',\n            columnsDelayCoef: 500,\n            isFixExtremeColumns: true,\n          },\n        ],\n      },\n    },\n  },\n\n  finturfPositiveLineIcon: addAdditionalOptions(\n    reactChartJsOptionsLayouts.lineIconLayout,\n    {\n      addGradientsSettings: GRADIENTS_OBJECTS.finturf.positiveLineIcon,\n    },\n  ),\n\n  finturfNegativeLineIcon: addAdditionalOptions(\n    reactChartJsOptionsLayouts.lineIconLayout,\n    {\n      addGradientsSettings: GRADIENTS_OBJECTS.finturf.negativeLineIcon,\n    },\n  ),\n};\n\nexport default {\n  ...finturfReactChartJsOptions,\n  emptyLayout: reactChartJsOptionsLayouts.emptyLayout,\n};\n"],"mappings":"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"}

package/dist/es/Atomic/UI/Chart/partial/optionsSetters.js

@@ -0,0 +1,35 @@
+//#region src/Atomic/UI/Chart/partial/optionsSetters.js
+var addGradientsSettings = (currentOptions, gradientsSettings) => ({
+	...currentOptions,
+	notLibraryOptions: {
+		...currentOptions.notLibraryOptions,
+		changeData: {
+			...currentOptions.notLibraryOptions?.changeData,
+			addGradientsObjects: gradientsSettings
+		}
+	}
+});
+var addTooltipOptions = (currentOptions, tooltipOptions) => ({
+	...currentOptions,
+	options: {
+		...currentOptions.options,
+		plugins: {
+			...currentOptions.options.plugins,
+			tooltip: tooltipOptions
+		}
+	}
+});
+var addAdditionalOptions = (currentOptions, optionsToAdd) => {
+	const addOption = (currentOptions2, optionKey, optionData) => {
+		switch (optionKey) {
+			case "addGradientsSettings": return addGradientsSettings(currentOptions2, optionData);
+			case "addTooltipOptions": return addTooltipOptions(currentOptions2, optionData);
+			default: return currentOptions2;
+		}
+	};
+	return Object.keys(optionsToAdd).reduce((acc, key) => addOption(acc, key, optionsToAdd[key]), currentOptions);
+};
+//#endregion
+export { addGradientsSettings, addTooltipOptions, addAdditionalOptions as default };
+
+//# sourceMappingURL=optionsSetters.js.map

package/dist/es/Atomic/UI/Chart/partial/optionsSetters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionsSetters.js","names":["currentOptions"],"sources":["../../../../../../src/Atomic/UI/Chart/partial/optionsSetters.js"],"sourcesContent":["// gradientsSettings is Array of objects\nexport const addGradientsSettings = (currentOptions, gradientsSettings) => ({\n  ...currentOptions,\n  notLibraryOptions: {\n    ...currentOptions.notLibraryOptions,\n    changeData: {\n      ...currentOptions.notLibraryOptions?.changeData,\n      addGradientsObjects: gradientsSettings,\n    },\n  },\n});\n\nexport const addTooltipOptions = (currentOptions, tooltipOptions) => ({\n  ...currentOptions,\n  options: {\n    ...currentOptions.options,\n    plugins: {\n      ...currentOptions.options.plugins,\n      tooltip: tooltipOptions,\n    },\n  },\n});\n\n// must be last function in file\nconst addAdditionalOptions = (currentOptions, optionsToAdd) => {\n  const addOption = (currentOptions, optionKey, optionData) => {\n    switch (optionKey) {\n      case \"addGradientsSettings\":\n        return addGradientsSettings(currentOptions, optionData);\n      case \"addTooltipOptions\":\n        return addTooltipOptions(currentOptions, optionData);\n      default:\n        return currentOptions;\n    }\n  };\n\n  const iterator = Object.keys(optionsToAdd);\n  return iterator.reduce(\n    (acc, key) => addOption(acc, key, optionsToAdd[key]),\n    currentOptions,\n  );\n};\nexport default addAdditionalOptions;\n"],"mappings":";AACO,IAAM,wBAAwB,gBAAgB,uBAAuB;CAC1E,GAAG;CACH,mBAAmB;EACjB,GAAG,eAAe;EAClB,YAAY;GACV,GAAG,eAAe,mBAAmB;GACrC,qBAAqB;EACvB;CACF;AACF;AAEO,IAAM,qBAAqB,gBAAgB,oBAAoB;CACpE,GAAG;CACH,SAAS;EACP,GAAG,eAAe;EAClB,SAAS;GACP,GAAG,eAAe,QAAQ;GAC1B,SAAS;EACX;CACF;AACF;AAGA,IAAM,wBAAwB,gBAAgB,iBAAiB;CAC7D,MAAM,aAAaA,iBAAgB,WAAW,eAAe;EAC3D,QAAQ,WAAR;GACE,KAAK,wBACH,OAAO,qBAAqBA,iBAAgB,UAAU;GACxD,KAAK,qBACH,OAAO,kBAAkBA,iBAAgB,UAAU;GACrD,SACE,OAAOA;EACX;CACF;CAGA,OADiB,OAAO,KAAK,YACtB,CAAA,CAAS,QACb,KAAK,QAAQ,UAAU,KAAK,KAAK,aAAa,IAAI,GACnD,cACF;AACF"}

package/dist/es/Atomic/UI/Chart/partial/utils.js

@@ -0,0 +1,37 @@
+import { clone, omitKeys } from "../../../../Functions/utils.js";
+import { CHART_TYPES, DEFAULT_CHART_MODEL } from "./Chart.constants.js";
+import changeData from "./datasetSetters.js";
+import optionsConstructor_default from "./optionsConstructor.js";
+//#region src/Atomic/UI/Chart/partial/utils.ts
+function getChartTypeKey(model) {
+	return optionsConstructor_default[model]?.notLibraryOptions?.chartTypeKey;
+}
+function correctModelKey(model) {
+	if (!model) return DEFAULT_CHART_MODEL;
+	if (!optionsConstructor_default[model]) return DEFAULT_CHART_MODEL;
+	const chartTypeKey = getChartTypeKey(model);
+	return chartTypeKey && CHART_TYPES.includes(chartTypeKey) ? model : DEFAULT_CHART_MODEL;
+}
+function getOptions(model) {
+	return omitKeys(optionsConstructor_default[model] || optionsConstructor_default["emptyLayout"], ["notLibraryOptions"]);
+}
+function getNotLibraryOptionsOptions(model) {
+	const { notLibraryOptions } = optionsConstructor_default[model] || optionsConstructor_default["emptyLayout"] || {};
+	return notLibraryOptions ? clone(notLibraryOptions) : void 0;
+}
+function prepareData(model, data, chartInstance, addToDatasets) {
+	if (!chartInstance) return data;
+	const notLibraryOptions = getNotLibraryOptionsOptions(model);
+	const changedData = (notLibraryOptions?.changeData ? Object.keys(notLibraryOptions.changeData) : []).reduce((acc, dataChangeKey) => changeData(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance), clone(data));
+	return addToDatasets && typeof addToDatasets === "object" && !Array.isArray(addToDatasets) ? {
+		...changedData,
+		datasets: changedData.datasets.map((dataset) => ({
+			...dataset,
+			...addToDatasets
+		}))
+	} : changedData;
+}
+//#endregion
+export { correctModelKey, getChartTypeKey, getNotLibraryOptionsOptions, getOptions, prepareData };
+
+//# sourceMappingURL=utils.js.map

package/dist/es/Atomic/UI/Chart/partial/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../src/Atomic/UI/Chart/partial/utils.ts"],"sourcesContent":["import { clone, omitKeys } from '../../../../Functions/utils';\n\nimport { CHART_TYPES, DEFAULT_CHART_MODEL } from './Chart.constants';\nimport changeData from './datasetSetters';\nimport optionsConstructor from './optionsConstructor';\n\nexport function getChartTypeKey(model: string): string | undefined {\n  return optionsConstructor[model as keyof typeof optionsConstructor]?.notLibraryOptions?.chartTypeKey\n}\n\nexport function correctModelKey(model?: string): string {\n  if (!model) return DEFAULT_CHART_MODEL;\n\n  const options = optionsConstructor[model as keyof typeof optionsConstructor];\n  if (!options) return DEFAULT_CHART_MODEL;\n\n  const chartTypeKey = getChartTypeKey(model);\n  return chartTypeKey && CHART_TYPES.includes(chartTypeKey) ? model : DEFAULT_CHART_MODEL;\n}\n\nexport function getOptions(model: string): any {\n  const modelOptions = optionsConstructor[model as keyof typeof optionsConstructor]\n    || optionsConstructor[DEFAULT_CHART_MODEL as keyof typeof optionsConstructor];\n  return omitKeys(modelOptions, ['notLibraryOptions']);\n}\n\nexport function getNotLibraryOptionsOptions(model: string): any {\n  const modelOptions = optionsConstructor[model as keyof typeof optionsConstructor]\n    || optionsConstructor[DEFAULT_CHART_MODEL as keyof typeof optionsConstructor];\n  const { notLibraryOptions } = modelOptions || {};\n  return notLibraryOptions ? clone(notLibraryOptions) : undefined;\n}\n\nexport function prepareData(model: string, data: any, chartInstance: any, addToDatasets?: any): any {\n  if (!chartInstance) return data;\n\n  const notLibraryOptions = getNotLibraryOptionsOptions(model);\n\n  const iterator = notLibraryOptions?.changeData\n    ? Object.keys(notLibraryOptions.changeData)\n    : [];\n\n  const changedData = iterator.reduce(\n    (acc, dataChangeKey) =>\n      changeData(\n        acc,\n        dataChangeKey,\n        notLibraryOptions.changeData[dataChangeKey],\n        chartInstance,\n      ),\n    clone(data),\n  );\n\n  return addToDatasets\n    && typeof addToDatasets === 'object'\n    && !Array.isArray(addToDatasets)\n    ? {\n        ...changedData,\n        datasets: changedData.datasets.map((dataset: any) => ({\n          ...dataset,\n          ...addToDatasets,\n        })),\n      }\n    : changedData;\n}\n"],"mappings":";;;;;AAMA,SAAgB,gBAAgB,OAAmC;CACjE,OAAO,2BAAmB,MAAyC,EAAE,mBAAmB;AAC1F;AAEA,SAAgB,gBAAgB,OAAwB;CACtD,IAAI,CAAC,OAAO,OAAO;CAGnB,IAAI,CADY,2BAAmB,QACrB,OAAO;CAErB,MAAM,eAAe,gBAAgB,KAAK;CAC1C,OAAO,gBAAgB,YAAY,SAAS,YAAY,IAAI,QAAQ;AACtE;AAEA,SAAgB,WAAW,OAAoB;CAG7C,OAAO,SAFc,2BAAmB,UACnC,2BAAA,gBACyB,CAAC,mBAAmB,CAAC;AACrD;AAEA,SAAgB,4BAA4B,OAAoB;CAG9D,MAAM,EAAE,sBAFa,2BAAmB,UACnC,2BAAA,kBACyC,CAAC;CAC/C,OAAO,oBAAoB,MAAM,iBAAiB,IAAI,KAAA;AACxD;AAEA,SAAgB,YAAY,OAAe,MAAW,eAAoB,eAA0B;CAClG,IAAI,CAAC,eAAe,OAAO;CAE3B,MAAM,oBAAoB,4BAA4B,KAAK;CAM3D,MAAM,eAJW,mBAAmB,aAChC,OAAO,KAAK,kBAAkB,UAAU,IACxC,CAAC,EAAA,CAEwB,QAC1B,KAAK,kBACJ,WACE,KACA,eACA,kBAAkB,WAAW,gBAC7B,aACF,GACF,MAAM,IAAI,CACZ;CAEA,OAAO,iBACF,OAAO,kBAAkB,YACzB,CAAC,MAAM,QAAQ,aAAa,IAC7B;EACE,GAAG;EACH,UAAU,YAAY,SAAS,KAAK,aAAkB;GACpD,GAAG;GACH,GAAG;EACL,EAAE;CACJ,IACA;AACN"}

package/dist/es/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -0,0 +1,85 @@
+import '../../../styles/base.css';
+import './CircleProgressBar.styles.css';/* empty css                       */
+import cn from "classnames";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/CircleProgressBar/CircleProgressBar.js
+var CircleProgressBar = ({ amount, totalAmount, isReverseType, children, className, colors, isInnerLine, radius = 59, strokeWidth = 2, innerLineStrokeWidth = 2, testId = "circle-progress-bar" }) => {
+	const circumference = Math.round(2 * Math.PI * radius);
+	const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100;
+	const defaultColors = {
+		start: "#6b81dd",
+		finish: "#f06d8d",
+		meter: "#ffcad6"
+	};
+	const [strokeDashoffset, setStrokeDashoffset] = useState(isReverseType ? String(0) : circumference);
+	useEffect(() => {
+		setStrokeDashoffset(circumference - circumference * amountProgress / 100);
+	}, [amountProgress]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: cn("limit-progress-bar", { "limit-progress-bar--reverse": isReverseType }, className),
+		children: [/* @__PURE__ */ jsxs("svg", {
+			className: "limit-progress-bar__progress",
+			width: "124",
+			height: "124",
+			viewBox: "0 0 124 124",
+			children: [
+				/* @__PURE__ */ jsx("defs", { children: isReverseType ? /* @__PURE__ */ jsxs("linearGradient", {
+					id: "limit-progress-bar-linear-gradient-reverse",
+					x1: "0",
+					y1: "1",
+					x2: "0",
+					y2: "0",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: colors.finish || defaultColors.finish
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: colors.start || defaultColors.start
+					})]
+				}) : /* @__PURE__ */ jsxs("linearGradient", {
+					id: "limit-progress-bar-linear-gradient",
+					x1: "0",
+					y1: "1",
+					x2: "0",
+					y2: "0",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: colors.start || defaultColors.start
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: colors.finish || defaultColors.finish
+					})]
+				}) }),
+				/* @__PURE__ */ jsx("circle", {
+					className: "limit-progress-bar__meter",
+					cx: radius,
+					cy: radius,
+					r: radius,
+					stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
+					strokeWidth: String(innerLineStrokeWidth)
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					className: "limit-progress-bar__value",
+					cx: radius,
+					cy: radius,
+					r: radius,
+					strokeWidth: String(strokeWidth),
+					stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
+					style: {
+						strokeDasharray: circumference,
+						strokeDashoffset
+					}
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "limit-progress-bar__content",
+			children
+		})]
+	});
+};
+//#endregion
+export { CircleProgressBar as default };
+
+//# sourceMappingURL=CircleProgressBar.js.map

package/dist/es/Atomic/UI/CircleProgressBar/CircleProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleProgressBar.js","names":[],"sources":["../../../../../src/Atomic/UI/CircleProgressBar/CircleProgressBar.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./CircleProgressBar.scss\";\n\nconst CircleProgressBar = ({\n  amount,\n  totalAmount,\n  isReverseType,\n  children,\n  className,\n  colors,\n  isInnerLine,\n  radius = 59,\n  strokeWidth = 2,\n  innerLineStrokeWidth = 2,\n  testId = \"circle-progress-bar\",\n}) => {\n  const circumference = Math.round(2 * Math.PI * radius);\n  const amountProgress =\n    amount < totalAmount ? Math.round((amount / totalAmount) * 100) : 100; //%\n  const defaultColors = {\n    start: \"#6b81dd\",\n    finish: \"#f06d8d\",\n    meter: \"#ffcad6\",\n  };\n\n  const [strokeDashoffset, setStrokeDashoffset] = useState(isReverseType ? String(0) : circumference);\n\n  useEffect(() => {\n    setStrokeDashoffset(circumference - (circumference * amountProgress) / 100);\n  }, [amountProgress]);\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"limit-progress-bar\", { \"limit-progress-bar--reverse\": isReverseType }, className)}\n    >\n      <svg\n        className=\"limit-progress-bar__progress\"\n        width=\"124\"\n        height=\"124\"\n        viewBox=\"0 0 124 124\"\n      >\n        <defs>\n          {isReverseType ? (\n            <linearGradient\n              id=\"limit-progress-bar-linear-gradient-reverse\"\n              x1=\"0\"\n              y1=\"1\"\n              x2=\"0\"\n              y2=\"0\"\n            >\n              <stop\n                offset=\"0\"\n                stopColor={colors.finish || defaultColors.finish}\n              />\n              <stop\n                offset=\"1\"\n                stopColor={colors.start || defaultColors.start}\n              />\n            </linearGradient>\n          ) : (\n            <linearGradient\n              id=\"limit-progress-bar-linear-gradient\"\n              x1=\"0\"\n              y1=\"1\"\n              x2=\"0\"\n              y2=\"0\"\n            >\n              <stop\n                offset=\"0\"\n                stopColor={colors.start || defaultColors.start}\n              />\n              <stop\n                offset=\"1\"\n                stopColor={colors.finish || defaultColors.finish}\n              />\n            </linearGradient>\n          )}\n        </defs>\n        <circle\n          className=\"limit-progress-bar__meter\"\n          cx={radius}\n          cy={radius}\n          r={radius}\n          stroke={!isInnerLine ? \"\" : colors.meter || defaultColors.meter}\n          strokeWidth={String(innerLineStrokeWidth)}\n        />\n        <circle\n          className=\"limit-progress-bar__value\"\n          cx={radius}\n          cy={radius}\n          r={radius}\n          strokeWidth={String(strokeWidth)}\n          stroke={`url(#limit-progress-bar-linear-gradient${isReverseType ? \"-reverse\" : \"\"})`}\n          style={{\n            strokeDasharray: circumference,\n            strokeDashoffset,\n          }}\n        />\n      </svg>\n      <div className=\"limit-progress-bar__content\">{children}</div>\n    </div>\n  );\n};\n\nexport default CircleProgressBar;\n"],"mappings":";;;;;AAMA,IAAM,qBAAqB,EACzB,QACA,aACA,eACA,UACA,WACA,QACA,aACA,SAAS,IACT,cAAc,GACd,uBAAuB,GACvB,SAAS,4BACL;CACJ,MAAM,gBAAgB,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM;CACrD,MAAM,iBACJ,SAAS,cAAc,KAAK,MAAO,SAAS,cAAe,GAAG,IAAI;CACpE,MAAM,gBAAgB;EACpB,OAAO;EACP,QAAQ;EACR,OAAO;CACT;CAEA,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,gBAAgB,OAAO,CAAC,IAAI,aAAa;CAElG,gBAAgB;EACd,oBAAoB,gBAAiB,gBAAgB,iBAAkB,GAAG;CAC5E,GAAG,CAAC,cAAc,CAAC;CAEnB,OACE,qBAAC,OAAA;EACC,eAAa;EACb,WAAW,GAAG,sBAAsB,EAAE,+BAA+B,cAAc,GAAG,SAAS;EAE/F,UAAA,CAAA,qBAAC,OAAA;GACC,WAAU;GACV,OAAM;GACN,QAAO;GACP,SAAQ;GAER,UAAA;IAAA,oBAAC,QAAA,EACE,UAAA,gBACC,qBAAC,kBAAA;KACC,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KAEH,UAAA,CAAA,oBAAC,QAAA;MACC,QAAO;MACP,WAAW,OAAO,UAAU,cAAc;KAAA,CAC5C,GACA,oBAAC,QAAA;MACC,QAAO;MACP,WAAW,OAAO,SAAS,cAAc;KAAA,CAC3C,CAAA;IAAA,CACF,IAEA,qBAAC,kBAAA;KACC,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KAEH,UAAA,CAAA,oBAAC,QAAA;MACC,QAAO;MACP,WAAW,OAAO,SAAS,cAAc;KAAA,CAC3C,GACA,oBAAC,QAAA;MACC,QAAO;MACP,WAAW,OAAO,UAAU,cAAc;KAAA,CAC5C,CAAA;IAAA,CACF,EAAA,CAEJ;IACA,oBAAC,UAAA;KACC,WAAU;KACV,IAAI;KACJ,IAAI;KACJ,GAAG;KACH,QAAQ,CAAC,cAAc,KAAK,OAAO,SAAS,cAAc;KAC1D,aAAa,OAAO,oBAAoB;IAAA,CAC1C;IACA,oBAAC,UAAA;KACC,WAAU;KACV,IAAI;KACJ,IAAI;KACJ,GAAG;KACH,aAAa,OAAO,WAAW;KAC/B,QAAQ,0CAA0C,gBAAgB,aAAa,GAAE;KACjF,OAAO;MACL,iBAAiB;MACjB;KACF;IAAA,CACF;GAAA;EAAA,CACF,GACA,oBAAC,OAAA;GAAI,WAAU;GAA+B;EAAA,CAAS,CAAA;CAAA,CACzD;AAEJ"}

package/dist/es/Atomic/UI/CircleProgressBar/CircleProgressBar.styles.css

@@ -0,0 +1,31 @@
+.limit-progress-bar {
+  position: relative;
+  display: flex;
+  flex-direction: column-reverse;
+  width: 124px;
+  min-height: 124px;
+  border-radius: 50%;
+  background-color: transparent;
+}
+.limit-progress-bar__progress {
+  border-radius: 50%;
+  transform: rotate(-90deg);
+}
+.limit-progress-bar--reverse .limit-progress-bar__progress {
+  transform: rotate(-90deg) scaleY(-1);
+}
+.limit-progress-bar__progress > circle {
+  fill: none;
+  transition: stroke-dashoffset 0.8s;
+  transform: translate(3px, 3px);
+  stroke-linecap: round;
+}
+.limit-progress-bar__content {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+}