@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.
- package/directives.d.ts +4 -17
- package/esm2022/directives.mjs +3 -24
- package/esm2022/filtering/cell/row-filtering.module.mjs +3 -2
- package/esm2022/filtering/menu/filter-menu.module.mjs +3 -2
- package/esm2022/filtering/shared-filtering.module.mjs +3 -2
- package/esm2022/index.mjs +0 -9
- package/esm2022/localization/messages.mjs +9 -3
- package/esm2022/navigation/navigation.service.mjs +2 -2
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rendering/common/spacer.component.mjs +2 -2
- package/esm2022/rendering/header/header.module.mjs +25 -24
- package/esm2022/shared.module.mjs +3 -2
- package/esm2022/treelist.component.mjs +145 -26
- package/esm2022/treelist.module.mjs +73 -79
- package/fesm2022/progress-kendo-angular-treelist.mjs +317 -1617
- package/filtering/cell/row-filtering.module.d.ts +2 -1
- package/filtering/menu/filter-menu.module.d.ts +2 -1
- package/filtering/shared-filtering.module.d.ts +7 -6
- package/index.d.ts +1 -11
- package/localization/messages.d.ts +6 -2
- package/navigation/navigation.service.d.ts +1 -1
- package/package.json +16 -16
- package/rendering/common/spacer.component.d.ts +1 -1
- package/rendering/header/header.module.d.ts +26 -25
- package/schematics/ngAdd/index.js +3 -3
- package/shared.module.d.ts +3 -2
- package/treelist.component.d.ts +3 -2
- package/treelist.module.d.ts +70 -77
- package/constants.d.ts +0 -12
- package/esm2022/constants.mjs +0 -12
- package/esm2022/pager/pager-context.service.mjs +0 -44
- package/esm2022/pager/pager-element.component.mjs +0 -111
- package/esm2022/pager/pager-info.component.mjs +0 -76
- package/esm2022/pager/pager-input.component.mjs +0 -148
- package/esm2022/pager/pager-next-buttons.component.mjs +0 -131
- package/esm2022/pager/pager-numeric-buttons.component.mjs +0 -254
- package/esm2022/pager/pager-page-sizes.component.mjs +0 -141
- package/esm2022/pager/pager-prev-buttons.component.mjs +0 -127
- package/esm2022/pager/pager-template.directive.mjs +0 -49
- package/esm2022/pager/pager.component.mjs +0 -429
- package/esm2022/pager/pager.module.mjs +0 -43
- package/esm2022/pager/pagesize-item.interface.mjs +0 -5
- package/pager/pager-context.service.d.ts +0 -32
- package/pager/pager-element.component.d.ts +0 -74
- package/pager/pager-info.component.d.ts +0 -43
- package/pager/pager-input.component.d.ts +0 -45
- package/pager/pager-next-buttons.component.d.ts +0 -36
- package/pager/pager-numeric-buttons.component.d.ts +0 -52
- package/pager/pager-page-sizes.component.d.ts +0 -48
- package/pager/pager-prev-buttons.component.d.ts +0 -32
- package/pager/pager-template.directive.d.ts +0 -38
- package/pager/pager.component.d.ts +0 -73
- package/pager/pager.module.d.ts +0 -27
- package/pager/pagesize-item.interface.d.ts +0 -14
- /package/{pager → common}/pager-settings.d.ts +0 -0
- /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`—The index of the displayed page.
|
13
|
-
* * `pageSize`—The value of the current `pageSize`.
|
14
|
-
* * `skip`—The current skip value.
|
15
|
-
* * `total`—The total number of records.
|
16
|
-
* * `totalPages`—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
|
-
}
|