@progress/kendo-angular-listview 22.1.0-develop.9 → 23.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/data-binding/data-binding.directive.d.ts +1 -1
- package/editing/commands/add-command.directive.d.ts +3 -3
- package/editing/commands/cancel-command.directive.d.ts +3 -3
- package/editing/commands/edit-command.directive.d.ts +3 -3
- package/editing/commands/remove-command.directive.d.ts +3 -3
- package/editing/commands/save-command.directive.d.ts +3 -3
- package/editing/edit-template.directive.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-listview.mjs +60 -60
- package/listview.component.d.ts +22 -22
- package/models/listview-data-result.d.ts +1 -1
- package/models/page-change-event.d.ts +2 -2
- package/models/page-size-change-event.d.ts +2 -2
- package/models/page-size-item.d.ts +2 -2
- package/models/pager-position.d.ts +2 -2
- package/models/pager-settings.d.ts +1 -1
- package/models/pager-type.d.ts +2 -2
- package/models/scroll-bottom-event.d.ts +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +6 -6
- package/templates/footer-template.directive.d.ts +1 -1
- package/templates/header-template.directive.d.ts +1 -1
- package/templates/item-template.directive.d.ts +1 -1
- package/templates/loader-template.directive.d.ts +1 -1
|
@@ -6,7 +6,7 @@ import { ListViewComponent } from '../listview.component';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* Encapsulates the in-memory handling of paging for the ListView component
|
|
9
|
-
* ([see example](
|
|
9
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#binding-directive)).
|
|
10
10
|
*
|
|
11
11
|
* @example
|
|
12
12
|
* ```typescript
|
|
@@ -10,10 +10,10 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
/**
|
|
11
11
|
* Represents the add command button directive of the Kendo UI ListView for Angular.
|
|
12
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`](
|
|
13
|
+
* `button` element inside a [`HeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/listview/api/headertemplatedirective).
|
|
14
14
|
* When you click an associated button with the directive, the
|
|
15
|
-
* [`add`](
|
|
16
|
-
* ([see example](
|
|
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
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -10,10 +10,10 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
/**
|
|
11
11
|
* Represents the cancel command button directive of the Kendo UI ListView for Angular.
|
|
12
12
|
* Provides the `cancel` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](
|
|
13
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
14
|
* When you click an associated button with the directive, the
|
|
15
|
-
* [`cancel`](
|
|
16
|
-
* triggers ([see example](
|
|
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
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -10,10 +10,10 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
/**
|
|
11
11
|
* Represents the edit command button directive of the Kendo UI ListView for Angular.
|
|
12
12
|
* Provides the `edit` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](
|
|
13
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
14
|
* When you click an associated button with the directive, the
|
|
15
|
-
* [`edit`](
|
|
16
|
-
* triggers ([see example](
|
|
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
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -10,10 +10,10 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
/**
|
|
11
11
|
* Represents the remove command button directive of the Kendo UI ListView for Angular.
|
|
12
12
|
* Provides the `remove` command of the ListView. You can apply this directive to any `button` element
|
|
13
|
-
* inside a [`EditTemplateDirective`](
|
|
13
|
+
* inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
14
|
* When you click an associated button with the directive, the
|
|
15
|
-
* [`remove`](
|
|
16
|
-
* triggers ([see example](
|
|
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
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -10,10 +10,10 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
/**
|
|
11
11
|
* Represents the save command button directive of the Kendo UI ListView for Angular.
|
|
12
12
|
* Provides the `save` command of the ListView. You can apply this directive to any `button`
|
|
13
|
-
* element inside a [`EditTemplateDirective`](
|
|
13
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
14
14
|
* When you click an associated button with the directive, the
|
|
15
|
-
* [`save`](
|
|
16
|
-
* triggers ([see example](
|
|
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
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
* Defines the edit template of the ListView ([see example](
|
|
8
|
+
* Defines the edit template of the ListView ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms)).
|
|
9
9
|
* Helps you customize the content of the edited items. To define the template, nest an `<ng-template>`
|
|
10
10
|
* tag with the `kendoListViewEditTemplate` directive inside a `<kendo-listview>` tag.
|
|
11
11
|
*
|
|
@@ -26,7 +26,7 @@ const packageMetadata = {
|
|
|
26
26
|
productCode: 'KENDOUIANGULAR',
|
|
27
27
|
productCodes: ['KENDOUIANGULAR'],
|
|
28
28
|
publishDate: 0,
|
|
29
|
-
version: '
|
|
29
|
+
version: '23.0.0-develop.1',
|
|
30
30
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -351,7 +351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
351
351
|
/**
|
|
352
352
|
* Allows customizing the list item content. To define an item template, nest an `<ng-template>` tag
|
|
353
353
|
* with the `kendoListViewItemTemplate` directive inside the `<kendo-listview>` tag
|
|
354
|
-
* ([see example](
|
|
354
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#item-template)).
|
|
355
355
|
*
|
|
356
356
|
* The following values are available as context variables:
|
|
357
357
|
* - `let-dataItem="dataItem"` (`any`)&mdashThe current data item. Also available as implicit context variable.
|
|
@@ -395,7 +395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
395
395
|
/**
|
|
396
396
|
* Allows customizing the header content of the ListView. To define a header template, nest an `<ng-template>` tag
|
|
397
397
|
* with the `kendoListViewHeaderTemplate` directive inside the `<kendo-listview>` tag
|
|
398
|
-
* ([see example](
|
|
398
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#header-template)).
|
|
399
399
|
*
|
|
400
400
|
* @example
|
|
401
401
|
* ```typescript
|
|
@@ -433,7 +433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
433
433
|
/**
|
|
434
434
|
* Allows customizing the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
|
|
435
435
|
* with the `kendoListViewFooterTemplate` directive inside the `<kendo-listview>` tag
|
|
436
|
-
* ([see example](
|
|
436
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#footer-template)).
|
|
437
437
|
*
|
|
438
438
|
* @example
|
|
439
439
|
* ```typescript
|
|
@@ -470,7 +470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
470
470
|
/**
|
|
471
471
|
* Overrides the default loader content of the ListView. To define a loader template, nest an `<ng-template>` tag
|
|
472
472
|
* with the `kendoListViewLoaderTemplate` directive inside the `<kendo-listview>` tag
|
|
473
|
-
* ([see example](
|
|
473
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#loader-template)).
|
|
474
474
|
*
|
|
475
475
|
* @example
|
|
476
476
|
* ```typescript
|
|
@@ -506,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
506
506
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
507
507
|
|
|
508
508
|
/**
|
|
509
|
-
* Defines the edit template of the ListView ([see example](
|
|
509
|
+
* Defines the edit template of the ListView ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms)).
|
|
510
510
|
* Helps you customize the content of the edited items. To define the template, nest an `<ng-template>`
|
|
511
511
|
* tag with the `kendoListViewEditTemplate` directive inside a `<kendo-listview>` tag.
|
|
512
512
|
*
|
|
@@ -678,7 +678,7 @@ const createControl = (source) => (acc, key) => {
|
|
|
678
678
|
/**
|
|
679
679
|
* Represents the Kendo UI ListView component for Angular.
|
|
680
680
|
* Displays a list of data items and supports paging, editing, and custom templates
|
|
681
|
-
* ([see overview](
|
|
681
|
+
* ([see overview](https://www.telerik.com/kendo-angular-ui/components/listview)).
|
|
682
682
|
*
|
|
683
683
|
* @example
|
|
684
684
|
* ```typescript
|
|
@@ -753,7 +753,7 @@ class ListViewComponent {
|
|
|
753
753
|
bordered = false;
|
|
754
754
|
/**
|
|
755
755
|
* Specifies the data collection that populates the ListView
|
|
756
|
-
* ([see data binding examples](
|
|
756
|
+
* ([see data binding examples](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
757
757
|
*/
|
|
758
758
|
set data(value) {
|
|
759
759
|
this.lastScrollTop = this.contentContainer?.nativeElement.scrollTop ?? 0;
|
|
@@ -764,7 +764,7 @@ class ListViewComponent {
|
|
|
764
764
|
}
|
|
765
765
|
/**
|
|
766
766
|
* Specifies whether the loading indicator of the ListView displays
|
|
767
|
-
* ([see example](
|
|
767
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#remote-binding)).
|
|
768
768
|
*
|
|
769
769
|
* @default false
|
|
770
770
|
*/
|
|
@@ -791,26 +791,26 @@ class ListViewComponent {
|
|
|
791
791
|
itemClass;
|
|
792
792
|
/**
|
|
793
793
|
* Specifies the content container `aria-label` attribute
|
|
794
|
-
* ([see example](
|
|
794
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#accessible-names)).
|
|
795
795
|
*/
|
|
796
796
|
containerLabel;
|
|
797
797
|
/**
|
|
798
798
|
* Specifies the content container `role` attribute
|
|
799
|
-
* ([more details](
|
|
799
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
|
|
800
800
|
*
|
|
801
801
|
* @default 'list'
|
|
802
802
|
*/
|
|
803
803
|
containerRole = 'list';
|
|
804
804
|
/**
|
|
805
805
|
* Specifies the list item `role` attribute
|
|
806
|
-
* ([more details](
|
|
806
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
|
|
807
807
|
*
|
|
808
808
|
* @default 'listitem'
|
|
809
809
|
*/
|
|
810
810
|
listItemRole = 'listitem';
|
|
811
811
|
/**
|
|
812
812
|
* Specifies whether keyboard navigation is enabled
|
|
813
|
-
* ([see example](
|
|
813
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation)).
|
|
814
814
|
*
|
|
815
815
|
* @default true
|
|
816
816
|
*/
|
|
@@ -831,12 +831,12 @@ class ListViewComponent {
|
|
|
831
831
|
}
|
|
832
832
|
/**
|
|
833
833
|
* Specifies the page size used by the ListView pager
|
|
834
|
-
* ([more details](
|
|
834
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
835
835
|
*/
|
|
836
836
|
pageSize;
|
|
837
837
|
/**
|
|
838
838
|
* Defines the number of records to be skipped by the pager
|
|
839
|
-
* ([more details](
|
|
839
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
840
840
|
*/
|
|
841
841
|
set skip(skip) {
|
|
842
842
|
const parsed = parseInt(skip, 10);
|
|
@@ -848,7 +848,7 @@ class ListViewComponent {
|
|
|
848
848
|
}
|
|
849
849
|
/**
|
|
850
850
|
* Configures whether the ListView renders a pager
|
|
851
|
-
* ([more details](
|
|
851
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
852
852
|
* When you provide a boolean value, it renders a pager with the default settings.
|
|
853
853
|
*/
|
|
854
854
|
set pageable(pageable) {
|
|
@@ -868,12 +868,12 @@ class ListViewComponent {
|
|
|
868
868
|
height;
|
|
869
869
|
/**
|
|
870
870
|
* Fires when you scroll to the last record on the page
|
|
871
|
-
* ([see endless scrolling example](
|
|
871
|
+
* ([see endless scrolling example](https://www.telerik.com/kendo-angular-ui/components/listview/scroll-modes#endless-scrolling)).
|
|
872
872
|
*/
|
|
873
873
|
scrollBottom = new EventEmitter();
|
|
874
874
|
/**
|
|
875
875
|
* Fires when you change the page or the page size of the ListView
|
|
876
|
-
* ([see example](
|
|
876
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#remote-binding)).
|
|
877
877
|
* You have to handle the event yourself and page the data.
|
|
878
878
|
*/
|
|
879
879
|
pageChange = new EventEmitter();
|
|
@@ -884,27 +884,27 @@ class ListViewComponent {
|
|
|
884
884
|
pageSizeChange = new EventEmitter();
|
|
885
885
|
/**
|
|
886
886
|
* Fires when you click the **Edit** command button to edit an item
|
|
887
|
-
* ([see example](
|
|
887
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#editing-records)).
|
|
888
888
|
*/
|
|
889
889
|
edit = new EventEmitter();
|
|
890
890
|
/**
|
|
891
891
|
* Fires when you click the **Cancel** command button to close an item
|
|
892
|
-
* ([see example](
|
|
892
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#cancelling-editing)).
|
|
893
893
|
*/
|
|
894
894
|
cancel = new EventEmitter();
|
|
895
895
|
/**
|
|
896
896
|
* Fires when you click the **Save** command button to save changes in an item
|
|
897
|
-
* ([see example](
|
|
897
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#saving-records)).
|
|
898
898
|
*/
|
|
899
899
|
save = new EventEmitter();
|
|
900
900
|
/**
|
|
901
901
|
* Fires when you click the **Remove** command button to remove an item
|
|
902
|
-
* ([see example](
|
|
902
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#removing-records)).
|
|
903
903
|
*/
|
|
904
904
|
remove = new EventEmitter();
|
|
905
905
|
/**
|
|
906
906
|
* Fires when you click the **Add** command button to add a new item
|
|
907
|
-
* ([see example](
|
|
907
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#adding-records)).
|
|
908
908
|
*/
|
|
909
909
|
add = new EventEmitter();
|
|
910
910
|
/**
|
|
@@ -948,7 +948,7 @@ class ListViewComponent {
|
|
|
948
948
|
}
|
|
949
949
|
/**
|
|
950
950
|
* Gets the current active item index
|
|
951
|
-
* ([see example](
|
|
951
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation#controlling-the-focus)).
|
|
952
952
|
* Returns `null` when keyboard navigation is disabled.
|
|
953
953
|
*/
|
|
954
954
|
get activeIndex() {
|
|
@@ -1011,7 +1011,7 @@ class ListViewComponent {
|
|
|
1011
1011
|
};
|
|
1012
1012
|
}
|
|
1013
1013
|
/**
|
|
1014
|
-
* Focuses the item at the specified index ([see example](
|
|
1014
|
+
* Focuses the item at the specified index ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation#controlling-the-focus)):
|
|
1015
1015
|
* - When you specify no index, the current active index receives focus.
|
|
1016
1016
|
* - When the passed value is below `0`, the first item receives focus.
|
|
1017
1017
|
* - When the passed value is above the last available index, the last item receives focus.
|
|
@@ -1025,7 +1025,7 @@ class ListViewComponent {
|
|
|
1025
1025
|
this.navigationService.focusIndex(index, totalRenderedItems);
|
|
1026
1026
|
}
|
|
1027
1027
|
/**
|
|
1028
|
-
* Creates a new item editor ([see example](
|
|
1028
|
+
* Creates a new item editor ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#adding-records)).
|
|
1029
1029
|
*
|
|
1030
1030
|
* @param {FormGroup} group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
|
|
1031
1031
|
* the edit form. When called with a data item, it builds the `FormGroup` from the data item fields.
|
|
@@ -1039,7 +1039,7 @@ class ListViewComponent {
|
|
|
1039
1039
|
this.editService.addItem(group);
|
|
1040
1040
|
}
|
|
1041
1041
|
/**
|
|
1042
|
-
* Switches the specified item to edit mode ([see example](
|
|
1042
|
+
* Switches the specified item to edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#editing-records)).
|
|
1043
1043
|
*
|
|
1044
1044
|
* @param index - The item index that switches to edit mode.
|
|
1045
1045
|
* @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
|
|
@@ -1050,7 +1050,7 @@ class ListViewComponent {
|
|
|
1050
1050
|
this.changeDetectorRef.markForCheck();
|
|
1051
1051
|
}
|
|
1052
1052
|
/**
|
|
1053
|
-
* Closes the editor for a given item ([see example](
|
|
1053
|
+
* Closes the editor for a given item ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#cancelling-editing)).
|
|
1054
1054
|
*
|
|
1055
1055
|
* @param {number} index - The item index that switches out of the edit mode. When you provide no index, the editor of the new item will close.
|
|
1056
1056
|
*/
|
|
@@ -1159,7 +1159,7 @@ class ListViewComponent {
|
|
|
1159
1159
|
>
|
|
1160
1160
|
</ng-template>
|
|
1161
1161
|
}
|
|
1162
|
-
|
|
1162
|
+
|
|
1163
1163
|
<!-- header -->
|
|
1164
1164
|
@if (headerTemplate) {
|
|
1165
1165
|
<div
|
|
@@ -1171,7 +1171,7 @@ class ListViewComponent {
|
|
|
1171
1171
|
</ng-template>
|
|
1172
1172
|
</div>
|
|
1173
1173
|
}
|
|
1174
|
-
|
|
1174
|
+
|
|
1175
1175
|
<!-- content -->
|
|
1176
1176
|
<div
|
|
1177
1177
|
#contentContainer
|
|
@@ -1206,7 +1206,7 @@ class ListViewComponent {
|
|
|
1206
1206
|
}
|
|
1207
1207
|
</div>
|
|
1208
1208
|
}
|
|
1209
|
-
|
|
1209
|
+
|
|
1210
1210
|
<!-- items -->
|
|
1211
1211
|
@for (dataItem of items; track dataItem; let index = $index; let first = $first; let last = $last) {
|
|
1212
1212
|
<div
|
|
@@ -1228,7 +1228,7 @@ class ListViewComponent {
|
|
|
1228
1228
|
</div>
|
|
1229
1229
|
}
|
|
1230
1230
|
</div>
|
|
1231
|
-
|
|
1231
|
+
|
|
1232
1232
|
<!-- loading indicator -->
|
|
1233
1233
|
@if (loading && !loaderTemplate) {
|
|
1234
1234
|
<div
|
|
@@ -1246,7 +1246,7 @@ class ListViewComponent {
|
|
|
1246
1246
|
>
|
|
1247
1247
|
</ng-template>
|
|
1248
1248
|
}
|
|
1249
|
-
|
|
1249
|
+
|
|
1250
1250
|
<!-- footer -->
|
|
1251
1251
|
@if (footerTemplate) {
|
|
1252
1252
|
<div
|
|
@@ -1258,7 +1258,7 @@ class ListViewComponent {
|
|
|
1258
1258
|
</ng-template>
|
|
1259
1259
|
</div>
|
|
1260
1260
|
}
|
|
1261
|
-
|
|
1261
|
+
|
|
1262
1262
|
<!-- bottom pager -->
|
|
1263
1263
|
@if (pagerSettings?.position !== 'top') {
|
|
1264
1264
|
<ng-template
|
|
@@ -1267,7 +1267,7 @@ class ListViewComponent {
|
|
|
1267
1267
|
>
|
|
1268
1268
|
</ng-template>
|
|
1269
1269
|
}
|
|
1270
|
-
|
|
1270
|
+
|
|
1271
1271
|
<!-- pager template -->
|
|
1272
1272
|
<ng-template #pagerTemplate let-pagerClass="pagerClass">
|
|
1273
1273
|
@if (pageable) {
|
|
@@ -1313,7 +1313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1313
1313
|
>
|
|
1314
1314
|
</ng-template>
|
|
1315
1315
|
}
|
|
1316
|
-
|
|
1316
|
+
|
|
1317
1317
|
<!-- header -->
|
|
1318
1318
|
@if (headerTemplate) {
|
|
1319
1319
|
<div
|
|
@@ -1325,7 +1325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1325
1325
|
</ng-template>
|
|
1326
1326
|
</div>
|
|
1327
1327
|
}
|
|
1328
|
-
|
|
1328
|
+
|
|
1329
1329
|
<!-- content -->
|
|
1330
1330
|
<div
|
|
1331
1331
|
#contentContainer
|
|
@@ -1360,7 +1360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1360
1360
|
}
|
|
1361
1361
|
</div>
|
|
1362
1362
|
}
|
|
1363
|
-
|
|
1363
|
+
|
|
1364
1364
|
<!-- items -->
|
|
1365
1365
|
@for (dataItem of items; track dataItem; let index = $index; let first = $first; let last = $last) {
|
|
1366
1366
|
<div
|
|
@@ -1382,7 +1382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1382
1382
|
</div>
|
|
1383
1383
|
}
|
|
1384
1384
|
</div>
|
|
1385
|
-
|
|
1385
|
+
|
|
1386
1386
|
<!-- loading indicator -->
|
|
1387
1387
|
@if (loading && !loaderTemplate) {
|
|
1388
1388
|
<div
|
|
@@ -1400,7 +1400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1400
1400
|
>
|
|
1401
1401
|
</ng-template>
|
|
1402
1402
|
}
|
|
1403
|
-
|
|
1403
|
+
|
|
1404
1404
|
<!-- footer -->
|
|
1405
1405
|
@if (footerTemplate) {
|
|
1406
1406
|
<div
|
|
@@ -1412,7 +1412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1412
1412
|
</ng-template>
|
|
1413
1413
|
</div>
|
|
1414
1414
|
}
|
|
1415
|
-
|
|
1415
|
+
|
|
1416
1416
|
<!-- bottom pager -->
|
|
1417
1417
|
@if (pagerSettings?.position !== 'top') {
|
|
1418
1418
|
<ng-template
|
|
@@ -1421,7 +1421,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1421
1421
|
>
|
|
1422
1422
|
</ng-template>
|
|
1423
1423
|
}
|
|
1424
|
-
|
|
1424
|
+
|
|
1425
1425
|
<!-- pager template -->
|
|
1426
1426
|
<ng-template #pagerTemplate let-pagerClass="pagerClass">
|
|
1427
1427
|
@if (pageable) {
|
|
@@ -1522,7 +1522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1522
1522
|
|
|
1523
1523
|
/**
|
|
1524
1524
|
* Encapsulates the in-memory handling of paging for the ListView component
|
|
1525
|
-
* ([see example](
|
|
1525
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#binding-directive)).
|
|
1526
1526
|
*
|
|
1527
1527
|
* @example
|
|
1528
1528
|
* ```typescript
|
|
@@ -1599,8 +1599,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1599
1599
|
}] } });
|
|
1600
1600
|
|
|
1601
1601
|
/**
|
|
1602
|
-
* Defines the arguments of the [`pageSizeChange`](
|
|
1603
|
-
* ([more details](
|
|
1602
|
+
* Defines the arguments of the [`pageSizeChange`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#pagesizechange) event of the ListView
|
|
1603
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
1604
1604
|
*/
|
|
1605
1605
|
class PageSizeChangeEvent extends PageSizeChangeEvent$1 {
|
|
1606
1606
|
}
|
|
@@ -1608,10 +1608,10 @@ class PageSizeChangeEvent extends PageSizeChangeEvent$1 {
|
|
|
1608
1608
|
/**
|
|
1609
1609
|
* Represents the edit command button directive of the Kendo UI ListView for Angular.
|
|
1610
1610
|
* Provides the `edit` command of the ListView. You can apply this directive to any `button`
|
|
1611
|
-
* element inside a [`EditTemplateDirective`](
|
|
1611
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
1612
1612
|
* When you click an associated button with the directive, the
|
|
1613
|
-
* [`edit`](
|
|
1614
|
-
* triggers ([see example](
|
|
1613
|
+
* [`edit`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#edit) event
|
|
1614
|
+
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
1615
1615
|
*
|
|
1616
1616
|
* @example
|
|
1617
1617
|
* ```html
|
|
@@ -1689,10 +1689,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1689
1689
|
/**
|
|
1690
1690
|
* Represents the add command button directive of the Kendo UI ListView for Angular.
|
|
1691
1691
|
* Provides the command for adding a new item to the ListView. You can apply this directive to any
|
|
1692
|
-
* `button` element inside a [`HeaderTemplate`](
|
|
1692
|
+
* `button` element inside a [`HeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/listview/api/headertemplatedirective).
|
|
1693
1693
|
* When you click an associated button with the directive, the
|
|
1694
|
-
* [`add`](
|
|
1695
|
-
* ([see example](
|
|
1694
|
+
* [`add`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#add) event triggers
|
|
1695
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
1696
1696
|
*
|
|
1697
1697
|
* @example
|
|
1698
1698
|
* ```html
|
|
@@ -1767,10 +1767,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1767
1767
|
/**
|
|
1768
1768
|
* Represents the save command button directive of the Kendo UI ListView for Angular.
|
|
1769
1769
|
* Provides the `save` command of the ListView. You can apply this directive to any `button`
|
|
1770
|
-
* element inside a [`EditTemplateDirective`](
|
|
1770
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
1771
1771
|
* When you click an associated button with the directive, the
|
|
1772
|
-
* [`save`](
|
|
1773
|
-
* triggers ([see example](
|
|
1772
|
+
* [`save`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#save) event
|
|
1773
|
+
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
1774
1774
|
*
|
|
1775
1775
|
* @example
|
|
1776
1776
|
* ```html
|
|
@@ -1861,10 +1861,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1861
1861
|
/**
|
|
1862
1862
|
* Represents the cancel command button directive of the Kendo UI ListView for Angular.
|
|
1863
1863
|
* Provides the `cancel` command of the ListView. You can apply this directive to any `button`
|
|
1864
|
-
* element inside a [`EditTemplateDirective`](
|
|
1864
|
+
* element inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
1865
1865
|
* When you click an associated button with the directive, the
|
|
1866
|
-
* [`cancel`](
|
|
1867
|
-
* triggers ([see example](
|
|
1866
|
+
* [`cancel`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#cancel) event
|
|
1867
|
+
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
1868
1868
|
*
|
|
1869
1869
|
* @example
|
|
1870
1870
|
* ```html
|
|
@@ -1955,10 +1955,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1955
1955
|
/**
|
|
1956
1956
|
* Represents the remove command button directive of the Kendo UI ListView for Angular.
|
|
1957
1957
|
* Provides the `remove` command of the ListView. You can apply this directive to any `button` element
|
|
1958
|
-
* inside a [`EditTemplateDirective`](
|
|
1958
|
+
* inside a [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui/components/listview/api/edittemplatedirective) template.
|
|
1959
1959
|
* When you click an associated button with the directive, the
|
|
1960
|
-
* [`remove`](
|
|
1961
|
-
* triggers ([see example](
|
|
1960
|
+
* [`remove`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#remove) event
|
|
1961
|
+
* triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing)).
|
|
1962
1962
|
*
|
|
1963
1963
|
* @example
|
|
1964
1964
|
* ```html
|
package/listview.component.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ import * as i0 from "@angular/core";
|
|
|
25
25
|
/**
|
|
26
26
|
* Represents the Kendo UI ListView component for Angular.
|
|
27
27
|
* Displays a list of data items and supports paging, editing, and custom templates
|
|
28
|
-
* ([see overview](
|
|
28
|
+
* ([see overview](https://www.telerik.com/kendo-angular-ui/components/listview)).
|
|
29
29
|
*
|
|
30
30
|
* @example
|
|
31
31
|
* ```typescript
|
|
@@ -100,13 +100,13 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
100
100
|
bordered: boolean;
|
|
101
101
|
/**
|
|
102
102
|
* Specifies the data collection that populates the ListView
|
|
103
|
-
* ([see data binding examples](
|
|
103
|
+
* ([see data binding examples](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
104
104
|
*/
|
|
105
105
|
set data(value: any[] | ListViewDataResult | undefined);
|
|
106
106
|
get data(): any[] | ListViewDataResult | undefined;
|
|
107
107
|
/**
|
|
108
108
|
* Specifies whether the loading indicator of the ListView displays
|
|
109
|
-
* ([see example](
|
|
109
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#remote-binding)).
|
|
110
110
|
*
|
|
111
111
|
* @default false
|
|
112
112
|
*/
|
|
@@ -141,26 +141,26 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
141
141
|
};
|
|
142
142
|
/**
|
|
143
143
|
* Specifies the content container `aria-label` attribute
|
|
144
|
-
* ([see example](
|
|
144
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#accessible-names)).
|
|
145
145
|
*/
|
|
146
146
|
containerLabel?: string;
|
|
147
147
|
/**
|
|
148
148
|
* Specifies the content container `role` attribute
|
|
149
|
-
* ([more details](
|
|
149
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
|
|
150
150
|
*
|
|
151
151
|
* @default 'list'
|
|
152
152
|
*/
|
|
153
153
|
containerRole: string;
|
|
154
154
|
/**
|
|
155
155
|
* Specifies the list item `role` attribute
|
|
156
|
-
* ([more details](
|
|
156
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/accessibility#wai-aria-support)).
|
|
157
157
|
*
|
|
158
158
|
* @default 'listitem'
|
|
159
159
|
*/
|
|
160
160
|
listItemRole: string;
|
|
161
161
|
/**
|
|
162
162
|
* Specifies whether keyboard navigation is enabled
|
|
163
|
-
* ([see example](
|
|
163
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation)).
|
|
164
164
|
*
|
|
165
165
|
* @default true
|
|
166
166
|
*/
|
|
@@ -168,18 +168,18 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
168
168
|
get navigable(): boolean;
|
|
169
169
|
/**
|
|
170
170
|
* Specifies the page size used by the ListView pager
|
|
171
|
-
* ([more details](
|
|
171
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
172
172
|
*/
|
|
173
173
|
pageSize?: number;
|
|
174
174
|
/**
|
|
175
175
|
* Defines the number of records to be skipped by the pager
|
|
176
|
-
* ([more details](
|
|
176
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
177
177
|
*/
|
|
178
178
|
set skip(skip: number);
|
|
179
179
|
get skip(): number;
|
|
180
180
|
/**
|
|
181
181
|
* Configures whether the ListView renders a pager
|
|
182
|
-
* ([more details](
|
|
182
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
183
183
|
* When you provide a boolean value, it renders a pager with the default settings.
|
|
184
184
|
*/
|
|
185
185
|
set pageable(pageable: boolean | PagerSettings);
|
|
@@ -194,12 +194,12 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
194
194
|
height?: number;
|
|
195
195
|
/**
|
|
196
196
|
* Fires when you scroll to the last record on the page
|
|
197
|
-
* ([see endless scrolling example](
|
|
197
|
+
* ([see endless scrolling example](https://www.telerik.com/kendo-angular-ui/components/listview/scroll-modes#endless-scrolling)).
|
|
198
198
|
*/
|
|
199
199
|
scrollBottom: EventEmitter<ScrollBottomEvent>;
|
|
200
200
|
/**
|
|
201
201
|
* Fires when you change the page or the page size of the ListView
|
|
202
|
-
* ([see example](
|
|
202
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#remote-binding)).
|
|
203
203
|
* You have to handle the event yourself and page the data.
|
|
204
204
|
*/
|
|
205
205
|
pageChange: EventEmitter<PageChangeEvent>;
|
|
@@ -210,27 +210,27 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
210
210
|
pageSizeChange: EventEmitter<PageSizeChangeEvent>;
|
|
211
211
|
/**
|
|
212
212
|
* Fires when you click the **Edit** command button to edit an item
|
|
213
|
-
* ([see example](
|
|
213
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#editing-records)).
|
|
214
214
|
*/
|
|
215
215
|
edit: EventEmitter<EditEvent>;
|
|
216
216
|
/**
|
|
217
217
|
* Fires when you click the **Cancel** command button to close an item
|
|
218
|
-
* ([see example](
|
|
218
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#cancelling-editing)).
|
|
219
219
|
*/
|
|
220
220
|
cancel: EventEmitter<CancelEvent>;
|
|
221
221
|
/**
|
|
222
222
|
* Fires when you click the **Save** command button to save changes in an item
|
|
223
|
-
* ([see example](
|
|
223
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#saving-records)).
|
|
224
224
|
*/
|
|
225
225
|
save: EventEmitter<SaveEvent>;
|
|
226
226
|
/**
|
|
227
227
|
* Fires when you click the **Remove** command button to remove an item
|
|
228
|
-
* ([see example](
|
|
228
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#removing-records)).
|
|
229
229
|
*/
|
|
230
230
|
remove: EventEmitter<RemoveEvent>;
|
|
231
231
|
/**
|
|
232
232
|
* Fires when you click the **Add** command button to add a new item
|
|
233
|
-
* ([see example](
|
|
233
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#adding-records)).
|
|
234
234
|
*/
|
|
235
235
|
add: EventEmitter<AddEvent>;
|
|
236
236
|
/**
|
|
@@ -257,7 +257,7 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
257
257
|
get containerTabindex(): number;
|
|
258
258
|
/**
|
|
259
259
|
* Gets the current active item index
|
|
260
|
-
* ([see example](
|
|
260
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation#controlling-the-focus)).
|
|
261
261
|
* Returns `null` when keyboard navigation is disabled.
|
|
262
262
|
*/
|
|
263
263
|
get activeIndex(): number;
|
|
@@ -281,7 +281,7 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
281
281
|
*/
|
|
282
282
|
editTemplateContext(index: number): any;
|
|
283
283
|
/**
|
|
284
|
-
* Focuses the item at the specified index ([see example](
|
|
284
|
+
* Focuses the item at the specified index ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/keyboard-navigation#controlling-the-focus)):
|
|
285
285
|
* - When you specify no index, the current active index receives focus.
|
|
286
286
|
* - When the passed value is below `0`, the first item receives focus.
|
|
287
287
|
* - When the passed value is above the last available index, the last item receives focus.
|
|
@@ -292,14 +292,14 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
292
292
|
*/
|
|
293
293
|
focus(index?: number): void;
|
|
294
294
|
/**
|
|
295
|
-
* Creates a new item editor ([see example](
|
|
295
|
+
* Creates a new item editor ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#adding-records)).
|
|
296
296
|
*
|
|
297
297
|
* @param {FormGroup} group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
|
|
298
298
|
* the edit form. When called with a data item, it builds the `FormGroup` from the data item fields.
|
|
299
299
|
*/
|
|
300
300
|
addItem(group: any): void;
|
|
301
301
|
/**
|
|
302
|
-
* Switches the specified item to edit mode ([see example](
|
|
302
|
+
* Switches the specified item to edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#editing-records)).
|
|
303
303
|
*
|
|
304
304
|
* @param index - The item index that switches to edit mode.
|
|
305
305
|
* @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
|
|
@@ -307,7 +307,7 @@ export declare class ListViewComponent implements AfterViewInit, OnChanges, OnDe
|
|
|
307
307
|
*/
|
|
308
308
|
editItem(index: number, group?: any): void;
|
|
309
309
|
/**
|
|
310
|
-
* Closes the editor for a given item ([see example](
|
|
310
|
+
* Closes the editor for a given item ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/editing/editing-template-forms#cancelling-editing)).
|
|
311
311
|
*
|
|
312
312
|
* @param {number} index - The item index that switches out of the edit mode. When you provide no index, the editor of the new item will close.
|
|
313
313
|
*/
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Defines the data type that the ListView expects
|
|
7
|
-
* ([see data binding examples](
|
|
7
|
+
* ([see data binding examples](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
8
8
|
*/
|
|
9
9
|
export interface ListViewDataResult {
|
|
10
10
|
/**
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PageChangeEvent as PagerPageChangeEvent } from '@progress/kendo-angular-pager';
|
|
6
6
|
/**
|
|
7
|
-
* Defines the arguments of the [`pageChange`](
|
|
8
|
-
* ([more details](
|
|
7
|
+
* Defines the arguments of the [`pageChange`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#pagechange) event of the ListView
|
|
8
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
9
9
|
*
|
|
10
10
|
*/
|
|
11
11
|
export type PageChangeEvent = PagerPageChangeEvent;
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PageSizeChangeEvent as PagerPageSizeChangeEvent } from "@progress/kendo-angular-pager";
|
|
6
6
|
/**
|
|
7
|
-
* Defines the arguments of the [`pageSizeChange`](
|
|
8
|
-
* ([more details](
|
|
7
|
+
* Defines the arguments of the [`pageSizeChange`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#pagesizechange) event of the ListView
|
|
8
|
+
* ([more details](https://www.telerik.com/kendo-angular-ui/components/listview/paging)).
|
|
9
9
|
*/
|
|
10
10
|
export declare class PageSizeChangeEvent extends PagerPageSizeChangeEvent {
|
|
11
11
|
}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PageSizeItem as PagerPageSizeItem } from '@progress/kendo-angular-pager';
|
|
6
6
|
/**
|
|
7
|
-
* Defines the type that the pager [`pageSizeValues`](
|
|
7
|
+
* Defines the type that the pager [`pageSizeValues`](https://www.telerik.com/kendo-angular-ui/components/listview/api/pagersettings#pagesizevalues) property accepts.
|
|
8
8
|
* Specifies the text and value of each page size item
|
|
9
|
-
* ([see example](
|
|
9
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#pager-options)).
|
|
10
10
|
*/
|
|
11
11
|
export interface PageSizeItem extends PagerPageSizeItem {
|
|
12
12
|
}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Defines the type that the pager [`position`](
|
|
6
|
+
* Defines the type that the pager [`position`](https://www.telerik.com/kendo-angular-ui/components/listview/api/pagersettings#position) property accepts.
|
|
7
7
|
* Specifies whether the pager appears above the content container, beneath it, or in both places
|
|
8
|
-
* ([see example](
|
|
8
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#pager-options)).
|
|
9
9
|
*
|
|
10
10
|
* @default 'bottom'
|
|
11
11
|
*/
|
|
@@ -7,7 +7,7 @@ import { PageSizeItem } from './page-size-item';
|
|
|
7
7
|
import { PagerPosition } from './pager-position';
|
|
8
8
|
/**
|
|
9
9
|
* Defines the pager settings of the ListView
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#pager-options)).
|
|
11
11
|
*/
|
|
12
12
|
export interface PagerSettings {
|
|
13
13
|
/**
|
package/models/pager-type.d.ts
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PagerType as PagerTypeSource } from '@progress/kendo-angular-pager';
|
|
6
6
|
/**
|
|
7
|
-
* Defines the type that the pager [`type`](
|
|
7
|
+
* Defines the type that the pager [`type`](https://www.telerik.com/kendo-angular-ui/components/listview/api/pagersettings#type) property accepts.
|
|
8
8
|
* Specifies whether the pager renders a set of buttons for page control or a single HTML `input` element
|
|
9
|
-
* ([see example](
|
|
9
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/paging#pager-options)).
|
|
10
10
|
*
|
|
11
11
|
*/
|
|
12
12
|
export declare type PagerType = Partial<PagerTypeSource>;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ListViewComponent } from "../listview.component";
|
|
6
6
|
/**
|
|
7
|
-
* Defines the arguments of the [`scrollBottom`](
|
|
7
|
+
* Defines the arguments of the [`scrollBottom`](https://www.telerik.com/kendo-angular-ui/components/listview/api/listviewcomponent#scrollbottom) event of the ListView.
|
|
8
8
|
*/
|
|
9
9
|
export interface ScrollBottomEvent {
|
|
10
10
|
/**
|
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": 1770287101,
|
|
11
|
+
"version": "23.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": "23.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,7 +19,7 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1770287101,
|
|
23
23
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
@@ -30,16 +30,16 @@
|
|
|
30
30
|
"@angular/forms": "19 - 21",
|
|
31
31
|
"@angular/platform-browser": "19 - 21",
|
|
32
32
|
"@progress/kendo-licensing": "^1.10.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": "23.0.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-common": "23.0.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-icons": "23.0.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-l10n": "23.0.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-pager": "23.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": "23.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': '23.0.0-develop.1',
|
|
13
|
+
'@progress/kendo-angular-treeview': '23.0.0-develop.1',
|
|
14
|
+
'@progress/kendo-angular-inputs': '23.0.0-develop.1',
|
|
15
|
+
'@progress/kendo-angular-intl': '23.0.0-develop.1',
|
|
16
|
+
'@progress/kendo-angular-l10n': '23.0.0-develop.1',
|
|
17
|
+
'@progress/kendo-angular-popup': '23.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'
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Allows customizing the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
|
|
9
9
|
* with the `kendoListViewFooterTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#footer-template)).
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```typescript
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Allows customizing the header content of the ListView. To define a header template, nest an `<ng-template>` tag
|
|
9
9
|
* with the `kendoListViewHeaderTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#header-template)).
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```typescript
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Allows customizing the list item content. To define an item template, nest an `<ng-template>` tag
|
|
9
9
|
* with the `kendoListViewItemTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#item-template)).
|
|
11
11
|
*
|
|
12
12
|
* The following values are available as context variables:
|
|
13
13
|
* - `let-dataItem="dataItem"` (`any`)&mdashThe current data item. Also available as implicit context variable.
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Overrides the default loader content of the ListView. To define a loader template, nest an `<ng-template>` tag
|
|
9
9
|
* with the `kendoListViewLoaderTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listview/templates#loader-template)).
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```typescript
|