@progress/kendo-angular-pager 21.4.1-develop.1 → 22.0.0-develop.1

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

@@ -1,136 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-// eslint-disable  no-access-missing-member
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Input } from '@angular/core';
-import { PagerContextService } from "./pager-context.service";
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DEFAULT_SIZE } from '../util';
-import { PagerFocusableDirective } from './focusable.directive';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
- *
- * @example
- * ```html
- * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
- *   <ng-template kendoPagerTemplate>
- *     <kendo-pager-next-buttons></kendo-pager-next-buttons>
- *   </ng-template>
- * </kendo-pager>
- * ```
- */
-export class PagerNextButtonsComponent extends PagerElementComponent {
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {boolean}
-     * @memberOf PagerNextButtonsComponent
-     */
-    get disabled() {
-        return this.currentPage === this.totalPages || !this.total;
-    }
-    /**
-     * Specifies the padding of the navigation buttons.
-     *
-     * @default 'medium'
-     */
-    size = DEFAULT_SIZE;
-    constructor(localization, pagerContext, cd) {
-        super(localization, pagerContext, cd);
-    }
-    /**
-     * @hidden
-     */
-    onClick(isLast = false) {
-        if (this.disabled) {
-            return false;
-        }
-        const targetPage = isLast ? this.totalPages - 1 : this.currentPage;
-        return this.currentPage !== this.totalPages ? this.changePage(targetPage) : false;
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: { size: "size" }, usesInheritance: true, ngImport: i0, template: `
-        <button kendoButton kendoPagerFocusable
-            type="button"
-            [size]="size"
-            [icon]="nextArrowIcons[0]"
-            [svgIcon]="nextArrowSVGIcons[0]"
-            fillMode="flat"
-            rounded="none"
-            class="k-pager-nav"
-            [attr.aria-disabled]="disabled"
-            [class.k-disabled]="disabled"
-            [title]="textFor('nextPage')"
-            [attr.aria-label]="textFor('nextPage')"
-            (click)="onClick()">
-        </button>
-        <button kendoButton kendoPagerFocusable
-            type="button"
-            [size]="size"
-            [icon]="nextArrowIcons[1]"
-            [svgIcon]="nextArrowSVGIcons[1]"
-            fillMode="flat"
-            rounded="none"
-            class="k-pager-nav k-pager-last"
-            [attr.aria-disabled]="disabled"
-            [class.k-disabled]="disabled"
-            [title]="textFor('lastPage')"
-            [attr.aria-label]="textFor('lastPage')"
-            (click)="onClick(true)">
-        </button>
-    `, 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-datapager-next-buttons, kendo-pager-next-buttons',
-                    template: `
-        <button kendoButton kendoPagerFocusable
-            type="button"
-            [size]="size"
-            [icon]="nextArrowIcons[0]"
-            [svgIcon]="nextArrowSVGIcons[0]"
-            fillMode="flat"
-            rounded="none"
-            class="k-pager-nav"
-            [attr.aria-disabled]="disabled"
-            [class.k-disabled]="disabled"
-            [title]="textFor('nextPage')"
-            [attr.aria-label]="textFor('nextPage')"
-            (click)="onClick()">
-        </button>
-        <button kendoButton kendoPagerFocusable
-            type="button"
-            [size]="size"
-            [icon]="nextArrowIcons[1]"
-            [svgIcon]="nextArrowSVGIcons[1]"
-            fillMode="flat"
-            rounded="none"
-            class="k-pager-nav k-pager-last"
-            [attr.aria-disabled]="disabled"
-            [class.k-disabled]="disabled"
-            [title]="textFor('lastPage')"
-            [attr.aria-label]="textFor('lastPage')"
-            (click)="onClick(true)">
-        </button>
-    `,
-                    standalone: true,
-                    imports: [ButtonComponent, PagerFocusableDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }], propDecorators: { size: [{
-                type: Input
-            }] } });

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

@@ -1,257 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewChild, Renderer2, ElementRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-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 { PagerFocusableDirective } from './focusable.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * Represents the Kendo UI Pager Numeric Buttons component for Angular. Displays numeric buttons to enable navigation between the pages.
- *
- * @example
- * ```html
- * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
- *   <ng-template kendoPagerTemplate>
- *     <kendo-pager-numeric-buttons [buttonCount]="5"></kendo-pager-numeric-buttons>
- *   </ng-template>
- * </kendo-pager>
- * ```
- */
-export class PagerNumericButtonsComponent extends PagerElementComponent {
-    pagerContext;
-    renderer;
-    selectElement;
-    numbersElement;
-    /**
-     * Specifies the count of the displayed buttons.
-     *
-     * @type {number}
-     * @memberOf PagerNumericButtonsComponent
-     */
-    buttonCount;
-    /**
-     * Specifies the padding of the numeric buttons.
-     *
-     * @default 'medium'
-     */
-    set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
-    }
-    get size() {
-        return this._size;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number[]}
-     * @memberOf PagerNumericButtonsComponent
-     */
-    get buttons() {
-        const result = [];
-        for (let idx = this.start; idx <= this.end; idx++) {
-            result.push(idx);
-        }
-        return result;
-    }
-    /**
-     * @hidden
-     */
-    get end() {
-        return Math.min((this.start + this.buttonCount) - 1, this.totalPages);
-    }
-    /**
-     * @hidden
-     */
-    get start() {
-        const page = this.currentPage;
-        const buttonCount = this.buttonCount;
-        if (page > buttonCount) {
-            const reminder = (page % buttonCount);
-            return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
-        }
-        return 1;
-    }
-    constructor(localization, cd, pagerContext, renderer) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.renderer = renderer;
-    }
-    _size = DEFAULT_SIZE;
-    ngAfterViewInit() {
-        this.handleClasses(this.size, 'size');
-    }
-    /**
-     * @hidden
-     */
-    pageLabel(num) {
-        const pageText = this.textFor('page');
-        if (pageText) {
-            return pageText + ' ' + num;
-        }
-        return num.toString();
-    }
-    /**
-     * @hidden
-     */
-    onSelectChange(e) {
-        const target = e.target;
-        const valueAsNumber = Number(target.value);
-        if (!Number.isNaN(valueAsNumber)) {
-            this.changePage(valueAsNumber - 1);
-        }
-        else {
-            if (target.value === 'previousButtons') {
-                this.changePage(this.start - 2);
-            }
-            else {
-                this.changePage(this.end);
-            }
-        }
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-    get pageChooserLabel() {
-        return this.textFor('selectPage');
-    }
-    handleClasses(value, input) {
-        const elem = this.selectElement?.nativeElement;
-        const classes = getStylingClasses('picker', input, this[input], value);
-        if (!elem) {
-            return;
-        }
-        if (classes.toRemove) {
-            this.renderer.removeClass(elem, classes.toRemove);
-        }
-        if (classes.toAdd) {
-            this.renderer.addClass(elem, classes.toAdd);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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: `
-        <div class="k-pager-numbers" #numbers>
-          @if (start > 1) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(start - 1)"
-              [attr.title]="pageLabel(start - 1)"
-            (click)="changePage(start - 2)">...</button>
-          }
-          @for (num of buttons; track num) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(num)"
-              [attr.title]="pageLabel(num)"
-              [attr.aria-current]="currentPage === num ? 'page' : undefined"
-              [selected]="currentPage === num"
-              (click)="currentPage === num ? false : changePage(num - 1)">
-              {{num}}
-            </button>
-          }
-          @if (end < totalPages) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(end + 1)"
-              [attr.title]="pageLabel(end + 1)"
-            (click)="changePage(end)">...</button>
-          }
-        </div>
-        `, 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons',
-                    template: `
-        <div class="k-pager-numbers" #numbers>
-          @if (start > 1) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(start - 1)"
-              [attr.title]="pageLabel(start - 1)"
-            (click)="changePage(start - 2)">...</button>
-          }
-          @for (num of buttons; track num) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(num)"
-              [attr.title]="pageLabel(num)"
-              [attr.aria-current]="currentPage === num ? 'page' : undefined"
-              [selected]="currentPage === num"
-              (click)="currentPage === num ? false : changePage(num - 1)">
-              {{num}}
-            </button>
-          }
-          @if (end < totalPages) {
-            <button
-              type="button"
-              kendoPagerFocusable
-              kendoButton
-              [size]="size"
-              fillMode="flat"
-              themeColor="primary"
-              rounded="none"
-              [attr.aria-label]="pageLabel(end + 1)"
-              [attr.title]="pageLabel(end + 1)"
-            (click)="changePage(end)">...</button>
-          }
-        </div>
-        `,
-                    standalone: true,
-                    imports: [PagerFocusableDirective, ButtonComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i0.Renderer2 }], propDecorators: { selectElement: [{
-                type: ViewChild,
-                args: ['select', { read: ElementRef }]
-            }], numbersElement: [{
-                type: ViewChild,
-                args: ['numbers', { read: ElementRef }]
-            }], buttonCount: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });

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

@@ -1,197 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding, Input, ViewChild, ElementRef, NgZone } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from "./pager-context.service";
-import { PageSizeChangeEvent } from './pagesizechange-event';
-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 * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
- *
- * @example
- * ```html
- * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
- *   <ng-template kendoPagerTemplate>
- *     <kendo-pager-page-sizes [pageSizes]="[10, 20, 50]"></kendo-pager-page-sizes>
- *   </ng-template>
- * </kendo-pager>
- * ```
- */
-export class PagerPageSizesComponent extends PagerElementComponent {
-    pagerContext;
-    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();
-    }
-    /**
-     * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`]({% slug api_pager_pagesizeitem %}) objects.
-     *
-     * @example
-     * ```html
-     * <kendo-pager [skip]="0" [pageSize]="10" [total]="100">
-     *   <ng-template kendoPagerTemplate>
-     *     <kendo-pager-page-sizes [pageSizes]="[5, 10, 20, { text: 'All', value: 'all' }]"></kendo-pager-page-sizes>
-     *   </ng-template>
-     * </kendo-pager>
-     * ```
-     */
-    set pageSizes(pageSizes) {
-        let normalizedItems = [];
-        if (Array.isArray(pageSizes)) {
-            pageSizes.forEach(item => {
-                if (typeof item === 'number') {
-                    normalizedItems.push({
-                        text: item.toString(),
-                        value: item
-                    });
-                }
-                else {
-                    normalizedItems.push(item);
-                }
-            });
-        }
-        else {
-            normalizedItems = DEFAULT_PAGE_SIZE_VALUES;
-        }
-        if (this.pageSize && !normalizedItems.some(item => item.value === this.pageSize)) {
-            normalizedItems = [{ text: this.pageSize.toString(), value: this.pageSize }, ...normalizedItems];
-        }
-        this._pageSizes = normalizedItems;
-    }
-    /**
-     * Specifies the padding of the DropDownList component.
-     *
-     * @default 'medium'
-     */
-    size = DEFAULT_SIZE;
-    /**
-     * Specifies the adaptive mode of the internal `DropDownList` component.
-     *
-     * @default 'auto'
-     */
-    adaptiveMode = 'auto';
-    /**
-     * @hidden
-     *
-     * @readonly
-     */
-    get classes() {
-        return true;
-    }
-    _pageSizes = [];
-    constructor(localization, cd, pagerContext, element, ngZone) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.element = element;
-        this.ngZone = ngZone;
-    }
-    ngAfterViewInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.element.nativeElement.addEventListener('keydown', this.keyDownHandler.bind(this), true);
-        });
-    }
-    ngOnDestroy() {
-        this.element.nativeElement.removeEventListener('keydown', this.keyDownHandler);
-    }
-    /**
-     * @hidden
-     */
-    pageSizeChange(value, dropdownlist) {
-        const event = new PageSizeChangeEvent(value);
-        this.pagerContext.changePageSize(event);
-        if (event.isDefaultPrevented()) {
-            dropdownlist.writeValue(this.pageSize);
-        }
-    }
-    onChanges({ total, skip, pageSize, isAllSelected }) {
-        this.total = total;
-        this.skip = skip;
-        const normalizedPageSize = typeof pageSize === 'number' ? pageSize : this.total;
-        this.pageSize = isAllSelected ? 'all' : normalizedPageSize;
-        this.cd.markForCheck();
-    }
-    keyDownHandler(ev) {
-        if (ev.code === Keys.Escape && this.dropDownList.isOpen) {
-            ev.stopPropagation();
-            this.dropDownList.toggle(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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"
-          [data]="_pageSizes"
-          textField="text"
-          valueField="value"
-          [valuePrimitive]="true"
-          [value]="pageSize"
-          (valueChange)="pageSizeChange($event, dropdownlist)"
-          [adaptiveMode]="adaptiveMode"
-          [attr.aria-label]="textFor('itemsPerPage')">
-        </kendo-dropdownlist>
-        @if (showItemsText) {
-          {{ 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-datapager-page-sizes, kendo-pager-page-sizes',
-                    template: `
-        <kendo-dropdownlist kendoPagerFocusable
-          #dropdownlist
-          [size]="size"
-          [data]="_pageSizes"
-          textField="text"
-          valueField="value"
-          [valuePrimitive]="true"
-          [value]="pageSize"
-          (valueChange)="pageSizeChange($event, dropdownlist)"
-          [adaptiveMode]="adaptiveMode"
-          [attr.aria-label]="textFor('itemsPerPage')">
-        </kendo-dropdownlist>
-        @if (showItemsText) {
-          {{ textFor('itemsPerPage') }}
-        }
-        `,
-                    standalone: true,
-                    imports: [DropDownListComponent, PagerFocusableDirective]
-                }]
-        }], ctorParameters: () => [{ 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"]
-            }] } });