@progress/kendo-angular-pager 21.4.1-develop.1 → 22.0.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/fesm2022/progress-kendo-angular-pager.mjs +49 -49
- package/package.json +12 -20
- package/pager/localization/messages.d.ts +1 -1
- package/pager/pager-element.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +6 -6
- package/esm2022/directives.mjs +0 -45
- package/esm2022/index.mjs +0 -21
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/pager/change-event-args.interface.mjs +0 -5
- package/esm2022/pager/common/pager-classes.mjs +0 -5
- package/esm2022/pager/common/pager-size.mjs +0 -5
- package/esm2022/pager/common/pager-type.mjs +0 -5
- package/esm2022/pager/common/responsive-element.mjs +0 -5
- package/esm2022/pager/focusable.directive.mjs +0 -68
- package/esm2022/pager/localization/custom-messages.component.mjs +0 -55
- package/esm2022/pager/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/pager/localization/messages.mjs +0 -100
- package/esm2022/pager/navigation.service.mjs +0 -39
- package/esm2022/pager/pager-context.service.mjs +0 -46
- package/esm2022/pager/pager-element.component.mjs +0 -113
- package/esm2022/pager/pager-info.component.mjs +0 -79
- package/esm2022/pager/pager-input.component.mjs +0 -177
- package/esm2022/pager/pager-next-buttons.component.mjs +0 -136
- package/esm2022/pager/pager-numeric-buttons.component.mjs +0 -257
- package/esm2022/pager/pager-page-sizes.component.mjs +0 -197
- package/esm2022/pager/pager-prev-buttons.component.mjs +0 -140
- package/esm2022/pager/pager-template.directive.mjs +0 -45
- package/esm2022/pager/pager.component.mjs +0 -1104
- package/esm2022/pager/pager.module.mjs +0 -65
- package/esm2022/pager/pagesize-item.interface.mjs +0 -5
- package/esm2022/pager/pagesizechange-event.mjs +0 -24
- package/esm2022/pager/preventable-event.mjs +0 -25
- package/esm2022/pager/spacer.component.mjs +0 -70
- package/esm2022/progress-kendo-angular-pager.mjs +0 -8
- package/esm2022/util.mjs +0 -124
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
// eslint-disable no-access-missing-member
|
|
6
|
-
import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Input } from '@angular/core';
|
|
7
|
-
import { PagerContextService } from "./pager-context.service";
|
|
8
|
-
import { PagerElementComponent } from './pager-element.component';
|
|
9
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
|
-
import { DEFAULT_SIZE } from '../util';
|
|
11
|
-
import { PagerFocusableDirective } from './focusable.directive';
|
|
12
|
-
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
15
|
-
import * as i2 from "./pager-context.service";
|
|
16
|
-
/**
|
|
17
|
-
* Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```html
|
|
21
|
-
* <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
|
|
22
|
-
* <ng-template kendoPagerTemplate>
|
|
23
|
-
* <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
|
|
24
|
-
* </ng-template>
|
|
25
|
-
* </kendo-pager>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
29
|
-
constructor(localization, pagerContext, cd) {
|
|
30
|
-
super(localization, pagerContext, cd);
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the padding of the navigation buttons.
|
|
34
|
-
*
|
|
35
|
-
* @default 'medium'
|
|
36
|
-
*/
|
|
37
|
-
size = DEFAULT_SIZE;
|
|
38
|
-
/**
|
|
39
|
-
* @hidden
|
|
40
|
-
*
|
|
41
|
-
* @readonly
|
|
42
|
-
* @type {boolean}
|
|
43
|
-
* @memberOf PagerPrevButtonsComponent
|
|
44
|
-
*/
|
|
45
|
-
get disabled() {
|
|
46
|
-
return this.currentPage === 1 || !this.total;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
onClick(isFirst = false) {
|
|
52
|
-
if (this.disabled) {
|
|
53
|
-
return false;
|
|
54
|
-
}
|
|
55
|
-
const targetPage = isFirst ? 0 : this.currentPage - 2;
|
|
56
|
-
return this.currentPage !== 1 ? this.changePage(targetPage) : false;
|
|
57
|
-
}
|
|
58
|
-
onChanges({ total, skip, pageSize }) {
|
|
59
|
-
this.total = total;
|
|
60
|
-
this.skip = skip;
|
|
61
|
-
this.pageSize = pageSize;
|
|
62
|
-
this.cd.markForCheck();
|
|
63
|
-
}
|
|
64
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerPrevButtonsComponent, isStandalone: true, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: `
|
|
66
|
-
<button
|
|
67
|
-
type="button" kendoButton
|
|
68
|
-
kendoPagerFocusable
|
|
69
|
-
class="k-pager-nav k-pager-first"
|
|
70
|
-
[attr.aria-disabled]="disabled"
|
|
71
|
-
[class.k-disabled]="disabled"
|
|
72
|
-
[icon]="prevArrowIcons[0]"
|
|
73
|
-
[svgIcon]="prevArrowSVGIcons[0]"
|
|
74
|
-
fillMode="flat"
|
|
75
|
-
rounded="none"
|
|
76
|
-
[size]="size"
|
|
77
|
-
[title]="textFor('firstPage')"
|
|
78
|
-
[attr.aria-label]="textFor('firstPage')"
|
|
79
|
-
(click)="onClick(true)">
|
|
80
|
-
</button>
|
|
81
|
-
<button
|
|
82
|
-
type="button" kendoButton
|
|
83
|
-
kendoPagerFocusable
|
|
84
|
-
class="k-pager-nav"
|
|
85
|
-
[attr.aria-disabled]="disabled"
|
|
86
|
-
[class.k-disabled]="disabled"
|
|
87
|
-
[icon]="prevArrowIcons[1]"
|
|
88
|
-
[svgIcon]="prevArrowSVGIcons[1]"
|
|
89
|
-
fillMode="flat"
|
|
90
|
-
rounded="none"
|
|
91
|
-
[size]="size"
|
|
92
|
-
[title]="textFor('previousPage')"
|
|
93
|
-
[attr.aria-label]="textFor('previousPage')"
|
|
94
|
-
(click)="onClick()">
|
|
95
|
-
</button>
|
|
96
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
97
|
-
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
|
|
99
|
-
type: Component,
|
|
100
|
-
args: [{
|
|
101
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
102
|
-
selector: 'kendo-datapager-prev-buttons, kendo-pager-prev-buttons',
|
|
103
|
-
template: `
|
|
104
|
-
<button
|
|
105
|
-
type="button" kendoButton
|
|
106
|
-
kendoPagerFocusable
|
|
107
|
-
class="k-pager-nav k-pager-first"
|
|
108
|
-
[attr.aria-disabled]="disabled"
|
|
109
|
-
[class.k-disabled]="disabled"
|
|
110
|
-
[icon]="prevArrowIcons[0]"
|
|
111
|
-
[svgIcon]="prevArrowSVGIcons[0]"
|
|
112
|
-
fillMode="flat"
|
|
113
|
-
rounded="none"
|
|
114
|
-
[size]="size"
|
|
115
|
-
[title]="textFor('firstPage')"
|
|
116
|
-
[attr.aria-label]="textFor('firstPage')"
|
|
117
|
-
(click)="onClick(true)">
|
|
118
|
-
</button>
|
|
119
|
-
<button
|
|
120
|
-
type="button" kendoButton
|
|
121
|
-
kendoPagerFocusable
|
|
122
|
-
class="k-pager-nav"
|
|
123
|
-
[attr.aria-disabled]="disabled"
|
|
124
|
-
[class.k-disabled]="disabled"
|
|
125
|
-
[icon]="prevArrowIcons[1]"
|
|
126
|
-
[svgIcon]="prevArrowSVGIcons[1]"
|
|
127
|
-
fillMode="flat"
|
|
128
|
-
rounded="none"
|
|
129
|
-
[size]="size"
|
|
130
|
-
[title]="textFor('previousPage')"
|
|
131
|
-
[attr.aria-label]="textFor('previousPage')"
|
|
132
|
-
(click)="onClick()">
|
|
133
|
-
</button>
|
|
134
|
-
`,
|
|
135
|
-
standalone: true,
|
|
136
|
-
imports: [ButtonComponent, PagerFocusableDirective]
|
|
137
|
-
}]
|
|
138
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }], propDecorators: { size: [{
|
|
139
|
-
type: Input
|
|
140
|
-
}] } });
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 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 Kendo UI Pager template directive for Angular.
|
|
9
|
-
* Use this directive to customize the Pager appearance. To define a Pager template, nest an `<ng-template>` tag with the `kendoPagerTemplate` directive inside `<kendo-pager>`.
|
|
10
|
-
*
|
|
11
|
-
* The template context provides the following fields:
|
|
12
|
-
*
|
|
13
|
-
* * `currentPage`—The index of the displayed page.
|
|
14
|
-
* * `pageSize`—The value of the current `pageSize`.
|
|
15
|
-
* * `skip`—The current skip value.
|
|
16
|
-
* * `total`—The total number of records.
|
|
17
|
-
* * `totalPages`—The total number of available pages.
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```html
|
|
21
|
-
* <kendo-pager [skip]="0" [pageSize]="10" [total]="100">
|
|
22
|
-
* <ng-template kendoPagerTemplate let-currentPage="currentPage" let-pageSize="pageSize" let-skip="skip" let-total="total" let-totalPages="totalPages">
|
|
23
|
-
* <span>Page {{currentPage}} of {{totalPages}}</span>
|
|
24
|
-
* <span>Items per page: {{pageSize}}</span>
|
|
25
|
-
* </ng-template>
|
|
26
|
-
* </kendo-pager>
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export class PagerTemplateDirective {
|
|
30
|
-
templateRef;
|
|
31
|
-
constructor(templateRef) {
|
|
32
|
-
this.templateRef = templateRef;
|
|
33
|
-
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PagerTemplateDirective, isStandalone: true, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]", ngImport: i0 });
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerTemplateDirective, decorators: [{
|
|
38
|
-
type: Directive,
|
|
39
|
-
args: [{
|
|
40
|
-
selector: '[kendoDataPagerTemplate], [kendoPagerTemplate]',
|
|
41
|
-
standalone: true
|
|
42
|
-
}]
|
|
43
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
44
|
-
type: Optional
|
|
45
|
-
}] }] });
|