@reforgium/data-grid 3.2.3 → 3.2.5

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 (10) hide show
  1. package/CHANGELOG.md +97 -4
  2. package/README.md +198 -168
  3. package/fesm2022/{reforgium-data-grid-grid-overlay-scroll.feature-DQp-sU6c.mjs → reforgium-data-grid-grid-overlay-scroll.feature-XfJnWjT5.mjs} +41 -6
  4. package/fesm2022/reforgium-data-grid-paginator.mjs +69 -32
  5. package/fesm2022/{reforgium-data-grid-reforgium-data-grid-DUpCJ9P0.mjs → reforgium-data-grid-reforgium-data-grid-YzRaXPVK.mjs} +500 -92
  6. package/fesm2022/reforgium-data-grid-ui.mjs +72 -72
  7. package/fesm2022/reforgium-data-grid.mjs +1 -1
  8. package/package.json +2 -3
  9. package/types/reforgium-data-grid-paginator.d.ts +3 -1
  10. package/types/reforgium-data-grid.d.ts +152 -25
package/fesm2022/reforgium-data-grid-ui.mjs CHANGED
@@ -37,83 +37,83 @@ class DataGridDropdown {
37
37
  }
38
38
  }
39
39
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DataGridDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
40
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DataGridDropdown, isStandalone: true, selector: "re-data-grid-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectValue: "selectValue" }, host: { attributes: { "document:mousedown": "onDocumentMouseDown($event.target)" } }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true, isSignal: true }], ngImport: i0, template: `
41
- <div #root class="re-dg-dd" [class.re-dg-dd--disabled]="disabled()">
42
- <button
43
- class="re-dg-dd-trigger"
44
- type="button"
45
- [disabled]="disabled()"
46
- [attr.aria-expanded]="opened()"
47
- [attr.aria-haspopup]="'listbox'"
48
- (click)="toggleOpen()"
49
- >
50
- <span class="re-dg-dd-value">{{ selectedLabel() }}</span>
51
- <span class="re-dg-dd-chevron" [class.re-dg-dd-chevron--opened]="opened()">▾</span>
52
- </button>
53
-
54
- @if (opened()) {
55
- <div class="re-dg-dd-menu" role="listbox">
56
- @for (option of options(); track option.value) {
57
- <button
58
- class="re-dg-dd-option"
59
- [ngClass]="{
60
- 're-dg-dd-option--active': option.value === value(),
61
- 're-dg-dd-option--disabled': !!option.disabled,
62
- }"
63
- type="button"
64
- role="option"
65
- [attr.aria-selected]="option.value === value()"
66
- [disabled]="option.disabled"
67
- (click)="select(option.value)"
68
- >
69
- {{ option.label }}
70
- </button>
71
- }
72
- </div>
73
- }
74
- </div>
75
- `, isInline: true, styles: [":host{--re-data-grid-dropdown-width: 120px;--re-data-grid-dropdown-height: 2rem;--re-data-grid-dropdown-radius: .375rem;--re-data-grid-dropdown-border: 1px solid var(--border-color, --re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-dropdown-surface: var(--surface-neutral, --re-data-grid-surface);--re-data-grid-dropdown-color: var(--text-primary, #1e293b);--re-data-grid-dropdown-menu-z-index: 30;--re-data-grid-dropdown-hover-surface: rgba(15, 23, 42, .05);--re-data-grid-dropdown-active-surface: rgba(15, 23, 42, .08);--re-data-grid-dropdown-shadow: 0 8px 20px rgba(0, 0, 0, .12);display:inline-flex;position:relative;min-width:var(--re-data-grid-dropdown-width);color:var(--re-data-grid-dropdown-color)}.re-dg-dd{position:relative;width:100%}.re-dg-dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:var(--re-data-grid-dropdown-height);border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);color:inherit;padding:0 .625rem;cursor:pointer}.re-dg-dd-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:var(--re-data-grid-dropdown-menu-z-index);width:100%;border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);box-shadow:var(--re-data-grid-dropdown-shadow);overflow:hidden}.re-dg-dd-option{width:100%;height:var(--re-data-grid-dropdown-height);border:0;background:transparent;color:inherit;text-align:left;padding:0 .625rem;cursor:pointer}.re-dg-dd-option:hover:not(.re-dg-dd-option--disabled){background:var(--re-data-grid-dropdown-hover-surface)}.re-dg-dd-option--active{background:var(--re-data-grid-dropdown-active-surface);font-weight:600}.re-dg-dd-option--disabled{opacity:.6;cursor:not-allowed}.re-dg-dd-chevron{transition:transform .2s}.re-dg-dd-chevron--opened{transform:rotate(180deg)}.re-dg-dd--disabled .re-dg-dd-trigger{opacity:.65;cursor:default}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
40
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DataGridDropdown, isStandalone: true, selector: "re-data-grid-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectValue: "selectValue" }, host: { attributes: { "document:mousedown": "onDocumentMouseDown($event.target)" } }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true, isSignal: true }], ngImport: i0, template: `
41
+ <div #root class="re-dg-dd" [class.re-dg-dd--disabled]="disabled()">
42
+ <button
43
+ class="re-dg-dd-trigger"
44
+ type="button"
45
+ [disabled]="disabled()"
46
+ [attr.aria-expanded]="opened()"
47
+ [attr.aria-haspopup]="'listbox'"
48
+ (click)="toggleOpen()"
49
+ >
50
+ <span class="re-dg-dd-value">{{ selectedLabel() }}</span>
51
+ <span class="re-dg-dd-chevron" [class.re-dg-dd-chevron--opened]="opened()">▾</span>
52
+ </button>
53
+
54
+ @if (opened()) {
55
+ <div class="re-dg-dd-menu" role="listbox">
56
+ @for (option of options(); track option.value) {
57
+ <button
58
+ class="re-dg-dd-option"
59
+ [ngClass]="{
60
+ 're-dg-dd-option--active': option.value === value(),
61
+ 're-dg-dd-option--disabled': !!option.disabled,
62
+ }"
63
+ type="button"
64
+ role="option"
65
+ [attr.aria-selected]="option.value === value()"
66
+ [disabled]="option.disabled"
67
+ (click)="select(option.value)"
68
+ >
69
+ {{ option.label }}
70
+ </button>
71
+ }
72
+ </div>
73
+ }
74
+ </div>
75
+ `, isInline: true, styles: [":host{--re-data-grid-dropdown-width: 120px;--re-data-grid-dropdown-height: 2rem;--re-data-grid-dropdown-radius: .375rem;--re-data-grid-dropdown-border: 1px solid var(--border-color, var(--re-data-grid-paginator-separator-color, #e2e8f0));--re-data-grid-dropdown-surface: var(--surface-neutral, var(--re-data-grid-surface, #ffffff));--re-data-grid-dropdown-color: var(--text-primary, #1e293b);--re-data-grid-dropdown-menu-z-index: 30;--re-data-grid-dropdown-hover-surface: rgba(15, 23, 42, .05);--re-data-grid-dropdown-active-surface: rgba(15, 23, 42, .08);--re-data-grid-dropdown-shadow: 0 8px 20px rgba(0, 0, 0, .12);display:inline-flex;position:relative;min-width:var(--re-data-grid-dropdown-width);color:var(--re-data-grid-dropdown-color)}.re-dg-dd{position:relative;width:100%}.re-dg-dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:var(--re-data-grid-dropdown-height);border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);color:inherit;padding:0 .625rem;cursor:pointer}.re-dg-dd-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:var(--re-data-grid-dropdown-menu-z-index);width:100%;border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);box-shadow:var(--re-data-grid-dropdown-shadow);overflow:hidden}.re-dg-dd-option{width:100%;height:var(--re-data-grid-dropdown-height);border:0;background:transparent;color:inherit;text-align:left;padding:0 .625rem;cursor:pointer}.re-dg-dd-option:hover:not(.re-dg-dd-option--disabled){background:var(--re-data-grid-dropdown-hover-surface)}.re-dg-dd-option--active{background:var(--re-data-grid-dropdown-active-surface);font-weight:600}.re-dg-dd-option--disabled{opacity:.6;cursor:not-allowed}.re-dg-dd-chevron{transition:transform .2s}.re-dg-dd-chevron--opened{transform:rotate(180deg)}.re-dg-dd--disabled .re-dg-dd-trigger{opacity:.65;cursor:default}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
76
76
  }
77
77
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DataGridDropdown, decorators: [{
78
78
  type: Component,
79
- args: [{ selector: 're-data-grid-dropdown', standalone: true, imports: [NgClass], template: `
80
- <div #root class="re-dg-dd" [class.re-dg-dd--disabled]="disabled()">
81
- <button
82
- class="re-dg-dd-trigger"
83
- type="button"
84
- [disabled]="disabled()"
85
- [attr.aria-expanded]="opened()"
86
- [attr.aria-haspopup]="'listbox'"
87
- (click)="toggleOpen()"
88
- >
89
- <span class="re-dg-dd-value">{{ selectedLabel() }}</span>
90
- <span class="re-dg-dd-chevron" [class.re-dg-dd-chevron--opened]="opened()">▾</span>
91
- </button>
92
-
93
- @if (opened()) {
94
- <div class="re-dg-dd-menu" role="listbox">
95
- @for (option of options(); track option.value) {
96
- <button
97
- class="re-dg-dd-option"
98
- [ngClass]="{
99
- 're-dg-dd-option--active': option.value === value(),
100
- 're-dg-dd-option--disabled': !!option.disabled,
101
- }"
102
- type="button"
103
- role="option"
104
- [attr.aria-selected]="option.value === value()"
105
- [disabled]="option.disabled"
106
- (click)="select(option.value)"
107
- >
108
- {{ option.label }}
109
- </button>
110
- }
111
- </div>
112
- }
113
- </div>
79
+ args: [{ selector: 're-data-grid-dropdown', standalone: true, imports: [NgClass], template: `
80
+ <div #root class="re-dg-dd" [class.re-dg-dd--disabled]="disabled()">
81
+ <button
82
+ class="re-dg-dd-trigger"
83
+ type="button"
84
+ [disabled]="disabled()"
85
+ [attr.aria-expanded]="opened()"
86
+ [attr.aria-haspopup]="'listbox'"
87
+ (click)="toggleOpen()"
88
+ >
89
+ <span class="re-dg-dd-value">{{ selectedLabel() }}</span>
90
+ <span class="re-dg-dd-chevron" [class.re-dg-dd-chevron--opened]="opened()">▾</span>
91
+ </button>
92
+
93
+ @if (opened()) {
94
+ <div class="re-dg-dd-menu" role="listbox">
95
+ @for (option of options(); track option.value) {
96
+ <button
97
+ class="re-dg-dd-option"
98
+ [ngClass]="{
99
+ 're-dg-dd-option--active': option.value === value(),
100
+ 're-dg-dd-option--disabled': !!option.disabled,
101
+ }"
102
+ type="button"
103
+ role="option"
104
+ [attr.aria-selected]="option.value === value()"
105
+ [disabled]="option.disabled"
106
+ (click)="select(option.value)"
107
+ >
108
+ {{ option.label }}
109
+ </button>
110
+ }
111
+ </div>
112
+ }
113
+ </div>
114
114
  `, host: {
115
115
  'document:mousedown': 'onDocumentMouseDown($event.target)',
116
- }, styles: [":host{--re-data-grid-dropdown-width: 120px;--re-data-grid-dropdown-height: 2rem;--re-data-grid-dropdown-radius: .375rem;--re-data-grid-dropdown-border: 1px solid var(--border-color, --re-data-grid-paginator-separator-color, #e2e8f0);--re-data-grid-dropdown-surface: var(--surface-neutral, --re-data-grid-surface);--re-data-grid-dropdown-color: var(--text-primary, #1e293b);--re-data-grid-dropdown-menu-z-index: 30;--re-data-grid-dropdown-hover-surface: rgba(15, 23, 42, .05);--re-data-grid-dropdown-active-surface: rgba(15, 23, 42, .08);--re-data-grid-dropdown-shadow: 0 8px 20px rgba(0, 0, 0, .12);display:inline-flex;position:relative;min-width:var(--re-data-grid-dropdown-width);color:var(--re-data-grid-dropdown-color)}.re-dg-dd{position:relative;width:100%}.re-dg-dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:var(--re-data-grid-dropdown-height);border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);color:inherit;padding:0 .625rem;cursor:pointer}.re-dg-dd-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:var(--re-data-grid-dropdown-menu-z-index);width:100%;border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);box-shadow:var(--re-data-grid-dropdown-shadow);overflow:hidden}.re-dg-dd-option{width:100%;height:var(--re-data-grid-dropdown-height);border:0;background:transparent;color:inherit;text-align:left;padding:0 .625rem;cursor:pointer}.re-dg-dd-option:hover:not(.re-dg-dd-option--disabled){background:var(--re-data-grid-dropdown-hover-surface)}.re-dg-dd-option--active{background:var(--re-data-grid-dropdown-active-surface);font-weight:600}.re-dg-dd-option--disabled{opacity:.6;cursor:not-allowed}.re-dg-dd-chevron{transition:transform .2s}.re-dg-dd-chevron--opened{transform:rotate(180deg)}.re-dg-dd--disabled .re-dg-dd-trigger{opacity:.65;cursor:default}\n"] }]
116
+ }, styles: [":host{--re-data-grid-dropdown-width: 120px;--re-data-grid-dropdown-height: 2rem;--re-data-grid-dropdown-radius: .375rem;--re-data-grid-dropdown-border: 1px solid var(--border-color, var(--re-data-grid-paginator-separator-color, #e2e8f0));--re-data-grid-dropdown-surface: var(--surface-neutral, var(--re-data-grid-surface, #ffffff));--re-data-grid-dropdown-color: var(--text-primary, #1e293b);--re-data-grid-dropdown-menu-z-index: 30;--re-data-grid-dropdown-hover-surface: rgba(15, 23, 42, .05);--re-data-grid-dropdown-active-surface: rgba(15, 23, 42, .08);--re-data-grid-dropdown-shadow: 0 8px 20px rgba(0, 0, 0, .12);display:inline-flex;position:relative;min-width:var(--re-data-grid-dropdown-width);color:var(--re-data-grid-dropdown-color)}.re-dg-dd{position:relative;width:100%}.re-dg-dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:var(--re-data-grid-dropdown-height);border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);color:inherit;padding:0 .625rem;cursor:pointer}.re-dg-dd-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:var(--re-data-grid-dropdown-menu-z-index);width:100%;border-radius:var(--re-data-grid-dropdown-radius);border:var(--re-data-grid-dropdown-border);background:var(--re-data-grid-dropdown-surface);box-shadow:var(--re-data-grid-dropdown-shadow);overflow:hidden}.re-dg-dd-option{width:100%;height:var(--re-data-grid-dropdown-height);border:0;background:transparent;color:inherit;text-align:left;padding:0 .625rem;cursor:pointer}.re-dg-dd-option:hover:not(.re-dg-dd-option--disabled){background:var(--re-data-grid-dropdown-hover-surface)}.re-dg-dd-option--active{background:var(--re-data-grid-dropdown-active-surface);font-weight:600}.re-dg-dd-option--disabled{opacity:.6;cursor:not-allowed}.re-dg-dd-chevron{transition:transform .2s}.re-dg-dd-chevron--opened{transform:rotate(180deg)}.re-dg-dd--disabled .re-dg-dd-trigger{opacity:.65;cursor:default}\n"] }]
117
117
  }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], selectValue: [{ type: i0.Output, args: ["selectValue"] }], root: [{ type: i0.ViewChild, args: ['root', { isSignal: true }] }] } });
118
118
 
119
119
  /**
package/fesm2022/reforgium-data-grid.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export { o as DATA_GRID_CONFIG, p as DATA_GRID_HEADER_TEXT_RESOLVER, q as DATA_GRID_TYPE_RENDERERS, r as DATA_GRID_TYPE_TRANSFORMERS, s as DEFAULT_DATA_GRID_DEFAULTS, y as DataGrid, i as DataGridCellEmptyDirective, j as DataGridCellLoadingDirective, b as DataGridCellTemplateDirective, h as DataGridDeclarativeCellDirective, f as DataGridDeclarativeColumn, g as DataGridDeclarativeHeaderDirective, n as DataGridExpanderIconDirective, d as DataGridHeaderTemplateDirective, e as DataGridRowDirective, l as DataGridSortIconDirective, k as DataGridStickyRowDirective, D as DataGridTypeCellTemplateDirective, t as provideDataGridDefaults, u as provideDataGridHeaderTextResolver, v as provideDataGridHeaderTextResolverWithParent, w as provideDataGridTypeRenderers, x as provideDataGridTypeTransformers } from './reforgium-data-grid-reforgium-data-grid-DUpCJ9P0.mjs';
1
+ export { o as DATA_GRID_CONFIG, p as DATA_GRID_HEADER_TEXT_RESOLVER, q as DATA_GRID_TYPE_RENDERERS, r as DATA_GRID_TYPE_TRANSFORMERS, s as DEFAULT_DATA_GRID_DEFAULTS, y as DataGrid, i as DataGridCellEmptyDirective, j as DataGridCellLoadingDirective, b as DataGridCellTemplateDirective, h as DataGridDeclarativeCellDirective, f as DataGridDeclarativeColumn, g as DataGridDeclarativeHeaderDirective, n as DataGridExpanderIconDirective, d as DataGridHeaderTemplateDirective, e as DataGridRowDirective, l as DataGridSortIconDirective, k as DataGridStickyRowDirective, D as DataGridTypeCellTemplateDirective, z as gridBackendSortField, t as provideDataGridDefaults, u as provideDataGridHeaderTextResolver, v as provideDataGridHeaderTextResolverWithParent, w as provideDataGridTypeRenderers, x as provideDataGridTypeTransformers } from './reforgium-data-grid-reforgium-data-grid-YzRaXPVK.mjs';
2
2
  //# sourceMappingURL=reforgium-data-grid.mjs.map
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.2.3",
2
+ "version": "3.2.5",
3
3
  "name": "@reforgium/data-grid",
4
4
  "description": "reforgium DataGrid component",
5
5
  "author": "rtommievich",
@@ -32,8 +32,7 @@
32
32
  },
33
33
  "peerDependencies": {
34
34
  "@angular/common": ">=18.0.0",
35
- "@angular/core": ">=18.0.0",
36
- "rxjs": ">=7.0.0"
35
+ "@angular/core": ">=18.0.0"
37
36
  },
38
37
  "files": [
39
38
  "fesm2022/*.mjs",
package/types/reforgium-data-grid-paginator.d.ts CHANGED
@@ -23,6 +23,7 @@ declare class DataGridPaginator {
23
23
  totalElements: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
24
24
  pageSize: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
25
25
  maxShowPages: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
26
+ disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
26
27
  showFirstLast: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
27
28
  firstLabel: _angular_core.InputSignal<string>;
28
29
  lastLabel: _angular_core.InputSignal<string>;
@@ -39,11 +40,12 @@ declare class DataGridPaginator {
39
40
  protected pageTpl: _angular_core.Signal<DataGridPaginatorPageDirective | undefined>;
40
41
  protected normalizedPageSizeOptions: _angular_core.Signal<DataGridDropdownOption<number>[]>;
41
42
  totalPages: _angular_core.Signal<number>;
43
+ protected normalizedCurrent: _angular_core.Signal<number>;
42
44
  pages: _angular_core.Signal<number[]>;
43
45
  protected goToPage(page: number): void;
44
46
  protected onPageSizeChange(value: string | number): void;
45
47
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridPaginator, never>;
46
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridPaginator, "re-data-grid-paginator", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "totalElements": { "alias": "totalElements"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "maxShowPages": { "alias": "maxShowPages"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "firstLabel": { "alias": "firstLabel"; "required": false; "isSignal": true; }; "lastLabel": { "alias": "lastLabel"; "required": false; "isSignal": true; }; "showPerPage": { "alias": "showPerPage"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["firstSlotRefs", "lastSlotRefs", "pageSlotRefs"], never, true, never>;
48
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridPaginator, "re-data-grid-paginator", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "totalElements": { "alias": "totalElements"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "maxShowPages": { "alias": "maxShowPages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "firstLabel": { "alias": "firstLabel"; "required": false; "isSignal": true; }; "lastLabel": { "alias": "lastLabel"; "required": false; "isSignal": true; }; "showPerPage": { "alias": "showPerPage"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["firstSlotRefs", "lastSlotRefs", "pageSlotRefs"], never, true, never>;
47
49
  }
48
50
 
49
51
  type DataGridPaginatorEdgeTemplateContext = {