@genesislcap/grid-pro 11.3.0

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 (122) hide show
  1. package/README.md +5 -0
  2. package/dist/dts/cell/cell.d.ts +14 -0
  3. package/dist/dts/cell/cell.d.ts.map +1 -0
  4. package/dist/dts/cell/cell.template.d.ts +3 -0
  5. package/dist/dts/cell/cell.template.d.ts.map +1 -0
  6. package/dist/dts/cell/index.d.ts +3 -0
  7. package/dist/dts/cell/index.d.ts.map +1 -0
  8. package/dist/dts/cell-renderers/action.renderer.d.ts +33 -0
  9. package/dist/dts/cell-renderers/action.renderer.d.ts.map +1 -0
  10. package/dist/dts/cell-renderers/actions-menu.renderer.d.ts +19 -0
  11. package/dist/dts/cell-renderers/actions-menu.renderer.d.ts.map +1 -0
  12. package/dist/dts/cell-renderers/boolean.renderer.d.ts +25 -0
  13. package/dist/dts/cell-renderers/boolean.renderer.d.ts.map +1 -0
  14. package/dist/dts/cell-renderers/index.d.ts +6 -0
  15. package/dist/dts/cell-renderers/index.d.ts.map +1 -0
  16. package/dist/dts/cell-renderers/select.renderer.d.ts +34 -0
  17. package/dist/dts/cell-renderers/select.renderer.d.ts.map +1 -0
  18. package/dist/dts/cell-renderers/text.renderer.d.ts +30 -0
  19. package/dist/dts/cell-renderers/text.renderer.d.ts.map +1 -0
  20. package/dist/dts/cell-renderers/utils/accessor.d.ts +2 -0
  21. package/dist/dts/cell-renderers/utils/accessor.d.ts.map +1 -0
  22. package/dist/dts/cell-renderers/utils/index.d.ts +2 -0
  23. package/dist/dts/cell-renderers/utils/index.d.ts.map +1 -0
  24. package/dist/dts/column/column.d.ts +8 -0
  25. package/dist/dts/column/column.d.ts.map +1 -0
  26. package/dist/dts/column/column.template.d.ts +3 -0
  27. package/dist/dts/column/column.template.d.ts.map +1 -0
  28. package/dist/dts/column/index.d.ts +4 -0
  29. package/dist/dts/column/index.d.ts.map +1 -0
  30. package/dist/dts/column/utils/grid-pro-columns.d.ts +4 -0
  31. package/dist/dts/column/utils/grid-pro-columns.d.ts.map +1 -0
  32. package/dist/dts/column/utils/index.d.ts +2 -0
  33. package/dist/dts/column/utils/index.d.ts.map +1 -0
  34. package/dist/dts/external/ag-grid-css.d.ts +2 -0
  35. package/dist/dts/external/ag-grid-css.d.ts.map +1 -0
  36. package/dist/dts/external/ag-head-css.d.ts +2 -0
  37. package/dist/dts/external/ag-head-css.d.ts.map +1 -0
  38. package/dist/dts/external/ag-theme-alpine-no-font-css.d.ts +2 -0
  39. package/dist/dts/external/ag-theme-alpine-no-font-css.d.ts.map +1 -0
  40. package/dist/dts/external/ag-theme-balham-no-font-css.d.ts +2 -0
  41. package/dist/dts/external/ag-theme-balham-no-font-css.d.ts.map +1 -0
  42. package/dist/dts/external/ag-theme-material-no-font-css.d.ts +2 -0
  43. package/dist/dts/external/ag-theme-material-no-font-css.d.ts.map +1 -0
  44. package/dist/dts/external/fonts.d.ts +8 -0
  45. package/dist/dts/external/fonts.d.ts.map +1 -0
  46. package/dist/dts/external/index.d.ts +9 -0
  47. package/dist/dts/external/index.d.ts.map +1 -0
  48. package/dist/dts/grid-components.d.ts +59 -0
  49. package/dist/dts/grid-components.d.ts.map +1 -0
  50. package/dist/dts/grid-pro-genesis-datasource/grid-pro-genesis-datasource-next.d.ts +390 -0
  51. package/dist/dts/grid-pro-genesis-datasource/grid-pro-genesis-datasource-next.d.ts.map +1 -0
  52. package/dist/dts/grid-pro-genesis-datasource/grid-pro-genesis-datasource.d.ts +376 -0
  53. package/dist/dts/grid-pro-genesis-datasource/grid-pro-genesis-datasource.d.ts.map +1 -0
  54. package/dist/dts/grid-pro-genesis-datasource/index.d.ts +3 -0
  55. package/dist/dts/grid-pro-genesis-datasource/index.d.ts.map +1 -0
  56. package/dist/dts/grid-pro.d.ts +389 -0
  57. package/dist/dts/grid-pro.d.ts.map +1 -0
  58. package/dist/dts/grid-pro.definitions.d.ts +8 -0
  59. package/dist/dts/grid-pro.definitions.d.ts.map +1 -0
  60. package/dist/dts/grid-pro.styles.d.ts +3 -0
  61. package/dist/dts/grid-pro.styles.d.ts.map +1 -0
  62. package/dist/dts/grid-pro.template.d.ts +3 -0
  63. package/dist/dts/grid-pro.template.d.ts.map +1 -0
  64. package/dist/dts/grid-pro.types.d.ts +68 -0
  65. package/dist/dts/grid-pro.types.d.ts.map +1 -0
  66. package/dist/dts/index.d.ts +20 -0
  67. package/dist/dts/index.d.ts.map +1 -0
  68. package/dist/dts/index.federated.d.ts +1 -0
  69. package/dist/dts/index.federated.d.ts.map +1 -0
  70. package/dist/dts/style/colors.d.ts +4 -0
  71. package/dist/dts/style/colors.d.ts.map +1 -0
  72. package/dist/dts/style/index.d.ts +3 -0
  73. package/dist/dts/style/index.d.ts.map +1 -0
  74. package/dist/dts/style/tokens.d.ts +6 -0
  75. package/dist/dts/style/tokens.d.ts.map +1 -0
  76. package/dist/dts/utils/index.d.ts +2 -0
  77. package/dist/dts/utils/index.d.ts.map +1 -0
  78. package/dist/dts/utils/logger.d.ts +2 -0
  79. package/dist/dts/utils/logger.d.ts.map +1 -0
  80. package/dist/esm/cell/cell.js +46 -0
  81. package/dist/esm/cell/cell.template.js +6 -0
  82. package/dist/esm/cell/index.js +2 -0
  83. package/dist/esm/cell-renderers/action.renderer.js +85 -0
  84. package/dist/esm/cell-renderers/actions-menu.renderer.js +46 -0
  85. package/dist/esm/cell-renderers/boolean.renderer.js +42 -0
  86. package/dist/esm/cell-renderers/index.js +5 -0
  87. package/dist/esm/cell-renderers/select.renderer.js +69 -0
  88. package/dist/esm/cell-renderers/text.renderer.js +66 -0
  89. package/dist/esm/cell-renderers/utils/accessor.js +18 -0
  90. package/dist/esm/cell-renderers/utils/index.js +1 -0
  91. package/dist/esm/column/column.js +24 -0
  92. package/dist/esm/column/column.template.js +6 -0
  93. package/dist/esm/column/index.js +3 -0
  94. package/dist/esm/column/utils/grid-pro-columns.js +15 -0
  95. package/dist/esm/column/utils/index.js +1 -0
  96. package/dist/esm/external/ag-grid-css.js +7166 -0
  97. package/dist/esm/external/ag-head-css.js +19 -0
  98. package/dist/esm/external/ag-theme-alpine-no-font-css.js +452 -0
  99. package/dist/esm/external/ag-theme-balham-no-font-css.js +272 -0
  100. package/dist/esm/external/ag-theme-material-no-font-css.js +267 -0
  101. package/dist/esm/external/fonts.js +33 -0
  102. package/dist/esm/external/index.js +15 -0
  103. package/dist/esm/grid-components.js +21 -0
  104. package/dist/esm/grid-pro-genesis-datasource/grid-pro-genesis-datasource-next.js +328 -0
  105. package/dist/esm/grid-pro-genesis-datasource/grid-pro-genesis-datasource.js +339 -0
  106. package/dist/esm/grid-pro-genesis-datasource/index.js +2 -0
  107. package/dist/esm/grid-pro.definitions.js +43 -0
  108. package/dist/esm/grid-pro.js +297 -0
  109. package/dist/esm/grid-pro.styles.js +31 -0
  110. package/dist/esm/grid-pro.template.js +9 -0
  111. package/dist/esm/grid-pro.types.js +72 -0
  112. package/dist/esm/index.federated.js +1 -0
  113. package/dist/esm/index.js +19 -0
  114. package/dist/esm/style/colors.js +4 -0
  115. package/dist/esm/style/index.js +2 -0
  116. package/dist/esm/style/tokens.js +7 -0
  117. package/dist/esm/utils/index.js +1 -0
  118. package/dist/esm/utils/logger.js +2 -0
  119. package/externals.js +11 -0
  120. package/federation.config.json +9 -0
  121. package/license.txt +46 -0
  122. package/package.json +107 -0
@@ -0,0 +1,19 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ export const agHeadCSS = css `
3
+ .ag-dnd-ghost {
4
+ background: var(--ag-header-background-color, var(--ag-background-color, #1f2126));
5
+ border: solid 1px;
6
+ border-color: var(--ag-header-foreground-color, var(--ag-foreground-color, #879ba6));
7
+ border-radius: calc(var(--control-corner-radius) * 1px);
8
+ color: var(--ag-header-foreground-color, var(--ag-foreground-color, #879ba6));
9
+ font-family: roboto-regular, 'Segoe UI', 'Helvetica Neue', sans-serif;
10
+ font-size: 12px;
11
+ height: 32px;
12
+ line-height: 28px;
13
+ margin: 0;
14
+ padding: 0 12px;
15
+ position: absolute;
16
+ overflow: hidden;
17
+ text-overflow: ellipsis;
18
+ }
19
+ `;
@@ -0,0 +1,452 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ export const agThemeAlpineNofontsCSS = css `
3
+ .ag-theme-alpine,
4
+ .ag-theme-alpine-dark {
5
+ --ag-alpine-active-color: #2196f3;
6
+ --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
7
+ --ag-row-hover-color: rgba(33, 150, 243, 0.1);
8
+ --ag-column-hover-color: rgba(33, 150, 243, 0.1);
9
+ --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
10
+ --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
11
+ --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
12
+ --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
13
+ --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
14
+ --ag-background-color: #fff;
15
+ --ag-foreground-color: #181d1f;
16
+ --ag-border-color: #babfc7;
17
+ --ag-secondary-border-color: #dde2eb;
18
+ --ag-header-background-color: #f8f8f8;
19
+ --ag-tooltip-background-color: #f8f8f8;
20
+ --ag-odd-row-background-color: #fcfcfc;
21
+ --ag-control-panel-background-color: #f8f8f8;
22
+ --ag-subheader-background-color: #fff;
23
+ --ag-invalid-color: #e02525;
24
+ --ag-checkbox-unchecked-color: #999;
25
+ --ag-checkbox-background-color: var(--ag-background-color);
26
+ --ag-checkbox-checked-color: var(--ag-alpine-active-color);
27
+ --ag-range-selection-border-color: var(--ag-alpine-active-color);
28
+ --ag-secondary-foreground-color: var(--ag-foreground-color);
29
+ --ag-input-border-color: var(--ag-border-color);
30
+ --ag-input-border-color-invalid: var(--ag-invalid-color);
31
+ --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
32
+ --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
33
+ --ag-chip-background-color: rgba(24, 29, 31, 0.07);
34
+ --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
35
+ --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
36
+ --ag-borders: solid 1px;
37
+ --ag-border-radius: 3px;
38
+ --ag-borders-side-button: none;
39
+ --ag-side-button-selected-background-color: transparent;
40
+ --ag-header-column-resize-handle-display: block;
41
+ --ag-header-column-resize-handle-width: 2px;
42
+ --ag-header-column-resize-handle-height: 30%;
43
+ --ag-grid-size: 6px;
44
+ --ag-icon-size: 16px;
45
+ --ag-row-height: calc(var(--ag-grid-size) * 7);
46
+ --ag-header-height: calc(var(--ag-grid-size) * 8);
47
+ --ag-list-item-height: calc(var(--ag-grid-size) * 4);
48
+ --ag-column-select-indent-size: var(--ag-icon-size);
49
+ --ag-set-filter-indent-size: var(--ag-icon-size);
50
+ --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
51
+ --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
52
+ --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
53
+ --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
54
+ --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
55
+ --ag-toggle-button-height: 18px;
56
+ --ag-toggle-button-width: 28px;
57
+ --ag-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
58
+ Cantarell, 'Helvetica Neue', sans-serif;
59
+ --ag-font-size: 13px;
60
+ --ag-icon-font-family: agGridAlpine;
61
+ --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
62
+ --ag-selected-tab-underline-width: 2px;
63
+ --ag-selected-tab-underline-transition-speed: 0.3s;
64
+ --ag-tab-min-width: 240px;
65
+ --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
66
+ --ag-popup-shadow: var(--ag-card-shadow);
67
+ --ag-side-bar-panel-width: 250px;
68
+ }
69
+
70
+ .ag-theme-alpine-dark {
71
+ --ag-background-color: #181d1f;
72
+ --ag-foreground-color: #fff;
73
+ --ag-border-color: #68686e;
74
+ --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
75
+ --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
76
+ --ag-header-background-color: #222628;
77
+ --ag-tooltip-background-color: #222628;
78
+ --ag-odd-row-background-color: #222628;
79
+ --ag-control-panel-background-color: #222628;
80
+ --ag-subheader-background-color: #000;
81
+ --ag-input-disabled-background-color: #282c2f;
82
+ --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),
83
+ 0 0 4px 3px var(--ag-input-focus-border-color);
84
+ --ag-card-shadow: 0 1px 20px 1px black;
85
+ --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
86
+ --ag-chip-background-color: rgba(255, 255, 255, 0.07);
87
+ --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
88
+ --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
89
+ }
90
+
91
+ .ag-theme-alpine .ag-filter-toolpanel-header,
92
+ .ag-theme-alpine .ag-filter-toolpanel-search,
93
+ .ag-theme-alpine .ag-status-bar,
94
+ .ag-theme-alpine .ag-header-row,
95
+ .ag-theme-alpine .ag-panel-title-bar-title,
96
+ .ag-theme-alpine .ag-multi-filter-group-title-bar,
97
+ .ag-theme-alpine-dark .ag-filter-toolpanel-header,
98
+ .ag-theme-alpine-dark .ag-filter-toolpanel-search,
99
+ .ag-theme-alpine-dark .ag-status-bar,
100
+ .ag-theme-alpine-dark .ag-header-row,
101
+ .ag-theme-alpine-dark .ag-panel-title-bar-title,
102
+ .ag-theme-alpine-dark .ag-multi-filter-group-title-bar {
103
+ font-weight: 700;
104
+ color: var(--ag-header-foreground-color);
105
+ }
106
+ .ag-theme-alpine .ag-row,
107
+ .ag-theme-alpine-dark .ag-row {
108
+ font-size: calc(var(--ag-font-size) + 1px);
109
+ }
110
+ .ag-theme-alpine input[class^='ag-']:not([type]),
111
+ .ag-theme-alpine input[class^='ag-'][type='text'],
112
+ .ag-theme-alpine input[class^='ag-'][type='number'],
113
+ .ag-theme-alpine input[class^='ag-'][type='tel'],
114
+ .ag-theme-alpine input[class^='ag-'][type='date'],
115
+ .ag-theme-alpine input[class^='ag-'][type='datetime-local'],
116
+ .ag-theme-alpine textarea[class^='ag-'],
117
+ .ag-theme-alpine-dark input[class^='ag-']:not([type]),
118
+ .ag-theme-alpine-dark input[class^='ag-'][type='text'],
119
+ .ag-theme-alpine-dark input[class^='ag-'][type='number'],
120
+ .ag-theme-alpine-dark input[class^='ag-'][type='tel'],
121
+ .ag-theme-alpine-dark input[class^='ag-'][type='date'],
122
+ .ag-theme-alpine-dark input[class^='ag-'][type='datetime-local'],
123
+ .ag-theme-alpine-dark textarea[class^='ag-'] {
124
+ min-height: calc(var(--ag-grid-size) * 4);
125
+ border-radius: var(--ag-border-radius);
126
+ }
127
+ .ag-theme-alpine .ag-ltr input[class^='ag-']:not([type]),
128
+ .ag-theme-alpine .ag-ltr input[class^='ag-'][type='text'],
129
+ .ag-theme-alpine .ag-ltr input[class^='ag-'][type='number'],
130
+ .ag-theme-alpine .ag-ltr input[class^='ag-'][type='tel'],
131
+ .ag-theme-alpine .ag-ltr input[class^='ag-'][type='date'],
132
+ .ag-theme-alpine .ag-ltr input[class^='ag-'][type='datetime-local'],
133
+ .ag-theme-alpine .ag-ltr textarea[class^='ag-'],
134
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-']:not([type]),
135
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-'][type='text'],
136
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-'][type='number'],
137
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-'][type='tel'],
138
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-'][type='date'],
139
+ .ag-theme-alpine-dark .ag-ltr input[class^='ag-'][type='datetime-local'],
140
+ .ag-theme-alpine-dark .ag-ltr textarea[class^='ag-'] {
141
+ padding-left: var(--ag-grid-size);
142
+ }
143
+
144
+ .ag-theme-alpine .ag-rtl input[class^='ag-']:not([type]),
145
+ .ag-theme-alpine .ag-rtl input[class^='ag-'][type='text'],
146
+ .ag-theme-alpine .ag-rtl input[class^='ag-'][type='number'],
147
+ .ag-theme-alpine .ag-rtl input[class^='ag-'][type='tel'],
148
+ .ag-theme-alpine .ag-rtl input[class^='ag-'][type='date'],
149
+ .ag-theme-alpine .ag-rtl input[class^='ag-'][type='datetime-local'],
150
+ .ag-theme-alpine .ag-rtl textarea[class^='ag-'],
151
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-']:not([type]),
152
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-'][type='text'],
153
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-'][type='number'],
154
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-'][type='tel'],
155
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-'][type='date'],
156
+ .ag-theme-alpine-dark .ag-rtl input[class^='ag-'][type='datetime-local'],
157
+ .ag-theme-alpine-dark .ag-rtl textarea[class^='ag-'] {
158
+ padding-right: var(--ag-grid-size);
159
+ }
160
+
161
+ .ag-theme-alpine .ag-tab,
162
+ .ag-theme-alpine-dark .ag-tab {
163
+ padding: calc(var(--ag-grid-size) * 1.5);
164
+ transition: color 0.4s;
165
+ flex: 1 1 auto;
166
+ }
167
+ .ag-theme-alpine .ag-tab-selected,
168
+ .ag-theme-alpine-dark .ag-tab-selected {
169
+ color: var(--ag-alpine-active-color);
170
+ }
171
+ .ag-theme-alpine .ag-menu,
172
+ .ag-theme-alpine-dark .ag-menu {
173
+ background-color: var(--ag-control-panel-background-color);
174
+ }
175
+ .ag-theme-alpine .ag-menu-header,
176
+ .ag-theme-alpine-dark .ag-menu-header {
177
+ background-color: var(--ag-control-panel-background-color);
178
+ padding-top: 1px;
179
+ }
180
+ .ag-theme-alpine .ag-tabs-header,
181
+ .ag-theme-alpine-dark .ag-tabs-header {
182
+ border-bottom: var(--ag-borders) var(--ag-border-color);
183
+ }
184
+ .ag-theme-alpine .ag-charts-settings-group-title-bar,
185
+ .ag-theme-alpine .ag-charts-data-group-title-bar,
186
+ .ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
187
+ .ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
188
+ .ag-theme-alpine-dark .ag-charts-data-group-title-bar,
189
+ .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar {
190
+ padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
191
+ line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
192
+ }
193
+ .ag-theme-alpine .ag-chart-mini-thumbnail,
194
+ .ag-theme-alpine-dark .ag-chart-mini-thumbnail {
195
+ background-color: var(--ag-background-color);
196
+ }
197
+ .ag-theme-alpine .ag-chart-settings-nav-bar,
198
+ .ag-theme-alpine-dark .ag-chart-settings-nav-bar {
199
+ border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
200
+ }
201
+ .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon,
202
+ .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon {
203
+ margin-right: var(--ag-grid-size);
204
+ }
205
+
206
+ .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon,
207
+ .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon {
208
+ margin-left: var(--ag-grid-size);
209
+ }
210
+
211
+ .ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
212
+ .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar {
213
+ margin-top: var(--ag-grid-size);
214
+ }
215
+ .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar,
216
+ .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
217
+ padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
218
+ }
219
+
220
+ .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar,
221
+ .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
222
+ padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
223
+ }
224
+
225
+ .ag-theme-alpine .ag-charts-format-sub-level-group,
226
+ .ag-theme-alpine-dark .ag-charts-format-sub-level-group {
227
+ border-left: dashed 1px;
228
+ border-left-color: var(--ag-border-color);
229
+ padding-left: var(--ag-grid-size);
230
+ margin-bottom: calc(var(--ag-grid-size) * 2);
231
+ }
232
+ .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
233
+ .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar {
234
+ padding-top: 0;
235
+ padding-bottom: 0;
236
+ background: none;
237
+ font-weight: 700;
238
+ }
239
+ .ag-theme-alpine .ag-charts-format-sub-level-group-container,
240
+ .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container {
241
+ padding-bottom: 0;
242
+ }
243
+ .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
244
+ .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child {
245
+ margin-bottom: 0;
246
+ }
247
+ .ag-theme-alpine.ag-dnd-ghost,
248
+ .ag-theme-alpine-dark.ag-dnd-ghost {
249
+ font-size: calc(var(--ag-font-size) - 1px);
250
+ font-weight: 700;
251
+ }
252
+ .ag-theme-alpine .ag-side-buttons,
253
+ .ag-theme-alpine-dark .ag-side-buttons {
254
+ width: calc(var(--ag-grid-size) * 5);
255
+ }
256
+ .ag-theme-alpine .ag-standard-button,
257
+ .ag-theme-alpine-dark .ag-standard-button {
258
+ appearance: none;
259
+ -webkit-appearance: none;
260
+ border-radius: var(--ag-border-radius);
261
+ border: 1px solid;
262
+ border-color: var(--ag-alpine-active-color);
263
+ color: var(--ag-alpine-active-color);
264
+ background-color: var(--ag-background-color);
265
+ font-weight: 600;
266
+ padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
267
+ }
268
+ .ag-theme-alpine .ag-standard-button:hover,
269
+ .ag-theme-alpine-dark .ag-standard-button:hover {
270
+ border-color: var(--ag-alpine-active-color);
271
+ background-color: var(--ag-row-hover-color);
272
+ }
273
+ .ag-theme-alpine .ag-standard-button:active,
274
+ .ag-theme-alpine-dark .ag-standard-button:active {
275
+ border-color: var(--ag-alpine-active-color);
276
+ background-color: var(--ag-alpine-active-color);
277
+ color: var(--ag-background-color);
278
+ }
279
+ .ag-theme-alpine .ag-standard-button:disabled,
280
+ .ag-theme-alpine-dark .ag-standard-button:disabled {
281
+ color: var(--ag-disabled-foreground-color);
282
+ background-color: var(--ag-input-disabled-background-color);
283
+ border-color: var(--ag-input-disabled-border-color);
284
+ }
285
+ .ag-theme-alpine .ag-column-drop-vertical,
286
+ .ag-theme-alpine-dark .ag-column-drop-vertical {
287
+ min-height: 75px;
288
+ }
289
+ .ag-theme-alpine .ag-column-drop-vertical-title-bar,
290
+ .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar {
291
+ padding: calc(var(--ag-grid-size) * 2);
292
+ padding-bottom: 0px;
293
+ }
294
+ .ag-theme-alpine .ag-column-drop-vertical-empty-message,
295
+ .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message {
296
+ display: flex;
297
+ align-items: center;
298
+ border: dashed 1px;
299
+ border-color: var(--ag-border-color);
300
+ margin: calc(var(--ag-grid-size) * 2);
301
+ padding: calc(var(--ag-grid-size) * 2);
302
+ }
303
+ .ag-theme-alpine .ag-column-drop-empty-message,
304
+ .ag-theme-alpine-dark .ag-column-drop-empty-message {
305
+ color: var(--ag-foreground-color);
306
+ opacity: 0.75;
307
+ }
308
+ .ag-theme-alpine .ag-status-bar,
309
+ .ag-theme-alpine-dark .ag-status-bar {
310
+ font-weight: normal;
311
+ }
312
+ .ag-theme-alpine .ag-status-name-value-value,
313
+ .ag-theme-alpine-dark .ag-status-name-value-value {
314
+ font-weight: 700;
315
+ }
316
+ .ag-theme-alpine .ag-paging-number,
317
+ .ag-theme-alpine .ag-paging-row-summary-panel-number,
318
+ .ag-theme-alpine-dark .ag-paging-number,
319
+ .ag-theme-alpine-dark .ag-paging-row-summary-panel-number {
320
+ font-weight: 700;
321
+ }
322
+ .ag-theme-alpine .ag-column-drop-cell-button,
323
+ .ag-theme-alpine-dark .ag-column-drop-cell-button {
324
+ opacity: 0.5;
325
+ }
326
+ .ag-theme-alpine .ag-column-drop-cell-button:hover,
327
+ .ag-theme-alpine-dark .ag-column-drop-cell-button:hover {
328
+ opacity: 0.75;
329
+ }
330
+ .ag-theme-alpine .ag-header-cell-menu-button:hover,
331
+ .ag-theme-alpine .ag-side-button-button:hover,
332
+ .ag-theme-alpine .ag-tab:hover,
333
+ .ag-theme-alpine .ag-panel-title-bar-button:hover,
334
+ .ag-theme-alpine .ag-header-expand-icon:hover,
335
+ .ag-theme-alpine .ag-column-group-icons:hover,
336
+ .ag-theme-alpine .ag-set-filter-group-icons:hover,
337
+ .ag-theme-alpine .ag-group-expanded .ag-icon:hover,
338
+ .ag-theme-alpine .ag-group-contracted .ag-icon:hover,
339
+ .ag-theme-alpine .ag-chart-settings-prev:hover,
340
+ .ag-theme-alpine .ag-chart-settings-next:hover,
341
+ .ag-theme-alpine .ag-group-title-bar-icon:hover,
342
+ .ag-theme-alpine .ag-column-select-header-icon:hover,
343
+ .ag-theme-alpine .ag-floating-filter-button-button:hover,
344
+ .ag-theme-alpine .ag-filter-toolpanel-expand:hover,
345
+ .ag-theme-alpine .ag-chart-menu-icon:hover,
346
+ .ag-theme-alpine .ag-chart-menu-close:hover,
347
+ .ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
348
+ .ag-theme-alpine-dark .ag-side-button-button:hover,
349
+ .ag-theme-alpine-dark .ag-tab:hover,
350
+ .ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
351
+ .ag-theme-alpine-dark .ag-header-expand-icon:hover,
352
+ .ag-theme-alpine-dark .ag-column-group-icons:hover,
353
+ .ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
354
+ .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
355
+ .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
356
+ .ag-theme-alpine-dark .ag-chart-settings-prev:hover,
357
+ .ag-theme-alpine-dark .ag-chart-settings-next:hover,
358
+ .ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
359
+ .ag-theme-alpine-dark .ag-column-select-header-icon:hover,
360
+ .ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
361
+ .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
362
+ .ag-theme-alpine-dark .ag-chart-menu-icon:hover,
363
+ .ag-theme-alpine-dark .ag-chart-menu-close:hover {
364
+ color: var(--ag-alpine-active-color);
365
+ }
366
+ .ag-theme-alpine .ag-chart-menu-close,
367
+ .ag-theme-alpine-dark .ag-chart-menu-close {
368
+ background: var(--ag-background-color);
369
+ }
370
+ .ag-theme-alpine .ag-chart-menu-close:hover .ag-icon,
371
+ .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon {
372
+ border-color: var(--ag-alpine-active-color);
373
+ }
374
+ .ag-theme-alpine .ag-chart-menu-close .ag-icon,
375
+ .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon {
376
+ background: var(--ag-header-background-color);
377
+ border: 1px solid var(--ag-border-color);
378
+ border-right: none;
379
+ }
380
+ .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
381
+ .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover {
382
+ opacity: 0.35;
383
+ }
384
+ .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button,
385
+ .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button {
386
+ margin-left: calc(var(--ag-grid-size) * 2);
387
+ margin-right: var(--ag-grid-size);
388
+ }
389
+
390
+ .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button,
391
+ .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button {
392
+ margin-right: calc(var(--ag-grid-size) * 2);
393
+ margin-left: var(--ag-grid-size);
394
+ }
395
+
396
+ .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container,
397
+ .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container {
398
+ padding-left: var(--ag-grid-size);
399
+ }
400
+
401
+ .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container,
402
+ .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container {
403
+ padding-right: var(--ag-grid-size);
404
+ }
405
+
406
+ .ag-theme-alpine .ag-filter-toolpanel-instance-filter,
407
+ .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter {
408
+ border: none;
409
+ background-color: var(--ag-control-panel-background-color);
410
+ }
411
+ .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter,
412
+ .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
413
+ border-left: dashed 1px;
414
+ border-left-color: var(--ag-border-color);
415
+ margin-left: calc(var(--ag-icon-size) * 0.5);
416
+ }
417
+
418
+ .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter,
419
+ .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
420
+ border-right: dashed 1px;
421
+ border-right-color: var(--ag-border-color);
422
+ margin-right: calc(var(--ag-icon-size) * 0.5);
423
+ }
424
+
425
+ .ag-theme-alpine .ag-set-filter-list,
426
+ .ag-theme-alpine-dark .ag-set-filter-list {
427
+ padding-top: calc(var(--ag-grid-size) * 0.5);
428
+ padding-bottom: calc(var(--ag-grid-size) * 0.5);
429
+ }
430
+ .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper,
431
+ .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
432
+ .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper,
433
+ .ag-theme-alpine .ag-layout-print .ag-center-cols-container,
434
+ .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-clipper,
435
+ .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
436
+ .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-clipper,
437
+ .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container {
438
+ min-height: 150px;
439
+ }
440
+ .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
441
+ .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
442
+ padding-top: 60px;
443
+ }
444
+ .ag-theme-alpine .ag-date-time-list-page-entry-is-current,
445
+ .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current {
446
+ background-color: var(--ag-alpine-active-color);
447
+ }
448
+
449
+ .ag-theme-alpine-dark {
450
+ color-scheme: dark;
451
+ }
452
+ `;