@syncfusion/ej2-angular-grids 32.1.22 → 32.1.23-ngcc

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 (130) hide show
  1. package/@syncfusion/ej2-angular-grids.es5.js +1008 -0
  2. package/@syncfusion/ej2-angular-grids.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-grids.js +947 -0
  4. package/@syncfusion/ej2-angular-grids.js.map +1 -0
  5. package/LICENSE +10 -0
  6. package/README.md +8 -16
  7. package/dist/ej2-angular-grids.umd.js +1634 -0
  8. package/dist/ej2-angular-grids.umd.js.map +1 -0
  9. package/dist/ej2-angular-grids.umd.min.js +11 -0
  10. package/dist/ej2-angular-grids.umd.min.js.map +1 -0
  11. package/ej2-angular-grids.d.ts +6 -0
  12. package/ej2-angular-grids.metadata.json +1 -0
  13. package/package.json +47 -29
  14. package/public_api.d.ts +1 -1
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/grid/aggregate-columns.directive.d.ts +114 -119
  18. package/src/grid/aggregates.directive.d.ts +40 -45
  19. package/src/grid/columns.directive.d.ts +479 -484
  20. package/src/grid/grid-all.module.d.ts +30 -36
  21. package/src/grid/grid.component.d.ts +163 -168
  22. package/src/grid/grid.module.d.ts +5 -15
  23. package/src/grid/stacked-column.directive.d.ts +481 -486
  24. package/src/index.d.ts +11 -11
  25. package/src/pager/pager-all.module.d.ts +5 -11
  26. package/src/pager/pager.component.d.ts +40 -43
  27. package/src/pager/pager.module.d.ts +5 -11
  28. package/styles/bds-lite.scss +1 -1
  29. package/styles/bds.scss +2 -2
  30. package/styles/bootstrap-dark-lite.scss +1 -1
  31. package/styles/bootstrap-dark.scss +2 -2
  32. package/styles/bootstrap-lite.scss +1 -1
  33. package/styles/bootstrap.scss +2 -2
  34. package/styles/bootstrap4-lite.scss +1 -1
  35. package/styles/bootstrap4.scss +2 -2
  36. package/styles/bootstrap5-dark-lite.scss +1 -1
  37. package/styles/bootstrap5-dark.scss +2 -2
  38. package/styles/bootstrap5-lite.scss +1 -1
  39. package/styles/bootstrap5.3-lite.scss +1 -1
  40. package/styles/bootstrap5.3.scss +2 -2
  41. package/styles/bootstrap5.scss +2 -2
  42. package/styles/excel-filter/bds.scss +1 -1
  43. package/styles/excel-filter/bootstrap-dark.scss +1 -1
  44. package/styles/excel-filter/bootstrap.scss +1 -1
  45. package/styles/excel-filter/bootstrap4.scss +1 -1
  46. package/styles/excel-filter/bootstrap5-dark.scss +1 -1
  47. package/styles/excel-filter/bootstrap5.3.scss +1 -1
  48. package/styles/excel-filter/bootstrap5.scss +1 -1
  49. package/styles/excel-filter/fabric-dark.scss +1 -1
  50. package/styles/excel-filter/fabric.scss +1 -1
  51. package/styles/excel-filter/fluent-dark.scss +1 -1
  52. package/styles/excel-filter/fluent.scss +1 -1
  53. package/styles/excel-filter/fluent2.scss +1 -1
  54. package/styles/excel-filter/highcontrast-light.scss +1 -1
  55. package/styles/excel-filter/highcontrast.scss +1 -1
  56. package/styles/excel-filter/material-dark.scss +1 -1
  57. package/styles/excel-filter/material.scss +1 -1
  58. package/styles/excel-filter/material3-dark.scss +2 -1
  59. package/styles/excel-filter/material3.scss +2 -1
  60. package/styles/excel-filter/tailwind-dark.scss +1 -1
  61. package/styles/excel-filter/tailwind.scss +1 -1
  62. package/styles/excel-filter/tailwind3.scss +1 -1
  63. package/styles/fabric-dark-lite.scss +1 -1
  64. package/styles/fabric-dark.scss +2 -2
  65. package/styles/fabric-lite.scss +1 -1
  66. package/styles/fabric.scss +2 -2
  67. package/styles/fluent-dark-lite.scss +1 -1
  68. package/styles/fluent-dark.scss +2 -2
  69. package/styles/fluent-lite.scss +1 -1
  70. package/styles/fluent.scss +2 -2
  71. package/styles/fluent2-lite.scss +1 -1
  72. package/styles/fluent2.scss +2 -2
  73. package/styles/grid/bds.scss +1 -1
  74. package/styles/grid/bootstrap-dark.scss +1 -1
  75. package/styles/grid/bootstrap.scss +1 -1
  76. package/styles/grid/bootstrap4.scss +1 -1
  77. package/styles/grid/bootstrap5-dark.scss +1 -1
  78. package/styles/grid/bootstrap5.3.scss +1 -1
  79. package/styles/grid/bootstrap5.scss +1 -1
  80. package/styles/grid/fabric-dark.scss +1 -1
  81. package/styles/grid/fabric.scss +1 -1
  82. package/styles/grid/fluent-dark.scss +1 -1
  83. package/styles/grid/fluent.scss +1 -1
  84. package/styles/grid/fluent2.scss +1 -1
  85. package/styles/grid/highcontrast-light.scss +1 -1
  86. package/styles/grid/highcontrast.scss +1 -1
  87. package/styles/grid/material-dark.scss +1 -1
  88. package/styles/grid/material.scss +1 -1
  89. package/styles/grid/material3-dark.scss +2 -1
  90. package/styles/grid/material3.scss +2 -1
  91. package/styles/grid/tailwind-dark.scss +1 -1
  92. package/styles/grid/tailwind.scss +1 -1
  93. package/styles/grid/tailwind3.scss +1 -1
  94. package/styles/highcontrast-light-lite.scss +1 -1
  95. package/styles/highcontrast-light.scss +2 -2
  96. package/styles/highcontrast-lite.scss +1 -1
  97. package/styles/highcontrast.scss +2 -2
  98. package/styles/material-dark-lite.scss +1 -1
  99. package/styles/material-dark.scss +2 -2
  100. package/styles/material-lite.scss +1 -1
  101. package/styles/material.scss +2 -2
  102. package/styles/material3-dark-lite.scss +1 -1
  103. package/styles/material3-dark.scss +3 -2
  104. package/styles/material3-lite.scss +1 -1
  105. package/styles/material3.scss +3 -2
  106. package/styles/tailwind-dark-lite.scss +1 -1
  107. package/styles/tailwind-dark.scss +2 -2
  108. package/styles/tailwind-lite.scss +1 -1
  109. package/styles/tailwind.scss +2 -2
  110. package/styles/tailwind3-lite.scss +1 -1
  111. package/styles/tailwind3.scss +2 -2
  112. package/CHANGELOG.md +0 -2823
  113. package/esm2020/public_api.mjs +0 -2
  114. package/esm2020/src/grid/aggregate-columns.directive.mjs +0 -84
  115. package/esm2020/src/grid/aggregates.directive.mjs +0 -69
  116. package/esm2020/src/grid/columns.directive.mjs +0 -100
  117. package/esm2020/src/grid/grid-all.module.mjs +0 -98
  118. package/esm2020/src/grid/grid.component.mjs +0 -298
  119. package/esm2020/src/grid/grid.module.mjs +0 -61
  120. package/esm2020/src/grid/stacked-column.directive.mjs +0 -100
  121. package/esm2020/src/index.mjs +0 -12
  122. package/esm2020/src/pager/pager-all.module.mjs +0 -23
  123. package/esm2020/src/pager/pager.component.mjs +0 -66
  124. package/esm2020/src/pager/pager.module.mjs +0 -25
  125. package/esm2020/syncfusion-ej2-angular-grids.mjs +0 -5
  126. package/fesm2015/syncfusion-ej2-angular-grids.mjs +0 -881
  127. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +0 -1
  128. package/fesm2020/syncfusion-ej2-angular-grids.mjs +0 -881
  129. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +0 -1
  130. package/syncfusion-ej2-angular-grids.d.ts +0 -5
@@ -1,881 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import * as i0 from '@angular/core';
3
- import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
4
- import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
5
- import { Grid, Filter, Page, Selection, Sort, Group, Reorder, RowDD, DetailRow, Toolbar, Aggregate, Search, VirtualScroll, Edit, Resize, ExcelExport, PdfExport, CommandColumn, ContextMenu, Freeze, ColumnMenu, ColumnChooser, ForeignKey, InfiniteScroll, LazyLoadGroup, Pager } from '@syncfusion/ej2-grids';
6
- export * from '@syncfusion/ej2-grids';
7
- import { CommonModule } from '@angular/common';
8
-
9
- let input$3 = ['allowEditing', 'allowFiltering', 'allowGrouping', 'allowReordering', 'allowResizing', 'allowSearching', 'allowSorting', 'autoFit', 'clipMode', 'columns', 'commands', 'customAttributes', 'dataSource', 'defaultValue', 'disableHtmlEncode', 'displayAsCheckBox', 'edit', 'editTemplate', 'editType', 'enableColumnSpan', 'enableGroupByFormat', 'enableRowSpan', 'field', 'filter', 'filterBarTemplate', 'filterTemplate', 'foreignKeyField', 'foreignKeyValue', 'format', 'formatter', 'freeze', 'headerTemplate', 'headerText', 'headerTextAlign', 'headerValueAccessor', 'hideAtMedia', 'index', 'isFrozen', 'isIdentity', 'isPrimaryKey', 'lockColumn', 'maxWidth', 'minWidth', 'showColumnMenu', 'showInColumnChooser', 'sortComparer', 'template', 'templateOptions', 'textAlign', 'type', 'uid', 'validationRules', 'valueAccessor', 'visible', 'width'];
10
- let outputs$5 = [];
11
- /**
12
- * `e-stacked-column` directive represent the stacked column of the Angular Grid.
13
- * It must be contained in a StackedColumns component(`e-stacked-columns`).
14
- * ```html
15
- * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'>
16
- * <e-columns>
17
- * <e-column field='ID' width='100'></e-column>
18
- * <e-column headerText='Details' width='100'>
19
- * <e-stacked-columns>
20
- * <e-stacked-column field='Name' width='140'></e-stacked-column>
21
- * </e-stacked-columns>
22
- * </e-column>
23
- * </e-columns>
24
- * </ejs-grid>
25
- * ```
26
- */
27
- class StackedColumnDirective extends ComplexBase {
28
- constructor(viewContainerRef) {
29
- super();
30
- this.viewContainerRef = viewContainerRef;
31
- setValue('currentInstance', this, this.viewContainerRef);
32
- this.registerEvents(outputs$5);
33
- this.directivePropList = input$3;
34
- }
35
- }
36
- StackedColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StackedColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
37
- StackedColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StackedColumnDirective, selector: "ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column", inputs: { allowEditing: "allowEditing", allowFiltering: "allowFiltering", allowGrouping: "allowGrouping", allowReordering: "allowReordering", allowResizing: "allowResizing", allowSearching: "allowSearching", allowSorting: "allowSorting", autoFit: "autoFit", clipMode: "clipMode", columns: "columns", commands: "commands", customAttributes: "customAttributes", dataSource: "dataSource", defaultValue: "defaultValue", disableHtmlEncode: "disableHtmlEncode", displayAsCheckBox: "displayAsCheckBox", edit: "edit", editTemplate: "editTemplate", editType: "editType", enableColumnSpan: "enableColumnSpan", enableGroupByFormat: "enableGroupByFormat", enableRowSpan: "enableRowSpan", field: "field", filter: "filter", filterBarTemplate: "filterBarTemplate", filterTemplate: "filterTemplate", foreignKeyField: "foreignKeyField", foreignKeyValue: "foreignKeyValue", format: "format", formatter: "formatter", freeze: "freeze", headerTemplate: "headerTemplate", headerText: "headerText", headerTextAlign: "headerTextAlign", headerValueAccessor: "headerValueAccessor", hideAtMedia: "hideAtMedia", index: "index", isFrozen: "isFrozen", isIdentity: "isIdentity", isPrimaryKey: "isPrimaryKey", lockColumn: "lockColumn", maxWidth: "maxWidth", minWidth: "minWidth", showColumnMenu: "showColumnMenu", showInColumnChooser: "showInColumnChooser", sortComparer: "sortComparer", template: "template", templateOptions: "templateOptions", textAlign: "textAlign", type: "type", uid: "uid", validationRules: "validationRules", valueAccessor: "valueAccessor", visible: "visible", width: "width" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "commandsTemplate", first: true, predicate: ["commandsTemplate"], descendants: true }, { propertyName: "filter_itemTemplate", first: true, predicate: ["filterItemTemplate"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
38
- __decorate([
39
- Template()
40
- ], StackedColumnDirective.prototype, "template", void 0);
41
- __decorate([
42
- Template()
43
- ], StackedColumnDirective.prototype, "headerTemplate", void 0);
44
- __decorate([
45
- Template()
46
- ], StackedColumnDirective.prototype, "commandsTemplate", void 0);
47
- __decorate([
48
- Template()
49
- ], StackedColumnDirective.prototype, "filter_itemTemplate", void 0);
50
- __decorate([
51
- Template()
52
- ], StackedColumnDirective.prototype, "editTemplate", void 0);
53
- __decorate([
54
- Template()
55
- ], StackedColumnDirective.prototype, "filterTemplate", void 0);
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StackedColumnDirective, decorators: [{
57
- type: Directive,
58
- args: [{
59
- selector: 'ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column',
60
- inputs: input$3,
61
- outputs: outputs$5,
62
- queries: {}
63
- }]
64
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
65
- type: ContentChild,
66
- args: ['template']
67
- }], headerTemplate: [{
68
- type: ContentChild,
69
- args: ['headerTemplate']
70
- }], commandsTemplate: [{
71
- type: ContentChild,
72
- args: ['commandsTemplate']
73
- }], filter_itemTemplate: [{
74
- type: ContentChild,
75
- args: ['filterItemTemplate']
76
- }], editTemplate: [{
77
- type: ContentChild,
78
- args: ['editTemplate']
79
- }], filterTemplate: [{
80
- type: ContentChild,
81
- args: ['filterTemplate']
82
- }] } });
83
- /**
84
- * StackedColumn Array Directive
85
- * @private
86
- */
87
- class StackedColumnsDirective extends ArrayBase {
88
- constructor() {
89
- super('columns');
90
- }
91
- }
92
- StackedColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StackedColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
93
- StackedColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StackedColumnsDirective, selector: "ejs-grid>e-columns>e-column>e-stacked-columns", queries: [{ propertyName: "children", predicate: StackedColumnDirective }], usesInheritance: true, ngImport: i0 });
94
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StackedColumnsDirective, decorators: [{
95
- type: Directive,
96
- args: [{
97
- selector: 'ejs-grid>e-columns>e-column>e-stacked-columns',
98
- queries: {
99
- children: new ContentChildren(StackedColumnDirective)
100
- },
101
- }]
102
- }], ctorParameters: function () { return []; } });
103
-
104
- let input$2 = ['allowEditing', 'allowFiltering', 'allowGrouping', 'allowReordering', 'allowResizing', 'allowSearching', 'allowSorting', 'autoFit', 'clipMode', 'columns', 'commands', 'customAttributes', 'dataSource', 'defaultValue', 'disableHtmlEncode', 'displayAsCheckBox', 'edit', 'editTemplate', 'editType', 'enableColumnSpan', 'enableGroupByFormat', 'enableRowSpan', 'field', 'filter', 'filterBarTemplate', 'filterTemplate', 'foreignKeyField', 'foreignKeyValue', 'format', 'formatter', 'freeze', 'headerTemplate', 'headerText', 'headerTextAlign', 'headerValueAccessor', 'hideAtMedia', 'index', 'isFrozen', 'isIdentity', 'isPrimaryKey', 'lockColumn', 'maxWidth', 'minWidth', 'showColumnMenu', 'showInColumnChooser', 'sortComparer', 'template', 'templateOptions', 'textAlign', 'type', 'uid', 'validationRules', 'valueAccessor', 'visible', 'width'];
105
- let outputs$4 = [];
106
- /**
107
- * `e-column` directive represent a column of the Angular Grid.
108
- * It must be contained in a Grid component(`ejs-grid`).
109
- * ```html
110
- * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'>
111
- * <e-columns>
112
- * <e-column field='ID' width='100'></e-column>
113
- * <e-column field='name' headerText='Name' width='100'></e-column>
114
- * </e-columns>
115
- * </ejs-grid>
116
- * ```
117
- */
118
- class ColumnDirective extends ComplexBase {
119
- constructor(viewContainerRef) {
120
- super();
121
- this.viewContainerRef = viewContainerRef;
122
- this.tags = ['columns'];
123
- setValue('currentInstance', this, this.viewContainerRef);
124
- this.registerEvents(outputs$4);
125
- this.directivePropList = input$2;
126
- }
127
- }
128
- ColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
129
- ColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: { allowEditing: "allowEditing", allowFiltering: "allowFiltering", allowGrouping: "allowGrouping", allowReordering: "allowReordering", allowResizing: "allowResizing", allowSearching: "allowSearching", allowSorting: "allowSorting", autoFit: "autoFit", clipMode: "clipMode", columns: "columns", commands: "commands", customAttributes: "customAttributes", dataSource: "dataSource", defaultValue: "defaultValue", disableHtmlEncode: "disableHtmlEncode", displayAsCheckBox: "displayAsCheckBox", edit: "edit", editTemplate: "editTemplate", editType: "editType", enableColumnSpan: "enableColumnSpan", enableGroupByFormat: "enableGroupByFormat", enableRowSpan: "enableRowSpan", field: "field", filter: "filter", filterBarTemplate: "filterBarTemplate", filterTemplate: "filterTemplate", foreignKeyField: "foreignKeyField", foreignKeyValue: "foreignKeyValue", format: "format", formatter: "formatter", freeze: "freeze", headerTemplate: "headerTemplate", headerText: "headerText", headerTextAlign: "headerTextAlign", headerValueAccessor: "headerValueAccessor", hideAtMedia: "hideAtMedia", index: "index", isFrozen: "isFrozen", isIdentity: "isIdentity", isPrimaryKey: "isPrimaryKey", lockColumn: "lockColumn", maxWidth: "maxWidth", minWidth: "minWidth", showColumnMenu: "showColumnMenu", showInColumnChooser: "showInColumnChooser", sortComparer: "sortComparer", template: "template", templateOptions: "templateOptions", textAlign: "textAlign", type: "type", uid: "uid", validationRules: "validationRules", valueAccessor: "valueAccessor", visible: "visible", width: "width" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "commandsTemplate", first: true, predicate: ["commandsTemplate"], descendants: true }, { propertyName: "filter_itemTemplate", first: true, predicate: ["filterItemTemplate"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true }, { propertyName: "childColumns", first: true, predicate: StackedColumnsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
130
- __decorate([
131
- Template()
132
- ], ColumnDirective.prototype, "template", void 0);
133
- __decorate([
134
- Template()
135
- ], ColumnDirective.prototype, "headerTemplate", void 0);
136
- __decorate([
137
- Template()
138
- ], ColumnDirective.prototype, "commandsTemplate", void 0);
139
- __decorate([
140
- Template()
141
- ], ColumnDirective.prototype, "filter_itemTemplate", void 0);
142
- __decorate([
143
- Template()
144
- ], ColumnDirective.prototype, "editTemplate", void 0);
145
- __decorate([
146
- Template()
147
- ], ColumnDirective.prototype, "filterTemplate", void 0);
148
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, decorators: [{
149
- type: Directive,
150
- args: [{
151
- selector: 'ejs-grid>e-columns>e-column',
152
- inputs: input$2,
153
- outputs: outputs$4,
154
- queries: {
155
- childColumns: new ContentChild(StackedColumnsDirective)
156
- }
157
- }]
158
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
159
- type: ContentChild,
160
- args: ['template']
161
- }], headerTemplate: [{
162
- type: ContentChild,
163
- args: ['headerTemplate']
164
- }], commandsTemplate: [{
165
- type: ContentChild,
166
- args: ['commandsTemplate']
167
- }], filter_itemTemplate: [{
168
- type: ContentChild,
169
- args: ['filterItemTemplate']
170
- }], editTemplate: [{
171
- type: ContentChild,
172
- args: ['editTemplate']
173
- }], filterTemplate: [{
174
- type: ContentChild,
175
- args: ['filterTemplate']
176
- }] } });
177
- /**
178
- * Column Array Directive
179
- * @private
180
- */
181
- class ColumnsDirective extends ArrayBase {
182
- constructor() {
183
- super('columns');
184
- }
185
- }
186
- ColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
187
- ColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnsDirective, selector: "ejs-grid>e-columns", queries: [{ propertyName: "children", predicate: ColumnDirective }], usesInheritance: true, ngImport: i0 });
188
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, decorators: [{
189
- type: Directive,
190
- args: [{
191
- selector: 'ejs-grid>e-columns',
192
- queries: {
193
- children: new ContentChildren(ColumnDirective)
194
- },
195
- }]
196
- }], ctorParameters: function () { return []; } });
197
-
198
- let input$1 = ['columnName', 'customAggregate', 'field', 'footerTemplate', 'format', 'groupCaptionTemplate', 'groupFooterTemplate', 'type'];
199
- let outputs$3 = [];
200
- /**
201
- * `e-aggregate->e-column` directive represent a aggregate column of the Angular Grid.
202
- * ```html
203
- * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'>
204
- * <e-columns>
205
- * <e-column field='ID' width='100'></e-column>
206
- * <e-column field='name' headerText='Name' width='100'></e-column>
207
- * </e-columns>
208
- * <e-aggregates>
209
- * <e-aggregate>
210
- * <e-columns>
211
- * <e-column field='ID' type='Min'></e-column>
212
- * </e-columns>
213
- * </e-aggregate>
214
- * </e-aggregates>
215
- * </ejs-grid>
216
- * ```
217
- */
218
- class AggregateColumnDirective extends ComplexBase {
219
- constructor(viewContainerRef) {
220
- super();
221
- this.viewContainerRef = viewContainerRef;
222
- setValue('currentInstance', this, this.viewContainerRef);
223
- this.registerEvents(outputs$3);
224
- this.directivePropList = input$1;
225
- }
226
- }
227
- AggregateColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
228
- AggregateColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: { columnName: "columnName", customAggregate: "customAggregate", field: "field", footerTemplate: "footerTemplate", format: "format", groupCaptionTemplate: "groupCaptionTemplate", groupFooterTemplate: "groupFooterTemplate", type: "type" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: ["footerTemplate"], descendants: true }, { propertyName: "groupFooterTemplate", first: true, predicate: ["groupFooterTemplate"], descendants: true }, { propertyName: "groupCaptionTemplate", first: true, predicate: ["groupCaptionTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
229
- __decorate([
230
- Template()
231
- ], AggregateColumnDirective.prototype, "footerTemplate", void 0);
232
- __decorate([
233
- Template()
234
- ], AggregateColumnDirective.prototype, "groupFooterTemplate", void 0);
235
- __decorate([
236
- Template()
237
- ], AggregateColumnDirective.prototype, "groupCaptionTemplate", void 0);
238
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnDirective, decorators: [{
239
- type: Directive,
240
- args: [{
241
- selector: 'ejs-grid>e-aggregates>e-aggregate>e-columns>e-column',
242
- inputs: input$1,
243
- outputs: outputs$3,
244
- queries: {}
245
- }]
246
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { footerTemplate: [{
247
- type: ContentChild,
248
- args: ['footerTemplate']
249
- }], groupFooterTemplate: [{
250
- type: ContentChild,
251
- args: ['groupFooterTemplate']
252
- }], groupCaptionTemplate: [{
253
- type: ContentChild,
254
- args: ['groupCaptionTemplate']
255
- }] } });
256
- /**
257
- * AggregateColumn Array Directive
258
- * @private
259
- */
260
- class AggregateColumnsDirective extends ArrayBase {
261
- constructor() {
262
- super('columns');
263
- }
264
- }
265
- AggregateColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
266
- AggregateColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns", queries: [{ propertyName: "children", predicate: AggregateColumnDirective }], usesInheritance: true, ngImport: i0 });
267
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnsDirective, decorators: [{
268
- type: Directive,
269
- args: [{
270
- selector: 'ejs-grid>e-aggregates>e-aggregate>e-columns',
271
- queries: {
272
- children: new ContentChildren(AggregateColumnDirective)
273
- },
274
- }]
275
- }], ctorParameters: function () { return []; } });
276
-
277
- let input = ['columns'];
278
- let outputs$2 = [];
279
- /**
280
- * `e-aggregate` directive represent a aggregate row of the Angular Grid.
281
- * It must be contained in a Grid component(`ejs-grid`).
282
- * ```html
283
- * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'>
284
- * <e-columns>
285
- * <e-column field='ID' width='100'></e-column>
286
- * <e-column field='name' headerText='Name' width='100'></e-column>
287
- * </e-columns>
288
- * <e-aggregates>
289
- * <e-aggregate>
290
- * <e-columns>
291
- * <e-column field='ID' type='Min'></e-column>
292
- * </e-columns>
293
- * </e-aggregate>
294
- * </e-aggregates>
295
- * </ejs-grid>
296
- * ```
297
- */
298
- class AggregateDirective extends ComplexBase {
299
- constructor(viewContainerRef) {
300
- super();
301
- this.viewContainerRef = viewContainerRef;
302
- this.tags = ['columns'];
303
- setValue('currentInstance', this, this.viewContainerRef);
304
- this.registerEvents(outputs$2);
305
- this.directivePropList = input;
306
- }
307
- }
308
- AggregateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
309
- AggregateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateDirective, selector: "ejs-grid>e-aggregates>e-aggregate", inputs: { columns: "columns" }, queries: [{ propertyName: "childColumns", first: true, predicate: AggregateColumnsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
310
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateDirective, decorators: [{
311
- type: Directive,
312
- args: [{
313
- selector: 'ejs-grid>e-aggregates>e-aggregate',
314
- inputs: input,
315
- outputs: outputs$2,
316
- queries: {
317
- childColumns: new ContentChild(AggregateColumnsDirective)
318
- }
319
- }]
320
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
321
- /**
322
- * Aggregate Array Directive
323
- * @private
324
- */
325
- class AggregatesDirective extends ArrayBase {
326
- constructor() {
327
- super('aggregates');
328
- }
329
- }
330
- AggregatesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
331
- AggregatesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregatesDirective, selector: "ejs-grid>e-aggregates", queries: [{ propertyName: "children", predicate: AggregateDirective }], usesInheritance: true, ngImport: i0 });
332
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregatesDirective, decorators: [{
333
- type: Directive,
334
- args: [{
335
- selector: 'ejs-grid>e-aggregates',
336
- queries: {
337
- children: new ContentChildren(AggregateDirective)
338
- },
339
- }]
340
- }], ctorParameters: function () { return []; } });
341
-
342
- const inputs$1 = ['adaptiveUIMode', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowGrouping', 'allowKeyboard', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoFit', 'childGrid', 'clipMode', 'columnChooserSettings', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'cssClass', 'currencyCode', 'currentAction', 'currentViewData', 'dataSource', 'detailTemplate', 'editSettings', 'ej2StatePersistenceVersion', 'emptyRecordTemplate', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableColumnSpan', 'enableColumnVirtualization', 'enableHeaderFocus', 'enableHover', 'enableHtmlSanitizer', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRowSpan', 'enableRtl', 'enableStickyHeader', 'enableVirtualMaskRow', 'enableVirtualization', 'exportGrids', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'groupSettings', 'height', 'hierarchyPrintMode', 'infiniteScrollSettings', 'isRowPinned', 'isRowSelectable', 'loadingIndicator', 'locale', 'pageSettings', 'pagerTemplate', 'parentDetails', 'printMode', 'query', 'queryString', 'resizeSettings', 'rowDropSettings', 'rowHeight', 'rowRenderingMode', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'showHider', 'sortSettings', 'textWrapSettings', 'toolbar', 'toolbarTemplate', 'width'];
343
- const outputs$1 = ['actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeAutoFill', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeCustomFilterOpen', 'beforeDataBound', 'beforeDetailTemplateDetach', 'beforeExcelExport', 'beforeOpenAdaptiveDialog', 'beforeOpenColumnChooser', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkBoxChange', 'columnDataStateChange', 'columnDeselected', 'columnDeselecting', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuClose', 'columnMenuOpen', 'columnSelected', 'columnSelecting', 'commandClick', 'contextMenuClick', 'contextMenuClose', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'destroyed', 'detailCollapse', 'detailDataBound', 'detailExpand', 'excelAggregateQueryCellInfo', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'exportDetailDataBound', 'exportDetailTemplate', 'exportGroupCaption', 'headerCellInfo', 'keyPressed', 'lazyLoadGroupCollapse', 'lazyLoadGroupExpand', 'load', 'pdfAggregateQueryCellInfo', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordClick', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick', 'dataSourceChange'];
344
- const twoWays$1 = ['dataSource'];
345
- /**
346
- * `ejs-grid` represents the Angular Grid Component.
347
- * ```html
348
- * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'></ejs-grid>
349
- * ```
350
- */
351
- let GridComponent = class GridComponent extends Grid {
352
- constructor(ngEle, srenderer, viewContainerRef, injector) {
353
- super();
354
- this.ngEle = ngEle;
355
- this.srenderer = srenderer;
356
- this.viewContainerRef = viewContainerRef;
357
- this.injector = injector;
358
- this.tags = ['columns', 'aggregates'];
359
- this.element = this.ngEle.nativeElement;
360
- this.injectedModules = this.injectedModules || [];
361
- try {
362
- let mod = this.injector.get('GridsFilter');
363
- if (this.injectedModules.indexOf(mod) === -1) {
364
- this.injectedModules.push(mod);
365
- }
366
- }
367
- catch (_a) { }
368
- try {
369
- let mod = this.injector.get('GridsPage');
370
- if (this.injectedModules.indexOf(mod) === -1) {
371
- this.injectedModules.push(mod);
372
- }
373
- }
374
- catch (_b) { }
375
- try {
376
- let mod = this.injector.get('GridsSelection');
377
- if (this.injectedModules.indexOf(mod) === -1) {
378
- this.injectedModules.push(mod);
379
- }
380
- }
381
- catch (_c) { }
382
- try {
383
- let mod = this.injector.get('GridsSort');
384
- if (this.injectedModules.indexOf(mod) === -1) {
385
- this.injectedModules.push(mod);
386
- }
387
- }
388
- catch (_d) { }
389
- try {
390
- let mod = this.injector.get('GridsGroup');
391
- if (this.injectedModules.indexOf(mod) === -1) {
392
- this.injectedModules.push(mod);
393
- }
394
- }
395
- catch (_e) { }
396
- try {
397
- let mod = this.injector.get('GridsReorder');
398
- if (this.injectedModules.indexOf(mod) === -1) {
399
- this.injectedModules.push(mod);
400
- }
401
- }
402
- catch (_f) { }
403
- try {
404
- let mod = this.injector.get('GridsRowDD');
405
- if (this.injectedModules.indexOf(mod) === -1) {
406
- this.injectedModules.push(mod);
407
- }
408
- }
409
- catch (_g) { }
410
- try {
411
- let mod = this.injector.get('GridsDetailRow');
412
- if (this.injectedModules.indexOf(mod) === -1) {
413
- this.injectedModules.push(mod);
414
- }
415
- }
416
- catch (_h) { }
417
- try {
418
- let mod = this.injector.get('GridsToolbar');
419
- if (this.injectedModules.indexOf(mod) === -1) {
420
- this.injectedModules.push(mod);
421
- }
422
- }
423
- catch (_j) { }
424
- try {
425
- let mod = this.injector.get('GridsAggregate');
426
- if (this.injectedModules.indexOf(mod) === -1) {
427
- this.injectedModules.push(mod);
428
- }
429
- }
430
- catch (_k) { }
431
- try {
432
- let mod = this.injector.get('GridsSearch');
433
- if (this.injectedModules.indexOf(mod) === -1) {
434
- this.injectedModules.push(mod);
435
- }
436
- }
437
- catch (_l) { }
438
- try {
439
- let mod = this.injector.get('GridsVirtualScroll');
440
- if (this.injectedModules.indexOf(mod) === -1) {
441
- this.injectedModules.push(mod);
442
- }
443
- }
444
- catch (_m) { }
445
- try {
446
- let mod = this.injector.get('GridsEdit');
447
- if (this.injectedModules.indexOf(mod) === -1) {
448
- this.injectedModules.push(mod);
449
- }
450
- }
451
- catch (_o) { }
452
- try {
453
- let mod = this.injector.get('GridsResize');
454
- if (this.injectedModules.indexOf(mod) === -1) {
455
- this.injectedModules.push(mod);
456
- }
457
- }
458
- catch (_p) { }
459
- try {
460
- let mod = this.injector.get('GridsExcelExport');
461
- if (this.injectedModules.indexOf(mod) === -1) {
462
- this.injectedModules.push(mod);
463
- }
464
- }
465
- catch (_q) { }
466
- try {
467
- let mod = this.injector.get('GridsPdfExport');
468
- if (this.injectedModules.indexOf(mod) === -1) {
469
- this.injectedModules.push(mod);
470
- }
471
- }
472
- catch (_r) { }
473
- try {
474
- let mod = this.injector.get('GridsCommandColumn');
475
- if (this.injectedModules.indexOf(mod) === -1) {
476
- this.injectedModules.push(mod);
477
- }
478
- }
479
- catch (_s) { }
480
- try {
481
- let mod = this.injector.get('GridsContextMenu');
482
- if (this.injectedModules.indexOf(mod) === -1) {
483
- this.injectedModules.push(mod);
484
- }
485
- }
486
- catch (_t) { }
487
- try {
488
- let mod = this.injector.get('GridsFreeze');
489
- if (this.injectedModules.indexOf(mod) === -1) {
490
- this.injectedModules.push(mod);
491
- }
492
- }
493
- catch (_u) { }
494
- try {
495
- let mod = this.injector.get('GridsColumnMenu');
496
- if (this.injectedModules.indexOf(mod) === -1) {
497
- this.injectedModules.push(mod);
498
- }
499
- }
500
- catch (_v) { }
501
- try {
502
- let mod = this.injector.get('GridsColumnChooser');
503
- if (this.injectedModules.indexOf(mod) === -1) {
504
- this.injectedModules.push(mod);
505
- }
506
- }
507
- catch (_w) { }
508
- try {
509
- let mod = this.injector.get('GridsForeignKey');
510
- if (this.injectedModules.indexOf(mod) === -1) {
511
- this.injectedModules.push(mod);
512
- }
513
- }
514
- catch (_x) { }
515
- try {
516
- let mod = this.injector.get('GridsInfiniteScroll');
517
- if (this.injectedModules.indexOf(mod) === -1) {
518
- this.injectedModules.push(mod);
519
- }
520
- }
521
- catch (_y) { }
522
- try {
523
- let mod = this.injector.get('GridsLazyLoadGroup');
524
- if (this.injectedModules.indexOf(mod) === -1) {
525
- this.injectedModules.push(mod);
526
- }
527
- }
528
- catch (_z) { }
529
- this.registerEvents(outputs$1);
530
- this.addTwoWay.call(this, twoWays$1);
531
- setValue('currentInstance', this, this.viewContainerRef);
532
- this.context = new ComponentBase();
533
- }
534
- ngOnInit() {
535
- this.context.ngOnInit(this);
536
- }
537
- ngAfterViewInit() {
538
- this.context.ngAfterViewInit(this);
539
- }
540
- ngOnDestroy() {
541
- this.context.ngOnDestroy(this);
542
- }
543
- ngAfterContentChecked() {
544
- this.tagObjects[0].instance = this.childColumns;
545
- if (this.childAggregates) {
546
- this.tagObjects[1].instance = this.childAggregates;
547
- }
548
- this.context.ngAfterContentChecked(this);
549
- }
550
- };
551
- GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
552
- GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: GridComponent, selector: "ejs-grid", inputs: { adaptiveUIMode: "adaptiveUIMode", aggregates: "aggregates", allowExcelExport: "allowExcelExport", allowFiltering: "allowFiltering", allowGrouping: "allowGrouping", allowKeyboard: "allowKeyboard", allowMultiSorting: "allowMultiSorting", allowPaging: "allowPaging", allowPdfExport: "allowPdfExport", allowReordering: "allowReordering", allowResizing: "allowResizing", allowRowDragAndDrop: "allowRowDragAndDrop", allowSelection: "allowSelection", allowSorting: "allowSorting", allowTextWrap: "allowTextWrap", autoFit: "autoFit", childGrid: "childGrid", clipMode: "clipMode", columnChooserSettings: "columnChooserSettings", columnMenuItems: "columnMenuItems", columnQueryMode: "columnQueryMode", columns: "columns", contextMenuItems: "contextMenuItems", cssClass: "cssClass", currencyCode: "currencyCode", currentAction: "currentAction", currentViewData: "currentViewData", dataSource: "dataSource", detailTemplate: "detailTemplate", editSettings: "editSettings", ej2StatePersistenceVersion: "ej2StatePersistenceVersion", emptyRecordTemplate: "emptyRecordTemplate", enableAdaptiveUI: "enableAdaptiveUI", enableAltRow: "enableAltRow", enableAutoFill: "enableAutoFill", enableColumnSpan: "enableColumnSpan", enableColumnVirtualization: "enableColumnVirtualization", enableHeaderFocus: "enableHeaderFocus", enableHover: "enableHover", enableHtmlSanitizer: "enableHtmlSanitizer", enableImmutableMode: "enableImmutableMode", enableInfiniteScrolling: "enableInfiniteScrolling", enablePersistence: "enablePersistence", enableRowSpan: "enableRowSpan", enableRtl: "enableRtl", enableStickyHeader: "enableStickyHeader", enableVirtualMaskRow: "enableVirtualMaskRow", enableVirtualization: "enableVirtualization", exportGrids: "exportGrids", filterSettings: "filterSettings", frozenColumns: "frozenColumns", frozenRows: "frozenRows", gridLines: "gridLines", groupSettings: "groupSettings", height: "height", hierarchyPrintMode: "hierarchyPrintMode", infiniteScrollSettings: "infiniteScrollSettings", isRowPinned: "isRowPinned", isRowSelectable: "isRowSelectable", loadingIndicator: "loadingIndicator", locale: "locale", pageSettings: "pageSettings", pagerTemplate: "pagerTemplate", parentDetails: "parentDetails", printMode: "printMode", query: "query", queryString: "queryString", resizeSettings: "resizeSettings", rowDropSettings: "rowDropSettings", rowHeight: "rowHeight", rowRenderingMode: "rowRenderingMode", rowTemplate: "rowTemplate", searchSettings: "searchSettings", selectedRowIndex: "selectedRowIndex", selectionSettings: "selectionSettings", showColumnChooser: "showColumnChooser", showColumnMenu: "showColumnMenu", showHider: "showHider", sortSettings: "sortSettings", textWrapSettings: "textWrapSettings", toolbar: "toolbar", toolbarTemplate: "toolbarTemplate", width: "width" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure", batchAdd: "batchAdd", batchCancel: "batchCancel", batchDelete: "batchDelete", beforeAutoFill: "beforeAutoFill", beforeBatchAdd: "beforeBatchAdd", beforeBatchDelete: "beforeBatchDelete", beforeBatchSave: "beforeBatchSave", beforeCopy: "beforeCopy", beforeCustomFilterOpen: "beforeCustomFilterOpen", beforeDataBound: "beforeDataBound", beforeDetailTemplateDetach: "beforeDetailTemplateDetach", beforeExcelExport: "beforeExcelExport", beforeOpenAdaptiveDialog: "beforeOpenAdaptiveDialog", beforeOpenColumnChooser: "beforeOpenColumnChooser", beforePaste: "beforePaste", beforePdfExport: "beforePdfExport", beforePrint: "beforePrint", beginEdit: "beginEdit", cellDeselected: "cellDeselected", cellDeselecting: "cellDeselecting", cellEdit: "cellEdit", cellSave: "cellSave", cellSaved: "cellSaved", cellSelected: "cellSelected", cellSelecting: "cellSelecting", checkBoxChange: "checkBoxChange", columnDataStateChange: "columnDataStateChange", columnDeselected: "columnDeselected", columnDeselecting: "columnDeselecting", columnDrag: "columnDrag", columnDragStart: "columnDragStart", columnDrop: "columnDrop", columnMenuClick: "columnMenuClick", columnMenuClose: "columnMenuClose", columnMenuOpen: "columnMenuOpen", columnSelected: "columnSelected", columnSelecting: "columnSelecting", commandClick: "commandClick", contextMenuClick: "contextMenuClick", contextMenuClose: "contextMenuClose", contextMenuOpen: "contextMenuOpen", created: "created", dataBound: "dataBound", dataSourceChanged: "dataSourceChanged", dataStateChange: "dataStateChange", destroyed: "destroyed", detailCollapse: "detailCollapse", detailDataBound: "detailDataBound", detailExpand: "detailExpand", excelAggregateQueryCellInfo: "excelAggregateQueryCellInfo", excelExportComplete: "excelExportComplete", excelHeaderQueryCellInfo: "excelHeaderQueryCellInfo", excelQueryCellInfo: "excelQueryCellInfo", exportDetailDataBound: "exportDetailDataBound", exportDetailTemplate: "exportDetailTemplate", exportGroupCaption: "exportGroupCaption", headerCellInfo: "headerCellInfo", keyPressed: "keyPressed", lazyLoadGroupCollapse: "lazyLoadGroupCollapse", lazyLoadGroupExpand: "lazyLoadGroupExpand", load: "load", pdfAggregateQueryCellInfo: "pdfAggregateQueryCellInfo", pdfExportComplete: "pdfExportComplete", pdfHeaderQueryCellInfo: "pdfHeaderQueryCellInfo", pdfQueryCellInfo: "pdfQueryCellInfo", printComplete: "printComplete", queryCellInfo: "queryCellInfo", recordClick: "recordClick", recordDoubleClick: "recordDoubleClick", resizeStart: "resizeStart", resizeStop: "resizeStop", resizing: "resizing", rowDataBound: "rowDataBound", rowDeselected: "rowDeselected", rowDeselecting: "rowDeselecting", rowDrag: "rowDrag", rowDragStart: "rowDragStart", rowDragStartHelper: "rowDragStartHelper", rowDrop: "rowDrop", rowSelected: "rowSelected", rowSelecting: "rowSelecting", toolbarClick: "toolbarClick", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true }, { propertyName: "emptyRecordTemplate", first: true, predicate: ["emptyRecordTemplate"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true }, { propertyName: "pagerTemplate", first: true, predicate: ["pagerTemplate"], descendants: true }, { propertyName: "editSettings_template", first: true, predicate: ["editSettingsTemplate"], descendants: true }, { propertyName: "groupSettings_captionTemplate", first: true, predicate: ["groupSettingsCaptionTemplate"], descendants: true }, { propertyName: "columnChooserSettings_headerTemplate", first: true, predicate: ["columnChooserSettingsHeaderTemplate"], descendants: true }, { propertyName: "columnChooserSettings_template", first: true, predicate: ["columnChooserSettingsTemplate"], descendants: true }, { propertyName: "columnChooserSettings_footerTemplate", first: true, predicate: ["columnChooserSettingsFooterTemplate"], descendants: true }, { propertyName: "childColumns", first: true, predicate: ColumnsDirective, descendants: true }, { propertyName: "childAggregates", first: true, predicate: AggregatesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
553
- __decorate([
554
- Template()
555
- ], GridComponent.prototype, "rowTemplate", void 0);
556
- __decorate([
557
- Template()
558
- ], GridComponent.prototype, "emptyRecordTemplate", void 0);
559
- __decorate([
560
- Template()
561
- ], GridComponent.prototype, "detailTemplate", void 0);
562
- __decorate([
563
- Template()
564
- ], GridComponent.prototype, "toolbarTemplate", void 0);
565
- __decorate([
566
- Template()
567
- ], GridComponent.prototype, "pagerTemplate", void 0);
568
- __decorate([
569
- Template()
570
- ], GridComponent.prototype, "editSettings_template", void 0);
571
- __decorate([
572
- Template()
573
- ], GridComponent.prototype, "groupSettings_captionTemplate", void 0);
574
- __decorate([
575
- Template()
576
- ], GridComponent.prototype, "columnChooserSettings_headerTemplate", void 0);
577
- __decorate([
578
- Template()
579
- ], GridComponent.prototype, "columnChooserSettings_template", void 0);
580
- __decorate([
581
- Template()
582
- ], GridComponent.prototype, "columnChooserSettings_footerTemplate", void 0);
583
- GridComponent = __decorate([
584
- ComponentMixins([ComponentBase])
585
- ], GridComponent);
586
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridComponent, decorators: [{
587
- type: Component,
588
- args: [{
589
- selector: 'ejs-grid',
590
- inputs: inputs$1,
591
- outputs: outputs$1,
592
- template: '',
593
- changeDetection: ChangeDetectionStrategy.OnPush,
594
- queries: {
595
- childColumns: new ContentChild(ColumnsDirective),
596
- childAggregates: new ContentChild(AggregatesDirective)
597
- }
598
- }]
599
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { rowTemplate: [{
600
- type: ContentChild,
601
- args: ['rowTemplate']
602
- }], emptyRecordTemplate: [{
603
- type: ContentChild,
604
- args: ['emptyRecordTemplate']
605
- }], detailTemplate: [{
606
- type: ContentChild,
607
- args: ['detailTemplate']
608
- }], toolbarTemplate: [{
609
- type: ContentChild,
610
- args: ['toolbarTemplate']
611
- }], pagerTemplate: [{
612
- type: ContentChild,
613
- args: ['pagerTemplate']
614
- }], editSettings_template: [{
615
- type: ContentChild,
616
- args: ['editSettingsTemplate']
617
- }], groupSettings_captionTemplate: [{
618
- type: ContentChild,
619
- args: ['groupSettingsCaptionTemplate']
620
- }], columnChooserSettings_headerTemplate: [{
621
- type: ContentChild,
622
- args: ['columnChooserSettingsHeaderTemplate']
623
- }], columnChooserSettings_template: [{
624
- type: ContentChild,
625
- args: ['columnChooserSettingsTemplate']
626
- }], columnChooserSettings_footerTemplate: [{
627
- type: ContentChild,
628
- args: ['columnChooserSettingsFooterTemplate']
629
- }] } });
630
-
631
- /**
632
- * NgModule definition for the Grid component.
633
- */
634
- class GridModule {
635
- }
636
- GridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
637
- GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridModule, declarations: [GridComponent,
638
- StackedColumnDirective,
639
- StackedColumnsDirective,
640
- ColumnDirective,
641
- ColumnsDirective,
642
- AggregateColumnDirective,
643
- AggregateColumnsDirective,
644
- AggregateDirective,
645
- AggregatesDirective], imports: [CommonModule], exports: [GridComponent,
646
- StackedColumnDirective,
647
- StackedColumnsDirective,
648
- ColumnDirective,
649
- ColumnsDirective,
650
- AggregateColumnDirective,
651
- AggregateColumnsDirective,
652
- AggregateDirective,
653
- AggregatesDirective] });
654
- GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridModule, imports: [[CommonModule]] });
655
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridModule, decorators: [{
656
- type: NgModule,
657
- args: [{
658
- imports: [CommonModule],
659
- declarations: [
660
- GridComponent,
661
- StackedColumnDirective,
662
- StackedColumnsDirective,
663
- ColumnDirective,
664
- ColumnsDirective,
665
- AggregateColumnDirective,
666
- AggregateColumnsDirective,
667
- AggregateDirective,
668
- AggregatesDirective
669
- ],
670
- exports: [
671
- GridComponent,
672
- StackedColumnDirective,
673
- StackedColumnsDirective,
674
- ColumnDirective,
675
- ColumnsDirective,
676
- AggregateColumnDirective,
677
- AggregateColumnsDirective,
678
- AggregateDirective,
679
- AggregatesDirective
680
- ]
681
- }]
682
- }] });
683
-
684
- const FilterService = { provide: 'GridsFilter', useValue: Filter };
685
- const PageService = { provide: 'GridsPage', useValue: Page };
686
- const SelectionService = { provide: 'GridsSelection', useValue: Selection };
687
- const SortService = { provide: 'GridsSort', useValue: Sort };
688
- const GroupService = { provide: 'GridsGroup', useValue: Group };
689
- const ReorderService = { provide: 'GridsReorder', useValue: Reorder };
690
- const RowDDService = { provide: 'GridsRowDD', useValue: RowDD };
691
- const DetailRowService = { provide: 'GridsDetailRow', useValue: DetailRow };
692
- const ToolbarService = { provide: 'GridsToolbar', useValue: Toolbar };
693
- const AggregateService = { provide: 'GridsAggregate', useValue: Aggregate };
694
- const SearchService = { provide: 'GridsSearch', useValue: Search };
695
- const VirtualScrollService = { provide: 'GridsVirtualScroll', useValue: VirtualScroll };
696
- const EditService = { provide: 'GridsEdit', useValue: Edit };
697
- const ResizeService = { provide: 'GridsResize', useValue: Resize };
698
- const ExcelExportService = { provide: 'GridsExcelExport', useValue: ExcelExport };
699
- const PdfExportService = { provide: 'GridsPdfExport', useValue: PdfExport };
700
- const CommandColumnService = { provide: 'GridsCommandColumn', useValue: CommandColumn };
701
- const ContextMenuService = { provide: 'GridsContextMenu', useValue: ContextMenu };
702
- const FreezeService = { provide: 'GridsFreeze', useValue: Freeze };
703
- const ColumnMenuService = { provide: 'GridsColumnMenu', useValue: ColumnMenu };
704
- const ColumnChooserService = { provide: 'GridsColumnChooser', useValue: ColumnChooser };
705
- const ForeignKeyService = { provide: 'GridsForeignKey', useValue: ForeignKey };
706
- const InfiniteScrollService = { provide: 'GridsInfiniteScroll', useValue: InfiniteScroll };
707
- const LazyLoadGroupService = { provide: 'GridsLazyLoadGroup', useValue: LazyLoadGroup };
708
- /**
709
- * NgModule definition for the Grid component with providers.
710
- */
711
- class GridAllModule {
712
- }
713
- GridAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
714
- GridAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridAllModule, imports: [CommonModule, GridModule], exports: [GridModule] });
715
- GridAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridAllModule, providers: [
716
- FilterService,
717
- PageService,
718
- SelectionService,
719
- SortService,
720
- GroupService,
721
- ReorderService,
722
- RowDDService,
723
- DetailRowService,
724
- ToolbarService,
725
- AggregateService,
726
- SearchService,
727
- VirtualScrollService,
728
- EditService,
729
- ResizeService,
730
- ExcelExportService,
731
- PdfExportService,
732
- CommandColumnService,
733
- ContextMenuService,
734
- FreezeService,
735
- ColumnMenuService,
736
- ColumnChooserService,
737
- ForeignKeyService,
738
- InfiniteScrollService,
739
- LazyLoadGroupService
740
- ], imports: [[CommonModule, GridModule], GridModule] });
741
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GridAllModule, decorators: [{
742
- type: NgModule,
743
- args: [{
744
- imports: [CommonModule, GridModule],
745
- exports: [
746
- GridModule
747
- ],
748
- providers: [
749
- FilterService,
750
- PageService,
751
- SelectionService,
752
- SortService,
753
- GroupService,
754
- ReorderService,
755
- RowDDService,
756
- DetailRowService,
757
- ToolbarService,
758
- AggregateService,
759
- SearchService,
760
- VirtualScrollService,
761
- EditService,
762
- ResizeService,
763
- ExcelExportService,
764
- PdfExportService,
765
- CommandColumnService,
766
- ContextMenuService,
767
- FreezeService,
768
- ColumnMenuService,
769
- ColumnChooserService,
770
- ForeignKeyService,
771
- InfiniteScrollService,
772
- LazyLoadGroupService
773
- ]
774
- }]
775
- }] });
776
-
777
- const inputs = ['cssClass', 'currentPage', 'customText', 'enableExternalMessage', 'enablePagerMessage', 'enablePersistence', 'enableQueryString', 'enableRtl', 'externalMessage', 'locale', 'pageCount', 'pageSize', 'pageSizes', 'template', 'totalRecordsCount'];
778
- const outputs = ['click', 'created', 'dropDownChanged', 'currentPageChange', 'pageSizeChange', 'pageCountChange', 'pageSizesChange'];
779
- const twoWays = ['currentPage', 'pageSize', 'pageCount', 'pageSizes'];
780
- /**
781
- * `ejs-pager` represents the Angular Pager Component.
782
- * ```html
783
- * <ejs-pager></ejs-pager>
784
- * ```
785
- */
786
- let PagerComponent = class PagerComponent extends Pager {
787
- constructor(ngEle, srenderer, viewContainerRef, injector) {
788
- super();
789
- this.ngEle = ngEle;
790
- this.srenderer = srenderer;
791
- this.viewContainerRef = viewContainerRef;
792
- this.injector = injector;
793
- this.element = this.ngEle.nativeElement;
794
- this.injectedModules = this.injectedModules || [];
795
- this.registerEvents(outputs);
796
- this.addTwoWay.call(this, twoWays);
797
- setValue('currentInstance', this, this.viewContainerRef);
798
- this.context = new ComponentBase();
799
- }
800
- ngOnInit() {
801
- this.context.ngOnInit(this);
802
- }
803
- ngAfterViewInit() {
804
- this.context.ngAfterViewInit(this);
805
- }
806
- ngOnDestroy() {
807
- this.context.ngOnDestroy(this);
808
- }
809
- ngAfterContentChecked() {
810
- this.context.ngAfterContentChecked(this);
811
- }
812
- };
813
- PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
814
- PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PagerComponent, selector: "ejs-pager", inputs: { cssClass: "cssClass", currentPage: "currentPage", customText: "customText", enableExternalMessage: "enableExternalMessage", enablePagerMessage: "enablePagerMessage", enablePersistence: "enablePersistence", enableQueryString: "enableQueryString", enableRtl: "enableRtl", externalMessage: "externalMessage", locale: "locale", pageCount: "pageCount", pageSize: "pageSize", pageSizes: "pageSizes", template: "template", totalRecordsCount: "totalRecordsCount" }, outputs: { click: "click", created: "created", dropDownChanged: "dropDownChanged", currentPageChange: "currentPageChange", pageSizeChange: "pageSizeChange", pageCountChange: "pageCountChange", pageSizesChange: "pageSizesChange" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
815
- __decorate([
816
- Template()
817
- ], PagerComponent.prototype, "template", void 0);
818
- PagerComponent = __decorate([
819
- ComponentMixins([ComponentBase])
820
- ], PagerComponent);
821
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerComponent, decorators: [{
822
- type: Component,
823
- args: [{
824
- selector: 'ejs-pager',
825
- inputs: inputs,
826
- outputs: outputs,
827
- template: '',
828
- changeDetection: ChangeDetectionStrategy.OnPush,
829
- queries: {}
830
- }]
831
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
832
- type: ContentChild,
833
- args: ['template']
834
- }] } });
835
-
836
- /**
837
- * NgModule definition for the Pager component.
838
- */
839
- class PagerModule {
840
- }
841
- PagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
842
- PagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerModule, declarations: [PagerComponent], imports: [CommonModule], exports: [PagerComponent] });
843
- PagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerModule, imports: [[CommonModule]] });
844
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerModule, decorators: [{
845
- type: NgModule,
846
- args: [{
847
- imports: [CommonModule],
848
- declarations: [
849
- PagerComponent
850
- ],
851
- exports: [
852
- PagerComponent
853
- ]
854
- }]
855
- }] });
856
-
857
- /**
858
- * NgModule definition for the Pager component with providers.
859
- */
860
- class PagerAllModule {
861
- }
862
- PagerAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
863
- PagerAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerAllModule, imports: [CommonModule, PagerModule], exports: [PagerModule] });
864
- PagerAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerAllModule, providers: [], imports: [[CommonModule, PagerModule], PagerModule] });
865
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PagerAllModule, decorators: [{
866
- type: NgModule,
867
- args: [{
868
- imports: [CommonModule, PagerModule],
869
- exports: [
870
- PagerModule
871
- ],
872
- providers: []
873
- }]
874
- }] });
875
-
876
- /**
877
- * Generated bundle index. Do not edit.
878
- */
879
-
880
- export { AggregateColumnDirective, AggregateColumnsDirective, AggregateDirective, AggregateService, AggregatesDirective, ColumnChooserService, ColumnDirective, ColumnMenuService, ColumnsDirective, CommandColumnService, ContextMenuService, DetailRowService, EditService, ExcelExportService, FilterService, ForeignKeyService, FreezeService, GridAllModule, GridComponent, GridModule, GroupService, InfiniteScrollService, LazyLoadGroupService, PageService, PagerAllModule, PagerComponent, PagerModule, PdfExportService, ReorderService, ResizeService, RowDDService, SearchService, SelectionService, SortService, StackedColumnDirective, StackedColumnsDirective, ToolbarService, VirtualScrollService };
881
- //# sourceMappingURL=syncfusion-ej2-angular-grids.mjs.map