@progress/kendo-angular-treelist 12.0.2-develop.2 → 12.1.0-develop.1
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/common/provider.service.d.ts +6 -0
- package/esm2020/common/provider.service.mjs +9 -3
- package/esm2020/filtering/cell/filter-cell-operators.component.mjs +1 -1
- package/esm2020/filtering/cell/numeric-filter-cell.component.mjs +1 -1
- package/esm2020/filtering/cell/string-filter-cell.component.mjs +1 -1
- package/esm2020/filtering/filter-row.component.mjs +2 -2
- package/esm2020/index.mjs +1 -0
- package/esm2020/localization/messages.mjs +7 -1
- package/esm2020/navigation/focus-group.mjs +1 -0
- package/esm2020/navigation/focus-root.mjs +18 -8
- package/esm2020/navigation/focusable.directive.mjs +28 -11
- package/esm2020/navigation/navigation.service.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pager/pager-input.component.mjs +16 -6
- package/esm2020/pager/pager-next-buttons.component.mjs +34 -15
- package/esm2020/pager/pager-numeric-buttons.component.mjs +12 -8
- package/esm2020/pager/pager-page-sizes.component.mjs +11 -5
- package/esm2020/pager/pager-prev-buttons.component.mjs +31 -14
- package/esm2020/pager/pager.component.mjs +232 -21
- package/esm2020/rendering/cell.component.mjs +3 -1
- package/esm2020/rendering/common/dom-queries.mjs +21 -1
- package/esm2020/rendering/header/header.component.mjs +10 -3
- package/esm2020/rendering/list.component.mjs +2 -2
- package/esm2020/rendering/table-body.component.mjs +6 -2
- package/esm2020/rendering/toolbar/toolbar-focusable.directive.mjs +63 -0
- package/esm2020/rendering/toolbar/toolbar-navigation.service.mjs +53 -0
- package/esm2020/rendering/toolbar/toolbar.component.mjs +44 -5
- package/esm2020/treelist.component.mjs +64 -11
- package/esm2020/treelist.module.mjs +8 -3
- package/esm2020/utils.mjs +4 -0
- package/fesm2015/progress-kendo-angular-treelist.mjs +636 -115
- package/fesm2020/progress-kendo-angular-treelist.mjs +631 -115
- package/index.d.ts +1 -0
- package/localization/messages.d.ts +20 -1
- package/navigation/focus-group.d.ts +2 -1
- package/navigation/focus-root.d.ts +8 -2
- package/navigation/focusable.directive.d.ts +7 -1
- package/package.json +15 -15
- package/pager/pager-input.component.d.ts +3 -1
- package/pager/pager-next-buttons.component.d.ts +12 -2
- package/pager/pager-page-sizes.component.d.ts +3 -2
- package/pager/pager-prev-buttons.component.d.ts +7 -1
- package/pager/pager.component.d.ts +35 -4
- package/rendering/common/dom-queries.d.ts +8 -0
- package/rendering/toolbar/toolbar-focusable.directive.d.ts +28 -0
- package/rendering/toolbar/toolbar-navigation.service.d.ts +21 -0
- package/rendering/toolbar/toolbar.component.d.ts +14 -4
- package/schematics/ngAdd/index.js +3 -3
- package/treelist.component.d.ts +7 -0
- package/treelist.module.d.ts +76 -75
- package/utils.d.ts +4 -0
package/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export { SpanColumnComponent } from './columns/span-column.component';
|
|
|
16
16
|
export { ColumnGroupComponent } from './columns/column-group.component';
|
|
17
17
|
export { ToolbarComponent } from './rendering/toolbar/toolbar.component';
|
|
18
18
|
export { ToolbarTemplateDirective } from './rendering/toolbar/toolbar-template.directive';
|
|
19
|
+
export { TreeListToolbarFocusableDirective } from './rendering/toolbar/toolbar-focusable.directive';
|
|
19
20
|
export { CellTemplateDirective } from './rendering/cell-template.directive';
|
|
20
21
|
export { HeaderTemplateDirective } from './rendering/header/header-template.directive';
|
|
21
22
|
export { FooterTemplateDirective } from './rendering/footer-template.directive';
|
|
@@ -16,6 +16,17 @@ export declare class Messages extends ComponentMessages {
|
|
|
16
16
|
* The no-records text.
|
|
17
17
|
*/
|
|
18
18
|
noRecords: string;
|
|
19
|
+
/**
|
|
20
|
+
* The label of the pager. By default follows the pattern 'Page navigation, page {currentPage} of {totalPages}'.
|
|
21
|
+
* The default label text when the current page is 1, and the total number of pages is 10 will be
|
|
22
|
+
* 'Page navigation, page 1 of 10'.
|
|
23
|
+
*
|
|
24
|
+
* The message consists of several parts - the current page number, the total number of pages, and a localizable string.
|
|
25
|
+
* To allow for reordering its parts, the `pagerLabel` input accepts a string with placeholders for the current page
|
|
26
|
+
* and total number of pages. The '{currentPage}' and '{totalPages}' placeholders will be replaced
|
|
27
|
+
* internally with the respective actual values.
|
|
28
|
+
*/
|
|
29
|
+
pagerLabel: string;
|
|
19
30
|
/**
|
|
20
31
|
* The label for the **First page** button.
|
|
21
32
|
*/
|
|
@@ -217,6 +228,14 @@ export declare class Messages extends ComponentMessages {
|
|
|
217
228
|
* for the **Reset** button of the columns.
|
|
218
229
|
*/
|
|
219
230
|
columnsReset: string;
|
|
231
|
+
/**
|
|
232
|
+
* The label of the TreeList top toolbar.
|
|
233
|
+
*/
|
|
234
|
+
topToolbarLabel: string;
|
|
235
|
+
/**
|
|
236
|
+
* The label of the TreeList bottom toolbar.
|
|
237
|
+
*/
|
|
238
|
+
bottomToolbarLabel: string;
|
|
220
239
|
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
221
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "groupPanelEmpty": "groupPanelEmpty"; "noRecords": "noRecords"; "pagerFirstPage": "pagerFirstPage"; "pagerLastPage": "pagerLastPage"; "pagerPreviousPage": "pagerPreviousPage"; "pagerNextPage": "pagerNextPage"; "pagerPage": "pagerPage"; "pagerPageNumberInputTitle": "pagerPageNumberInputTitle"; "pagerItemsPerPage": "pagerItemsPerPage"; "pagerOf": "pagerOf"; "pagerItemsTotal": "pagerItemsTotal"; "selectPage": "selectPage"; "filter": "filter"; "filterEqOperator": "filterEqOperator"; "filterNotEqOperator": "filterNotEqOperator"; "filterIsNullOperator": "filterIsNullOperator"; "filterIsNotNullOperator": "filterIsNotNullOperator"; "filterIsEmptyOperator": "filterIsEmptyOperator"; "filterIsNotEmptyOperator": "filterIsNotEmptyOperator"; "filterStartsWithOperator": "filterStartsWithOperator"; "filterContainsOperator": "filterContainsOperator"; "filterNotContainsOperator": "filterNotContainsOperator"; "filterEndsWithOperator": "filterEndsWithOperator"; "filterGteOperator": "filterGteOperator"; "filterGtOperator": "filterGtOperator"; "filterLteOperator": "filterLteOperator"; "filterLtOperator": "filterLtOperator"; "filterIsTrue": "filterIsTrue"; "filterIsFalse": "filterIsFalse"; "filterBooleanAll": "filterBooleanAll"; "filterAfterOrEqualOperator": "filterAfterOrEqualOperator"; "filterAfterOperator": "filterAfterOperator"; "filterBeforeOperator": "filterBeforeOperator"; "filterBeforeOrEqualOperator": "filterBeforeOrEqualOperator"; "filterFilterButton": "filterFilterButton"; "filterClearButton": "filterClearButton"; "filterAndLogic": "filterAndLogic"; "filterOrLogic": "filterOrLogic"; "loading": "loading"; "columnMenu": "columnMenu"; "columns": "columns"; "lock": "lock"; "unlock": "unlock"; "sortable": "sortable"; "sortAscending": "sortAscending"; "sortDescending": "sortDescending"; "sortedAscending": "sortedAscending"; "sortedDescending": "sortedDescending"; "sortedDefault": "sortedDefault"; "columnsApply": "columnsApply"; "columnsReset": "columnsReset"; }, {}, never>;
|
|
240
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "groupPanelEmpty": "groupPanelEmpty"; "noRecords": "noRecords"; "pagerLabel": "pagerLabel"; "pagerFirstPage": "pagerFirstPage"; "pagerLastPage": "pagerLastPage"; "pagerPreviousPage": "pagerPreviousPage"; "pagerNextPage": "pagerNextPage"; "pagerPage": "pagerPage"; "pagerPageNumberInputTitle": "pagerPageNumberInputTitle"; "pagerItemsPerPage": "pagerItemsPerPage"; "pagerOf": "pagerOf"; "pagerItemsTotal": "pagerItemsTotal"; "selectPage": "selectPage"; "filter": "filter"; "filterEqOperator": "filterEqOperator"; "filterNotEqOperator": "filterNotEqOperator"; "filterIsNullOperator": "filterIsNullOperator"; "filterIsNotNullOperator": "filterIsNotNullOperator"; "filterIsEmptyOperator": "filterIsEmptyOperator"; "filterIsNotEmptyOperator": "filterIsNotEmptyOperator"; "filterStartsWithOperator": "filterStartsWithOperator"; "filterContainsOperator": "filterContainsOperator"; "filterNotContainsOperator": "filterNotContainsOperator"; "filterEndsWithOperator": "filterEndsWithOperator"; "filterGteOperator": "filterGteOperator"; "filterGtOperator": "filterGtOperator"; "filterLteOperator": "filterLteOperator"; "filterLtOperator": "filterLtOperator"; "filterIsTrue": "filterIsTrue"; "filterIsFalse": "filterIsFalse"; "filterBooleanAll": "filterBooleanAll"; "filterAfterOrEqualOperator": "filterAfterOrEqualOperator"; "filterAfterOperator": "filterAfterOperator"; "filterBeforeOperator": "filterBeforeOperator"; "filterBeforeOrEqualOperator": "filterBeforeOrEqualOperator"; "filterFilterButton": "filterFilterButton"; "filterClearButton": "filterClearButton"; "filterAndLogic": "filterAndLogic"; "filterOrLogic": "filterOrLogic"; "loading": "loading"; "columnMenu": "columnMenu"; "columns": "columns"; "lock": "lock"; "unlock": "unlock"; "sortable": "sortable"; "sortAscending": "sortAscending"; "sortDescending": "sortDescending"; "sortedAscending": "sortedAscending"; "sortedDescending": "sortedDescending"; "sortedDefault": "sortedDefault"; "columnsApply": "columnsApply"; "columnsReset": "columnsReset"; "topToolbarLabel": "topToolbarLabel"; "bottomToolbarLabel": "bottomToolbarLabel"; }, {}, never>;
|
|
222
241
|
}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { OnDestroy } from '@angular/core';
|
|
5
6
|
import { FocusableElement } from "./focusable-element.interface";
|
|
6
7
|
import { FocusRoot } from './focus-root';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
@@ -15,7 +16,7 @@ import * as i0 from "@angular/core";
|
|
|
15
16
|
*
|
|
16
17
|
* @hidden
|
|
17
18
|
*/
|
|
18
|
-
export declare class FocusGroup {
|
|
19
|
+
export declare class FocusGroup implements OnDestroy {
|
|
19
20
|
private root;
|
|
20
21
|
private active;
|
|
21
22
|
private children;
|
|
@@ -2,18 +2,24 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { InjectionToken } from '@angular/core';
|
|
5
6
|
import { FocusGroup } from './focus-group';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const FOCUS_ROOT_ACTIVE: InjectionToken<string>;
|
|
7
12
|
/**
|
|
8
13
|
* @hidden
|
|
9
14
|
*/
|
|
10
15
|
export declare class FocusRoot {
|
|
11
|
-
|
|
16
|
+
active: boolean;
|
|
12
17
|
private groups;
|
|
18
|
+
constructor(active?: boolean);
|
|
13
19
|
registerGroup(group: FocusGroup): void;
|
|
14
20
|
unregisterGroup(group: FocusGroup): void;
|
|
15
21
|
activate(): any;
|
|
16
22
|
deactivate(): any;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FocusRoot,
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusRoot, [{ optional: true; }]>;
|
|
18
24
|
static ɵprov: i0.ɵɵInjectableDeclaration<FocusRoot>;
|
|
19
25
|
}
|
|
@@ -28,6 +28,11 @@ export declare class FocusableDirective implements AfterViewInit, FocusableEleme
|
|
|
28
28
|
* The cell context provided by the template.
|
|
29
29
|
*/
|
|
30
30
|
cellContext: any;
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
set enabled(value: boolean);
|
|
35
|
+
get enabled(): boolean;
|
|
31
36
|
/**
|
|
32
37
|
* @hidden
|
|
33
38
|
*/
|
|
@@ -49,6 +54,7 @@ export declare class FocusableDirective implements AfterViewInit, FocusableEleme
|
|
|
49
54
|
*/
|
|
50
55
|
set cancelCellContext(value: any);
|
|
51
56
|
private active;
|
|
57
|
+
private _enabled;
|
|
52
58
|
private element;
|
|
53
59
|
constructor(hostElement: ElementRef, renderer: Renderer2, group: FocusGroup);
|
|
54
60
|
ngOnInit(): void;
|
|
@@ -79,5 +85,5 @@ export declare class FocusableDirective implements AfterViewInit, FocusableEleme
|
|
|
79
85
|
*/
|
|
80
86
|
registerElement(element: FocusableElement): void;
|
|
81
87
|
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, [null, null, { optional: true; }]>;
|
|
82
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoTreeListFocusable], [kendoTreeListAddCommand], [kendoTreeListEditCommand], [kendoTreeListRemoveCommand], [kendoTreeListSaveCommand], [kendoTreeListCancelCommand] ", never, { "cellContext": "kendoTreeListFocusable"; "addCellContext": "kendoTreeListAddCommand"; "editCellContext": "kendoTreeListEditCommand"; "removeCellContext": "kendoTreeListRemoveCommand"; "saveCellContext": "kendoTreeListSaveCommand"; "cancelCellContext": "kendoTreeListCancelCommand"; }, {}, never>;
|
|
88
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoTreeListFocusable], [kendoTreeListAddCommand], [kendoTreeListEditCommand], [kendoTreeListRemoveCommand], [kendoTreeListSaveCommand], [kendoTreeListCancelCommand] ", never, { "cellContext": "kendoTreeListFocusable"; "enabled": "enabled"; "addCellContext": "kendoTreeListAddCommand"; "editCellContext": "kendoTreeListEditCommand"; "removeCellContext": "kendoTreeListRemoveCommand"; "saveCellContext": "kendoTreeListSaveCommand"; "cancelCellContext": "kendoTreeListCancelCommand"; }, {}, never>;
|
|
83
89
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-treelist",
|
|
3
|
-
"version": "12.0
|
|
3
|
+
"version": "12.1.0-develop.1",
|
|
4
4
|
"description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -30,24 +30,24 @@
|
|
|
30
30
|
"@progress/kendo-data-query": "^1.0.0",
|
|
31
31
|
"@progress/kendo-drawing": "^1.17.2",
|
|
32
32
|
"@progress/kendo-licensing": "^1.0.2",
|
|
33
|
-
"@progress/kendo-angular-buttons": "12.0
|
|
34
|
-
"@progress/kendo-angular-common": "12.0
|
|
35
|
-
"@progress/kendo-angular-dateinputs": "12.0
|
|
36
|
-
"@progress/kendo-angular-dropdowns": "12.0
|
|
37
|
-
"@progress/kendo-angular-excel-export": "12.0
|
|
38
|
-
"@progress/kendo-angular-icons": "12.0
|
|
39
|
-
"@progress/kendo-angular-inputs": "12.0
|
|
40
|
-
"@progress/kendo-angular-intl": "12.0
|
|
41
|
-
"@progress/kendo-angular-l10n": "12.0
|
|
42
|
-
"@progress/kendo-angular-label": "12.0
|
|
43
|
-
"@progress/kendo-angular-pdf-export": "12.0
|
|
44
|
-
"@progress/kendo-angular-popup": "12.0
|
|
33
|
+
"@progress/kendo-angular-buttons": "12.1.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-common": "12.1.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-dateinputs": "12.1.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-dropdowns": "12.1.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-excel-export": "12.1.0-develop.1",
|
|
38
|
+
"@progress/kendo-angular-icons": "12.1.0-develop.1",
|
|
39
|
+
"@progress/kendo-angular-inputs": "12.1.0-develop.1",
|
|
40
|
+
"@progress/kendo-angular-intl": "12.1.0-develop.1",
|
|
41
|
+
"@progress/kendo-angular-l10n": "12.1.0-develop.1",
|
|
42
|
+
"@progress/kendo-angular-label": "12.1.0-develop.1",
|
|
43
|
+
"@progress/kendo-angular-pdf-export": "12.1.0-develop.1",
|
|
44
|
+
"@progress/kendo-angular-popup": "12.1.0-develop.1",
|
|
45
45
|
"rxjs": "^6.5.3 || ^7.0.0",
|
|
46
|
-
"@progress/kendo-angular-listview": "12.0
|
|
46
|
+
"@progress/kendo-angular-listview": "12.1.0-develop.1"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"tslib": "^2.3.1",
|
|
50
|
-
"@progress/kendo-angular-schematics": "12.0
|
|
50
|
+
"@progress/kendo-angular-schematics": "12.1.0-develop.1",
|
|
51
51
|
"@progress/kendo-common": "^0.2.0",
|
|
52
52
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
53
53
|
},
|
|
@@ -7,15 +7,17 @@ import { ChangeDetectorRef, NgZone } from '@angular/core';
|
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
8
|
import { LocalizationService } from "@progress/kendo-angular-l10n";
|
|
9
9
|
import { PagerContextService, PagerContextChanges } from "./pager-context.service";
|
|
10
|
+
import { NavigationService } from '../navigation/navigation.service';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
/**
|
|
12
13
|
* Displays an input element which allows the typing and rendering of page numbers.
|
|
13
14
|
*/
|
|
14
15
|
export declare class PagerInputComponent extends PagerElementComponent {
|
|
15
16
|
protected pagerContext: PagerContextService;
|
|
17
|
+
navigationService: NavigationService;
|
|
16
18
|
private zone;
|
|
17
19
|
numericInput: NumericTextBoxComponent;
|
|
18
|
-
constructor(localization: LocalizationService, pagerContext: PagerContextService, zone: NgZone, cd: ChangeDetectorRef);
|
|
20
|
+
constructor(localization: LocalizationService, pagerContext: PagerContextService, navigationService: NavigationService, zone: NgZone, cd: ChangeDetectorRef);
|
|
19
21
|
/**
|
|
20
22
|
* @hidden
|
|
21
23
|
*
|
|
@@ -7,11 +7,13 @@ import { PagerContextService, PagerContextChanges } from "./pager-context.servic
|
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { NavigationService } from '../navigation/navigation.service';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
/**
|
|
12
13
|
* Displays buttons for navigating to the next and to the last page ([see example]({% slug paging_treelist %}#toc-pager-templates)).
|
|
13
14
|
*/
|
|
14
15
|
export declare class PagerNextButtonsComponent extends PagerElementComponent {
|
|
16
|
+
navigationService: NavigationService;
|
|
15
17
|
/**
|
|
16
18
|
* @hidden
|
|
17
19
|
*
|
|
@@ -20,10 +22,18 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
|
|
|
20
22
|
* @memberOf PagerNextButtonsComponent
|
|
21
23
|
*/
|
|
22
24
|
get disabled(): boolean;
|
|
25
|
+
/**
|
|
26
|
+
* @hidden
|
|
27
|
+
*/
|
|
28
|
+
navigable: boolean;
|
|
23
29
|
caretAltRightIcon: SVGIcon;
|
|
24
30
|
caretAltToRightIcon: SVGIcon;
|
|
25
|
-
constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
|
|
31
|
+
constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef, navigationService: NavigationService);
|
|
32
|
+
/**
|
|
33
|
+
* @hidden
|
|
34
|
+
*/
|
|
35
|
+
onButtonClick(buttonName: string): void;
|
|
26
36
|
protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
|
|
27
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerNextButtonsComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PagerNextButtonsComponent, "kendo-treelist-pager-next-buttons", never, {}, {}, never, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PagerNextButtonsComponent, "kendo-treelist-pager-next-buttons", never, { "navigable": "navigable"; }, {}, never, never>;
|
|
29
39
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
5
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
6
6
|
import { PagerElementComponent } from './pager-element.component';
|
|
7
7
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { PagerContextService, PagerContextChanges } from "./pager-context.service";
|
|
@@ -12,6 +12,7 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
* Displays a drop-down list for the page size selection ([see example]({% slug paging_treelist %}#toc-pager-templates)).
|
|
13
13
|
*/
|
|
14
14
|
export declare class PagerPageSizesComponent extends PagerElementComponent {
|
|
15
|
+
elem: ElementRef;
|
|
15
16
|
protected pagerContext: PagerContextService;
|
|
16
17
|
/**
|
|
17
18
|
* The page sizes collection. Can be an Array of numbers and/or PageSizeItem objects.
|
|
@@ -32,7 +33,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
32
33
|
*/
|
|
33
34
|
get showInitialPageSize(): boolean;
|
|
34
35
|
private _pageSizes;
|
|
35
|
-
constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService);
|
|
36
|
+
constructor(elem: ElementRef, localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService);
|
|
36
37
|
/**
|
|
37
38
|
* @hidden
|
|
38
39
|
*/
|
|
@@ -7,14 +7,16 @@ import { PagerContextService, PagerContextChanges } from "./pager-context.servic
|
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { NavigationService } from '../navigation/navigation.service';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
/**
|
|
12
13
|
* Displays buttons for navigating to the first and to the previous page ([see example]({% slug paging_treelist %}#toc-pager-templates)).
|
|
13
14
|
*/
|
|
14
15
|
export declare class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
16
|
+
navigationService: NavigationService;
|
|
15
17
|
caretAltLeftIcon: SVGIcon;
|
|
16
18
|
caretAltToLeftIcon: SVGIcon;
|
|
17
|
-
constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
|
|
19
|
+
constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef, navigationService: NavigationService);
|
|
18
20
|
/**
|
|
19
21
|
* @hidden
|
|
20
22
|
*
|
|
@@ -23,6 +25,10 @@ export declare class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
|
23
25
|
* @memberOf PagerPrevButtonsComponent
|
|
24
26
|
*/
|
|
25
27
|
get disabled(): boolean;
|
|
28
|
+
/**
|
|
29
|
+
* @hidden
|
|
30
|
+
*/
|
|
31
|
+
onButtonClick(buttonName: string): void;
|
|
26
32
|
protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
|
|
27
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerPrevButtonsComponent, never>;
|
|
28
34
|
static ɵcmp: i0.ɵɵComponentDeclaration<PagerPrevButtonsComponent, "kendo-treelist-pager-prev-buttons", never, {}, {}, never, never>;
|
|
@@ -2,43 +2,74 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
|
|
5
|
+
import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy, ElementRef, Renderer2, NgZone } from '@angular/core';
|
|
6
6
|
import { PagerSettings } from './pager-settings';
|
|
7
7
|
import { PageChangeEvent } from '../data/change-event-args.interface';
|
|
8
8
|
import { PagerTemplateDirective } from "./pager-template.directive";
|
|
9
9
|
import { PagerContextService } from "./pager-context.service";
|
|
10
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
11
|
+
import { FocusRoot } from '../navigation/focus-root';
|
|
12
|
+
import { NavigationService } from '../navigation/navigation.service';
|
|
13
|
+
import { FocusGroup } from '../navigation/focus-group';
|
|
10
14
|
import * as i0 from "@angular/core";
|
|
11
15
|
/**
|
|
12
16
|
* @hidden
|
|
13
17
|
*/
|
|
14
18
|
export declare class PagerComponent implements OnChanges, OnInit, OnDestroy {
|
|
19
|
+
navigationService: NavigationService;
|
|
20
|
+
private localizationService;
|
|
15
21
|
private pagerContext;
|
|
16
|
-
private
|
|
22
|
+
private focusGroup;
|
|
23
|
+
private focusRoot;
|
|
17
24
|
private renderer;
|
|
25
|
+
private element;
|
|
26
|
+
private zone;
|
|
27
|
+
prevButtons: any;
|
|
28
|
+
nextButtons: any;
|
|
29
|
+
numericButtons: any;
|
|
30
|
+
pagerInput: any;
|
|
31
|
+
pageSizes: any;
|
|
18
32
|
allCount: number;
|
|
19
33
|
total: number;
|
|
20
34
|
skip: number;
|
|
35
|
+
navigable: boolean;
|
|
21
36
|
pageSize: number;
|
|
22
37
|
set options(value: PagerSettings | boolean);
|
|
23
38
|
template: PagerTemplateDirective;
|
|
24
39
|
pageChange: EventEmitter<PageChangeEvent>;
|
|
40
|
+
pagerRole: string;
|
|
41
|
+
pagerRoleDescription: string;
|
|
25
42
|
pagerWrapClass: boolean;
|
|
26
43
|
gridPagerClass: boolean;
|
|
27
44
|
pagerClass: boolean;
|
|
28
45
|
pagerSizingClass: boolean;
|
|
46
|
+
get hostTabindex(): string;
|
|
47
|
+
get hostAriaLabel(): string;
|
|
29
48
|
settings: PagerSettings;
|
|
30
49
|
get totalPages(): number;
|
|
31
50
|
get currentPage(): number;
|
|
32
51
|
get templateContext(): any;
|
|
33
52
|
private subscriptions;
|
|
34
53
|
private _templateContext;
|
|
35
|
-
constructor(pagerContext: PagerContextService, element: ElementRef,
|
|
54
|
+
constructor(navigationService: NavigationService, localizationService: LocalizationService, pagerContext: PagerContextService, focusGroup: FocusGroup, focusRoot: FocusRoot, renderer: Renderer2, element: ElementRef, zone: NgZone);
|
|
36
55
|
ngOnInit(): void;
|
|
37
56
|
ngOnChanges(changes: SimpleChanges): void;
|
|
38
57
|
ngOnDestroy(): void;
|
|
58
|
+
get pagerLabel(): string;
|
|
59
|
+
get focusTrapTabIndex(): string;
|
|
60
|
+
onKeyDown(event: any): void;
|
|
39
61
|
changePage(event: PageChangeEvent): void;
|
|
40
62
|
resizeHandler: () => void;
|
|
63
|
+
onInnerFocusIn(event: FocusEvent, position: string): void;
|
|
64
|
+
private onEnterEvent;
|
|
65
|
+
private onEscapeEvent;
|
|
66
|
+
private onArrowEvent;
|
|
67
|
+
private onHomeEndEvent;
|
|
68
|
+
private onFocusIn;
|
|
69
|
+
private focusFirstElement;
|
|
70
|
+
private focusLastElement;
|
|
71
|
+
private shouldTriggerPageChange;
|
|
41
72
|
private clearResponsiveClasses;
|
|
42
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "kendo-treelist-pager", never, { "allCount": "allCount"; "total": "total"; "skip": "skip"; "pageSize": "pageSize"; "options": "options"; "template": "template"; }, { "pageChange": "pageChange"; }, never, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "kendo-treelist-pager", never, { "allCount": "allCount"; "total": "total"; "skip": "skip"; "navigable": "navigable"; "pageSize": "pageSize"; "options": "options"; "template": "template"; }, { "pageChange": "pageChange"; }, never, never>;
|
|
44
75
|
}
|
|
@@ -42,6 +42,10 @@ export declare const isFocusableWithTabKey: (element: any, checkVisibility?: boo
|
|
|
42
42
|
* @hidden
|
|
43
43
|
*/
|
|
44
44
|
export declare const findElement: (node: any, predicate: (element: any) => boolean, matchSelf?: boolean) => any;
|
|
45
|
+
/**
|
|
46
|
+
* @hidden
|
|
47
|
+
*/
|
|
48
|
+
export declare const findLastElement: (node: any, predicate: (element: any) => boolean, matchSelf?: boolean) => any;
|
|
45
49
|
/**
|
|
46
50
|
* @hidden
|
|
47
51
|
*/
|
|
@@ -50,6 +54,10 @@ export declare const findFocusable: (element: any, checkVisibility?: boolean) =>
|
|
|
50
54
|
* @hidden
|
|
51
55
|
*/
|
|
52
56
|
export declare const findFocusableChild: (element: any, checkVisibility?: boolean) => any;
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
export declare const findLastFocusableChild: (element: any, checkVisibility?: boolean) => any;
|
|
53
61
|
/**
|
|
54
62
|
* @hidden
|
|
55
63
|
*/
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ElementRef } from '@angular/core';
|
|
6
|
+
import { ContextService } from '../../common/provider.service';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* A directive applied to all toolbar elements that need to be a part of the TreeList
|
|
10
|
+
* keyboard navigation.
|
|
11
|
+
*/
|
|
12
|
+
export declare class TreeListToolbarFocusableDirective {
|
|
13
|
+
private host;
|
|
14
|
+
private ctx;
|
|
15
|
+
/**
|
|
16
|
+
* @hidden
|
|
17
|
+
*/
|
|
18
|
+
get element(): HTMLElement;
|
|
19
|
+
/**
|
|
20
|
+
* @hidden
|
|
21
|
+
*/
|
|
22
|
+
get toolbarPosition(): any;
|
|
23
|
+
constructor(host: ElementRef, ctx: ContextService);
|
|
24
|
+
ngAfterViewInit(): void;
|
|
25
|
+
ngOnDestroy(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeListToolbarFocusableDirective, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeListToolbarFocusableDirective, " [kendoTreeListToolbarFocusable], [kendoTreeListAddCommand], [kendoTreeListCancelCommand], [kendoTreeListEditCommand], [kendoTreeListRemoveCommand], [kendoTreeListSaveCommand], [kendoTreeListExcelCommand], [kendoTreeListPDFCommand] ", never, {}, {}, never>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Renderer2 } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
export declare class TreeListToolbarNavigationService {
|
|
11
|
+
private renderer;
|
|
12
|
+
navigableElements: any[];
|
|
13
|
+
currentActiveIndex: number;
|
|
14
|
+
private defaultFocusableSelector;
|
|
15
|
+
constructor(renderer: Renderer2);
|
|
16
|
+
notify(): void;
|
|
17
|
+
focus(): void;
|
|
18
|
+
updateFocus(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeListToolbarNavigationService, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TreeListToolbarNavigationService>;
|
|
21
|
+
}
|
|
@@ -2,18 +2,28 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
5
|
+
import { TemplateRef, AfterViewInit, Renderer2, OnDestroy, ElementRef } from '@angular/core';
|
|
6
6
|
import { ContextService } from './../../common/provider.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
export declare class ToolbarComponent {
|
|
11
|
+
export declare class ToolbarComponent implements AfterViewInit, OnDestroy {
|
|
12
|
+
private elem;
|
|
13
|
+
private renderer;
|
|
12
14
|
private ctx;
|
|
15
|
+
hostRole: string;
|
|
13
16
|
context: any;
|
|
14
17
|
set position(value: 'top' | 'bottom');
|
|
18
|
+
navigable: boolean;
|
|
15
19
|
get toolbarTemplateRef(): TemplateRef<any>;
|
|
16
|
-
|
|
20
|
+
private subs;
|
|
21
|
+
private navigationService;
|
|
22
|
+
constructor(elem: ElementRef, renderer: Renderer2, ctx: ContextService);
|
|
23
|
+
ngAfterViewInit(): void;
|
|
24
|
+
ngOnDestroy(): void;
|
|
25
|
+
private onKeyDown;
|
|
26
|
+
private changeFocusedItem;
|
|
17
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "kendo-treelist-toolbar", never, { "position": "position"; }, {}, never, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "kendo-treelist-toolbar", never, { "position": "position"; "navigable": "navigable"; }, {}, never, never>;
|
|
19
29
|
}
|
|
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
|
|
6
6
|
// peer dep of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '12.0
|
|
7
|
+
'@progress/kendo-angular-treeview': '12.1.0-develop.1',
|
|
8
8
|
// peer dependency of kendo-angular-inputs
|
|
9
|
-
'@progress/kendo-angular-dialog': '12.0
|
|
9
|
+
'@progress/kendo-angular-dialog': '12.1.0-develop.1',
|
|
10
10
|
// peer dependency of kendo-angular-icons
|
|
11
11
|
'@progress/kendo-svg-icons': '^1.0.0',
|
|
12
12
|
// peer dependency of kendo-angular-dateinputs
|
|
13
|
-
'@progress/kendo-angular-navigation': '12.0
|
|
13
|
+
'@progress/kendo-angular-navigation': '12.1.0-develop.1',
|
|
14
14
|
} });
|
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
16
16
|
}
|
package/treelist.component.d.ts
CHANGED
|
@@ -97,6 +97,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
97
97
|
private expandStateService;
|
|
98
98
|
private optionChanges;
|
|
99
99
|
selectionService: SelectionService;
|
|
100
|
+
private localization;
|
|
100
101
|
private ctx;
|
|
101
102
|
/**
|
|
102
103
|
* An optional accessible description of the component.
|
|
@@ -508,6 +509,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
508
509
|
get ariaRowCount(): number;
|
|
509
510
|
get ariaColCount(): number;
|
|
510
511
|
get ariaMultiselectable(): any;
|
|
512
|
+
get navigation(): NavigationService;
|
|
511
513
|
get isVirtual(): boolean;
|
|
512
514
|
get isScrollable(): boolean;
|
|
513
515
|
get visibleColumns(): QueryList<ColumnBase>;
|
|
@@ -541,6 +543,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
541
543
|
localEditService: any;
|
|
542
544
|
view: ViewCollection;
|
|
543
545
|
expandIcons: boolean;
|
|
546
|
+
ariaRootId: string;
|
|
544
547
|
private dataChanged;
|
|
545
548
|
private loadedData;
|
|
546
549
|
private _fetchChildren;
|
|
@@ -797,6 +800,10 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
797
800
|
* @hidden
|
|
798
801
|
*/
|
|
799
802
|
notifyPageChange(source: string, event: any): void;
|
|
803
|
+
/**
|
|
804
|
+
* @hidden
|
|
805
|
+
*/
|
|
806
|
+
messageFor(token: string): string;
|
|
800
807
|
/**
|
|
801
808
|
* @hidden
|
|
802
809
|
*/
|