@progress/kendo-angular-grid 19.3.0-develop.8 → 19.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/columns/columns-container.d.ts +2 -0
- package/common/data-layout-mode.d.ts +21 -0
- package/common/grid-col-size.d.ts +13 -0
- package/common/provider.service.d.ts +2 -0
- package/common/toolbar-tool-base.directive.d.ts +2 -1
- package/data/data-mapping.service.d.ts +3 -1
- package/directives.d.ts +7 -4
- package/editing/toolbar-editing-tool-base.directive.d.ts +3 -2
- package/editing-directives/editing-directive-base.d.ts +3 -0
- package/editing-directives/in-cell-editing.directive.d.ts +1 -1
- package/editing-directives/reactive-editing.directive.d.ts +1 -1
- package/editing-directives/template-editing.directive.d.ts +1 -1
- package/esm2022/column-menu/column-chooser.component.mjs +1 -1
- package/esm2022/column-menu/column-list.component.mjs +8 -7
- package/esm2022/column-menu/column-menu-item.directive.mjs +1 -1
- package/esm2022/columns/column-base.mjs +4 -4
- package/esm2022/columns/column.component.mjs +1 -1
- package/esm2022/columns/columns-container.mjs +3 -0
- package/esm2022/common/column-info.service.mjs +1 -1
- package/esm2022/common/data-layout-mode.mjs +5 -0
- package/esm2022/common/grid-col-size.mjs +5 -0
- package/esm2022/common/provider.service.mjs +1 -0
- package/esm2022/common/toolbar-tool-base.directive.mjs +6 -2
- package/esm2022/data/data-mapping.service.mjs +14 -3
- package/esm2022/directives.mjs +8 -1
- package/esm2022/editing/toolbar-editing-tool-base.directive.mjs +5 -0
- package/esm2022/editing-directives/editing-directive-base.mjs +17 -2
- package/esm2022/editing-directives/in-cell-editing.directive.mjs +5 -3
- package/esm2022/editing-directives/reactive-editing.directive.mjs +1 -1
- package/esm2022/editing-directives/template-editing.directive.mjs +1 -1
- package/esm2022/filtering/cell/filter-cell-operators.component.mjs +2 -2
- package/esm2022/filtering/filter-row.component.mjs +5 -2
- package/esm2022/filtering/menu/filter-menu-dropdownlist.directive.mjs +1 -1
- package/esm2022/grid.component.mjs +191 -39
- package/esm2022/grid.module.mjs +103 -100
- package/esm2022/grouping/group-header.component.mjs +39 -4
- package/esm2022/grouping/group-panel.component.mjs +13 -8
- package/esm2022/highlight/highlight-item.mjs +5 -0
- package/esm2022/highlight/highlight.directive.mjs +132 -0
- package/esm2022/index.mjs +4 -0
- package/esm2022/localization/messages.mjs +57 -3
- package/esm2022/navigation/navigation-cursor.mjs +7 -1
- package/esm2022/navigation/navigation-metadata.mjs +3 -1
- package/esm2022/navigation/navigation.service.mjs +168 -16
- package/esm2022/navigation/toolbar-tool-name.mjs +2 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/export-element.mjs +14 -5
- package/esm2022/pdf/pdf.component.mjs +3 -1
- package/esm2022/rendering/cell.component.mjs +466 -188
- package/esm2022/rendering/common/col-group.component.mjs +21 -7
- package/esm2022/rendering/details-expand.directive.mjs +5 -2
- package/esm2022/rendering/footer/footer.component.mjs +117 -54
- package/esm2022/rendering/header/header.component.mjs +13 -9
- package/esm2022/rendering/list.component.mjs +19 -12
- package/esm2022/rendering/loading-template.directive.mjs +1 -0
- package/esm2022/rendering/table-body.component.mjs +394 -174
- package/esm2022/rendering/toolbar/tools/ai-assistant/ai-assistant.component.mjs +305 -0
- package/esm2022/rendering/toolbar/tools/ai-assistant/ai-tool.directive.mjs +273 -0
- package/esm2022/rendering/toolbar/tools/ai-assistant/utils.mjs +74 -0
- package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs +5 -4
- package/esm2022/rendering/toolbar/tools/group-toolbar-tool.component.mjs +11 -9
- package/esm2022/rendering/toolbar/tools/select-all-command-tool.directive.mjs +93 -0
- package/esm2022/row-reordering/row-reorder.service.mjs +2 -2
- package/esm2022/row-reordering/utils.mjs +6 -4
- package/esm2022/selection/cell-selection.service.mjs +6 -3
- package/esm2022/selection/pair-set.mjs +87 -10
- package/esm2022/selection/selection-checkbox.directive.mjs +1 -1
- package/esm2022/selection/selection.directive.mjs +1 -1
- package/fesm2022/progress-kendo-angular-grid.mjs +2583 -639
- package/filtering/filter-row.component.d.ts +1 -0
- package/grid.component.d.ts +29 -1
- package/grid.module.d.ts +102 -99
- package/grouping/group-header.component.d.ts +1 -0
- package/grouping/group-panel.component.d.ts +1 -1
- package/highlight/highlight-item.d.ts +17 -0
- package/highlight/highlight.directive.d.ts +56 -0
- package/index.d.ts +8 -1
- package/localization/messages.d.ts +39 -3
- package/navigation/focus-group.d.ts +1 -1
- package/navigation/navigation-metadata.d.ts +2 -1
- package/navigation/navigation.service.d.ts +6 -0
- package/navigation/toolbar-tool-name.d.ts +1 -0
- package/package.json +22 -21
- package/rendering/cell.component.d.ts +30 -15
- package/rendering/common/col-group.component.d.ts +5 -0
- package/rendering/details-expand.directive.d.ts +5 -2
- package/rendering/footer/footer.component.d.ts +4 -1
- package/rendering/header/header.component.d.ts +1 -0
- package/rendering/list.component.d.ts +4 -1
- package/rendering/loading-template.directive.d.ts +1 -0
- package/rendering/table-body.component.d.ts +3 -1
- package/rendering/toolbar/tools/ai-assistant/ai-assistant.component.d.ts +49 -0
- package/rendering/toolbar/tools/ai-assistant/ai-tool.directive.d.ts +115 -0
- package/rendering/toolbar/tools/ai-assistant/utils.d.ts +131 -0
- package/rendering/toolbar/tools/column-chooser-tool.directive.d.ts +0 -1
- package/rendering/toolbar/tools/select-all-command-tool.directive.d.ts +36 -0
- package/row-reordering/row-reorder.service.d.ts +1 -1
- package/row-reordering/utils.d.ts +1 -1
- package/schematics/ngAdd/index.js +4 -4
- package/selection/cell-selection.service.d.ts +1 -0
- package/selection/pair-set.d.ts +36 -8
- package/selection/selection.directive.d.ts +1 -1
package/esm2022/grid.module.mjs
CHANGED
|
@@ -59,103 +59,106 @@ import * as i41 from "./rendering/loading-template.directive";
|
|
|
59
59
|
import * as i42 from "./columns/reorder-column.component";
|
|
60
60
|
import * as i43 from "./rendering/toolbar/tools/sort-command-tool.directive";
|
|
61
61
|
import * as i44 from "./rendering/toolbar/tools/filter-command-tool.directive";
|
|
62
|
-
import * as i45 from "./rendering/toolbar/tools/
|
|
63
|
-
import * as i46 from "./rendering/
|
|
64
|
-
import * as i47 from "./rendering/
|
|
65
|
-
import * as i48 from "./
|
|
66
|
-
import * as i49 from "./
|
|
67
|
-
import * as i50 from "./
|
|
68
|
-
import * as i51 from "
|
|
69
|
-
import * as i52 from "
|
|
70
|
-
import * as i53 from "
|
|
71
|
-
import * as i54 from "
|
|
72
|
-
import * as i55 from "./filtering/
|
|
73
|
-
import * as i56 from "./filtering/cell/
|
|
74
|
-
import * as i57 from "./filtering/cell/
|
|
75
|
-
import * as i58 from "./filtering/cell/
|
|
76
|
-
import * as i59 from "./filtering/cell/
|
|
77
|
-
import * as i60 from "./filtering/cell/filter-cell
|
|
78
|
-
import * as i61 from "./filtering/cell/filter-cell
|
|
79
|
-
import * as i62 from "./filtering/cell/
|
|
80
|
-
import * as i63 from "./filtering/cell/filter-cell-
|
|
81
|
-
import * as i64 from "./filtering/
|
|
82
|
-
import * as i65 from "./filtering/
|
|
83
|
-
import * as i66 from "./filtering/operators/
|
|
84
|
-
import * as i67 from "./filtering/operators/
|
|
85
|
-
import * as i68 from "./filtering/operators/
|
|
86
|
-
import * as i69 from "./filtering/operators/
|
|
87
|
-
import * as i70 from "./filtering/operators/is-
|
|
88
|
-
import * as i71 from "./filtering/operators/
|
|
89
|
-
import * as i72 from "./filtering/operators/
|
|
90
|
-
import * as i73 from "./filtering/operators/
|
|
91
|
-
import * as i74 from "./filtering/operators/
|
|
92
|
-
import * as i75 from "./filtering/operators/
|
|
93
|
-
import * as i76 from "./filtering/operators/
|
|
94
|
-
import * as i77 from "./filtering/operators/
|
|
95
|
-
import * as i78 from "./filtering/operators/
|
|
96
|
-
import * as i79 from "./filtering/operators/
|
|
97
|
-
import * as i80 from "./filtering/operators/
|
|
98
|
-
import * as i81 from "./filtering/operators/
|
|
99
|
-
import * as i82 from "./filtering/filter-
|
|
100
|
-
import * as i83 from "./filtering/
|
|
101
|
-
import * as i84 from "./filtering/
|
|
102
|
-
import * as i85 from "./filtering/menu/filter-menu
|
|
103
|
-
import * as i86 from "./filtering/menu/
|
|
104
|
-
import * as i87 from "./filtering/menu/
|
|
105
|
-
import * as i88 from "./filtering/menu/filter-menu-
|
|
106
|
-
import * as i89 from "./filtering/menu/
|
|
107
|
-
import * as i90 from "./filtering/menu/
|
|
108
|
-
import * as i91 from "./filtering/menu/
|
|
109
|
-
import * as i92 from "./filtering/menu/
|
|
110
|
-
import * as i93 from "./filtering/menu/filter-menu-
|
|
111
|
-
import * as i94 from "./filtering/menu/
|
|
112
|
-
import * as i95 from "./filtering/menu/filter-menu-
|
|
113
|
-
import * as i96 from "./filtering/menu/filter-
|
|
114
|
-
import * as i97 from "./
|
|
115
|
-
import * as i98 from "./
|
|
116
|
-
import * as i99 from "./column-menu/column-chooser.
|
|
117
|
-
import * as i100 from "./
|
|
118
|
-
import * as i101 from "./column-menu/column-
|
|
119
|
-
import * as i102 from "./
|
|
120
|
-
import * as i103 from "./column-menu/column-menu-
|
|
121
|
-
import * as i104 from "./column-menu/column-menu-
|
|
122
|
-
import * as i105 from "./column-menu/column-menu-
|
|
123
|
-
import * as i106 from "./column-menu/column-menu.
|
|
124
|
-
import * as i107 from "./column-menu/column-menu-
|
|
125
|
-
import * as i108 from "./column-menu/column-menu
|
|
126
|
-
import * as i109 from "./column-menu/column-menu-
|
|
127
|
-
import * as i110 from "./column-menu/column-menu-
|
|
128
|
-
import * as i111 from "./column-menu/column-menu-
|
|
129
|
-
import * as i112 from "./column-menu/column-menu-
|
|
130
|
-
import * as i113 from "./column-menu/column-menu-
|
|
131
|
-
import * as i114 from "./column-menu/column-menu-
|
|
132
|
-
import * as i115 from "./
|
|
133
|
-
import * as i116 from "./
|
|
134
|
-
import * as i117 from "./
|
|
135
|
-
import * as i118 from "./
|
|
136
|
-
import * as i119 from "./
|
|
137
|
-
import * as i120 from "./
|
|
138
|
-
import * as i121 from "./
|
|
139
|
-
import * as i122 from "./
|
|
140
|
-
import * as i123 from "./
|
|
141
|
-
import * as i124 from "./
|
|
142
|
-
import * as i125 from "./
|
|
143
|
-
import * as i126 from "./editing-directives/
|
|
144
|
-
import * as i127 from "./
|
|
145
|
-
import * as i128 from "./
|
|
146
|
-
import * as i129 from "./
|
|
147
|
-
import * as i130 from "./
|
|
148
|
-
import * as i131 from "./rendering/
|
|
149
|
-
import * as i132 from "./
|
|
150
|
-
import * as i133 from "./
|
|
151
|
-
import * as i134 from "./
|
|
152
|
-
import * as i135 from "./
|
|
153
|
-
import * as i136 from "./
|
|
154
|
-
import * as i137 from "./
|
|
155
|
-
import * as i138 from "./
|
|
156
|
-
import * as i139 from "./
|
|
157
|
-
import * as i140 from "./
|
|
158
|
-
import * as i141 from "./
|
|
62
|
+
import * as i45 from "./rendering/toolbar/tools/ai-assistant/ai-tool.directive";
|
|
63
|
+
import * as i46 from "./rendering/toolbar/tools/group-command-tool.directive";
|
|
64
|
+
import * as i47 from "./rendering/toolbar/tools/select-all-command-tool.directive";
|
|
65
|
+
import * as i48 from "./rendering/header/header.component";
|
|
66
|
+
import * as i49 from "./rendering/header/header-template.directive";
|
|
67
|
+
import * as i50 from "./column-resizing/column-handle.directive";
|
|
68
|
+
import * as i51 from "./selection/selectall-checkbox.directive";
|
|
69
|
+
import * as i52 from "./rendering/footer/footer.component";
|
|
70
|
+
import * as i53 from "@progress/kendo-angular-pager";
|
|
71
|
+
import * as i54 from "@progress/kendo-angular-toolbar";
|
|
72
|
+
import * as i55 from "./filtering/filter-row.component";
|
|
73
|
+
import * as i56 from "./filtering/cell/filter-cell.component";
|
|
74
|
+
import * as i57 from "./filtering/cell/filter-cell-template.directive";
|
|
75
|
+
import * as i58 from "./filtering/cell/string-filter-cell.component";
|
|
76
|
+
import * as i59 from "./filtering/cell/numeric-filter-cell.component";
|
|
77
|
+
import * as i60 from "./filtering/cell/autocomplete-filter-cell.component";
|
|
78
|
+
import * as i61 from "./filtering/cell/boolean-filter-cell.component";
|
|
79
|
+
import * as i62 from "./filtering/cell/filter-cell-host.directive";
|
|
80
|
+
import * as i63 from "./filtering/cell/filter-cell-wrapper.component";
|
|
81
|
+
import * as i64 from "./filtering/cell/date-filter-cell.component";
|
|
82
|
+
import * as i65 from "./filtering/cell/filter-cell-operators.component";
|
|
83
|
+
import * as i66 from "./filtering/operators/contains-filter-operator.component";
|
|
84
|
+
import * as i67 from "./filtering/operators/not-contains-filter-operator.component";
|
|
85
|
+
import * as i68 from "./filtering/operators/ends-with-filter-operator.component";
|
|
86
|
+
import * as i69 from "./filtering/operators/eq-filter-operator.component";
|
|
87
|
+
import * as i70 from "./filtering/operators/is-empty-filter-operator.component";
|
|
88
|
+
import * as i71 from "./filtering/operators/is-not-empty-filter-operator.component";
|
|
89
|
+
import * as i72 from "./filtering/operators/is-not-null-filter-operator.component";
|
|
90
|
+
import * as i73 from "./filtering/operators/isnull-filter-operator.component";
|
|
91
|
+
import * as i74 from "./filtering/operators/neq-filter-operator.component";
|
|
92
|
+
import * as i75 from "./filtering/operators/starts-with-filter-operator.component";
|
|
93
|
+
import * as i76 from "./filtering/operators/gt-filter-operator.component";
|
|
94
|
+
import * as i77 from "./filtering/operators/gte-filter-operator.component";
|
|
95
|
+
import * as i78 from "./filtering/operators/lt-filter-operator.component";
|
|
96
|
+
import * as i79 from "./filtering/operators/lte-filter-operator.component";
|
|
97
|
+
import * as i80 from "./filtering/operators/after-filter-operator.component";
|
|
98
|
+
import * as i81 from "./filtering/operators/after-eq-filter-operator.component";
|
|
99
|
+
import * as i82 from "./filtering/operators/before-eq-filter-operator.component";
|
|
100
|
+
import * as i83 from "./filtering/operators/before-filter-operator.component";
|
|
101
|
+
import * as i84 from "./filtering/filter-input.directive";
|
|
102
|
+
import * as i85 from "./filtering/menu/filter-menu.component";
|
|
103
|
+
import * as i86 from "./filtering/menu/filter-menu-container.component";
|
|
104
|
+
import * as i87 from "./filtering/menu/filter-menu-input-wrapper.component";
|
|
105
|
+
import * as i88 from "./filtering/menu/string-filter-menu-input.component";
|
|
106
|
+
import * as i89 from "./filtering/menu/string-filter-menu.component";
|
|
107
|
+
import * as i90 from "./filtering/menu/filter-menu-template.directive";
|
|
108
|
+
import * as i91 from "./filtering/menu/numeric-filter-menu.component";
|
|
109
|
+
import * as i92 from "./filtering/menu/numeric-filter-menu-input.component";
|
|
110
|
+
import * as i93 from "./filtering/menu/date-filter-menu-input.component";
|
|
111
|
+
import * as i94 from "./filtering/menu/date-filter-menu.component";
|
|
112
|
+
import * as i95 from "./filtering/menu/filter-menu-host.directive";
|
|
113
|
+
import * as i96 from "./filtering/menu/boolean-filter-menu.component";
|
|
114
|
+
import * as i97 from "./filtering/menu/filter-menu-dropdownlist.directive";
|
|
115
|
+
import * as i98 from "./filtering/menu/filter-radio-button.directive";
|
|
116
|
+
import * as i99 from "./column-menu/column-chooser-item-checked.directive";
|
|
117
|
+
import * as i100 from "./column-menu/column-list.component";
|
|
118
|
+
import * as i101 from "./column-menu/column-chooser.component";
|
|
119
|
+
import * as i102 from "./rendering/toolbar/tools/column-chooser-tool.directive";
|
|
120
|
+
import * as i103 from "./column-menu/column-menu-chooser.component";
|
|
121
|
+
import * as i104 from "./column-menu/column-menu-filter.component";
|
|
122
|
+
import * as i105 from "./column-menu/column-menu-item.component";
|
|
123
|
+
import * as i106 from "./column-menu/column-menu-item-content-template.directive";
|
|
124
|
+
import * as i107 from "./column-menu/column-menu-sort.component";
|
|
125
|
+
import * as i108 from "./column-menu/column-menu.component";
|
|
126
|
+
import * as i109 from "./column-menu/column-menu-lock.component";
|
|
127
|
+
import * as i110 from "./column-menu/column-menu-template.directive";
|
|
128
|
+
import * as i111 from "./column-menu/column-menu-container.component";
|
|
129
|
+
import * as i112 from "./column-menu/column-menu-item.directive";
|
|
130
|
+
import * as i113 from "./column-menu/column-menu-stick.component";
|
|
131
|
+
import * as i114 from "./column-menu/column-menu-position.component";
|
|
132
|
+
import * as i115 from "./column-menu/column-menu-autosize.component";
|
|
133
|
+
import * as i116 from "./column-menu/column-menu-autosize-all.component";
|
|
134
|
+
import * as i117 from "./grid.component";
|
|
135
|
+
import * as i118 from "./rendering/list.component";
|
|
136
|
+
import * as i119 from "./rendering/toolbar/toolbar.component";
|
|
137
|
+
import * as i120 from "./localization/localized-messages.directive";
|
|
138
|
+
import * as i121 from "./localization/custom-messages.component";
|
|
139
|
+
import * as i122 from "./databinding.directive";
|
|
140
|
+
import * as i123 from "./rendering/toolbar/toolbar-template.directive";
|
|
141
|
+
import * as i124 from "./selection/selection.directive";
|
|
142
|
+
import * as i125 from "./highlight/highlight.directive";
|
|
143
|
+
import * as i126 from "./editing-directives/template-editing.directive";
|
|
144
|
+
import * as i127 from "./editing-directives/reactive-editing.directive";
|
|
145
|
+
import * as i128 from "./editing-directives/in-cell-editing.directive";
|
|
146
|
+
import * as i129 from "./editing-directives/external-editing.directive";
|
|
147
|
+
import * as i130 from "./rendering/details-expand.directive";
|
|
148
|
+
import * as i131 from "./rendering/groups-expand.directive";
|
|
149
|
+
import * as i132 from "./grouping/group-scroll-binding.directive";
|
|
150
|
+
import * as i133 from "./selection/marquee.directive";
|
|
151
|
+
import * as i134 from "./rendering/common/spacer.component";
|
|
152
|
+
import * as i135 from "./rendering/toolbar/toolbar-focusable.directive";
|
|
153
|
+
import * as i136 from "./aggregates/status-bar.component";
|
|
154
|
+
import * as i137 from "./aggregates/status-bar-template.directive";
|
|
155
|
+
import * as i138 from "./common/clipboard.directive";
|
|
156
|
+
import * as i139 from "./editing/form/form.component";
|
|
157
|
+
import * as i140 from "./editing/form/dialog-form.component";
|
|
158
|
+
import * as i141 from "./editing/form/form-formfield.component";
|
|
159
|
+
import * as i142 from "./state-management/undo-redo.directive";
|
|
160
|
+
import * as i143 from "./state-management/undo-command-tool";
|
|
161
|
+
import * as i144 from "./state-management/redo-command-tool";
|
|
159
162
|
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
160
163
|
/**
|
|
161
164
|
* Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Grid component.
|
|
@@ -181,9 +184,9 @@ import * as i141 from "./state-management/redo-command-tool";
|
|
|
181
184
|
*/
|
|
182
185
|
export class GridModule {
|
|
183
186
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
184
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.RowDragHandleTemplateDirective, i26.RowDragHintTemplateDirective, i27.TableBodyComponent, i28.NoRecordsTemplateDirective, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i35.AddCommandToolbarDirective, i36.EditCommandToolbarDirective, i37.SaveCommandToolbarDirective, i38.RemoveCommandToolbarDirective, i39.CancelCommandToolbarDirective, i40.CellLoadingTemplateDirective, i41.LoadingTemplateDirective, i42.RowReorderColumnComponent, i43.SortCommandToolbarDirective, i44.FilterCommandToolbarDirective, i45.
|
|
187
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.RowDragHandleTemplateDirective, i26.RowDragHintTemplateDirective, i27.TableBodyComponent, i28.NoRecordsTemplateDirective, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i35.AddCommandToolbarDirective, i36.EditCommandToolbarDirective, i37.SaveCommandToolbarDirective, i38.RemoveCommandToolbarDirective, i39.CancelCommandToolbarDirective, i40.CellLoadingTemplateDirective, i41.LoadingTemplateDirective, i42.RowReorderColumnComponent, i43.SortCommandToolbarDirective, i44.FilterCommandToolbarDirective, i45.AIAssistantToolbarDirective, i46.GroupCommandToolbarDirective, i47.SelectAllToolbarToolComponent, i48.HeaderComponent, i49.HeaderTemplateDirective, i50.ColumnHandleDirective, i51.SelectAllCheckboxDirective, i52.FooterComponent, i53.CustomMessagesComponent, i53.PagerFocusableDirective, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerTemplateDirective, i53.PagerComponent, i53.PagerSpacerComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, i55.FilterRowComponent, i56.FilterCellComponent, i57.FilterCellTemplateDirective, i58.StringFilterCellComponent, i59.NumericFilterCellComponent, i60.AutoCompleteFilterCellComponent, i61.BooleanFilterCellComponent, i62.FilterCellHostDirective, i63.FilterCellWrapperComponent, i64.DateFilterCellComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i65.FilterCellOperatorsComponent, i66.ContainsFilterOperatorComponent, i67.DoesNotContainFilterOperatorComponent, i68.EndsWithFilterOperatorComponent, i69.EqualFilterOperatorComponent, i70.IsEmptyFilterOperatorComponent, i71.IsNotEmptyFilterOperatorComponent, i72.IsNotNullFilterOperatorComponent, i73.IsNullFilterOperatorComponent, i74.NotEqualFilterOperatorComponent, i75.StartsWithFilterOperatorComponent, i76.GreaterFilterOperatorComponent, i77.GreaterOrEqualToFilterOperatorComponent, i78.LessFilterOperatorComponent, i79.LessOrEqualToFilterOperatorComponent, i80.AfterFilterOperatorComponent, i81.AfterEqFilterOperatorComponent, i82.BeforeEqFilterOperatorComponent, i83.BeforeFilterOperatorComponent, i84.FilterInputDirective, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i65.FilterCellOperatorsComponent, i66.ContainsFilterOperatorComponent, i67.DoesNotContainFilterOperatorComponent, i68.EndsWithFilterOperatorComponent, i69.EqualFilterOperatorComponent, i70.IsEmptyFilterOperatorComponent, i71.IsNotEmptyFilterOperatorComponent, i72.IsNotNullFilterOperatorComponent, i73.IsNullFilterOperatorComponent, i74.NotEqualFilterOperatorComponent, i75.StartsWithFilterOperatorComponent, i76.GreaterFilterOperatorComponent, i77.GreaterOrEqualToFilterOperatorComponent, i78.LessFilterOperatorComponent, i79.LessOrEqualToFilterOperatorComponent, i80.AfterFilterOperatorComponent, i81.AfterEqFilterOperatorComponent, i82.BeforeEqFilterOperatorComponent, i83.BeforeFilterOperatorComponent, i84.FilterInputDirective, i85.FilterMenuComponent, i86.FilterMenuContainerComponent, i87.FilterMenuInputWrapperComponent, i88.StringFilterMenuInputComponent, i89.StringFilterMenuComponent, i90.FilterMenuTemplateDirective, i91.NumericFilterMenuComponent, i92.NumericFilterMenuInputComponent, i93.DateFilterMenuInputComponent, i94.DateFilterMenuComponent, i95.FilterMenuHostDirective, i96.BooleanFilterMenuComponent, i97.FilterMenuDropDownListDirective, i98.BooleanFilterRadioButtonDirective, i99.ColumnMenuChooserItemCheckedDirective, i100.ColumnListComponent, i101.ColumnChooserComponent, i102.ColumnChooserToolbarDirective, i103.ColumnMenuChooserComponent, i104.ColumnMenuFilterComponent, i105.ColumnMenuItemComponent, i106.ColumnMenuItemContentTemplateDirective, i107.ColumnMenuSortComponent, i108.ColumnMenuComponent, i109.ColumnMenuLockComponent, i110.ColumnMenuTemplateDirective, i111.ColumnMenuContainerComponent, i112.ColumnMenuItemDirective, i113.ColumnMenuStickComponent, i114.ColumnMenuPositionComponent, i115.ColumnMenuAutoSizeColumnComponent, i116.ColumnMenuAutoSizeAllColumnsComponent, i117.GridComponent, i118.ListComponent, i119.ToolbarComponent, i120.LocalizedMessagesDirective, i121.CustomMessagesComponent, i122.DataBindingDirective, i123.ToolbarTemplateDirective, i124.SelectionDirective, i125.HighlightDirective, i126.TemplateEditingDirective, i127.ReactiveEditingDirective, i128.InCellEditingDirective, i129.ExternalEditingDirective, i130.ExpandDetailsDirective, i131.ExpandGroupDirective, i132.GroupBindingDirective, i133.GridMarqueeDirective, i134.GridSpacerComponent, i135.GridToolbarFocusableDirective, i136.StatusBarComponent, i137.StatusBarTemplateDirective, i138.GridClipboardDirective, i139.FormComponent, i140.DialogFormComponent, i141.FormFormFieldComponent, i142.UndoRedoDirective, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, TableDirective,
|
|
185
188
|
UndoCommandToolbarDirective,
|
|
186
|
-
RedoCommandToolbarDirective], exports: [
|
|
189
|
+
RedoCommandToolbarDirective], exports: [i117.GridComponent, i123.ToolbarTemplateDirective, i119.ToolbarComponent, i134.GridSpacerComponent, i137.StatusBarTemplateDirective, i122.DataBindingDirective, i124.SelectionDirective, i125.HighlightDirective, i121.CustomMessagesComponent, i132.GroupBindingDirective, i126.TemplateEditingDirective, i127.ReactiveEditingDirective, i128.InCellEditingDirective, i129.ExternalEditingDirective, i130.ExpandDetailsDirective, i131.ExpandGroupDirective, i135.GridToolbarFocusableDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.RowDragHandleTemplateDirective, i26.RowDragHintTemplateDirective, i27.TableBodyComponent, i28.NoRecordsTemplateDirective, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i35.AddCommandToolbarDirective, i36.EditCommandToolbarDirective, i37.SaveCommandToolbarDirective, i38.RemoveCommandToolbarDirective, i39.CancelCommandToolbarDirective, i40.CellLoadingTemplateDirective, i41.LoadingTemplateDirective, i42.RowReorderColumnComponent, i43.SortCommandToolbarDirective, i44.FilterCommandToolbarDirective, i45.AIAssistantToolbarDirective, i46.GroupCommandToolbarDirective, i47.SelectAllToolbarToolComponent, i48.HeaderComponent, i49.HeaderTemplateDirective, i50.ColumnHandleDirective, i51.SelectAllCheckboxDirective, i55.FilterRowComponent, i56.FilterCellComponent, i57.FilterCellTemplateDirective, i58.StringFilterCellComponent, i59.NumericFilterCellComponent, i60.AutoCompleteFilterCellComponent, i61.BooleanFilterCellComponent, i62.FilterCellHostDirective, i63.FilterCellWrapperComponent, i64.DateFilterCellComponent, i65.FilterCellOperatorsComponent, i66.ContainsFilterOperatorComponent, i67.DoesNotContainFilterOperatorComponent, i68.EndsWithFilterOperatorComponent, i69.EqualFilterOperatorComponent, i70.IsEmptyFilterOperatorComponent, i71.IsNotEmptyFilterOperatorComponent, i72.IsNotNullFilterOperatorComponent, i73.IsNullFilterOperatorComponent, i74.NotEqualFilterOperatorComponent, i75.StartsWithFilterOperatorComponent, i76.GreaterFilterOperatorComponent, i77.GreaterOrEqualToFilterOperatorComponent, i78.LessFilterOperatorComponent, i79.LessOrEqualToFilterOperatorComponent, i80.AfterFilterOperatorComponent, i81.AfterEqFilterOperatorComponent, i82.BeforeEqFilterOperatorComponent, i83.BeforeFilterOperatorComponent, i85.FilterMenuComponent, i86.FilterMenuContainerComponent, i87.FilterMenuInputWrapperComponent, i88.StringFilterMenuInputComponent, i89.StringFilterMenuComponent, i90.FilterMenuTemplateDirective, i91.NumericFilterMenuComponent, i92.NumericFilterMenuInputComponent, i93.DateFilterMenuInputComponent, i94.DateFilterMenuComponent, i95.FilterMenuHostDirective, i96.BooleanFilterMenuComponent, i97.FilterMenuDropDownListDirective, i98.BooleanFilterRadioButtonDirective, i101.ColumnChooserComponent, i102.ColumnChooserToolbarDirective, i104.ColumnMenuFilterComponent, i105.ColumnMenuItemComponent, i106.ColumnMenuItemContentTemplateDirective, i107.ColumnMenuSortComponent, i109.ColumnMenuLockComponent, i113.ColumnMenuStickComponent, i114.ColumnMenuPositionComponent, i103.ColumnMenuChooserComponent, i110.ColumnMenuTemplateDirective, i111.ColumnMenuContainerComponent, i112.ColumnMenuItemDirective, i108.ColumnMenuComponent, i115.ColumnMenuAutoSizeColumnComponent, i116.ColumnMenuAutoSizeAllColumnsComponent, i138.GridClipboardDirective, i142.UndoRedoDirective, i143.UndoCommandToolbarDirective, i144.RedoCommandToolbarDirective, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, i53.CustomMessagesComponent, i53.PagerFocusableDirective, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerTemplateDirective, i53.PagerComponent, i53.PagerSpacerComponent] });
|
|
187
190
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, providers: [
|
|
188
191
|
PopupService,
|
|
189
192
|
ResizeBatchService,
|
|
@@ -198,7 +201,7 @@ export class GridModule {
|
|
|
198
201
|
MonthViewService,
|
|
199
202
|
YearViewService,
|
|
200
203
|
NavigationService
|
|
201
|
-
], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i27.TableBodyComponent, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective,
|
|
204
|
+
], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i27.TableBodyComponent, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i47.SelectAllToolbarToolComponent, i48.HeaderComponent, i53.CustomMessagesComponent, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerComponent, i53.PagerSpacerComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i58.StringFilterCellComponent, i59.NumericFilterCellComponent, i60.AutoCompleteFilterCellComponent, i61.BooleanFilterCellComponent, i63.FilterCellWrapperComponent, i64.DateFilterCellComponent, i65.FilterCellOperatorsComponent, i65.FilterCellOperatorsComponent, i85.FilterMenuComponent, i86.FilterMenuContainerComponent, i87.FilterMenuInputWrapperComponent, i88.StringFilterMenuInputComponent, i89.StringFilterMenuComponent, i91.NumericFilterMenuComponent, i92.NumericFilterMenuInputComponent, i93.DateFilterMenuInputComponent, i94.DateFilterMenuComponent, i96.BooleanFilterMenuComponent, i100.ColumnListComponent, i101.ColumnChooserComponent, i103.ColumnMenuChooserComponent, i104.ColumnMenuFilterComponent, i105.ColumnMenuItemComponent, i107.ColumnMenuSortComponent, i108.ColumnMenuComponent, i109.ColumnMenuLockComponent, i113.ColumnMenuStickComponent, i114.ColumnMenuPositionComponent, i115.ColumnMenuAutoSizeColumnComponent, i116.ColumnMenuAutoSizeAllColumnsComponent, i117.GridComponent, i118.ListComponent, i139.FormComponent, i140.DialogFormComponent, i141.FormFormFieldComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent] });
|
|
202
205
|
}
|
|
203
206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, decorators: [{
|
|
204
207
|
type: NgModule,
|
|
@@ -111,6 +111,9 @@ export class GroupHeaderComponent {
|
|
|
111
111
|
this.caretAltDownIcon;
|
|
112
112
|
return icon;
|
|
113
113
|
}
|
|
114
|
+
get isStacked() {
|
|
115
|
+
return this.ctx.grid?.isStacked;
|
|
116
|
+
}
|
|
114
117
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: i1.GroupsService }, { token: i2.GroupInfoService }, { token: i3.ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
115
118
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GroupHeaderComponent, isStandalone: true, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
|
|
116
119
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
@@ -140,7 +143,7 @@ export class GroupHeaderComponent {
|
|
|
140
143
|
[svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
|
|
141
144
|
</a>
|
|
142
145
|
<ng-container *ngIf="!groupHeaderTemplate(item)">
|
|
143
|
-
|
|
146
|
+
{{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
|
|
144
147
|
</ng-container>
|
|
145
148
|
<ng-template
|
|
146
149
|
[templateContext]="{
|
|
@@ -156,8 +159,24 @@ export class GroupHeaderComponent {
|
|
|
156
159
|
</ng-template>
|
|
157
160
|
</ng-container>
|
|
158
161
|
</p>
|
|
162
|
+
<div class="k-grid-column-template" *ngIf="isStacked">
|
|
163
|
+
<ng-container *ngFor="let column of groupHeaderColumns; let index = index">
|
|
164
|
+
<div class="k-column-template-item" *ngIf="column.groupHeaderColumnTemplateRef">
|
|
165
|
+
<ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
|
|
166
|
+
[ngTemplateOutletContext]="{
|
|
167
|
+
group: item.data,
|
|
168
|
+
aggregates: item.data?.aggregates,
|
|
169
|
+
value: item.data?.value,
|
|
170
|
+
field: item.data?.field,
|
|
171
|
+
index: item.index,
|
|
172
|
+
$implicit: item.data
|
|
173
|
+
}">
|
|
174
|
+
</ng-template>
|
|
175
|
+
</div>
|
|
176
|
+
</ng-container>
|
|
177
|
+
</div>
|
|
159
178
|
</td>
|
|
160
|
-
<ng-container *ngIf="hasGroupHeaderColumn">
|
|
179
|
+
<ng-container *ngIf="hasGroupHeaderColumn && !isStacked">
|
|
161
180
|
<td *ngFor="let column of groupHeaderColumns; let index = index"
|
|
162
181
|
role="gridcell"
|
|
163
182
|
class="k-table-td"
|
|
@@ -215,7 +234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
215
234
|
[svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
|
|
216
235
|
</a>
|
|
217
236
|
<ng-container *ngIf="!groupHeaderTemplate(item)">
|
|
218
|
-
|
|
237
|
+
{{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
|
|
219
238
|
</ng-container>
|
|
220
239
|
<ng-template
|
|
221
240
|
[templateContext]="{
|
|
@@ -231,8 +250,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
231
250
|
</ng-template>
|
|
232
251
|
</ng-container>
|
|
233
252
|
</p>
|
|
253
|
+
<div class="k-grid-column-template" *ngIf="isStacked">
|
|
254
|
+
<ng-container *ngFor="let column of groupHeaderColumns; let index = index">
|
|
255
|
+
<div class="k-column-template-item" *ngIf="column.groupHeaderColumnTemplateRef">
|
|
256
|
+
<ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
|
|
257
|
+
[ngTemplateOutletContext]="{
|
|
258
|
+
group: item.data,
|
|
259
|
+
aggregates: item.data?.aggregates,
|
|
260
|
+
value: item.data?.value,
|
|
261
|
+
field: item.data?.field,
|
|
262
|
+
index: item.index,
|
|
263
|
+
$implicit: item.data
|
|
264
|
+
}">
|
|
265
|
+
</ng-template>
|
|
266
|
+
</div>
|
|
267
|
+
</ng-container>
|
|
268
|
+
</div>
|
|
234
269
|
</td>
|
|
235
|
-
<ng-container *ngIf="hasGroupHeaderColumn">
|
|
270
|
+
<ng-container *ngIf="hasGroupHeaderColumn && !isStacked">
|
|
236
271
|
<td *ngFor="let column of groupHeaderColumns; let index = index"
|
|
237
272
|
role="gridcell"
|
|
238
273
|
class="k-table-td"
|
|
@@ -16,7 +16,7 @@ import { ContextService } from '../common/provider.service';
|
|
|
16
16
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
17
17
|
import { ChipComponent, ChipListComponent } from '@progress/kendo-angular-buttons';
|
|
18
18
|
import { closest } from '../rendering/common/dom-queries';
|
|
19
|
-
import { DraggableDirective, EventsOutsideAngularDirective, Keys } from '@progress/kendo-angular-common';
|
|
19
|
+
import { DraggableDirective, EventsOutsideAngularDirective, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
|
|
20
20
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
21
21
|
import { DraggableColumnDirective } from '../dragdrop/draggable-column.directive';
|
|
22
22
|
import { NgIf, NgFor } from '@angular/common';
|
|
@@ -176,18 +176,19 @@ export class GroupPanelComponent {
|
|
|
176
176
|
});
|
|
177
177
|
}
|
|
178
178
|
handleKeyDown = (e) => {
|
|
179
|
-
|
|
179
|
+
const code = normalizeNumpadKeys(e);
|
|
180
|
+
if (code === Keys.ArrowDown || code === Keys.ArrowUp) {
|
|
180
181
|
e.preventDefault();
|
|
181
182
|
const relatedItemType = e.target.matches(':first-child') ? 'next' : 'previous';
|
|
182
183
|
this.activateMenuItem(e.target, relatedItemType);
|
|
183
184
|
}
|
|
184
|
-
else if (
|
|
185
|
+
else if (code === Keys.Escape) {
|
|
185
186
|
this.destroyMenu(true);
|
|
186
187
|
}
|
|
187
|
-
else if (
|
|
188
|
+
else if (code === Keys.Tab) {
|
|
188
189
|
this.destroyMenu(true);
|
|
189
190
|
}
|
|
190
|
-
else if (
|
|
191
|
+
else if (code === Keys.Space || code === Keys.Enter) {
|
|
191
192
|
this.handleMenuClick(e);
|
|
192
193
|
}
|
|
193
194
|
};
|
|
@@ -303,7 +304,9 @@ export class GroupPanelComponent {
|
|
|
303
304
|
<kendo-chiplist
|
|
304
305
|
*ngIf="groups.length !== 0"
|
|
305
306
|
[navigable]="navigable"
|
|
306
|
-
role="none"
|
|
307
|
+
role="none"
|
|
308
|
+
[orientation]="null"
|
|
309
|
+
>
|
|
307
310
|
<kendo-chip
|
|
308
311
|
*ngFor="let group of groups; let index = index; let first = first; let last = last;"
|
|
309
312
|
#chip
|
|
@@ -366,7 +369,7 @@ export class GroupPanelComponent {
|
|
|
366
369
|
</li>
|
|
367
370
|
</ul>
|
|
368
371
|
</ng-template>
|
|
369
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
372
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
370
373
|
}
|
|
371
374
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupPanelComponent, decorators: [{
|
|
372
375
|
type: Component,
|
|
@@ -388,7 +391,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
388
391
|
<kendo-chiplist
|
|
389
392
|
*ngIf="groups.length !== 0"
|
|
390
393
|
[navigable]="navigable"
|
|
391
|
-
role="none"
|
|
394
|
+
role="none"
|
|
395
|
+
[orientation]="null"
|
|
396
|
+
>
|
|
392
397
|
<kendo-chip
|
|
393
398
|
*ngFor="let group of groups; let index = index; let first = first; let last = last;"
|
|
394
399
|
#chip
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive, Input } from '@angular/core';
|
|
6
|
+
import { ContextService } from '../common/provider.service';
|
|
7
|
+
import { isPresent } from '@progress/kendo-angular-common';
|
|
8
|
+
import { PairSet } from '../selection/pair-set';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "../common/provider.service";
|
|
11
|
+
/**
|
|
12
|
+
* Stores the row and cell highlight state of the Grid.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```typescript
|
|
16
|
+
* <kendo-grid kendoGridHighlight="ProductID"></kendo-grid>
|
|
17
|
+
*
|
|
18
|
+
* <kendo-grid [kendoGridHighlight]="myKey"></kendo-grid>
|
|
19
|
+
* ```
|
|
20
|
+
* @remarks
|
|
21
|
+
* Applied to: {@link GridComponent}.
|
|
22
|
+
*/
|
|
23
|
+
export class HighlightDirective {
|
|
24
|
+
ctx;
|
|
25
|
+
/**
|
|
26
|
+
* Stores the highlighted items keys.
|
|
27
|
+
* @default []
|
|
28
|
+
*/
|
|
29
|
+
highlightedKeys = [];
|
|
30
|
+
/**
|
|
31
|
+
* Sets the item key to store in `highlightedKeys`. The Grid uses the row index as the default item key.
|
|
32
|
+
*/
|
|
33
|
+
highlightItemKey;
|
|
34
|
+
/**
|
|
35
|
+
* Sets the column key for a data cell. The Grid uses the column index as the default column key.
|
|
36
|
+
*/
|
|
37
|
+
highlightColumnKey;
|
|
38
|
+
rowHighlightState = new Set();
|
|
39
|
+
cellHighlightState = new PairSet();
|
|
40
|
+
constructor(ctx) {
|
|
41
|
+
this.ctx = ctx;
|
|
42
|
+
this.ctx.highlightDirective = this;
|
|
43
|
+
}
|
|
44
|
+
ngOnChanges(changes) {
|
|
45
|
+
if (isPresent(changes['highlightedKeys'])) {
|
|
46
|
+
this.setState(this.highlightedKeys);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
this.reset();
|
|
51
|
+
this.ctx.highlightDirective = null;
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
isRowHighlighted(row) {
|
|
57
|
+
return this.rowHighlightState.has(this.getItemKey(row));
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* @hidden
|
|
61
|
+
*/
|
|
62
|
+
isCellHighlighted(row, column, colIndex) {
|
|
63
|
+
const highlightItem = this.getHighlightItem(row, column, colIndex);
|
|
64
|
+
return this.cellHighlightState.has(highlightItem.itemKey, highlightItem.columnKey);
|
|
65
|
+
}
|
|
66
|
+
getItemKey(row) {
|
|
67
|
+
if (this.highlightItemKey) {
|
|
68
|
+
if (typeof this.highlightItemKey === "string") {
|
|
69
|
+
return row.data?.[this.highlightItemKey];
|
|
70
|
+
}
|
|
71
|
+
if (typeof this.highlightItemKey === "function") {
|
|
72
|
+
return this.highlightItemKey(row);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return row.index;
|
|
76
|
+
}
|
|
77
|
+
getHighlightItem(row, col, colIndex) {
|
|
78
|
+
const itemIdentifiers = {};
|
|
79
|
+
itemIdentifiers.itemKey = this.getItemKey(row);
|
|
80
|
+
if (!isPresent(col) && !isPresent(colIndex)) {
|
|
81
|
+
return itemIdentifiers;
|
|
82
|
+
}
|
|
83
|
+
if (this.highlightColumnKey) {
|
|
84
|
+
if (typeof this.highlightColumnKey === "string") {
|
|
85
|
+
itemIdentifiers.columnKey = row.dataItem[this.highlightColumnKey];
|
|
86
|
+
}
|
|
87
|
+
if (typeof this.highlightColumnKey === "function") {
|
|
88
|
+
itemIdentifiers.columnKey = this.highlightColumnKey(col, colIndex);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
return {
|
|
92
|
+
itemKey: itemIdentifiers.itemKey,
|
|
93
|
+
columnKey: itemIdentifiers.columnKey ? itemIdentifiers.columnKey : colIndex
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
setState(highlightedKeys) {
|
|
97
|
+
this.reset();
|
|
98
|
+
if (!highlightedKeys || highlightedKeys.length === 0) {
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
const rowHighlights = highlightedKeys.filter(item => !isPresent(item.columnKey));
|
|
102
|
+
const cellHighlights = highlightedKeys.filter(item => isPresent(item.columnKey));
|
|
103
|
+
if (cellHighlights.length > 0) {
|
|
104
|
+
this.cellHighlightState = new PairSet(cellHighlights, 'itemKey', 'columnKey');
|
|
105
|
+
}
|
|
106
|
+
if (rowHighlights.length > 0) {
|
|
107
|
+
rowHighlights.forEach(item => {
|
|
108
|
+
this.rowHighlightState.add(item.itemKey);
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
reset() {
|
|
113
|
+
this.rowHighlightState.clear();
|
|
114
|
+
this.cellHighlightState.clear();
|
|
115
|
+
}
|
|
116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
117
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HighlightDirective, isStandalone: true, selector: "[kendoGridHighlight]", inputs: { highlightedKeys: "highlightedKeys", highlightItemKey: ["kendoGridHighlight", "highlightItemKey"], highlightColumnKey: "highlightColumnKey" }, usesOnChanges: true, ngImport: i0 });
|
|
118
|
+
}
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HighlightDirective, decorators: [{
|
|
120
|
+
type: Directive,
|
|
121
|
+
args: [{
|
|
122
|
+
selector: '[kendoGridHighlight]',
|
|
123
|
+
standalone: true
|
|
124
|
+
}]
|
|
125
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { highlightedKeys: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], highlightItemKey: [{
|
|
128
|
+
type: Input,
|
|
129
|
+
args: ["kendoGridHighlight"]
|
|
130
|
+
}], highlightColumnKey: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}] } });
|
package/esm2022/index.mjs
CHANGED
|
@@ -153,6 +153,7 @@ export * from './state-management/grid-state.models';
|
|
|
153
153
|
export { UndoRedoDirective } from './state-management/undo-redo.directive';
|
|
154
154
|
export { UndoCommandToolbarDirective } from './state-management/undo-command-tool';
|
|
155
155
|
export { RedoCommandToolbarDirective } from './state-management/redo-command-tool';
|
|
156
|
+
export { HighlightDirective } from './highlight/highlight.directive';
|
|
156
157
|
// addresses error NG3001: Unsupported private class
|
|
157
158
|
export { ColumnMenuTemplateDirective } from './column-menu/column-menu-template.directive';
|
|
158
159
|
export { EditCommandDirective } from './editing/edit-command.directive';
|
|
@@ -162,6 +163,8 @@ export { RemoveCommandDirective } from './editing/remove-command.directive';
|
|
|
162
163
|
export { AddCommandDirective } from './editing/add-command.directive';
|
|
163
164
|
export { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
|
|
164
165
|
export { ColumnChooserToolbarDirective } from './rendering/toolbar/tools/column-chooser-tool.directive';
|
|
166
|
+
export { AIAssistantToolbarDirective } from './rendering/toolbar/tools/ai-assistant/ai-tool.directive';
|
|
167
|
+
export { SelectAllToolbarToolComponent } from './rendering/toolbar/tools/select-all-command-tool.directive';
|
|
165
168
|
export { SaveCommandToolbarDirective } from './editing/save-command-tool.directive';
|
|
166
169
|
export { EditCommandToolbarDirective } from './editing/edit-command-tool.directive';
|
|
167
170
|
export { RemoveCommandToolbarDirective } from './editing/remove-command-tool.directive';
|
|
@@ -213,3 +216,4 @@ export { SizingOptionsService } from './layout/sizing-options.service';
|
|
|
213
216
|
export { GridTableDirective } from './rendering/grid-table.directive';
|
|
214
217
|
// Needed as it is an optional injection of the FilterService
|
|
215
218
|
export { MenuTabbingService } from './filtering/menu/menu-tabbing.service';
|
|
219
|
+
export * from './rendering/toolbar/tools/ai-assistant/utils';
|