cx 24.10.0 → 24.10.2

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.
Files changed (12) hide show
  1. package/dist/charts.js +9 -1
  2. package/dist/manifest.js +522 -522
  3. package/dist/util.js +7 -0
  4. package/dist/widgets.css +19 -16
  5. package/package.json +1 -1
  6. package/src/charts/Legend.js +1 -1
  7. package/src/charts/LegendEntry.js +9 -1
  8. package/src/charts/PieChart.d.ts +92 -89
  9. package/src/charts/PieChart.js +529 -527
  10. package/src/util/Format.js +269 -261
  11. package/src/widgets/grid/Grid.scss +637 -680
  12. package/src/widgets/grid/variables.scss +133 -88
package/src/widgets/grid/variables.scss CHANGED
@@ -1,88 +1,133 @@
1
- // GRID
2
- $cx-default-grid-font-size: $cx-default-box-font-size !default;
3
- $cx-default-grid-border-color: $cx-default-border-color !default;
4
- $cx-default-grid-border-radius: null !default;
5
- $cx-default-grid-box-shadow: null !default;
6
-
7
- // header
8
- $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
9
- $cx-default-grid-header-font-weight: normal !default;
10
- $cx-default-grid-header-line-height: null !default;
11
- $cx-default-grid-header-color: $cx-default-color !default;
12
- $cx-default-grid-header-background-color: #eee !default;
13
- $cx-default-grid-header-border-color: $cx-default-border-color !default;
14
- $cx-default-grid-header-box-shadow: null !default;
15
- $cx-default-grid-header-padding: null !default;
16
-
17
- $cx-grid-header-state-style-map: (
18
- default: (
19
- font-size: $cx-default-grid-header-font-size,
20
- font-weight: $cx-default-grid-header-font-weight,
21
- line-height: $cx-default-grid-header-line-height,
22
- color: $cx-default-grid-header-color,
23
- background-color: $cx-default-grid-header-background-color,
24
- border-color: $cx-default-grid-header-border-color,
25
- background-clip: border-box,
26
- padding: $cx-default-grid-header-padding,
27
- ),
28
- hover: (
29
- background-color: darken($cx-default-grid-header-background-color, 2),
30
- ),
31
- sorted: (
32
- background-color: darken($cx-default-grid-header-background-color, 7),
33
- ),
34
- sorted-hover: (
35
- background-color: darken($cx-default-grid-header-background-color, 5),
36
- ),
37
- ) !default;
38
-
39
- // data
40
- $cx-default-grid-data-font-size: null !default;
41
- $cx-default-grid-data-font-weight: null !default;
42
- $cx-default-grid-data-line-height: null !default;
43
- $cx-default-grid-data-background-color: transparent !default;
44
- $cx-default-grid-data-alternate-background-color: null !default;
45
- $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
46
- $cx-default-grid-data-padding: 5px !default;
47
-
48
- $cx-grid-data-state-style-map: cx-deep-map-merge(
49
- $cx-list-item,
50
- (
51
- default: (
52
- font-size: $cx-default-grid-data-font-size,
53
- line-height: $cx-default-grid-data-line-height,
54
- font-weight: $cx-default-grid-data-font-weight,
55
- background-color: $cx-default-grid-data-background-color,
56
- border-color: $cx-default-grid-data-border-color,
57
- padding: $cx-default-grid-data-padding,
58
- ),
59
- alternate: (
60
- background-color: $cx-default-grid-data-alternate-background-color,
61
- ),
62
- )
63
- ) !default;
64
-
65
- // pagination
66
- $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
67
- $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
68
- $cx-grid-pagination-default-border-radius: null !default;
69
- $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
70
- $cx-grid-pagination-default-padding: cx-top($cx-default-box-padding) 2 * cx-top($cx-default-box-padding) !default;
71
-
72
- $cx-grid-pagination-state-style-map: cx-deep-map-merge($cx-list-item, ()) !default;
73
-
74
- $cx-grid-cell-cursor-style: (
75
- left: -1px,
76
- top: -1px,
77
- right: -1px,
78
- bottom: -1px,
79
- background: rgba(green, 0.1),
80
- border: 2px solid rgba(green, 1),
81
- );
82
-
83
- $cx-dependencies: map-merge(
84
- $cx-dependencies,
85
- (
86
- "cx/widgets/Grid": "cx/widgets/DragClone",
87
- )
88
- );
1
+ // GRID
2
+ $cx-default-grid-font-size: $cx-default-box-font-size !default;
3
+ $cx-default-grid-border-color: $cx-default-border-color !default;
4
+ $cx-default-grid-border-radius: null !default;
5
+ $cx-default-grid-box-shadow: null !default;
6
+
7
+ // header
8
+ $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
9
+ $cx-default-grid-header-font-weight: normal !default;
10
+ $cx-default-grid-header-line-height: null !default;
11
+ $cx-default-grid-header-color: $cx-default-color !default;
12
+ $cx-default-grid-header-background-color: #eee !default;
13
+ $cx-default-grid-header-border-color: $cx-default-border-color !default;
14
+ $cx-default-grid-header-box-shadow: null !default;
15
+ $cx-default-grid-header-padding: null !default;
16
+
17
+ $cx-grid-header-state-style-map: (
18
+ default: (
19
+ font-size: $cx-default-grid-header-font-size,
20
+ font-weight: $cx-default-grid-header-font-weight,
21
+ line-height: $cx-default-grid-header-line-height,
22
+ color: $cx-default-grid-header-color,
23
+ background-color: $cx-default-grid-header-background-color,
24
+ border-color: $cx-default-grid-header-border-color,
25
+ background-clip: border-box,
26
+ padding: $cx-default-grid-header-padding,
27
+ ),
28
+ hover: (
29
+ background-color: darken($cx-default-grid-header-background-color, 2),
30
+ ),
31
+ sorted: (
32
+ background-color: darken($cx-default-grid-header-background-color, 7),
33
+ ),
34
+ sorted-hover: (
35
+ background-color: darken($cx-default-grid-header-background-color, 5),
36
+ ),
37
+ ) !default;
38
+
39
+ // data
40
+ $cx-default-grid-data-font-size: null !default;
41
+ $cx-default-grid-data-font-weight: null !default;
42
+ $cx-default-grid-data-line-height: null !default;
43
+ $cx-default-grid-data-background-color: transparent !default;
44
+ $cx-default-grid-data-alternate-background-color: null !default;
45
+ $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
46
+ $cx-default-grid-data-padding: 5px !default;
47
+ $cx-default-grid-caption-gap: 15px !default;
48
+
49
+ $cx-grid-data-state-style-map: cx-deep-map-merge(
50
+ $cx-list-item,
51
+ (
52
+ default: (
53
+ font-size: $cx-default-grid-data-font-size,
54
+ line-height: $cx-default-grid-data-line-height,
55
+ font-weight: $cx-default-grid-data-font-weight,
56
+ background-color: $cx-default-grid-data-background-color,
57
+ border-color: $cx-default-grid-data-border-color,
58
+ padding: $cx-default-grid-data-padding,
59
+ ),
60
+ alternate: (
61
+ background-color: $cx-default-grid-data-alternate-background-color,
62
+ ),
63
+ )
64
+ ) !default;
65
+
66
+ $cx-grid-group-caption-level-style-map: (
67
+ level-1: (
68
+ font-weight: bold,
69
+ font-size: 115%,
70
+ ),
71
+ level-2: (
72
+ font-weight: bold,
73
+ font-size: 130%,
74
+ border-bottom: 1px solid grey,
75
+ ),
76
+ level-3: (
77
+ font-weight: bold,
78
+ font-size: 145%,
79
+ border-bottom: 1px solid grey,
80
+ ),
81
+ level-4: (
82
+ font-weight: bold,
83
+ font-size: 160%,
84
+ border-bottom: 1px solid grey,
85
+ ),
86
+ );
87
+
88
+ $cx-grid-group-footer-level-style-map: (
89
+ level-1: (
90
+ font-weight: bold,
91
+ border-top: 1px solid $cx-default-grid-border-color,
92
+ ),
93
+ level-2: (
94
+ font-weight: bold,
95
+ font-size: 110%,
96
+ border-top: 1px solid grey,
97
+ ),
98
+ level-3: (
99
+ font-weight: bold,
100
+ font-size: 120%,
101
+ border-top: 1px solid grey,
102
+ ),
103
+ level-4: (
104
+ font-weight: bold,
105
+ font-size: 130%,
106
+ border-top: 1px solid grey,
107
+ ),
108
+ );
109
+
110
+ // pagination
111
+ $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
112
+ $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
113
+ $cx-grid-pagination-default-border-radius: null !default;
114
+ $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
115
+ $cx-grid-pagination-default-padding: cx-top($cx-default-box-padding) 2 * cx-top($cx-default-box-padding) !default;
116
+
117
+ $cx-grid-pagination-state-style-map: cx-deep-map-merge($cx-list-item, ()) !default;
118
+
119
+ $cx-grid-cell-cursor-style: (
120
+ left: -1px,
121
+ top: -1px,
122
+ right: -1px,
123
+ bottom: -1px,
124
+ background: rgba(green, 0.1),
125
+ border: 2px solid rgba(green, 1),
126
+ );
127
+
128
+ $cx-dependencies: map-merge(
129
+ $cx-dependencies,
130
+ (
131
+ "cx/widgets/Grid": "cx/widgets/DragClone",
132
+ )
133
+ );