@progress/kendo-angular-listview 19.1.2-develop.2 → 19.1.2-develop.3

package/listview.component.d.ts

@@ -24,6 +24,34 @@ import { AddEvent } from "./editing/events/add-event-args.interface";
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI ListView component for Angular.
+ * Displays a list of data items and supports paging, editing, and custom templates
+ * ([see overview]({% slug overview_listview %})).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-listview
+ *       [data]="items"
+ *       [pageable]="true"
+ *       [pageSize]="5">
+ *       <ng-template kendoListViewItemTemplate let-dataItem>
+ *         <div class="item">
+ *           <h3>{{ dataItem.name }}</h3>
+ *           <p>{{ dataItem.description }}</p>
+ *         </div>
+ *       </ng-template>
+ *     </kendo-listview>
+ *   `
+ * })
+ * export class AppComponent {
+ *   items = [
+ *     { name: 'Item 1', description: 'First item' },
+ *     { name: 'Item 2', description: 'Second item' }
+ *   ];
+ * }
+ * ```
  */
 export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
     ngZone: NgZone;
@@ -71,40 +99,42 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
      */
     bordered: boolean;
     /**
-     * The data collection that will be used to populate the ListView
+     * Specifies the data collection that populates the ListView
      * ([see data binding examples]({% slug paging_listview %})).
      */
     set data(value: any[] | ListViewDataResult | undefined);
     get data(): any[] | ListViewDataResult | undefined;
     /**
-     * Specifies if the loading indicator of the ListView will be displayed
+     * Specifies whether the loading indicator of the ListView displays
      * ([see example]({% slug paging_listview %}#toc-remote-binding)).
+     *
+     * @default false
      */
     loading: boolean;
     /**
-     * The CSS styles that will be rendered on the content container element of the ListView.
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Specifies the CSS styles that render on the content container element of the ListView.
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     containerStyle?: {
         [key: string]: string;
     };
     /**
-     * The CSS styles that will be rendered on each item element wrapper of the ListView.
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Specifies the CSS styles that render on each item element wrapper of the ListView.
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     itemStyle?: {
         [key: string]: string;
     };
     /**
-     * The CSS class that will be rendered on the content container element of the ListView.
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Specifies the CSS class that renders on the content container element of the ListView.
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     containerClass?: string | string[] | Set<string> | {
         [key: string]: boolean;
     };
     /**
-     * The CSS class that will be rendered on each item element wrapper of the ListView.
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Specifies the CSS class that renders on each item element wrapper of the ListView.
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     itemClass?: string | string[] | Set<string> | {
         [key: string]: boolean;
@@ -117,24 +147,27 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
     /**
      * Specifies the content container `role` attribute
      * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
-     * By default, the container `role` is set to `list`.
+     *
+     * @default 'list'
      */
     containerRole: string;
     /**
      * Specifies the list item `role` attribute
      * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
-     * By default, the list item `role` is set to `listitem`.
+     *
+     * @default 'listitem'
      */
     listItemRole: string;
     /**
-     * Specifies whether the keyboard navigation is enabled
+     * Specifies whether keyboard navigation is enabled
      * ([see example]({% slug keyboard_navigation_listview %})).
-     * By default, the navigation is enabled.
+     *
+     * @default true
      */
     set navigable(navigable: boolean);
     get navigable(): boolean;
     /**
-     * Defines the page size used by the ListView pager
+     * Specifies the page size used by the ListView pager
      * ([more details]({% slug paging_listview %})).
      */
     pageSize?: number;
@@ -145,57 +178,58 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
     set skip(skip: number);
     get skip(): number;
     /**
-     * Configures whether the ListView will render a pager
+     * Configures whether the ListView renders a pager
      * ([more details]({% slug paging_listview %})).
-     * Providing a boolean value will render a pager with the default settings.
+     * When you provide a boolean value, it renders a pager with the default settings.
      */
     set pageable(pageable: boolean | PagerSettings);
     get pageable(): boolean | PagerSettings;
     /**
-     * Defines the height (in pixels) of the ListView component.
-     * If the content height exceeds the component height, a vertical scrollbar will be rendered.
+     * Specifies the height (in pixels) of the ListView component.
+     * When the content height exceeds the component height, a vertical scrollbar renders.
+     *
      * To set the height of the ListView, you can also use `style.height`. The `style.height`
      * option supports units such as `px`, `%`, `em`, `rem`, and others.
      */
     height?: number;
     /**
-     * Fires when the user scrolls to the last record on the page
+     * Fires when you scroll to the last record on the page
      * ([see endless scrolling example]({% slug scrollmodes_listview %}#toc-endless-scrolling)).
      */
     scrollBottom: EventEmitter<ScrollBottomEvent>;
     /**
-     * Fires when the page or the page size of the ListView is changed
+     * Fires when you change the page or the page size of the ListView
      * ([see example]({% slug paging_listview %}#toc-remote-binding)).
      * You have to handle the event yourself and page the data.
      */
     pageChange: EventEmitter<PageChangeEvent>;
     /**
-     * Fires when the page size of the ListView is changed. This event can be prevented (`$event.preventDefault()`).
-     * If not prevented, the `pageChange` event will be fired subsequently.
+     * Fires when you change the page size of the ListView. You can prevent this event (`$event.preventDefault()`).
+     * When not prevented, the `pageChange` event fires subsequently.
      */
     pageSizeChange: EventEmitter<PageSizeChangeEvent>;
     /**
-     * Fires when the user clicks the **Edit** command button to edit an item
+     * Fires when you click the **Edit** command button to edit an item
      * ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
      */
     edit: EventEmitter<EditEvent>;
     /**
-     * Fires when the user clicks the **Cancel** command button to close an item
+     * Fires when you click the **Cancel** command button to close an item
      * ([see example]({% slug editing_template_forms_listview %}#toc-cancelling-editing)).
      */
     cancel: EventEmitter<CancelEvent>;
     /**
-     * Fires when the user clicks the **Save** command button to save changes in an item
+     * Fires when you click the **Save** command button to save changes in an item
      * ([see example]({% slug editing_template_forms_listview %}#toc-saving-records)).
      */
     save: EventEmitter<SaveEvent>;
     /**
-     * Fires when the user clicks the **Remove** command button to remove an item
+     * Fires when you click the **Remove** command button to remove an item
      * ([see example]({% slug editing_template_forms_listview %}#toc-removing-records)).
      */
     remove: EventEmitter<RemoveEvent>;
     /**
-     * Fires when the user clicks the **Add** command button to add a new item
+     * Fires when you click the **Add** command button to add a new item
      * ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
      */
     add: EventEmitter<AddEvent>;
@@ -207,14 +241,14 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
      * @hidden
      *
      * Gets the data items passed to the ListView.
-     * If a ListViewDataResult is passed, the data value is used. If an array is passed - it's directly used.
+     * If a `ListViewDataResult` is passed, the data value is used. If an array is passed - it's directly used.
      */
     get items(): any[];
     /**
      * @hidden
      *
      * Gets the total number of records passed to the ListView.
-     * If a ListViewDataResult is passed, the total value is used. If an array is passed - its length is used.
+     * If a `ListViewDataResult` is passed, the total value is used. If an array is passed - its length is used.
      */
     get total(): number;
     /**
@@ -224,7 +258,7 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
     /**
      * Gets the current active item index
      * ([see example]({% slug keyboard_navigation_listview %}#toc-controlling-the-focus)).
-     * Returns `null` when the keyboard navigation is disabled.
+     * Returns `null` when keyboard navigation is disabled.
      */
     get activeIndex(): number;
     private removeNavigationListeners;
@@ -248,26 +282,26 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
     editTemplateContext(index: number): any;
     /**
      * Focuses the item at the specified index ([see example]({% slug keyboard_navigation_listview %}#toc-controlling-the-focus)):
-     * - If no index is specified, the current active index will be focused.
-     * - If the passed value is below `0`, the first item receives focus.
-     * - If the passed value is above the last available index, the last item receives focus.
+     * - When you specify no index, the current active index receives focus.
+     * - When the passed value is below `0`, the first item receives focus.
+     * - When the passed value is above the last available index, the last item receives focus.
      *
-     * > The index param is based on the logical structure of the ListView and does not correspond to the data item index -
-     * > i.e. the index `0` corresponds to the first rendered list item. Paging is not taken into account.
-     * > Also, for the focusing to work, the `navigable` prop must first be set to `true`.
+     * > The `index` parameter is based on the logical structure of the ListView and does not correspond to the data item index&mdash
+     * > the index `0` corresponds to the first rendered list item. Paging is not taken into account.
+     * > Also, the `navigable` property must first be set to `true` for the method to work as expected.
      */
     focus(index?: number): void;
     /**
      * Creates a new item editor ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
      *
      * @param {FormGroup} group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
-     * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
+     * the edit form. When called with a data item, it builds the `FormGroup` from the data item fields.
      */
     addItem(group: any): void;
     /**
      * Switches the specified item to edit mode ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
      *
-     * @param index - The item index that will be switched to edit mode.
+     * @param index - The item index that switches to edit mode.
      * @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
      * that describes the edit form.
      */
@@ -275,8 +309,7 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
     /**
      * Closes the editor for a given item ([see example]({% slug editing_template_forms_listview %}#toc-cancelling-editing)).
      *
-     * @param {number} index - The item index that will be switched out of the edit mode. If no index is provided, it is assumed
-     * that the new item editor will be closed.
+     * @param {number} index - The item index that switches out of the edit mode. When you provide no index, the editor of the new item will close.
      */
     closeItem(index?: number): void;
     /**

package/models/listview-data-result.d.ts

@@ -3,16 +3,16 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The data type that is expected by the ListView
+ * Defines the data type that the ListView expects
  * ([see data binding examples]({% slug paging_listview %})).
  */
 export interface ListViewDataResult {
     /**
-     * The data that will be rendered by the ListView.
+     * Specifies the data that the ListView renders.
      */
     data: any[];
     /**
-     * The total number of available records.
+     * Specifies the total number of available records.
      */
     total: number;
 }

package/models/page-change-event.d.ts

@@ -4,7 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { PageChangeEvent as PagerPageChangeEvent } from '@progress/kendo-angular-pager';
 /**
- * The arguments of the [`pageChange`]({% slug api_listview_listviewcomponent %}#toc-pagechange) event of the ListView
- * ([more details]({% slug paging_listview %}).
+ * Defines the arguments of the [`pageChange`]({% slug api_listview_listviewcomponent %}#toc-pagechange) event of the ListView
+ * ([more details]({% slug paging_listview %})).
+ *
  */
 export type PageChangeEvent = PagerPageChangeEvent;

package/models/page-size-change-event.d.ts

@@ -4,8 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { PageSizeChangeEvent as PagerPageSizeChangeEvent } from "@progress/kendo-angular-pager";
 /**
- * The arguments of the [`pageSizeChange`]({% slug api_listview_listviewcomponent %}#toc-pagesizechange) event of the ListView
- * ([more details]({% slug paging_listview %}).
+ * Defines the arguments of the [`pageSizeChange`]({% slug api_listview_listviewcomponent %}#toc-pagesizechange) event of the ListView
+ * ([more details]({% slug paging_listview %})).
  */
 export declare class PageSizeChangeEvent extends PagerPageSizeChangeEvent {
 }

package/models/page-size-item.d.ts

@@ -4,8 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { PageSizeItem as PagerPageSizeItem } from '@progress/kendo-angular-pager';
 /**
- * The type accepted by the pager [`pageSizeValues`]({% slug api_listview_pagersettings %}#toc-pagesizevalues) property,
- * that defines the text and value of each page size item
+ * Defines the type that the pager [`pageSizeValues`]({% slug api_listview_pagersettings %}#toc-pagesizevalues) property accepts.
+ * Specifies the text and value of each page size item
  * ([see example]({% slug paging_listview %}#toc-pager-options)).
  */
 export interface PageSizeItem extends PagerPageSizeItem {

package/models/pager-position.d.ts

@@ -3,8 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The type accepted by the pager [`position`]({% slug api_listview_pagersettings %}#toc-position) property,
- * that specifies whether the pager is going to be positioned above the content container, beneath it, or in both places
+ * Defines the type that the pager [`position`]({% slug api_listview_pagersettings %}#toc-position) property accepts.
+ * Specifies whether the pager appears above the content container, beneath it, or in both places
  * ([see example]({% slug paging_listview %}#toc-pager-options)).
+ *
+ * @default 'bottom'
  */
 export type PagerPosition = 'bottom' | 'top' | 'both';

package/models/pager-settings.d.ts

@@ -6,21 +6,16 @@ import { PagerType } from './pager-type';
 import { PageSizeItem } from './page-size-item';
 import { PagerPosition } from './pager-position';
 /**
- * The pager settings of the ListView
+ * Defines the pager settings of the ListView
  * ([see example]({% slug paging_listview %}#toc-pager-options)).
  */
 export interface PagerSettings {
     /**
      * Specifies the position of the pager.
-     *
-     * The possible values are:
-     * - `bottom` (Default) — Positions the pager below the ListView.
-     * - `top` — Positions the pager above the ListView.
-     * - `both` — Displays two pager instances. Positions the first one above the ListView and the second one below it.
      */
     position?: PagerPosition;
     /**
-     * Sets the maximum numeric buttons count before the buttons are collapsed.
+     * Specifies the maximum count of numeric buttons before the buttons collapse.
      */
     buttonCount?: number;
     /**
@@ -32,11 +27,11 @@ export interface PagerSettings {
      */
     previousNext?: boolean;
     /**
-     * Defines the type of the pager.
+     * Specifies the type of the pager.
      */
     type?: PagerType;
     /**
-     * Shows a dropdown for selecting the page size. When set to true, the dropdown will contain the default list of options - 5, 10, 20.
+     * Shows a dropdown for selecting the page size. When you set this to `true`, the dropdown contains the default list of options: 5, 10, 20.
      * To customize the list of options, set `pageSizeValues` to an array of the desired values.
      * The array can contain numbers and `PageSizeItem` objects.
      */

package/models/pager-type.d.ts

@@ -4,12 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { PagerType as PagerTypeSource } from '@progress/kendo-angular-pager';
 /**
- * The type accepted by the pager [`type`]({% slug api_listview_pagersettings %}#toc-type) property,
- * that specifies whether the pager will render a set of buttons for page control or a single HTML `input` element
+ * Defines the type that the pager [`type`]({% slug api_listview_pagersettings %}#toc-type) property accepts.
+ * Specifies whether the pager renders a set of buttons for page control or a single HTML `input` element
  * ([see example]({% slug paging_listview %}#toc-pager-options)).
  *
- * The available values are:
- * * `numeric`—Buttons with numbers.
- * * `input`—Input for typing the page number.
  */
 export declare type PagerType = Partial<PagerTypeSource>;

package/models/scroll-bottom-event.d.ts

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { ListViewComponent } from "../listview.component";
 /**
- * The arguments of the [`scrollBottom`]({% slug api_listview_listviewcomponent %}#toc-scrollbottom) event of the ListView.
+ * Defines the arguments of the [`scrollBottom`]({% slug api_listview_listviewcomponent %}#toc-scrollbottom) event of the ListView.
  */
 export interface ScrollBottomEvent {
     /**
-     * The instance of the ListViewComponent.
+     * Specifies the instance of the `ListViewComponent`.
      */
     sender: ListViewComponent;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listview",
-  "version": "19.1.2-develop.2",
+  "version": "19.1.2-develop.3",
   "description": "Kendo UI Angular listview component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1749820766,
+      "publishDate": 1750152834,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,16 +30,16 @@
     "@angular/forms": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.1.2-develop.2",
-    "@progress/kendo-angular-common": "19.1.2-develop.2",
-    "@progress/kendo-angular-icons": "19.1.2-develop.2",
-    "@progress/kendo-angular-l10n": "19.1.2-develop.2",
-    "@progress/kendo-angular-pager": "19.1.2-develop.2",
+    "@progress/kendo-angular-buttons": "19.1.2-develop.3",
+    "@progress/kendo-angular-common": "19.1.2-develop.3",
+    "@progress/kendo-angular-icons": "19.1.2-develop.3",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.3",
+    "@progress/kendo-angular-pager": "19.1.2-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.2"
+    "@progress/kendo-angular-schematics": "19.1.2-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-listview.mjs",

package/schematics/ngAdd/index.js

@@ -4,12 +4,12 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ListViewModule', package: 'listview', peerDependencies: {
             // Peers of pager
-            '@progress/kendo-angular-dropdowns': '19.1.2-develop.2',
-            '@progress/kendo-angular-treeview': '19.1.2-develop.2',
-            '@progress/kendo-angular-inputs': '19.1.2-develop.2',
-            '@progress/kendo-angular-intl': '19.1.2-develop.2',
-            '@progress/kendo-angular-l10n': '19.1.2-develop.2',
-            '@progress/kendo-angular-popup': '19.1.2-develop.2',
+            '@progress/kendo-angular-dropdowns': '19.1.2-develop.3',
+            '@progress/kendo-angular-treeview': '19.1.2-develop.3',
+            '@progress/kendo-angular-inputs': '19.1.2-develop.3',
+            '@progress/kendo-angular-intl': '19.1.2-develop.3',
+            '@progress/kendo-angular-l10n': '19.1.2-develop.3',
+            '@progress/kendo-angular-popup': '19.1.2-develop.3',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer of icons
             '@progress/kendo-svg-icons': '^4.0.0'

package/templates/footer-template.directive.d.ts

@@ -5,9 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Renders the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
+ * Allows customizing the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
  * with the `kendoListViewFooterTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-footer-template).
+ * ([see example]({% slug templates_listview %}#toc-footer-template)).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <kendo-listview [data]="items">
+ *       <ng-template kendoListViewFooterTemplate>
+ *         <div class="footer-content">
+ *           <p>Total items: {{ items.length }}</p>
+ *         </div>
+ *       </ng-template>
+ *     </kendo-listview>
+ *   `
+ * })
+ * export class AppComponent { }
+ * ```
  */
 export declare class FooterTemplateDirective {
     templateRef: TemplateRef<any>;

package/templates/header-template.directive.d.ts

@@ -5,9 +5,26 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Renders the header content of the ListView. To define a header template, nest an `<ng-template>` tag
+ * Allows customizing the header content of the ListView. To define a header template, nest an `<ng-template>` tag
  * with the `kendoListViewHeaderTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-header-template).
+ * ([see example]({% slug templates_listview %}#toc-header-template)).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <kendo-listview [data]="items">
+ *       <ng-template kendoListViewHeaderTemplate>
+ *         <div class="header-content">
+ *           <h3>Product List</h3>
+ *           <button kendoListViewAddCommand>Add New Item</button>
+ *         </div>
+ *       </ng-template>
+ *     </kendo-listview>
+ *   `
+ * })
+ * export class AppComponent { }
+ * ```
  */
 export declare class HeaderTemplateDirective {
     templateRef: TemplateRef<any>;

package/templates/item-template.directive.d.ts

@@ -5,15 +5,32 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Renders the list item content. To define an item template, nest an `<ng-template>` tag
+ * Allows customizing the list item content. To define an item template, nest an `<ng-template>` tag
  * with the `kendoListViewItemTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-item-template).
+ * ([see example]({% slug templates_listview %}#toc-item-template)).
  *
  * The following values are available as context variables:
- * - `let-dataItem="dataItem"` (`any`) - The current data item. Also available as implicit context variable.
- * - `let-index="index"` (`number`) - The current item index.
- * - `let-isFirst="isFirst"` (`boolean`) - Indicates whether the current data item will be rendered as the first item on the list.
- * - `let-isLast="isLast"` (`boolean`)- Indicates whether the current data item will be rendered as the last item on the list.
+ * - `let-dataItem="dataItem"` (`any`)&mdashThe current data item. Also available as implicit context variable.
+ * - `let-index="index"` (`number`)&mdashThe current item index.
+ * - `let-isFirst="isFirst"` (`boolean`)&mdashIndicates whether the current data item renders as the first item on the list.
+ * - `let-isLast="isLast"` (`boolean`)&mdashIndicates whether the current data item renders as the last item on the list.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <kendo-listview [data]="items">
+ *       <ng-template kendoListViewItemTemplate let-dataItem let-index="index">
+ *         <div class="item-wrapper">
+ *           <h4>{{ dataItem.name }}</h4>
+ *           <p>Item #{{ index + 1 }}: {{ dataItem.description }}</p>
+ *         </div>
+ *       </ng-template>
+ *     </kendo-listview>
+ *   `
+ * })
+ * export class AppComponent { }
+ * ```
  */
 export declare class ItemTemplateDirective {
     templateRef: TemplateRef<any>;

package/templates/loader-template.directive.d.ts

@@ -7,7 +7,24 @@ import * as i0 from "@angular/core";
 /**
  * Overrides the default loader content of the ListView. To define a loader template, nest an `<ng-template>` tag
  * with the `kendoListViewLoaderTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-loader-template).
+ * ([see example]({% slug templates_listview %}#toc-loader-template)).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   template: `
+ *     <kendo-listview [data]="items" [loading]="isLoading">
+ *       <ng-template kendoListViewLoaderTemplate>
+ *         <div class="custom-loader">
+ *           <kendo-loader></kendo-loader>
+ *           <p>Loading data, please wait...</p>
+ *         </div>
+ *       </ng-template>
+ *     </kendo-listview>
+ *   `
+ * })
+ * export class AppComponent { }
+ * ```
  */
 export declare class LoaderTemplateDirective {
     templateRef: TemplateRef<any>;