npm - @progress/kendo-angular-listview - Versions diffs - 17.0.0-develop.2 → 17.0.0-develop.21 - Mend

@progress/kendo-angular-listview 17.0.0-develop.2 → 17.0.0-develop.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +26 -17
package/esm2020/listview.component.mjs +33 -36
package/esm2020/package-metadata.mjs +2 -2
package/fesm2015/progress-kendo-angular-listview.mjs +35 -38
package/fesm2020/progress-kendo-angular-listview.mjs +35 -38
package/listview.component.d.ts +1 -1
package/package.json +7 -7
package/schematics/ngAdd/index.js +6 -6

package/README.md CHANGED Viewed

@@ -1,33 +1,42 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/listview" target="_blank">
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 ## Kendo UI for Angular ListView Component
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview)&mdash;a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
->
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-listview) and speed up your development process!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+The Kendo UI for Angular ListView component visualizes repeated data content, providing a variety of configuration options. The ListView is built from the ground up and specifically for Angular, so that you get a high-performance control which delivers lightning-fast performance, integrates tightly with your application and with the rest of the Kendo UI for Angular components, and is highly customizable.
+## Key Features
+Among the many features which the Kendo UI for Angular ListView delivers are:
+* Paging&mdash;The ListView enables you to split its content into pages by adding a pager and by using its extensive set of configuration options such as implementing a responsive behavior, customizing its appearance, and more. [Read more about the pager options of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/paging)
+* Editing&mdash;Depending on your user requirements, you can edit, add, or delete the ListView items by using Reactive or Template-Driven Angular Forms. [Read more about the editing feature of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/editing)
+* Scroll Modes&mdash;You can benefit from the default scrolling or enable endless scrolling mode which allows you to load more records by appending additional data items on demand. [Read more about the scroll modes of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/scroll-modes)
+* Templates&mdash;You can customize the headers, footers, and the ListView items by utilizing the available templates. [Read more about the available templates of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/templates)
+* Accessibility&mdash;The ListView is accessible for screen readers and supports WAI-ARIA attributes. [Read more about the accessibility of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility)
+* Keyboard Navigation&mdash;The ListView supports a number of keyboard shortcuts which allow users to accomplish various commands. [Read more about the keyboard navigation of the ListView...](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation)
+## Support Options
+For any issues you might encounter while working with the Kendo UI for Angular ListView, you have the following support channels available:
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 ## Resources
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular ListView](https://www.telerik.com/kendo-angular-ui/components/listview/installation/getting-started)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
-## Questions and Feedback
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/esm2020/listview.component.mjs CHANGED Viewed

@@ -52,9 +52,9 @@ export class ListViewComponent {
         /**
          * Specifies if a border should be rendered around the listview element.
          *
-         * @default true
+         * @default false
          */
-        this.bordered = true;
+        this.bordered = false;
         /**
          * Specifies if the loading indicator of the ListView will be displayed
          * ([see example]({% slug paging_listview %}#toc-remote-binding)).
@@ -370,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, 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: [
+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,
@@ -450,23 +450,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
@@ -593,23 +593,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
@@ -655,9 +655,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], 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,
                 args: ['class.k-listview']
-            }, {
-                type: HostBinding,
-                args: ['class.k-d-flex']
             }], itemTemplate: [{
                 type: ContentChild,
                 args: [ItemTemplateDirective, { static: false }]

package/esm2020/package-metadata.mjs CHANGED Viewed

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

package/fesm2015/progress-kendo-angular-listview.mjs CHANGED Viewed

@@ -24,8 +24,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728914540,
-    version: '17.0.0-develop.2',
+    publishDate: 1729874517,
+    version: '17.0.0-develop.21',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
@@ -594,9 +594,9 @@ class ListViewComponent {
         /**
          * Specifies if a border should be rendered around the listview element.
          *
-         * @default true
+         * @default false
          */
-        this.bordered = true;
+        this.bordered = false;
         /**
          * Specifies if the loading indicator of the ListView will be displayed
          * ([see example]({% slug paging_listview %}#toc-remote-binding)).
@@ -912,7 +912,7 @@ 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: EditService }, { token: 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-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-listview-bordered": "this.bordered" } }, providers: [
         EditService,
         NavigationService,
         LocalizationService,
@@ -992,23 +992,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
@@ -1135,23 +1135,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
@@ -1197,9 +1197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: NavigationService }]; }, propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.k-listview']
-            }, {
-                type: HostBinding,
-                args: ['class.k-d-flex']
             }], itemTemplate: [{
                 type: ContentChild,
                 args: [ItemTemplateDirective, { static: false }]

package/fesm2020/progress-kendo-angular-listview.mjs CHANGED Viewed

@@ -24,8 +24,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728914540,
-    version: '17.0.0-develop.2',
+    publishDate: 1729874517,
+    version: '17.0.0-develop.21',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
@@ -592,9 +592,9 @@ class ListViewComponent {
         /**
          * Specifies if a border should be rendered around the listview element.
          *
-         * @default true
+         * @default false
          */
-        this.bordered = true;
+        this.bordered = false;
         /**
          * Specifies if the loading indicator of the ListView will be displayed
          * ([see example]({% slug paging_listview %}#toc-remote-binding)).
@@ -910,7 +910,7 @@ 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: EditService }, { token: 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-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-listview-bordered": "this.bordered" } }, providers: [
         EditService,
         NavigationService,
         LocalizationService,
@@ -990,23 +990,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
@@ -1133,23 +1133,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
@@ -1195,9 +1195,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: NavigationService }]; }, propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.k-listview']
-            }, {
-                type: HostBinding,
-                args: ['class.k-d-flex']
             }], itemTemplate: [{
                 type: ContentChild,
                 args: [ItemTemplateDirective, { static: false }]

package/listview.component.d.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export declare class ListViewComponent {
     /**
      * Specifies if a border should be rendered around the listview element.
      *
-     * @default true
+     * @default false
      */
     bordered: boolean;
     /**

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listview",
-  "version": "17.0.0-develop.2",
+  "version": "17.0.0-develop.21",
   "description": "Kendo UI Angular listview component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,16 +24,16 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.2",
-    "@progress/kendo-angular-icons": "17.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.2",
-    "@progress/kendo-angular-pager": "17.0.0-develop.2",
+    "@progress/kendo-angular-buttons": "17.0.0-develop.21",
+    "@progress/kendo-angular-common": "17.0.0-develop.21",
+    "@progress/kendo-angular-icons": "17.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.21",
+    "@progress/kendo-angular-pager": "17.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.2"
+    "@progress/kendo-angular-schematics": "17.0.0-develop.21"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-listview.mjs",

package/schematics/ngAdd/index.js CHANGED Viewed

@@ -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': '17.0.0-develop.2',
-            '@progress/kendo-angular-treeview': '17.0.0-develop.2',
-            '@progress/kendo-angular-inputs': '17.0.0-develop.2',
-            '@progress/kendo-angular-intl': '17.0.0-develop.2',
-            '@progress/kendo-angular-l10n': '17.0.0-develop.2',
-            '@progress/kendo-angular-popup': '17.0.0-develop.2',
+            '@progress/kendo-angular-dropdowns': '17.0.0-develop.21',
+            '@progress/kendo-angular-treeview': '17.0.0-develop.21',
+            '@progress/kendo-angular-inputs': '17.0.0-develop.21',
+            '@progress/kendo-angular-intl': '17.0.0-develop.21',
+            '@progress/kendo-angular-l10n': '17.0.0-develop.21',
+            '@progress/kendo-angular-popup': '17.0.0-develop.21',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer of icons
             '@progress/kendo-svg-icons': '^3.0.0'