@progress/kendo-angular-listview 17.0.0-develop.8 → 17.0.0
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.
- package/README.md +26 -17
- package/data-binding/data-binding.directive.d.ts +1 -1
- package/editing/edit.service.d.ts +3 -3
- package/editing/events/cancel-event-args.interface.d.ts +1 -1
- package/{esm2020 → esm2022}/data-binding/data-binding.directive.mjs +9 -7
- package/{esm2020 → esm2022}/editing/commands/add-command.directive.mjs +9 -8
- package/{esm2020 → esm2022}/editing/commands/cancel-command.directive.mjs +11 -9
- package/{esm2020 → esm2022}/editing/commands/edit-command.directive.mjs +11 -9
- package/{esm2020 → esm2022}/editing/commands/remove-command.directive.mjs +11 -9
- package/{esm2020 → esm2022}/editing/commands/save-command.directive.mjs +11 -9
- package/{esm2020 → esm2022}/editing/edit-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/editing/edit.service.mjs +9 -6
- package/{esm2020 → esm2022}/listview.component.mjs +206 -123
- package/{esm2020 → esm2022}/listview.module.mjs +8 -8
- package/{esm2020 → esm2022}/navigation/listview-navigable-item.directive.mjs +11 -3
- package/{esm2020 → esm2022}/navigation/navigation.service.mjs +16 -18
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/templates/footer-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/header-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/loader-template.directive.mjs +4 -3
- package/{fesm2020 → fesm2022}/progress-kendo-angular-listview.mjs +334 -226
- package/listview.component.d.ts +1 -1
- package/models/page-change-event.d.ts +1 -1
- package/models/pager-position.d.ts +1 -1
- package/navigation/listview-navigable-item.directive.d.ts +1 -1
- package/package.json +16 -22
- package/schematics/ngAdd/index.js +7 -7
- package/fesm2015/progress-kendo-angular-listview.mjs +0 -1767
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/editing/events/add-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/editing/events/cancel-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/editing/events/edit-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/editing/events/remove-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/editing/events/save-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/models/listview-data-result.mjs +0 -0
- /package/{esm2020 → esm2022}/models/page-change-event.mjs +0 -0
- /package/{esm2020 → esm2022}/models/page-size-change-event.mjs +0 -0
- /package/{esm2020 → esm2022}/models/page-size-item.mjs +0 -0
- /package/{esm2020 → esm2022}/models/pager-position.mjs +0 -0
- /package/{esm2020 → esm2022}/models/pager-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/models/pager-type.mjs +0 -0
- /package/{esm2020 → esm2022}/models/scroll-bottom-event.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-listview.mjs +0 -0
- /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
|
-
>
|
|
8
|
-
> *
|
|
9
|
-
> *
|
|
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/)—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
|
|
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—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—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—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—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—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—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—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—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—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
|
-
* [
|
|
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
|
|
12
|
+
export type Entity = {
|
|
13
13
|
index: number;
|
|
14
14
|
group: any;
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
|
-
export
|
|
19
|
+
export type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
|
|
20
20
|
/**
|
|
21
21
|
* @hidden
|
|
22
22
|
*/
|
|
23
|
-
export
|
|
23
|
+
export type CommandEvent = {
|
|
24
24
|
action: CommandAction;
|
|
25
25
|
formGroup?: FormGroup;
|
|
26
26
|
isNew?: boolean;
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
44
|
-
|
|
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
|
-
|
|
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
|
-
|
|
44
|
-
|
|
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
|
-
|
|
60
|
-
|
|
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
|
-
|
|
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
|
-
|
|
34
|
-
|
|
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
|
-
|
|
48
|
-
|
|
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
|
-
|
|
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
|
-
|
|
33
|
-
|
|
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
|
-
|
|
47
|
-
|
|
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
|
-
|
|
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
|
-
|
|
44
|
-
|
|
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
|
-
|
|
60
|
-
|
|
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
|
-
|
|
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`—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
|
-
|
|
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
|
-
|
|
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 }]; } });
|