@progress/kendo-angular-grid 19.0.0-develop.32 → 19.0.0-develop.33
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/adaptiveness/adaptive-renderer.component.d.ts +5 -0
- package/common/adaptiveness.service.d.ts +1 -1
- package/directives.d.ts +4 -3
- package/esm2022/adaptiveness/adaptive-renderer.component.mjs +95 -6
- package/esm2022/directives.mjs +3 -1
- package/esm2022/grid.component.mjs +32 -8
- package/esm2022/grid.module.mjs +100 -99
- package/esm2022/index.mjs +1 -0
- package/esm2022/localization/messages.mjs +25 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rendering/toolbar/tools/group-command-tool.directive.mjs +206 -0
- package/esm2022/rendering/toolbar/tools/group-toolbar-tool.component.mjs +425 -0
- package/fesm2022/progress-kendo-angular-grid.mjs +825 -87
- package/grid.module.d.ts +99 -98
- package/index.d.ts +1 -0
- package/localization/messages.d.ts +17 -1
- package/package.json +21 -21
- package/rendering/toolbar/tools/group-command-tool.directive.d.ts +51 -0
- package/rendering/toolbar/tools/group-toolbar-tool.component.d.ts +61 -0
- package/schematics/ngAdd/index.js +4 -4
|
@@ -17,6 +17,7 @@ import { ColumnComponent } from '../columns/column.component';
|
|
|
17
17
|
import { ColumnInfoService } from '../common/column-info.service';
|
|
18
18
|
import { ColumnBase } from '../columns/column-base';
|
|
19
19
|
import { SortDescriptor } from '@progress/kendo-data-query';
|
|
20
|
+
import { GroupToolbarToolComponent } from '../rendering/toolbar/tools/group-toolbar-tool.component';
|
|
20
21
|
import * as i0 from "@angular/core";
|
|
21
22
|
/**
|
|
22
23
|
* @hidden
|
|
@@ -55,10 +56,13 @@ export declare class AdaptiveRendererComponent {
|
|
|
55
56
|
get adaptiveFilterTitle(): string;
|
|
56
57
|
get columnMenuTitle(): string;
|
|
57
58
|
get filterLabel(): string;
|
|
59
|
+
get hasXCloseIcon(): boolean;
|
|
60
|
+
get hasCheckCloseIcon(): boolean;
|
|
58
61
|
columnList: ColumnListComponent;
|
|
59
62
|
filterToolbarToolTemplate: ViewContainerRef;
|
|
60
63
|
filterMenuContainer: FilterMenuContainerComponent;
|
|
61
64
|
actionSheet: ActionSheetComponent;
|
|
65
|
+
set groupToolbarTool(value: GroupToolbarToolComponent);
|
|
62
66
|
private adaptiveSizeChangeSubscription;
|
|
63
67
|
constructor(service: ColumnMenuService, adaptiveGridService: AdaptiveGridService, filterService: FilterService, ctx: ContextService, adaptiveService: AdaptiveService, sortService: SortService, columnInfoService: ColumnInfoService);
|
|
64
68
|
ngOnInit(): void;
|
|
@@ -75,6 +79,7 @@ export declare class AdaptiveRendererComponent {
|
|
|
75
79
|
toggleSort(column: ColumnBase): void;
|
|
76
80
|
getDescriptor(column: ColumnBase): SortDescriptor[];
|
|
77
81
|
clearSorting(): void;
|
|
82
|
+
clearGrouping(): void;
|
|
78
83
|
onAnimationEnd(): void;
|
|
79
84
|
cancelChanges(): void;
|
|
80
85
|
onTab(event: KeyboardEvent): void;
|
|
@@ -12,7 +12,7 @@ import { ContextService } from "./provider.service";
|
|
|
12
12
|
import { FilterMenuContainerComponent } from "../filtering/menu/filter-menu-container.component";
|
|
13
13
|
import { ColumnMenuService } from "../column-menu/column-menu.service";
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
|
-
type AdaptiveView = 'columnMenu' | 'filterMenu' | 'sortToolbarTool' | 'filterToolbarTool' | 'columnChooserToolbarTool' | 'externalEditing';
|
|
15
|
+
type AdaptiveView = 'columnMenu' | 'filterMenu' | 'sortToolbarTool' | 'filterToolbarTool' | 'columnChooserToolbarTool' | 'groupToolbarTool' | 'externalEditing';
|
|
16
16
|
type SecondaryView = 'columnChooser' | 'columnPosition' | 'columnFilter';
|
|
17
17
|
/**
|
|
18
18
|
* @hidden
|
package/directives.d.ts
CHANGED
|
@@ -149,6 +149,7 @@ import { EditCommandToolbarDirective } from "./editing/edit-command-tool.directi
|
|
|
149
149
|
import { SaveCommandToolbarDirective } from "./editing/save-command-tool.directive";
|
|
150
150
|
import { RemoveCommandToolbarDirective } from "./editing/remove-command-tool.directive";
|
|
151
151
|
import { CancelCommandToolbarDirective } from "./editing/cancel-command-tool.directive";
|
|
152
|
+
import { GroupCommandToolbarDirective } from "./rendering/toolbar/tools/group-command-tool.directive";
|
|
152
153
|
/**
|
|
153
154
|
* @hidden
|
|
154
155
|
*
|
|
@@ -230,7 +231,7 @@ export declare const KENDO_GRID_FOOTER_EXPORTS: readonly [typeof FooterComponent
|
|
|
230
231
|
*
|
|
231
232
|
* Utility array that contains the Body module exports
|
|
232
233
|
*/
|
|
233
|
-
export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective];
|
|
234
|
+
export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof GroupCommandToolbarDirective];
|
|
234
235
|
/**
|
|
235
236
|
* @hidden
|
|
236
237
|
*
|
|
@@ -242,7 +243,7 @@ export declare const KENDO_GRID_DECLARATIONS: readonly [typeof GridComponent, ty
|
|
|
242
243
|
*
|
|
243
244
|
* Utility array that contains the Grid module exports
|
|
244
245
|
*/
|
|
245
|
-
export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof UndoRedoDirective, typeof UndoCommandToolbarDirective, typeof RedoCommandToolbarDirective];
|
|
246
|
+
export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof GroupCommandToolbarDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof UndoRedoDirective, typeof UndoCommandToolbarDirective, typeof RedoCommandToolbarDirective];
|
|
246
247
|
/**
|
|
247
248
|
* @hidden
|
|
248
249
|
*
|
|
@@ -258,4 +259,4 @@ export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeo
|
|
|
258
259
|
/**
|
|
259
260
|
* Utility array that contains all `Grid` related components and directives
|
|
260
261
|
*/
|
|
261
|
-
export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof UndoRedoDirective, typeof UndoCommandToolbarDirective, typeof RedoCommandToolbarDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
|
|
262
|
+
export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof GroupCommandToolbarDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof UndoRedoDirective, typeof UndoCommandToolbarDirective, typeof RedoCommandToolbarDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
|
|
@@ -34,6 +34,7 @@ import { normalize } from '../columns/sort-settings';
|
|
|
34
34
|
import { directions } from '../rendering/toolbar/tools/sort-toolbar-tool.component';
|
|
35
35
|
import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
|
|
36
36
|
import { FormComponent } from '../editing/form';
|
|
37
|
+
import { GroupToolbarToolComponent } from '../rendering/toolbar/tools/group-toolbar-tool.component';
|
|
37
38
|
import * as i0 from "@angular/core";
|
|
38
39
|
import * as i1 from "../column-menu/column-menu.service";
|
|
39
40
|
import * as i2 from "../common/adaptiveness.service";
|
|
@@ -97,6 +98,7 @@ export class AdaptiveRendererComponent {
|
|
|
97
98
|
this.adaptiveGridService.viewType === 'columnChooserToolbarTool' ||
|
|
98
99
|
this.adaptiveGridService.viewType === 'filterMenu' ||
|
|
99
100
|
this.adaptiveGridService.viewType === 'sortToolbarTool' ||
|
|
101
|
+
this.adaptiveGridService.viewType === 'groupToolbarTool' ||
|
|
100
102
|
this.adaptiveGridService.viewType === 'externalEditing';
|
|
101
103
|
return hasTitle;
|
|
102
104
|
}
|
|
@@ -133,6 +135,9 @@ export class AdaptiveRendererComponent {
|
|
|
133
135
|
if (this.adaptiveGridService.viewType === 'sortToolbarTool') {
|
|
134
136
|
return this.messageFor('adaptiveSortTitle');
|
|
135
137
|
}
|
|
138
|
+
if (this.adaptiveGridService.viewType === 'groupToolbarTool') {
|
|
139
|
+
return this.messageFor('adaptiveGroupTitle');
|
|
140
|
+
}
|
|
136
141
|
if (this.adaptiveGridService.viewType === 'externalEditing') {
|
|
137
142
|
return this.messageFor(this.externalEditingSettings.event.isNew ? 'externalEditingAddTitle' : 'externalEditingTitle');
|
|
138
143
|
}
|
|
@@ -150,10 +155,19 @@ export class AdaptiveRendererComponent {
|
|
|
150
155
|
const columnName = this.adaptiveGridService.column.title || this.adaptiveGridService.column.field;
|
|
151
156
|
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
|
|
152
157
|
}
|
|
158
|
+
get hasXCloseIcon() {
|
|
159
|
+
return this.adaptiveGridService.viewType !== 'sortToolbarTool' && this.adaptiveGridService.viewType !== 'groupToolbarTool';
|
|
160
|
+
}
|
|
161
|
+
get hasCheckCloseIcon() {
|
|
162
|
+
return this.adaptiveGridService.viewType === 'sortToolbarTool' || this.adaptiveGridService.viewType === 'groupToolbarTool';
|
|
163
|
+
}
|
|
153
164
|
columnList;
|
|
154
165
|
filterToolbarToolTemplate;
|
|
155
166
|
filterMenuContainer;
|
|
156
167
|
actionSheet;
|
|
168
|
+
set groupToolbarTool(value) {
|
|
169
|
+
value && (value.ctx = this.ctx);
|
|
170
|
+
}
|
|
157
171
|
adaptiveSizeChangeSubscription;
|
|
158
172
|
constructor(service, adaptiveGridService, filterService, ctx, adaptiveService, sortService, columnInfoService) {
|
|
159
173
|
this.service = service;
|
|
@@ -252,6 +266,13 @@ export class AdaptiveRendererComponent {
|
|
|
252
266
|
}
|
|
253
267
|
this.actionSheet.toggle(false);
|
|
254
268
|
}
|
|
269
|
+
clearGrouping() {
|
|
270
|
+
if (this.ctx.grid.group.length > 0) {
|
|
271
|
+
this.ctx.grid.group = [];
|
|
272
|
+
this.ctx.grid.groupChange.emit(this.ctx.grid.group);
|
|
273
|
+
}
|
|
274
|
+
this.actionSheet.toggle(false);
|
|
275
|
+
}
|
|
255
276
|
onAnimationEnd() {
|
|
256
277
|
this.adaptiveGridService.notifyAnimationEnd();
|
|
257
278
|
}
|
|
@@ -267,7 +288,7 @@ export class AdaptiveRendererComponent {
|
|
|
267
288
|
this.actionSheet.toggle(false);
|
|
268
289
|
}
|
|
269
290
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveRendererComponent, deps: [{ token: i1.ColumnMenuService }, { token: i2.AdaptiveGridService }, { token: i3.FilterService }, { token: i4.ContextService }, { token: i5.AdaptiveService }, { token: i6.SortService }, { token: i7.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
270
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdaptiveRendererComponent, isStandalone: true, selector: "kendo-grid-adaptive-renderer", viewQueries: [{ propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }, { propertyName: "filterToolbarToolTemplate", first: true, predicate: ["filterToolbarToolTemplate"], descendants: true, read: ViewContainerRef }, { propertyName: "filterMenuContainer", first: true, predicate: ["filterMenuContainer"], descendants: true }, { propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }], ngImport: i0, template: `
|
|
291
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdaptiveRendererComponent, isStandalone: true, selector: "kendo-grid-adaptive-renderer", viewQueries: [{ propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }, { propertyName: "filterToolbarToolTemplate", first: true, predicate: ["filterToolbarToolTemplate"], descendants: true, read: ViewContainerRef }, { propertyName: "filterMenuContainer", first: true, predicate: ["filterMenuContainer"], descendants: true }, { propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "groupToolbarTool", first: true, predicate: GroupToolbarToolComponent, descendants: true }], ngImport: i0, template: `
|
|
271
292
|
<kendo-actionsheet
|
|
272
293
|
[cssClass]="{
|
|
273
294
|
'k-adaptive-actionsheet': true,
|
|
@@ -558,6 +579,38 @@ export class AdaptiveRendererComponent {
|
|
|
558
579
|
</button>
|
|
559
580
|
</ng-template>
|
|
560
581
|
</kendo-actionsheet-view>
|
|
582
|
+
|
|
583
|
+
<!-- groupToolbarTool view -->
|
|
584
|
+
<kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'groupToolbarTool'">
|
|
585
|
+
<ng-template kendoActionSheetHeaderTemplate>
|
|
586
|
+
<ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
|
|
587
|
+
</ng-container>
|
|
588
|
+
</ng-template>
|
|
589
|
+
<ng-template kendoActionSheetContentTemplate>
|
|
590
|
+
<kendo-group-toolbar-tool [adaptive]="true"></kendo-group-toolbar-tool>
|
|
591
|
+
</ng-template>
|
|
592
|
+
<ng-template kendoActionSheetFooterTemplate>
|
|
593
|
+
<button
|
|
594
|
+
kendoButton
|
|
595
|
+
size="large"
|
|
596
|
+
fillMode="solid"
|
|
597
|
+
icon="x"
|
|
598
|
+
[svgIcon]="xIcon"
|
|
599
|
+
(click)="clearGrouping()">
|
|
600
|
+
{{messageFor('groupClearButton')}}
|
|
601
|
+
</button>
|
|
602
|
+
<button
|
|
603
|
+
kendoButton
|
|
604
|
+
size="large"
|
|
605
|
+
fillMode="solid"
|
|
606
|
+
icon="check"
|
|
607
|
+
[svgIcon]="checkIcon"
|
|
608
|
+
themeColor="primary"
|
|
609
|
+
(click)="actionSheet.toggle(false)">
|
|
610
|
+
{{messageFor('groupDoneButton')}}
|
|
611
|
+
</button>
|
|
612
|
+
</ng-template>
|
|
613
|
+
</kendo-actionsheet-view>
|
|
561
614
|
</kendo-actionsheet>
|
|
562
615
|
|
|
563
616
|
<ng-template #actionSheetHeaderTemplate>
|
|
@@ -582,7 +635,7 @@ export class AdaptiveRendererComponent {
|
|
|
582
635
|
{{messageFor('columnsSubtitle')}}
|
|
583
636
|
</div>
|
|
584
637
|
</div>
|
|
585
|
-
<div *ngIf="
|
|
638
|
+
<div *ngIf="hasXCloseIcon" class="k-actionsheet-actions">
|
|
586
639
|
<button
|
|
587
640
|
kendoButton
|
|
588
641
|
icon="x"
|
|
@@ -593,7 +646,7 @@ export class AdaptiveRendererComponent {
|
|
|
593
646
|
(click)="close()">
|
|
594
647
|
</button>
|
|
595
648
|
</div>
|
|
596
|
-
<div *ngIf="
|
|
649
|
+
<div *ngIf="hasCheckCloseIcon" class="k-actionsheet-actions">
|
|
597
650
|
<button
|
|
598
651
|
kendoButton
|
|
599
652
|
icon="check"
|
|
@@ -661,7 +714,7 @@ export class AdaptiveRendererComponent {
|
|
|
661
714
|
{{messageFor('filterFilterButton')}}
|
|
662
715
|
</button>
|
|
663
716
|
</ng-template>
|
|
664
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "component", type: ActionSheetViewComponent, selector: "kendo-actionsheet-view", inputs: ["title", "subtitle", "titleId"] }, { kind: "component", type: FilterToolbarToolComponent, selector: "kendo-filter-toolbar-tool", outputs: ["close"] }, { kind: "component", type: ButtonDirective, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ActionSheetHeaderTemplateDirective, selector: "[kendoActionSheetHeaderTemplate]" }, { kind: "directive", type: ActionSheetContentTemplateDirective, selector: "[kendoActionSheetContentTemplate]" }, { kind: "directive", type: ActionSheetFooterTemplateDirective, selector: "[kendoActionSheetFooterTemplate]" }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "showActions", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: FormComponent, selector: "kendo-grid-external-form", inputs: ["controls", "formSettings", "formGroup", "actionButtons"], outputs: ["formSubmit"] }] });
|
|
717
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "component", type: ActionSheetViewComponent, selector: "kendo-actionsheet-view", inputs: ["title", "subtitle", "titleId"] }, { kind: "component", type: FilterToolbarToolComponent, selector: "kendo-filter-toolbar-tool", outputs: ["close"] }, { kind: "component", type: GroupToolbarToolComponent, selector: "kendo-group-toolbar-tool", inputs: ["adaptive"], outputs: ["close", "groupClear"] }, { kind: "component", type: ButtonDirective, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ActionSheetHeaderTemplateDirective, selector: "[kendoActionSheetHeaderTemplate]" }, { kind: "directive", type: ActionSheetContentTemplateDirective, selector: "[kendoActionSheetContentTemplate]" }, { kind: "directive", type: ActionSheetFooterTemplateDirective, selector: "[kendoActionSheetFooterTemplate]" }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "showActions", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: FormComponent, selector: "kendo-grid-external-form", inputs: ["controls", "formSettings", "formGroup", "actionButtons"], outputs: ["formSubmit"] }] });
|
|
665
718
|
}
|
|
666
719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveRendererComponent, decorators: [{
|
|
667
720
|
type: Component,
|
|
@@ -958,6 +1011,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
958
1011
|
</button>
|
|
959
1012
|
</ng-template>
|
|
960
1013
|
</kendo-actionsheet-view>
|
|
1014
|
+
|
|
1015
|
+
<!-- groupToolbarTool view -->
|
|
1016
|
+
<kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'groupToolbarTool'">
|
|
1017
|
+
<ng-template kendoActionSheetHeaderTemplate>
|
|
1018
|
+
<ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
|
|
1019
|
+
</ng-container>
|
|
1020
|
+
</ng-template>
|
|
1021
|
+
<ng-template kendoActionSheetContentTemplate>
|
|
1022
|
+
<kendo-group-toolbar-tool [adaptive]="true"></kendo-group-toolbar-tool>
|
|
1023
|
+
</ng-template>
|
|
1024
|
+
<ng-template kendoActionSheetFooterTemplate>
|
|
1025
|
+
<button
|
|
1026
|
+
kendoButton
|
|
1027
|
+
size="large"
|
|
1028
|
+
fillMode="solid"
|
|
1029
|
+
icon="x"
|
|
1030
|
+
[svgIcon]="xIcon"
|
|
1031
|
+
(click)="clearGrouping()">
|
|
1032
|
+
{{messageFor('groupClearButton')}}
|
|
1033
|
+
</button>
|
|
1034
|
+
<button
|
|
1035
|
+
kendoButton
|
|
1036
|
+
size="large"
|
|
1037
|
+
fillMode="solid"
|
|
1038
|
+
icon="check"
|
|
1039
|
+
[svgIcon]="checkIcon"
|
|
1040
|
+
themeColor="primary"
|
|
1041
|
+
(click)="actionSheet.toggle(false)">
|
|
1042
|
+
{{messageFor('groupDoneButton')}}
|
|
1043
|
+
</button>
|
|
1044
|
+
</ng-template>
|
|
1045
|
+
</kendo-actionsheet-view>
|
|
961
1046
|
</kendo-actionsheet>
|
|
962
1047
|
|
|
963
1048
|
<ng-template #actionSheetHeaderTemplate>
|
|
@@ -982,7 +1067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
982
1067
|
{{messageFor('columnsSubtitle')}}
|
|
983
1068
|
</div>
|
|
984
1069
|
</div>
|
|
985
|
-
<div *ngIf="
|
|
1070
|
+
<div *ngIf="hasXCloseIcon" class="k-actionsheet-actions">
|
|
986
1071
|
<button
|
|
987
1072
|
kendoButton
|
|
988
1073
|
icon="x"
|
|
@@ -993,7 +1078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
993
1078
|
(click)="close()">
|
|
994
1079
|
</button>
|
|
995
1080
|
</div>
|
|
996
|
-
<div *ngIf="
|
|
1081
|
+
<div *ngIf="hasCheckCloseIcon" class="k-actionsheet-actions">
|
|
997
1082
|
<button
|
|
998
1083
|
kendoButton
|
|
999
1084
|
icon="check"
|
|
@@ -1070,6 +1155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1070
1155
|
ActionSheetComponent,
|
|
1071
1156
|
ActionSheetViewComponent,
|
|
1072
1157
|
FilterToolbarToolComponent,
|
|
1158
|
+
GroupToolbarToolComponent,
|
|
1073
1159
|
ButtonDirective,
|
|
1074
1160
|
ActionSheetHeaderTemplateDirective,
|
|
1075
1161
|
ActionSheetContentTemplateDirective,
|
|
@@ -1105,4 +1191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1105
1191
|
}], actionSheet: [{
|
|
1106
1192
|
type: ViewChild,
|
|
1107
1193
|
args: [ActionSheetComponent]
|
|
1194
|
+
}], groupToolbarTool: [{
|
|
1195
|
+
type: ViewChild,
|
|
1196
|
+
args: [GroupToolbarToolComponent]
|
|
1108
1197
|
}] } });
|
package/esm2022/directives.mjs
CHANGED
|
@@ -157,6 +157,7 @@ import { EditCommandToolbarDirective } from "./editing/edit-command-tool.directi
|
|
|
157
157
|
import { SaveCommandToolbarDirective } from "./editing/save-command-tool.directive";
|
|
158
158
|
import { RemoveCommandToolbarDirective } from "./editing/remove-command-tool.directive";
|
|
159
159
|
import { CancelCommandToolbarDirective } from "./editing/cancel-command-tool.directive";
|
|
160
|
+
import { GroupCommandToolbarDirective } from "./rendering/toolbar/tools/group-command-tool.directive";
|
|
160
161
|
/**
|
|
161
162
|
* @hidden
|
|
162
163
|
*
|
|
@@ -384,7 +385,8 @@ export const KENDO_GRID_BODY_EXPORTS = [
|
|
|
384
385
|
LoadingTemplateDirective,
|
|
385
386
|
RowReorderColumnComponent,
|
|
386
387
|
SortCommandToolbarDirective,
|
|
387
|
-
FilterCommandToolbarDirective
|
|
388
|
+
FilterCommandToolbarDirective,
|
|
389
|
+
GroupCommandToolbarDirective
|
|
388
390
|
];
|
|
389
391
|
/**
|
|
390
392
|
* @hidden
|
|
@@ -2533,9 +2533,15 @@ export class GridComponent {
|
|
|
2533
2533
|
i18n-filterClearAllButton="kendo.grid.filterClearAllButton|The text of the clear all filters button located in the Filter Toolbar Tool and adaptive Filter Toolbar Tool"
|
|
2534
2534
|
filterClearAllButton="Clear all filters"
|
|
2535
2535
|
|
|
2536
|
+
i18n-groupClearButton="kendo.grid.groupClearButton|The text of the clear grouping button in the Group Toolbar Tool and adaptive Group Toolbar Tool"
|
|
2537
|
+
groupClearButton="Clear grouping"
|
|
2538
|
+
|
|
2536
2539
|
i18n-sortDoneButton="kendo.grid.sortDoneButton|The text of the done sort button"
|
|
2537
2540
|
sortDoneButton="Done"
|
|
2538
2541
|
|
|
2542
|
+
i18n-groupDoneButton="kendo.grid.groupDoneButton|The text of the done group button in the adaptive Group Toolbar Tool"
|
|
2543
|
+
groupDoneButton="Done"
|
|
2544
|
+
|
|
2539
2545
|
i18n-filterAndLogic="kendo.grid.filterAndLogic|The text of the And filter logic"
|
|
2540
2546
|
filterAndLogic="And"
|
|
2541
2547
|
|
|
@@ -2557,18 +2563,21 @@ export class GridComponent {
|
|
|
2557
2563
|
i18n-columns="kendo.grid.columns|The text for the Grid Column Chooser and Column Chooser toolbar tool"
|
|
2558
2564
|
columns="Columns"
|
|
2559
2565
|
|
|
2560
|
-
i18n-
|
|
2566
|
+
i18n-columnsSubtitle="kendo.grid.columnsSubtitle|The subtitle for the adaptive Grid Column Chooser and Column Chooser toolbar tool"
|
|
2561
2567
|
columnsSubtitle="Selected fields are visible"
|
|
2562
2568
|
|
|
2563
|
-
i18n-
|
|
2569
|
+
i18n-adaptiveFilterTitle="kendo.grid.adaptiveFilterTitle|The title that is displayed in the adaptive Filter Toolbar Tool and Filter Menu"
|
|
2564
2570
|
adaptiveFilterTitle="Filter by"
|
|
2565
2571
|
|
|
2566
|
-
i18n-
|
|
2572
|
+
i18n-adaptiveFilterOperatorsTitle="kendo.grid.adaptiveFilterOperatorsTitle|The title that is displayed in the Operators Action Sheet"
|
|
2567
2573
|
adaptiveFilterOperatorsTitle="Operators"
|
|
2568
2574
|
|
|
2569
|
-
i18n-
|
|
2575
|
+
i18n-adaptiveSortTitle="kendo.grid.adaptiveSortTitle|The title that is displayed in the adaptive Sort Toolbar Tool"
|
|
2570
2576
|
adaptiveSortTitle="Sort by"
|
|
2571
2577
|
|
|
2578
|
+
i18n-adaptiveGroupTitle="kendo.grid.adaptiveGroupTitle|The title that is displayed in the adaptive Group Toolbar Tool."
|
|
2579
|
+
adaptiveGroupTitle="Group by"
|
|
2580
|
+
|
|
2572
2581
|
i18n-lock="kendo.grid.lock|The text shown in the column menu for the lock item"
|
|
2573
2582
|
lock="Lock"
|
|
2574
2583
|
|
|
@@ -2698,6 +2707,9 @@ export class GridComponent {
|
|
|
2698
2707
|
i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
|
|
2699
2708
|
groupChipMenuNext="Move as next"
|
|
2700
2709
|
|
|
2710
|
+
i18n-groupToolbarToolText="kendo.grid.groupToolbarToolText|The button text of the Group toolbar tool"
|
|
2711
|
+
groupToolbarToolText="Group"
|
|
2712
|
+
|
|
2701
2713
|
i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
|
|
2702
2714
|
formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
|
|
2703
2715
|
|
|
@@ -3344,9 +3356,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3344
3356
|
i18n-filterClearAllButton="kendo.grid.filterClearAllButton|The text of the clear all filters button located in the Filter Toolbar Tool and adaptive Filter Toolbar Tool"
|
|
3345
3357
|
filterClearAllButton="Clear all filters"
|
|
3346
3358
|
|
|
3359
|
+
i18n-groupClearButton="kendo.grid.groupClearButton|The text of the clear grouping button in the Group Toolbar Tool and adaptive Group Toolbar Tool"
|
|
3360
|
+
groupClearButton="Clear grouping"
|
|
3361
|
+
|
|
3347
3362
|
i18n-sortDoneButton="kendo.grid.sortDoneButton|The text of the done sort button"
|
|
3348
3363
|
sortDoneButton="Done"
|
|
3349
3364
|
|
|
3365
|
+
i18n-groupDoneButton="kendo.grid.groupDoneButton|The text of the done group button in the adaptive Group Toolbar Tool"
|
|
3366
|
+
groupDoneButton="Done"
|
|
3367
|
+
|
|
3350
3368
|
i18n-filterAndLogic="kendo.grid.filterAndLogic|The text of the And filter logic"
|
|
3351
3369
|
filterAndLogic="And"
|
|
3352
3370
|
|
|
@@ -3368,18 +3386,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3368
3386
|
i18n-columns="kendo.grid.columns|The text for the Grid Column Chooser and Column Chooser toolbar tool"
|
|
3369
3387
|
columns="Columns"
|
|
3370
3388
|
|
|
3371
|
-
i18n-
|
|
3389
|
+
i18n-columnsSubtitle="kendo.grid.columnsSubtitle|The subtitle for the adaptive Grid Column Chooser and Column Chooser toolbar tool"
|
|
3372
3390
|
columnsSubtitle="Selected fields are visible"
|
|
3373
3391
|
|
|
3374
|
-
i18n-
|
|
3392
|
+
i18n-adaptiveFilterTitle="kendo.grid.adaptiveFilterTitle|The title that is displayed in the adaptive Filter Toolbar Tool and Filter Menu"
|
|
3375
3393
|
adaptiveFilterTitle="Filter by"
|
|
3376
3394
|
|
|
3377
|
-
i18n-
|
|
3395
|
+
i18n-adaptiveFilterOperatorsTitle="kendo.grid.adaptiveFilterOperatorsTitle|The title that is displayed in the Operators Action Sheet"
|
|
3378
3396
|
adaptiveFilterOperatorsTitle="Operators"
|
|
3379
3397
|
|
|
3380
|
-
i18n-
|
|
3398
|
+
i18n-adaptiveSortTitle="kendo.grid.adaptiveSortTitle|The title that is displayed in the adaptive Sort Toolbar Tool"
|
|
3381
3399
|
adaptiveSortTitle="Sort by"
|
|
3382
3400
|
|
|
3401
|
+
i18n-adaptiveGroupTitle="kendo.grid.adaptiveGroupTitle|The title that is displayed in the adaptive Group Toolbar Tool."
|
|
3402
|
+
adaptiveGroupTitle="Group by"
|
|
3403
|
+
|
|
3383
3404
|
i18n-lock="kendo.grid.lock|The text shown in the column menu for the lock item"
|
|
3384
3405
|
lock="Lock"
|
|
3385
3406
|
|
|
@@ -3509,6 +3530,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3509
3530
|
i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
|
|
3510
3531
|
groupChipMenuNext="Move as next"
|
|
3511
3532
|
|
|
3533
|
+
i18n-groupToolbarToolText="kendo.grid.groupToolbarToolText|The button text of the Group toolbar tool"
|
|
3534
|
+
groupToolbarToolText="Group"
|
|
3535
|
+
|
|
3512
3536
|
i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
|
|
3513
3537
|
formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
|
|
3514
3538
|
|