@progress/kendo-angular-treelist 17.0.0-develop.34 → 17.0.0-develop.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/directives.d.ts +4 -17
  2. package/esm2022/directives.mjs +3 -24
  3. package/esm2022/filtering/cell/row-filtering.module.mjs +3 -2
  4. package/esm2022/filtering/menu/filter-menu.module.mjs +3 -2
  5. package/esm2022/filtering/shared-filtering.module.mjs +3 -2
  6. package/esm2022/index.mjs +0 -9
  7. package/esm2022/localization/messages.mjs +9 -3
  8. package/esm2022/navigation/navigation.service.mjs +2 -2
  9. package/esm2022/package-metadata.mjs +2 -2
  10. package/esm2022/rendering/common/spacer.component.mjs +2 -2
  11. package/esm2022/rendering/header/header.module.mjs +25 -24
  12. package/esm2022/shared.module.mjs +3 -2
  13. package/esm2022/treelist.component.mjs +145 -26
  14. package/esm2022/treelist.module.mjs +73 -79
  15. package/fesm2022/progress-kendo-angular-treelist.mjs +317 -1617
  16. package/filtering/cell/row-filtering.module.d.ts +2 -1
  17. package/filtering/menu/filter-menu.module.d.ts +2 -1
  18. package/filtering/shared-filtering.module.d.ts +7 -6
  19. package/index.d.ts +1 -11
  20. package/localization/messages.d.ts +6 -2
  21. package/navigation/navigation.service.d.ts +1 -1
  22. package/package.json +16 -16
  23. package/rendering/common/spacer.component.d.ts +1 -1
  24. package/rendering/header/header.module.d.ts +26 -25
  25. package/schematics/ngAdd/index.js +3 -3
  26. package/shared.module.d.ts +3 -2
  27. package/treelist.component.d.ts +3 -2
  28. package/treelist.module.d.ts +70 -77
  29. package/constants.d.ts +0 -12
  30. package/esm2022/constants.mjs +0 -12
  31. package/esm2022/pager/pager-context.service.mjs +0 -44
  32. package/esm2022/pager/pager-element.component.mjs +0 -111
  33. package/esm2022/pager/pager-info.component.mjs +0 -76
  34. package/esm2022/pager/pager-input.component.mjs +0 -148
  35. package/esm2022/pager/pager-next-buttons.component.mjs +0 -131
  36. package/esm2022/pager/pager-numeric-buttons.component.mjs +0 -254
  37. package/esm2022/pager/pager-page-sizes.component.mjs +0 -141
  38. package/esm2022/pager/pager-prev-buttons.component.mjs +0 -127
  39. package/esm2022/pager/pager-template.directive.mjs +0 -49
  40. package/esm2022/pager/pager.component.mjs +0 -429
  41. package/esm2022/pager/pager.module.mjs +0 -43
  42. package/esm2022/pager/pagesize-item.interface.mjs +0 -5
  43. package/pager/pager-context.service.d.ts +0 -32
  44. package/pager/pager-element.component.d.ts +0 -74
  45. package/pager/pager-info.component.d.ts +0 -43
  46. package/pager/pager-input.component.d.ts +0 -45
  47. package/pager/pager-next-buttons.component.d.ts +0 -36
  48. package/pager/pager-numeric-buttons.component.d.ts +0 -52
  49. package/pager/pager-page-sizes.component.d.ts +0 -48
  50. package/pager/pager-prev-buttons.component.d.ts +0 -32
  51. package/pager/pager-template.directive.d.ts +0 -38
  52. package/pager/pager.component.d.ts +0 -73
  53. package/pager/pager.module.d.ts +0 -27
  54. package/pager/pagesize-item.interface.d.ts +0 -14
  55. /package/{pager → common}/pager-settings.d.ts +0 -0
  56. /package/esm2022/{pager → common}/pager-settings.mjs +0 -0
@@ -1,49 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, TemplateRef, Optional } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents the pager template which helps to customize the pager appearance in the TreeList. To define a pager
9
- * template, nest an `<ng-template>` tag with the `kendoTreeListPagerTemplate` directive inside `<kendo-treelist>`. [See example](slug:pager_template_treelist).
10
- *
11
- * The template context provides the following fields:
12
- * * `currentPage`&mdash;The index of the displayed page.
13
- * * `pageSize`&mdash;The value of the current `pageSize`.
14
- * * `skip`&mdash;The current skip value.
15
- * * `total`&mdash;The total number of records.
16
- * * `totalPages`&mdash;The total number of available pages.
17
- *
18
- * @example
19
- * ```html
20
- * <kendo-treelist ...>
21
- * <kendo-treelist-column field="type"></kendo-treelist-column>
22
- * <ng-template
23
- * kendoTreeListPagerTemplate
24
- * let-totalPages="totalPages"
25
- * let-currentPage="currentPage">
26
- * <kendo-treelist-pager-prev-buttons></kendo-treelist-pager-prev-buttons>
27
- * <kendo-treelist-pager-next-buttons></kendo-treelist-pager-next-buttons>
28
- * <kendo-treelist-pager-info></kendo-treelist-pager-info>
29
- * </ng-template>
30
- * </kendo-treelist>
31
- * ```
32
- */
33
- export class PagerTemplateDirective {
34
- templateRef;
35
- constructor(templateRef) {
36
- this.templateRef = templateRef;
37
- }
38
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
39
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerTemplateDirective, isStandalone: true, selector: "[kendoTreeListPagerTemplate]", ngImport: i0 });
40
- }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerTemplateDirective, decorators: [{
42
- type: Directive,
43
- args: [{
44
- selector: '[kendoTreeListPagerTemplate]',
45
- standalone: true
46
- }]
47
- }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
48
- type: Optional
49
- }] }]; } });
@@ -1,429 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, Input, EventEmitter, Output, HostBinding, ElementRef, Renderer2, ViewChild, NgZone } from '@angular/core';
6
- import { NgIf, NgTemplateOutlet } from '@angular/common';
7
- import { LocalizationService } from '@progress/kendo-angular-l10n';
8
- import { Keys, ResizeSensorComponent } from '@progress/kendo-angular-common';
9
- import { normalize } from './pager-settings';
10
- import { PagerTemplateDirective } from "./pager-template.directive";
11
- import { anyChanged, replaceMessagePlaceholder } from "../utils";
12
- import { PagerContextService } from "./pager-context.service";
13
- import { Subscription } from "rxjs";
14
- import { RESPONSIVE_BREAKPOINT_LARGE, RESPONSIVE_BREAKPOINT_MEDIUM } from '../constants';
15
- import { take } from 'rxjs/operators';
16
- import { FOCUS_ROOT_ACTIVE, FocusRoot } from '../navigation/focus-root';
17
- import { NavigationService } from '../navigation/navigation.service';
18
- import { FocusGroup } from '../navigation/focus-group';
19
- import { findFocusableChild, findLastFocusableChild } from '../rendering/common/dom-queries';
20
- import { PagerInfoComponent } from './pager-info.component';
21
- import { PagerPageSizesComponent } from './pager-page-sizes.component';
22
- import { PagerNumericButtonsComponent } from './pager-numeric-buttons.component';
23
- import { PagerNextButtonsComponent } from './pager-next-buttons.component';
24
- import { PagerInputComponent } from './pager-input.component';
25
- import { PagerPrevButtonsComponent } from './pager-prev-buttons.component';
26
- import * as i0 from "@angular/core";
27
- import * as i1 from "../navigation/navigation.service";
28
- import * as i2 from "@progress/kendo-angular-l10n";
29
- import * as i3 from "./pager-context.service";
30
- import * as i4 from "../navigation/focus-group";
31
- import * as i5 from "../navigation/focus-root";
32
- /**
33
- * @hidden
34
- */
35
- export class PagerComponent {
36
- navigationService;
37
- localizationService;
38
- pagerContext;
39
- focusGroup;
40
- focusRoot;
41
- renderer;
42
- element;
43
- zone;
44
- pagerInfo;
45
- pagerPageSizes;
46
- numericButtons;
47
- allCount = 0;
48
- total = 0;
49
- skip = 1;
50
- navigable;
51
- pageSize;
52
- set options(value) {
53
- this.settings = normalize(value);
54
- }
55
- template;
56
- pageChange = new EventEmitter();
57
- pagerRole = 'application';
58
- pagerRoleDescription = 'pager';
59
- gridPagerClass = true;
60
- pagerClass = true;
61
- pagerSizingClass = true;
62
- get hostTabindex() {
63
- return this.navigationService.enabled ? '0' : '-1';
64
- }
65
- get hostAriaLabel() {
66
- return this.pagerLabel;
67
- }
68
- settings = normalize({});
69
- get totalPages() {
70
- return Math.ceil((this.total || 0) / this.pageSize);
71
- }
72
- get currentPage() {
73
- return Math.floor((this.skip || 0) / this.pageSize) + 1;
74
- }
75
- get templateContext() {
76
- const context = this._templateContext;
77
- context.totalPages = this.totalPages;
78
- context.total = this.total;
79
- context.allCount = this.allCount || this.total;
80
- context.skip = this.skip;
81
- context.pageSize = this.pageSize;
82
- context.currentPage = this.currentPage;
83
- return context;
84
- }
85
- subscriptions = new Subscription();
86
- _templateContext = {};
87
- constructor(navigationService, localizationService, pagerContext, focusGroup, focusRoot, renderer, element, zone) {
88
- this.navigationService = navigationService;
89
- this.localizationService = localizationService;
90
- this.pagerContext = pagerContext;
91
- this.focusGroup = focusGroup;
92
- this.focusRoot = focusRoot;
93
- this.renderer = renderer;
94
- this.element = element;
95
- this.zone = zone;
96
- }
97
- ngOnInit() {
98
- const element = this.element.nativeElement;
99
- this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this)));
100
- this.subscriptions.add(this.renderer.listen(element, 'focusin', event => this.onFocusIn(event)));
101
- this.subscriptions.add(this.renderer.listen(element, 'keydown', event => this.onKeyDown(event)));
102
- if (this.navigationService.enabled) {
103
- this.focusRoot.deactivate();
104
- }
105
- }
106
- ngOnChanges(changes) {
107
- if (anyChanged(["pageSize", "skip", "total", "allCount"], changes, false)) {
108
- this.pagerContext.notifyChanges({
109
- pageSize: this.pageSize,
110
- skip: this.skip,
111
- total: this.total,
112
- allCount: this.allCount || this.total
113
- });
114
- }
115
- const changesInTemplate = changes['template'];
116
- if (changesInTemplate) {
117
- changesInTemplate.currentValue ? this.clearResponsiveStyling() : this.resizeHandler();
118
- }
119
- if (changes['options']) {
120
- this.settings.responsive ? this.resizeHandler() : this.clearResponsiveStyling();
121
- }
122
- }
123
- ngOnDestroy() {
124
- if (this.subscriptions) {
125
- this.subscriptions.unsubscribe();
126
- }
127
- }
128
- get pagerLabel() {
129
- const localizationMsg = this.localizationService.get('pagerLabel') || '';
130
- return replaceMessagePlaceholder(replaceMessagePlaceholder(localizationMsg, 'currentPage', this.currentPage.toString()), 'totalPages', this.totalPages.toString());
131
- }
132
- get focusTrapTabIndex() {
133
- return this.focusGroup.isActive ? '0' : '-1';
134
- }
135
- onKeyDown(event) {
136
- const keyCode = event.keyCode;
137
- const target = event.target;
138
- if (this.navigationService.enabled) {
139
- if (keyCode === Keys.Enter && target === this.element.nativeElement) {
140
- this.onEnterEvent(event);
141
- }
142
- else if (keyCode === Keys.Escape) {
143
- this.onEscapeEvent();
144
- }
145
- }
146
- if ((keyCode === Keys.ArrowLeft || keyCode === Keys.PageUp) ||
147
- (keyCode === Keys.ArrowRight || keyCode === Keys.PageDown)) {
148
- event.preventDefault();
149
- this.onArrowEvent(keyCode, target);
150
- }
151
- else if (keyCode === Keys.Home || keyCode === Keys.End) {
152
- event.preventDefault();
153
- this.onHomeEndEvent(keyCode, target);
154
- }
155
- }
156
- changePage(event) {
157
- this.pageChange.emit(event);
158
- }
159
- resizeHandler = () => {
160
- const element = this.element.nativeElement;
161
- if (this.template || !element) {
162
- return;
163
- }
164
- this.zone.runOutsideAngular(() => {
165
- setTimeout(() => {
166
- const width = element.offsetWidth;
167
- if (this.numericButtons) {
168
- const selectElement = this.numericButtons.selectElement.nativeElement;
169
- const numbersElement = this.numericButtons.numbersElement.nativeElement;
170
- this.renderer.removeStyle(numbersElement, 'display');
171
- this.renderer.setStyle(selectElement, 'display', 'none');
172
- if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
173
- this.renderer.removeStyle(selectElement, 'display');
174
- this.renderer.setStyle(numbersElement, 'display', 'none');
175
- }
176
- }
177
- if (this.pagerInfo) {
178
- this.renderer.removeStyle(this.pagerInfo.nativeElement, 'display');
179
- if (width < RESPONSIVE_BREAKPOINT_LARGE) {
180
- this.renderer.setStyle(this.pagerInfo.nativeElement, 'display', 'none');
181
- }
182
- }
183
- if (this.pagerPageSizes) {
184
- this.renderer.removeStyle(this.pagerPageSizes.nativeElement, 'display');
185
- if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
186
- this.renderer.setStyle(this.pagerPageSizes.nativeElement, 'display', 'none');
187
- }
188
- }
189
- });
190
- });
191
- };
192
- onInnerFocusIn(event, position) {
193
- this.zone.onStable.pipe(take(1)).subscribe(() => {
194
- if (position === 'start') {
195
- if (event.relatedTarget === this.element.nativeElement) {
196
- this.focusFirstElement();
197
- }
198
- else {
199
- this.focusLastElement();
200
- }
201
- }
202
- else {
203
- this.focusFirstElement();
204
- }
205
- });
206
- }
207
- onEnterEvent(event) {
208
- const isTargetCompElement = event.target === this.element.nativeElement;
209
- if (this.navigationService.enabled && isTargetCompElement) {
210
- event.preventDefault();
211
- this.focusRoot.activate();
212
- this.focusFirstElement();
213
- }
214
- }
215
- onEscapeEvent() {
216
- if (this.navigationService.enabled) {
217
- this.focusRoot.deactivate();
218
- this.element.nativeElement.focus();
219
- }
220
- }
221
- onArrowEvent(keyCode, target) {
222
- const isArrowLeft = keyCode === Keys.ArrowLeft || keyCode === Keys.PageUp;
223
- const condition = isArrowLeft ? this.currentPage > 1 : this.currentPage < this.totalPages;
224
- if (this.shouldTriggerPageChange(target, condition)) {
225
- const pageDir = isArrowLeft ? 'prevPage' : 'nextPage';
226
- this.pagerContext[pageDir]();
227
- }
228
- }
229
- onHomeEndEvent(keyCode, target) {
230
- const isHome = keyCode === Keys.Home;
231
- const condition = isHome ? this.currentPage > 1 : this.currentPage < this.totalPages;
232
- if (this.shouldTriggerPageChange(target, condition)) {
233
- const pageNumber = isHome ? 0 : this.totalPages - 1;
234
- this.pagerContext.changePage(pageNumber);
235
- }
236
- }
237
- onFocusIn(event) {
238
- if (this.navigationService.enabled) {
239
- const shouldFocusPager = event.target === this.element.nativeElement;
240
- if (shouldFocusPager) {
241
- this.focusRoot.deactivate();
242
- }
243
- else {
244
- this.focusRoot.activate();
245
- }
246
- }
247
- }
248
- focusFirstElement() {
249
- const first = findFocusableChild(this.element.nativeElement, true);
250
- if (first) {
251
- first.focus();
252
- }
253
- }
254
- focusLastElement() {
255
- const last = findLastFocusableChild(this.element.nativeElement, true);
256
- if (last) {
257
- last.focus();
258
- }
259
- }
260
- shouldTriggerPageChange(target, condition) {
261
- return this.navigationService.enabled && target === this.element.nativeElement && condition;
262
- }
263
- clearResponsiveStyling() {
264
- this.zone.runOutsideAngular(() => {
265
- setTimeout(() => {
266
- if (this.numericButtons) {
267
- this.renderer.removeStyle(this.numericButtons.numbersElement.nativeElement, 'display');
268
- this.renderer.setStyle(this.numericButtons.selectElement.nativeElement, 'display', 'none');
269
- }
270
- this.pagerInfo && this.renderer.removeStyle(this.pagerInfo.nativeElement, 'display');
271
- this.pagerPageSizes && this.renderer.removeStyle(this.pagerPageSizes.nativeElement, 'display');
272
- });
273
- });
274
- }
275
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.NavigationService }, { token: i2.LocalizationService }, { token: i3.PagerContextService }, { token: i4.FocusGroup }, { token: i5.FocusRoot }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
276
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerComponent, isStandalone: true, selector: "kendo-treelist-pager", inputs: { allCount: "allCount", total: "total", skip: "skip", navigable: "navigable", pageSize: "pageSize", options: "options", template: "template" }, outputs: { pageChange: "pageChange" }, host: { properties: { "attr.role": "this.pagerRole", "attr.aria-roledescription": "this.pagerRoleDescription", "class.k-grid-pager": "this.gridPagerClass", "class.k-pager": "this.pagerClass", "class.k-pager-md": "this.pagerSizingClass", "attr.tabindex": "this.hostTabindex", "attr.aria-label": "this.hostAriaLabel" } }, providers: [{
277
- provide: FOCUS_ROOT_ACTIVE,
278
- useValue: true
279
- }, {
280
- provide: FocusRoot,
281
- deps: [FOCUS_ROOT_ACTIVE],
282
- useClass: FocusRoot
283
- }, {
284
- provide: FocusGroup,
285
- deps: [FocusRoot],
286
- useClass: FocusGroup
287
- }], viewQueries: [{ propertyName: "pagerInfo", first: true, predicate: PagerInfoComponent, descendants: true, read: ElementRef }, { propertyName: "pagerPageSizes", first: true, predicate: PagerPageSizesComponent, descendants: true, read: ElementRef }, { propertyName: "numericButtons", first: true, predicate: PagerNumericButtonsComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
288
- <div
289
- *ngIf="navigationService.enabled"
290
- class="k-sr-only"
291
- [tabindex]="focusTrapTabIndex"
292
- [attr.aria-hidden]="true"
293
- (focusin)="onInnerFocusIn($event, 'start')">
294
- </div>
295
- <ng-container
296
- *ngIf="template?.templateRef"
297
- [ngTemplateOutlet]="template.templateRef"
298
- [ngTemplateOutletContext]="templateContext">
299
- </ng-container>
300
- <ng-container *ngIf="!template?.templateRef">
301
- <div class="k-pager-numbers-wrap">
302
- <kendo-treelist-pager-prev-buttons *ngIf="settings.previousNext"></kendo-treelist-pager-prev-buttons>
303
- <kendo-treelist-pager-numeric-buttons
304
- *ngIf="settings.type === 'numeric'"
305
- [buttonCount]="settings.buttonCount">
306
- </kendo-treelist-pager-numeric-buttons>
307
- <kendo-treelist-pager-input *ngIf="settings.type === 'input'"></kendo-treelist-pager-input>
308
- <kendo-treelist-pager-next-buttons *ngIf="settings.previousNext"></kendo-treelist-pager-next-buttons>
309
- </div>
310
- <kendo-treelist-pager-info *ngIf='settings.info'></kendo-treelist-pager-info>
311
- <kendo-treelist-pager-page-sizes
312
- *ngIf="settings.pageSizes"
313
- [pageSizes]="$any(settings.pageSizes)">
314
- </kendo-treelist-pager-page-sizes>
315
- </ng-container>
316
- <div
317
- *ngIf="navigationService.enabled"
318
- class="k-sr-only"
319
- [tabindex]="focusTrapTabIndex"
320
- [attr.aria-hidden]="true"
321
- (focusin)="onInnerFocusIn($event, 'end')">
322
- </div>
323
- <kendo-resize-sensor *ngIf="settings.responsive" (resize)="resizeHandler()"></kendo-resize-sensor>
324
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PagerPrevButtonsComponent, selector: "kendo-treelist-pager-prev-buttons" }, { kind: "component", type: PagerNumericButtonsComponent, selector: "kendo-treelist-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: PagerInputComponent, selector: "kendo-treelist-pager-input" }, { kind: "component", type: PagerNextButtonsComponent, selector: "kendo-treelist-pager-next-buttons", inputs: ["navigable"] }, { kind: "component", type: PagerInfoComponent, selector: "kendo-treelist-pager-info" }, { kind: "component", type: PagerPageSizesComponent, selector: "kendo-treelist-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
325
- }
326
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, decorators: [{
327
- type: Component,
328
- args: [{
329
- selector: 'kendo-treelist-pager',
330
- providers: [{
331
- provide: FOCUS_ROOT_ACTIVE,
332
- useValue: true
333
- }, {
334
- provide: FocusRoot,
335
- deps: [FOCUS_ROOT_ACTIVE],
336
- useClass: FocusRoot
337
- }, {
338
- provide: FocusGroup,
339
- deps: [FocusRoot],
340
- useClass: FocusGroup
341
- }],
342
- template: `
343
- <div
344
- *ngIf="navigationService.enabled"
345
- class="k-sr-only"
346
- [tabindex]="focusTrapTabIndex"
347
- [attr.aria-hidden]="true"
348
- (focusin)="onInnerFocusIn($event, 'start')">
349
- </div>
350
- <ng-container
351
- *ngIf="template?.templateRef"
352
- [ngTemplateOutlet]="template.templateRef"
353
- [ngTemplateOutletContext]="templateContext">
354
- </ng-container>
355
- <ng-container *ngIf="!template?.templateRef">
356
- <div class="k-pager-numbers-wrap">
357
- <kendo-treelist-pager-prev-buttons *ngIf="settings.previousNext"></kendo-treelist-pager-prev-buttons>
358
- <kendo-treelist-pager-numeric-buttons
359
- *ngIf="settings.type === 'numeric'"
360
- [buttonCount]="settings.buttonCount">
361
- </kendo-treelist-pager-numeric-buttons>
362
- <kendo-treelist-pager-input *ngIf="settings.type === 'input'"></kendo-treelist-pager-input>
363
- <kendo-treelist-pager-next-buttons *ngIf="settings.previousNext"></kendo-treelist-pager-next-buttons>
364
- </div>
365
- <kendo-treelist-pager-info *ngIf='settings.info'></kendo-treelist-pager-info>
366
- <kendo-treelist-pager-page-sizes
367
- *ngIf="settings.pageSizes"
368
- [pageSizes]="$any(settings.pageSizes)">
369
- </kendo-treelist-pager-page-sizes>
370
- </ng-container>
371
- <div
372
- *ngIf="navigationService.enabled"
373
- class="k-sr-only"
374
- [tabindex]="focusTrapTabIndex"
375
- [attr.aria-hidden]="true"
376
- (focusin)="onInnerFocusIn($event, 'end')">
377
- </div>
378
- <kendo-resize-sensor *ngIf="settings.responsive" (resize)="resizeHandler()"></kendo-resize-sensor>
379
- `,
380
- standalone: true,
381
- imports: [NgIf, NgTemplateOutlet, PagerPrevButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerNextButtonsComponent, PagerInfoComponent, PagerPageSizesComponent, ResizeSensorComponent]
382
- }]
383
- }], ctorParameters: function () { return [{ type: i1.NavigationService }, { type: i2.LocalizationService }, { type: i3.PagerContextService }, { type: i4.FocusGroup }, { type: i5.FocusRoot }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { pagerInfo: [{
384
- type: ViewChild,
385
- args: [PagerInfoComponent, { read: ElementRef }]
386
- }], pagerPageSizes: [{
387
- type: ViewChild,
388
- args: [PagerPageSizesComponent, { read: ElementRef }]
389
- }], numericButtons: [{
390
- type: ViewChild,
391
- args: [PagerNumericButtonsComponent]
392
- }], allCount: [{
393
- type: Input
394
- }], total: [{
395
- type: Input
396
- }], skip: [{
397
- type: Input
398
- }], navigable: [{
399
- type: Input
400
- }], pageSize: [{
401
- type: Input
402
- }], options: [{
403
- type: Input
404
- }], template: [{
405
- type: Input
406
- }], pageChange: [{
407
- type: Output
408
- }], pagerRole: [{
409
- type: HostBinding,
410
- args: ['attr.role']
411
- }], pagerRoleDescription: [{
412
- type: HostBinding,
413
- args: ['attr.aria-roledescription']
414
- }], gridPagerClass: [{
415
- type: HostBinding,
416
- args: ['class.k-grid-pager']
417
- }], pagerClass: [{
418
- type: HostBinding,
419
- args: ['class.k-pager']
420
- }], pagerSizingClass: [{
421
- type: HostBinding,
422
- args: ['class.k-pager-md']
423
- }], hostTabindex: [{
424
- type: HostBinding,
425
- args: ['attr.tabindex']
426
- }], hostAriaLabel: [{
427
- type: HostBinding,
428
- args: ['attr.aria-label']
429
- }] } });
@@ -1,43 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NgModule } from '@angular/core';
6
- import { KENDO_INPUTS } from '@progress/kendo-angular-inputs';
7
- import { ResizeBatchService } from '@progress/kendo-angular-common';
8
- import { KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
9
- import { KENDO_LABEL } from '@progress/kendo-angular-label';
10
- import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
11
- import { PAGER_EXPORTS } from '../directives';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@progress/kendo-angular-inputs";
14
- import * as i2 from "@progress/kendo-angular-common";
15
- import * as i3 from "@progress/kendo-angular-label";
16
- import * as i4 from "@progress/kendo-angular-buttons";
17
- import * as i5 from "@progress/kendo-angular-dropdowns";
18
- import * as i6 from "./pager.component";
19
- import * as i7 from "./pager-prev-buttons.component";
20
- import * as i8 from "./pager-next-buttons.component";
21
- import * as i9 from "./pager-numeric-buttons.component";
22
- import * as i10 from "./pager-input.component";
23
- import * as i11 from "./pager-info.component";
24
- import * as i12 from "./pager-page-sizes.component";
25
- import * as i13 from "./pager-template.directive";
26
- // IMPORTANT: NgModule export kept for backwards compatibility
27
- /**
28
- * @hidden
29
- * @deprecated
30
- */
31
- export class PagerModule {
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
33
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, imports: [i1.TextBoxDirective, i1.TextBoxComponent, i1.InputSeparatorComponent, i1.TextBoxSuffixTemplateDirective, i1.TextBoxPrefixTemplateDirective, i1.TextBoxCustomMessagesComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, i1.NumericTextBoxComponent, i1.NumericTextBoxCustomMessagesComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, i1.MaskedTextBoxComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, i1.TextAreaComponent, i1.TextAreaDirective, i1.TextAreaPrefixComponent, i1.TextAreaSuffixComponent, i2.SeparatorComponent, i1.CheckBoxComponent, i1.CheckBoxDirective, i1.RadioButtonComponent, i1.RadioButtonDirective, i1.SwitchComponent, i1.SwitchCustomMessagesComponent, i1.FormFieldComponent, i1.HintComponent, i1.ErrorComponent, i1.SliderComponent, i1.SliderCustomMessagesComponent, i1.LabelTemplateDirective, i1.RangeSliderComponent, i1.RangeSliderCustomMessagesComponent, i1.LabelTemplateDirective, i1.RatingComponent, i1.RatingItemTemplateDirective, i1.RatingHoveredItemTemplateDirective, i1.RatingSelectedItemTemplateDirective, i1.SignatureComponent, i1.SignatureCustomMessagesComponent, i1.ColorPickerComponent, i1.ColorPickerCustomMessagesComponent, i1.FlatColorPickerComponent, i1.ColorPickerCustomMessagesComponent, i1.ColorGradientComponent, i1.ColorPickerCustomMessagesComponent, i1.ColorPaletteComponent, i1.ColorPickerCustomMessagesComponent, i3.LabelDirective, i3.LabelComponent, i3.CustomMessagesComponent, i4.ButtonComponent, i5.AutoCompleteComponent, i5.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i5.GroupTemplateDirective, i5.HeaderTemplateDirective, i5.ItemTemplateDirective, i5.NoDataTemplateDirective, i5.FilterDirective, i5.CustomMessagesComponent, i2.SuffixTemplateDirective, i2.PrefixTemplateDirective, i2.SeparatorComponent, i5.ComboBoxComponent, i5.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i5.GroupTemplateDirective, i5.HeaderTemplateDirective, i5.ItemTemplateDirective, i5.NoDataTemplateDirective, i5.FilterDirective, i5.CustomMessagesComponent, i2.SuffixTemplateDirective, i2.PrefixTemplateDirective, i2.SeparatorComponent, i5.MultiColumnComboBoxComponent, i5.ComboBoxColumnComponent, i5.ColumnHeaderTemplateDirective, i5.ColumnCellTemplateDirective, i5.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i5.GroupTemplateDirective, i5.HeaderTemplateDirective, i5.ItemTemplateDirective, i5.NoDataTemplateDirective, i5.FilterDirective, i5.CustomMessagesComponent, i2.SuffixTemplateDirective, i2.PrefixTemplateDirective, i2.SeparatorComponent, i5.DropDownListComponent, i5.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i5.GroupTemplateDirective, i5.HeaderTemplateDirective, i5.ItemTemplateDirective, i5.ValueTemplateDirective, i5.NoDataTemplateDirective, i5.FilterDirective, i5.CustomMessagesComponent, i5.MultiSelectComponent, i5.SummaryTagDirective, i5.CustomItemTemplateDirective, i5.FixedGroupTemplateDirective, i5.FooterTemplateDirective, i5.GroupTemplateDirective, i5.GroupTagTemplateDirective, i5.TagTemplateDirective, i5.HeaderTemplateDirective, i5.ItemTemplateDirective, i5.NoDataTemplateDirective, i5.FilterDirective, i5.CustomMessagesComponent, i2.SuffixTemplateDirective, i2.PrefixTemplateDirective, i2.SeparatorComponent, i5.DropDownTreeComponent, i5.DropDownTreeFlatBindingDirective, i5.DropDownTreeHierarchyBindingDirective, i5.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i5.HeaderTemplateDirective, i5.FooterTemplateDirective, i5.ValueTemplateDirective, i5.NoDataTemplateDirective, i5.CustomMessagesComponent, i5.MultiSelectTreeComponent, i5.MultiSelectTreeFlatBindingDirective, i5.MultiSelectTreeHierarchyBindingDirective, i5.DropDownTreesExpandDirective, i5.NodeTemplateDirective, i5.MultiSelectTreeSummaryTagDirective, i5.GroupTagTemplateDirective, i5.TagTemplateDirective, i5.HeaderTemplateDirective, i5.FooterTemplateDirective, i5.ValueTemplateDirective, i5.NoDataTemplateDirective, i5.CustomMessagesComponent, i6.PagerComponent, i7.PagerPrevButtonsComponent, i8.PagerNextButtonsComponent, i9.PagerNumericButtonsComponent, i10.PagerInputComponent, i11.PagerInfoComponent, i12.PagerPageSizesComponent, i13.PagerTemplateDirective], exports: [i6.PagerComponent, i7.PagerPrevButtonsComponent, i8.PagerNextButtonsComponent, i9.PagerNumericButtonsComponent, i10.PagerInputComponent, i11.PagerInfoComponent, i12.PagerPageSizesComponent, i13.PagerTemplateDirective] });
34
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, providers: [ResizeBatchService], imports: [i1.TextBoxComponent, i1.InputSeparatorComponent, i1.TextBoxCustomMessagesComponent, i2.SeparatorComponent, i1.NumericTextBoxComponent, i1.NumericTextBoxCustomMessagesComponent, i2.SeparatorComponent, i1.MaskedTextBoxComponent, i2.SeparatorComponent, i1.TextAreaComponent, i1.TextAreaPrefixComponent, i1.TextAreaSuffixComponent, i2.SeparatorComponent, i1.CheckBoxComponent, i1.RadioButtonComponent, i1.SwitchComponent, i1.SwitchCustomMessagesComponent, i1.FormFieldComponent, i1.HintComponent, i1.ErrorComponent, i1.SliderComponent, i1.SliderCustomMessagesComponent, i1.RangeSliderComponent, i1.RangeSliderCustomMessagesComponent, i1.RatingComponent, i1.SignatureComponent, i1.SignatureCustomMessagesComponent, i1.ColorPickerComponent, i1.ColorPickerCustomMessagesComponent, i1.FlatColorPickerComponent, i1.ColorPickerCustomMessagesComponent, i1.ColorGradientComponent, i1.ColorPickerCustomMessagesComponent, i1.ColorPaletteComponent, i1.ColorPickerCustomMessagesComponent, i3.LabelComponent, i3.CustomMessagesComponent, KENDO_BUTTON, i5.AutoCompleteComponent, i5.CustomMessagesComponent, i2.SeparatorComponent, i5.ComboBoxComponent, i5.CustomMessagesComponent, i2.SeparatorComponent, i5.MultiColumnComboBoxComponent, i5.ComboBoxColumnComponent, i5.CustomMessagesComponent, i2.SeparatorComponent, i5.DropDownListComponent, i5.CustomMessagesComponent, i5.MultiSelectComponent, i5.CustomMessagesComponent, i2.SeparatorComponent, i5.DropDownTreeComponent, i5.CustomMessagesComponent, i5.MultiSelectTreeComponent, i5.CustomMessagesComponent, i6.PagerComponent, i7.PagerPrevButtonsComponent, i8.PagerNextButtonsComponent, i9.PagerNumericButtonsComponent, i10.PagerInputComponent, i12.PagerPageSizesComponent] });
35
- }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, decorators: [{
37
- type: NgModule,
38
- args: [{
39
- exports: [...PAGER_EXPORTS],
40
- imports: [...KENDO_INPUTS, ...KENDO_LABEL, ...KENDO_BUTTON, ...KENDO_DROPDOWNS, ...PAGER_EXPORTS],
41
- providers: [ResizeBatchService]
42
- }]
43
- }] });
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,32 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Subject } from "rxjs";
6
- import { PageChangeEvent } from "../data/change-event-args.interface";
7
- /**
8
- * @hidden
9
- */
10
- export type PagerContextChanges = {
11
- total: number;
12
- skip: number;
13
- pageSize: number;
14
- allCount: number;
15
- };
16
- /**
17
- * @hidden
18
- */
19
- export declare class PagerContextService {
20
- total: number;
21
- skip: number;
22
- pageSize: number;
23
- allCount: number;
24
- changes: Subject<PagerContextChanges>;
25
- pageChange: Subject<PageChangeEvent>;
26
- private get currentPage();
27
- notifyChanges(changes: PagerContextChanges): void;
28
- changePage(page: number): void;
29
- changePageSize(value: number): void;
30
- nextPage(): void;
31
- prevPage(): void;
32
- }
@@ -1,74 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
6
- import { PagerContextService, PagerContextChanges } from "./pager-context.service";
7
- import { LocalizationService } from '@progress/kendo-angular-l10n';
8
- import { SVGIcon } from '@progress/kendo-svg-icons';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * @hidden
12
- */
13
- export declare abstract class PagerElementComponent implements OnInit, OnDestroy {
14
- private localization;
15
- protected pagerContext: PagerContextService;
16
- protected cd: ChangeDetectorRef;
17
- total: number;
18
- skip: number;
19
- pageSize: number;
20
- allCount: number;
21
- caretAltLeftIcon: SVGIcon;
22
- caretAltToLeftIcon: SVGIcon;
23
- caretAltRightIcon: SVGIcon;
24
- caretAltToRightIcon: SVGIcon;
25
- /**
26
- * @hidden
27
- *
28
- * @readonly
29
- * @type {number}
30
- * @memberOf PagerElementComponent
31
- */
32
- get currentPage(): number;
33
- /**
34
- * @hidden
35
- *
36
- * @readonly
37
- * @type {number}
38
- * @memberOf PagerElementComponent
39
- */
40
- get totalPages(): number;
41
- private subscriptions;
42
- constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
43
- /**
44
- * @hidden
45
- *
46
- * @param {string} key
47
- * @returns {string}
48
- *
49
- * @memberOf PagerElementComponent
50
- */
51
- textFor(key: string): string;
52
- /**
53
- * @hidden
54
- *
55
- * @param {number} page
56
- *
57
- * @memberOf PagerElementComponent
58
- */
59
- changePage(page: number): boolean;
60
- /**
61
- * @hidden
62
- *
63
- * @memberOf PagerElementComponent
64
- */
65
- ngOnInit(): void;
66
- protected abstract onChanges(changes: PagerContextChanges): void;
67
- ngOnDestroy(): void;
68
- get prevArrowIcons(): string[];
69
- get prevArrowSVGIcons(): SVGIcon[];
70
- get nextArrowIcons(): string[];
71
- get nextArrowSVGIcons(): SVGIcon[];
72
- static ɵfac: i0.ɵɵFactoryDeclaration<PagerElementComponent, never>;
73
- static ɵdir: i0.ɵɵDirectiveDeclaration<PagerElementComponent, never, never, {}, {}, never, never, false, never>;
74
- }