@progress/kendo-angular-grid 19.3.0-develop.23 → 19.3.0-develop.25
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 +19 -0
- package/common/stacked-layout-settings.d.ts +24 -0
- package/directives.d.ts +4 -3
- package/editing-directives/editing-directive-base.d.ts +3 -0
- 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/stacked-layout-settings.mjs +5 -0
- package/esm2022/directives.mjs +3 -1
- package/esm2022/editing-directives/editing-directive-base.mjs +17 -2
- package/esm2022/editing-directives/in-cell-editing.directive.mjs +2 -1
- package/esm2022/filtering/filter-row.component.mjs +5 -2
- package/esm2022/grid.component.mjs +111 -33
- package/esm2022/grid.module.mjs +101 -100
- package/esm2022/grouping/group-header.component.mjs +39 -4
- package/esm2022/index.mjs +1 -0
- package/esm2022/localization/messages.mjs +2 -2
- package/esm2022/navigation/default-focusable-element.mjs +14 -2
- package/esm2022/navigation/focusable.directive.mjs +1 -1
- package/esm2022/navigation/navigation-cursor.mjs +7 -1
- package/esm2022/navigation/navigation-metadata.mjs +3 -1
- package/esm2022/navigation/navigation.service.mjs +136 -5
- 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 +20 -7
- package/esm2022/rendering/footer/footer.component.mjs +117 -54
- package/esm2022/rendering/header/header.component.mjs +5 -2
- package/esm2022/rendering/list.component.mjs +13 -8
- package/esm2022/rendering/table-body.component.mjs +384 -171
- package/esm2022/rendering/toolbar/tools/ai-assistant/ai-assistant.component.mjs +7 -3
- 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/fesm2022/progress-kendo-angular-grid.mjs +1514 -566
- package/filtering/filter-row.component.d.ts +1 -0
- package/grid.component.d.ts +22 -1
- package/grid.module.d.ts +100 -99
- package/grouping/group-header.component.d.ts +1 -0
- package/index.d.ts +3 -0
- package/localization/messages.d.ts +2 -2
- package/navigation/default-focusable-element.d.ts +3 -1
- 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/package.json +21 -21
- package/rendering/cell.component.d.ts +32 -17
- package/rendering/common/col-group.component.d.ts +5 -0
- 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/table-body.component.d.ts +2 -1
- package/rendering/toolbar/tools/ai-assistant/ai-assistant.component.d.ts +1 -0
- 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/esm2022/grid.module.mjs
CHANGED
|
@@ -61,103 +61,104 @@ 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
62
|
import * as i45 from "./rendering/toolbar/tools/ai-assistant/ai-tool.directive";
|
|
63
63
|
import * as i46 from "./rendering/toolbar/tools/group-command-tool.directive";
|
|
64
|
-
import * as i47 from "./rendering/
|
|
65
|
-
import * as i48 from "./rendering/header/header
|
|
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 "@progress/kendo-angular-
|
|
71
|
-
import * as i54 from "
|
|
72
|
-
import * as i55 from "./filtering/
|
|
73
|
-
import * as i56 from "./filtering/cell/filter-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/
|
|
78
|
-
import * as i61 from "./filtering/cell/filter-cell
|
|
79
|
-
import * as i62 from "./filtering/cell/filter-cell-
|
|
80
|
-
import * as i63 from "./filtering/cell/
|
|
81
|
-
import * as i64 from "./filtering/cell/filter-cell
|
|
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/is-not-
|
|
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/after-
|
|
98
|
-
import * as i81 from "./filtering/operators/
|
|
99
|
-
import * as i82 from "./filtering/operators/before-filter-operator.component";
|
|
100
|
-
import * as i83 from "./filtering/filter-
|
|
101
|
-
import * as i84 from "./filtering/
|
|
102
|
-
import * as i85 from "./filtering/menu/filter-menu
|
|
103
|
-
import * as i86 from "./filtering/menu/filter-menu-
|
|
104
|
-
import * as i87 from "./filtering/menu/
|
|
105
|
-
import * as i88 from "./filtering/menu/string-filter-menu.component";
|
|
106
|
-
import * as i89 from "./filtering/menu/filter-menu
|
|
107
|
-
import * as i90 from "./filtering/menu/
|
|
108
|
-
import * as i91 from "./filtering/menu/numeric-filter-menu
|
|
109
|
-
import * as i92 from "./filtering/menu/
|
|
110
|
-
import * as i93 from "./filtering/menu/date-filter-menu.component";
|
|
111
|
-
import * as i94 from "./filtering/menu/filter-menu
|
|
112
|
-
import * as i95 from "./filtering/menu/
|
|
113
|
-
import * as i96 from "./filtering/menu/filter-menu
|
|
114
|
-
import * as i97 from "./filtering/menu/filter-
|
|
115
|
-
import * as i98 from "./
|
|
116
|
-
import * as i99 from "./column-menu/column-
|
|
117
|
-
import * as i100 from "./column-menu/column-
|
|
118
|
-
import * as i101 from "./
|
|
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-item
|
|
123
|
-
import * as i106 from "./column-menu/column-menu-
|
|
124
|
-
import * as i107 from "./column-menu/column-menu.component";
|
|
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 "./column-menu/column-menu-autosize
|
|
133
|
-
import * as i116 from "./
|
|
134
|
-
import * as i117 from "./
|
|
135
|
-
import * as i118 from "./rendering/
|
|
136
|
-
import * as i119 from "./
|
|
137
|
-
import * as i120 from "./localization/
|
|
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 "./editing-directives/
|
|
145
|
-
import * as i128 from "./editing-directives/
|
|
146
|
-
import * as i129 from "./
|
|
147
|
-
import * as i130 from "./rendering/
|
|
148
|
-
import * as i131 from "./
|
|
149
|
-
import * as i132 from "./
|
|
150
|
-
import * as i133 from "./
|
|
151
|
-
import * as i134 from "./rendering/
|
|
152
|
-
import * as i135 from "./
|
|
153
|
-
import * as i136 from "./aggregates/status-bar
|
|
154
|
-
import * as i137 from "./
|
|
155
|
-
import * as i138 from "./
|
|
156
|
-
import * as i139 from "./editing/form/
|
|
157
|
-
import * as i140 from "./editing/form/form
|
|
158
|
-
import * as i141 from "./
|
|
159
|
-
import * as i142 from "./state-management/undo-
|
|
160
|
-
import * as i143 from "./state-management/
|
|
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";
|
|
161
162
|
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
162
163
|
/**
|
|
163
164
|
* Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Grid component.
|
|
@@ -183,9 +184,9 @@ import * as i143 from "./state-management/redo-command-tool";
|
|
|
183
184
|
*/
|
|
184
185
|
export class GridModule {
|
|
185
186
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
186
|
-
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.
|
|
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,
|
|
187
188
|
UndoCommandToolbarDirective,
|
|
188
|
-
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] });
|
|
189
190
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, providers: [
|
|
190
191
|
PopupService,
|
|
191
192
|
ResizeBatchService,
|
|
@@ -200,7 +201,7 @@ export class GridModule {
|
|
|
200
201
|
MonthViewService,
|
|
201
202
|
YearViewService,
|
|
202
203
|
NavigationService
|
|
203
|
-
], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i27.TableBodyComponent, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i47.HeaderComponent,
|
|
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] });
|
|
204
205
|
}
|
|
205
206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, decorators: [{
|
|
206
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"
|
package/esm2022/index.mjs
CHANGED
|
@@ -164,6 +164,7 @@ export { AddCommandDirective } from './editing/add-command.directive';
|
|
|
164
164
|
export { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
|
|
165
165
|
export { ColumnChooserToolbarDirective } from './rendering/toolbar/tools/column-chooser-tool.directive';
|
|
166
166
|
export { AIAssistantToolbarDirective } from './rendering/toolbar/tools/ai-assistant/ai-tool.directive';
|
|
167
|
+
export { SelectAllToolbarToolComponent } from './rendering/toolbar/tools/select-all-command-tool.directive';
|
|
167
168
|
export { SaveCommandToolbarDirective } from './editing/save-command-tool.directive';
|
|
168
169
|
export { EditCommandToolbarDirective } from './editing/edit-command-tool.directive';
|
|
169
170
|
export { RemoveCommandToolbarDirective } from './editing/remove-command-tool.directive';
|
|
@@ -419,11 +419,11 @@ export class GridMessages extends ComponentMessages {
|
|
|
419
419
|
*/
|
|
420
420
|
columnsReset;
|
|
421
421
|
/**
|
|
422
|
-
* Sets the title for the expand icon of detail rows.
|
|
422
|
+
* Sets the title for the expand icon of detail rows. Applies also to the expand button text in stacked mode.
|
|
423
423
|
*/
|
|
424
424
|
detailExpand;
|
|
425
425
|
/**
|
|
426
|
-
* Sets the title for the collapse icon of detail rows.
|
|
426
|
+
* Sets the title for the collapse icon of detail rows. Applies also to the collapse button text in stacked mode.
|
|
427
427
|
*/
|
|
428
428
|
detailCollapse;
|
|
429
429
|
/**
|
|
@@ -15,6 +15,7 @@ const isNavigable = element => !element.disabled && (isButton(element) || isNavi
|
|
|
15
15
|
*/
|
|
16
16
|
export class DefaultFocusableElement {
|
|
17
17
|
renderer;
|
|
18
|
+
ctx;
|
|
18
19
|
get enabled() {
|
|
19
20
|
return this.focusable && !this.focusable.disabled;
|
|
20
21
|
}
|
|
@@ -23,8 +24,9 @@ export class DefaultFocusableElement {
|
|
|
23
24
|
}
|
|
24
25
|
element;
|
|
25
26
|
focusable;
|
|
26
|
-
constructor(host, renderer) {
|
|
27
|
+
constructor(host, renderer, ctx) {
|
|
27
28
|
this.renderer = renderer;
|
|
29
|
+
this.ctx = ctx;
|
|
28
30
|
this.element = host.nativeElement;
|
|
29
31
|
this.focusable = findFocusable(this.element, false) || this.element;
|
|
30
32
|
}
|
|
@@ -32,7 +34,17 @@ export class DefaultFocusableElement {
|
|
|
32
34
|
return this.canFocus() && isNavigable(this.element);
|
|
33
35
|
}
|
|
34
36
|
toggle(active) {
|
|
35
|
-
this.
|
|
37
|
+
if (this.ctx.grid?.isStacked) {
|
|
38
|
+
if (active) {
|
|
39
|
+
this.renderer.setAttribute(this.focusable, 'tabindex', '0');
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
this.renderer.removeAttribute(this.focusable, 'tabindex');
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.renderer.setAttribute(this.focusable, 'tabindex', active ? '0' : '-1');
|
|
47
|
+
}
|
|
36
48
|
}
|
|
37
49
|
focus() {
|
|
38
50
|
if (this.focusable) {
|
|
@@ -70,7 +70,7 @@ export class FocusableDirective {
|
|
|
70
70
|
}
|
|
71
71
|
ngAfterViewInit() {
|
|
72
72
|
if (!this.element && this.ctx.navigable) {
|
|
73
|
-
this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
|
|
73
|
+
this.element = new DefaultFocusableElement(this.hostElement, this.renderer, this.ctx);
|
|
74
74
|
}
|
|
75
75
|
if (this.group && this.element) {
|
|
76
76
|
this.toggle(this.group.isActive);
|
|
@@ -13,7 +13,7 @@ export class NavigationCursor {
|
|
|
13
13
|
set metadata(value) {
|
|
14
14
|
this._metadata = value;
|
|
15
15
|
if (isPresent(value)) {
|
|
16
|
-
const newActiveCol = value.hasDetailTemplate ? 1 : 0;
|
|
16
|
+
const newActiveCol = value.hasDetailTemplate && !this.metadata.isStacked ? 1 : 0;
|
|
17
17
|
const shouldChange = this.activeRow < value.headerRows && this.activeCol === 0;
|
|
18
18
|
if (shouldChange && newActiveCol !== this.activeCol) {
|
|
19
19
|
this.activeCol = newActiveCol;
|
|
@@ -133,6 +133,9 @@ export class NavigationCursor {
|
|
|
133
133
|
(this.metadata.hasDetailTemplate && (!row || !row.groupItem) ? 1 : 0);
|
|
134
134
|
}
|
|
135
135
|
offsetCol(offset) {
|
|
136
|
+
if (this.metadata.isStacked) {
|
|
137
|
+
return false;
|
|
138
|
+
}
|
|
136
139
|
const prevRow = this.model.findRow(this.virtualRow);
|
|
137
140
|
const lastIndex = this.lastCellIndex(prevRow);
|
|
138
141
|
const virtualCol = this.virtualCol;
|
|
@@ -212,6 +215,9 @@ export class NavigationCursor {
|
|
|
212
215
|
if (!cell && (this.metadata.virtualColumns || this.metadata.hasDetailTemplate)) {
|
|
213
216
|
return this.activate(this.virtualRow + offset, this.virtualCol);
|
|
214
217
|
}
|
|
218
|
+
if (!cell) {
|
|
219
|
+
return false;
|
|
220
|
+
}
|
|
215
221
|
this.virtualRow = cell.rowIndex;
|
|
216
222
|
return this.activate(this.virtualRow, cell.colIndex);
|
|
217
223
|
}
|
|
@@ -14,11 +14,12 @@ export class NavigationMetadata {
|
|
|
14
14
|
gridElement;
|
|
15
15
|
virtualColumns;
|
|
16
16
|
columns;
|
|
17
|
+
isStacked;
|
|
17
18
|
get maxLogicalRowIndex() {
|
|
18
19
|
const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
|
|
19
20
|
return this.headerRows + dataRows - 1;
|
|
20
21
|
}
|
|
21
|
-
constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns) {
|
|
22
|
+
constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, isStacked) {
|
|
22
23
|
this.dataRows = dataRows;
|
|
23
24
|
this.headerRows = headerRows;
|
|
24
25
|
this.isVirtual = isVirtual;
|
|
@@ -27,5 +28,6 @@ export class NavigationMetadata {
|
|
|
27
28
|
this.gridElement = gridElement;
|
|
28
29
|
this.virtualColumns = virtualColumns;
|
|
29
30
|
this.columns = columns;
|
|
31
|
+
this.isStacked = isStacked;
|
|
30
32
|
}
|
|
31
33
|
}
|