@progress/kendo-angular-listview 25.1.0-develop.3 → 25.1.0-develop.4

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

@@ -3,14 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, Input, Directive, Optional, EventEmitter, forwardRef, Output, HostBinding, ViewChildren, ContentChild, ViewChild, ChangeDetectionStrategy, Component, HostListener, NgModule } from '@angular/core';
-import { isDocumentAvailable, normalizeKeys, Keys, isChanged, hasObservers, EventsOutsideAngularDirective, KENDO_WEBMCP_HOST, provideComponentName, ResizeBatchService } from '@progress/kendo-angular-common';
+import { Injectable, signal, Input, Directive, Optional, EventEmitter, effect, forwardRef, Output, HostBinding, ViewChildren, ContentChild, ViewChild, ChangeDetectionStrategy, Component, HostListener, NgModule } from '@angular/core';
+import { isDocumentAvailable, normalizeKeys, Keys, hasObservers, EventsOutsideAngularDirective, KENDO_WEBMCP_HOST, provideComponentName, ResizeBatchService } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i2 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subject, Subscription } from 'rxjs';
 import { FormGroup, FormControl } from '@angular/forms';
-import { switchMap, take } from 'rxjs/operators';
 import { NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
 import { PagerComponent, PageSizeChangeEvent as PageSizeChangeEvent$1 } from '@progress/kendo-angular-pager';
 import { Button } from '@progress/kendo-angular-buttons';
@@ -25,8 +24,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1787037010,
-    version: '25.1.0-develop.3',
+    publishDate: 1787052772,
+    version: '25.1.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -290,8 +289,14 @@ class ListViewNavigableItemDirective {
     /**
      * The current item index. Used to track which navigation changes apply to this item.
      */
-    index;
+    set index(value) {
+        this._index.set(value);
+    }
+    get index() {
+        return this._index();
+    }
     navigationSubscription;
+    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : []));
     constructor(hostElement, renderer, navigationService) {
         this.hostElement = hostElement;
         this.renderer = renderer;
@@ -600,39 +605,30 @@ const isNewItem = (index) => index === -1 || index === undefined;
  * @hidden
  */
 class EditService {
-    ngZone;
     changes = new EventEmitter();
-    changed;
-    editedIndices = [];
-    newItem;
-    changedSource = new Subject();
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-        this.changed = this.changedSource.asObservable().pipe(switchMap(() => this.ngZone.onStable.asObservable().pipe(take(1))));
-    }
+    _editedIndices = signal([], ...(ngDevMode ? [{ debugName: "_editedIndices" }] : []));
+    _newItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_newItem" }] : []));
     editItem(index, group = undefined) {
-        this.editedIndices.push({ index, group });
-        this.onChanged();
+        this._editedIndices.update(indices => [...indices, { index, group }]);
     }
     addItem(group) {
-        this.newItem = { group };
-        this.onChanged();
+        this._newItem.set({ group });
     }
     isEditing() {
-        return this.editedIndices.length > 0;
+        return this._editedIndices().length > 0;
     }
     get hasNewItem() {
-        return isPresent(this.newItem);
+        return isPresent(this._newItem());
     }
     get newDataItem() {
         if (this.hasNewItem) {
-            return this.newItem.group.value;
+            return this._newItem().group.value;
         }
         return {};
     }
     get newItemGroup() {
         if (this.hasNewItem) {
-            return this.newItem.group;
+            return this._newItem().group;
         }
         return new FormGroup({});
     }
@@ -641,20 +637,19 @@ class EditService {
     }
     close(index) {
         if (isNewItem(index)) {
-            this.newItem = undefined;
+            this._newItem.set(undefined);
             return;
         }
-        this.editedIndices = this.editedIndices.filter(isNotEqual(index));
-        this.onChanged();
+        this._editedIndices.update(indices => indices.filter(isNotEqual(index)));
     }
     context(index) {
         if (isNewItem(index)) {
-            return this.newItem;
+            return this._newItem();
         }
         return this.findByIndex(index);
     }
     isEdited(index) {
-        if (isNewItem(index) && isPresent(this.newItem)) {
+        if (isNewItem(index) && isPresent(this._newItem())) {
             return true;
         }
         return isPresent(this.findByIndex(index));
@@ -680,19 +675,14 @@ class EditService {
         this.changes.emit({ action: 'remove', itemIndex });
     }
     findByIndex(index) {
-        return this.editedIndices.find(isEqual(index));
+        return this._editedIndices().find(isEqual(index));
     }
-    onChanged() {
-        this.ngZone.runOutsideAngular(() => {
-            this.changedSource.next(undefined);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EditService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EditService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
+        }] });
 
 const DEFAULT_PAGER_SETTINGS = {
     position: 'bottom',
@@ -741,7 +731,6 @@ class ListViewComponent {
     ngZone;
     element;
     renderer;
-    changeDetectorRef;
     editService;
     navigationService;
     /**
@@ -785,17 +774,22 @@ class ListViewComponent {
      *
      * @default false
      */
-    bordered = false;
+    set bordered(value) {
+        this._bordered.set(value);
+    }
+    get bordered() {
+        return this._bordered();
+    }
     /**
      * Specifies the data collection that populates the ListView
      * ([see data binding examples](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
      */
     set data(value) {
         this.lastScrollTop = this.contentContainer?.nativeElement.scrollTop ?? 0;
-        this._data = value;
+        this._data.set(value);
     }
     get data() {
-        return this._data;
+        return this._data();
     }
     /**
      * Specifies whether the loading indicator of the ListView displays
@@ -803,27 +797,52 @@ class ListViewComponent {
      *
      * @default false
      */
-    loading = false;
+    set loading(value) {
+        this._loading.set(value);
+    }
+    get loading() {
+        return this._loading();
+    }
     /**
      * 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;
+    set containerStyle(value) {
+        this._containerStyle.set(value);
+    }
+    get containerStyle() {
+        return this._containerStyle();
+    }
     /**
      * 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;
+    set itemStyle(value) {
+        this._itemStyle.set(value);
+    }
+    get itemStyle() {
+        return this._itemStyle();
+    }
     /**
      * 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;
+    set containerClass(value) {
+        this._containerClass.set(value);
+    }
+    get containerClass() {
+        return this._containerClass();
+    }
     /**
      * 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;
+    set itemClass(value) {
+        this._itemClass.set(value);
+    }
+    get itemClass() {
+        return this._itemClass();
+    }
     /**
      * Specifies the content container `aria-label` attribute
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#accessible-names)).
@@ -831,7 +850,12 @@ class ListViewComponent {
      * @remarks
      * This property is related to accessibility.
      */
-    containerLabel;
+    set containerLabel(value) {
+        this._containerLabel.set(value);
+    }
+    get containerLabel() {
+        return this._containerLabel();
+    }
     /**
      * Specifies the content container `role` attribute
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
@@ -841,7 +865,12 @@ class ListViewComponent {
      * @remarks
      * This property is related to accessibility.
      */
-    containerRole = 'list';
+    set containerRole(value) {
+        this._containerRole.set(value);
+    }
+    get containerRole() {
+        return this._containerRole();
+    }
     /**
      * Specifies the list item `role` attribute
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
@@ -851,7 +880,12 @@ class ListViewComponent {
      * @remarks
      * This property is related to accessibility.
      */
-    listItemRole = 'listitem';
+    set listItemRole(value) {
+        this._listItemRole.set(value);
+    }
+    get listItemRole() {
+        return this._listItemRole();
+    }
     /**
      * Specifies whether keyboard navigation is enabled
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation)).
@@ -871,16 +905,21 @@ class ListViewComponent {
             this.addNavigationListeners();
             this.navigationService.isEnabled = true;
         }
-        this._navigable = navigable;
+        this._navigable.set(navigable);
     }
     get navigable() {
-        return this._navigable;
+        return this._navigable();
     }
     /**
      * Specifies the page size used by the ListView pager
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
      */
-    pageSize;
+    set pageSize(value) {
+        this._pageSize.set(value);
+    }
+    get pageSize() {
+        return this._pageSize();
+    }
     /**
      * Defines the number of records to be skipped by the pager
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
@@ -888,10 +927,10 @@ class ListViewComponent {
     set skip(skip) {
         const parsed = parseInt(skip, 10);
         const defaultSkipValue = 0;
-        this._skip = !isNaN(parsed) ? parsed : defaultSkipValue;
+        this._skip.set(!isNaN(parsed) ? parsed : defaultSkipValue);
     }
     get skip() {
-        return this._skip;
+        return this._skip();
     }
     /**
      * Configures whether the ListView renders a pager
@@ -899,11 +938,11 @@ class ListViewComponent {
      * When you provide a boolean value, it renders a pager with the default settings.
      */
     set pageable(pageable) {
-        this._pageable = pageable;
+        this._pageable.set(pageable);
         this.pagerSettings = pageable ? Object.assign({}, DEFAULT_PAGER_SETTINGS, pageable) : null;
     }
     get pageable() {
-        return this._pageable;
+        return this._pageable();
     }
     /**
      * Specifies the height (in pixels) of the ListView component.
@@ -912,7 +951,12 @@ class ListViewComponent {
      * 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;
+    set height(value) {
+        this._height.set(value);
+    }
+    get height() {
+        return this._height();
+    }
     /**
      * Fires when you scroll to the last record on the page
      * ([see endless scrolling example](https://www.telerik.com/kendo-angular-ui/components/listview/scroll-modes#endless-scrolling)).
@@ -999,17 +1043,33 @@ class ListViewComponent {
         return this.navigationService.activeIndex;
     }
     removeNavigationListeners;
-    _skip = 0;
-    _navigable = true;
-    _pageable;
+    _bordered = signal(false, ...(ngDevMode ? [{ debugName: "_bordered" }] : []));
+    _data = signal(undefined, ...(ngDevMode ? [{ debugName: "_data" }] : []));
+    _loading = signal(false, ...(ngDevMode ? [{ debugName: "_loading" }] : []));
+    _containerStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_containerStyle" }] : []));
+    _itemStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_itemStyle" }] : []));
+    _containerClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_containerClass" }] : []));
+    _itemClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_itemClass" }] : []));
+    _containerLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_containerLabel" }] : []));
+    _containerRole = signal('list', ...(ngDevMode ? [{ debugName: "_containerRole" }] : []));
+    _listItemRole = signal('listitem', ...(ngDevMode ? [{ debugName: "_listItemRole" }] : []));
+    _navigable = signal(true, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _pageSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_pageSize" }] : []));
+    _skip = signal(0, ...(ngDevMode ? [{ debugName: "_skip" }] : []));
+    _pageable = signal(undefined, ...(ngDevMode ? [{ debugName: "_pageable" }] : []));
+    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    heightEffect = effect(() => {
+        const height = this._height();
+        if (height != null) {
+            this.renderer.setStyle(this.element.nativeElement, 'height', `${height}px`);
+        }
+    }, ...(ngDevMode ? [{ debugName: "heightEffect" }] : []));
     lastScrollTop;
-    _data;
     editServiceSubscription;
-    constructor(ngZone, element, renderer, changeDetectorRef, editService, navigationService) {
+    constructor(ngZone, element, renderer, editService, navigationService) {
         this.ngZone = ngZone;
         this.element = element;
         this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
         this.editService = editService;
         this.navigationService = navigationService;
         validatePackage(packageMetadata);
@@ -1018,11 +1078,6 @@ class ListViewComponent {
     ngAfterViewInit() {
         this.lastScrollTop = this.contentContainer?.nativeElement.scrollTop;
     }
-    ngOnChanges(changes) {
-        if (isChanged('height', changes, false)) {
-            this.renderer.setStyle(this.element.nativeElement, 'height', `${this.height}px`);
-        }
-    }
     ngOnDestroy() {
         if (isPresent(this.editServiceSubscription)) {
             this.editServiceSubscription.unsubscribe();
@@ -1091,7 +1146,6 @@ class ListViewComponent {
      */
     editItem(index, group) {
         this.editService.editItem(index, group);
-        this.changeDetectorRef.markForCheck();
     }
     /**
      * Closes the editor for a given item ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#cancelling-editing)).
@@ -1100,7 +1154,6 @@ class ListViewComponent {
      */
     closeItem(index) {
         this.editService.close(index);
-        this.changeDetectorRef.markForCheck();
     }
     /**
      * @hidden
@@ -1182,7 +1235,7 @@ class ListViewComponent {
         });
         this[action].emit(args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EditService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", 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,
@@ -1193,7 +1246,7 @@ class ListViewComponent {
             },
             provideComponentName('listview'),
             { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ListViewComponent) }
-        ], 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: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, 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: `
+        ], 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: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, 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"], ngImport: i0, template: `
         <!-- top pager -->
         @if (pagerSettings?.position !== 'bottom') {
           <ng-template
@@ -1530,7 +1583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet, NgClass, NgStyle, EventsOutsideAngularDirective, ListViewNavigableItemDirective, PagerComponent]
                 }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: NavigationService }], propDecorators: { className: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EditService }, { type: NavigationService }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.k-listview']
             }], itemTemplate: [{
@@ -1637,13 +1690,13 @@ class DataBindingDirective {
      * Specifies the array of data that populates the ListView.
      */
     set data(data) {
-        this._data = data || [];
+        this._data.set(data || []);
         this.updateListViewData();
     }
     get data() {
-        return this._data;
+        return this._data();
     }
-    _data;
+    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
     subscriptions = new Subscription();
     constructor(listView) {
         this.listView = listView;

package/index.d.ts

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { OnChanges, ElementRef, Renderer2, TemplateRef, NgZone, EventEmitter, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import { Subject, Observable } from 'rxjs';
+import { OnChanges, ElementRef, Renderer2, TemplateRef, EventEmitter, AfterViewInit, OnDestroy, NgZone, QueryList } from '@angular/core';
+import { Subject } from 'rxjs';
 import { PageChangeEvent as PageChangeEvent$1, PageSizeChangeEvent as PageSizeChangeEvent$1, PagerType as PagerType$1, PageSizeItem as PageSizeItem$1 } from '@progress/kendo-angular-pager';
 import { FormGroup } from '@angular/forms';
 import { Button } from '@progress/kendo-angular-buttons';
@@ -70,8 +70,10 @@ declare class ListViewNavigableItemDirective implements OnChanges {
     /**
      * The current item index. Used to track which navigation changes apply to this item.
      */
-    index: number;
+    set index(value: number);
+    get index(): number;
     private navigationSubscription;
+    private _index;
     constructor(hostElement: ElementRef<HTMLElement>, renderer: Renderer2, navigationService: NavigationService);
     ngOnChanges(): void;
     ngOnInit(): void;
@@ -384,13 +386,9 @@ type CommandEvent = {
  * @hidden
  */
 declare class EditService {
-    ngZone: NgZone;
     changes: EventEmitter<CommandEvent>;
-    changed: Observable<any>;
-    private editedIndices;
-    private newItem;
-    private changedSource;
-    constructor(ngZone: NgZone);
+    private _editedIndices;
+    private _newItem;
     editItem(index: number, group?: any): void;
     addItem(group: any): void;
     isEditing(): boolean;
@@ -408,7 +406,6 @@ declare class EditService {
     save(itemIndex?: number): void;
     remove(itemIndex: number): void;
     private findByIndex;
-    private onChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditService>;
 }
@@ -498,11 +495,10 @@ interface AddEvent extends EditEvent {
  * }
  * ```
  */
-declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
+declare class ListViewComponent implements AfterViewInit, OnDestroy {
     ngZone: NgZone;
     element: ElementRef;
     renderer: Renderer2;
-    private changeDetectorRef;
     editService: EditService;
     private navigationService;
     /**
@@ -546,7 +542,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      *
      * @default false
      */
-    bordered: boolean;
+    set bordered(value: boolean);
+    get bordered(): boolean;
     /**
      * Specifies the data collection that populates the ListView
      * ([see data binding examples](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
@@ -559,33 +556,46 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      *
      * @default false
      */
-    loading: boolean;
+    set loading(value: boolean);
+    get loading(): boolean;
     /**
      * 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?: {
+    set containerStyle(value: {
+        [key: string]: string;
+    });
+    get containerStyle(): {
         [key: string]: string;
     };
     /**
      * 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?: {
+    set itemStyle(value: {
+        [key: string]: string;
+    });
+    get itemStyle(): {
         [key: string]: string;
     };
     /**
      * 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> | {
+    set containerClass(value: string | string[] | Set<string> | {
+        [key: string]: boolean;
+    });
+    get containerClass(): string | string[] | Set<string> | {
         [key: string]: boolean;
     };
     /**
      * 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> | {
+    set itemClass(value: string | string[] | Set<string> | {
+        [key: string]: boolean;
+    });
+    get itemClass(): string | string[] | Set<string> | {
         [key: string]: boolean;
     };
     /**
@@ -595,7 +605,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    containerLabel?: string;
+    set containerLabel(value: string);
+    get containerLabel(): string;
     /**
      * Specifies the content container `role` attribute
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
@@ -605,7 +616,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    containerRole: string;
+    set containerRole(value: string);
+    get containerRole(): string;
     /**
      * Specifies the list item `role` attribute
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
@@ -615,7 +627,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    listItemRole: string;
+    set listItemRole(value: string);
+    get listItemRole(): string;
     /**
      * Specifies whether keyboard navigation is enabled
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation)).
@@ -631,7 +644,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      * Specifies the page size used by the ListView pager
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
      */
-    pageSize?: number;
+    set pageSize(value: number);
+    get pageSize(): number;
     /**
      * Defines the number of records to be skipped by the pager
      * ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
@@ -652,7 +666,8 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      * 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;
+    set height(value: number);
+    get height(): number;
     /**
      * Fires when you scroll to the last record on the page
      * ([see endless scrolling example](https://www.telerik.com/kendo-angular-ui/components/listview/scroll-modes#endless-scrolling)).
@@ -723,15 +738,26 @@ declare class ListViewComponent implements AfterViewInit, OnChanges, OnDestroy {
      */
     get activeIndex(): number;
     private removeNavigationListeners;
-    private _skip;
+    private _bordered;
+    private _data;
+    private _loading;
+    private _containerStyle;
+    private _itemStyle;
+    private _containerClass;
+    private _itemClass;
+    private _containerLabel;
+    private _containerRole;
+    private _listItemRole;
     private _navigable;
+    private _pageSize;
+    private _skip;
     private _pageable;
+    private _height;
+    private heightEffect;
     private lastScrollTop;
-    private _data;
     private editServiceSubscription;
-    constructor(ngZone: NgZone, element: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, editService: EditService, navigationService: NavigationService);
+    constructor(ngZone: NgZone, element: ElementRef, renderer: Renderer2, editService: EditService, navigationService: NavigationService);
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /**
      * @hidden

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1787037010,
-  "version": "25.1.0-develop.3",
+  "publishDate": 1787052772,
+  "version": "25.1.0-develop.4",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listview",
-  "version": "25.1.0-develop.3",
+  "version": "25.1.0-develop.4",
   "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": 1787037010,
+      "publishDate": 1787052772,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,16 +30,16 @@
     "@angular/forms": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.1.0-develop.3",
-    "@progress/kendo-angular-common": "25.1.0-develop.3",
-    "@progress/kendo-angular-icons": "25.1.0-develop.3",
-    "@progress/kendo-angular-l10n": "25.1.0-develop.3",
-    "@progress/kendo-angular-pager": "25.1.0-develop.3",
+    "@progress/kendo-angular-buttons": "25.1.0-develop.4",
+    "@progress/kendo-angular-common": "25.1.0-develop.4",
+    "@progress/kendo-angular-icons": "25.1.0-develop.4",
+    "@progress/kendo-angular-l10n": "25.1.0-develop.4",
+    "@progress/kendo-angular-pager": "25.1.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.1.0-develop.3"
+    "@progress/kendo-angular-schematics": "25.1.0-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-listview.mjs",

package/schematics/ngAdd/index.js

@@ -9,12 +9,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': '25.1.0-develop.3',
-            '@progress/kendo-angular-treeview': '25.1.0-develop.3',
-            '@progress/kendo-angular-inputs': '25.1.0-develop.3',
-            '@progress/kendo-angular-intl': '25.1.0-develop.3',
-            '@progress/kendo-angular-l10n': '25.1.0-develop.3',
-            '@progress/kendo-angular-popup': '25.1.0-develop.3',
+            '@progress/kendo-angular-dropdowns': '25.1.0-develop.4',
+            '@progress/kendo-angular-treeview': '25.1.0-develop.4',
+            '@progress/kendo-angular-inputs': '25.1.0-develop.4',
+            '@progress/kendo-angular-intl': '25.1.0-develop.4',
+            '@progress/kendo-angular-l10n': '25.1.0-develop.4',
+            '@progress/kendo-angular-popup': '25.1.0-develop.4',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer of icons
             '@progress/kendo-svg-icons': '^4.0.0'