@progress/kendo-angular-listview 16.5.0 → 16.6.0-develop.10

package/esm2020/listview.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, Input, Output, ContentChild, ChangeDetectionStrategy, EventEmitter, NgZone, Renderer2, ElementRef, ViewChild, ViewChildren, QueryList, ChangeDetectorRef } from '@angular/core';
-import { hasObservers, isChanged } from '@progress/kendo-angular-common';
+import { EventsOutsideAngularDirective, hasObservers, isChanged } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
@@ -17,13 +17,11 @@ import { EditTemplateDirective } from './editing/edit-template.directive';
 import { EditService } from './editing/edit.service';
 import { isPresent } from './utils';
 import { FormGroup, FormControl } from '@angular/forms';
+import { NgIf, NgTemplateOutlet, NgClass, NgStyle, NgFor } from '@angular/common';
+import { PagerComponent } from '@progress/kendo-angular-pager';
 import * as i0 from "@angular/core";
 import * as i1 from "./editing/edit.service";
 import * as i2 from "./navigation/navigation.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-pager";
-import * as i5 from "@progress/kendo-angular-common";
-import * as i6 from "./navigation/listview-navigable-item.directive";
 const DEFAULT_PAGER_SETTINGS = {
     position: 'bottom',
     buttonCount: 5,
@@ -372,7 +370,7 @@ export class ListViewComponent {
     }
 }
 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, 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-d-flex": "this.className", "class.k-listview-bordered": "this.bordered" } }, providers: [
+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-d-flex": "this.className", "class.k-listview-bordered": "this.bordered" } }, providers: [
         EditService,
         NavigationService,
         LocalizationService,
@@ -507,7 +505,7 @@ ListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             >
             </kendo-datapager>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "directive", type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: i6.ListViewNavigableItemDirective, selector: "[kendoListViewNavigableItem]", inputs: ["index"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, 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: [{
             type: Component,
             args: [{
@@ -650,7 +648,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </kendo-datapager>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, NgClass, NgStyle, EventsOutsideAngularDirective, ListViewNavigableItemDirective, NgFor, PagerComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.EditService }, { type: i2.NavigationService }]; }, propDecorators: { className: [{
                 type: HostBinding,

package/esm2020/listview.module.mjs

@@ -3,42 +3,24 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PagerModule } from '@progress/kendo-angular-pager';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { ListViewComponent } from './listview.component';
-import { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { HeaderTemplateDirective } from './templates/header-template.directive';
-import { FooterTemplateDirective } from './templates/footer-template.directive';
-import { TemplateContextDirective } from './templates/template-context.directive';
-import { LoaderTemplateDirective } from './templates/loader-template.directive';
-import { DataBindingDirective } from './data-binding/data-binding.directive';
-import { EditTemplateDirective } from './editing/edit-template.directive';
-import { EditCommandDirective } from './editing/commands/edit-command.directive';
-import { CancelCommandDirective } from './editing/commands/cancel-command.directive';
-import { SaveCommandDirective } from './editing/commands/save-command.directive';
-import { RemoveCommandDirective } from './editing/commands/remove-command.directive';
-import { AddCommandDirective } from './editing/commands/add-command.directive';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_LISTVIEW } from './directives';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
-const TEMPLATE_DIRECTIVES = [
-    ItemTemplateDirective,
-    HeaderTemplateDirective,
-    FooterTemplateDirective,
-    LoaderTemplateDirective
-];
-const BINDING_DIRECTIVES = [
-    DataBindingDirective
-];
-const EDITING_DIRECTIVES = [
-    EditTemplateDirective,
-    EditCommandDirective,
-    CancelCommandDirective,
-    SaveCommandDirective,
-    RemoveCommandDirective,
-    AddCommandDirective
-];
+import * as i1 from "./listview.component";
+import * as i2 from "./templates/item-template.directive";
+import * as i3 from "./templates/header-template.directive";
+import * as i4 from "./templates/footer-template.directive";
+import * as i5 from "./templates/loader-template.directive";
+import * as i6 from "./data-binding/data-binding.directive";
+import * as i7 from "./editing/edit-template.directive";
+import * as i8 from "./editing/commands/edit-command.directive";
+import * as i9 from "./editing/commands/cancel-command.directive";
+import * as i10 from "./editing/commands/save-command.directive";
+import * as i11 from "./editing/commands/remove-command.directive";
+import * as i12 from "./editing/commands/add-command.directive";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ListView component.
@@ -62,59 +44,21 @@ const EDITING_DIRECTIVES = [
 export class ListViewModule {
 }
 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, declarations: [ItemTemplateDirective,
-        HeaderTemplateDirective,
-        FooterTemplateDirective,
-        LoaderTemplateDirective, DataBindingDirective, EditTemplateDirective,
-        EditCommandDirective,
-        CancelCommandDirective,
-        SaveCommandDirective,
-        RemoveCommandDirective,
-        AddCommandDirective, ListViewComponent,
-        TemplateContextDirective,
-        ListViewNavigableItemDirective], imports: [CommonModule,
-        PagerModule,
-        EventsModule,
-        IconsModule], exports: [ItemTemplateDirective,
-        HeaderTemplateDirective,
-        FooterTemplateDirective,
-        LoaderTemplateDirective, DataBindingDirective, EditTemplateDirective,
-        EditCommandDirective,
-        CancelCommandDirective,
-        SaveCommandDirective,
-        RemoveCommandDirective,
-        AddCommandDirective, ListViewComponent,
-        CommonModule,
-        EventsModule] });
-ListViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewModule, imports: [CommonModule,
-        PagerModule,
-        EventsModule,
-        IconsModule, CommonModule,
-        EventsModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        TEMPLATE_DIRECTIVES,
-                        BINDING_DIRECTIVES,
-                        EDITING_DIRECTIVES,
-                        ListViewComponent,
-                        TemplateContextDirective,
-                        ListViewNavigableItemDirective
-                    ],
-                    exports: [
-                        TEMPLATE_DIRECTIVES,
-                        BINDING_DIRECTIVES,
-                        EDITING_DIRECTIVES,
-                        ListViewComponent,
-                        CommonModule,
-                        EventsModule
-                    ],
-                    imports: [
-                        CommonModule,
-                        PagerModule,
-                        EventsModule,
-                        IconsModule
+                    imports: [...KENDO_LISTVIEW],
+                    exports: [...KENDO_LISTVIEW],
+                    providers: [
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService
                     ]
                 }]
         }] });

package/esm2020/navigation/listview-navigable-item.directive.mjs

@@ -56,11 +56,12 @@ export class ListViewNavigableItemDirective {
     }
 }
 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, selector: "[kendoListViewNavigableItem]", inputs: { index: "index" }, usesOnChanges: true, ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: '[kendoListViewNavigableItem]'
+                    selector: '[kendoListViewNavigableItem]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.NavigationService }]; }, propDecorators: { index: [{
                 type: Input

package/esm2020/package-metadata.mjs

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

package/esm2020/templates/footer-template.directive.mjs

@@ -15,10 +15,11 @@ export class FooterTemplateDirective {
     }
 }
 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, selector: "[kendoListViewFooterTemplate]", ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: '[kendoListViewFooterTemplate]'
+                    selector: '[kendoListViewFooterTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/templates/header-template.directive.mjs

@@ -15,10 +15,11 @@ export class HeaderTemplateDirective {
     }
 }
 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, selector: "[kendoListViewHeaderTemplate]", ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: '[kendoListViewHeaderTemplate]'
+                    selector: '[kendoListViewHeaderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/templates/item-template.directive.mjs

@@ -21,10 +21,11 @@ export class ItemTemplateDirective {
     }
 }
 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, selector: "[kendoListViewItemTemplate]", ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: '[kendoListViewItemTemplate]'
+                    selector: '[kendoListViewItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/templates/loader-template.directive.mjs

@@ -15,10 +15,11 @@ export class LoaderTemplateDirective {
     }
 }
 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, selector: "[kendoListViewLoaderTemplate]", ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: '[kendoListViewLoaderTemplate]'
+                    selector: '[kendoListViewLoaderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });