@eleventheye/asui 2.11.2 → 2.12.0

package/dist/apptypes/ASUI.types.d.ts

@@ -196,15 +196,38 @@ export type ASChartBarTheme = {
     secondaryColor: string;
     tertiaryColor: string;
 };
+export type PerSizeStyles = {
+    [ComponentSize.Large]: string;
+    [ComponentSize.Medium]: string;
+    [ComponentSize.Small]: string;
+};
 export type ASChartDonutTheme = {
-    chartdonutColor: string;
-    chartdonutInnerTrackColor?: string;
-    chartdonutOuterTrackColor?: string;
     chartdonutTextColor?: string;
     chartdonutTextFontSize?: string;
+    chartdonutTextFontSizes?: PerSizeStyles;
     chartdonutTextFontWeight?: string;
+    chartdonutTextFontWeights?: PerSizeStyles;
     chartdonutTextFontFamily?: string;
     chartdonutTextShadow?: string;
+    chartdonutTextShadows?: PerSizeStyles;
+    chartdonutSubTextColor?: string;
+    chartdonutSubTextFontSize?: string;
+    chartdonutSubTextFontSizes?: PerSizeStyles;
+    chartdonutSubTextFontWeight?: string;
+    chartdonutSubTextFontWeights?: PerSizeStyles;
+    chartdonutSubTextFontFamily?: string;
+    chartdonutSubTextShadow?: string;
+    chartdonutSubTextShadows?: PerSizeStyles;
+    chartdonutSubTextVerticalOffset?: string;
+    chartdonutSubTextVerticalOffsets?: PerSizeStyles;
+    chartdonutColor: string;
+    chartdonutInnerTrackColor?: string;
+    chartdonutOuterTrackColor?: string;
+    chartdonutTransitionDuration?: string;
+    chartdonutOtherSegmentsDuration?: string;
+    chartdonutSecondaryColor?: string;
+    chartdonutTertiaryColor?: string;
+    chartdonutQuaternaryColor?: string;
 };
 export interface ASTheme {
     button: ASButtonTheme;

package/dist/apptypes/ASUI.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}

package/dist/aschart/donut/ASChartDonut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAWzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAmFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqL7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/aschart/donut/ASChartDonut.js

@@ -2,13 +2,136 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const apptypes_1 = require("../../apptypes");
 const astheme_1 = tslib_1.__importDefault(require("../../astheme"));
+const donutHelpers_1 = require("./donutHelpers");
 const styles_1 = require("./styles");
-const ASChartDonut = ({ className = '', theme = astheme_1.default, value = 5, style = undefined, size = apptypes_1.ComponentSize.Medium, donutSize = '200px', donutLabel = undefined, donutSubLabel = undefined, }) => {
-    const thickness = size === apptypes_1.ComponentSize.Medium ? '12' : size === apptypes_1.ComponentSize.Small ? '8' : '16';
-    const trackThickness = size === apptypes_1.ComponentSize.Medium ? '6' : size === apptypes_1.ComponentSize.Small ? '3' : '10';
-    const percentageValue = 502 - Math.round((value / 100) * 378);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.DonutChart, { className: className, theme: theme, style: style, "$size": donutSize, children: [donutLabel && ((0, jsx_runtime_1.jsxs)(styles_1.DonutChartText, { theme: theme.chartdonut, children: [donutLabel, (0, jsx_runtime_1.jsx)(styles_1.DonutChartSubText, { children: donutSubLabel })] })), (0, jsx_runtime_1.jsxs)(styles_1.DonutChartSvg, { width: "100%", viewBox: "0 0 180 180", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleOuterTrack, { theme: theme.chartdonut, d: "M170 90A80 80 0 0090 10 80 80 0 0010 90a80 80 0 0080 80 80 80 0 0080-80Z", strokeWidth: parseInt(thickness, 10) + 2, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleInnerTrack, { theme: theme.chartdonut, d: "M170 90A80 80 0 0090 10 80 80 0 0010 90a80 80 0 0080 80 80 80 0 0080-80Z", strokeWidth: parseInt(thickness, 10), fill: "none" }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("title", { children: "ASChartDonut" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": percentageValue, theme: theme.chartdonut, d: "M170 90A80 80 0 0090 10 80 80 0 0010 90a80 80 0 0080 80 80 80 0 0080-80Z", strokeWidth: thickness, fill: "none" })] })] })] }));
+const DonutArraySize = 500;
+const DonutDashArrayOffsetLists = {
+    [apptypes_1.ComponentSize.Large]: [125, 200, 275, 350],
+    [apptypes_1.ComponentSize.Medium]: [125, 181.3, 238, 294],
+    [apptypes_1.ComponentSize.Small]: [125, 162.5, 200, 237.5],
+};
+const TrackDashArrayOffsetLists = {
+    [apptypes_1.ComponentSize.Large]: [122, 159, 197, 235],
+    [apptypes_1.ComponentSize.Medium]: [122, 152, 180, 206.5],
+    [apptypes_1.ComponentSize.Small]: [122, 140, 159, 178],
+};
+const DonutPaths = {
+    QuaternaryPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M152 120A32 32 0 00120 88 32 32 0 0088 120a32 32 0 0032 32 32 32 0 0032-32Z',
+        [apptypes_1.ComponentSize.Medium]: 'M164 120A44 44 0 00120 76 44 44 0 0076 120a44 44 0 0044 44 44 44 0 0044-44Z',
+        [apptypes_1.ComponentSize.Small]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
+    },
+    TertiaryPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M168 120A48 48 0 00120 72 48 48 0 0072 120a48 48 0 0048 48 48 48 0 0048-48Z',
+        [apptypes_1.ComponentSize.Medium]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
+        [apptypes_1.ComponentSize.Small]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
+    },
+    SecondaryPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
+        [apptypes_1.ComponentSize.Medium]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
+        [apptypes_1.ComponentSize.Small]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
+    },
+    PrimaryPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+        [apptypes_1.ComponentSize.Medium]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+        [apptypes_1.ComponentSize.Small]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+    },
+};
+const TrackPaths = {
+    QuaternaryTrackPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
+        [apptypes_1.ComponentSize.Medium]: 'M182 120A62 62 0 00120 58 62 62 0 0058 120a62 62 0 0062 62 62 62 0 0062-62Z',
+        [apptypes_1.ComponentSize.Small]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
+    },
+    TertiaryTrackPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
+        [apptypes_1.ComponentSize.Medium]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
+        [apptypes_1.ComponentSize.Small]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
+    },
+    SecondaryTrackPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
+        [apptypes_1.ComponentSize.Medium]: 'M194 120A74 74 0 00120 46 74 74 0 0046 120a74 74 0 0074 74 74 74 0 0074-74Z',
+        [apptypes_1.ComponentSize.Small]: 'M196 120A76 76 0 00120 44 76 76 0 0044 120a76 76 0 0076 76 76 76 0 0076-76Z',
+    },
+    PrimaryTrackPaths: {
+        [apptypes_1.ComponentSize.Large]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+        [apptypes_1.ComponentSize.Medium]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+        [apptypes_1.ComponentSize.Small]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
+    },
+};
+const ASChartDonut = ({ className = '', value = 0, secondaryValue = -1, tertiaryValue = -1, quaternaryValue = -1, style = undefined, size = apptypes_1.ComponentSize.Medium, donutSize = '200px', donutLabel = undefined, donutSubLabel = undefined, theme = astheme_1.default, }) => {
+    const TrackDashArrayOffsets = (0, react_1.useMemo)(() => TrackDashArrayOffsetLists[size], [size]);
+    const QuaternaryTrack = (0, react_1.useMemo)(() => TrackPaths.QuaternaryTrackPaths[size], [size]);
+    const TertiaryTrack = (0, react_1.useMemo)(() => TrackPaths.TertiaryTrackPaths[size], [size]);
+    const SecondaryTrack = (0, react_1.useMemo)(() => TrackPaths.SecondaryTrackPaths[size], [size]);
+    const PrimaryTrack = (0, react_1.useMemo)(() => TrackPaths.PrimaryTrackPaths[size], [size]);
+    const DonutDashArrayOffsets = (0, react_1.useMemo)(() => DonutDashArrayOffsetLists[size], [size]);
+    const QuaternaryDonut = (0, react_1.useMemo)(() => DonutPaths.QuaternaryPaths[size], [size]);
+    const TertiaryDonut = (0, react_1.useMemo)(() => DonutPaths.TertiaryPaths[size], [size]);
+    const SecondaryDonut = (0, react_1.useMemo)(() => DonutPaths.SecondaryPaths[size], [size]);
+    const PrimaryDonut = (0, react_1.useMemo)(() => DonutPaths.PrimaryPaths[size], [size]);
+    const primaryPercentageValue = (0, react_1.useMemo)(() => {
+        return DonutArraySize - (value / 100) * (DonutArraySize - DonutDashArrayOffsets[0]);
+    }, [value, DonutArraySize, DonutDashArrayOffsets]);
+    const secondaryPercentageValue = (0, react_1.useMemo)(() => {
+        return DonutArraySize - (secondaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[1]);
+    }, [secondaryValue, DonutArraySize, DonutDashArrayOffsets]);
+    const tertiaryPercentageValue = (0, react_1.useMemo)(() => {
+        return DonutArraySize - (tertiaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[2]);
+    }, [tertiaryValue, DonutArraySize, DonutDashArrayOffsets]);
+    const quaternaryPercentageValue = (0, react_1.useMemo)(() => {
+        return DonutArraySize - (quaternaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[3]);
+    }, [quaternaryValue, DonutArraySize, DonutDashArrayOffsets]);
+    const [trackPath, setTrackPath] = (0, react_1.useState)(PrimaryDonut);
+    const [donutThickness, setDonutThickness] = (0, react_1.useState)(12);
+    const [trackThickness, setTrackThickness] = (0, react_1.useState)(size === apptypes_1.ComponentSize.Large ? 14 : size === apptypes_1.ComponentSize.Medium ? 10 : 6);
+    const [trackDasharray, setTrackDasharray] = (0, react_1.useState)(503);
+    const [trackOffset, setTrackOffset] = (0, react_1.useState)(126);
+    (0, react_1.useEffect)(() => {
+        if (quaternaryValue > 0) {
+            setTrackPath(QuaternaryTrack);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 4));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[3]);
+        }
+        else if (tertiaryValue > 0) {
+            setTrackPath(TertiaryTrack);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 3));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[2]);
+        }
+        else if (secondaryValue > 0) {
+            setTrackPath(SecondaryTrack);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 2));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[1]);
+        }
+        else {
+            setTrackPath(PrimaryTrack);
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[0]);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 1));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
+        }
+    }, [
+        value,
+        secondaryValue,
+        tertiaryValue,
+        quaternaryValue,
+        size,
+        QuaternaryTrack,
+        DonutArraySize,
+        TrackDashArrayOffsets,
+        TertiaryTrack,
+        SecondaryDonut,
+        PrimaryTrack,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(styles_1.DonutChart, { className: className, theme: theme, style: style, "$size": donutSize, children: [donutLabel && ((0, jsx_runtime_1.jsxs)(styles_1.DonutChartText, { theme: theme.chartdonut, "$size": size, children: [donutLabel, (0, jsx_runtime_1.jsx)(styles_1.DonutChartSubText, { theme: theme.chartdonut, "$size": size, children: donutSubLabel })] })), (0, jsx_runtime_1.jsxs)(styles_1.DonutChartSvg, { width: "100%", viewBox: "0 0 240 240", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleOuterTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness, "$dasharray": trackDasharray, "$dashoffset": trackOffset + 1, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleInnerTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness ? trackThickness - 2 : 8, "$dasharray": trackDasharray, "$dashoffset": trackOffset ? trackOffset + 3 : 8, fill: "none" }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("title", { children: "ASChartDonut" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": primaryPercentageValue, theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" })] }), secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }))] })] }));
 };
 exports.default = ASChartDonut;

package/dist/aschart/donut/ASChartDonut.types.d.ts

@@ -5,6 +5,9 @@ export interface ASChartDonutProps {
     theme?: ASTheme;
     style?: CSSProperties;
     value?: number;
+    secondaryValue?: number;
+    tertiaryValue?: number;
+    quaternaryValue?: number;
     size?: ASComponentSize;
     donutSize?: string;
     donutLabel?: React.ReactNode;

package/dist/aschart/donut/ASChartDonut.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASChartDonut.types.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAMhC,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAOhB,KAAK,CAAC,EAAE,aAAa,CAAC;IAQtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAOf,IAAI,CAAC,EAAE,eAAe,CAAC;IAOvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAO7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
+{"version":3,"file":"ASChartDonut.types.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAMhC,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAOhB,KAAK,CAAC,EAAE,aAAa,CAAC;IAQtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAOf,cAAc,CAAC,EAAE,MAAM,CAAC;IAOxB,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAWzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAQvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAO7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}

package/dist/aschart/donut/donutHelpers.d.ts

@@ -0,0 +1,8 @@
+import { ASComponentSize } from '../../apptypes';
+export declare const DONUT_THICKNESS_SMALL = 8;
+export declare const DONUT_THICKNESS_MEDIUM = 12;
+export declare const DONUT_THICKNESS_LARGE = 16;
+export declare const getDonutThickness: (size: ASComponentSize) => number;
+export declare const getDonutTrackThickness: (size: ASComponentSize, chartCount: number) => number;
+export declare const calculateDonutPath: (thickness: number, position: number) => string;
+//# sourceMappingURL=donutHelpers.d.ts.map

package/dist/aschart/donut/donutHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donutHelpers.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/donutHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,MAAM,eAAe,KAAG,MAUzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,MAAM,eAAe,EAAE,YAAY,MAAM,KAAG,MAIlF,CAAC;AAQF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAcxE,CAAC"}

package/dist/aschart/donut/donutHelpers.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDonutPath = exports.getDonutTrackThickness = exports.getDonutThickness = exports.DONUT_THICKNESS_LARGE = exports.DONUT_THICKNESS_MEDIUM = exports.DONUT_THICKNESS_SMALL = void 0;
+const apptypes_1 = require("../../apptypes");
+exports.DONUT_THICKNESS_SMALL = 8;
+exports.DONUT_THICKNESS_MEDIUM = 12;
+exports.DONUT_THICKNESS_LARGE = 16;
+const getDonutThickness = (size) => {
+    switch (size) {
+        case apptypes_1.ComponentSize.Large:
+            return exports.DONUT_THICKNESS_LARGE;
+        case apptypes_1.ComponentSize.Medium:
+            return exports.DONUT_THICKNESS_MEDIUM;
+        case apptypes_1.ComponentSize.Small:
+        default:
+            return exports.DONUT_THICKNESS_SMALL;
+    }
+};
+exports.getDonutThickness = getDonutThickness;
+const getDonutTrackThickness = (size, chartCount) => {
+    const donutThickness = (0, exports.getDonutThickness)(size) * chartCount;
+    const diff = (0, exports.getDonutThickness)(apptypes_1.ComponentSize.Large) - (0, exports.getDonutThickness)(size);
+    return donutThickness + 2;
+};
+exports.getDonutTrackThickness = getDonutTrackThickness;
+const finalResult = `M{000} 120A{001} {002} 0 00120 {003} {004} {005} 0 00{006} 120a{007} {008} 0 00{009} {0010} {0011} {0012} 0 00{0013}-{0014}Z`;
+const inputNumbers = [200, 80, 80, 40, 80, 80, 40, 80, 80, 80, 80, 80, 80, 80, 80];
+const multipliers = [-1, -1, -1, 1, -1, -1, 1, -1, -1, -1, -1, -1, -1, -1, -1];
+const cls = 'background: dodgerblue; padding: 0 2px; border: thin solid; border-radius: 40px; text-align: center;';
+const calculateDonutPath = (thickness, position) => {
+    const diffNumber = thickness * position;
+    let result = finalResult;
+    inputNumbers.forEach((num, index) => {
+        const strPosition = `{00${index}}`;
+        const val = num + multipliers[index] * diffNumber;
+        result = result.replace(strPosition, `${val}`);
+    });
+    console.log(`%c RESULT %c = ${result}`, cls, '');
+    return result;
+};
+exports.calculateDonutPath = calculateDonutPath;

package/dist/aschart/donut/styles.d.ts

@@ -1,4 +1,4 @@
-import { ASChartDonutTheme } from '../../apptypes/ASUI.types';
+import { ASChartDonutTheme, ASComponentSize } from '../../apptypes/ASUI.types';
 export type ASChartDonutStyledProps = {
     theme: ASChartDonutTheme;
     $size: string;
@@ -6,6 +6,7 @@ export type ASChartDonutStyledProps = {
 export declare const DonutChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASChartDonutStyledProps>> & string;
 export type DonutChartTextStyledProps = {
     theme: ASChartDonutTheme;
+    $size?: ASComponentSize;
 };
 export declare const DonutChartText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DonutChartTextStyledProps>> & string;
 export declare const DonutChartSubText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DonutChartTextStyledProps>> & string;
@@ -13,10 +14,16 @@ export declare const DonutChartSvg: import("styled-components/dist/types").IStyl
 export type ASChartDonutCircleProps = {
     theme: ASChartDonutTheme;
     $offset: number;
+    $dasharray?: number;
 };
 export declare const DonutChartCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleSecondary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleTertiary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleQuaternary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export type DonutChartThemeProps = {
     theme: ASChartDonutTheme;
+    $dasharray?: number;
+    $dashoffset?: number;
 };
 export declare const DonutChartCircleInnerTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, DonutChartThemeProps>> & string;
 export declare const DonutChartCircleOuterTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, DonutChartThemeProps>> & string;

package/dist/aschart/donut/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,4PAMtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,cAAc,gQAW1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gQAW7B,CAAC;AAEF,eAAO,MAAM,aAAa,mKAEzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,0BAA0B,gMAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gMAMtC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,4PAMtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,cAAc,gQAe1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gQAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,mKAEzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,mMAMrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mMAMpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAMtC,CAAC;AAKF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,0BAA0B,gMAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gMAMtC,CAAC"}

package/dist/aschart/donut/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
+exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircleQuaternary = exports.DonutChartCircleTertiary = exports.DonutChartCircleSecondary = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
 const tslib_1 = require("tslib");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 exports.DonutChart = styled_components_1.default.div `
@@ -8,51 +8,78 @@ exports.DonutChart = styled_components_1.default.div `
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  width: ${({ $size = '200px' }) => $size};
+  width: ${({ $size = '300px' }) => $size};
 `;
 exports.DonutChartText = styled_components_1.default.span `
   position: absolute;
+  display: inline-block;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -60%);
   display: block;
   white-space: nowrap;
-  font-size: ${({ theme }) => theme.chartdonutTextFontSize};
-  font-weight: ${({ theme }) => theme.chartdonutTextFontWeight};
+  font-size: ${({ theme, $size }) => $size && theme.chartdonutTextFontSizes ? theme.chartdonutTextFontSizes[$size] : theme.chartdonutTextFontSize};
+  font-weight: ${({ theme, $size }) => $size && theme.chartdonutTextFontWeights ? theme.chartdonutTextFontWeights[$size] : theme.chartdonutTextFontWeight};
   color: ${({ theme }) => theme.chartdonutTextColor};
-  text-shadow: ${({ theme }) => theme.chartdonutTextShadow};
+  text-shadow: ${({ theme, $size }) => $size && theme.chartdonutTextShadows ? theme.chartdonutTextShadows[$size] : theme.chartdonutTextShadow};
 `;
 exports.DonutChartSubText = styled_components_1.default.span `
   position: absolute;
-  bottom: -24px;
+  display: inline-block;
+  bottom: ${({ theme, $size }) => $size && theme.chartdonutSubTextVerticalOffsets
+    ? theme.chartdonutSubTextVerticalOffsets[$size]
+    : theme.chartdonutSubTextVerticalOffset};
   left: 50%;
   transform: translateX(-50%);
-  display: inline-block;
   white-space: nowrap;
-  font-size: 1.5rem;
-  font-weight: 300;
-  color: ${({ theme }) => theme.chartdonutTextColor};
-  text-shadow: ${({ theme }) => theme.chartdonutTextShadow};
+  font-size: ${({ theme }) => theme.chartdonutSubTextFontSize};
+
+  font-weight: ${({ theme, $size }) => $size && theme.chartdonutSubTextFontWeights
+    ? theme.chartdonutSubTextFontWeights[$size]
+    : theme.chartdonutSubTextFontWeight};
+  color: ${({ theme }) => theme.chartdonutSubTextColor};
+  text-shadow: ${({ theme }) => theme.chartdonutSubTextShadow};
 `;
 exports.DonutChartSvg = styled_components_1.default.svg `
   transform: rotate(-225deg) scaleY(-1);
 `;
 exports.DonutChartCircle = styled_components_1.default.path `
-  stroke-dasharray: 502;
-  stroke-dashoffset: 502;
-  transition: stroke-dashoffset 2.5s ease-out 0.5s;
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  transition: stroke-dashoffset ${({ theme }) => theme.chartdonutTransitionDuration} ease-out 0.5s;
   stroke-dashoffset: ${({ $offset }) => $offset};
   stroke: ${({ theme }) => theme.chartdonutColor};
 `;
+exports.DonutChartCircleSecondary = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme }) => theme.chartdonutSecondaryColor};
+`;
+exports.DonutChartCircleTertiary = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme }) => theme.chartdonutTertiaryColor};
+`;
+exports.DonutChartCircleQuaternary = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};
+`;
 exports.DonutChartCircleInnerTrack = styled_components_1.default.path `
-  stroke-dasharray: 502;
-  stroke-dashoffset: 124;
+  stroke-dasharray: ${({ $dasharray }) => $dasharray}; //502;
+  stroke-dashoffset: ${({ $dashoffset }) => $dashoffset}; //126;
   stroke: ${({ theme }) => theme.chartdonutInnerTrackColor};
 `;
 exports.DonutChartCircleOuterTrack = styled_components_1.default.path `
   rotate: 1deg;
-  stroke-dasharray: 504;
-  stroke-dashoffset: 123;
+  stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)}; //503;
+  stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)}; // 124;
   stroke: ${({ theme }) => theme.chartdonutOuterTrackColor};
   transform-origin: center;
 `;

package/dist/astheme/ASThemeDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AA8EjD,QAAA,MAAM,cAAc,EAAE,OAmHrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,wBAAwB,CAAC;AA8EhE,QAAA,MAAM,cAAc,EAAE,OA8JrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/astheme/ASThemeDefault.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const ASUI_types_1 = require("../apptypes/ASUI.types");
 const colors = {
     mainGold: '#ffd700',
     mainYellow: '#ffd321',
@@ -172,14 +173,55 @@ const ASThemeDefault = {
         tertiaryColor: colors.mainWhite,
     },
     chartdonut: {
-        chartdonutColor: colors.yellowAlpha90,
-        chartdonutInnerTrackColor: colors.mainGray81,
-        chartdonutOuterTrackColor: colors.mainGray99,
         chartdonutTextColor: colors.mainGray55,
-        chartdonutTextFontSize: '4rem',
+        chartdonutTextFontSize: '3rem',
+        chartdonutTextFontSizes: {
+            [ASUI_types_1.ComponentSize.Large]: '1rem',
+            [ASUI_types_1.ComponentSize.Medium]: '1.7rem',
+            [ASUI_types_1.ComponentSize.Small]: '2.3rem',
+        },
         chartdonutTextFontWeight: '400',
+        chartdonutTextFontWeights: {
+            [ASUI_types_1.ComponentSize.Large]: '300',
+            [ASUI_types_1.ComponentSize.Medium]: '400',
+            [ASUI_types_1.ComponentSize.Small]: '400',
+        },
         chartdonutTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
         chartdonutTextShadow: '1px 1px 4px #000000',
+        chartdonutTextShadows: {
+            [ASUI_types_1.ComponentSize.Large]: '1px 1px 10px #000000',
+            [ASUI_types_1.ComponentSize.Medium]: '1px 1px 7px #000000',
+            [ASUI_types_1.ComponentSize.Small]: '1px 1px 4px #000000',
+        },
+        chartdonutSubTextColor: colors.mainGray55,
+        chartdonutSubTextFontSize: '1.5rem',
+        chartdonutSubTextFontWeight: '300',
+        chartdonutSubTextFontWeights: {
+            [ASUI_types_1.ComponentSize.Large]: '200',
+            [ASUI_types_1.ComponentSize.Medium]: '300',
+            [ASUI_types_1.ComponentSize.Small]: '300',
+        },
+        chartdonutSubTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
+        chartdonutSubTextShadow: '1px 1px 4px #000000',
+        chartdonutSubTextShadows: {
+            [ASUI_types_1.ComponentSize.Large]: '1px 1px 10px #000000',
+            [ASUI_types_1.ComponentSize.Medium]: '1px 1px 7px #000000',
+            [ASUI_types_1.ComponentSize.Small]: '1px 1px 4px #000000',
+        },
+        chartdonutSubTextVerticalOffset: '-24px',
+        chartdonutSubTextVerticalOffsets: {
+            [ASUI_types_1.ComponentSize.Large]: '-50px',
+            [ASUI_types_1.ComponentSize.Medium]: '-43px',
+            [ASUI_types_1.ComponentSize.Small]: '-40px',
+        },
+        chartdonutColor: colors.yellowAlpha90,
+        chartdonutInnerTrackColor: colors.mainGray81,
+        chartdonutOuterTrackColor: colors.mainGray99,
+        chartdonutTransitionDuration: '2s',
+        chartdonutOtherSegmentsDuration: '1s',
+        chartdonutSecondaryColor: colors.blueFF,
+        chartdonutTertiaryColor: colors.green90,
+        chartdonutQuaternaryColor: colors.corral50,
     },
     borderRadius: '35px',
     fontFamily: "'Big Shoulders Display', 'BigShouldersDisplay'",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "2.11.2",
+  "version": "2.12.0",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [