@progress/kendo-angular-pager 19.0.0-develop.9 → 19.0.0

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1746776499,
-    version: '19.0.0-develop.9',
+    publishDate: 1748362420,
+    version: '19.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/pager/navigation.service.mjs

@@ -9,7 +9,7 @@ import { isFocusable } from "@progress/kendo-angular-common";
  * @hidden
  */
 export class PagerNavigationService {
-    isNavigable = false;
+    isNavigable = true;
     innerNavigationChange = new Subject();
     toggleInnerNavigation(value) {
         this.innerNavigationChange.next(value);

package/esm2022/pager/pager-input.component.mjs

@@ -11,7 +11,7 @@ import { PagerContextService } from "./pager-context.service";
 import { Keys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
 import { DEFAULT_SIZE } from '../util';
 import { PagerFocusableDirective } from './focusable.directive';
-import { NgClass } from '@angular/common';
+import { NgClass, NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./pager-context.service";
@@ -23,6 +23,11 @@ export class PagerInputComponent extends PagerElementComponent {
     zone;
     renderer;
     numericInput;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    showPageText = true;
     /**
      * Specifies the padding of the internal numeric input element.
      *
@@ -96,9 +101,9 @@ export class PagerInputComponent extends PagerElementComponent {
         return this.totalPages !== 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerInputComponent, isStandalone: true, selector: "kendo-datapager-input, kendo-pager-input", inputs: { size: "size" }, viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
      <span class="k-pager-input">
-        {{textFor('page')}}
+        <ng-container *ngIf="showPageText">{{textFor('page')}}</ng-container>
         <kendo-numerictextbox kendoPagerFocusable
             [spinners]="false"
             [decimals]="0"
@@ -120,7 +125,7 @@ export class PagerInputComponent extends PagerElementComponent {
         </kendo-numerictextbox>
         {{textFor('of')}} {{totalPages}}
      </span>
-    `, 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"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, decorators: [{
             type: Component,
@@ -128,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-datapager-input, kendo-pager-input',
                     template: `
      <span class="k-pager-input">
-        {{textFor('page')}}
+        <ng-container *ngIf="showPageText">{{textFor('page')}}</ng-container>
         <kendo-numerictextbox kendoPagerFocusable
             [spinners]="false"
             [decimals]="0"
@@ -152,11 +157,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
      </span>
     `,
                     standalone: true,
-                    imports: [NgClass, NumericTextBoxComponent, PagerFocusableDirective, EventsOutsideAngularDirective]
+                    imports: [NgClass, NgIf, NumericTextBoxComponent, PagerFocusableDirective, EventsOutsideAngularDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { numericInput: [{
                 type: ViewChild,
                 args: [NumericTextBoxComponent, { static: true }]
+            }], showPageText: [{
+                type: Input
             }], size: [{
                 type: Input
             }] } });

package/esm2022/pager/pager-numeric-buttons.component.mjs

@@ -8,7 +8,7 @@ import { PagerContextService } from './pager-context.service';
 import { PagerElementComponent } from './pager-element.component';
 import { DEFAULT_SIZE, getStylingClasses } from '../util';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { NgIf, NgFor, NgClass } from '@angular/common';
+import { NgIf, NgFor } from '@angular/common';
 import { PagerFocusableDirective } from './focusable.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -138,30 +138,6 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
-        <select kendoPagerFocusable #select
-            class="k-hidden k-dropdown-list k-dropdown k-picker k-picker-solid k-rounded-md"
-            [attr.title]="pageChooserLabel"
-            [attr.aria-label]="pageChooserLabel"
-            (change)="onSelectChange($event)">
-            <option *ngIf="start > 1"
-                value="previousButtons"
-                [selected]="false"
-                [attr.aria-label]="pageLabel(start - 1)">...
-            </option>
-            <option *ngFor="let num of buttons"
-                [value]="num.toString()"
-                [selected]="num === currentPage"
-                [attr.aria-label]="pageLabel(num)"
-                [attr.aria-current]="currentPage === num ? 'page' : undefined"
-                [ngClass]="{'k-selected':currentPage === num}">
-                {{num}}
-            </option>
-            <option *ngIf="end < totalPages"
-                value="nextButtons"
-                [selected]="false"
-                [attr.aria-label]="pageLabel(end + 1)">...
-            </option>
-        </select>
         <div class="k-pager-numbers" #numbers>
             <button *ngIf="start > 1"
                 type="button"
@@ -201,7 +177,7 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
                 [attr.title]="pageLabel(end + 1)"
                 (click)="changePage(end)">...</button>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 });
+    `, isInline: true, dependencies: [{ kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
             type: Component,
@@ -209,30 +185,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons',
                     template: `
-        <select kendoPagerFocusable #select
-            class="k-hidden k-dropdown-list k-dropdown k-picker k-picker-solid k-rounded-md"
-            [attr.title]="pageChooserLabel"
-            [attr.aria-label]="pageChooserLabel"
-            (change)="onSelectChange($event)">
-            <option *ngIf="start > 1"
-                value="previousButtons"
-                [selected]="false"
-                [attr.aria-label]="pageLabel(start - 1)">...
-            </option>
-            <option *ngFor="let num of buttons"
-                [value]="num.toString()"
-                [selected]="num === currentPage"
-                [attr.aria-label]="pageLabel(num)"
-                [attr.aria-current]="currentPage === num ? 'page' : undefined"
-                [ngClass]="{'k-selected':currentPage === num}">
-                {{num}}
-            </option>
-            <option *ngIf="end < totalPages"
-                value="nextButtons"
-                [selected]="false"
-                [attr.aria-label]="pageLabel(end + 1)">...
-            </option>
-        </select>
         <div class="k-pager-numbers" #numbers>
             <button *ngIf="start > 1"
                 type="button"
@@ -274,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
     `,
                     standalone: true,
-                    imports: [PagerFocusableDirective, NgIf, NgFor, NgClass, ButtonComponent]
+                    imports: [PagerFocusableDirective, NgIf, NgFor, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i0.Renderer2 }]; }, propDecorators: { selectElement: [{
                 type: ViewChild,

package/esm2022/pager/pager-page-sizes.component.mjs

@@ -11,6 +11,7 @@ import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { Keys } from '@progress/kendo-angular-common';
 import { DEFAULT_PAGE_SIZE_VALUES, DEFAULT_SIZE } from '../util';
 import { PagerFocusableDirective } from './focusable.directive';
+import { NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./pager-context.service";
@@ -22,6 +23,18 @@ export class PagerPageSizesComponent extends PagerElementComponent {
     element;
     ngZone;
     dropDownList;
+    _showItemsText = true;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    get showItemsText() {
+        return this._showItemsText;
+    }
+    set showItemsText(value) {
+        this._showItemsText = value;
+        this.cd.markForCheck();
+    }
     /**
      * The page sizes collection. Can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
      *
@@ -173,6 +186,12 @@ export class PagerPageSizesComponent extends PagerElementComponent {
      * * `none`
      */
     size = DEFAULT_SIZE;
+    /**
+     * Toggles the adaptiveness of the internal DropDownList.
+     *
+     * @default 'auto'
+     */
+    adaptiveMode = 'auto';
     /**
      * @hidden
      *
@@ -219,7 +238,7 @@ export class PagerPageSizesComponent extends PagerElementComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: { pageSizes: "pageSizes", size: "size" }, host: { properties: { "class.k-pager-sizes": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
         <kendo-dropdownlist kendoPagerFocusable
             #dropdownlist
             [size]="size"
@@ -229,9 +248,10 @@ export class PagerPageSizesComponent extends PagerElementComponent {
             [valuePrimitive]="true"
             [value]="pageSize"
             (valueChange)="pageSizeChange($event, dropdownlist)"
+            [adaptiveMode]="adaptiveMode"
             [attr.aria-label]="textFor('itemsPerPage')"></kendo-dropdownlist>
-        {{ textFor('itemsPerPage') }}
-    `, 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 });
+        <ng-container *ngIf="showItemsText">{{ textFor('itemsPerPage') }}</ng-container>
+    `, 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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
             type: Component,
@@ -248,19 +268,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [valuePrimitive]="true"
             [value]="pageSize"
             (valueChange)="pageSizeChange($event, dropdownlist)"
+            [adaptiveMode]="adaptiveMode"
             [attr.aria-label]="textFor('itemsPerPage')"></kendo-dropdownlist>
-        {{ textFor('itemsPerPage') }}
+        <ng-container *ngIf="showItemsText">{{ textFor('itemsPerPage') }}</ng-container>
     `,
                     standalone: true,
-                    imports: [DropDownListComponent, PagerFocusableDirective]
+                    imports: [DropDownListComponent, PagerFocusableDirective, NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { dropDownList: [{
                 type: ViewChild,
                 args: ['dropdownlist', { static: true }]
+            }], showItemsText: [{
+                type: Input
             }], pageSizes: [{
                 type: Input
             }], size: [{
                 type: Input
+            }], adaptiveMode: [{
+                type: Input
             }], classes: [{
                 type: HostBinding,
                 args: ["class.k-pager-sizes"]