@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
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { Input, Directive, forwardRef, Component, ChangeDetectionStrategy, HostBinding, ViewChild, Optional, ElementRef, EventEmitter, inject, HostListener, Output, ContentChildren, SkipSelf, 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
9
|
import { Subject, Subscription } from 'rxjs';
|
|
@@ -119,10 +119,10 @@ class Messages extends ComponentMessages {
|
|
|
119
119
|
* The text of the aria-label attribute applied to the input element for entering the page number."
|
|
120
120
|
*/
|
|
121
121
|
inputLabel;
|
|
122
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
123
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
122
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
123
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: Messages, isStandalone: true, selector: "kendoPagerMessages", inputs: { ariaLabel: "ariaLabel", firstPage: "firstPage", lastPage: "lastPage", previousPage: "previousPage", nextPage: "nextPage", page: "page", pageNumberInputTitle: "pageNumberInputTitle", itemsPerPage: "itemsPerPage", of: "of", items: "items", selectPage: "selectPage", inputLabel: "inputLabel" }, usesInheritance: true, ngImport: i0 });
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Messages, decorators: [{
|
|
126
126
|
type: Directive,
|
|
127
127
|
args: [{
|
|
128
128
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -178,15 +178,15 @@ class CustomMessagesComponent extends Messages {
|
|
|
178
178
|
get override() {
|
|
179
179
|
return true;
|
|
180
180
|
}
|
|
181
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
182
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
182
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-datapager-messages, kendo-pager-messages", providers: [
|
|
183
183
|
{
|
|
184
184
|
provide: Messages,
|
|
185
185
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
186
186
|
}
|
|
187
187
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
190
190
|
type: Component,
|
|
191
191
|
args: [{
|
|
192
192
|
providers: [
|
|
@@ -210,15 +210,15 @@ class LocalizedMessagesDirective extends Messages {
|
|
|
210
210
|
super();
|
|
211
211
|
this.service = service;
|
|
212
212
|
}
|
|
213
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
214
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
214
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoPagerLocalizedMessages]", providers: [
|
|
215
215
|
{
|
|
216
216
|
provide: Messages,
|
|
217
217
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
218
218
|
}
|
|
219
219
|
], usesInheritance: true, ngImport: i0 });
|
|
220
220
|
}
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
222
222
|
type: Directive,
|
|
223
223
|
args: [{
|
|
224
224
|
providers: [
|
|
@@ -366,10 +366,10 @@ class PagerElementComponent {
|
|
|
366
366
|
get nextArrowSVGIcons() {
|
|
367
367
|
return !this.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
|
|
368
368
|
}
|
|
369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
370
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
369
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
370
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerElementComponent, isStandalone: true, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
|
|
371
371
|
}
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerElementComponent, decorators: [{
|
|
373
373
|
type: Component,
|
|
374
374
|
args: [{
|
|
375
375
|
selector: 'kendo-pager-element',
|
|
@@ -577,10 +577,10 @@ class PagerFocusableDirective {
|
|
|
577
577
|
this.renderer.setAttribute(el, 'tabindex', index);
|
|
578
578
|
});
|
|
579
579
|
}
|
|
580
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
581
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerFocusableDirective, deps: [{ token: PagerNavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
581
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: PagerFocusableDirective, isStandalone: true, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"], ngImport: i0 });
|
|
582
582
|
}
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerFocusableDirective, decorators: [{
|
|
584
584
|
type: Directive,
|
|
585
585
|
args: [{
|
|
586
586
|
selector: '[kendoPagerFocusable]',
|
|
@@ -638,8 +638,8 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
|
638
638
|
this.pageSize = pageSize;
|
|
639
639
|
this.cd.markForCheck();
|
|
640
640
|
}
|
|
641
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
642
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
641
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
642
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerPrevButtonsComponent, isStandalone: true, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: `
|
|
643
643
|
<button
|
|
644
644
|
type="button" kendoButton
|
|
645
645
|
kendoPagerFocusable
|
|
@@ -672,7 +672,7 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
|
672
672
|
</button>
|
|
673
673
|
`, 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 });
|
|
674
674
|
}
|
|
675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
|
|
676
676
|
type: Component,
|
|
677
677
|
args: [{
|
|
678
678
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -838,8 +838,8 @@ class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
838
838
|
this.dropDownList.toggle(false);
|
|
839
839
|
}
|
|
840
840
|
}
|
|
841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
842
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
842
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: { showItemsText: "showItemsText", pageSizes: "pageSizes", size: "size", adaptiveMode: "adaptiveMode" }, host: { properties: { "class.k-pager-sizes": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
843
843
|
<kendo-dropdownlist kendoPagerFocusable
|
|
844
844
|
#dropdownlist
|
|
845
845
|
[size]="size"
|
|
@@ -857,7 +857,7 @@ class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
857
857
|
}
|
|
858
858
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
859
859
|
}
|
|
860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
|
|
861
861
|
type: Component,
|
|
862
862
|
args: [{
|
|
863
863
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -925,10 +925,10 @@ class PagerTemplateDirective {
|
|
|
925
925
|
constructor(templateRef) {
|
|
926
926
|
this.templateRef = templateRef;
|
|
927
927
|
}
|
|
928
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
929
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
928
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
929
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: PagerTemplateDirective, isStandalone: true, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]", ngImport: i0 });
|
|
930
930
|
}
|
|
931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerTemplateDirective, decorators: [{
|
|
932
932
|
type: Directive,
|
|
933
933
|
args: [{
|
|
934
934
|
selector: '[kendoDataPagerTemplate], [kendoPagerTemplate]',
|
|
@@ -1066,8 +1066,8 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
|
|
|
1066
1066
|
this.renderer.addClass(elem, classes.toAdd);
|
|
1067
1067
|
}
|
|
1068
1068
|
}
|
|
1069
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1070
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1069
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1070
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount", size: "size" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
1071
1071
|
<div class="k-pager-numbers" #numbers>
|
|
1072
1072
|
@if (start > 1) {
|
|
1073
1073
|
<button
|
|
@@ -1115,7 +1115,7 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
|
|
|
1115
1115
|
</div>
|
|
1116
1116
|
`, isInline: true, dependencies: [{ kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1117
1117
|
}
|
|
1118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
|
|
1119
1119
|
type: Component,
|
|
1120
1120
|
args: [{
|
|
1121
1121
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1231,8 +1231,8 @@ class PagerNextButtonsComponent extends PagerElementComponent {
|
|
|
1231
1231
|
this.pageSize = pageSize;
|
|
1232
1232
|
this.cd.markForCheck();
|
|
1233
1233
|
}
|
|
1234
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1235
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1234
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1235
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: `
|
|
1236
1236
|
<button kendoButton kendoPagerFocusable
|
|
1237
1237
|
type="button"
|
|
1238
1238
|
[size]="size"
|
|
@@ -1263,7 +1263,7 @@ class PagerNextButtonsComponent extends PagerElementComponent {
|
|
|
1263
1263
|
</button>
|
|
1264
1264
|
`, 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 });
|
|
1265
1265
|
}
|
|
1266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
|
|
1267
1267
|
type: Component,
|
|
1268
1268
|
args: [{
|
|
1269
1269
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1395,8 +1395,8 @@ class PagerInputComponent extends PagerElementComponent {
|
|
|
1395
1395
|
get hasPages() {
|
|
1396
1396
|
return this.totalPages !== 0;
|
|
1397
1397
|
}
|
|
1398
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1398
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1399
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PagerInputComponent, isStandalone: true, selector: "kendo-datapager-input, kendo-pager-input", inputs: { showPageText: "showPageText", size: "size" }, viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1400
1400
|
<span class="k-pager-input">
|
|
1401
1401
|
@if (showPageText) {
|
|
1402
1402
|
{{textFor('page')}}
|
|
@@ -1424,7 +1424,7 @@ class PagerInputComponent extends PagerElementComponent {
|
|
|
1424
1424
|
</span>
|
|
1425
1425
|
`, isInline: true, dependencies: [{ kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
1426
1426
|
}
|
|
1427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerInputComponent, decorators: [{
|
|
1428
1428
|
type: Component,
|
|
1429
1429
|
args: [{
|
|
1430
1430
|
selector: 'kendo-datapager-input, kendo-pager-input',
|
|
@@ -1520,10 +1520,10 @@ class PagerInfoComponent extends PagerElementComponent {
|
|
|
1520
1520
|
this.pageSize = pageSize;
|
|
1521
1521
|
this.cd.markForCheck();
|
|
1522
1522
|
}
|
|
1523
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1524
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1523
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1524
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerInfoComponent, isStandalone: true, selector: "kendo-datapager-info, kendo-pager-info", host: { properties: { "class.k-pager-info": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1525
1525
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerInfoComponent, decorators: [{
|
|
1527
1527
|
type: Component,
|
|
1528
1528
|
args: [{
|
|
1529
1529
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1544,8 +1544,8 @@ const packageMetadata = {
|
|
|
1544
1544
|
productName: 'Kendo UI for Angular',
|
|
1545
1545
|
productCode: 'KENDOUIANGULAR',
|
|
1546
1546
|
productCodes: ['KENDOUIANGULAR'],
|
|
1547
|
-
publishDate:
|
|
1548
|
-
version: '
|
|
1547
|
+
publishDate: 1768395929,
|
|
1548
|
+
version: '22.0.0-develop.1',
|
|
1549
1549
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
1550
1550
|
};
|
|
1551
1551
|
|
|
@@ -2354,8 +2354,8 @@ class PagerComponent {
|
|
|
2354
2354
|
const innerStyledElement = this.pagerInputElement();
|
|
2355
2355
|
!this.pagerDimensions.gapPageText && (this.pagerDimensions.gapPageText = calculateGap(innerStyledElement));
|
|
2356
2356
|
}
|
|
2357
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2358
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2357
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: PagerNavigationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PagerComponent, isStandalone: true, selector: "kendo-datapager, kendo-pager", inputs: { externalTemplate: "externalTemplate", total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext", navigable: "navigable", size: "size", responsive: "responsive", adaptiveMode: "adaptiveMode" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange", pagerInputVisibilityChange: "pagerInputVisibilityChange", pageTextVisibilityChange: "pageTextVisibilityChange", itemsTextVisibilityChange: "itemsTextVisibilityChange" }, host: { listeners: { "focusin": "focusHandler($event)" }, properties: { "class.k-pager": "this.pagerClass", "class.k-pager-responsive": "this.responsiveClass", "attr.role": "this.widgetRole", "attr.aria-roledescription": "this.roleDescription", "attr.aria-keyshortcuts": "this.keyShortcuts", "attr.tabindex": "this.hostTabindex", "attr.dir": "this.dir" } }, providers: [
|
|
2359
2359
|
LocalizationService,
|
|
2360
2360
|
PagerContextService,
|
|
2361
2361
|
PagerNavigationService,
|
|
@@ -2443,7 +2443,7 @@ class PagerComponent {
|
|
|
2443
2443
|
}
|
|
2444
2444
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoPagerLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "component", type: PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
2445
2445
|
}
|
|
2446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerComponent, decorators: [{
|
|
2447
2447
|
type: Component,
|
|
2448
2448
|
args: [{
|
|
2449
2449
|
selector: 'kendo-datapager, kendo-pager',
|
|
@@ -2668,10 +2668,10 @@ class PagerSpacerComponent {
|
|
|
2668
2668
|
* If you do not set this property, the `PagerSpacer` takes all the available space.
|
|
2669
2669
|
*/
|
|
2670
2670
|
width;
|
|
2671
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2672
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2671
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2672
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerSpacerComponent, isStandalone: true, selector: "kendo-pager-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass", "style.flexBasis": "this.flexBasisStyle" } }, ngImport: i0, template: ``, isInline: true });
|
|
2673
2673
|
}
|
|
2674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerSpacerComponent, decorators: [{
|
|
2675
2675
|
type: Component,
|
|
2676
2676
|
args: [{
|
|
2677
2677
|
selector: 'kendo-pager-spacer',
|
|
@@ -2746,15 +2746,15 @@ const KENDO_PAGER = [
|
|
|
2746
2746
|
* ```
|
|
2747
2747
|
*/
|
|
2748
2748
|
class PagerModule {
|
|
2749
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2750
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2751
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2750
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: PagerModule, imports: [CustomMessagesComponent, PagerFocusableDirective, PagerInfoComponent, PagerInputComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerTemplateDirective, PagerComponent, PagerSpacerComponent], exports: [CustomMessagesComponent, PagerFocusableDirective, PagerInfoComponent, PagerInputComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerTemplateDirective, PagerComponent, PagerSpacerComponent] });
|
|
2751
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerModule, providers: [
|
|
2752
2752
|
IconsService,
|
|
2753
2753
|
PopupService,
|
|
2754
2754
|
ResizeBatchService
|
|
2755
2755
|
], imports: [PagerInputComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerComponent] });
|
|
2756
2756
|
}
|
|
2757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerModule, decorators: [{
|
|
2758
2758
|
type: NgModule,
|
|
2759
2759
|
args: [{
|
|
2760
2760
|
exports: [...KENDO_PAGER],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-pager",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Angular Pager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -13,30 +13,24 @@
|
|
|
13
13
|
"Kendo UI"
|
|
14
14
|
],
|
|
15
15
|
"@progress": {
|
|
16
|
-
"friendlyName": "Pager"
|
|
17
|
-
"package": {
|
|
18
|
-
"productName": "Kendo UI for Angular",
|
|
19
|
-
"productCode": "KENDOUIANGULAR",
|
|
20
|
-
"publishDate": 1768386501,
|
|
21
|
-
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
|
-
}
|
|
16
|
+
"friendlyName": "Pager"
|
|
23
17
|
},
|
|
24
18
|
"peerDependencies": {
|
|
25
|
-
"@angular/animations": "
|
|
26
|
-
"@angular/common": "
|
|
27
|
-
"@angular/core": "
|
|
28
|
-
"@angular/platform-browser": "
|
|
19
|
+
"@angular/animations": "19 - 21",
|
|
20
|
+
"@angular/common": "19 - 21",
|
|
21
|
+
"@angular/core": "19 - 21",
|
|
22
|
+
"@angular/platform-browser": "19 - 21",
|
|
29
23
|
"@progress/kendo-licensing": "^1.7.0",
|
|
30
|
-
"@progress/kendo-angular-common": "
|
|
31
|
-
"@progress/kendo-angular-dropdowns": "
|
|
32
|
-
"@progress/kendo-angular-inputs": "
|
|
33
|
-
"@progress/kendo-angular-icons": "
|
|
34
|
-
"@progress/kendo-angular-l10n": "
|
|
24
|
+
"@progress/kendo-angular-common": "22.0.0-develop.1",
|
|
25
|
+
"@progress/kendo-angular-dropdowns": "22.0.0-develop.1",
|
|
26
|
+
"@progress/kendo-angular-inputs": "22.0.0-develop.1",
|
|
27
|
+
"@progress/kendo-angular-icons": "22.0.0-develop.1",
|
|
28
|
+
"@progress/kendo-angular-l10n": "22.0.0-develop.1",
|
|
35
29
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
36
30
|
},
|
|
37
31
|
"dependencies": {
|
|
38
32
|
"tslib": "^2.3.1",
|
|
39
|
-
"@progress/kendo-angular-schematics": "
|
|
33
|
+
"@progress/kendo-angular-schematics": "22.0.0-develop.1"
|
|
40
34
|
},
|
|
41
35
|
"schematics": "./schematics/collection.json",
|
|
42
36
|
"module": "fesm2022/progress-kendo-angular-pager.mjs",
|
|
@@ -47,8 +41,6 @@
|
|
|
47
41
|
},
|
|
48
42
|
".": {
|
|
49
43
|
"types": "./index.d.ts",
|
|
50
|
-
"esm2022": "./esm2022/progress-kendo-angular-pager.mjs",
|
|
51
|
-
"esm": "./esm2022/progress-kendo-angular-pager.mjs",
|
|
52
44
|
"default": "./fesm2022/progress-kendo-angular-pager.mjs"
|
|
53
45
|
}
|
|
54
46
|
},
|
|
@@ -64,5 +64,5 @@ export declare class Messages extends ComponentMessages {
|
|
|
64
64
|
*/
|
|
65
65
|
inputLabel: string;
|
|
66
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
67
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoPagerMessages", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "firstPage": { "alias": "firstPage"; "required": false; }; "lastPage": { "alias": "lastPage"; "required": false; }; "previousPage": { "alias": "previousPage"; "required": false; }; "nextPage": { "alias": "nextPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageNumberInputTitle": { "alias": "pageNumberInputTitle"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "of": { "alias": "of"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectPage": { "alias": "selectPage"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; }, {}, never, never,
|
|
67
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoPagerMessages", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "firstPage": { "alias": "firstPage"; "required": false; }; "lastPage": { "alias": "lastPage"; "required": false; }; "previousPage": { "alias": "previousPage"; "required": false; }; "nextPage": { "alias": "nextPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageNumberInputTitle": { "alias": "pageNumberInputTitle"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "of": { "alias": "of"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectPage": { "alias": "selectPage"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
68
68
|
}
|
|
@@ -69,5 +69,5 @@ export declare abstract class PagerElementComponent implements OnInit, OnDestroy
|
|
|
69
69
|
get nextArrowIcons(): string[];
|
|
70
70
|
get nextArrowSVGIcons(): SVGIcon[];
|
|
71
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerElementComponent, never>;
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PagerElementComponent, "kendo-pager-element", never, {}, {}, never, never,
|
|
72
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PagerElementComponent, "kendo-pager-element", never, {}, {}, never, never, true, never>;
|
|
73
73
|
}
|
|
@@ -9,14 +9,14 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
|
|
11
11
|
// Peers of inputs and dropdowns
|
|
12
|
-
'@progress/kendo-angular-treeview': '
|
|
13
|
-
'@progress/kendo-angular-intl': '
|
|
14
|
-
'@progress/kendo-angular-navigation': '
|
|
15
|
-
'@progress/kendo-angular-popup': '
|
|
12
|
+
'@progress/kendo-angular-treeview': '22.0.0-develop.1',
|
|
13
|
+
'@progress/kendo-angular-intl': '22.0.0-develop.1',
|
|
14
|
+
'@progress/kendo-angular-navigation': '22.0.0-develop.1',
|
|
15
|
+
'@progress/kendo-angular-popup': '22.0.0-develop.1',
|
|
16
16
|
'@progress/kendo-drawing': '^1.5.12',
|
|
17
17
|
// peer dependency of kendo-angular-inputs
|
|
18
|
-
'@progress/kendo-angular-buttons': '
|
|
19
|
-
'@progress/kendo-angular-dialog': '
|
|
18
|
+
'@progress/kendo-angular-buttons': '22.0.0-develop.1',
|
|
19
|
+
'@progress/kendo-angular-dialog': '22.0.0-develop.1',
|
|
20
20
|
// Peer dependency of icons
|
|
21
21
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
22
22
|
} });
|
package/esm2022/directives.mjs
DELETED
|
@@ -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 { PagerFocusableDirective } from './pager/focusable.directive';
|
|
6
|
-
import { CustomMessagesComponent } from './pager/localization/custom-messages.component';
|
|
7
|
-
import { PagerInfoComponent } from './pager/pager-info.component';
|
|
8
|
-
import { PagerInputComponent } from './pager/pager-input.component';
|
|
9
|
-
import { PagerNextButtonsComponent } from './pager/pager-next-buttons.component';
|
|
10
|
-
import { PagerNumericButtonsComponent } from './pager/pager-numeric-buttons.component';
|
|
11
|
-
import { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
|
|
12
|
-
import { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
|
|
13
|
-
import { PagerTemplateDirective } from './pager/pager-template.directive';
|
|
14
|
-
import { PagerComponent } from './pager/pager.component';
|
|
15
|
-
import { PagerSpacerComponent } from './pager/spacer.component';
|
|
16
|
-
/**
|
|
17
|
-
* Use this utility array to access all `@progress/kendo-angular-pager`-related components and directives in a standalone Angular component.
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```typescript
|
|
21
|
-
* import { Component } from '@angular/core';
|
|
22
|
-
* import { KENDO_PAGER } from '@progress/kendo-angular-pager';
|
|
23
|
-
*
|
|
24
|
-
* @Component({
|
|
25
|
-
* selector: 'my-app',
|
|
26
|
-
* standalone: true,
|
|
27
|
-
* imports: [KENDO_PAGER],
|
|
28
|
-
* template: `<kendo-pager></kendo-pager>`
|
|
29
|
-
* })
|
|
30
|
-
* export class AppComponent {}
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
export const KENDO_PAGER = [
|
|
34
|
-
CustomMessagesComponent,
|
|
35
|
-
PagerFocusableDirective,
|
|
36
|
-
PagerInfoComponent,
|
|
37
|
-
PagerInputComponent,
|
|
38
|
-
PagerNextButtonsComponent,
|
|
39
|
-
PagerNumericButtonsComponent,
|
|
40
|
-
PagerPageSizesComponent,
|
|
41
|
-
PagerPrevButtonsComponent,
|
|
42
|
-
PagerTemplateDirective,
|
|
43
|
-
PagerComponent,
|
|
44
|
-
PagerSpacerComponent
|
|
45
|
-
];
|
package/esm2022/index.mjs
DELETED
|
@@ -1,21 +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
|
-
export { PageSizeChangeEvent } from './pager/pagesizechange-event';
|
|
6
|
-
export { CustomMessagesComponent } from './pager/localization/custom-messages.component';
|
|
7
|
-
export { LocalizedMessagesDirective } from './pager/localization/localized-messages.directive';
|
|
8
|
-
export { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
|
|
9
|
-
export { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
|
|
10
|
-
export { PagerTemplateDirective } from './pager/pager-template.directive';
|
|
11
|
-
export { PagerNumericButtonsComponent } from './pager/pager-numeric-buttons.component';
|
|
12
|
-
export { PagerNextButtonsComponent } from './pager/pager-next-buttons.component';
|
|
13
|
-
export { PagerInputComponent } from './pager/pager-input.component';
|
|
14
|
-
export { PagerInfoComponent } from './pager/pager-info.component';
|
|
15
|
-
export { PagerFocusableDirective } from './pager/focusable.directive';
|
|
16
|
-
export { PagerComponent } from './pager/pager.component';
|
|
17
|
-
export { PagerModule } from './pager/pager.module';
|
|
18
|
-
export { PagerNavigationService } from './pager/navigation.service';
|
|
19
|
-
export { PagerContextService } from './pager/pager-context.service';
|
|
20
|
-
export { PagerSpacerComponent } from './pager/spacer.component';
|
|
21
|
-
export * from './directives';
|
|
@@ -1,16 +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
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-pager',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768386501,
|
|
14
|
-
version: '21.4.1-develop.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,68 +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, ElementRef, Renderer2 } from '@angular/core';
|
|
6
|
-
import { Subscription } from 'rxjs';
|
|
7
|
-
import { focusableSelector } from '../util';
|
|
8
|
-
import { PagerNavigationService } from './navigation.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "./navigation.service";
|
|
11
|
-
/**
|
|
12
|
-
* Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`]({% slug api_pager_pagertemplatedirective %}) to include them in the built-in Pager keyboard navigation.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
16
|
-
* <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
|
|
17
|
-
* <ng-template kendoPagerTemplate>
|
|
18
|
-
* <button kendoPagerFocusable type="button">Custom Button</button>
|
|
19
|
-
* </ng-template>
|
|
20
|
-
* </kendo-pager>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class PagerFocusableDirective {
|
|
24
|
-
navigationService;
|
|
25
|
-
element;
|
|
26
|
-
renderer;
|
|
27
|
-
subscriptions = new Subscription();
|
|
28
|
-
constructor(navigationService, element, renderer) {
|
|
29
|
-
this.navigationService = navigationService;
|
|
30
|
-
this.element = element;
|
|
31
|
-
this.renderer = renderer;
|
|
32
|
-
}
|
|
33
|
-
ngOnInit() {
|
|
34
|
-
if (!(this.nativeElement instanceof HTMLElement)) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
this.subscriptions.add(this.navigationService.innerNavigationChange.subscribe(this.innerNavigationChange.bind(this)));
|
|
38
|
-
}
|
|
39
|
-
ngOnDestroy() {
|
|
40
|
-
this.subscriptions.unsubscribe();
|
|
41
|
-
}
|
|
42
|
-
get nativeElement() {
|
|
43
|
-
return this.element.nativeElement;
|
|
44
|
-
}
|
|
45
|
-
innerNavigationChange(value) {
|
|
46
|
-
if (!this.navigationService.isNavigable) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
const index = value ? '0' : '-1';
|
|
50
|
-
if (this.nativeElement.matches(focusableSelector)) {
|
|
51
|
-
this.renderer.setAttribute(this.nativeElement, 'tabindex', index);
|
|
52
|
-
}
|
|
53
|
-
const focusableElements = this.nativeElement.querySelectorAll(focusableSelector);
|
|
54
|
-
focusableElements.forEach(el => {
|
|
55
|
-
this.renderer.setAttribute(el, 'tabindex', index);
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerFocusableDirective, deps: [{ token: i1.PagerNavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
59
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PagerFocusableDirective, isStandalone: true, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"], ngImport: i0 });
|
|
60
|
-
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerFocusableDirective, decorators: [{
|
|
62
|
-
type: Directive,
|
|
63
|
-
args: [{
|
|
64
|
-
selector: '[kendoPagerFocusable]',
|
|
65
|
-
exportAs: 'kendoPagerFocusable',
|
|
66
|
-
standalone: true
|
|
67
|
-
}]
|
|
68
|
-
}], ctorParameters: () => [{ type: i1.PagerNavigationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
|