@progress/kendo-angular-listview 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/listview.component.mjs

@@ -38,86 +38,97 @@ const createControl = (source) => (acc, key) => {
  * Represents the Kendo UI ListView component for Angular.
  */
 export class ListViewComponent {
-    constructor(ngZone, element, renderer, changeDetectorRef, editService, navigationService) {
-        this.ngZone = ngZone;
-        this.element = element;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.editService = editService;
-        this.navigationService = navigationService;
-        /**
-         * @hidden
-         */
-        this.className = true;
-        /**
-         * Specifies if a border should be rendered around the listview element.
-         *
-         * @default false
-         */
-        this.bordered = false;
-        /**
-         * Specifies if the loading indicator of the ListView will be displayed
-         * ([see example]({% slug paging_listview %}#toc-remote-binding)).
-         */
-        this.loading = false;
-        /**
-         * Specifies the content container `role` attribute
-         * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
-         * By default, the container `role` is set to `list`.
-         */
-        this.containerRole = 'list';
-        /**
-         * 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`.
-         */
-        this.listItemRole = 'listitem';
-        /**
-         * Fires when the user scrolls to the last record on the page
-         * ([see endless scrolling example]({% slug scrollmodes_listview %}#toc-endless-scrolling)).
-         */
-        this.scrollBottom = new EventEmitter();
-        /**
-         * Fires when the page or the page size of the ListView is changed
-         * ([see example]({% slug paging_listview %}#toc-remote-binding)).
-         * You have to handle the event yourself and page the data.
-         */
-        this.pageChange = new EventEmitter();
-        /**
-         * 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.
-         */
-        this.pageSizeChange = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Edit** command button to edit an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
-         */
-        this.edit = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Cancel** command button to close an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-cancelling-editing)).
-         */
-        this.cancel = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Save** command button to save changes in an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-saving-records)).
-         */
-        this.save = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Remove** command button to remove an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-removing-records)).
-         */
-        this.remove = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Add** command button to add a new item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
-         */
-        this.add = new EventEmitter();
-        this._skip = 0;
-        this._navigable = false;
-        validatePackage(packageMetadata);
-        this.attachEditHandlers();
-    }
+    ngZone;
+    element;
+    renderer;
+    changeDetectorRef;
+    editService;
+    navigationService;
+    /**
+     * @hidden
+     */
+    className = true;
+    /**
+     * @hidden
+     */
+    itemTemplate;
+    /**
+     * @hidden
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     */
+    footerTemplate;
+    /**
+     * @hidden
+     */
+    loaderTemplate;
+    /**
+     * @hidden
+     */
+    contentContainer;
+    /**
+     * @hidden
+     */
+    editTemplate;
+    /**
+     * @hidden
+     */
+    listViewItems;
+    /**
+     * Specifies if a border should be rendered around the listview element.
+     *
+     * @default false
+     */
+    bordered = false;
+    /**
+     * The data collection that will be used to populate the ListView
+     * ([see data binding examples]({% slug paging_listview %})).
+     */
+    data;
+    /**
+     * Specifies if the loading indicator of the ListView will be displayed
+     * ([see example]({% slug paging_listview %}#toc-remote-binding)).
+     */
+    loading = false;
+    /**
+     * 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']).
+     */
+    containerStyle;
+    /**
+     * 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']).
+     */
+    itemStyle;
+    /**
+     * 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']).
+     */
+    containerClass;
+    /**
+     * 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']).
+     */
+    itemClass;
+    /**
+     * Specifies the content container `aria-label` attribute
+     * ([see example]({% slug accessibility_listview %}#toc-accessible-names)).
+     */
+    containerLabel;
+    /**
+     * Specifies the content container `role` attribute
+     * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
+     * By default, the container `role` is set to `list`.
+     */
+    containerRole = 'list';
+    /**
+     * 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`.
+     */
+    listItemRole = 'listitem';
     /**
      * Specifies whether the keyboard navigation is enabled
      * ([see example]({% slug keyboard_navigation_listview %})).
@@ -138,6 +149,11 @@ export class ListViewComponent {
     get navigable() {
         return this._navigable;
     }
+    /**
+     * Defines the page size used by the ListView pager
+     * ([more details]({% slug paging_listview %})).
+     */
+    pageSize;
     /**
      * Defines the number of records to be skipped by the pager
      * ([more details]({% slug paging_listview %})).
@@ -162,6 +178,58 @@ export class ListViewComponent {
     get pageable() {
         return this._pageable;
     }
+    /**
+     * Defines the height (in pixels) of the ListView component.
+     * If the content height exceeds the component height, a vertical scrollbar will be rendered.
+     * 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;
+    /**
+     * Fires when the user scrolls to the last record on the page
+     * ([see endless scrolling example]({% slug scrollmodes_listview %}#toc-endless-scrolling)).
+     */
+    scrollBottom = new EventEmitter();
+    /**
+     * Fires when the page or the page size of the ListView is changed
+     * ([see example]({% slug paging_listview %}#toc-remote-binding)).
+     * You have to handle the event yourself and page the data.
+     */
+    pageChange = new EventEmitter();
+    /**
+     * 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.
+     */
+    pageSizeChange = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Edit** command button to edit an item
+     * ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
+     */
+    edit = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Cancel** command button to close an item
+     * ([see example]({% slug editing_template_forms_listview %}#toc-cancelling-editing)).
+     */
+    cancel = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Save** command button to save changes in an item
+     * ([see example]({% slug editing_template_forms_listview %}#toc-saving-records)).
+     */
+    save = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Remove** command button to remove an item
+     * ([see example]({% slug editing_template_forms_listview %}#toc-removing-records)).
+     */
+    remove = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Add** command button to add a new item
+     * ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
+     */
+    add = new EventEmitter();
+    /**
+     * @hidden
+     */
+    pagerSettings;
     /**
      * @hidden
      *
@@ -205,6 +273,21 @@ export class ListViewComponent {
     get activeIndex() {
         return this.navigationService.activeIndex;
     }
+    removeNavigationListeners;
+    _skip = 0;
+    _navigable = false;
+    _pageable;
+    editServiceSubscription;
+    constructor(ngZone, element, renderer, changeDetectorRef, editService, navigationService) {
+        this.ngZone = ngZone;
+        this.element = element;
+        this.renderer = renderer;
+        this.changeDetectorRef = changeDetectorRef;
+        this.editService = editService;
+        this.navigationService = navigationService;
+        validatePackage(packageMetadata);
+        this.attachEditHandlers();
+    }
     ngOnChanges(changes) {
         if (isChanged('height', changes, false)) {
             this.renderer.setStyle(this.element.nativeElement, 'height', `${this.height}px`);
@@ -368,17 +451,16 @@ export class ListViewComponent {
         });
         this[action].emit(args);
     }
-}
-ListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.EditService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-ListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListViewComponent, isStandalone: true, selector: "kendo-listview", inputs: { bordered: "bordered", data: "data", loading: "loading", containerStyle: "containerStyle", itemStyle: "itemStyle", containerClass: "containerClass", itemClass: "itemClass", containerLabel: "containerLabel", containerRole: "containerRole", listItemRole: "listItemRole", navigable: "navigable", pageSize: "pageSize", skip: "skip", pageable: "pageable", height: "height" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add" }, host: { properties: { "class.k-listview": "this.className", "class.k-listview-bordered": "this.bordered" } }, providers: [
-        EditService,
-        NavigationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.listview'
-        }
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "loaderTemplate", first: true, predicate: LoaderTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, static: true }, { propertyName: "listViewItems", predicate: ListViewNavigableItemDirective, descendants: true }], exportAs: ["kendoListView"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.EditService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, isStandalone: true, selector: "kendo-listview", inputs: { bordered: "bordered", data: "data", loading: "loading", containerStyle: "containerStyle", itemStyle: "itemStyle", containerClass: "containerClass", itemClass: "itemClass", containerLabel: "containerLabel", containerRole: "containerRole", listItemRole: "listItemRole", navigable: "navigable", pageSize: "pageSize", skip: "skip", pageable: "pageable", height: "height" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add" }, host: { properties: { "class.k-listview": "this.className", "class.k-listview-bordered": "this.bordered" } }, providers: [
+            EditService,
+            NavigationService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.listview'
+            }
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "loaderTemplate", first: true, predicate: LoaderTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, static: true }, { propertyName: "listViewItems", predicate: ListViewNavigableItemDirective, descendants: true }], exportAs: ["kendoListView"], usesOnChanges: true, ngImport: i0, template: `
         <!-- top pager -->
         <ng-template
             *ngIf="pagerSettings?.position !== 'bottom'"
@@ -450,23 +532,23 @@ ListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
                 >
                 </ng-template>
             </div>
+        </div>
 
-            <!-- loading indicator -->
-            <div
-                *ngIf="loading && !loaderTemplate"
-                class="k-loading-mask"
-            >
-                <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
-                <span class="k-loading-text">Loading</span>
-                <div class="k-loading-image"></div>
-                <div class="k-loading-color"></div>
-            </div>
-            <ng-template
-                *ngIf="loading && loaderTemplate"
-                [ngTemplateOutlet]="loaderTemplate.templateRef"
-            >
-            </ng-template>
+        <!-- loading indicator -->
+        <div
+            *ngIf="loading && !loaderTemplate"
+            class="k-loading-mask"
+        >
+            <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
+            <span class="k-loading-text">Loading</span>
+            <div class="k-loading-image"></div>
+            <div class="k-loading-color"></div>
         </div>
+        <ng-template
+            *ngIf="loading && loaderTemplate"
+            [ngTemplateOutlet]="loaderTemplate.templateRef"
+        >
+        </ng-template>
 
         <!-- footer -->
         <div
@@ -505,8 +587,9 @@ ListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             >
             </kendo-datapager>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: ListViewNavigableItemDirective, selector: "[kendoListViewNavigableItem]", inputs: ["index"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: ListViewNavigableItemDirective, selector: "[kendoListViewNavigableItem]", inputs: ["index"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -593,23 +676,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 >
                 </ng-template>
             </div>
+        </div>
 
-            <!-- loading indicator -->
-            <div
-                *ngIf="loading && !loaderTemplate"
-                class="k-loading-mask"
-            >
-                <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
-                <span class="k-loading-text">Loading</span>
-                <div class="k-loading-image"></div>
-                <div class="k-loading-color"></div>
-            </div>
-            <ng-template
-                *ngIf="loading && loaderTemplate"
-                [ngTemplateOutlet]="loaderTemplate.templateRef"
-            >
-            </ng-template>
+        <!-- loading indicator -->
+        <div
+            *ngIf="loading && !loaderTemplate"
+            class="k-loading-mask"
+        >
+            <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
+            <span class="k-loading-text">Loading</span>
+            <div class="k-loading-image"></div>
+            <div class="k-loading-color"></div>
         </div>
+        <ng-template
+            *ngIf="loading && loaderTemplate"
+            [ngTemplateOutlet]="loaderTemplate.templateRef"
+        >
+        </ng-template>
 
         <!-- footer -->
         <div

package/{esm2020 → esm2022}/listview.module.mjs

@@ -42,15 +42,15 @@ import * as i12 from "./editing/commands/add-command.directive";
  *```
  */
 export class ListViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ListViewModule, imports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective], exports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService
+        ], imports: [i1.ListViewComponent, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
 }
-ListViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ListViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ListViewModule, imports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective], exports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
-ListViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService
-    ], imports: [i1.ListViewComponent, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_LISTVIEW],

package/{esm2020 → esm2022}/navigation/listview-navigable-item.directive.mjs

@@ -11,6 +11,14 @@ import * as i1 from "./navigation.service";
  * @hidden
  */
 export class ListViewNavigableItemDirective {
+    hostElement;
+    renderer;
+    navigationService;
+    /**
+     * The current item index. Used to track which navigation changes apply to this item.
+     */
+    index;
+    navigationSubscription;
     constructor(hostElement, renderer, navigationService) {
         this.hostElement = hostElement;
         this.renderer = renderer;
@@ -54,10 +62,10 @@ export class ListViewNavigableItemDirective {
             this.renderer.setAttribute(this.hostElement.nativeElement, 'tabindex', '-1');
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewNavigableItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ListViewNavigableItemDirective, isStandalone: true, selector: "[kendoListViewNavigableItem]", inputs: { index: "index" }, usesOnChanges: true, ngImport: i0 });
 }
-ListViewNavigableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewNavigableItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-ListViewNavigableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ListViewNavigableItemDirective, isStandalone: true, selector: "[kendoListViewNavigableItem]", inputs: { index: "index" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewNavigableItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewNavigableItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListViewNavigableItem]',

package/{esm2020 → esm2022}/navigation/navigation.service.mjs

@@ -14,21 +14,10 @@ import * as i0 from "@angular/core";
  * Emits `changes` when any of the aforementioned states changes.
  */
 export class NavigationService {
-    constructor() {
-        /**
-         * Emits every time a change in active index/focus/blur/navigation availability occurs.
-         */
-        this.changes = new Subject();
-        /**
-         * Specifies if a ListView item currently holds focus.
-         */
-        this.isFocused = false;
-        /**
-         * Keeps track of the index of the items that should be the current focus target (tabindex="0").
-         * When set to `null`/`undefined`, the navigation is disabled and the items should not render a tabindex.
-         */
-        this.activeIndex = null;
-    }
+    /**
+     * Emits every time a change in active index/focus/blur/navigation availability occurs.
+     */
+    changes = new Subject();
     /**
      * Sets or gets if the navigation is enabled.
      * When no activeIndex is present, the navigation is inferred as disabled.
@@ -46,6 +35,15 @@ export class NavigationService {
         }
         this.changes.next();
     }
+    /**
+     * Specifies if a ListView item currently holds focus.
+     */
+    isFocused = false;
+    /**
+     * Keeps track of the index of the items that should be the current focus target (tabindex="0").
+     * When set to `null`/`undefined`, the navigation is disabled and the items should not render a tabindex.
+     */
+    activeIndex = null;
     /**
      * Shows if the checked index should be the current available focus target (tabindex="0").
      */
@@ -152,9 +150,9 @@ export class NavigationService {
         const nextIndex = Math.min(this.activeIndex + 1, lastAvailableIndex);
         this.navigateTo(nextIndex);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-listview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174575,
-    version: '17.0.0-develop.9',
+    publishDate: 1731429959,
+    version: '17.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/templates/footer-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * [see example]({% slug templates_listview %}#toc-footer-template).
  */
 export class FooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoListViewFooterTemplate]", ngImport: i0 });
 }
-FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoListViewFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListViewFooterTemplate]',

package/{esm2020 → esm2022}/templates/header-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * [see example]({% slug templates_listview %}#toc-header-template).
  */
 export class HeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoListViewHeaderTemplate]", ngImport: i0 });
 }
-HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoListViewHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListViewHeaderTemplate]',

package/{esm2020 → esm2022}/templates/item-template.directive.mjs

@@ -16,13 +16,14 @@ import * as i0 from "@angular/core";
  * - `let-isLast="isLast"` (`boolean`)- Indicates whether the current data item will be rendered as the last item on the list.
  */
 export class ItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoListViewItemTemplate]", ngImport: i0 });
 }
-ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoListViewItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListViewItemTemplate]',

package/{esm2020 → esm2022}/templates/loader-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * [see example]({% slug templates_listview %}#toc-loader-template).
  */
 export class LoaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoaderTemplateDirective, isStandalone: true, selector: "[kendoListViewLoaderTemplate]", ngImport: i0 });
 }
-LoaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoaderTemplateDirective, isStandalone: true, selector: "[kendoListViewLoaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoListViewLoaderTemplate]',