@progress/kendo-angular-pager 3.0.3 → 4.0.0-dev.202204131851

package/dist/es2015/pager/localization/localized-messages.directive.js

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var LocalizedMessagesDirective_1;
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: '[kendoDataPagerLocalizedMessages]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
-export { LocalizedMessagesDirective };

package/dist/es2015/pager/localization/messages.js

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-export class Messages extends ComponentMessages {
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "firstPage", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "lastPage", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "previousPage", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "nextPage", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "page", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "pageNumberInputTitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "itemsPerPage", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "of", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "items", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "selectPage", void 0);

package/dist/es2015/pager/pager-info.component.js

@@ -1,74 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-// tslint:disable:no-access-missing-member
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from "./pager-context.service";
-/**
- * Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
- */
-let PagerInfoComponent = class PagerInfoComponent extends PagerElementComponent {
-    constructor(localization, cd, pagerContext) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerInfoComponent
-     */
-    get maxItems() {
-        return Math.min(this.currentPage * this.pageSize, this.total);
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerInfoComponent
-     */
-    get currentPageText() {
-        return this.total ?
-            (this.currentPage - 1) * this.pageSize + 1 :
-            0;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {boolean}
-     * @memberOf PagerInfoComponent
-     */
-    get classes() {
-        return true;
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-};
-tslib_1.__decorate([
-    HostBinding("class.k-pager-info"),
-    HostBinding("class.k-label"),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PagerInfoComponent.prototype, "classes", null);
-PagerInfoComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-info',
-        template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerInfoComponent);
-export { PagerInfoComponent };

package/dist/es2015/pager/pager-input.component.js

@@ -1,113 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
-// tslint:disable:no-access-missing-member
-import { Component, ChangeDetectorRef, ViewChild, NgZone } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { PagerContextService } from "./pager-context.service";
-import { Keys } from '@progress/kendo-angular-common';
-/**
- * Displays an input element which allows the typing and rendering of page numbers.
- */
-let PagerInputComponent = class PagerInputComponent extends PagerElementComponent {
-    constructor(localization, pagerContext, zone, cd) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.zone = zone;
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleKeyDown = (event) => {
-            let incomingValue = this.numericInput.value || this.current;
-            // tslint:disable:deprecation
-            if (event.keyCode === Keys.Enter) {
-                event.preventDefault();
-                if (incomingValue !== this.current) {
-                    this.zone.run(() => {
-                        this.changePage(incomingValue - 1);
-                    });
-                }
-            }
-        };
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleBlur = () => {
-            const inputValue = this.numericInput.value;
-            if (!inputValue) {
-                this.numericInput.writeValue(this.current);
-                return;
-            }
-            if (inputValue !== this.current) {
-                this.zone.run(() => {
-                    this.changePage(inputValue - 1);
-                });
-            }
-        };
-    }
-    /**
-     * @hidden
-     */
-    get current() {
-        return this.hasPages ? this.currentPage : 0;
-    }
-    /**
-     * @hidden
-     */
-    get hasPages() {
-        return this.totalPages !== 0;
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-};
-tslib_1.__decorate([
-    ViewChild(NumericTextBoxComponent, { static: true }),
-    tslib_1.__metadata("design:type", NumericTextBoxComponent)
-], PagerInputComponent.prototype, "numericInput", void 0);
-PagerInputComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-datapager-input',
-        template: `
-     <span [ngClass]="{'k-pager-input': true, 'k-label': true}">
-        {{textFor('page')}}
-        <kendo-numerictextbox
-            [spinners]="false"
-            [decimals]="0"
-            format="n0"
-            [disabled]="!hasPages"
-            [value]="current"
-            [min]="hasPages ? 1 : 0"
-            [max]="totalPages"
-            [autoCorrect]="true"
-            [title]="textFor('pageNumberInputTitle')"
-            [kendoEventsOutsideAngular]="{
-                keydown: handleKeyDown,
-                focusout: handleBlur
-            }">
-        </kendo-numerictextbox>
-        {{textFor('of')}} {{totalPages}}
-     </span>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        PagerContextService,
-        NgZone,
-        ChangeDetectorRef])
-], PagerInputComponent);
-export { PagerInputComponent };

package/dist/es2015/pager/pager-next-buttons.component.js

@@ -1,66 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-// tslint:disable: no-access-missing-member
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { PagerContextService } from "./pager-context.service";
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-/**
- * Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
- */
-let PagerNextButtonsComponent = class PagerNextButtonsComponent extends PagerElementComponent {
-    constructor(localization, pagerContext, cd) {
-        super(localization, pagerContext, cd);
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {boolean}
-     * @memberOf PagerNextButtonsComponent
-     */
-    get disabled() {
-        return this.currentPage === this.totalPages || !this.total;
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-};
-PagerNextButtonsComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-next-buttons',
-        template: `
-        <button
-            type="button"
-            class="k-link k-pager-nav"
-            [class.k-disabled]="disabled"
-            [title]="textFor('nextPage')"
-            [attr.aria-label]="textFor('nextPage')"
-            [attr.aria-disabled]="disabled ? true : undefined"
-            (click)="currentPage !== totalPages ? changePage(currentPage) : false">
-            <span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
-        </button>
-        <button
-            type="button"
-            class="k-link k-pager-nav k-pager-last"
-            [class.k-disabled]="disabled"
-            [title]="textFor('lastPage')"
-            [attr.aria-label]="textFor('lastPage')"
-            [attr.aria-disabled]="disabled ? true : undefined"
-            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
-            <span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
-        </button>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        PagerContextService,
-        ChangeDetectorRef])
-], PagerNextButtonsComponent);
-export { PagerNextButtonsComponent };

package/dist/es2015/pager/pager-numeric-buttons.component.js

@@ -1,158 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, HostBinding } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from './pager-context.service';
-import { PagerElementComponent } from './pager-element.component';
-/**
- * Displays numeric buttons to enable navigation between the pages.
- */
-let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends PagerElementComponent {
-    constructor(localization, cd, pagerContext) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.numbersWrapClass = true;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number[]}
-     * @memberOf PagerNumericButtonsComponent
-     */
-    get buttons() {
-        let 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;
-    }
-    /**
-     * @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');
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-pager-numbers-wrap'),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerNumericButtonsComponent.prototype, "numbersWrapClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerNumericButtonsComponent.prototype, "buttonCount", void 0);
-PagerNumericButtonsComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-numeric-buttons',
-        template: `
-        <select
-            class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"
-            [attr.title]="pageChooserLabel"
-            [attr.aria-label]="pageChooserLabel"
-            [value]="(currentPage).toString()"
-            (change)="onSelectChange($event)">
-            <option *ngIf="start > 1"
-                class="k-link"
-                value="previousButtons"
-                [attr.aria-label]="pageLabel(start - 1)">...
-            </option>
-            <option *ngFor="let num of buttons"
-                [value]="num.toString()"
-                [attr.aria-label]="pageLabel(num)"
-                [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
-                {{num}}
-            </option>
-            <option *ngIf="end < totalPages"
-                value="nextButtons"
-                class="k-link"
-                [attr.aria-label]="pageLabel(end + 1)">...
-            </option>
-        </select>
-        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
-            <li *ngIf="start > 1">
-                <button
-                    type="button"
-                    class="k-link"
-                    [attr.aria-label]="pageLabel(start - 1)"
-                    (click)="changePage(start - 2)">...</button>
-            </li>
-            <li *ngFor="let num of buttons">
-                <button
-                    type="button"
-                    [attr.aria-label]="pageLabel(num)"
-                    [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
-                    (click)="changePage(num - 1)">
-                    {{num}}
-                </button>
-            </li>
-            <li *ngIf="end < totalPages">
-                <button
-                    type="button"
-                    class="k-link"
-                    [attr.aria-label]="pageLabel(end + 1)"
-                    (click)="changePage(end)">...</button>
-            </li>
-        </ul>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerNumericButtonsComponent);
-export { PagerNumericButtonsComponent };

package/dist/es2015/pager/pager-page-sizes.component.d.ts

@@ -1,150 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, AfterViewInit } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService, PagerContextChanges } from "./pager-context.service";
-import { PageSizeItem } from './pagesize-item.interface';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-/**
- * Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
- */
-export declare class PagerPageSizesComponent extends PagerElementComponent implements AfterViewInit {
-    protected pagerContext: PagerContextService;
-    private dropDownList;
-    /**
-    * The page sizes collection. Can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
-    *
-    * @example
-    * {% meta height:400 %}
-    * ```ts-preview
-    * _@Component({
-    *    selector: 'my-app',
-    *    template: `
-    *        <div *ngFor="let item of pagedData" style="border: 1px solid black; padding: 10px;">
-    *            <span>{{item.ProductID}}. </span>
-    *            <span>{{item.ProductName}}</span>
-    *        </div>
-    *        <kendo-datapager
-    *             [skip]="skip"
-    *             [pageSize]="pageSize"
-    *             [total]="total"
-    *             (pageChange)="onPageChange($event)">
-    *           <ng-template kendoDataPagerTemplate>
-    *               <kendo-datapager-page-sizes [pageSizes]="pagesizes"></kendo-datapager-page-sizes>
-    *           </ng-template>
-    *        </kendo-datapager>
-    *    `
-    * })
-    * class AppComponent {
-    *    public data: any[] = products;
-    *    public pagedData = [];
-    *    public skip = 0;
-    *    public pageSize = 2;
-    *    public total = products.length;
-    *    public pagesizes = [{text: 'One', value: 1}, {text: 'Two', value: 2}, {text: 'All', value : 'all'}];
-    *
-    *    public ngOnInit() {
-    *        this.pageData();
-    *    }
-    *
-    *    public onPageChange(e) {
-    *        this.skip = e.skip;
-    *        this.pageSize = e.take;
-    *        this.pageData();
-    *    }
-    *
-    *    private pageData() {
-    *        this.pagedData = this.data.slice(this.skip, this.skip + this.pageSize);
-    *    }
-    * }
-    *
-    * const products = [{
-    *   'ProductID' : 1,
-    *   'ProductName' : "Chai",
-    *   'SupplierID' : 1,
-    *   'CategoryID' : 1,
-    *   'QuantityPerUnit' : "10 boxes x 20 bags",
-    *   'UnitPrice' : 18.0000,
-    *   'UnitsInStock' : 39,
-    *   'UnitsOnOrder' : 0,
-    *   'ReorderLevel' : 10,
-    *   'Discontinued' : false
-    *
-    * }, {
-    *   'ProductID' : 2,
-    *   'ProductName' : "Chang",
-    *   'SupplierID' : 1,
-    *   'CategoryID' : 1,
-    *   'QuantityPerUnit' : "24 - 12 oz bottles",
-    *   'UnitPrice' : 19.0000,
-    *   'UnitsInStock' : 17,
-    *   'UnitsOnOrder' : 40,
-    *   'ReorderLevel' : 25,
-    *   'Discontinued' : false
-    * }, {
-    *   'ProductID' : 3,
-    *   'ProductName' : "Aniseed Syrup",
-    *   'SupplierID' : 1,
-    *   'CategoryID' : 2,
-    *   'QuantityPerUnit' : "12 - 550 ml bottles",
-    *   'UnitPrice' : 10.0000,
-    *   'UnitsInStock' : 13,
-    *   'UnitsOnOrder' : 70,
-    *   'ReorderLevel' : 25,
-    *   'Discontinued' : false
-    * }, {
-    *   'ProductID' : 4,
-    *   'ProductName' : "Chef Anton\'s Cajun Seasoning",
-    *   'SupplierID' : 2,
-    *  'CategoryID' : 2,
-    *   'QuantityPerUnit' : "48 - 6 oz jars",
-    *   'UnitPrice' : 22.0000,
-    *   'UnitsInStock' : 53,
-    *   'UnitsOnOrder' : 0,
-    *   'ReorderLevel' : 0,
-    *   'Discontinued' : false
-    * }, {
-    *   'ProductID' : 5,
-    *   'ProductName' : "Chef Anton\'s Gumbo Mix",
-    *   'SupplierID' : 2,
-    *   'CategoryID' : 2,
-    *   'QuantityPerUnit' : "36 boxes",
-    *   'UnitPrice' : 21.3500,
-    *   'UnitsInStock' : 0,
-    *   'UnitsOnOrder' : 0,
-    *   'ReorderLevel' : 0,
-    *   'Discontinued' : true
-    * }, {
-    *   'ProductID' : 6,
-    *   'ProductName' : "Grandma\'s Boysenberry Spread",
-    *   'SupplierID' : 3,
-    *   'CategoryID' : 2,
-    *   'QuantityPerUnit' : "12 - 8 oz jars",
-    *   'UnitPrice' : 25.0000,
-    *   'UnitsInStock' : 120,
-    *   'UnitsOnOrder' : 0,
-    *   'ReorderLevel' : 25,
-    *   'Discontinued' : false
-    * }];
-    * ```
-    * {% endmeta %}
-    */
-    pageSizes: Array<PageSizeItem | number>;
-    /**
-     * @hidden
-     *
-     * @readonly
-     */
-    readonly classes: boolean;
-    private _pageSizes;
-    constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService);
-    ngAfterViewInit(): void;
-    /**
-     * @hidden
-     */
-    pageSizeChange(value: any, dropdownlist: DropDownListComponent): void;
-    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
-}