@reforgium/data-grid 3.2.6 → 3.2.7
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/CHANGELOG.md +18 -0
- package/README.md +14 -10
- package/fesm2022/reforgium-data-grid-config.mjs +59 -0
- package/fesm2022/{reforgium-data-grid-grid-overlay-scroll.feature-BfxJb8Ym.mjs → reforgium-data-grid-grid-overlay-scroll.feature-DS2YKA3c.mjs} +2 -2
- package/fesm2022/reforgium-data-grid-paginator.mjs +2 -2
- package/fesm2022/{reforgium-data-grid-reforgium-data-grid-Cwwi5rhv.mjs → reforgium-data-grid-reforgium-data-grid-CJw8rTN4.mjs} +6 -58
- package/fesm2022/reforgium-data-grid.mjs +2 -1
- package/package.json +5 -1
- package/types/reforgium-data-grid-config.d.ts +53 -0
- package/types/reforgium-data-grid.d.ts +108 -173
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## [3.2.7] - 17.09.2026
|
|
2
|
+
|
|
3
|
+
### Added
|
|
4
|
+
|
|
5
|
+
- Lightweight `@reforgium/data-grid/config` entry point for application-level defaults without the grid renderer.
|
|
6
|
+
- Public styling variables for the last-column separator and paginator alignment, button, active, and gap states.
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
## [3.2.6] - 14.09.2026
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- Paginator no longer renders `NaN` while total or page-size inputs are unresolved during the initial request.
|
|
15
|
+
- Spinner loading mode is now shown while pagination replaces an already-rendered page; infinite-scroll prefetch remains non-blocking.
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
1
19
|
## [3.2.5] - 30.07.2026
|
|
2
20
|
|
|
3
21
|
### Fixed
|
package/README.md
CHANGED
|
@@ -107,9 +107,9 @@ Request ownership:
|
|
|
107
107
|
You can override default input values for all grid instances via DI:
|
|
108
108
|
|
|
109
109
|
```ts
|
|
110
|
-
import { provideDataGridDefaults } from '@reforgium/data-grid';
|
|
110
|
+
import { provideDataGridDefaults } from '@reforgium/data-grid/config';
|
|
111
111
|
|
|
112
|
-
export const appConfig: ApplicationConfig = {
|
|
112
|
+
export const appConfig: ApplicationConfig = {
|
|
113
113
|
providers: [
|
|
114
114
|
provideDataGridDefaults({
|
|
115
115
|
mode: 'pagination',
|
|
@@ -121,10 +121,14 @@ export const appConfig: ApplicationConfig = {
|
|
|
121
121
|
},
|
|
122
122
|
}),
|
|
123
123
|
],
|
|
124
|
-
};
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
|
|
124
|
+
};
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
Use the `/config` entry point in application bootstrap code. It contains only the DI token and provider defaults,
|
|
128
|
+
so importing global configuration does not pull the grid renderer into the initial bundle. The root export remains
|
|
129
|
+
available for compatibility.
|
|
130
|
+
|
|
131
|
+
Supported default fields:
|
|
128
132
|
|
|
129
133
|
- `mode`
|
|
130
134
|
- `hasIndexColumn`
|
|
@@ -945,10 +949,10 @@ Dark Theme Example:
|
|
|
945
949
|
--re-data-grid-cell-color: #eef2f6;
|
|
946
950
|
--re-data-grid-row-separator-color: #262a2e;
|
|
947
951
|
--re-data-grid-column-separator-color: #1e2226;
|
|
948
|
-
}
|
|
949
|
-
```
|
|
950
|
-
|
|
951
|
-
Compact Mode Example:
|
|
952
|
+
}
|
|
953
|
+
```
|
|
954
|
+
|
|
955
|
+
Compact Mode Example:
|
|
952
956
|
|
|
953
957
|
```css
|
|
954
958
|
.compact-grid {
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { InjectionToken, makeEnvironmentProviders, inject } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
const DEFAULT_DATA_GRID_DEFAULTS = {
|
|
4
|
+
mode: 'pagination',
|
|
5
|
+
hasIndexColumn: false,
|
|
6
|
+
selection: { mode: 'none' },
|
|
7
|
+
pageSize: 20,
|
|
8
|
+
sortMode: 'single',
|
|
9
|
+
resizable: true,
|
|
10
|
+
rowHeight: 40,
|
|
11
|
+
headerHeight: 48,
|
|
12
|
+
height: 'default',
|
|
13
|
+
virtualBuffer: 8,
|
|
14
|
+
loadingMode: 'spinner',
|
|
15
|
+
pageStartFromZero: true,
|
|
16
|
+
deferContent: true,
|
|
17
|
+
deferHeader: false,
|
|
18
|
+
deferPinned: false,
|
|
19
|
+
deferCells: false,
|
|
20
|
+
deferIcons: true,
|
|
21
|
+
deferTooltip: false,
|
|
22
|
+
translations: {
|
|
23
|
+
emptyState: 'No records found',
|
|
24
|
+
itemsPerPageLabel: 'Items per page:',
|
|
25
|
+
nextPageLabel: 'Next page',
|
|
26
|
+
prevPageLabel: 'Previous page',
|
|
27
|
+
indexColumnHeader: '#',
|
|
28
|
+
},
|
|
29
|
+
debounce: { resize: 100, scroll: 50 },
|
|
30
|
+
};
|
|
31
|
+
const DATA_GRID_CONFIG = new InjectionToken('RE_DATA_GRID_DEFAULTS', {
|
|
32
|
+
providedIn: 'root',
|
|
33
|
+
factory: () => DEFAULT_DATA_GRID_DEFAULTS,
|
|
34
|
+
});
|
|
35
|
+
function provideDataGridDefaults(config) {
|
|
36
|
+
return makeEnvironmentProviders([
|
|
37
|
+
{
|
|
38
|
+
provide: DATA_GRID_CONFIG,
|
|
39
|
+
useFactory: () => {
|
|
40
|
+
const parent = inject(DATA_GRID_CONFIG, { optional: true, skipSelf: true });
|
|
41
|
+
const base = parent ?? DEFAULT_DATA_GRID_DEFAULTS;
|
|
42
|
+
return {
|
|
43
|
+
...base,
|
|
44
|
+
...config,
|
|
45
|
+
selection: config.selection ?? base.selection,
|
|
46
|
+
translations: { ...base.translations, ...config.translations },
|
|
47
|
+
debounce: { ...base.debounce, ...config.debounce },
|
|
48
|
+
};
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Generated bundle index. Do not edit.
|
|
56
|
+
*/
|
|
57
|
+
|
|
58
|
+
export { DATA_GRID_CONFIG, DEFAULT_DATA_GRID_DEFAULTS, provideDataGridDefaults };
|
|
59
|
+
//# sourceMappingURL=reforgium-data-grid-config.mjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as computeScrollbarState, a as clampThumbTop, m as mapThumbTopToScrollTop } from './reforgium-data-grid-reforgium-data-grid-
|
|
1
|
+
import { c as computeScrollbarState, a as clampThumbTop, m as mapThumbTopToScrollTop } from './reforgium-data-grid-reforgium-data-grid-CJw8rTN4.mjs';
|
|
2
2
|
|
|
3
3
|
function createGridOverlayScrollFeature(ctx) {
|
|
4
4
|
let activeMove = null;
|
|
@@ -111,4 +111,4 @@ function createGridOverlayScrollFeature(ctx) {
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
export { createGridOverlayScrollFeature };
|
|
114
|
-
//# sourceMappingURL=reforgium-data-grid-grid-overlay-scroll.feature-
|
|
114
|
+
//# sourceMappingURL=reforgium-data-grid-grid-overlay-scroll.feature-DS2YKA3c.mjs.map
|
|
@@ -217,7 +217,7 @@ class DataGridPaginator {
|
|
|
217
217
|
}
|
|
218
218
|
</button>
|
|
219
219
|
}
|
|
220
|
-
`, isInline: true, styles: [":host{--re-data-grid-paginator-gap: .5rem;--re-data-grid-paginator-page-size: 1.75rem;--re-data-grid-paginator-page-min-width: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-paddings: 0 .5rem;--re-data-grid-paginator-page-border: 1px solid var(--re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-paginator-page-separator-color: var(--re-data-grid-separator-color, var(--border-color, #e2e8f0));--re-data-grid-paginator-page-rounded: var(--re-data-grid-rounded, var(--radius-md, .375rem));--re-data-grid-paginator-page-surface: var(--re-data-grid-surface, white);--re-data-grid-paginator-page-color: var(--text-primary, #1e293b);--re-data-grid-paginator-page-font-size: .875rem;--re-data-grid-paginator-page-active-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-active-color: white;--re-data-grid-paginator-page-hover-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-hover-color: white;--re-data-grid-paginator-edge-min-width: 2.5rem;--re-data-grid-paginator-edge-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-edge-paddings: 0 .625rem;--re-data-grid-paginator-edge-border: var(--re-data-grid-paginator-page-border);--re-data-grid-paginator-edge-rounded: var(--re-data-grid-paginator-page-rounded);--re-data-grid-paginator-edge-surface: var(--re-data-grid-paginator-page-surface);--re-data-grid-paginator-edge-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-edge-font-size: var(--re-data-grid-paginator-page-font-size);--re-data-grid-paginator-edge-hover-surface: var(--re-data-grid-paginator-page-hover-surface);--re-data-grid-paginator-edge-hover-color: var(--re-data-grid-paginator-page-hover-color);--re-data-grid-paginator-edge-disabled-opacity: .5;--re-data-grid-paginator-per-page-gap: .5rem;--re-data-grid-paginator-per-page-label-size: .8125rem;--re-data-grid-paginator-per-page-label-color: var(--re-data-grid-paginator-page-color);display:flex;align-items:
|
|
220
|
+
`, isInline: true, styles: [":host{--re-data-grid-paginator-gap: .5rem;--re-data-grid-paginator-page-size: 1.75rem;--re-data-grid-paginator-page-min-width: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-paddings: 0 .5rem;--re-data-grid-paginator-page-border: 1px solid var(--re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-paginator-page-separator-color: var(--re-data-grid-separator-color, var(--border-color, #e2e8f0));--re-data-grid-paginator-page-rounded: var(--re-data-grid-rounded, var(--radius-md, .375rem));--re-data-grid-paginator-page-surface: var(--re-data-grid-surface, white);--re-data-grid-paginator-page-color: var(--text-primary, #1e293b);--re-data-grid-paginator-page-font-size: .875rem;--re-data-grid-paginator-button-font-weight: 400;--re-data-grid-paginator-button-shadow: none;--re-data-grid-paginator-button-transition: all .2s;--re-data-grid-paginator-page-active-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-active-color: white;--re-data-grid-paginator-page-active-shadow: none;--re-data-grid-paginator-page-hover-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-hover-color: white;--re-data-grid-paginator-edge-min-width: 2.5rem;--re-data-grid-paginator-edge-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-edge-paddings: 0 .625rem;--re-data-grid-paginator-edge-border: var(--re-data-grid-paginator-page-border);--re-data-grid-paginator-edge-rounded: var(--re-data-grid-paginator-page-rounded);--re-data-grid-paginator-edge-surface: var(--re-data-grid-paginator-page-surface);--re-data-grid-paginator-edge-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-edge-font-size: var(--re-data-grid-paginator-page-font-size);--re-data-grid-paginator-edge-hover-surface: var(--re-data-grid-paginator-page-hover-surface);--re-data-grid-paginator-edge-hover-color: var(--re-data-grid-paginator-page-hover-color);--re-data-grid-paginator-edge-disabled-opacity: .5;--re-data-grid-paginator-per-page-gap: .5rem;--re-data-grid-paginator-per-page-label-size: .8125rem;--re-data-grid-paginator-per-page-label-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-justify-content: flex-start;--re-data-grid-paginator-align-items: center;--re-data-grid-paginator-gap-min-width: auto;--re-data-grid-paginator-gap-font-weight: inherit;--re-data-grid-paginator-gap-color: var(--re-data-grid-paginator-page-color);display:flex;align-items:var(--re-data-grid-paginator-align-items);justify-content:var(--re-data-grid-paginator-justify-content);gap:var(--re-data-grid-paginator-gap);flex-wrap:wrap}:host re-data-grid-dropdown{--re-data-grid-dropdown-width: 4rem}.re-paginator-per-page{display:inline-flex;align-items:center;gap:var(--re-data-grid-paginator-per-page-gap);margin-right:auto}.re-paginator-per-page-label{font-size:var(--re-data-grid-paginator-per-page-label-size);color:var(--re-data-grid-paginator-per-page-label-color)}.re-paginator-page{display:inline-flex;justify-content:center;align-items:center;min-width:var(--re-data-grid-paginator-page-min-width);height:var(--re-data-grid-paginator-page-height);padding:var(--re-data-grid-paginator-page-paddings);border-radius:var(--re-data-grid-paginator-page-rounded);border:var(--re-data-grid-paginator-page-border);font-size:var(--re-data-grid-paginator-page-font-size);background:var(--re-data-grid-paginator-page-surface);color:var(--re-data-grid-paginator-page-color);box-shadow:var(--re-data-grid-paginator-button-shadow);cursor:pointer;font-weight:var(--re-data-grid-paginator-button-font-weight);white-space:nowrap;transition:var(--re-data-grid-paginator-button-transition)}.re-paginator-edge{display:inline-flex;justify-content:center;align-items:center;min-width:var(--re-data-grid-paginator-edge-min-width);height:var(--re-data-grid-paginator-edge-height);padding:var(--re-data-grid-paginator-edge-paddings);border-radius:var(--re-data-grid-paginator-edge-rounded);border:var(--re-data-grid-paginator-edge-border);font-size:var(--re-data-grid-paginator-edge-font-size);background:var(--re-data-grid-paginator-edge-surface);color:var(--re-data-grid-paginator-edge-color);box-shadow:var(--re-data-grid-paginator-button-shadow);cursor:pointer;font-weight:var(--re-data-grid-paginator-button-font-weight);white-space:nowrap;transition:var(--re-data-grid-paginator-button-transition)}.re-paginator-edge:hover:not(:disabled){background:var(--re-data-grid-paginator-edge-hover-surface);color:var(--re-data-grid-paginator-edge-hover-color)}.re-paginator-edge:disabled{opacity:var(--re-data-grid-paginator-edge-disabled-opacity);cursor:default}.re-paginator-page:hover:not(.re-paginator-page--active){background:var(--re-data-grid-paginator-page-hover-surface);color:var(--re-data-grid-paginator-page-hover-color)}.re-paginator-page--active{border-color:var(--re-data-grid-paginator-active-surface);background:var(--re-data-grid-paginator-page-active-surface);color:var(--re-data-grid-paginator-page-active-color);box-shadow:var(--re-data-grid-paginator-page-active-shadow)}.re-paginator-gap{display:flex;align-items:center;justify-content:center;min-width:var(--re-data-grid-paginator-gap-min-width);padding:var(--re-data-grid-paginator-page-paddings);color:var(--re-data-grid-paginator-gap-color);font-weight:var(--re-data-grid-paginator-gap-font-weight)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DataGridDropdown, selector: "re-data-grid-dropdown", inputs: ["options", "value", "disabled", "placeholder"], outputs: ["selectValue"] }] });
|
|
221
221
|
}
|
|
222
222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DataGridPaginator, decorators: [{
|
|
223
223
|
type: Component,
|
|
@@ -311,7 +311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
311
311
|
}
|
|
312
312
|
</button>
|
|
313
313
|
}
|
|
314
|
-
`, styles: [":host{--re-data-grid-paginator-gap: .5rem;--re-data-grid-paginator-page-size: 1.75rem;--re-data-grid-paginator-page-min-width: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-paddings: 0 .5rem;--re-data-grid-paginator-page-border: 1px solid var(--re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-paginator-page-separator-color: var(--re-data-grid-separator-color, var(--border-color, #e2e8f0));--re-data-grid-paginator-page-rounded: var(--re-data-grid-rounded, var(--radius-md, .375rem));--re-data-grid-paginator-page-surface: var(--re-data-grid-surface, white);--re-data-grid-paginator-page-color: var(--text-primary, #1e293b);--re-data-grid-paginator-page-font-size: .875rem;--re-data-grid-paginator-page-active-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-active-color: white;--re-data-grid-paginator-page-hover-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-hover-color: white;--re-data-grid-paginator-edge-min-width: 2.5rem;--re-data-grid-paginator-edge-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-edge-paddings: 0 .625rem;--re-data-grid-paginator-edge-border: var(--re-data-grid-paginator-page-border);--re-data-grid-paginator-edge-rounded: var(--re-data-grid-paginator-page-rounded);--re-data-grid-paginator-edge-surface: var(--re-data-grid-paginator-page-surface);--re-data-grid-paginator-edge-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-edge-font-size: var(--re-data-grid-paginator-page-font-size);--re-data-grid-paginator-edge-hover-surface: var(--re-data-grid-paginator-page-hover-surface);--re-data-grid-paginator-edge-hover-color: var(--re-data-grid-paginator-page-hover-color);--re-data-grid-paginator-edge-disabled-opacity: .5;--re-data-grid-paginator-per-page-gap: .5rem;--re-data-grid-paginator-per-page-label-size: .8125rem;--re-data-grid-paginator-per-page-label-color: var(--re-data-grid-paginator-page-color);display:flex;align-items:
|
|
314
|
+
`, styles: [":host{--re-data-grid-paginator-gap: .5rem;--re-data-grid-paginator-page-size: 1.75rem;--re-data-grid-paginator-page-min-width: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-page-paddings: 0 .5rem;--re-data-grid-paginator-page-border: 1px solid var(--re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-paginator-page-separator-color: var(--re-data-grid-separator-color, var(--border-color, #e2e8f0));--re-data-grid-paginator-page-rounded: var(--re-data-grid-rounded, var(--radius-md, .375rem));--re-data-grid-paginator-page-surface: var(--re-data-grid-surface, white);--re-data-grid-paginator-page-color: var(--text-primary, #1e293b);--re-data-grid-paginator-page-font-size: .875rem;--re-data-grid-paginator-button-font-weight: 400;--re-data-grid-paginator-button-shadow: none;--re-data-grid-paginator-button-transition: all .2s;--re-data-grid-paginator-page-active-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-active-color: white;--re-data-grid-paginator-page-active-shadow: none;--re-data-grid-paginator-page-hover-surface: var(--re-data-grid-active, #3b82f6);--re-data-grid-paginator-page-hover-color: white;--re-data-grid-paginator-edge-min-width: 2.5rem;--re-data-grid-paginator-edge-height: var(--re-data-grid-paginator-page-size);--re-data-grid-paginator-edge-paddings: 0 .625rem;--re-data-grid-paginator-edge-border: var(--re-data-grid-paginator-page-border);--re-data-grid-paginator-edge-rounded: var(--re-data-grid-paginator-page-rounded);--re-data-grid-paginator-edge-surface: var(--re-data-grid-paginator-page-surface);--re-data-grid-paginator-edge-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-edge-font-size: var(--re-data-grid-paginator-page-font-size);--re-data-grid-paginator-edge-hover-surface: var(--re-data-grid-paginator-page-hover-surface);--re-data-grid-paginator-edge-hover-color: var(--re-data-grid-paginator-page-hover-color);--re-data-grid-paginator-edge-disabled-opacity: .5;--re-data-grid-paginator-per-page-gap: .5rem;--re-data-grid-paginator-per-page-label-size: .8125rem;--re-data-grid-paginator-per-page-label-color: var(--re-data-grid-paginator-page-color);--re-data-grid-paginator-justify-content: flex-start;--re-data-grid-paginator-align-items: center;--re-data-grid-paginator-gap-min-width: auto;--re-data-grid-paginator-gap-font-weight: inherit;--re-data-grid-paginator-gap-color: var(--re-data-grid-paginator-page-color);display:flex;align-items:var(--re-data-grid-paginator-align-items);justify-content:var(--re-data-grid-paginator-justify-content);gap:var(--re-data-grid-paginator-gap);flex-wrap:wrap}:host re-data-grid-dropdown{--re-data-grid-dropdown-width: 4rem}.re-paginator-per-page{display:inline-flex;align-items:center;gap:var(--re-data-grid-paginator-per-page-gap);margin-right:auto}.re-paginator-per-page-label{font-size:var(--re-data-grid-paginator-per-page-label-size);color:var(--re-data-grid-paginator-per-page-label-color)}.re-paginator-page{display:inline-flex;justify-content:center;align-items:center;min-width:var(--re-data-grid-paginator-page-min-width);height:var(--re-data-grid-paginator-page-height);padding:var(--re-data-grid-paginator-page-paddings);border-radius:var(--re-data-grid-paginator-page-rounded);border:var(--re-data-grid-paginator-page-border);font-size:var(--re-data-grid-paginator-page-font-size);background:var(--re-data-grid-paginator-page-surface);color:var(--re-data-grid-paginator-page-color);box-shadow:var(--re-data-grid-paginator-button-shadow);cursor:pointer;font-weight:var(--re-data-grid-paginator-button-font-weight);white-space:nowrap;transition:var(--re-data-grid-paginator-button-transition)}.re-paginator-edge{display:inline-flex;justify-content:center;align-items:center;min-width:var(--re-data-grid-paginator-edge-min-width);height:var(--re-data-grid-paginator-edge-height);padding:var(--re-data-grid-paginator-edge-paddings);border-radius:var(--re-data-grid-paginator-edge-rounded);border:var(--re-data-grid-paginator-edge-border);font-size:var(--re-data-grid-paginator-edge-font-size);background:var(--re-data-grid-paginator-edge-surface);color:var(--re-data-grid-paginator-edge-color);box-shadow:var(--re-data-grid-paginator-button-shadow);cursor:pointer;font-weight:var(--re-data-grid-paginator-button-font-weight);white-space:nowrap;transition:var(--re-data-grid-paginator-button-transition)}.re-paginator-edge:hover:not(:disabled){background:var(--re-data-grid-paginator-edge-hover-surface);color:var(--re-data-grid-paginator-edge-hover-color)}.re-paginator-edge:disabled{opacity:var(--re-data-grid-paginator-edge-disabled-opacity);cursor:default}.re-paginator-page:hover:not(.re-paginator-page--active){background:var(--re-data-grid-paginator-page-hover-surface);color:var(--re-data-grid-paginator-page-hover-color)}.re-paginator-page--active{border-color:var(--re-data-grid-paginator-active-surface);background:var(--re-data-grid-paginator-page-active-surface);color:var(--re-data-grid-paginator-page-active-color);box-shadow:var(--re-data-grid-paginator-page-active-shadow)}.re-paginator-gap{display:flex;align-items:center;justify-content:center;min-width:var(--re-data-grid-paginator-gap-min-width);padding:var(--re-data-grid-paginator-page-paddings);color:var(--re-data-grid-paginator-gap-color);font-weight:var(--re-data-grid-paginator-gap-font-weight)}\n"] }]
|
|
315
315
|
}], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], totalElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalElements", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], maxShowPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxShowPages", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }], firstLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstLabel", required: false }] }], lastLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "lastLabel", required: false }] }], showPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPerPage", required: false }] }], perPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPageLabel", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }], firstSlotRefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataGridPaginatorFirstDirective), { isSignal: true }] }], lastSlotRefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataGridPaginatorLastDirective), { isSignal: true }] }], pageSlotRefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataGridPaginatorPageDirective), { isSignal: true }] }] } });
|
|
316
316
|
|
|
317
317
|
/**
|