@eleventheye/asui 2.11.2 → 2.11.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/apptypes/ASUI.types.d.ts +14 -3
- package/dist/apptypes/ASUI.types.d.ts.map +1 -1
- package/dist/aschart/donut/ASChartDonut.d.ts.map +1 -1
- package/dist/aschart/donut/ASChartDonut.js +56 -5
- package/dist/aschart/donut/ASChartDonut.types.d.ts +3 -0
- package/dist/aschart/donut/ASChartDonut.types.d.ts.map +1 -1
- package/dist/aschart/donut/styles.d.ts +6 -0
- package/dist/aschart/donut/styles.d.ts.map +1 -1
- package/dist/aschart/donut/styles.js +34 -12
- package/dist/astheme/ASThemeDefault.d.ts.map +1 -1
- package/dist/astheme/ASThemeDefault.js +15 -4
- package/package.json +1 -1
|
@@ -197,14 +197,25 @@ export type ASChartBarTheme = {
|
|
|
197
197
|
tertiaryColor: string;
|
|
198
198
|
};
|
|
199
199
|
export type ASChartDonutTheme = {
|
|
200
|
-
chartdonutColor: string;
|
|
201
|
-
chartdonutInnerTrackColor?: string;
|
|
202
|
-
chartdonutOuterTrackColor?: string;
|
|
203
200
|
chartdonutTextColor?: string;
|
|
204
201
|
chartdonutTextFontSize?: string;
|
|
205
202
|
chartdonutTextFontWeight?: string;
|
|
206
203
|
chartdonutTextFontFamily?: string;
|
|
207
204
|
chartdonutTextShadow?: string;
|
|
205
|
+
chartdonutSubTextColor?: string;
|
|
206
|
+
chartdonutSubTextFontSize?: string;
|
|
207
|
+
chartdonutSubTextFontWeight?: string;
|
|
208
|
+
chartdonutSubTextFontFamily?: string;
|
|
209
|
+
chartdonutSubTextShadow?: string;
|
|
210
|
+
chartdonutSubTextVerticalOffset?: string;
|
|
211
|
+
chartdonutColor: string;
|
|
212
|
+
chartdonutInnerTrackColor?: string;
|
|
213
|
+
chartdonutOuterTrackColor?: string;
|
|
214
|
+
chartdonutTransitionDuration?: string;
|
|
215
|
+
chartdonutOtherSegmentsDuration?: string;
|
|
216
|
+
chartdonutSecondaryColor?: string;
|
|
217
|
+
chartdonutTertiaryColor?: string;
|
|
218
|
+
chartdonutQuaternaryColor?: string;
|
|
208
219
|
};
|
|
209
220
|
export interface ASTheme {
|
|
210
221
|
button: ASButtonTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAExE,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEjF,KAAK,kBAAkB,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAC7D,KAAK,mBAAmB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC/E,KAAK,iBAAiB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC9F,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE3G,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,eAAe,GAAG,MAAM;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAE7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IAEpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IACpC,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IACpC,4BAA4B,EAAE,MAAM,CAAC;IACrC,2BAA2B,EAAE,MAAM,CAAC;IACpC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,gCAAgC,EAAE,MAAM,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,
|
|
1
|
+
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAExE,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEjF,KAAK,kBAAkB,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAC7D,KAAK,mBAAmB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC/E,KAAK,iBAAiB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC9F,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE3G,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,eAAe,GAAG,MAAM;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAE7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IAEpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IACpC,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IACpC,4BAA4B,EAAE,MAAM,CAAC;IACrC,2BAA2B,EAAE,MAAM,CAAC;IACpC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,gCAAgC,EAAE,MAAM,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAE9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAKzC,eAAe,EAAE,MAAM,CAAC;IAExB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAKtC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;AAErD,eAAO,MAAM,WAAW;;;;CAId,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAE3E,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAM1D,oBAAoB,CAAC,EAAE,aAAa,CAAC;IAOrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,sCAAsC,CAAC,EAAE,OAAO,CAAC;IAMjD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAMnC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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"}
|
|
@@ -2,13 +2,64 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const apptypes_1 = require("../../apptypes");
|
|
6
7
|
const astheme_1 = tslib_1.__importDefault(require("../../astheme"));
|
|
7
8
|
const styles_1 = require("./styles");
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
const DonutSizes = [502, 480, 470, 460];
|
|
10
|
+
const QuaternaryTrack = 'M161 90A71 71 0 0090 19 71 71 0 0019 90a71 71 0 0071 71 71 71 0 0071-71Z';
|
|
11
|
+
const TertiaryTrack = 'M164 90A74 74 0 0090 16 74 74 0 0016 90a74 74 0 0074 74 74 74 0 0074-74Z';
|
|
12
|
+
const SecondaryTrack = 'M167 90A77 77 0 0090 13 77 77 0 0013 90a77 77 0 0077 77 77 77 0 0077-77Z';
|
|
13
|
+
const PrimaryTrack = 'M170 90A80 80 0 0090 10 80 80 0 0010 90a80 80 0 0080 80 80 80 0 0080-80Z';
|
|
14
|
+
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, }) => {
|
|
15
|
+
const primaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
16
|
+
return DonutSizes[0] - Math.round((value / 100) * (DonutSizes[0] - 126));
|
|
17
|
+
}, [value]);
|
|
18
|
+
const secondaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
19
|
+
return DonutSizes[1] - Math.round((secondaryValue / 100) * (DonutSizes[1] - 132));
|
|
20
|
+
}, [secondaryValue]);
|
|
21
|
+
const tertiaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
22
|
+
return DonutSizes[2] - Math.round((tertiaryValue / 100) * (DonutSizes[2] - 150));
|
|
23
|
+
}, [tertiaryValue, DonutSizes[2]]);
|
|
24
|
+
const quaternaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
25
|
+
return DonutSizes[3] - Math.round((quaternaryValue / 100) * (DonutSizes[3] - 168));
|
|
26
|
+
}, [quaternaryValue, DonutSizes[3]]);
|
|
27
|
+
const [trackPath, setTrackPath] = (0, react_1.useState)(PrimaryTrack);
|
|
28
|
+
const [donutThickness, setDonutThickness] = (0, react_1.useState)(12);
|
|
29
|
+
const [trackThickness, setTrackThickness] = (0, react_1.useState)(14);
|
|
30
|
+
const [trackDasharray, setTrackDasharray] = (0, react_1.useState)(503);
|
|
31
|
+
const [trackOffset, setTrackOffset] = (0, react_1.useState)(126);
|
|
32
|
+
(0, react_1.useEffect)(() => {
|
|
33
|
+
if (quaternaryValue > 0) {
|
|
34
|
+
setTrackPath(QuaternaryTrack);
|
|
35
|
+
setTrackThickness(26);
|
|
36
|
+
setDonutThickness(6);
|
|
37
|
+
setTrackDasharray(503);
|
|
38
|
+
setTrackOffset(166);
|
|
39
|
+
}
|
|
40
|
+
else if (tertiaryValue > 0) {
|
|
41
|
+
setTrackPath(TertiaryTrack);
|
|
42
|
+
setTrackThickness(22);
|
|
43
|
+
setDonutThickness(6);
|
|
44
|
+
setTrackDasharray(503);
|
|
45
|
+
setTrackOffset(153);
|
|
46
|
+
}
|
|
47
|
+
else if (secondaryValue > 0) {
|
|
48
|
+
setTrackPath(SecondaryTrack);
|
|
49
|
+
setTrackThickness(16);
|
|
50
|
+
setDonutThickness(6);
|
|
51
|
+
setTrackDasharray(504);
|
|
52
|
+
setTrackOffset(139);
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
setTrackPath(PrimaryTrack);
|
|
56
|
+
const thickness = size === apptypes_1.ComponentSize.Medium ? 12 : size === apptypes_1.ComponentSize.Small ? 8 : 16;
|
|
57
|
+
setTrackDasharray(504);
|
|
58
|
+
setTrackOffset(126);
|
|
59
|
+
setDonutThickness(thickness);
|
|
60
|
+
setTrackThickness(thickness + 2);
|
|
61
|
+
}
|
|
62
|
+
}, [value, secondaryValue, tertiaryValue, quaternaryValue, size]);
|
|
63
|
+
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" }))] })] }));
|
|
13
64
|
};
|
|
14
65
|
exports.default = ASChartDonut;
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -13,10 +13,16 @@ export declare const DonutChartSvg: import("styled-components/dist/types").IStyl
|
|
|
13
13
|
export type ASChartDonutCircleProps = {
|
|
14
14
|
theme: ASChartDonutTheme;
|
|
15
15
|
$offset: number;
|
|
16
|
+
$dasharray?: number;
|
|
16
17
|
};
|
|
17
18
|
export declare const DonutChartCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
|
|
19
|
+
export declare const DonutChartCircleSecondary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
|
|
20
|
+
export declare const DonutChartCircleTertiary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
|
|
21
|
+
export declare const DonutChartCircleQuaternary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
|
|
18
22
|
export type DonutChartThemeProps = {
|
|
19
23
|
theme: ASChartDonutTheme;
|
|
24
|
+
$dasharray?: number;
|
|
25
|
+
$dashoffset?: number;
|
|
20
26
|
};
|
|
21
27
|
export declare const DonutChartCircleInnerTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, DonutChartThemeProps>> & string;
|
|
22
28
|
export declare const DonutChartCircleOuterTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, DonutChartThemeProps>> & string;
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
|
|
3
|
+
exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircleQuaternary = exports.DonutChartCircleTertiary = exports.DonutChartCircleSecondary = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
6
|
exports.DonutChart = styled_components_1.default.div `
|
|
@@ -12,6 +12,7 @@ exports.DonutChart = styled_components_1.default.div `
|
|
|
12
12
|
`;
|
|
13
13
|
exports.DonutChartText = styled_components_1.default.span `
|
|
14
14
|
position: absolute;
|
|
15
|
+
display: inline-block;
|
|
15
16
|
top: 50%;
|
|
16
17
|
left: 50%;
|
|
17
18
|
transform: translate(-50%, -60%);
|
|
@@ -24,15 +25,15 @@ exports.DonutChartText = styled_components_1.default.span `
|
|
|
24
25
|
`;
|
|
25
26
|
exports.DonutChartSubText = styled_components_1.default.span `
|
|
26
27
|
position: absolute;
|
|
27
|
-
|
|
28
|
+
display: inline-block;
|
|
29
|
+
bottom: ${({ theme }) => theme.chartdonutSubTextVerticalOffset};
|
|
28
30
|
left: 50%;
|
|
29
31
|
transform: translateX(-50%);
|
|
30
|
-
display: inline-block;
|
|
31
32
|
white-space: nowrap;
|
|
32
|
-
font-size:
|
|
33
|
-
font-weight:
|
|
34
|
-
color: ${({ theme }) => theme.
|
|
35
|
-
text-shadow: ${({ theme }) => theme.
|
|
33
|
+
font-size: ${({ theme }) => theme.chartdonutSubTextFontSize};
|
|
34
|
+
font-weight: ${({ theme }) => theme.chartdonutSubTextFontWeight};
|
|
35
|
+
color: ${({ theme }) => theme.chartdonutSubTextColor};
|
|
36
|
+
text-shadow: ${({ theme }) => theme.chartdonutSubTextShadow};
|
|
36
37
|
`;
|
|
37
38
|
exports.DonutChartSvg = styled_components_1.default.svg `
|
|
38
39
|
transform: rotate(-225deg) scaleY(-1);
|
|
@@ -40,19 +41,40 @@ exports.DonutChartSvg = styled_components_1.default.svg `
|
|
|
40
41
|
exports.DonutChartCircle = styled_components_1.default.path `
|
|
41
42
|
stroke-dasharray: 502;
|
|
42
43
|
stroke-dashoffset: 502;
|
|
43
|
-
transition: stroke-dashoffset
|
|
44
|
+
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutTransitionDuration} ease-out 0.5s;
|
|
44
45
|
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
45
46
|
stroke: ${({ theme }) => theme.chartdonutColor};
|
|
46
47
|
`;
|
|
48
|
+
exports.DonutChartCircleSecondary = styled_components_1.default.path `
|
|
49
|
+
stroke-dasharray: 480;
|
|
50
|
+
stroke-dashoffset: 480;
|
|
51
|
+
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
52
|
+
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
53
|
+
stroke: ${({ theme }) => theme.chartdonutSecondaryColor};
|
|
54
|
+
`;
|
|
55
|
+
exports.DonutChartCircleTertiary = styled_components_1.default.path `
|
|
56
|
+
stroke-dasharray: 470;
|
|
57
|
+
stroke-dashoffset: 470;
|
|
58
|
+
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
59
|
+
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
60
|
+
stroke: ${({ theme }) => theme.chartdonutTertiaryColor};
|
|
61
|
+
`;
|
|
62
|
+
exports.DonutChartCircleQuaternary = styled_components_1.default.path `
|
|
63
|
+
stroke-dasharray: 460;
|
|
64
|
+
stroke-dashoffset: 460;
|
|
65
|
+
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
66
|
+
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
67
|
+
stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};
|
|
68
|
+
`;
|
|
47
69
|
exports.DonutChartCircleInnerTrack = styled_components_1.default.path `
|
|
48
|
-
stroke-dasharray: 502;
|
|
49
|
-
stroke-dashoffset:
|
|
70
|
+
stroke-dasharray: ${({ $dasharray }) => $dasharray}; //502;
|
|
71
|
+
stroke-dashoffset: ${({ $dashoffset }) => $dashoffset}; //126;
|
|
50
72
|
stroke: ${({ theme }) => theme.chartdonutInnerTrackColor};
|
|
51
73
|
`;
|
|
52
74
|
exports.DonutChartCircleOuterTrack = styled_components_1.default.path `
|
|
53
75
|
rotate: 1deg;
|
|
54
|
-
stroke-dasharray:
|
|
55
|
-
stroke-dashoffset:
|
|
76
|
+
stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)}; //503;
|
|
77
|
+
stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)}; // 124;
|
|
56
78
|
stroke: ${({ theme }) => theme.chartdonutOuterTrackColor};
|
|
57
79
|
transform-origin: center;
|
|
58
80
|
`;
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -172,14 +172,25 @@ const ASThemeDefault = {
|
|
|
172
172
|
tertiaryColor: colors.mainWhite,
|
|
173
173
|
},
|
|
174
174
|
chartdonut: {
|
|
175
|
-
chartdonutColor: colors.yellowAlpha90,
|
|
176
|
-
chartdonutInnerTrackColor: colors.mainGray81,
|
|
177
|
-
chartdonutOuterTrackColor: colors.mainGray99,
|
|
178
175
|
chartdonutTextColor: colors.mainGray55,
|
|
179
|
-
chartdonutTextFontSize: '
|
|
176
|
+
chartdonutTextFontSize: '3rem',
|
|
180
177
|
chartdonutTextFontWeight: '400',
|
|
181
178
|
chartdonutTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
|
|
182
179
|
chartdonutTextShadow: '1px 1px 4px #000000',
|
|
180
|
+
chartdonutSubTextColor: colors.mainGray55,
|
|
181
|
+
chartdonutSubTextFontSize: '1.5rem',
|
|
182
|
+
chartdonutSubTextFontWeight: '300',
|
|
183
|
+
chartdonutSubTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
|
|
184
|
+
chartdonutSubTextShadow: '1px 1px 4px #000000',
|
|
185
|
+
chartdonutSubTextVerticalOffset: '-24px',
|
|
186
|
+
chartdonutColor: colors.yellowAlpha90,
|
|
187
|
+
chartdonutInnerTrackColor: colors.mainGray81,
|
|
188
|
+
chartdonutOuterTrackColor: colors.mainGray99,
|
|
189
|
+
chartdonutTransitionDuration: '2s',
|
|
190
|
+
chartdonutOtherSegmentsDuration: '1s',
|
|
191
|
+
chartdonutSecondaryColor: colors.blueFF,
|
|
192
|
+
chartdonutTertiaryColor: colors.green90,
|
|
193
|
+
chartdonutQuaternaryColor: colors.corral50,
|
|
183
194
|
},
|
|
184
195
|
borderRadius: '35px',
|
|
185
196
|
fontFamily: "'Big Shoulders Display', 'BigShouldersDisplay'",
|