@progress/kendo-angular-pager 22.1.0-develop.18 → 22.1.0-develop.19

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

@@ -410,10 +410,6 @@ const focusableSelector = [
     '*[tabindex]:not([disabled]):not([aria-hidden="true"])',
     '*[contenteditable]:not([disabled]):not([contenteditable="false"])'
 ].join(',');
-/**
- * @hidden
- */
-const DEFAULT_SIZE = 'medium';
 const SIZES = {
     small: 'sm',
     medium: 'md',
@@ -426,11 +422,12 @@ const SIZES = {
  */
 const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
     switch (stylingOption) {
-        case 'size':
+        case 'size': {
             return {
-                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
+                toRemove: previousValue ? `k-${componentType}-${SIZES[previousValue]}` : null,
+                toAdd: newValue ? `k-${componentType}-${SIZES[newValue]}` : null
             };
+        }
         default:
             break;
     }
@@ -613,9 +610,9 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
-    size = DEFAULT_SIZE;
+    size;
     /**
      * @hidden
      *
@@ -648,30 +645,28 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
             type="button" kendoButton
             kendoPagerFocusable
             class="k-pager-nav k-pager-first"
-            [attr.aria-disabled]="disabled"
             [class.k-disabled]="disabled"
             [icon]="prevArrowIcons[0]"
             [svgIcon]="prevArrowSVGIcons[0]"
             fillMode="flat"
-            rounded="none"
             [size]="size"
             [title]="textFor('firstPage')"
             [attr.aria-label]="textFor('firstPage')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick(true)">
         </button>
         <button
             type="button" kendoButton
             kendoPagerFocusable
             class="k-pager-nav"
-            [attr.aria-disabled]="disabled"
             [class.k-disabled]="disabled"
             [icon]="prevArrowIcons[1]"
             [svgIcon]="prevArrowSVGIcons[1]"
             fillMode="flat"
-            rounded="none"
             [size]="size"
             [title]="textFor('previousPage')"
             [attr.aria-label]="textFor('previousPage')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick()">
         </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 });
@@ -686,30 +681,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             type="button" kendoButton
             kendoPagerFocusable
             class="k-pager-nav k-pager-first"
-            [attr.aria-disabled]="disabled"
             [class.k-disabled]="disabled"
             [icon]="prevArrowIcons[0]"
             [svgIcon]="prevArrowSVGIcons[0]"
             fillMode="flat"
-            rounded="none"
             [size]="size"
             [title]="textFor('firstPage')"
             [attr.aria-label]="textFor('firstPage')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick(true)">
         </button>
         <button
             type="button" kendoButton
             kendoPagerFocusable
             class="k-pager-nav"
-            [attr.aria-disabled]="disabled"
             [class.k-disabled]="disabled"
             [icon]="prevArrowIcons[1]"
             [svgIcon]="prevArrowSVGIcons[1]"
             fillMode="flat"
-            rounded="none"
             [size]="size"
             [title]="textFor('previousPage')"
             [attr.aria-label]="textFor('previousPage')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick()">
         </button>
     `,
@@ -787,9 +780,9 @@ class PagerPageSizesComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the DropDownList component.
      *
-     * @default 'medium'
+     * @default undefined
      */
-    size = DEFAULT_SIZE;
+    size;
     /**
      * Specifies the adaptive mode of the internal `DropDownList` component.
      *
@@ -969,12 +962,11 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the numeric buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
+        this.handleClasses(size, 'size');
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -1016,7 +1008,7 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
         this.pagerContext = pagerContext;
         this.renderer = renderer;
     }
-    _size = DEFAULT_SIZE;
+    _size;
     ngAfterViewInit() {
         this.handleClasses(this.size, 'size');
     }
@@ -1081,7 +1073,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(start - 1)"
               [attr.title]="pageLabel(start - 1)"
             (click)="changePage(start - 2)">...</button>
@@ -1094,7 +1085,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(num)"
               [attr.title]="pageLabel(num)"
               [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1111,7 +1101,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(end + 1)"
               [attr.title]="pageLabel(end + 1)"
             (click)="changePage(end)">...</button>
@@ -1134,7 +1123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(start - 1)"
               [attr.title]="pageLabel(start - 1)"
             (click)="changePage(start - 2)">...</button>
@@ -1147,7 +1135,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(num)"
               [attr.title]="pageLabel(num)"
               [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1164,7 +1151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               [size]="size"
               fillMode="flat"
               themeColor="primary"
-              rounded="none"
               [attr.aria-label]="pageLabel(end + 1)"
               [attr.title]="pageLabel(end + 1)"
             (click)="changePage(end)">...</button>
@@ -1213,9 +1199,9 @@ class PagerNextButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
-    size = DEFAULT_SIZE;
+    size;
     constructor(localization, pagerContext, cd) {
         super(localization, pagerContext, cd);
     }
@@ -1243,12 +1229,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
             [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')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick()">
         </button>
         <button kendoButton kendoPagerFocusable
@@ -1257,12 +1242,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
             [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')"
+            [attr.aria-disabled]="disabled"
             (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 });
@@ -1279,12 +1263,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [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')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick()">
         </button>
         <button kendoButton kendoPagerFocusable
@@ -1293,12 +1276,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [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')"
+            [attr.aria-disabled]="disabled"
             (click)="onClick(true)">
         </button>
     `,
@@ -1334,9 +1316,9 @@ class PagerInputComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the internal `NumericTextBox` component.
      *
-     * @default 'medium'
+     * @default undefined
      */
-    size = DEFAULT_SIZE;
+    size;
     constructor(localization, pagerContext, zone, cd, renderer) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -1549,7 +1531,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.18',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1704,12 +1686,11 @@ class PagerComponent {
     /**
      * Specifies the padding of all Pager elements.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
+        this.handleClasses(size, 'size');
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -1830,7 +1811,7 @@ class PagerComponent {
     direction;
     isInnerNavigationEnabled = false;
     _navigable = true;
-    _size = DEFAULT_SIZE;
+    _size;
     _showInput = true;
     _showPageText = true;
     _showItemsText = true;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770112441,
-  "version": "22.1.0-develop.18",
+  "publishDate": 1770219814,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "22.1.0-develop.18",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770112441,
+      "publishDate": 1770219814,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,16 +27,16 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.18",
-    "@progress/kendo-angular-dropdowns": "22.1.0-develop.18",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.18",
-    "@progress/kendo-angular-icons": "22.1.0-develop.18",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.18",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-dropdowns": "22.1.0-develop.19",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.18"
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-pager.mjs",

package/pager/common/pager-size.d.ts

@@ -4,6 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible size options of the Pager.
- * @default `medium`
  */
-export type PagerSize = 'small' | 'medium' | 'large' | 'none';
+export type PagerSize = 'small' | 'medium' | 'large';

package/pager/pager-input.component.d.ts

@@ -34,7 +34,7 @@ export declare class PagerInputComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the internal `NumericTextBox` component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size: PagerSize;
     constructor(localization: LocalizationService, pagerContext: PagerContextService, zone: NgZone, cd: ChangeDetectorRef, renderer: Renderer2);

package/pager/pager-next-buttons.component.d.ts

@@ -32,7 +32,7 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size: PagerSize;
     constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);

package/pager/pager-numeric-buttons.component.d.ts

@@ -35,7 +35,7 @@ export declare class PagerNumericButtonsComponent extends PagerElementComponent
     /**
      * Specifies the padding of the numeric buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: PagerSize);
     get size(): PagerSize;

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

@@ -51,7 +51,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
     /**
      * Specifies the padding of the DropDownList component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size: PagerSize;
     /**

package/pager/pager-prev-buttons.component.d.ts

@@ -25,7 +25,7 @@ export declare class PagerPrevButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons.
      *
-     * @default 'medium'
+     * @default undefined
      */
     size: PagerSize;
     /**

package/pager/pager.component.d.ts

@@ -134,7 +134,7 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     /**
      * Specifies the padding of all Pager elements.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: PagerSize);
     get size(): PagerSize;

package/schematics/ngAdd/index.js

@@ -9,14 +9,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
             // Peers of inputs and dropdowns
-            '@progress/kendo-angular-treeview': '22.1.0-develop.18',
-            '@progress/kendo-angular-intl': '22.1.0-develop.18',
-            '@progress/kendo-angular-navigation': '22.1.0-develop.18',
-            '@progress/kendo-angular-popup': '22.1.0-develop.18',
+            '@progress/kendo-angular-treeview': '22.1.0-develop.19',
+            '@progress/kendo-angular-intl': '22.1.0-develop.19',
+            '@progress/kendo-angular-navigation': '22.1.0-develop.19',
+            '@progress/kendo-angular-popup': '22.1.0-develop.19',
             '@progress/kendo-drawing': '^1.5.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '22.1.0-develop.18',
-            '@progress/kendo-angular-dialog': '22.1.0-develop.18',
+            '@progress/kendo-angular-buttons': '22.1.0-develop.19',
+            '@progress/kendo-angular-dialog': '22.1.0-develop.19',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/util.d.ts

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2 } from "@angular/core";
 import { PagerStylingClasses } from "./pager/common/pager-classes";
-import { PagerSize } from "./pager/common/pager-size";
 import { PageSizeItem } from "./pager/pagesize-item.interface";
 /**
  * @hidden
@@ -18,10 +17,6 @@ export declare const getAllFocusableChildren: (parent: any) => Array<any>;
  * @hidden
  */
 export declare const focusableSelector: string;
-/**
- * @hidden
- */
-export declare const DEFAULT_SIZE: PagerSize;
 /**
  * @hidden
  *