@progress/kendo-angular-grid 12.0.0-develop.9 → 12.0.1-develop.1

package/grouping/group-rows-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { GroupResult } from "@progress/kendo-data-query";
 /**
- * Represents a group row on a specific position in the Grid.
+ * Represents a group row on a specific position in the Grid. [See example](slug:groups_expanded_state_grid#toc-custom-group-key-format).
  */
 export interface GroupRowArgs {
     /**

package/layout/sizing-options.service.d.ts

@@ -5,6 +5,9 @@
 import { Subject } from 'rxjs';
 import { GridSize } from '../common/size-options';
 import * as i0 from "@angular/core";
+/**
+ * @hidden
+*/
 export declare class SizingOptionsService {
     changes: Subject<GridSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SizingOptionsService, never>;

package/localization/custom-messages.component.d.ts

@@ -7,7 +7,7 @@ import { GridMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug globalization_grid %}#toc-localization)).
+ * ([see example](slug:globalization_grid#toc-custom-messages)).
  */
 export declare class CustomMessagesComponent extends GridMessages {
     protected service: LocalizationService;

package/localization/messages.d.ts

@@ -17,25 +17,14 @@ export declare class GridMessages extends ComponentMessages {
      */
     noRecords: string;
     /**
-     * The label of the pager. By default follows the pattern 'Page navigation, page {currentPage} of {totalPages}'.
-     * The default label text when the current page is 1, and the total number of pages is 10 will be
-     * 'Page navigation, page 1 of 10'.
+     * The label of the pager. Follows the pattern **Page {currentPage} of {totalPages}** by default.
+     * Тhe default label text when the current page is 1, and the total number of pages is 10 will be
+     * **Page navigation, page 1 of 10**.
      *
      * The message consists of several parts - the current page number, the total number of pages, and a localizable string.
      * To allow for reordering its parts, the `pagerLabel` input accepts a string with placeholders for the current page
-     * and total number of pages. The '{currentPage}' and '{totalPages}' placeholders will be replaced
-     * internally with the respective actual values.
-     *
-     * @example
-     *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              pagerLabel="You are currently on page {currentPage} of {totalPages}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * and total number of pages. The `{currentPage}` and `{totalPages}` placeholders will be replaced
+     * internally with the respective actual values. [See example](slug:globalization_grid#toc-custom-messages).
      */
     pagerLabel: string;
     /**
@@ -75,7 +64,7 @@ export declare class GridMessages extends ComponentMessages {
      */
     pagerPageNumberInputTitle: string;
     /**
-     * The text of the title and aria-label attributes applied to the page chooser in the Grid Pager.
+     * The text of the title and `aria-label` attributes applied to the page chooser in the Grid Pager.
      */
     selectPage: string;
     /**
@@ -86,88 +75,48 @@ export declare class GridMessages extends ComponentMessages {
      * The label of the filter input.
      *
      * The filter input label consists of a two-part message - the name of the column and a localizable string.
-     * For a column named 'Product Name', the default label will be 'Product Name Filter'.
-     *
-     * To allow reordering the column name and the localizable part, the filterInputLabel accepts a string with a
-     * placeholder for the column name - e.g. 'filter for {columnName}'. The '{columnName}' placeholder will be replaced
-     * internally with the current column name, and the resulting label will be rendered as 'filter for Product Name'.
-     *
-     * @example
+     * For a column named **Product Name**, the default label will be **Product Name Filter**.
      *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              filterInputLabel="filter for {columnName}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * To allow reordering the column name and the localizable part, the `filterInputLabel` accepts a string with a
+     * placeholder for the column name, for example, **filter for {columnName}**. The `{columnName}` placeholder will be replaced
+     * internally with the current column name, and the resulting label will be rendered as **filter for Product Name**.
+     * [See example](slug:globalization_grid#toc-custom-messages).
      */
     filterInputLabel: string;
     /**
      * The title of the filter menu icon.
      *
      * The title consists of a two-part message - the name of the column and a localizable string.
-     * For a column named 'Product Name', the default title will be 'Product Name Filter Menu'.
+     * For a column named **Product Name**, the default title will be **Product Name Filter Menu**.
      *
-     * To allow reordering the column name and the localizable part, the filterMenuTitle accepts a string with a
-     * placeholder for the column name - e.g. 'filter for {columnName}'. The '{columnName}' placeholder will be replaced
-     * internally with the current column name, and the resulting title will be rendered as 'filter for Product Name'.
-     *
-     * @example
-     *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              filterMenuTitle="filter for {columnName}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * To allow reordering the column name and the localizable part, the `filterMenuTitle` accepts a string with a
+     * placeholder for the column name, for example, **filter for {columnName}**. The `{columnName}` placeholder will be replaced
+     * internally with the current column name, and the resulting title will be rendered as **filter for Product Name**.
+     * [See example](slug:globalization_grid#toc-custom-messages).
      */
     filterMenuTitle: string;
     /**
      * The label of the filter menu operators DropDownList.
      *
      * The label consists of a two-part message - the name of the column and a localizable string.
-     * For a column named 'Product Name', the default label will be 'Product Name Filter Menu Operators'.
-     *
-     * To allow reordering the column name and the localizable part, the filterMenuOperatorsDropDownLabel accepts a string with a
-     * placeholder for the column name - e.g. 'filter operators for {columnName}'. The '{columnName}' placeholder will be replaced
-     * internally with the current column name, and the resulting label will be rendered as 'filter operators for Product Name'.
+     * For a column named **Product Name**, the default label will be **Product Name Filter Menu Operators**.
      *
-     * @example
-     *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              filterMenuOperatorsDropDownLabel="filter operators for {columnName}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * To allow reordering the column name and the localizable part, the `filterMenuOperatorsDropDownLabel` accepts a string with a
+     * placeholder for the column name, for example, **filter operators for {columnName**'. The `{columnName}` placeholder will be replaced
+     * internally with the current column name, and the resulting label will be rendered as **filter operators for Product Name**.
+     * [See example](slug:globalization_grid#toc-custom-messages).
      */
     filterMenuOperatorsDropDownLabel: string;
     /**
      * The label of the filter menu logic DropDownList.
      *
      * The label consists of a two-part message - the name of the column and a localizable string.
-     * For a column named 'Product Name', the default label will be 'Product Name Filter Menu Logic'.
-     *
-     * To allow reordering the column name and the localizable part, the filterMenuLogicDropDownLabel accepts a string with a
-     * placeholder for the column name - e.g. 'filter logic for {columnName}'. The '{columnName}' placeholder will be replaced
-     * internally with the current column name, and the resulting label will be rendered as 'filter logic for Product Name'.
-     *
-     * @example
+     * For a column named **Product Name**, the default label will be **Product Name Filter Menu Logic**.
      *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              filterMenuOperatorsDropDownLabel="filter operators for {columnName}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * To allow reordering the column name and the localizable part, the `filterMenuLogicDropDownLabel` accepts a string with a
+     * placeholder for the column name, for example, **filter logic for {columnName}**. The `{columnName}` placeholder will be replaced
+     * internally with the current column name, and the resulting label will be rendered as **filter logic for Product Name**.
+     * [See example](slug:globalization_grid#toc-custom-messages).
      */
     filterMenuLogicDropDownLabel: string;
     /**
@@ -271,36 +220,24 @@ export declare class GridMessages extends ComponentMessages {
      */
     filterOrLogic: string;
     /**
-     * The loading text.
-     *
-     * > The `loading` property is part of the accessibility support of the Grid.
+     * The loading text. The `loading` property is part of the accessibility support of the Grid.
      * Its value is detectable by screen readers and is not otherwise visible.
      */
     loading: string;
     /**
-     * The text of the aria-label attribute placed on the Grid focusable element.
+     * The text of the `aria-label` attribute placed on the Grid focusable element.
      */
     gridLabel: string;
     /**
      * The title of the column menu icon.
      *
      * The title consists of a two-part message - the name of the column and a localizable string.
-     * For a column named 'Product Name', the default title will be 'Product Name Column Menu'.
-     *
-     * To allow reordering the column name and the localizable part, the columnMenu accepts a string with a
-     * placeholder for the column name - e.g. 'menu for {columnName}'. The '{columnName}' placeholder will be replaced
-     * internally with the current column name, and the resulting title will be rendered as 'menu for Product Name'.
-     *
-     * @example
+     * For a column named **Product Name**, the default title will be **Product Name Column Menu**.
      *
-     * ```ts-no-run
-     *      <kendo-grid>
-     *          <kendo-grid-messages
-     *              filterMenuTitle="filter for {columnName}"
-     *          >
-     *          </kendo-grid-messages>
-     *      </kendo-grid>
-     *  ```
+     * To allow reordering the column name and the localizable part, the `columnMenu` accepts a string with a
+     * placeholder for the column name, for example, **menu for {columnName}**. The `{columnName}` placeholder will be replaced
+     * internally with the current column name, and the resulting title will be rendered as **menu for Product Name**.
+     * [See example](slug:globalization_grid#toc-custom-messages).
      */
     columnMenu: string;
     /**
@@ -402,11 +339,11 @@ export declare class GridMessages extends ComponentMessages {
      */
     selectAllCheckboxLabel: string;
     /**
-     * The text of the title and aria-label attributes applied to the collapse icon of group rows.
+     * The text of the title and `aria-label` attributes applied to the collapse icon of group rows.
      */
     groupCollapse: string;
     /**
-     * The text of the title and aria-label attributes applied to the expand icon of group rows.
+     * The text of the title and `aria-label` attributes applied to the expand icon of group rows.
      */
     groupExpand: string;
     /**

package/navigation/navigable-settings.d.ts

@@ -4,9 +4,23 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible navigable sections of the Grid ([see example]({% slug keyboard_navigation_grid %}#toc-navigable-sections)).
+ *
+ * The available values are:
+ * * `pager`—Includes the Grid pager and its internal elements
+ * * `table`—Includes the Grid pager and its internal elements
+ * * `toolbar`—Includes the Grid toolbars and the group panel when the Grid is groupable.
+ *
+ * @xample
+ * ```html
+ * <kendo-grid [navigable]="['pager', 'toolbar']"> </kendo-grid>
+ * ```
  */
 export declare type GridNavigableSection = 'pager' | 'table' | 'toolbar';
 /**
- * Represents the type of the Grid [`navigable`]({% slug api_grid_gridcomponent %}#toc-navigable) option.
+ * Represents the type of the Grid [`navigable`]({% slug api_grid_gridcomponent %}#toc-navigable) property.
+ *
+ * The available values are:
+ * * `boolean`
+ * * [`GridNavigableSection`](slug:api_grid_gridnavigablesection)
  */
 export declare type GridNavigableSettings = boolean | GridNavigableSection[];

package/navigation/navigation-cell.interface.d.ts

@@ -17,11 +17,8 @@ export interface NavigationCell {
      */
     colIndex: number;
     /**
-     * The logical index of the row which contains this cell.
-     *
-     * * Header rows are included, starting at index 0.
-     * * Group headers and footers are included.
-     * * The row indexing is absolute and does not change with paging.
+     * The logical index of the row which contains this cell. The row indexing is absolute and does not change with paging.
+     * Group headers and footers are included. Header rows are included, starting at index 0.
      */
     rowIndex: number;
     /**

package/navigation/navigation-row.interface.d.ts

@@ -14,11 +14,8 @@ export interface NavigationRow {
      */
     uid: number;
     /**
-     * The logical index of the focusable row.
-     *
-     * * Header rows are included, starting at index 0.
-     * * Group headers and footers are included.
-     * * The row indexing is absolute and does not change with paging.
+     * The logical index of the focusable row. The row indexing is absolute and does not change with paging.
+     * Group headers and footers are included. Header rows are included, starting at index 0.
      */
     index: number;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "12.0.0-develop.9",
+  "version": "12.0.1-develop.1",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -25,31 +25,31 @@
     "friendlyName": "Grid"
   },
   "peerDependencies": {
-    "@angular/animations": "13 - 15",
-    "@angular/common": "13 - 15",
-    "@angular/core": "13 - 15",
-    "@angular/platform-browser": "13 - 15",
+    "@angular/animations": "13 - 16",
+    "@angular/common": "13 - 16",
+    "@angular/core": "13 - 16",
+    "@angular/platform-browser": "13 - 16",
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "12.0.0-develop.9",
-    "@progress/kendo-angular-common": "12.0.0-develop.9",
-    "@progress/kendo-angular-dateinputs": "12.0.0-develop.9",
-    "@progress/kendo-angular-dropdowns": "12.0.0-develop.9",
-    "@progress/kendo-angular-excel-export": "12.0.0-develop.9",
-    "@progress/kendo-angular-icons": "12.0.0-develop.9",
-    "@progress/kendo-angular-inputs": "12.0.0-develop.9",
-    "@progress/kendo-angular-intl": "12.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "12.0.0-develop.9",
-    "@progress/kendo-angular-label": "12.0.0-develop.9",
-    "@progress/kendo-angular-pdf-export": "12.0.0-develop.9",
-    "@progress/kendo-angular-popup": "12.0.0-develop.9",
-    "@progress/kendo-angular-utils": "12.0.0-develop.9",
+    "@progress/kendo-angular-buttons": "12.0.1-develop.1",
+    "@progress/kendo-angular-common": "12.0.1-develop.1",
+    "@progress/kendo-angular-dateinputs": "12.0.1-develop.1",
+    "@progress/kendo-angular-dropdowns": "12.0.1-develop.1",
+    "@progress/kendo-angular-excel-export": "12.0.1-develop.1",
+    "@progress/kendo-angular-icons": "12.0.1-develop.1",
+    "@progress/kendo-angular-inputs": "12.0.1-develop.1",
+    "@progress/kendo-angular-intl": "12.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "12.0.1-develop.1",
+    "@progress/kendo-angular-label": "12.0.1-develop.1",
+    "@progress/kendo-angular-pdf-export": "12.0.1-develop.1",
+    "@progress/kendo-angular-popup": "12.0.1-develop.1",
+    "@progress/kendo-angular-utils": "12.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "12.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "12.0.1-develop.1",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

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

@@ -8,7 +8,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PagerContextService, PagerContextChanges } from "./pager-context.service";
 import * as i0 from "@angular/core";
 /**
- * Displays information about the current page and the total number of records ([see example]({% slug paging_grid %}#toc-pager-templates)).
+ * Displays information about the current page and the total number of records ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerInfoComponent extends PagerElementComponent {
     protected pagerContext: PagerContextService;

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

@@ -10,54 +10,7 @@ import { LocalizationService } from "@progress/kendo-angular-l10n";
 import { PagerContextService, PagerContextChanges } from "./pager-context.service";
 import * as i0 from "@angular/core";
 /**
- * Displays an input element which allows the typing and rendering of page numbers.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *      <kendo-grid
- *        [kendoGridBinding]="gridData"
- *        [pageSize]="1"
- *        [pageable]="true"
- *      >
- *       <kendo-grid-column field="ProductID" title="ID" [width]="40">
- *       </kendo-grid-column>
- *       <kendo-grid-column field="ProductName" title="Name" [width]="250">
- *       </kendo-grid-column>
- *       <kendo-grid-column field="UnitPrice" title="Price" [width]="80" format="{0:c}">
- *       </kendo-grid-column>
- *
- *       <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
- *          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
- *          <kendo-pager-numeric-buttons [buttonCount]="10"></kendo-pager-numeric-buttons>
- *          <kendo-pager-next-buttons></kendo-pager-next-buttons>
- *          <kendo-pager-input></kendo-pager-input>
- *          <kendo-pager-info></kendo-pager-info>
- *       </ng-template>
- *
- *    </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public gridData = [{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000,
- *         "Discontinued": false
- *       }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000,
- *         "Discontinued": true
- *       }
- *     ];
- * }
- *
- * ```
+ * Displays an input element which allows the typing and rendering of page numbers ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerInputComponent extends PagerElementComponent {
     protected pagerContext: PagerContextService;

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

@@ -10,7 +10,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Displays buttons for navigating to the next and to the last page ([see example]({% slug paging_grid %}#toc-pager-template)).
+ * Displays buttons for navigating to the next and to the last page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerNextButtonsComponent extends PagerElementComponent {
     navigationService: NavigationService;

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

@@ -8,7 +8,7 @@ import { PagerContextChanges, PagerContextService } from './pager-context.servic
 import { PagerElementComponent } from './pager-element.component';
 import * as i0 from "@angular/core";
 /**
- * Displays numeric buttons to enable navigation between the pages.
+ * Displays numeric buttons to enable navigation between the pages ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerNumericButtonsComponent extends PagerElementComponent {
     protected pagerContext: PagerContextService;

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

@@ -10,103 +10,14 @@ import { PagerContextService, PagerContextChanges } from './pager-context.servic
 import { PageSizeItem } from './pagesize-item.interface';
 import * as i0 from "@angular/core";
 /**
- * Displays a drop-down list for the page size selection ([see example]({% slug paging_grid %}#toc-pager-templates)).
+ * Displays a drop-down list for the page size selection ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerPageSizesComponent extends PagerElementComponent {
     protected pagerContext: PagerContextService;
     navigationService: NavigationService;
     /**
-     * The page sizes collection. Can be an Array of numbers and/or PageSizeItem objects.
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [kendoGridBinding]="gridData" [height]="200"
-     *           [pageable]="true"
-     *            [pageSize]="pageSize">
-     *            <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
-     *                <kendo-pager-page-sizes [pageSizes]="pagesizes"></kendo-pager-page-sizes>
-     *            </ng-template>
-     *        </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     *    public pageSize = 2;
-     *    public pagesizes = [{text: 'One', value: 1}, {text: 'Two', value: 2}, {text: 'All', value : 'all'}];
-     * }
-     *
-     * 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
-     * }];
-     * ```
+     * The page sizes collection. Can be an Array of numbers and/or [`PageSizeItem`](slug:api_grid_pagesizeitem) objects
+     * ([see example]({% slug paging_grid %}#toc-pager-templates))
      */
     set pageSizes(pageSizes: Array<PageSizeItem | number>);
     get pageSizes(): Array<PageSizeItem | number>;

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

@@ -10,7 +10,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Displays buttons for navigating to the first and to the previous page ([see example]({% slug paging_grid %}#toc-pager-templates)).
+ * Displays buttons for navigating to the first and to the previous page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export declare class PagerPrevButtonsComponent extends PagerElementComponent {
     navigationService: NavigationService;

package/pager/pager-settings.d.ts

@@ -10,12 +10,10 @@
  * * `input`—Input for typing the page number.
  *
  * @example
- * ```html-no-run
- *
- * <kendo-grid
- *    [pageable]="{
- *        type: 'numeric'
- *    }">
+ * ```html
+ * <kendo-grid [pageable]="{ type: 'numeric' }">
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   ...
  * </kendo-grid>
  * ```
  */
@@ -29,73 +27,46 @@ export declare type PagerType = 'numeric' | 'input';
  * * `both`&mdash;Two pagers are rendered - one above the Grid headers, and one - below the data table.
  *
  * @example
- * ```html-no-run
- *
- * <kendo-grid
- *    [pageable]="{
- *        position: 'both'
- *    }">
+ * ```html
+ * <kendo-grid [pageable]="{ position: 'both' }">
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   ...
  * </kendo-grid>
  * ```
  */
 export declare type PagerPosition = 'top' | 'bottom' | 'both';
 /**
- * The pager settings of the Grid ([see example]({% slug paging_grid %}#toc-pager-settings)).
- *
- * @example
- * ```html-no-run
- *
- * <kendo-grid
- *    [pageable]="{
- *        buttonCount: 2,
- *        info: false
- *    }">
- * </kendo-grid>
- * ```
+ * The pager settings of the Grid ([see example](slug:paging_grid_settings)).
  */
 export interface PagerSettings {
     /**
      * Sets the maximum numeric buttons count before the buttons are collapsed.
-     *
-     * @default 10
      */
     buttonCount?: number;
     /**
      * Toggles the information about the current page and the total number of records.
-     *
-     * @default true
      */
     info?: boolean;
     /**
      * Defines the type of the Grid pager.
-     *
-     * @default 'numeric'
      */
     type?: PagerType;
     /**
      * Shows a menu for selecting the page size.
-     *
-     * @default false
      */
     pageSizes?: boolean | Array<number>;
     /**
      * Toggles the **Previous** and **Next** buttons.
-     *
-     * @default true
      */
     previousNext?: boolean;
     /**
      * Toggles the built-in responsive behavior of the Pager.
      * Available in version `5.0.0` and above ([see example]({% slug paging_grid %}#toc-responsive-pager)).
-     *
-     * @default true
      */
     responsive?: boolean;
     /**
      * Defines the Pager position relative to the Grid data table.
      * The possible values are 'top', 'bottom', and 'both' ([see example]({% slug paging_grid %}#toc-pager-settings)).
-     *
-     * @default 'bottom'
      */
     position?: PagerPosition;
 }