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

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 (46) hide show
  1. package/README.md +26 -17
  2. package/data-binding/data-binding.directive.d.ts +1 -1
  3. package/editing/edit.service.d.ts +3 -3
  4. package/editing/events/cancel-event-args.interface.d.ts +1 -1
  5. package/{esm2020 → esm2022}/data-binding/data-binding.directive.mjs +9 -7
  6. package/{esm2020 → esm2022}/editing/commands/add-command.directive.mjs +9 -8
  7. package/{esm2020 → esm2022}/editing/commands/cancel-command.directive.mjs +11 -9
  8. package/{esm2020 → esm2022}/editing/commands/edit-command.directive.mjs +11 -9
  9. package/{esm2020 → esm2022}/editing/commands/remove-command.directive.mjs +11 -9
  10. package/{esm2020 → esm2022}/editing/commands/save-command.directive.mjs +11 -9
  11. package/{esm2020 → esm2022}/editing/edit-template.directive.mjs +4 -3
  12. package/{esm2020 → esm2022}/editing/edit.service.mjs +9 -6
  13. package/{esm2020 → esm2022}/listview.component.mjs +206 -123
  14. package/{esm2020 → esm2022}/listview.module.mjs +8 -8
  15. package/{esm2020 → esm2022}/navigation/listview-navigable-item.directive.mjs +11 -3
  16. package/{esm2020 → esm2022}/navigation/navigation.service.mjs +16 -18
  17. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  18. package/{esm2020 → esm2022}/templates/footer-template.directive.mjs +4 -3
  19. package/{esm2020 → esm2022}/templates/header-template.directive.mjs +4 -3
  20. package/{esm2020 → esm2022}/templates/item-template.directive.mjs +4 -3
  21. package/{esm2020 → esm2022}/templates/loader-template.directive.mjs +4 -3
  22. package/{fesm2020 → fesm2022}/progress-kendo-angular-listview.mjs +334 -226
  23. package/listview.component.d.ts +1 -1
  24. package/models/page-change-event.d.ts +1 -1
  25. package/models/pager-position.d.ts +1 -1
  26. package/navigation/listview-navigable-item.directive.d.ts +1 -1
  27. package/package.json +16 -22
  28. package/schematics/ngAdd/index.js +7 -7
  29. package/fesm2015/progress-kendo-angular-listview.mjs +0 -1767
  30. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  31. /package/{esm2020 → esm2022}/editing/events/add-event-args.interface.mjs +0 -0
  32. /package/{esm2020 → esm2022}/editing/events/cancel-event-args.interface.mjs +0 -0
  33. /package/{esm2020 → esm2022}/editing/events/edit-event-args.interface.mjs +0 -0
  34. /package/{esm2020 → esm2022}/editing/events/remove-event-args.interface.mjs +0 -0
  35. /package/{esm2020 → esm2022}/editing/events/save-event-args.interface.mjs +0 -0
  36. /package/{esm2020 → esm2022}/index.mjs +0 -0
  37. /package/{esm2020 → esm2022}/models/listview-data-result.mjs +0 -0
  38. /package/{esm2020 → esm2022}/models/page-change-event.mjs +0 -0
  39. /package/{esm2020 → esm2022}/models/page-size-change-event.mjs +0 -0
  40. /package/{esm2020 → esm2022}/models/page-size-item.mjs +0 -0
  41. /package/{esm2020 → esm2022}/models/pager-position.mjs +0 -0
  42. /package/{esm2020 → esm2022}/models/pager-settings.mjs +0 -0
  43. /package/{esm2020 → esm2022}/models/pager-type.mjs +0 -0
  44. /package/{esm2020 → esm2022}/models/scroll-bottom-event.mjs +0 -0
  45. /package/{esm2020 → esm2022}/progress-kendo-angular-listview.mjs +0 -0
  46. /package/{esm2020 → esm2022}/utils.mjs +0 -0
package/README.md CHANGED
@@ -1,33 +1,42 @@
1
- <a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
1
+ <a href="https://www.telerik.com/kendo-angular-ui/components/listview" target="_blank">
2
2
  <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
3
3
  </a>
4
4
 
5
5
  ## Kendo UI for Angular ListView Component
6
6
 
7
- > **Important**
8
- > * 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.
9
- > * 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).
10
- > * 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).
11
- > * 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!
12
- >
13
- > [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!
7
+ > * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
8
+ > * 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).
9
+ > * 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!
14
10
 
15
- 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.
11
+ 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.
12
+
13
+ ## Key Features
14
+
15
+ Among the many features which the Kendo UI for Angular ListView delivers are:
16
+
17
+ * 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)
18
+ * 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)
19
+ * 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)
20
+ * 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)
21
+ * 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)
22
+ * 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)
23
+
24
+ ## Support Options
25
+
26
+ For any issues you might encounter while working with the Kendo UI for Angular ListView, you have the following support channels available:
27
+
28
+ * 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).
29
+ * 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.
30
+ * 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.
16
31
 
17
32
  ## Resources
18
33
 
19
- * [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
34
+ * [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
35
+ * [Getting Started with the Kendo UI for Angular ListView](https://www.telerik.com/kendo-angular-ui/components/listview/installation/getting-started)
20
36
  * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
21
37
  * [Blogs](http://www.telerik.com/blogs/kendo-ui)
22
38
  * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
23
39
 
24
- ## Questions and Feedback
25
-
26
- * [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
27
- * [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
28
- * [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
29
- * [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
30
-
31
40
  *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
32
41
 
33
42
  *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.*
@@ -24,5 +24,5 @@ export declare class DataBindingDirective {
24
24
  private handlePageSizeChange;
25
25
  private updateListViewData;
26
26
  static ɵfac: i0.ɵɵFactoryDeclaration<DataBindingDirective, never>;
27
- static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListViewBinding]", never, { "data": "kendoListViewBinding"; }, {}, never, never, true, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListViewBinding]", never, { "data": { "alias": "kendoListViewBinding"; "required": false; }; }, {}, never, never, true, never>;
28
28
  }
@@ -9,18 +9,18 @@ import * as i0 from "@angular/core";
9
9
  /**
10
10
  * @hidden
11
11
  */
12
- export declare type Entity = {
12
+ export type Entity = {
13
13
  index: number;
14
14
  group: any;
15
15
  };
16
16
  /**
17
17
  * @hidden
18
18
  */
19
- export declare type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
19
+ export type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
20
20
  /**
21
21
  * @hidden
22
22
  */
23
- export declare type CommandEvent = {
23
+ export type CommandEvent = {
24
24
  action: CommandAction;
25
25
  formGroup?: FormGroup;
26
26
  isNew?: boolean;
@@ -6,4 +6,4 @@ import { SaveEvent } from "./save-event-args.interface";
6
6
  /**
7
7
  * Arguments for the `cancel` event.
8
8
  */
9
- export declare type CancelEvent = SaveEvent;
9
+ export type CancelEvent = SaveEvent;
@@ -12,10 +12,7 @@ import * as i1 from "../listview.component";
12
12
  * ([see example]({% slug paging_listview %}#toc-binding-directive)).
13
13
  */
14
14
  export class DataBindingDirective {
15
- constructor(listView) {
16
- this.listView = listView;
17
- this.subscriptions = new Subscription();
18
- }
15
+ listView;
19
16
  /**
20
17
  * The array of data which will be used to populate the ListView.
21
18
  */
@@ -26,6 +23,11 @@ export class DataBindingDirective {
26
23
  get data() {
27
24
  return this._data;
28
25
  }
26
+ _data;
27
+ subscriptions = new Subscription();
28
+ constructor(listView) {
29
+ this.listView = listView;
30
+ }
29
31
  ngOnInit() {
30
32
  this.subscriptions.add(this.listView.pageChange.subscribe(this.handlePageChange.bind(this)));
31
33
  this.subscriptions.add(this.listView.pageSizeChange.subscribe(this.handlePageSizeChange.bind(this)));
@@ -50,10 +52,10 @@ export class DataBindingDirective {
50
52
  total: this.data.length
51
53
  };
52
54
  }
55
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.ListViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
56
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DataBindingDirective, isStandalone: true, selector: "[kendoListViewBinding]", inputs: { data: ["kendoListViewBinding", "data"] }, ngImport: i0 });
53
57
  }
54
- DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.ListViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
55
- DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DataBindingDirective, isStandalone: true, selector: "[kendoListViewBinding]", inputs: { data: ["kendoListViewBinding", "data"] }, ngImport: i0 });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, decorators: [{
58
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, decorators: [{
57
59
  type: Directive,
58
60
  args: [{
59
61
  selector: '[kendoListViewBinding]',
@@ -28,10 +28,7 @@ import * as i2 from "@progress/kendo-angular-l10n";
28
28
  * ```
29
29
  */
30
30
  export class AddCommandDirective extends Button {
31
- constructor(editService, element, renderer, localization, ngZone) {
32
- super(element, renderer, null, localization, ngZone);
33
- this.editService = editService;
34
- }
31
+ editService;
35
32
  /**
36
33
  * @hidden
37
34
  */
@@ -39,9 +36,12 @@ export class AddCommandDirective extends Button {
39
36
  e.preventDefault();
40
37
  this.editService.beginAdd();
41
38
  }
42
- }
43
- AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
44
- AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, isStandalone: true, selector: "[kendoListViewAddCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
39
+ constructor(editService, element, renderer, localization, ngZone) {
40
+ super(element, renderer, null, localization, ngZone);
41
+ this.editService = editService;
42
+ }
43
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
44
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AddCommandDirective, isStandalone: true, selector: "[kendoListViewAddCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
45
45
  <kendo-icon-wrapper
46
46
  *ngIf="icon || svgIcon"
47
47
  innerCssClass="k-button-icon"
@@ -53,7 +53,8 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
53
53
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
54
54
  <span class="k-button-text"><ng-content></ng-content></span>
55
55
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, decorators: [{
56
+ }
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, decorators: [{
57
58
  type: Component,
58
59
  args: [{
59
60
  selector: '[kendoListViewAddCommand]',
@@ -40,11 +40,8 @@ import * as i2 from "@progress/kendo-angular-l10n";
40
40
  * ```
41
41
  */
42
42
  export class CancelCommandDirective extends Button {
43
- constructor(editService, element, renderer, localization, ngZone) {
44
- super(element, renderer, null, localization, ngZone);
45
- this.editService = editService;
46
- this.elementRef = element;
47
- }
43
+ editService;
44
+ elementRef;
48
45
  /**
49
46
  * @hidden
50
47
  */
@@ -55,9 +52,13 @@ export class CancelCommandDirective extends Button {
55
52
  this.editService.endEdit(index);
56
53
  }
57
54
  }
58
- }
59
- CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
60
- CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, isStandalone: true, selector: "[kendoListViewCancelCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
55
+ constructor(editService, element, renderer, localization, ngZone) {
56
+ super(element, renderer, null, localization, ngZone);
57
+ this.editService = editService;
58
+ this.elementRef = element;
59
+ }
60
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
61
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CancelCommandDirective, isStandalone: true, selector: "[kendoListViewCancelCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
61
62
  <kendo-icon-wrapper
62
63
  *ngIf="icon || svgIcon"
63
64
  innerCssClass="k-button-icon"
@@ -69,7 +70,8 @@ CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
69
70
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
70
71
  <span class="k-button-text"><ng-content></ng-content></span>
71
72
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, decorators: [{
73
+ }
74
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, decorators: [{
73
75
  type: Component,
74
76
  args: [{
75
77
  selector: '[kendoListViewCancelCommand]',
@@ -30,11 +30,8 @@ import * as i2 from "@progress/kendo-angular-l10n";
30
30
  *
31
31
  */
32
32
  export class EditCommandDirective extends Button {
33
- constructor(editService, element, renderer, localization, ngZone) {
34
- super(element, renderer, null, localization, ngZone);
35
- this.editService = editService;
36
- this.elementRef = element;
37
- }
33
+ editService;
34
+ elementRef;
38
35
  /**
39
36
  * @hidden
40
37
  */
@@ -43,9 +40,13 @@ export class EditCommandDirective extends Button {
43
40
  const index = getClosestListItemIndex(this.elementRef.nativeElement);
44
41
  this.editService.beginEdit(index);
45
42
  }
46
- }
47
- EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
48
- EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, isStandalone: true, selector: "[kendoListViewEditCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
43
+ constructor(editService, element, renderer, localization, ngZone) {
44
+ super(element, renderer, null, localization, ngZone);
45
+ this.editService = editService;
46
+ this.elementRef = element;
47
+ }
48
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
49
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditCommandDirective, isStandalone: true, selector: "[kendoListViewEditCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
49
50
  <kendo-icon-wrapper
50
51
  *ngIf="icon || svgIcon"
51
52
  innerCssClass="k-button-icon"
@@ -57,7 +58,8 @@ EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
57
58
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
58
59
  <span class="k-button-text"><ng-content></ng-content></span>
59
60
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, decorators: [{
61
+ }
62
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, decorators: [{
61
63
  type: Component,
62
64
  args: [{
63
65
  selector: '[kendoListViewEditCommand]',
@@ -29,11 +29,8 @@ import * as i2 from "@progress/kendo-angular-l10n";
29
29
  * ```
30
30
  */
31
31
  export class RemoveCommandDirective extends Button {
32
- constructor(editService, element, renderer, localization, ngZone) {
33
- super(element, renderer, null, localization, ngZone);
34
- this.editService = editService;
35
- this.elementRef = element;
36
- }
32
+ editService;
33
+ elementRef;
37
34
  /**
38
35
  * @hidden
39
36
  */
@@ -42,9 +39,13 @@ export class RemoveCommandDirective extends Button {
42
39
  const index = getClosestListItemIndex(this.elementRef.nativeElement);
43
40
  this.editService.remove(index);
44
41
  }
45
- }
46
- RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
47
- RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoListViewRemoveCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
42
+ constructor(editService, element, renderer, localization, ngZone) {
43
+ super(element, renderer, null, localization, ngZone);
44
+ this.editService = editService;
45
+ this.elementRef = element;
46
+ }
47
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
48
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoListViewRemoveCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
48
49
  <kendo-icon-wrapper
49
50
  *ngIf="icon || svgIcon"
50
51
  innerCssClass="k-button-icon"
@@ -56,7 +57,8 @@ RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
56
57
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
57
58
  <span class="k-button-text"><ng-content></ng-content></span>
58
59
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
59
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, decorators: [{
60
+ }
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, decorators: [{
60
62
  type: Component,
61
63
  args: [{
62
64
  selector: '[kendoListViewRemoveCommand]',
@@ -40,11 +40,8 @@ import * as i2 from "@progress/kendo-angular-l10n";
40
40
  * ```
41
41
  */
42
42
  export class SaveCommandDirective extends Button {
43
- constructor(editService, element, renderer, localization, ngZone) {
44
- super(element, renderer, null, localization, ngZone);
45
- this.editService = editService;
46
- this.elementRef = element;
47
- }
43
+ editService;
44
+ elementRef;
48
45
  /**
49
46
  * @hidden
50
47
  */
@@ -55,9 +52,13 @@ export class SaveCommandDirective extends Button {
55
52
  this.editService.save(index);
56
53
  }
57
54
  }
58
- }
59
- SaveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
60
- SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SaveCommandDirective, isStandalone: true, selector: "[kendoListViewSaveCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
55
+ constructor(editService, element, renderer, localization, ngZone) {
56
+ super(element, renderer, null, localization, ngZone);
57
+ this.editService = editService;
58
+ this.elementRef = element;
59
+ }
60
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
61
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SaveCommandDirective, isStandalone: true, selector: "[kendoListViewSaveCommand]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0, template: `
61
62
  <kendo-icon-wrapper
62
63
  *ngIf="icon || svgIcon"
63
64
  innerCssClass="k-button-icon"
@@ -69,7 +70,8 @@ SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
69
70
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
70
71
  <span class="k-button-text"><ng-content></ng-content></span>
71
72
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SaveCommandDirective, decorators: [{
73
+ }
74
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, decorators: [{
73
75
  type: Component,
74
76
  args: [{
75
77
  selector: '[kendoListViewSaveCommand]',
@@ -17,13 +17,14 @@ import * as i0 from "@angular/core";
17
17
  * - `isNew`&mdash;The state of the current item.
18
18
  */
19
19
  export class EditTemplateDirective {
20
+ templateRef;
20
21
  constructor(templateRef) {
21
22
  this.templateRef = templateRef;
22
23
  }
24
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
25
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditTemplateDirective, isStandalone: true, selector: "[kendoListViewEditTemplate]", ngImport: i0 });
23
26
  }
24
- EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
25
- EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditTemplateDirective, isStandalone: true, selector: "[kendoListViewEditTemplate]", ngImport: i0 });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, decorators: [{
27
28
  type: Directive,
28
29
  args: [{
29
30
  selector: '[kendoListViewEditTemplate]',
@@ -24,11 +24,14 @@ const isNewItem = (index) => index === -1 || index === undefined;
24
24
  * @hidden
25
25
  */
26
26
  export class EditService {
27
+ ngZone;
28
+ changes = new EventEmitter();
29
+ changed;
30
+ editedIndices = [];
31
+ newItem;
32
+ changedSource = new Subject();
27
33
  constructor(ngZone) {
28
34
  this.ngZone = ngZone;
29
- this.changes = new EventEmitter();
30
- this.editedIndices = [];
31
- this.changedSource = new Subject();
32
35
  this.changed = this.changedSource.asObservable().pipe(switchMap(() => this.ngZone.onStable.asObservable().pipe(take(1))));
33
36
  }
34
37
  editItem(index, group = undefined) {
@@ -108,9 +111,9 @@ export class EditService {
108
111
  this.changedSource.next();
109
112
  });
110
113
  }
114
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
115
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService });
111
116
  }
112
- EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
113
- EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService });
114
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, decorators: [{
117
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, decorators: [{
115
118
  type: Injectable
116
119
  }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });