@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.
Files changed (35) hide show
  1. package/fesm2022/progress-kendo-angular-pager.mjs +49 -49
  2. package/package.json +12 -20
  3. package/pager/localization/messages.d.ts +1 -1
  4. package/pager/pager-element.component.d.ts +1 -1
  5. package/schematics/ngAdd/index.js +6 -6
  6. package/esm2022/directives.mjs +0 -45
  7. package/esm2022/index.mjs +0 -21
  8. package/esm2022/package-metadata.mjs +0 -16
  9. package/esm2022/pager/change-event-args.interface.mjs +0 -5
  10. package/esm2022/pager/common/pager-classes.mjs +0 -5
  11. package/esm2022/pager/common/pager-size.mjs +0 -5
  12. package/esm2022/pager/common/pager-type.mjs +0 -5
  13. package/esm2022/pager/common/responsive-element.mjs +0 -5
  14. package/esm2022/pager/focusable.directive.mjs +0 -68
  15. package/esm2022/pager/localization/custom-messages.component.mjs +0 -55
  16. package/esm2022/pager/localization/localized-messages.directive.mjs +0 -39
  17. package/esm2022/pager/localization/messages.mjs +0 -100
  18. package/esm2022/pager/navigation.service.mjs +0 -39
  19. package/esm2022/pager/pager-context.service.mjs +0 -46
  20. package/esm2022/pager/pager-element.component.mjs +0 -113
  21. package/esm2022/pager/pager-info.component.mjs +0 -79
  22. package/esm2022/pager/pager-input.component.mjs +0 -177
  23. package/esm2022/pager/pager-next-buttons.component.mjs +0 -136
  24. package/esm2022/pager/pager-numeric-buttons.component.mjs +0 -257
  25. package/esm2022/pager/pager-page-sizes.component.mjs +0 -197
  26. package/esm2022/pager/pager-prev-buttons.component.mjs +0 -140
  27. package/esm2022/pager/pager-template.directive.mjs +0 -45
  28. package/esm2022/pager/pager.component.mjs +0 -1104
  29. package/esm2022/pager/pager.module.mjs +0 -65
  30. package/esm2022/pager/pagesize-item.interface.mjs +0 -5
  31. package/esm2022/pager/pagesizechange-event.mjs +0 -24
  32. package/esm2022/pager/preventable-event.mjs +0 -25
  33. package/esm2022/pager/spacer.component.mjs +0 -70
  34. package/esm2022/progress-kendo-angular-pager.mjs +0 -8
  35. 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`&mdash;The index of the displayed page.
14
- * * `pageSize`&mdash;The value of the current `pageSize`.
15
- * * `skip`&mdash;The current skip value.
16
- * * `total`&mdash;The total number of records.
17
- * * `totalPages`&mdash;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
- }] }] });