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

package/esm2022/pager/pager.module.mjs

@@ -1,65 +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 { NgModule } from '@angular/core';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
-import { KENDO_PAGER } from '../directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import * as i0 from "@angular/core";
-import * as i1 from "./localization/custom-messages.component";
-import * as i2 from "./focusable.directive";
-import * as i3 from "./pager-info.component";
-import * as i4 from "./pager-input.component";
-import * as i5 from "./pager-next-buttons.component";
-import * as i6 from "./pager-numeric-buttons.component";
-import * as i7 from "./pager-page-sizes.component";
-import * as i8 from "./pager-prev-buttons.component";
-import * as i9 from "./pager-template.directive";
-import * as i10 from "./pager.component";
-import * as i11 from "./spacer.component";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Pager component. Imports `PagerModule` into the
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity)
- * of your application or into any other sub-module that will use the Pager component.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { PagerModule } from '@progress/kendo-angular-pager';
- * import { AppComponent } from './app.component';
- *
- * _@NgModule({
- *     bootstrap:    [AppComponent],
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, PagerModule]
- * })
- * export class AppModule {
- * }
- * ```
- */
-export class PagerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PagerModule, imports: [i1.CustomMessagesComponent, i2.PagerFocusableDirective, i3.PagerInfoComponent, i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i9.PagerTemplateDirective, i10.PagerComponent, i11.PagerSpacerComponent], exports: [i1.CustomMessagesComponent, i2.PagerFocusableDirective, i3.PagerInfoComponent, i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i9.PagerTemplateDirective, i10.PagerComponent, i11.PagerSpacerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerModule, providers: [
-            IconsService,
-            PopupService,
-            ResizeBatchService
-        ], imports: [i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i10.PagerComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_PAGER],
-                    imports: [...KENDO_PAGER],
-                    providers: [
-                        IconsService,
-                        PopupService,
-                        ResizeBatchService
-                    ]
-                }]
-        }] });

package/esm2022/pager/pagesize-item.interface.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/pager/pagesizechange-event.mjs

@@ -1,24 +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 { PreventableEvent } from './preventable-event';
-/**
- * Represents the arguments for the `pageSizeChange` event. The `pageSizeChange` event fires when you change the page size
- * from the UI. If you cancel the event, the change does not occur.
- */
-export class PageSizeChangeEvent extends PreventableEvent {
-    /**
-     * Gets the newly selected page size.
-     */
-    newPageSize;
-    /**
-     * Constructs the event arguments for the `pageSizeChange` event.
-     * @param newPageSize - The newly selected page size.
-     * @hidden
-     */
-    constructor(newPageSize) {
-        super();
-        this.newPageSize = newPageSize;
-    }
-}

package/esm2022/pager/preventable-event.mjs

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export class PreventableEvent {
-    prevented = false;
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}

package/esm2022/pager/spacer.component.mjs

@@ -1,70 +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, HostBinding, Input } from '@angular/core';
-import { isPresent } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI Pager Spacer component for Angular.
- * Gives you additional white space between the Pager inner elements,
- * and provides a way for customizing the spacer width.
- *
- * @example
- * ```html
- * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
- *   <ng-template kendoPagerTemplate>
- *     <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
- *     <kendo-pager-info></kendo-pager-info>
- *     <kendo-pager-spacer></kendo-pager-spacer>
- *     <kendo-pager-next-buttons></kendo-pager-next-buttons>
- *   </ng-template>
- * </kendo-pager>
- * ```
- */
-export class PagerSpacerComponent {
-    /**
-     * Gets the CSS class for the spacer.
-     */
-    hostClass = true;
-    /**
-     * Gets the CSS class for sized spacers.
-     */
-    get sizedClass() {
-        return isPresent(this.width);
-    }
-    /**
-     * Gets the flex-basis style for the spacer width.
-     */
-    get flexBasisStyle() {
-        return this.width;
-    }
-    /**
-     * Specifies the width of the `PagerSpacer` component.
-     * Accepts the [string values of the CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
-     *
-     * If you do not set this property, the `PagerSpacer` takes all the available space.
-     */
-    width;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerSpacerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-pager-spacer',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer']
-            }], sizedClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer-sized']
-            }], flexBasisStyle: [{
-                type: HostBinding,
-                args: ['style.flexBasis']
-            }], width: [{
-                type: Input
-            }] } });

package/esm2022/progress-kendo-angular-pager.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/util.mjs

@@ -1,124 +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 { isDocumentAvailable, isVisible } from "@progress/kendo-angular-common";
-/**
- * @hidden
- */
-export const DEFAULT_PAGE_SIZE_VALUES = [5, 10, 20].map(n => ({
-    text: String(n),
-    value: n
-}));
-/**
- * @hidden
- */
-const focusableDirectiveSelector = '[kendoPagerFocusable]';
-/**
- * @hidden
- */
-export const getAllFocusableChildren = (parent) => {
-    return Array.from(parent.querySelectorAll(focusableDirectiveSelector))?.filter(isVisible);
-};
-/**
- * @hidden
- */
-export const focusableSelector = [
-    'a[href]:not([disabled]):not([aria-hidden="true"])',
-    'area[href]:not([disabled]):not([aria-hidden="true"])',
-    'input:not([disabled]):not([aria-hidden="true"])',
-    'select:not([disabled]):not([aria-hidden="true"])',
-    'textarea:not([disabled]):not([aria-hidden="true"])',
-    'button:not([aria-hidden="true"])',
-    'iframe:not([disabled])',
-    'object:not([disabled])',
-    'embed:not([disabled])',
-    '*[tabindex]:not([disabled]):not([aria-hidden="true"])',
-    '*[contenteditable]:not([disabled]):not([contenteditable="false"])'
-].join(',');
-/**
- * @hidden
- */
-export const DEFAULT_SIZE = 'medium';
-const SIZES = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg'
-};
-/**
- * @hidden
- *
- * Returns the styling classes to be added and removed
- */
-export const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
-    switch (stylingOption) {
-        case 'size':
-            return {
-                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
-            };
-        default:
-            break;
-    }
-};
-/**
- * @hidden
- */
-export const calculatePadding = (element) => {
-    if (!element || !isDocumentAvailable()) {
-        return { padding: 0, gapNumbersSizes: 0, gapSizesInfo: 0 };
-    }
-    const computedStyle = window.getComputedStyle(element);
-    const paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
-    const paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
-    const padding = (paddingLeft + paddingRight) * 1.2; // account for rounding errors
-    const style = getComputedStyle(document.documentElement);
-    const gapNumbersSizes = 2 * (parseFloat(style.getPropertyValue('--kendo-spacing-3\\.5') || '0.875rem') * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16)); // convert rem to px
-    const gapSizesInfo = gapNumbersSizes;
-    return { padding, gapNumbersSizes, gapSizesInfo };
-};
-/**
- * @hidden
- */
-export const calculateGap = (element) => {
-    if (!element || !isDocumentAvailable()) {
-        return 0;
-    }
-    const computedStyle = window.getComputedStyle(element);
-    return parseFloat(computedStyle.gap) || 0;
-};
-/**
- * @hidden
- */
-export const createMeasurementSpan = (renderer, container, className) => {
-    const span = renderer.createElement('span');
-    renderer.appendChild(container, span);
-    renderer.addClass(span, className);
-    return span;
-};
-/**
- * @hidden
- */
-export const copyComputedStyles = (renderer, source, destination) => {
-    const computedStyle = getComputedStyle(source);
-    const importantStyles = [
-        'font-family', 'font-size', 'font-weight', 'font-style',
-        'letter-spacing', 'text-transform', 'white-space', 'word-spacing',
-        'padding-left', 'padding-right', 'margin-left', 'margin-right',
-        'border-left-width', 'border-right-width', 'box-sizing'
-    ];
-    importantStyles.forEach(style => {
-        renderer.setStyle(destination, style, computedStyle.getPropertyValue(style));
-    });
-};
-/**
- *
- * @hidden
- */
-export const positionOffScreen = (renderer, element) => {
-    renderer.setStyle(element, 'position', 'absolute');
-    renderer.setStyle(element, 'visibility', 'hidden');
-    renderer.setStyle(element, 'left', '-9999px');
-    renderer.setStyle(element, 'top', '-9999px');
-    renderer.setStyle(element, 'display', 'flex');
-};