@progress/kendo-angular-listview 24.2.2-develop.9 → 25.0.0-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.
- package/fesm2022/progress-kendo-angular-listview.mjs +54 -54
- package/index.d.ts +1036 -27
- package/package-metadata.mjs +2 -2
- package/package.json +13 -13
- package/schematics/ngAdd/index.js +6 -6
- package/data-binding/data-binding.directive.d.ts +0 -47
- package/directives.d.ts +0 -21
- package/editing/commands/add-command.directive.d.ts +0 -36
- package/editing/commands/cancel-command.directive.d.ts +0 -48
- package/editing/commands/edit-command.directive.d.ts +0 -37
- package/editing/commands/remove-command.directive.d.ts +0 -37
- package/editing/commands/save-command.directive.d.ts +0 -48
- package/editing/edit-template.directive.d.ts +0 -42
- package/editing/edit.service.d.ts +0 -60
- package/editing/events/add-event-args.interface.d.ts +0 -11
- package/editing/events/cancel-event-args.interface.d.ts +0 -10
- package/editing/events/edit-event-args.interface.d.ts +0 -27
- package/editing/events/remove-event-args.interface.d.ts +0 -11
- package/editing/events/save-event-args.interface.d.ts +0 -16
- package/listview.component.d.ts +0 -354
- package/listview.module.d.ts +0 -43
- package/models/listview-data-result.d.ts +0 -18
- package/models/page-change-event.d.ts +0 -11
- package/models/page-size-change-event.d.ts +0 -11
- package/models/page-size-item.d.ts +0 -12
- package/models/pager-position.d.ts +0 -12
- package/models/pager-settings.d.ts +0 -39
- package/models/pager-type.d.ts +0 -12
- package/models/scroll-bottom-event.d.ts +0 -14
- package/navigation/listview-navigable-item.directive.d.ts +0 -29
- package/navigation/navigation.service.d.ts +0 -55
- package/package-metadata.d.ts +0 -9
- package/templates/footer-template.directive.d.ts +0 -33
- package/templates/header-template.directive.d.ts +0 -34
- package/templates/item-template.directive.d.ts +0 -40
- package/templates/loader-template.directive.d.ts +0 -34
- package/templates/no-data-template.directive.d.ts +0 -27
- package/utils.d.ts +0 -55
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1783679980,
|
|
11
|
+
"version": "25.0.0-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-listview",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Angular listview component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -19,27 +19,27 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1783679980,
|
|
23
23
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/forms": "
|
|
31
|
-
"@angular/platform-browser": "
|
|
27
|
+
"@angular/animations": "20 - 22",
|
|
28
|
+
"@angular/common": "20 - 22",
|
|
29
|
+
"@angular/core": "20 - 22",
|
|
30
|
+
"@angular/forms": "20 - 22",
|
|
31
|
+
"@angular/platform-browser": "20 - 22",
|
|
32
32
|
"@progress/kendo-licensing": "^1.11.0",
|
|
33
|
-
"@progress/kendo-angular-buttons": "
|
|
34
|
-
"@progress/kendo-angular-common": "
|
|
35
|
-
"@progress/kendo-angular-icons": "
|
|
36
|
-
"@progress/kendo-angular-l10n": "
|
|
37
|
-
"@progress/kendo-angular-pager": "
|
|
33
|
+
"@progress/kendo-angular-buttons": "25.0.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-common": "25.0.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-pager": "25.0.0-develop.1",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "
|
|
42
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.1"
|
|
43
43
|
},
|
|
44
44
|
"schematics": "./schematics/collection.json",
|
|
45
45
|
"module": "fesm2022/progress-kendo-angular-listview.mjs",
|
|
@@ -9,12 +9,12 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ListViewModule', package: 'listview', peerDependencies: {
|
|
11
11
|
// Peers of pager
|
|
12
|
-
'@progress/kendo-angular-dropdowns': '
|
|
13
|
-
'@progress/kendo-angular-treeview': '
|
|
14
|
-
'@progress/kendo-angular-inputs': '
|
|
15
|
-
'@progress/kendo-angular-intl': '
|
|
16
|
-
'@progress/kendo-angular-l10n': '
|
|
17
|
-
'@progress/kendo-angular-popup': '
|
|
12
|
+
'@progress/kendo-angular-dropdowns': '25.0.0-develop.1',
|
|
13
|
+
'@progress/kendo-angular-treeview': '25.0.0-develop.1',
|
|
14
|
+
'@progress/kendo-angular-inputs': '25.0.0-develop.1',
|
|
15
|
+
'@progress/kendo-angular-intl': '25.0.0-develop.1',
|
|
16
|
+
'@progress/kendo-angular-l10n': '25.0.0-develop.1',
|
|
17
|
+
'@progress/kendo-angular-popup': '25.0.0-develop.1',
|
|
18
18
|
'@progress/kendo-drawing': '^1.17.2',
|
|
19
19
|
// Peer of icons
|
|
20
20
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ListViewComponent } from '../listview.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Encapsulates the in-memory handling of paging for the ListView component
|
|
9
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#binding-directive)).
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```typescript
|
|
13
|
-
* @Component({
|
|
14
|
-
* selector: 'my-app',
|
|
15
|
-
* template: `
|
|
16
|
-
* <kendo-listview [kendoListViewBinding]="listItems">
|
|
17
|
-
* <ng-template kendoListViewItemTemplate let-dataItem>
|
|
18
|
-
* <div>{{ dataItem.name }}</div>
|
|
19
|
-
* </ng-template>
|
|
20
|
-
* </kendo-listview>
|
|
21
|
-
* `
|
|
22
|
-
* })
|
|
23
|
-
* export class AppComponent {
|
|
24
|
-
* listItems = [{ name: 'Item 1' }, { name: 'Item 2' }];
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
* @remarks
|
|
28
|
-
* Applied to: {@link ListViewComponent}.
|
|
29
|
-
*/
|
|
30
|
-
export declare class DataBindingDirective {
|
|
31
|
-
private listView;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the array of data that populates the ListView.
|
|
34
|
-
*/
|
|
35
|
-
set data(data: any[]);
|
|
36
|
-
get data(): any[];
|
|
37
|
-
private _data;
|
|
38
|
-
private subscriptions;
|
|
39
|
-
constructor(listView: ListViewComponent);
|
|
40
|
-
ngOnInit(): void;
|
|
41
|
-
ngOnDestroy(): void;
|
|
42
|
-
private handlePageChange;
|
|
43
|
-
private handlePageSizeChange;
|
|
44
|
-
private updateListViewData;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataBindingDirective, never>;
|
|
46
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListViewBinding]", never, { "data": { "alias": "kendoListViewBinding"; "required": false; }; }, {}, never, never, true, never>;
|
|
47
|
-
}
|
package/directives.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { DataBindingDirective } from "./data-binding/data-binding.directive";
|
|
6
|
-
import { AddCommandDirective } from "./editing/commands/add-command.directive";
|
|
7
|
-
import { CancelCommandDirective } from "./editing/commands/cancel-command.directive";
|
|
8
|
-
import { EditCommandDirective } from "./editing/commands/edit-command.directive";
|
|
9
|
-
import { RemoveCommandDirective } from "./editing/commands/remove-command.directive";
|
|
10
|
-
import { SaveCommandDirective } from "./editing/commands/save-command.directive";
|
|
11
|
-
import { EditTemplateDirective } from "./editing/edit-template.directive";
|
|
12
|
-
import { ListViewComponent } from "./listview.component";
|
|
13
|
-
import { FooterTemplateDirective } from "./templates/footer-template.directive";
|
|
14
|
-
import { HeaderTemplateDirective } from "./templates/header-template.directive";
|
|
15
|
-
import { ItemTemplateDirective } from "./templates/item-template.directive";
|
|
16
|
-
import { LoaderTemplateDirective } from "./templates/loader-template.directive";
|
|
17
|
-
import { NoDataTemplateDirective } from "./templates/no-data-template.directive";
|
|
18
|
-
/**
|
|
19
|
-
* Utility array that contains all `@progress/kendo-angular-listview` related components and directives
|
|
20
|
-
*/
|
|
21
|
-
export declare const KENDO_LISTVIEW: readonly [typeof ListViewComponent, typeof ItemTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof LoaderTemplateDirective, typeof NoDataTemplateDirective, typeof DataBindingDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective];
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { EditService } from '../edit.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the add command button directive of the Kendo UI ListView for Angular.
|
|
12
|
-
* Provides the command for adding a new item to the ListView. You can apply this directive to any
|
|
13
|
-
* `button` element inside a [`HeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/listview/api/headertemplatedirective).
|
|
14
|
-
* When you click an associated button with the directive, the
|
|
15
|
-
* [`add`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#add) event triggers
|
|
16
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-listview>
|
|
21
|
-
* <ng-template kendoListViewHeaderTemplate>
|
|
22
|
-
* <button kendoListViewAddCommand>Add new</button>
|
|
23
|
-
* </ng-template>
|
|
24
|
-
* </kendo-listview>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare class AddCommandDirective extends Button {
|
|
28
|
-
private editService;
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
clickHandler(e: any): void;
|
|
33
|
-
constructor(editService: EditService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AddCommandDirective, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AddCommandDirective, "[kendoListViewAddCommand]", never, {}, {}, never, ["*"], true, never>;
|
|
36
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { EditService } from '../edit.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the cancel command button directive of the Kendo UI ListView for Angular.
|
|
12
|
-
* Provides the `cancel` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
|
-
* When you click an associated button with the directive, the
|
|
15
|
-
* [`cancel`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#cancel) event
|
|
16
|
-
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-listview>
|
|
21
|
-
* <ng-template kendoListViewEditTemplate>
|
|
22
|
-
* <button kendoListViewCancelCommand>Cancel changes</button>
|
|
23
|
-
* </ng-template>
|
|
24
|
-
* </kendo-listview>
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* You can control the content of the button based on the state of the item.
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```html
|
|
31
|
-
* <kendo-listview>
|
|
32
|
-
* <ng-template kendoListViewEditTemplate let-isNew="isNew">
|
|
33
|
-
* <button kendoListViewCancelCommand>{{isNew ? 'Discard' : 'Cancel changes'}}</button>
|
|
34
|
-
* </ng-template>
|
|
35
|
-
* </kendo-listview>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export declare class CancelCommandDirective extends Button {
|
|
39
|
-
private editService;
|
|
40
|
-
private elementRef;
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
clickHandler(e: any): void;
|
|
45
|
-
constructor(editService: EditService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CancelCommandDirective, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CancelCommandDirective, "[kendoListViewCancelCommand]", never, {}, {}, never, ["*"], true, never>;
|
|
48
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { EditService } from '../edit.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the edit command button directive of the Kendo UI ListView for Angular.
|
|
12
|
-
* Provides the `edit` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
|
-
* When you click an associated button with the directive, the
|
|
15
|
-
* [`edit`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#edit) event
|
|
16
|
-
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-listview>
|
|
21
|
-
* <ng-template kendoListViewEditTemplate>
|
|
22
|
-
* <button kendoListViewEditCommand class="k-primary">Edit</button>
|
|
23
|
-
* </ng-template>
|
|
24
|
-
* </kendo-listview>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare class EditCommandDirective extends Button {
|
|
28
|
-
private editService;
|
|
29
|
-
private elementRef;
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
clickHandler(e: any): void;
|
|
34
|
-
constructor(editService: EditService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EditCommandDirective, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EditCommandDirective, "[kendoListViewEditCommand]", never, {}, {}, never, ["*"], true, never>;
|
|
37
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { EditService } from '../edit.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the remove command button directive of the Kendo UI ListView for Angular.
|
|
12
|
-
* Provides the `remove` command of the ListView. You can apply this directive to any `button` element
|
|
13
|
-
* inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
|
-
* When you click an associated button with the directive, the
|
|
15
|
-
* [`remove`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#remove) event
|
|
16
|
-
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-listview>
|
|
21
|
-
* <ng-template kendoListViewEditTemplate>
|
|
22
|
-
* <button kendoListViewRemoveCommand>Remove item</button>
|
|
23
|
-
* </ng-template>
|
|
24
|
-
* </kendo-listview>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare class RemoveCommandDirective extends Button {
|
|
28
|
-
private editService;
|
|
29
|
-
private elementRef;
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
clickHandler(e: any): void;
|
|
34
|
-
constructor(editService: EditService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RemoveCommandDirective, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RemoveCommandDirective, "[kendoListViewRemoveCommand]", never, {}, {}, never, ["*"], true, never>;
|
|
37
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { EditService } from '../edit.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the save command button directive of the Kendo UI ListView for Angular.
|
|
12
|
-
* Provides the `save` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
|
-
* When you click an associated button with the directive, the
|
|
15
|
-
* [`save`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#save) event
|
|
16
|
-
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-listview>
|
|
21
|
-
* <ng-template kendoListViewEditTemplate>
|
|
22
|
-
* <button kendoListViewSaveCommand>Save changes</button>
|
|
23
|
-
* </ng-template>
|
|
24
|
-
* </kendo-listview>
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* You can control the content of the button based on the state of the item.
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```html
|
|
31
|
-
* <kendo-listview>
|
|
32
|
-
* <ng-template kendoListViewEditTemplate let-isNew="isNew">
|
|
33
|
-
* <button kendoListViewSaveCommand>{{isNew ? 'Add' : 'Update'}}</button>
|
|
34
|
-
* </ng-template>
|
|
35
|
-
* </kendo-listview>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export declare class SaveCommandDirective extends Button {
|
|
39
|
-
private editService;
|
|
40
|
-
private elementRef;
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
clickHandler(e: any): void;
|
|
45
|
-
constructor(editService: EditService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SaveCommandDirective, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SaveCommandDirective, "[kendoListViewSaveCommand]", never, {}, {}, never, ["*"], true, never>;
|
|
48
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Defines the edit template of the ListView ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms)).
|
|
9
|
-
* Helps you customize the content of the edited items. To define the template, nest an `<ng-template>`
|
|
10
|
-
* tag with the `kendoListViewEditTemplate` directive inside a `<kendo-listview>` tag.
|
|
11
|
-
*
|
|
12
|
-
* The template context contains the following fields:
|
|
13
|
-
* - `formGroup`—The current [`FormGroup`](link:site.data.urls.angular['formgroupapi']). When you use the ListView inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
|
|
14
|
-
* - `itemIndex`—The current item index. When inside a new item, `itemIndex` is `-1`.
|
|
15
|
-
* - `dataItem`—The current data item.
|
|
16
|
-
* - `isNew`—The state of the current item.
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```typescript
|
|
21
|
-
* @Component({
|
|
22
|
-
* template: `
|
|
23
|
-
* <kendo-listview [data]="items">
|
|
24
|
-
* <ng-template kendoListViewEditTemplate let-dataItem let-formGroup="formGroup">
|
|
25
|
-
* <div class="edit-form">
|
|
26
|
-
* <input [(ngModel)]="dataItem.name" [formControl]="formGroup.get('name')" />
|
|
27
|
-
* <button kendoListViewSaveCommand>Save</button>
|
|
28
|
-
* <button kendoListViewCancelCommand>Cancel</button>
|
|
29
|
-
* </div>
|
|
30
|
-
* </ng-template>
|
|
31
|
-
* </kendo-listview>
|
|
32
|
-
* `
|
|
33
|
-
* })
|
|
34
|
-
* export class AppComponent { }
|
|
35
|
-
* ```
|
|
36
|
-
*/
|
|
37
|
-
export declare class EditTemplateDirective {
|
|
38
|
-
templateRef: TemplateRef<any>;
|
|
39
|
-
constructor(templateRef: TemplateRef<any>);
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EditTemplateDirective, [{ optional: true; }]>;
|
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<EditTemplateDirective, "[kendoListViewEditTemplate]", never, {}, {}, never, never, true, never>;
|
|
42
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter, NgZone } from '@angular/core';
|
|
6
|
-
import { FormGroup } from '@angular/forms';
|
|
7
|
-
import { Observable } from 'rxjs';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export type Entity = {
|
|
13
|
-
index: number;
|
|
14
|
-
group: any;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
export type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export type CommandEvent = {
|
|
24
|
-
action: CommandAction;
|
|
25
|
-
formGroup?: FormGroup;
|
|
26
|
-
isNew?: boolean;
|
|
27
|
-
itemIndex?: number;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare class EditService {
|
|
33
|
-
ngZone: NgZone;
|
|
34
|
-
changes: EventEmitter<CommandEvent>;
|
|
35
|
-
changed: Observable<any>;
|
|
36
|
-
private editedIndices;
|
|
37
|
-
private newItem;
|
|
38
|
-
private changedSource;
|
|
39
|
-
constructor(ngZone: NgZone);
|
|
40
|
-
editItem(index: number, group?: any): void;
|
|
41
|
-
addItem(group: any): void;
|
|
42
|
-
isEditing(): boolean;
|
|
43
|
-
get hasNewItem(): boolean;
|
|
44
|
-
get newDataItem(): any;
|
|
45
|
-
get newItemGroup(): FormGroup;
|
|
46
|
-
editGroup(index: number): any;
|
|
47
|
-
close(index?: number): void;
|
|
48
|
-
context(index?: number): Entity;
|
|
49
|
-
isEdited(index: number): boolean;
|
|
50
|
-
hasEdited(index: number): boolean;
|
|
51
|
-
beginEdit(itemIndex: number): void;
|
|
52
|
-
beginAdd(): void;
|
|
53
|
-
endEdit(itemIndex?: number): void;
|
|
54
|
-
save(itemIndex?: number): void;
|
|
55
|
-
remove(itemIndex: number): void;
|
|
56
|
-
private findByIndex;
|
|
57
|
-
private onChanged;
|
|
58
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EditService, never>;
|
|
59
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<EditService>;
|
|
60
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EditEvent } from "./edit-event-args.interface";
|
|
6
|
-
/**
|
|
7
|
-
* Defines the arguments for the `add` event.
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export interface AddEvent extends EditEvent {
|
|
11
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { SaveEvent } from "./save-event-args.interface";
|
|
6
|
-
/**
|
|
7
|
-
* Defines the arguments for the `cancel` event.
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export type CancelEvent = SaveEvent;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ListViewComponent } from "../../listview.component";
|
|
6
|
-
/**
|
|
7
|
-
* Defines the arguments for the `edit` event.
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export interface EditEvent {
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the data item.
|
|
13
|
-
*/
|
|
14
|
-
dataItem: any;
|
|
15
|
-
/**
|
|
16
|
-
* Indicates whether the data item is new or existing.
|
|
17
|
-
*/
|
|
18
|
-
isNew: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Specifies the item index for the operation.
|
|
21
|
-
*/
|
|
22
|
-
itemIndex: number;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies the `ListViewComponent` instance.
|
|
25
|
-
*/
|
|
26
|
-
sender: ListViewComponent;
|
|
27
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EditEvent } from "./edit-event-args.interface";
|
|
6
|
-
/**
|
|
7
|
-
* Defines the arguments for the `remove` event.
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export interface RemoveEvent extends EditEvent {
|
|
11
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EditEvent } from "./edit-event-args.interface";
|
|
6
|
-
import { FormGroup } from "@angular/forms";
|
|
7
|
-
/**
|
|
8
|
-
* Defines the arguments for the `save` event.
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
export interface SaveEvent extends EditEvent {
|
|
12
|
-
/**
|
|
13
|
-
* Specifies the edited `FormGroup` instance.
|
|
14
|
-
*/
|
|
15
|
-
formGroup: FormGroup;
|
|
16
|
-
}
|