@genesislcap/rapid-grid-pro 14.293.0 → 14.293.1
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/custom-elements.json +995 -1131
- package/dist/dts/grid-pro.d.ts +2 -0
- package/dist/dts/grid-pro.d.ts.map +1 -1
- package/dist/dts/grid-pro.styles.d.ts.map +1 -1
- package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid-css.d.ts.map +1 -1
- package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts +2 -0
- package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts.map +1 -1
- package/dist/esm/grid-pro.js +26 -5
- package/dist/esm/grid-pro.styles.js +2 -1
- package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid-css.js +155 -59
- package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid.js +36 -15
- package/package.json +11 -11
- package/dist/dts/grid-pro.types.d.ts +0 -169
- package/dist/dts/grid-pro.types.d.ts.map +0 -1
- package/dist/esm/grid-pro.types.js +0 -163
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-grid-pro",
|
|
3
3
|
"description": "Genesis Rapid Grid Pro",
|
|
4
|
-
"version": "14.293.
|
|
4
|
+
"version": "14.293.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@genesislcap/genx": "14.293.
|
|
39
|
-
"@genesislcap/rollup-builder": "14.293.
|
|
40
|
-
"@genesislcap/ts-builder": "14.293.
|
|
41
|
-
"@genesislcap/uvu-playwright-builder": "14.293.
|
|
42
|
-
"@genesislcap/vite-builder": "14.293.
|
|
43
|
-
"@genesislcap/webpack-builder": "14.293.
|
|
38
|
+
"@genesislcap/genx": "14.293.1",
|
|
39
|
+
"@genesislcap/rollup-builder": "14.293.1",
|
|
40
|
+
"@genesislcap/ts-builder": "14.293.1",
|
|
41
|
+
"@genesislcap/uvu-playwright-builder": "14.293.1",
|
|
42
|
+
"@genesislcap/vite-builder": "14.293.1",
|
|
43
|
+
"@genesislcap/webpack-builder": "14.293.1",
|
|
44
44
|
"rimraf": "^5.0.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@genesislcap/foundation-ui": "14.293.
|
|
48
|
-
"@genesislcap/grid-pro": "14.293.
|
|
49
|
-
"@genesislcap/rapid-design-system": "14.293.
|
|
47
|
+
"@genesislcap/foundation-ui": "14.293.1",
|
|
48
|
+
"@genesislcap/grid-pro": "14.293.1",
|
|
49
|
+
"@genesislcap/rapid-design-system": "14.293.1",
|
|
50
50
|
"@microsoft/fast-colors": "5.3.1",
|
|
51
51
|
"@microsoft/fast-components": "2.30.6",
|
|
52
52
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
69
|
"customElements": "dist/custom-elements.json",
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "79f870205c14e857233724904d5eb8e034d2a72e"
|
|
71
71
|
}
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { GridOptions } from '@ag-grid-community/core';
|
|
2
|
-
import { CSSVarTokenMap } from '@genesislcap/foundation-ui';
|
|
3
|
-
/**
|
|
4
|
-
* All official AG CSS variables
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
export declare enum AgGridCSSVars {
|
|
8
|
-
foregroundColor = "--ag-foreground-color",
|
|
9
|
-
dataColor = "--ag-data-color",
|
|
10
|
-
secondaryForegroundColor = "--ag-secondary-foreground-color",
|
|
11
|
-
headerForegroundColor = "--ag-header-foreground-color",
|
|
12
|
-
disabledForegroundColor = "--ag-disabled-foreground-color",
|
|
13
|
-
backgroundColor = "--ag-background-color",
|
|
14
|
-
headerBackgroundColor = "--ag-header-background-color",
|
|
15
|
-
subheaderBackgroundColor = "--ag-subheader-background-color",
|
|
16
|
-
subheaderToolbarBackgroundColor = "--ag-subheader-toolbar-background-color",
|
|
17
|
-
controlPanelBackgroundColor = "--ag-control-panel-background-color",
|
|
18
|
-
selectedRowBackgroundColor = "--ag-selected-row-background-color",
|
|
19
|
-
oddRowBackgroundColor = "--ag-odd-row-background-color",
|
|
20
|
-
rowHoverColor = "--ag-row-hover-color",
|
|
21
|
-
rangeSelectionBorderColor = "--ag-range-selection-border-color",
|
|
22
|
-
rangeSelectionBackgroundColor = "--ag-range-selection-background-color",
|
|
23
|
-
selectedTabUnderlineColor = "--ag-selected-tab-underline-color",
|
|
24
|
-
rangeSelectionChartCategoryBackgroundColor = "--ag-range-selection-chart-category-background-color",
|
|
25
|
-
rangeSelectionChartBackgroundColor = "--ag-range-selection-chart-background-color",
|
|
26
|
-
headerCellHoverBackgroundColor = "--ag-header-cell-hover-background-color",
|
|
27
|
-
headerCellMovingBackgroundColor = "--ag-header-cell-moving-background-color",
|
|
28
|
-
chipBackgroundColor = "--ag-chip-background-color",
|
|
29
|
-
borderColor = "--ag-border-color",
|
|
30
|
-
secondaryBorderColor = "--ag-secondary-border-color",
|
|
31
|
-
rowBorderColor = "--ag-row-border-color",
|
|
32
|
-
headerColumnSeparatorColor = "--ag-header-column-separator-color",
|
|
33
|
-
headerColumnResizeHandleColor = "--ag-header-column-resize-handle-color",
|
|
34
|
-
inputBorderColor = "--ag-input-border-color",
|
|
35
|
-
inputDisabledBorderColor = "--ag-input-disabled-border-color",
|
|
36
|
-
inputDisabledBackgroundColor = "--ag-input-disabled-background-color",
|
|
37
|
-
checkboxBackgroundColor = "--ag-checkbox-background-color",
|
|
38
|
-
checkboxCheckedColor = "--ag-checkbox-checked-color",
|
|
39
|
-
checkboxUncheckedColor = "--ag-checkbox-unchecked-color",
|
|
40
|
-
checkboxIndeterminateColor = "--ag-checkbox-indeterminate-color",
|
|
41
|
-
toggleButtonOffBorderColor = "--ag-toggle-button-off-border-color",
|
|
42
|
-
toggleButtonOffBackgroundColor = "--ag-toggle-button-off-background-color",
|
|
43
|
-
toggleButtonOnBorderColor = "--ag-toggle-button-on-border-color",
|
|
44
|
-
toggleButtonOnBackgroundColor = "--ag-toggle-button-on-background-color",
|
|
45
|
-
toggleButtonSwitchBackgroundColor = "--ag-toggle-button-switch-background-color",
|
|
46
|
-
toggleButtonSwitchBorderColor = "--ag-toggle-button-switch-border-color",
|
|
47
|
-
minichartSelectedChartColor = "--ag-minichart-selected-chart-color",
|
|
48
|
-
minichartSelectedPageColor = "--ag-minichart-selected-page-color",
|
|
49
|
-
modalOverlayBackgroundColor = "--ag-modal-overlay-background-color",
|
|
50
|
-
inputFocusBoxShadow = "--ag-input-focus-box-shadow",
|
|
51
|
-
inputFocusBorderColor = "--ag-input-focus-border-color"
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* The available Grid Pro themes.
|
|
55
|
-
* @public
|
|
56
|
-
*/
|
|
57
|
-
export declare enum AgGridTheme {
|
|
58
|
-
alpine = "ag-theme-alpine",
|
|
59
|
-
alpineDark = "ag-theme-alpine-dark",
|
|
60
|
-
balham = "ag-theme-balham",
|
|
61
|
-
balhamDark = "ag-theme-balham-dark",
|
|
62
|
-
material = "ag-theme-material"
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* Generates the class name for a given Grid Pro theme name.
|
|
66
|
-
* @param themeName - the Grid Pro theme name
|
|
67
|
-
* @returns the class name for the Grid Pro token map
|
|
68
|
-
* @public
|
|
69
|
-
* @example The result of this will be a class name that is applied to the grid part of GridPro template (actual content of the class comes from agThemeTokenMapCSS):
|
|
70
|
-
* ```html
|
|
71
|
-
* <span part="grid" class="ag-theme-genesis-rapid-dark">
|
|
72
|
-
* ```
|
|
73
|
-
*/
|
|
74
|
-
export declare const agThemeTokenMapClassname: (themeName: string) => string;
|
|
75
|
-
/**
|
|
76
|
-
* Generates the id name for custom Grid Pro fonts.
|
|
77
|
-
* @param themeName - the Grid Pro theme name
|
|
78
|
-
* @returns the id name for the Grid Pro fonts
|
|
79
|
-
* @public
|
|
80
|
-
* @example The result of this is used in the id of style tag:
|
|
81
|
-
* ```html
|
|
82
|
-
* <style id="ag-theme-alpine-fonts"></style>
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
85
|
-
export declare const agThemeFontsId: (themeName: string) => string;
|
|
86
|
-
/**
|
|
87
|
-
* Generates the CSS for a given GridPro theme name and token map
|
|
88
|
-
* @param themeName - the GridPro theme name
|
|
89
|
-
* @param tokenMap - a map of CSS variables {@link @genesislcap/grid-pro#AgGridCSSVars} and custom token values
|
|
90
|
-
* @returns the CSS for the Grid Pro token map
|
|
91
|
-
* @public
|
|
92
|
-
* @example
|
|
93
|
-
* ```ts
|
|
94
|
-
* export const agThemeGenesisRapidTokens = {
|
|
95
|
-
* backgroundColor: create<Swatch>('rapid-ag-background-color').withDefault((elem: HTMLElement) =>
|
|
96
|
-
* baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
|
|
97
|
-
* ? lightColors.backgroundSwatch
|
|
98
|
-
* : darkColors.backgroundSwatch
|
|
99
|
-
* ),
|
|
100
|
-
* foregroundColor: create<Swatch>('rapid-ag-foreground-color').withDefault((elem: HTMLElement) =>
|
|
101
|
-
* baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
|
|
102
|
-
* ? lightColors.foregroundSwatch
|
|
103
|
-
* : darkColors.foregroundSwatch
|
|
104
|
-
* ),
|
|
105
|
-
* };
|
|
106
|
-
* export const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string> = {
|
|
107
|
-
* [AgGridCSSVars.backgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
|
|
108
|
-
* [AgGridCSSVars.foregroundColor]: agThemeGenesisRapidTokens.foregroundColor,
|
|
109
|
-
* };
|
|
110
|
-
* ```
|
|
111
|
-
*/
|
|
112
|
-
export declare const agThemeTokenMapCSS: (themeName: string, tokenMap: CSSVarTokenMap<any>) => import("@microsoft/fast-element").ElementStyles;
|
|
113
|
-
/**
|
|
114
|
-
* Grid Pro Components type, used to define the custom components that will be registered in the grid
|
|
115
|
-
* @public
|
|
116
|
-
*/
|
|
117
|
-
export type GridComponents = {
|
|
118
|
-
[componentName: string]: any;
|
|
119
|
-
};
|
|
120
|
-
/**
|
|
121
|
-
* The available Grid Pro Renderer Types
|
|
122
|
-
* @public
|
|
123
|
-
*/
|
|
124
|
-
export declare enum GridProRendererTypes {
|
|
125
|
-
action = "action",
|
|
126
|
-
actionsMenu = "actionsMenu",
|
|
127
|
-
boolean = "boolean",
|
|
128
|
-
editable = "editable",
|
|
129
|
-
text = "text",
|
|
130
|
-
select = "select",
|
|
131
|
-
dateEditor = "dateEditor",
|
|
132
|
-
selectEditor = "selectEditor",
|
|
133
|
-
numberEditor = "numberEditor",
|
|
134
|
-
stringEditor = "stringEditor",
|
|
135
|
-
multiselectEditor = "multiselectEditor",
|
|
136
|
-
statusPill = "statusPill"
|
|
137
|
-
}
|
|
138
|
-
/**
|
|
139
|
-
* Event fired when grid is ready
|
|
140
|
-
* @public
|
|
141
|
-
*/
|
|
142
|
-
export declare const GRID_READY_EVENT = "onGridReady";
|
|
143
|
-
/**
|
|
144
|
-
* Key used to store currently edited column when it being synced with server side data
|
|
145
|
-
* @public
|
|
146
|
-
*/
|
|
147
|
-
export declare const EDITED_COLUMN_FIELD = "__editedColumn";
|
|
148
|
-
/**
|
|
149
|
-
* Key used to store error details (column, message) when inline edit fails sync with server side data
|
|
150
|
-
* @public
|
|
151
|
-
*/
|
|
152
|
-
export declare const ERROR_COLUMN_FIELD = "__errorColumn";
|
|
153
|
-
/**
|
|
154
|
-
* Grid options config used to configure grids across the application
|
|
155
|
-
* @public
|
|
156
|
-
*/
|
|
157
|
-
export interface GridOptionsConfig extends GridOptions {
|
|
158
|
-
}
|
|
159
|
-
/**
|
|
160
|
-
* Default grid options
|
|
161
|
-
* @public
|
|
162
|
-
*/
|
|
163
|
-
export declare const defaultGridOptionsConfig: GridOptionsConfig;
|
|
164
|
-
/**
|
|
165
|
-
* Grid options config used to inject into grids in application
|
|
166
|
-
* @internal
|
|
167
|
-
*/
|
|
168
|
-
export declare const GridOptionsConfig: import("@microsoft/fast-foundation").InterfaceSymbol<GridOptionsConfig>;
|
|
169
|
-
//# sourceMappingURL=grid-pro.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"grid-pro.types.d.ts","sourceRoot":"","sources":["../../src/grid-pro.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAsB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIhF;;;GAGG;AACH,oBAAY,aAAa;IACvB,eAAe,0BAA0B;IACzC,SAAS,oBAAoB;IAC7B,wBAAwB,oCAAoC;IAC5D,qBAAqB,iCAAiC;IACtD,uBAAuB,mCAAmC;IAC1D,eAAe,0BAA0B;IACzC,qBAAqB,iCAAiC;IACtD,wBAAwB,oCAAoC;IAC5D,+BAA+B,4CAA4C;IAC3E,2BAA2B,wCAAwC;IACnE,0BAA0B,uCAAuC;IACjE,qBAAqB,kCAAkC;IACvD,aAAa,yBAAyB;IACtC,yBAAyB,sCAAsC;IAC/D,6BAA6B,0CAA0C;IACvE,yBAAyB,sCAAsC;IAC/D,0CAA0C,yDAAyD;IACnG,kCAAkC,gDAAgD;IAClF,8BAA8B,4CAA4C;IAC1E,+BAA+B,6CAA6C;IAC5E,mBAAmB,+BAA+B;IAClD,WAAW,sBAAsB;IACjC,oBAAoB,gCAAgC;IACpD,cAAc,0BAA0B;IACxC,0BAA0B,uCAAuC;IACjE,6BAA6B,2CAA2C;IACxE,gBAAgB,4BAA4B;IAC5C,wBAAwB,qCAAqC;IAC7D,4BAA4B,yCAAyC;IACrE,uBAAuB,mCAAmC;IAC1D,oBAAoB,gCAAgC;IACpD,sBAAsB,kCAAkC;IACxD,0BAA0B,sCAAsC;IAChE,0BAA0B,wCAAwC;IAClE,8BAA8B,4CAA4C;IAC1E,yBAAyB,uCAAuC;IAChE,6BAA6B,2CAA2C;IACxE,iCAAiC,+CAA+C;IAChF,6BAA6B,2CAA2C;IACxE,2BAA2B,wCAAwC;IACnE,0BAA0B,uCAAuC;IACjE,2BAA2B,wCAAwC;IACnE,mBAAmB,gCAAgC;IACnD,qBAAqB,kCAAkC;CACxD;AAED;;;GAGG;AACH,oBAAY,WAAW;IACrB,MAAM,oBAAoB;IAC1B,UAAU,yBAAyB;IACnC,MAAM,oBAAoB;IAC1B,UAAU,yBAAyB;IACnC,QAAQ,sBAAsB;CAC/B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,cAAe,MAAM,WAA6B,CAAC;AAExF;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,WAAyB,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,kBAAkB,cAAe,MAAM,YAAY,eAAe,GAAG,CAAC,oDAIlF,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,aAAa,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAE9D;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AACzD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAAsB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yEAE7B,CAAC"}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import { CSSVarsTokenMapper } from '@genesislcap/foundation-ui';
|
|
2
|
-
import { css } from '@microsoft/fast-element';
|
|
3
|
-
import { DI } from '@microsoft/fast-foundation';
|
|
4
|
-
/**
|
|
5
|
-
* All official AG CSS variables
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
8
|
-
export var AgGridCSSVars;
|
|
9
|
-
(function (AgGridCSSVars) {
|
|
10
|
-
AgGridCSSVars["foregroundColor"] = "--ag-foreground-color";
|
|
11
|
-
AgGridCSSVars["dataColor"] = "--ag-data-color";
|
|
12
|
-
AgGridCSSVars["secondaryForegroundColor"] = "--ag-secondary-foreground-color";
|
|
13
|
-
AgGridCSSVars["headerForegroundColor"] = "--ag-header-foreground-color";
|
|
14
|
-
AgGridCSSVars["disabledForegroundColor"] = "--ag-disabled-foreground-color";
|
|
15
|
-
AgGridCSSVars["backgroundColor"] = "--ag-background-color";
|
|
16
|
-
AgGridCSSVars["headerBackgroundColor"] = "--ag-header-background-color";
|
|
17
|
-
AgGridCSSVars["subheaderBackgroundColor"] = "--ag-subheader-background-color";
|
|
18
|
-
AgGridCSSVars["subheaderToolbarBackgroundColor"] = "--ag-subheader-toolbar-background-color";
|
|
19
|
-
AgGridCSSVars["controlPanelBackgroundColor"] = "--ag-control-panel-background-color";
|
|
20
|
-
AgGridCSSVars["selectedRowBackgroundColor"] = "--ag-selected-row-background-color";
|
|
21
|
-
AgGridCSSVars["oddRowBackgroundColor"] = "--ag-odd-row-background-color";
|
|
22
|
-
AgGridCSSVars["rowHoverColor"] = "--ag-row-hover-color";
|
|
23
|
-
AgGridCSSVars["rangeSelectionBorderColor"] = "--ag-range-selection-border-color";
|
|
24
|
-
AgGridCSSVars["rangeSelectionBackgroundColor"] = "--ag-range-selection-background-color";
|
|
25
|
-
AgGridCSSVars["selectedTabUnderlineColor"] = "--ag-selected-tab-underline-color";
|
|
26
|
-
AgGridCSSVars["rangeSelectionChartCategoryBackgroundColor"] = "--ag-range-selection-chart-category-background-color";
|
|
27
|
-
AgGridCSSVars["rangeSelectionChartBackgroundColor"] = "--ag-range-selection-chart-background-color";
|
|
28
|
-
AgGridCSSVars["headerCellHoverBackgroundColor"] = "--ag-header-cell-hover-background-color";
|
|
29
|
-
AgGridCSSVars["headerCellMovingBackgroundColor"] = "--ag-header-cell-moving-background-color";
|
|
30
|
-
AgGridCSSVars["chipBackgroundColor"] = "--ag-chip-background-color";
|
|
31
|
-
AgGridCSSVars["borderColor"] = "--ag-border-color";
|
|
32
|
-
AgGridCSSVars["secondaryBorderColor"] = "--ag-secondary-border-color";
|
|
33
|
-
AgGridCSSVars["rowBorderColor"] = "--ag-row-border-color";
|
|
34
|
-
AgGridCSSVars["headerColumnSeparatorColor"] = "--ag-header-column-separator-color";
|
|
35
|
-
AgGridCSSVars["headerColumnResizeHandleColor"] = "--ag-header-column-resize-handle-color";
|
|
36
|
-
AgGridCSSVars["inputBorderColor"] = "--ag-input-border-color";
|
|
37
|
-
AgGridCSSVars["inputDisabledBorderColor"] = "--ag-input-disabled-border-color";
|
|
38
|
-
AgGridCSSVars["inputDisabledBackgroundColor"] = "--ag-input-disabled-background-color";
|
|
39
|
-
AgGridCSSVars["checkboxBackgroundColor"] = "--ag-checkbox-background-color";
|
|
40
|
-
AgGridCSSVars["checkboxCheckedColor"] = "--ag-checkbox-checked-color";
|
|
41
|
-
AgGridCSSVars["checkboxUncheckedColor"] = "--ag-checkbox-unchecked-color";
|
|
42
|
-
AgGridCSSVars["checkboxIndeterminateColor"] = "--ag-checkbox-indeterminate-color";
|
|
43
|
-
AgGridCSSVars["toggleButtonOffBorderColor"] = "--ag-toggle-button-off-border-color";
|
|
44
|
-
AgGridCSSVars["toggleButtonOffBackgroundColor"] = "--ag-toggle-button-off-background-color";
|
|
45
|
-
AgGridCSSVars["toggleButtonOnBorderColor"] = "--ag-toggle-button-on-border-color";
|
|
46
|
-
AgGridCSSVars["toggleButtonOnBackgroundColor"] = "--ag-toggle-button-on-background-color";
|
|
47
|
-
AgGridCSSVars["toggleButtonSwitchBackgroundColor"] = "--ag-toggle-button-switch-background-color";
|
|
48
|
-
AgGridCSSVars["toggleButtonSwitchBorderColor"] = "--ag-toggle-button-switch-border-color";
|
|
49
|
-
AgGridCSSVars["minichartSelectedChartColor"] = "--ag-minichart-selected-chart-color";
|
|
50
|
-
AgGridCSSVars["minichartSelectedPageColor"] = "--ag-minichart-selected-page-color";
|
|
51
|
-
AgGridCSSVars["modalOverlayBackgroundColor"] = "--ag-modal-overlay-background-color";
|
|
52
|
-
AgGridCSSVars["inputFocusBoxShadow"] = "--ag-input-focus-box-shadow";
|
|
53
|
-
AgGridCSSVars["inputFocusBorderColor"] = "--ag-input-focus-border-color";
|
|
54
|
-
})(AgGridCSSVars || (AgGridCSSVars = {}));
|
|
55
|
-
/**
|
|
56
|
-
* The available Grid Pro themes.
|
|
57
|
-
* @public
|
|
58
|
-
*/
|
|
59
|
-
export var AgGridTheme;
|
|
60
|
-
(function (AgGridTheme) {
|
|
61
|
-
AgGridTheme["alpine"] = "ag-theme-alpine";
|
|
62
|
-
AgGridTheme["alpineDark"] = "ag-theme-alpine-dark";
|
|
63
|
-
AgGridTheme["balham"] = "ag-theme-balham";
|
|
64
|
-
AgGridTheme["balhamDark"] = "ag-theme-balham-dark";
|
|
65
|
-
AgGridTheme["material"] = "ag-theme-material";
|
|
66
|
-
})(AgGridTheme || (AgGridTheme = {}));
|
|
67
|
-
/**
|
|
68
|
-
* Generates the class name for a given Grid Pro theme name.
|
|
69
|
-
* @param themeName - the Grid Pro theme name
|
|
70
|
-
* @returns the class name for the Grid Pro token map
|
|
71
|
-
* @public
|
|
72
|
-
* @example The result of this will be a class name that is applied to the grid part of GridPro template (actual content of the class comes from agThemeTokenMapCSS):
|
|
73
|
-
* ```html
|
|
74
|
-
* <span part="grid" class="ag-theme-genesis-rapid-dark">
|
|
75
|
-
* ```
|
|
76
|
-
*/
|
|
77
|
-
export const agThemeTokenMapClassname = (themeName) => `${themeName}-token-map`;
|
|
78
|
-
/**
|
|
79
|
-
* Generates the id name for custom Grid Pro fonts.
|
|
80
|
-
* @param themeName - the Grid Pro theme name
|
|
81
|
-
* @returns the id name for the Grid Pro fonts
|
|
82
|
-
* @public
|
|
83
|
-
* @example The result of this is used in the id of style tag:
|
|
84
|
-
* ```html
|
|
85
|
-
* <style id="ag-theme-alpine-fonts"></style>
|
|
86
|
-
* ```
|
|
87
|
-
*/
|
|
88
|
-
export const agThemeFontsId = (themeName) => `${themeName}-fonts`;
|
|
89
|
-
/**
|
|
90
|
-
* Generates the CSS for a given GridPro theme name and token map
|
|
91
|
-
* @param themeName - the GridPro theme name
|
|
92
|
-
* @param tokenMap - a map of CSS variables {@link @genesislcap/grid-pro#AgGridCSSVars} and custom token values
|
|
93
|
-
* @returns the CSS for the Grid Pro token map
|
|
94
|
-
* @public
|
|
95
|
-
* @example
|
|
96
|
-
* ```ts
|
|
97
|
-
* export const agThemeGenesisRapidTokens = {
|
|
98
|
-
* backgroundColor: create<Swatch>('rapid-ag-background-color').withDefault((elem: HTMLElement) =>
|
|
99
|
-
* baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
|
|
100
|
-
* ? lightColors.backgroundSwatch
|
|
101
|
-
* : darkColors.backgroundSwatch
|
|
102
|
-
* ),
|
|
103
|
-
* foregroundColor: create<Swatch>('rapid-ag-foreground-color').withDefault((elem: HTMLElement) =>
|
|
104
|
-
* baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
|
|
105
|
-
* ? lightColors.foregroundSwatch
|
|
106
|
-
* : darkColors.foregroundSwatch
|
|
107
|
-
* ),
|
|
108
|
-
* };
|
|
109
|
-
* export const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string> = {
|
|
110
|
-
* [AgGridCSSVars.backgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
|
|
111
|
-
* [AgGridCSSVars.foregroundColor]: agThemeGenesisRapidTokens.foregroundColor,
|
|
112
|
-
* };
|
|
113
|
-
* ```
|
|
114
|
-
*/
|
|
115
|
-
export const agThemeTokenMapCSS = (themeName, tokenMap) => css `
|
|
116
|
-
.${agThemeTokenMapClassname(themeName)} {
|
|
117
|
-
${new CSSVarsTokenMapper(tokenMap)}
|
|
118
|
-
}
|
|
119
|
-
`;
|
|
120
|
-
/**
|
|
121
|
-
* The available Grid Pro Renderer Types
|
|
122
|
-
* @public
|
|
123
|
-
*/
|
|
124
|
-
export var GridProRendererTypes;
|
|
125
|
-
(function (GridProRendererTypes) {
|
|
126
|
-
GridProRendererTypes["action"] = "action";
|
|
127
|
-
GridProRendererTypes["actionsMenu"] = "actionsMenu";
|
|
128
|
-
GridProRendererTypes["boolean"] = "boolean";
|
|
129
|
-
GridProRendererTypes["editable"] = "editable";
|
|
130
|
-
GridProRendererTypes["text"] = "text";
|
|
131
|
-
GridProRendererTypes["select"] = "select";
|
|
132
|
-
GridProRendererTypes["dateEditor"] = "dateEditor";
|
|
133
|
-
GridProRendererTypes["selectEditor"] = "selectEditor";
|
|
134
|
-
GridProRendererTypes["numberEditor"] = "numberEditor";
|
|
135
|
-
GridProRendererTypes["stringEditor"] = "stringEditor";
|
|
136
|
-
GridProRendererTypes["multiselectEditor"] = "multiselectEditor";
|
|
137
|
-
GridProRendererTypes["statusPill"] = "statusPill";
|
|
138
|
-
})(GridProRendererTypes || (GridProRendererTypes = {}));
|
|
139
|
-
/**
|
|
140
|
-
* Event fired when grid is ready
|
|
141
|
-
* @public
|
|
142
|
-
*/
|
|
143
|
-
export const GRID_READY_EVENT = 'onGridReady';
|
|
144
|
-
/**
|
|
145
|
-
* Key used to store currently edited column when it being synced with server side data
|
|
146
|
-
* @public
|
|
147
|
-
*/
|
|
148
|
-
export const EDITED_COLUMN_FIELD = '__editedColumn';
|
|
149
|
-
/**
|
|
150
|
-
* Key used to store error details (column, message) when inline edit fails sync with server side data
|
|
151
|
-
* @public
|
|
152
|
-
*/
|
|
153
|
-
export const ERROR_COLUMN_FIELD = '__errorColumn';
|
|
154
|
-
/**
|
|
155
|
-
* Default grid options
|
|
156
|
-
* @public
|
|
157
|
-
*/
|
|
158
|
-
export const defaultGridOptionsConfig = {};
|
|
159
|
-
/**
|
|
160
|
-
* Grid options config used to inject into grids in application
|
|
161
|
-
* @internal
|
|
162
|
-
*/
|
|
163
|
-
export const GridOptionsConfig = DI.createInterface((x) => x.instance(defaultGridOptionsConfig));
|