@eleventheye/asui 2.11.3 → 2.12.1

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

@@ -196,18 +196,30 @@ export type ASChartBarTheme = {
     secondaryColor: string;
     tertiaryColor: string;
 };
+export type PerSizeStyles = {
+    [ComponentSize.Large]: string;
+    [ComponentSize.Medium]: string;
+    [ComponentSize.Small]: string;
+};
 export type ASChartDonutTheme = {
     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;

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,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoBzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiJ7C,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;AAuFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2N7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/aschart/donut/ASChartDonut.js

@@ -5,61 +5,133 @@ 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 DonutSizes = [502, 480, 470, 460];
-const QuaternaryTrack = 'M161 90A71 71 0 0090 19 71 71 0 0019 90a71 71 0 0071 71 71 71 0 0071-71Z';
-const TertiaryTrack = 'M164 90A74 74 0 0090 16 74 74 0 0016 90a74 74 0 0074 74 74 74 0 0074-74Z';
-const SecondaryTrack = 'M167 90A77 77 0 0090 13 77 77 0 0013 90a77 77 0 0077 77 77 77 0 0077-77Z';
-const PrimaryTrack = 'M170 90A80 80 0 0090 10 80 80 0 0010 90a80 80 0 0080 80 80 80 0 0080-80Z';
+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 DonutSizes[0] - Math.round((value / 100) * (DonutSizes[0] - 126));
-    }, [value]);
+        return DonutArraySize - (value / 100) * (DonutArraySize - DonutDashArrayOffsets[0]);
+    }, [value, DonutArraySize, DonutDashArrayOffsets]);
     const secondaryPercentageValue = (0, react_1.useMemo)(() => {
-        return DonutSizes[1] - Math.round((secondaryValue / 100) * (DonutSizes[1] - 132));
-    }, [secondaryValue]);
+        return DonutArraySize - (secondaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[1]);
+    }, [secondaryValue, DonutArraySize, DonutDashArrayOffsets]);
     const tertiaryPercentageValue = (0, react_1.useMemo)(() => {
-        return DonutSizes[2] - Math.round((tertiaryValue / 100) * (DonutSizes[2] - 150));
-    }, [tertiaryValue, DonutSizes[2]]);
+        return DonutArraySize - (tertiaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[2]);
+    }, [tertiaryValue, DonutArraySize, DonutDashArrayOffsets]);
     const quaternaryPercentageValue = (0, react_1.useMemo)(() => {
-        return DonutSizes[3] - Math.round((quaternaryValue / 100) * (DonutSizes[3] - 168));
-    }, [quaternaryValue, DonutSizes[3]]);
-    const [trackPath, setTrackPath] = (0, react_1.useState)(PrimaryTrack);
+        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)(14);
+    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(26);
-            setDonutThickness(6);
-            setTrackDasharray(503);
-            setTrackOffset(166);
+            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(22);
-            setDonutThickness(6);
-            setTrackDasharray(503);
-            setTrackOffset(153);
+            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(16);
-            setDonutThickness(6);
-            setTrackDasharray(504);
-            setTrackOffset(139);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 2));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[1]);
         }
         else {
             setTrackPath(PrimaryTrack);
-            const thickness = size === apptypes_1.ComponentSize.Medium ? 12 : size === apptypes_1.ComponentSize.Small ? 8 : 16;
-            setTrackDasharray(504);
-            setTrackOffset(126);
-            setDonutThickness(thickness);
-            setTrackThickness(thickness + 2);
+            setTrackDasharray(DonutArraySize);
+            setTrackOffset(TrackDashArrayOffsets[0]);
+            setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 1));
+            setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
         }
-    }, [value, secondaryValue, tertiaryValue, quaternaryValue, size]);
-    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, { theme: theme.chartdonut, 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: trackPath, strokeWidth: trackThickness, "$dasharray": trackDasharray, "$dashoffset": trackOffset, 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 + 2 : 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: PrimaryTrack, strokeWidth: donutThickness, fill: "none" })] }), secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: "M164 90A74 74 0 0090 16 74 74 0 0016 90a74 74 0 0074 74 74 74 0 0074-74Z", strokeWidth: 6, fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: "M158 90A68 68 0 0090 22 68 68 0 0022 90a68 68 0 0068 68 68 68 0 0068-68Z", strokeWidth: 6, fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: "M152 90A62 62 0 0090 28 62 62 0 0028 90a62 62 0 0062 62 62 62 0 0062-62Z", strokeWidth: 6, fill: "none" }))] })] }));
+    }, [
+        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.DonutChartCircleBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[0], theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" }), (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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[1], theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[2], theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[3], theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (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/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;
@@ -14,10 +15,15 @@ export type ASChartDonutCircleProps = {
     theme: ASChartDonutTheme;
     $offset: number;
     $dasharray?: number;
+    $alternateColors?: boolean;
 };
+export declare const DonutChartCircleBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 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 DonutChartCircleSecondaryBorder: 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 DonutChartCircleTertiaryBorder: 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 DonutChartCircleQuaternaryBorder: 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;

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,gQAY1B,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;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"}
+{"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;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,sBAAsB,mMAKlC,CAAC;AACF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,eAAO,MAAM,+BAA+B,mMAK3C,CAAC;AACF,eAAO,MAAM,yBAAyB,mMAMrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,mMAK1C,CAAC;AACF,eAAO,MAAM,wBAAwB,mMAMpC,CAAC;AAEF,eAAO,MAAM,gCAAgC,mMAK5C,CAAC;AACF,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.DonutChartCircleQuaternary = exports.DonutChartCircleTertiary = exports.DonutChartCircleSecondary = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
+exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircleQuaternary = exports.DonutChartCircleQuaternaryBorder = exports.DonutChartCircleTertiary = exports.DonutChartCircleTertiaryBorder = exports.DonutChartCircleSecondary = exports.DonutChartCircleSecondaryBorder = exports.DonutChartCircle = exports.DonutChartCircleBorder = 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,7 +8,7 @@ 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;
@@ -18,50 +18,79 @@ exports.DonutChartText = styled_components_1.default.span `
   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;
   display: inline-block;
-  bottom: ${({ theme }) => theme.chartdonutSubTextVerticalOffset};
+  bottom: ${({ theme, $size }) => $size && theme.chartdonutSubTextVerticalOffsets
+    ? theme.chartdonutSubTextVerticalOffsets[$size]
+    : theme.chartdonutSubTextVerticalOffset};
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
   font-size: ${({ theme }) => theme.chartdonutSubTextFontSize};
-  font-weight: ${({ theme }) => theme.chartdonutSubTextFontWeight};
+
+  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.DonutChartCircleBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff00' : `${theme.chartdonutColor}30`)};
+`;
 exports.DonutChartCircle = styled_components_1.default.path `
-  stroke-dasharray: 502;
-  stroke-dashoffset: 502;
+  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.DonutChartCircleSecondaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff30' : `${theme.chartdonutSecondaryColor}30`)};
+`;
 exports.DonutChartCircleSecondary = styled_components_1.default.path `
-  stroke-dasharray: 480;
-  stroke-dashoffset: 480;
+  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.DonutChartCircleTertiaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff00' : `${theme.chartdonutTertiaryColor}30`)};
+`;
 exports.DonutChartCircleTertiary = styled_components_1.default.path `
-  stroke-dasharray: 470;
-  stroke-dashoffset: 470;
+  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.DonutChartCircleQuaternaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff30' : `${theme.chartdonutQuaternaryColor}30`)};
+`;
 exports.DonutChartCircleQuaternary = styled_components_1.default.path `
-  stroke-dasharray: 460;
-  stroke-dashoffset: 460;
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
   transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
   stroke-dashoffset: ${({ $offset }) => $offset};
   stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};

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,OAgIrB,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',
@@ -174,16 +175,46 @@ const ASThemeDefault = {
     chartdonut: {
         chartdonutTextColor: colors.mainGray55,
         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',
-        chartdonutColor: colors.yellowAlpha90,
+        chartdonutSubTextVerticalOffsets: {
+            [ASUI_types_1.ComponentSize.Large]: '-50px',
+            [ASUI_types_1.ComponentSize.Medium]: '-43px',
+            [ASUI_types_1.ComponentSize.Small]: '-40px',
+        },
+        chartdonutColor: colors.mainGold,
         chartdonutInnerTrackColor: colors.mainGray81,
         chartdonutOuterTrackColor: colors.mainGray99,
         chartdonutTransitionDuration: '2s',

package/package.json

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