@progress/kendo-angular-pager 13.0.0-develop.1 → 13.0.0-develop.11
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/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pager/pager-element.component.mjs +17 -0
- package/esm2020/pager/pager-next-buttons.component.mjs +8 -17
- package/esm2020/pager/pager-prev-buttons.component.mjs +8 -17
- package/fesm2015/progress-kendo-angular-pager.mjs +35 -35
- package/fesm2020/progress-kendo-angular-pager.mjs +34 -34
- package/package.json +7 -7
- package/pager/pager-element.component.d.ts +9 -0
- package/pager/pager-next-buttons.component.d.ts +0 -9
- package/pager/pager-prev-buttons.component.d.ts +0 -9
- package/schematics/ngAdd/index.js +5 -5
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-pager',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.0.0-develop.
|
|
12
|
+
publishDate: 1685352033,
|
|
13
|
+
version: '13.0.0-develop.11',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
import { Component, ChangeDetectorRef } from '@angular/core';
|
|
6
6
|
import { PagerContextService } from "./pager-context.service";
|
|
7
7
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
+
import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
11
|
import * as i2 from "./pager-context.service";
|
|
@@ -19,6 +20,10 @@ export class PagerElementComponent {
|
|
|
19
20
|
this.total = this.pagerContext.total;
|
|
20
21
|
this.skip = this.pagerContext.skip;
|
|
21
22
|
this.pageSize = this.pagerContext.pageSize;
|
|
23
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
24
|
+
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
25
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
26
|
+
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
22
27
|
}
|
|
23
28
|
/**
|
|
24
29
|
* @hidden
|
|
@@ -76,6 +81,18 @@ export class PagerElementComponent {
|
|
|
76
81
|
this.subscriptions.unsubscribe();
|
|
77
82
|
}
|
|
78
83
|
}
|
|
84
|
+
get prevArrowIcons() {
|
|
85
|
+
return !this.localization.rtl ? ['caret-alt-to-left', 'caret-alt-left'] : ['caret-alt-to-right', 'caret-alt-right'];
|
|
86
|
+
}
|
|
87
|
+
get prevArrowSVGIcons() {
|
|
88
|
+
return !this.localization.rtl ? [this.caretAltToLeftIcon, this.caretAltLeftIcon] : [this.caretAltToRightIcon, this.caretAltRightIcon];
|
|
89
|
+
}
|
|
90
|
+
get nextArrowIcons() {
|
|
91
|
+
return !this.localization.rtl ? ['caret-alt-right', 'caret-alt-to-right'] : ['caret-alt-left', 'caret-alt-to-left'];
|
|
92
|
+
}
|
|
93
|
+
get nextArrowSVGIcons() {
|
|
94
|
+
return !this.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
|
|
95
|
+
}
|
|
79
96
|
}
|
|
80
97
|
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
81
98
|
PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
|
|
@@ -8,7 +8,6 @@ import { PagerContextService } from "./pager-context.service";
|
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
9
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
10
|
import { DEFAULT_SIZE } from '../util';
|
|
11
|
-
import { caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
|
|
12
11
|
import * as i0 from "@angular/core";
|
|
13
12
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
14
13
|
import * as i2 from "./pager-context.service";
|
|
@@ -20,14 +19,6 @@ import * as i4 from "./focusable.directive";
|
|
|
20
19
|
export class PagerNextButtonsComponent extends PagerElementComponent {
|
|
21
20
|
constructor(localization, pagerContext, cd) {
|
|
22
21
|
super(localization, pagerContext, cd);
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
this.caretAltRightIcon = caretAltRightIcon;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
31
22
|
/**
|
|
32
23
|
* Specifies the padding of the buttons.
|
|
33
24
|
*
|
|
@@ -61,8 +52,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
61
52
|
<button kendoButton kendoPagerFocusable
|
|
62
53
|
type="button"
|
|
63
54
|
[size]="size"
|
|
64
|
-
icon="
|
|
65
|
-
[svgIcon]="
|
|
55
|
+
[icon]="nextArrowIcons[0]"
|
|
56
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
66
57
|
fillMode="flat"
|
|
67
58
|
rounded="none"
|
|
68
59
|
class="k-pager-nav"
|
|
@@ -74,8 +65,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
74
65
|
<button kendoButton kendoPagerFocusable
|
|
75
66
|
type="button"
|
|
76
67
|
[size]="size"
|
|
77
|
-
icon="
|
|
78
|
-
[svgIcon]="
|
|
68
|
+
[icon]="nextArrowIcons[1]"
|
|
69
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
79
70
|
fillMode="flat"
|
|
80
71
|
rounded="none"
|
|
81
72
|
class="k-pager-nav k-pager-last"
|
|
@@ -94,8 +85,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
94
85
|
<button kendoButton kendoPagerFocusable
|
|
95
86
|
type="button"
|
|
96
87
|
[size]="size"
|
|
97
|
-
icon="
|
|
98
|
-
[svgIcon]="
|
|
88
|
+
[icon]="nextArrowIcons[0]"
|
|
89
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
99
90
|
fillMode="flat"
|
|
100
91
|
rounded="none"
|
|
101
92
|
class="k-pager-nav"
|
|
@@ -107,8 +98,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
107
98
|
<button kendoButton kendoPagerFocusable
|
|
108
99
|
type="button"
|
|
109
100
|
[size]="size"
|
|
110
|
-
icon="
|
|
111
|
-
[svgIcon]="
|
|
101
|
+
[icon]="nextArrowIcons[1]"
|
|
102
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
112
103
|
fillMode="flat"
|
|
113
104
|
rounded="none"
|
|
114
105
|
class="k-pager-nav k-pager-last"
|
|
@@ -8,7 +8,6 @@ import { PagerContextService } from "./pager-context.service";
|
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
9
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
10
|
import { DEFAULT_SIZE } from '../util';
|
|
11
|
-
import { caretAltLeftIcon, caretAltToLeftIcon } from '@progress/kendo-svg-icons';
|
|
12
11
|
import * as i0 from "@angular/core";
|
|
13
12
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
14
13
|
import * as i2 from "./pager-context.service";
|
|
@@ -20,14 +19,6 @@ import * as i4 from "./focusable.directive";
|
|
|
20
19
|
export class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
21
20
|
constructor(localization, pagerContext, cd) {
|
|
22
21
|
super(localization, pagerContext, cd);
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
31
22
|
/**
|
|
32
23
|
* Specifies the padding of the buttons.
|
|
33
24
|
*
|
|
@@ -62,8 +53,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
62
53
|
type="button" kendoButton kendoPagerFocusable
|
|
63
54
|
class="k-pager-nav k-pager-first"
|
|
64
55
|
[disabled]="disabled"
|
|
65
|
-
icon="
|
|
66
|
-
[svgIcon]="
|
|
56
|
+
[icon]="prevArrowIcons[0]"
|
|
57
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
67
58
|
fillMode="flat"
|
|
68
59
|
rounded="none"
|
|
69
60
|
[size]="size"
|
|
@@ -75,8 +66,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
75
66
|
type="button" kendoButton kendoPagerFocusable
|
|
76
67
|
class="k-pager-nav"
|
|
77
68
|
[disabled]="disabled"
|
|
78
|
-
icon="
|
|
79
|
-
[svgIcon]="
|
|
69
|
+
[icon]="prevArrowIcons[1]"
|
|
70
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
80
71
|
fillMode="flat"
|
|
81
72
|
rounded="none"
|
|
82
73
|
[size]="size"
|
|
@@ -95,8 +86,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
95
86
|
type="button" kendoButton kendoPagerFocusable
|
|
96
87
|
class="k-pager-nav k-pager-first"
|
|
97
88
|
[disabled]="disabled"
|
|
98
|
-
icon="
|
|
99
|
-
[svgIcon]="
|
|
89
|
+
[icon]="prevArrowIcons[0]"
|
|
90
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
100
91
|
fillMode="flat"
|
|
101
92
|
rounded="none"
|
|
102
93
|
[size]="size"
|
|
@@ -108,8 +99,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
108
99
|
type="button" kendoButton kendoPagerFocusable
|
|
109
100
|
class="k-pager-nav"
|
|
110
101
|
[disabled]="disabled"
|
|
111
|
-
icon="
|
|
112
|
-
[svgIcon]="
|
|
102
|
+
[icon]="prevArrowIcons[1]"
|
|
103
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
113
104
|
fillMode="flat"
|
|
114
105
|
rounded="none"
|
|
115
106
|
[size]="size"
|
|
@@ -6,8 +6,8 @@ import * as i0 from '@angular/core';
|
|
|
6
6
|
import { Directive, Input, forwardRef, Component, ChangeDetectionStrategy, ViewChild, HostBinding, Optional, ElementRef, EventEmitter, ContentChild, Output, HostListener, NgModule } from '@angular/core';
|
|
7
7
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { Subject, Subscription } from 'rxjs';
|
|
10
9
|
import { caretAltLeftIcon, caretAltToLeftIcon, caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { Subject, Subscription } from 'rxjs';
|
|
11
11
|
import * as i3 from '@progress/kendo-angular-buttons';
|
|
12
12
|
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
13
13
|
import * as i6 from '@progress/kendo-angular-common';
|
|
@@ -209,6 +209,10 @@ class PagerElementComponent {
|
|
|
209
209
|
this.total = this.pagerContext.total;
|
|
210
210
|
this.skip = this.pagerContext.skip;
|
|
211
211
|
this.pageSize = this.pagerContext.pageSize;
|
|
212
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
213
|
+
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
214
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
215
|
+
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
212
216
|
}
|
|
213
217
|
/**
|
|
214
218
|
* @hidden
|
|
@@ -266,6 +270,18 @@ class PagerElementComponent {
|
|
|
266
270
|
this.subscriptions.unsubscribe();
|
|
267
271
|
}
|
|
268
272
|
}
|
|
273
|
+
get prevArrowIcons() {
|
|
274
|
+
return !this.localization.rtl ? ['caret-alt-to-left', 'caret-alt-left'] : ['caret-alt-to-right', 'caret-alt-right'];
|
|
275
|
+
}
|
|
276
|
+
get prevArrowSVGIcons() {
|
|
277
|
+
return !this.localization.rtl ? [this.caretAltToLeftIcon, this.caretAltLeftIcon] : [this.caretAltToRightIcon, this.caretAltRightIcon];
|
|
278
|
+
}
|
|
279
|
+
get nextArrowIcons() {
|
|
280
|
+
return !this.localization.rtl ? ['caret-alt-right', 'caret-alt-to-right'] : ['caret-alt-left', 'caret-alt-to-left'];
|
|
281
|
+
}
|
|
282
|
+
get nextArrowSVGIcons() {
|
|
283
|
+
return !this.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
|
|
284
|
+
}
|
|
269
285
|
}
|
|
270
286
|
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
271
287
|
PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
|
|
@@ -415,14 +431,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
415
431
|
class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
416
432
|
constructor(localization, pagerContext, cd) {
|
|
417
433
|
super(localization, pagerContext, cd);
|
|
418
|
-
/**
|
|
419
|
-
* @hidden
|
|
420
|
-
*/
|
|
421
|
-
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
422
|
-
/**
|
|
423
|
-
* @hidden
|
|
424
|
-
*/
|
|
425
|
-
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
426
434
|
/**
|
|
427
435
|
* Specifies the padding of the buttons.
|
|
428
436
|
*
|
|
@@ -457,8 +465,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
457
465
|
type="button" kendoButton kendoPagerFocusable
|
|
458
466
|
class="k-pager-nav k-pager-first"
|
|
459
467
|
[disabled]="disabled"
|
|
460
|
-
icon="
|
|
461
|
-
[svgIcon]="
|
|
468
|
+
[icon]="prevArrowIcons[0]"
|
|
469
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
462
470
|
fillMode="flat"
|
|
463
471
|
rounded="none"
|
|
464
472
|
[size]="size"
|
|
@@ -470,8 +478,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
470
478
|
type="button" kendoButton kendoPagerFocusable
|
|
471
479
|
class="k-pager-nav"
|
|
472
480
|
[disabled]="disabled"
|
|
473
|
-
icon="
|
|
474
|
-
[svgIcon]="
|
|
481
|
+
[icon]="prevArrowIcons[1]"
|
|
482
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
475
483
|
fillMode="flat"
|
|
476
484
|
rounded="none"
|
|
477
485
|
[size]="size"
|
|
@@ -490,8 +498,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
490
498
|
type="button" kendoButton kendoPagerFocusable
|
|
491
499
|
class="k-pager-nav k-pager-first"
|
|
492
500
|
[disabled]="disabled"
|
|
493
|
-
icon="
|
|
494
|
-
[svgIcon]="
|
|
501
|
+
[icon]="prevArrowIcons[0]"
|
|
502
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
495
503
|
fillMode="flat"
|
|
496
504
|
rounded="none"
|
|
497
505
|
[size]="size"
|
|
@@ -503,8 +511,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
503
511
|
type="button" kendoButton kendoPagerFocusable
|
|
504
512
|
class="k-pager-nav"
|
|
505
513
|
[disabled]="disabled"
|
|
506
|
-
icon="
|
|
507
|
-
[svgIcon]="
|
|
514
|
+
[icon]="prevArrowIcons[1]"
|
|
515
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
508
516
|
fillMode="flat"
|
|
509
517
|
rounded="none"
|
|
510
518
|
[size]="size"
|
|
@@ -1092,14 +1100,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1092
1100
|
class PagerNextButtonsComponent extends PagerElementComponent {
|
|
1093
1101
|
constructor(localization, pagerContext, cd) {
|
|
1094
1102
|
super(localization, pagerContext, cd);
|
|
1095
|
-
/**
|
|
1096
|
-
* @hidden
|
|
1097
|
-
*/
|
|
1098
|
-
this.caretAltRightIcon = caretAltRightIcon;
|
|
1099
|
-
/**
|
|
1100
|
-
* @hidden
|
|
1101
|
-
*/
|
|
1102
|
-
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
1103
1103
|
/**
|
|
1104
1104
|
* Specifies the padding of the buttons.
|
|
1105
1105
|
*
|
|
@@ -1133,8 +1133,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1133
1133
|
<button kendoButton kendoPagerFocusable
|
|
1134
1134
|
type="button"
|
|
1135
1135
|
[size]="size"
|
|
1136
|
-
icon="
|
|
1137
|
-
[svgIcon]="
|
|
1136
|
+
[icon]="nextArrowIcons[0]"
|
|
1137
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
1138
1138
|
fillMode="flat"
|
|
1139
1139
|
rounded="none"
|
|
1140
1140
|
class="k-pager-nav"
|
|
@@ -1146,8 +1146,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1146
1146
|
<button kendoButton kendoPagerFocusable
|
|
1147
1147
|
type="button"
|
|
1148
1148
|
[size]="size"
|
|
1149
|
-
icon="
|
|
1150
|
-
[svgIcon]="
|
|
1149
|
+
[icon]="nextArrowIcons[1]"
|
|
1150
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
1151
1151
|
fillMode="flat"
|
|
1152
1152
|
rounded="none"
|
|
1153
1153
|
class="k-pager-nav k-pager-last"
|
|
@@ -1166,8 +1166,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1166
1166
|
<button kendoButton kendoPagerFocusable
|
|
1167
1167
|
type="button"
|
|
1168
1168
|
[size]="size"
|
|
1169
|
-
icon="
|
|
1170
|
-
[svgIcon]="
|
|
1169
|
+
[icon]="nextArrowIcons[0]"
|
|
1170
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
1171
1171
|
fillMode="flat"
|
|
1172
1172
|
rounded="none"
|
|
1173
1173
|
class="k-pager-nav"
|
|
@@ -1179,8 +1179,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1179
1179
|
<button kendoButton kendoPagerFocusable
|
|
1180
1180
|
type="button"
|
|
1181
1181
|
[size]="size"
|
|
1182
|
-
icon="
|
|
1183
|
-
[svgIcon]="
|
|
1182
|
+
[icon]="nextArrowIcons[1]"
|
|
1183
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
1184
1184
|
fillMode="flat"
|
|
1185
1185
|
rounded="none"
|
|
1186
1186
|
class="k-pager-nav k-pager-last"
|
|
@@ -1411,8 +1411,8 @@ const packageMetadata = {
|
|
|
1411
1411
|
name: '@progress/kendo-angular-pager',
|
|
1412
1412
|
productName: 'Kendo UI for Angular',
|
|
1413
1413
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
1414
|
-
publishDate:
|
|
1415
|
-
version: '13.0.0-develop.
|
|
1414
|
+
publishDate: 1685352033,
|
|
1415
|
+
version: '13.0.0-develop.11',
|
|
1416
1416
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
1417
1417
|
};
|
|
1418
1418
|
|
|
@@ -209,6 +209,10 @@ class PagerElementComponent {
|
|
|
209
209
|
this.total = this.pagerContext.total;
|
|
210
210
|
this.skip = this.pagerContext.skip;
|
|
211
211
|
this.pageSize = this.pagerContext.pageSize;
|
|
212
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
213
|
+
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
214
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
215
|
+
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
212
216
|
}
|
|
213
217
|
/**
|
|
214
218
|
* @hidden
|
|
@@ -266,6 +270,18 @@ class PagerElementComponent {
|
|
|
266
270
|
this.subscriptions.unsubscribe();
|
|
267
271
|
}
|
|
268
272
|
}
|
|
273
|
+
get prevArrowIcons() {
|
|
274
|
+
return !this.localization.rtl ? ['caret-alt-to-left', 'caret-alt-left'] : ['caret-alt-to-right', 'caret-alt-right'];
|
|
275
|
+
}
|
|
276
|
+
get prevArrowSVGIcons() {
|
|
277
|
+
return !this.localization.rtl ? [this.caretAltToLeftIcon, this.caretAltLeftIcon] : [this.caretAltToRightIcon, this.caretAltRightIcon];
|
|
278
|
+
}
|
|
279
|
+
get nextArrowIcons() {
|
|
280
|
+
return !this.localization.rtl ? ['caret-alt-right', 'caret-alt-to-right'] : ['caret-alt-left', 'caret-alt-to-left'];
|
|
281
|
+
}
|
|
282
|
+
get nextArrowSVGIcons() {
|
|
283
|
+
return !this.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
|
|
284
|
+
}
|
|
269
285
|
}
|
|
270
286
|
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
271
287
|
PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
|
|
@@ -415,14 +431,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
415
431
|
class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
416
432
|
constructor(localization, pagerContext, cd) {
|
|
417
433
|
super(localization, pagerContext, cd);
|
|
418
|
-
/**
|
|
419
|
-
* @hidden
|
|
420
|
-
*/
|
|
421
|
-
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
422
|
-
/**
|
|
423
|
-
* @hidden
|
|
424
|
-
*/
|
|
425
|
-
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
426
434
|
/**
|
|
427
435
|
* Specifies the padding of the buttons.
|
|
428
436
|
*
|
|
@@ -457,8 +465,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
457
465
|
type="button" kendoButton kendoPagerFocusable
|
|
458
466
|
class="k-pager-nav k-pager-first"
|
|
459
467
|
[disabled]="disabled"
|
|
460
|
-
icon="
|
|
461
|
-
[svgIcon]="
|
|
468
|
+
[icon]="prevArrowIcons[0]"
|
|
469
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
462
470
|
fillMode="flat"
|
|
463
471
|
rounded="none"
|
|
464
472
|
[size]="size"
|
|
@@ -470,8 +478,8 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
470
478
|
type="button" kendoButton kendoPagerFocusable
|
|
471
479
|
class="k-pager-nav"
|
|
472
480
|
[disabled]="disabled"
|
|
473
|
-
icon="
|
|
474
|
-
[svgIcon]="
|
|
481
|
+
[icon]="prevArrowIcons[1]"
|
|
482
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
475
483
|
fillMode="flat"
|
|
476
484
|
rounded="none"
|
|
477
485
|
[size]="size"
|
|
@@ -490,8 +498,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
490
498
|
type="button" kendoButton kendoPagerFocusable
|
|
491
499
|
class="k-pager-nav k-pager-first"
|
|
492
500
|
[disabled]="disabled"
|
|
493
|
-
icon="
|
|
494
|
-
[svgIcon]="
|
|
501
|
+
[icon]="prevArrowIcons[0]"
|
|
502
|
+
[svgIcon]="prevArrowSVGIcons[0]"
|
|
495
503
|
fillMode="flat"
|
|
496
504
|
rounded="none"
|
|
497
505
|
[size]="size"
|
|
@@ -503,8 +511,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
503
511
|
type="button" kendoButton kendoPagerFocusable
|
|
504
512
|
class="k-pager-nav"
|
|
505
513
|
[disabled]="disabled"
|
|
506
|
-
icon="
|
|
507
|
-
[svgIcon]="
|
|
514
|
+
[icon]="prevArrowIcons[1]"
|
|
515
|
+
[svgIcon]="prevArrowSVGIcons[1]"
|
|
508
516
|
fillMode="flat"
|
|
509
517
|
rounded="none"
|
|
510
518
|
[size]="size"
|
|
@@ -1089,14 +1097,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1089
1097
|
class PagerNextButtonsComponent extends PagerElementComponent {
|
|
1090
1098
|
constructor(localization, pagerContext, cd) {
|
|
1091
1099
|
super(localization, pagerContext, cd);
|
|
1092
|
-
/**
|
|
1093
|
-
* @hidden
|
|
1094
|
-
*/
|
|
1095
|
-
this.caretAltRightIcon = caretAltRightIcon;
|
|
1096
|
-
/**
|
|
1097
|
-
* @hidden
|
|
1098
|
-
*/
|
|
1099
|
-
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
1100
1100
|
/**
|
|
1101
1101
|
* Specifies the padding of the buttons.
|
|
1102
1102
|
*
|
|
@@ -1130,8 +1130,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1130
1130
|
<button kendoButton kendoPagerFocusable
|
|
1131
1131
|
type="button"
|
|
1132
1132
|
[size]="size"
|
|
1133
|
-
icon="
|
|
1134
|
-
[svgIcon]="
|
|
1133
|
+
[icon]="nextArrowIcons[0]"
|
|
1134
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
1135
1135
|
fillMode="flat"
|
|
1136
1136
|
rounded="none"
|
|
1137
1137
|
class="k-pager-nav"
|
|
@@ -1143,8 +1143,8 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1143
1143
|
<button kendoButton kendoPagerFocusable
|
|
1144
1144
|
type="button"
|
|
1145
1145
|
[size]="size"
|
|
1146
|
-
icon="
|
|
1147
|
-
[svgIcon]="
|
|
1146
|
+
[icon]="nextArrowIcons[1]"
|
|
1147
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
1148
1148
|
fillMode="flat"
|
|
1149
1149
|
rounded="none"
|
|
1150
1150
|
class="k-pager-nav k-pager-last"
|
|
@@ -1163,8 +1163,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1163
1163
|
<button kendoButton kendoPagerFocusable
|
|
1164
1164
|
type="button"
|
|
1165
1165
|
[size]="size"
|
|
1166
|
-
icon="
|
|
1167
|
-
[svgIcon]="
|
|
1166
|
+
[icon]="nextArrowIcons[0]"
|
|
1167
|
+
[svgIcon]="nextArrowSVGIcons[0]"
|
|
1168
1168
|
fillMode="flat"
|
|
1169
1169
|
rounded="none"
|
|
1170
1170
|
class="k-pager-nav"
|
|
@@ -1176,8 +1176,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1176
1176
|
<button kendoButton kendoPagerFocusable
|
|
1177
1177
|
type="button"
|
|
1178
1178
|
[size]="size"
|
|
1179
|
-
icon="
|
|
1180
|
-
[svgIcon]="
|
|
1179
|
+
[icon]="nextArrowIcons[1]"
|
|
1180
|
+
[svgIcon]="nextArrowSVGIcons[1]"
|
|
1181
1181
|
fillMode="flat"
|
|
1182
1182
|
rounded="none"
|
|
1183
1183
|
class="k-pager-nav k-pager-last"
|
|
@@ -1408,8 +1408,8 @@ const packageMetadata = {
|
|
|
1408
1408
|
name: '@progress/kendo-angular-pager',
|
|
1409
1409
|
productName: 'Kendo UI for Angular',
|
|
1410
1410
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
1411
|
-
publishDate:
|
|
1412
|
-
version: '13.0.0-develop.
|
|
1411
|
+
publishDate: 1685352033,
|
|
1412
|
+
version: '13.0.0-develop.11',
|
|
1413
1413
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
1414
1414
|
};
|
|
1415
1415
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-pager",
|
|
3
|
-
"version": "13.0.0-develop.
|
|
3
|
+
"version": "13.0.0-develop.11",
|
|
4
4
|
"description": "Kendo UI Angular Pager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"@angular/core": "13 - 16",
|
|
22
22
|
"@angular/platform-browser": "13 - 16",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
|
-
"@progress/kendo-angular-common": "13.0.0-develop.
|
|
25
|
-
"@progress/kendo-angular-dropdowns": "13.0.0-develop.
|
|
26
|
-
"@progress/kendo-angular-inputs": "13.0.0-develop.
|
|
27
|
-
"@progress/kendo-angular-icons": "13.0.0-develop.
|
|
28
|
-
"@progress/kendo-angular-l10n": "13.0.0-develop.
|
|
24
|
+
"@progress/kendo-angular-common": "13.0.0-develop.11",
|
|
25
|
+
"@progress/kendo-angular-dropdowns": "13.0.0-develop.11",
|
|
26
|
+
"@progress/kendo-angular-inputs": "13.0.0-develop.11",
|
|
27
|
+
"@progress/kendo-angular-icons": "13.0.0-develop.11",
|
|
28
|
+
"@progress/kendo-angular-l10n": "13.0.0-develop.11",
|
|
29
29
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"tslib": "^2.3.1",
|
|
33
|
-
"@progress/kendo-angular-schematics": "13.0.0-develop.
|
|
33
|
+
"@progress/kendo-angular-schematics": "13.0.0-develop.11"
|
|
34
34
|
},
|
|
35
35
|
"schematics": "./schematics/collection.json",
|
|
36
36
|
"module": "fesm2015/progress-kendo-angular-pager.mjs",
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
|
|
6
6
|
import { PagerContextService, PagerContextChanges } from "./pager-context.service";
|
|
7
7
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
/**
|
|
10
11
|
* @hidden
|
|
@@ -16,6 +17,10 @@ export declare abstract class PagerElementComponent implements OnInit, OnDestroy
|
|
|
16
17
|
total: number;
|
|
17
18
|
skip: number;
|
|
18
19
|
pageSize: number;
|
|
20
|
+
caretAltLeftIcon: SVGIcon;
|
|
21
|
+
caretAltToLeftIcon: SVGIcon;
|
|
22
|
+
caretAltRightIcon: SVGIcon;
|
|
23
|
+
caretAltToRightIcon: SVGIcon;
|
|
19
24
|
/**
|
|
20
25
|
* @hidden
|
|
21
26
|
*
|
|
@@ -59,6 +64,10 @@ export declare abstract class PagerElementComponent implements OnInit, OnDestroy
|
|
|
59
64
|
ngOnInit(): void;
|
|
60
65
|
protected abstract onChanges(changes: PagerContextChanges): void;
|
|
61
66
|
ngOnDestroy(): void;
|
|
67
|
+
get prevArrowIcons(): string[];
|
|
68
|
+
get prevArrowSVGIcons(): SVGIcon[];
|
|
69
|
+
get nextArrowIcons(): string[];
|
|
70
|
+
get nextArrowSVGIcons(): SVGIcon[];
|
|
62
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerElementComponent, never>;
|
|
63
72
|
static ɵcmp: i0.ɵɵComponentDeclaration<PagerElementComponent, "kendo-pager-element", never, {}, {}, never, never>;
|
|
64
73
|
}
|
|
@@ -7,20 +7,11 @@ import { PagerContextService, PagerContextChanges } from "./pager-context.servic
|
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { PagerSize } from './common/pager-size';
|
|
10
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
/**
|
|
13
12
|
* Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
|
|
14
13
|
*/
|
|
15
14
|
export declare class PagerNextButtonsComponent extends PagerElementComponent {
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
caretAltRightIcon: SVGIcon;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
caretAltToRightIcon: SVGIcon;
|
|
24
15
|
/**
|
|
25
16
|
* @hidden
|
|
26
17
|
*
|
|
@@ -7,20 +7,11 @@ import { PagerContextService, PagerContextChanges } from "./pager-context.servic
|
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { PagerSize } from './common/pager-size';
|
|
10
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
/**
|
|
13
12
|
* Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
|
|
14
13
|
*/
|
|
15
14
|
export declare class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
caretAltLeftIcon: SVGIcon;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
caretAltToLeftIcon: SVGIcon;
|
|
24
15
|
constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
|
|
25
16
|
/**
|
|
26
17
|
* Specifies the padding of the buttons.
|
|
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
|
|
6
6
|
// Peers of inputs and dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '13.0.0-develop.
|
|
8
|
-
'@progress/kendo-angular-intl': '13.0.0-develop.
|
|
9
|
-
'@progress/kendo-angular-popup': '13.0.0-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '13.0.0-develop.11',
|
|
8
|
+
'@progress/kendo-angular-intl': '13.0.0-develop.11',
|
|
9
|
+
'@progress/kendo-angular-popup': '13.0.0-develop.11',
|
|
10
10
|
'@progress/kendo-drawing': '^1.5.12',
|
|
11
11
|
// peer dependency of kendo-angular-inputs
|
|
12
|
-
'@progress/kendo-angular-buttons': '13.0.0-develop.
|
|
13
|
-
'@progress/kendo-angular-dialog': '13.0.0-develop.
|
|
12
|
+
'@progress/kendo-angular-buttons': '13.0.0-develop.11',
|
|
13
|
+
'@progress/kendo-angular-dialog': '13.0.0-develop.11',
|
|
14
14
|
// Peer dependency of icons
|
|
15
15
|
'@progress/kendo-svg-icons': '^1.0.0'
|
|
16
16
|
} });
|