@progress/kendo-angular-pager 3.0.1 → 4.0.0-next.202202231230

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

@@ -1,129 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var pager_context_service_1 = require("./pager-context.service");
-var pager_element_component_1 = require("./pager-element.component");
-/**
- * Displays numeric buttons to enable navigation between the pages.
- */
-var PagerNumericButtonsComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(PagerNumericButtonsComponent, _super);
-    function PagerNumericButtonsComponent(localization, cd, pagerContext) {
-        var _this = _super.call(this, localization, pagerContext, cd) || this;
-        _this.pagerContext = pagerContext;
-        _this.numbersWrapClass = true;
-        return _this;
-    }
-    Object.defineProperty(PagerNumericButtonsComponent.prototype, "buttons", {
-        /**
-         * @hidden
-         *
-         * @readonly
-         * @type {number[]}
-         * @memberOf PagerNumericButtonsComponent
-         */
-        get: function () {
-            var result = [];
-            for (var idx = this.start; idx <= this.end; idx++) {
-                result.push(idx);
-            }
-            return result;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PagerNumericButtonsComponent.prototype, "end", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return Math.min((this.start + this.buttonCount) - 1, this.totalPages);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PagerNumericButtonsComponent.prototype, "start", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            var page = this.currentPage;
-            var buttonCount = this.buttonCount;
-            if (page > buttonCount) {
-                var reminder = (page % buttonCount);
-                return (reminder === 0) ? (page - buttonCount) + 1 : (page - reminder) + 1;
-            }
-            return 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    PagerNumericButtonsComponent.prototype.pageLabel = function (num) {
-        var pageText = this.textFor('page');
-        if (pageText) {
-            return pageText + ' ' + num;
-        }
-        return num.toString();
-    };
-    /**
-     * @hidden
-     */
-    PagerNumericButtonsComponent.prototype.onSelectChange = function (e) {
-        var target = e.target;
-        var 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);
-            }
-        }
-    };
-    PagerNumericButtonsComponent.prototype.onChanges = function (_a) {
-        var total = _a.total, skip = _a.skip, pageSize = _a.pageSize;
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    };
-    Object.defineProperty(PagerNumericButtonsComponent.prototype, "pageChooserLabel", {
-        get: function () {
-            return this.textFor('selectPage');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-pager-numbers-wrap'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PagerNumericButtonsComponent.prototype, "numbersWrapClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], PagerNumericButtonsComponent.prototype, "buttonCount", void 0);
-    PagerNumericButtonsComponent = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-datapager-numeric-buttons',
-            template: "\n        <select\n            class=\"k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid\"\n            [attr.title]=\"pageChooserLabel\"\n            [attr.aria-label]=\"pageChooserLabel\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            pager_context_service_1.PagerContextService])
-    ], PagerNumericButtonsComponent);
-    return PagerNumericButtonsComponent;
-}(pager_element_component_1.PagerElementComponent));
-exports.PagerNumericButtonsComponent = PagerNumericButtonsComponent;

package/dist/npm/pager/pager-page-sizes.component.js

@@ -1,228 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var pager_element_component_1 = require("./pager-element.component");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var pager_context_service_1 = require("./pager-context.service");
-var pagesizechange_event_1 = require("./pagesizechange-event");
-var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
-/**
- * Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
- */
-var PagerPageSizesComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(PagerPageSizesComponent, _super);
-    function PagerPageSizesComponent(localization, cd, pagerContext) {
-        var _this = _super.call(this, localization, pagerContext, cd) || this;
-        _this.pagerContext = pagerContext;
-        _this._pageSizes = [];
-        return _this;
-    }
-    Object.defineProperty(PagerPageSizesComponent.prototype, "pageSizes", {
-        get: function () {
-            return this._pageSizes;
-        },
-        /**
-         * 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 %}
-         */
-        set: function (pageSizes) {
-            var _this = this;
-            var normalizedItems = [];
-            pageSizes.forEach(function (item) {
-                if (typeof item === 'number') {
-                    normalizedItems.push({
-                        text: item.toString(),
-                        value: item
-                    });
-                }
-                else {
-                    normalizedItems.push(item);
-                }
-            });
-            if (this.pageSize && !normalizedItems.some(function (item) { return item.value === _this.pageSize; })) {
-                normalizedItems = [{ text: this.pageSize.toString(), value: this.pageSize }].concat(normalizedItems);
-            }
-            this._pageSizes = normalizedItems;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PagerPageSizesComponent.prototype, "classes", {
-        /**
-         * @hidden
-         *
-         * @readonly
-         */
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PagerPageSizesComponent.prototype.ngAfterViewInit = function () {
-        this.dropDownList.wrapper.nativeElement.setAttribute('aria-label', this.textFor('itemsPerPage'));
-    };
-    /**
-     * @hidden
-     */
-    PagerPageSizesComponent.prototype.pageSizeChange = function (value, dropdownlist) {
-        var event = new pagesizechange_event_1.PageSizeChangeEvent(value);
-        this.pagerContext.changePageSize(event);
-        if (event.isDefaultPrevented()) {
-            dropdownlist.writeValue(this.pageSize);
-        }
-    };
-    PagerPageSizesComponent.prototype.onChanges = function (_a) {
-        var total = _a.total, skip = _a.skip, pageSize = _a.pageSize;
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
-        this.cd.markForCheck();
-    };
-    tslib_1.__decorate([
-        core_1.ViewChild('dropdownlist', { static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_dropdowns_1.DropDownListComponent)
-    ], PagerPageSizesComponent.prototype, "dropDownList", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], PagerPageSizesComponent.prototype, "pageSizes", null);
-    tslib_1.__decorate([
-        core_1.HostBinding("class.k-pager-sizes"),
-        core_1.HostBinding("class.k-label"),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], PagerPageSizesComponent.prototype, "classes", null);
-    PagerPageSizesComponent = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-datapager-page-sizes',
-            template: "\n        <kendo-dropdownlist\n            #dropdownlist\n            [data]=\"pageSizes\"\n            textField=\"text\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            [value]=\"pageSize\"\n            (valueChange)=\"pageSizeChange($event, dropdownlist)\"></kendo-dropdownlist>\n        {{ textFor('itemsPerPage') }}\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            pager_context_service_1.PagerContextService])
-    ], PagerPageSizesComponent);
-    return PagerPageSizesComponent;
-}(pager_element_component_1.PagerElementComponent));
-exports.PagerPageSizesComponent = PagerPageSizesComponent;

package/dist/npm/pager/pager-prev-buttons.component.js

@@ -1,54 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-// tslint:disable:no-access-missing-member
-var core_1 = require("@angular/core");
-var pager_context_service_1 = require("./pager-context.service");
-var pager_element_component_1 = require("./pager-element.component");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-/**
- * Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
- */
-var PagerPrevButtonsComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(PagerPrevButtonsComponent, _super);
-    function PagerPrevButtonsComponent(localization, pagerContext, cd) {
-        return _super.call(this, localization, pagerContext, cd) || this;
-    }
-    Object.defineProperty(PagerPrevButtonsComponent.prototype, "disabled", {
-        /**
-         * @hidden
-         *
-         * @readonly
-         * @type {boolean}
-         * @memberOf PagerPrevButtonsComponent
-         */
-        get: function () {
-            return this.currentPage === 1 || !this.total;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PagerPrevButtonsComponent.prototype.onChanges = function (_a) {
-        var total = _a.total, skip = _a.skip, pageSize = _a.pageSize;
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    };
-    PagerPrevButtonsComponent = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-datapager-prev-buttons',
-            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" role=\"note\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" role=\"note\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            pager_context_service_1.PagerContextService,
-            core_1.ChangeDetectorRef])
-    ], PagerPrevButtonsComponent);
-    return PagerPrevButtonsComponent;
-}(pager_element_component_1.PagerElementComponent));
-exports.PagerPrevButtonsComponent = PagerPrevButtonsComponent;

package/dist/npm/pager/pager-template.directive.js

@@ -1,64 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents the pager template which helps to customize the pager appearance. To define a pager
- * template, nest an `<ng-template>` tag with the `kendoDataPagerTemplate` directive inside `<kendo-datapager>`.
- *
- * The template context provides the following fields:
- * * `currentPage`&mdash;The index of the displayed page.
- * * `pageSize`&mdash;The value of the current `pageSize`.
- * * `skip`&mdash;The current skip value.
- * * `total`&mdash;The total number of records.
- * * `totalPages`&mdash;The total number of available pages.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-datapager [total]="total" [pageSize]="pageSize" [skip]="skip" (pageChange)="onPageChange($event)">
- *           <ng-template kendoDataPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
- *               <kendo-datapager-prev-buttons></kendo-datapager-prev-buttons>
- *               <kendo-datapager-numeric-buttons [buttonCount]="10"></kendo-datapager-numeric-buttons>
- *               <kendo-datapager-next-buttons></kendo-datapager-next-buttons>
- *               <kendo-datapager-info></kendo-datapager-info>
- *               Current page: {{currentPage}}
- *           </ng-template>
- *        </kendo-datapager>
- *     `
- * })
- *
- * class AppComponent {
- *     public skip = 0;
- *     public pageSize = 10;
- *     public total = 100;
- *
- *     public onPageChange(e: any): void {
- *         this.skip = e.skip;
- *         this.pageSize = e.take;
- *     }
- * }
- *
- * ```
- */
-var PagerTemplateDirective = /** @class */ (function () {
-    function PagerTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PagerTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoDataPagerTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], PagerTemplateDirective);
-    return PagerTemplateDirective;
-}());
-exports.PagerTemplateDirective = PagerTemplateDirective;