@syncfusion/ej2-angular-lists 26.2.14 → 27.1.48-ngcc
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/@syncfusion/ej2-angular-lists.es5.js +188 -0
- package/@syncfusion/ej2-angular-lists.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-lists.js +169 -0
- package/@syncfusion/ej2-angular-lists.js.map +1 -0
- package/README.md +10 -10
- package/dist/ej2-angular-lists.umd.js +213 -0
- package/dist/ej2-angular-lists.umd.js.map +1 -0
- package/dist/ej2-angular-lists.umd.min.js +11 -0
- package/dist/ej2-angular-lists.umd.min.js.map +1 -0
- package/ej2-angular-lists.d.ts +5 -0
- package/ej2-angular-lists.metadata.json +1 -0
- package/license +10 -0
- package/package.json +15 -29
- package/schematics/collection.json +10 -9
- package/schematics/ng-add/index.d.ts +3 -0
- package/schematics/ng-add/index.js +9 -0
- package/schematics/ng-add/index.ts +10 -10
- package/schematics/ng-add/schema.d.ts +13 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +34 -34
- package/schematics/ng-add/schema.ts +30 -30
- package/schematics/tsconfig.json +25 -25
- package/schematics/utils/lib-details.d.ts +4 -0
- package/schematics/utils/lib-details.js +6 -0
- package/schematics/utils/lib-details.ts +2 -2
- package/src/list-view/listview-all.module.d.ts +0 -6
- package/src/list-view/listview.component.d.ts +0 -3
- package/src/list-view/listview.module.d.ts +0 -6
- package/styles/bootstrap-dark-lite.css +1 -0
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-lite.css +1 -0
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap4-lite.css +1 -0
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +1 -0
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-lite.css +1 -0
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +1 -0
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +1 -0
- package/styles/bootstrap5.3.scss +2 -0
- package/styles/fabric-dark-lite.css +1 -0
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-lite.css +1 -0
- package/styles/fabric-lite.scss +1 -0
- package/styles/fluent-dark-lite.css +1 -0
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-lite.css +1 -0
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent2-lite.css +1 -0
- package/styles/fluent2-lite.scss +1 -0
- package/styles/highcontrast-light-lite.css +1 -0
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-lite.css +1 -0
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/list-view/bootstrap5.3.css +1 -0
- package/styles/list-view/bootstrap5.3.scss +1 -0
- package/styles/material-dark-lite.css +1 -0
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-lite.css +1 -0
- package/styles/material-lite.scss +1 -0
- package/styles/material3-dark-lite.css +1 -0
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-lite.css +1 -0
- package/styles/material3-lite.scss +1 -0
- package/styles/sortable/bootstrap5.3.css +1 -0
- package/styles/sortable/bootstrap5.3.scss +1 -0
- package/styles/tailwind-dark-lite.css +1 -0
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-lite.css +1 -0
- package/styles/tailwind-lite.scss +1 -0
- package/CHANGELOG.md +0 -548
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/index.mjs +0 -5
- package/esm2020/src/list-view/listview-all.module.mjs +0 -29
- package/esm2020/src/list-view/listview.component.mjs +0 -85
- package/esm2020/src/list-view/listview.module.mjs +0 -25
- package/esm2020/syncfusion-ej2-angular-lists.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-lists.mjs +0 -137
- package/fesm2015/syncfusion-ej2-angular-lists.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-lists.mjs +0 -137
- package/fesm2020/syncfusion-ej2-angular-lists.mjs.map +0 -1
- package/syncfusion-ej2-angular-lists.d.ts +0 -5
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = Object.setPrototypeOf ||
|
|
3
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
4
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
5
|
+
return function (d, b) {
|
|
6
|
+
extendStatics(d, b);
|
|
7
|
+
function __() { this.constructor = d; }
|
|
8
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
|
|
12
|
+
import { ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
13
|
+
import { ListView, Virtualization } from '@syncfusion/ej2-lists';
|
|
14
|
+
import { CommonModule } from '@angular/common';
|
|
15
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
16
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
17
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
18
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
19
|
+
else
|
|
20
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
21
|
+
if (d = decorators[i])
|
|
22
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
24
|
+
};
|
|
25
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
26
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
27
|
+
return Reflect.metadata(k, v);
|
|
28
|
+
};
|
|
29
|
+
var inputs = ['animation', 'checkBoxPosition', 'cssClass', 'dataSource', 'enable', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'groupTemplate', 'headerTemplate', 'headerTitle', 'height', 'htmlAttributes', 'locale', 'query', 'showCheckBox', 'showHeader', 'showIcon', 'sortOrder', 'template', 'width'];
|
|
30
|
+
var outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'scroll', 'select'];
|
|
31
|
+
var twoWays = [''];
|
|
32
|
+
/**
|
|
33
|
+
* Represents Angular ListView Component
|
|
34
|
+
* ```
|
|
35
|
+
* <ejs-listview [dataSource]='data'></ejs-listview>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
var ListViewComponent = /** @class */ (function (_super) {
|
|
39
|
+
__extends(ListViewComponent, _super);
|
|
40
|
+
/**
|
|
41
|
+
* @param {?} ngEle
|
|
42
|
+
* @param {?} srenderer
|
|
43
|
+
* @param {?} viewContainerRef
|
|
44
|
+
* @param {?} injector
|
|
45
|
+
*/
|
|
46
|
+
function ListViewComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
47
|
+
var _this = _super.call(this) || this;
|
|
48
|
+
_this.ngEle = ngEle;
|
|
49
|
+
_this.srenderer = srenderer;
|
|
50
|
+
_this.viewContainerRef = viewContainerRef;
|
|
51
|
+
_this.injector = injector;
|
|
52
|
+
_this.element = _this.ngEle.nativeElement;
|
|
53
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
54
|
+
try {
|
|
55
|
+
var mod = _this.injector.get('ListsVirtualization');
|
|
56
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
57
|
+
_this.injectedModules.push(mod);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
catch (_a) { }
|
|
61
|
+
_this.registerEvents(outputs);
|
|
62
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
63
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
64
|
+
_this.context = new ComponentBase();
|
|
65
|
+
return _this;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* @return {?}
|
|
69
|
+
*/
|
|
70
|
+
ListViewComponent.prototype.ngOnInit = function () {
|
|
71
|
+
this.context.ngOnInit(this);
|
|
72
|
+
};
|
|
73
|
+
/**
|
|
74
|
+
* @return {?}
|
|
75
|
+
*/
|
|
76
|
+
ListViewComponent.prototype.ngAfterViewInit = function () {
|
|
77
|
+
this.context.ngAfterViewInit(this);
|
|
78
|
+
};
|
|
79
|
+
/**
|
|
80
|
+
* @return {?}
|
|
81
|
+
*/
|
|
82
|
+
ListViewComponent.prototype.ngOnDestroy = function () {
|
|
83
|
+
this.context.ngOnDestroy(this);
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* @return {?}
|
|
87
|
+
*/
|
|
88
|
+
ListViewComponent.prototype.ngAfterContentChecked = function () {
|
|
89
|
+
this.context.ngAfterContentChecked(this);
|
|
90
|
+
};
|
|
91
|
+
return ListViewComponent;
|
|
92
|
+
}(ListView));
|
|
93
|
+
ListViewComponent.decorators = [
|
|
94
|
+
{ type: Component, args: [{
|
|
95
|
+
selector: 'ejs-listview',
|
|
96
|
+
inputs: inputs,
|
|
97
|
+
outputs: outputs,
|
|
98
|
+
template: '',
|
|
99
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
100
|
+
queries: {}
|
|
101
|
+
},] },
|
|
102
|
+
];
|
|
103
|
+
/**
|
|
104
|
+
* @nocollapse
|
|
105
|
+
*/
|
|
106
|
+
ListViewComponent.ctorParameters = function () { return [
|
|
107
|
+
{ type: ElementRef, },
|
|
108
|
+
{ type: Renderer2, },
|
|
109
|
+
{ type: ViewContainerRef, },
|
|
110
|
+
{ type: Injector, },
|
|
111
|
+
]; };
|
|
112
|
+
ListViewComponent.propDecorators = {
|
|
113
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
114
|
+
'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
|
|
115
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
116
|
+
};
|
|
117
|
+
__decorate([
|
|
118
|
+
Template(),
|
|
119
|
+
__metadata("design:type", Object)
|
|
120
|
+
], ListViewComponent.prototype, "template", void 0);
|
|
121
|
+
__decorate([
|
|
122
|
+
Template(),
|
|
123
|
+
__metadata("design:type", Object)
|
|
124
|
+
], ListViewComponent.prototype, "groupTemplate", void 0);
|
|
125
|
+
__decorate([
|
|
126
|
+
Template(),
|
|
127
|
+
__metadata("design:type", Object)
|
|
128
|
+
], ListViewComponent.prototype, "headerTemplate", void 0);
|
|
129
|
+
ListViewComponent = __decorate([
|
|
130
|
+
ComponentMixins([ComponentBase]),
|
|
131
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
132
|
+
Renderer2,
|
|
133
|
+
ViewContainerRef,
|
|
134
|
+
Injector])
|
|
135
|
+
], ListViewComponent);
|
|
136
|
+
/**
|
|
137
|
+
* NgModule definition for the ListView component.
|
|
138
|
+
*/
|
|
139
|
+
var ListViewModule = /** @class */ (function () {
|
|
140
|
+
function ListViewModule() {
|
|
141
|
+
}
|
|
142
|
+
return ListViewModule;
|
|
143
|
+
}());
|
|
144
|
+
ListViewModule.decorators = [
|
|
145
|
+
{ type: NgModule, args: [{
|
|
146
|
+
imports: [CommonModule],
|
|
147
|
+
declarations: [
|
|
148
|
+
ListViewComponent
|
|
149
|
+
],
|
|
150
|
+
exports: [
|
|
151
|
+
ListViewComponent
|
|
152
|
+
]
|
|
153
|
+
},] },
|
|
154
|
+
];
|
|
155
|
+
/**
|
|
156
|
+
* @nocollapse
|
|
157
|
+
*/
|
|
158
|
+
ListViewModule.ctorParameters = function () { return []; };
|
|
159
|
+
var VirtualizationService = { provide: 'ListsVirtualization', useValue: Virtualization };
|
|
160
|
+
/**
|
|
161
|
+
* NgModule definition for the ListView component with providers.
|
|
162
|
+
*/
|
|
163
|
+
var ListViewAllModule = /** @class */ (function () {
|
|
164
|
+
function ListViewAllModule() {
|
|
165
|
+
}
|
|
166
|
+
return ListViewAllModule;
|
|
167
|
+
}());
|
|
168
|
+
ListViewAllModule.decorators = [
|
|
169
|
+
{ type: NgModule, args: [{
|
|
170
|
+
imports: [CommonModule, ListViewModule],
|
|
171
|
+
exports: [
|
|
172
|
+
ListViewModule
|
|
173
|
+
],
|
|
174
|
+
providers: [
|
|
175
|
+
VirtualizationService
|
|
176
|
+
]
|
|
177
|
+
},] },
|
|
178
|
+
];
|
|
179
|
+
/**
|
|
180
|
+
* @nocollapse
|
|
181
|
+
*/
|
|
182
|
+
ListViewAllModule.ctorParameters = function () { return []; };
|
|
183
|
+
/**
|
|
184
|
+
* Generated bundle index. Do not edit.
|
|
185
|
+
*/
|
|
186
|
+
export { ListViewComponent, ListViewModule, ListViewAllModule, VirtualizationService, inputs as ɵa, outputs as ɵb };
|
|
187
|
+
export { classNames, FieldSettings, ListView, Virtualization, cssClass, ListBase, getFieldValues, Sortable, moveTo } from '@syncfusion/ej2-lists';
|
|
188
|
+
//# sourceMappingURL=ej2-angular-lists.es5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ej2-angular-lists.es5.js","sources":["~/@syncfusion/ej2-angular-lists/ej2-angular-lists.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview-all.module.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview.module.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview.component.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ListViewComponent,ListViewModule,ListViewAllModule,VirtualizationService,classNames,Fields,FieldSettings,AnimationSettings,ListViewEffect,checkBoxPosition,ListView,ClassNames,ListSelectedItem,direction,SelectedItem,SelectedCollection,UISelectedItem,DataAndParent,NestedListData,SelectEventArgs,ScrolledEventArgs,ItemCreatedArgs,ElementContext,Virtualization,FieldSettingsModel,ListViewModel,cssClass,ClassList,SortOrder,ListBase,createElementParams,FieldsMapping,Position,AriaAttributesMapping,ListBaseOptions,getFieldValues,Sortable,moveTo,DropEventArgs,BeforeDragEventArgs,SortableModel} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/list-view/listview.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListViewComponent } from './listview.component';\nimport { ListViewModule } from './listview.module';\nimport {Virtualization} from '@syncfusion/ej2-lists';\n\n\nexport const /** @type {?} */ VirtualizationService: ValueProvider = { provide: 'ListsVirtualization', useValue: Virtualization};\n/**\n * NgModule definition for the ListView component with providers.\n */\nexport class ListViewAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule, ListViewModule],\n exports: [\n ListViewModule\n ],\n providers:[\n VirtualizationService\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ListViewAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListViewComponent } from './listview.component';\n/**\n * NgModule definition for the ListView component.\n */\nexport class ListViewModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule],\n declarations: [\n ListViewComponent\n ],\n exports: [\n ListViewComponent\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ListViewModule_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nexport const /** @type {?} */ inputs: string[] = ['animation','checkBoxPosition','cssClass','dataSource','enable','enableHtmlSanitizer','enablePersistence','enableRtl','enableVirtualization','fields','groupTemplate','headerTemplate','headerTitle','height','htmlAttributes','locale','query','showCheckBox','showHeader','showIcon','sortOrder','template','width'];\nexport const /** @type {?} */ outputs: string[] = ['actionBegin','actionComplete','actionFailure','scroll','select'];\nexport const /** @type {?} */ twoWays: string[] = [''];\n/**\n * Represents Angular ListView Component\n * ```\n * <ejs-listview [dataSource]='data'></ejs-listview>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class ListViewComponent extends ListView implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tscroll: any;\npublic select: any;\n/**\n * The ListView component supports to customize the content of each list items with the help of `template` property.\n * \n * {% codeBlock src='listview/template/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public template: any;\n/**\n * The ListView has an option to custom design the group header title with the help of `groupTemplate` property.\n * \n * {% codeBlock src=\"listview/groupTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public groupTemplate: any;\n/**\n * The ListView has an option to custom design the ListView header title with the help of `headerTemplate` property.\n * \n * {% codeBlock src=\"listview/headerTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public headerTemplate: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n try {\n let mod = this.injector.get('ListsVirtualization');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n this.context.ngOnInit(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n \n this.context.ngAfterContentChecked(this);\n }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n selector: 'ejs-listview',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'groupTemplate': [{ type: ContentChild, args: ['groupTemplate', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n};\n}\n\nfunction ListViewComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewComponent.ctorParameters;\n/** @type {?} */\nListViewComponent.propDecorators;\n/** @type {?} */\nListViewComponent.prototype.context;\n/** @type {?} */\nListViewComponent.prototype.tagObjects;\n/** @type {?} */\nListViewComponent.prototype.actionBegin;\n/** @type {?} */\nListViewComponent.prototype.actionComplete;\n/** @type {?} */\nListViewComponent.prototype.actionFailure;\n/** @type {?} */\nListViewComponent.prototype.scroll;\n/** @type {?} */\nListViewComponent.prototype.select;\n/**\n * The ListView component supports to customize the content of each list items with the help of `template` property.\n * \n * {% codeBlock src='listview/template/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.template;\n/**\n * The ListView has an option to custom design the group header title with the help of `groupTemplate` property.\n * \n * {% codeBlock src=\"listview/groupTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.groupTemplate;\n/**\n * The ListView has an option to custom design the ListView header title with the help of `headerTemplate` property.\n * \n * {% codeBlock src=\"listview/headerTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.headerTemplate;\n/** @type {?} */\nListViewComponent.prototype.registerEvents;\n/** @type {?} */\nListViewComponent.prototype.addTwoWay;\n/** @type {?} */\nListViewComponent.prototype.ngEle;\n/** @type {?} */\nListViewComponent.prototype.srenderer;\n/** @type {?} */\nListViewComponent.prototype.viewContainerRef;\n/** @type {?} */\nListViewComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
3
|
+
import { ListView, Virtualization } from '@syncfusion/ej2-lists';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
7
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
9
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
10
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
11
|
+
};
|
|
12
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
13
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
14
|
+
};
|
|
15
|
+
const inputs = ['animation', 'checkBoxPosition', 'cssClass', 'dataSource', 'enable', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'groupTemplate', 'headerTemplate', 'headerTitle', 'height', 'htmlAttributes', 'locale', 'query', 'showCheckBox', 'showHeader', 'showIcon', 'sortOrder', 'template', 'width'];
|
|
16
|
+
const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'scroll', 'select'];
|
|
17
|
+
const twoWays = [''];
|
|
18
|
+
/**
|
|
19
|
+
* Represents Angular ListView Component
|
|
20
|
+
* ```
|
|
21
|
+
* <ejs-listview [dataSource]='data'></ejs-listview>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
let ListViewComponent = class ListViewComponent extends ListView {
|
|
25
|
+
/**
|
|
26
|
+
* @param {?} ngEle
|
|
27
|
+
* @param {?} srenderer
|
|
28
|
+
* @param {?} viewContainerRef
|
|
29
|
+
* @param {?} injector
|
|
30
|
+
*/
|
|
31
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
32
|
+
super();
|
|
33
|
+
this.ngEle = ngEle;
|
|
34
|
+
this.srenderer = srenderer;
|
|
35
|
+
this.viewContainerRef = viewContainerRef;
|
|
36
|
+
this.injector = injector;
|
|
37
|
+
this.element = this.ngEle.nativeElement;
|
|
38
|
+
this.injectedModules = this.injectedModules || [];
|
|
39
|
+
try {
|
|
40
|
+
let mod = this.injector.get('ListsVirtualization');
|
|
41
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
42
|
+
this.injectedModules.push(mod);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
catch (_a) { }
|
|
46
|
+
this.registerEvents(outputs);
|
|
47
|
+
this.addTwoWay.call(this, twoWays);
|
|
48
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
49
|
+
this.context = new ComponentBase();
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* @return {?}
|
|
53
|
+
*/
|
|
54
|
+
ngOnInit() {
|
|
55
|
+
this.context.ngOnInit(this);
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* @return {?}
|
|
59
|
+
*/
|
|
60
|
+
ngAfterViewInit() {
|
|
61
|
+
this.context.ngAfterViewInit(this);
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* @return {?}
|
|
65
|
+
*/
|
|
66
|
+
ngOnDestroy() {
|
|
67
|
+
this.context.ngOnDestroy(this);
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* @return {?}
|
|
71
|
+
*/
|
|
72
|
+
ngAfterContentChecked() {
|
|
73
|
+
this.context.ngAfterContentChecked(this);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
ListViewComponent.decorators = [
|
|
77
|
+
{ type: Component, args: [{
|
|
78
|
+
selector: 'ejs-listview',
|
|
79
|
+
inputs: inputs,
|
|
80
|
+
outputs: outputs,
|
|
81
|
+
template: '',
|
|
82
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
83
|
+
queries: {}
|
|
84
|
+
},] },
|
|
85
|
+
];
|
|
86
|
+
/**
|
|
87
|
+
* @nocollapse
|
|
88
|
+
*/
|
|
89
|
+
ListViewComponent.ctorParameters = () => [
|
|
90
|
+
{ type: ElementRef, },
|
|
91
|
+
{ type: Renderer2, },
|
|
92
|
+
{ type: ViewContainerRef, },
|
|
93
|
+
{ type: Injector, },
|
|
94
|
+
];
|
|
95
|
+
ListViewComponent.propDecorators = {
|
|
96
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
97
|
+
'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
|
|
98
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
99
|
+
};
|
|
100
|
+
__decorate([
|
|
101
|
+
Template(),
|
|
102
|
+
__metadata("design:type", Object)
|
|
103
|
+
], ListViewComponent.prototype, "template", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
Template(),
|
|
106
|
+
__metadata("design:type", Object)
|
|
107
|
+
], ListViewComponent.prototype, "groupTemplate", void 0);
|
|
108
|
+
__decorate([
|
|
109
|
+
Template(),
|
|
110
|
+
__metadata("design:type", Object)
|
|
111
|
+
], ListViewComponent.prototype, "headerTemplate", void 0);
|
|
112
|
+
ListViewComponent = __decorate([
|
|
113
|
+
ComponentMixins([ComponentBase]),
|
|
114
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
115
|
+
Renderer2,
|
|
116
|
+
ViewContainerRef,
|
|
117
|
+
Injector])
|
|
118
|
+
], ListViewComponent);
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* NgModule definition for the ListView component.
|
|
122
|
+
*/
|
|
123
|
+
class ListViewModule {
|
|
124
|
+
}
|
|
125
|
+
ListViewModule.decorators = [
|
|
126
|
+
{ type: NgModule, args: [{
|
|
127
|
+
imports: [CommonModule],
|
|
128
|
+
declarations: [
|
|
129
|
+
ListViewComponent
|
|
130
|
+
],
|
|
131
|
+
exports: [
|
|
132
|
+
ListViewComponent
|
|
133
|
+
]
|
|
134
|
+
},] },
|
|
135
|
+
];
|
|
136
|
+
/**
|
|
137
|
+
* @nocollapse
|
|
138
|
+
*/
|
|
139
|
+
ListViewModule.ctorParameters = () => [];
|
|
140
|
+
|
|
141
|
+
const VirtualizationService = { provide: 'ListsVirtualization', useValue: Virtualization };
|
|
142
|
+
/**
|
|
143
|
+
* NgModule definition for the ListView component with providers.
|
|
144
|
+
*/
|
|
145
|
+
class ListViewAllModule {
|
|
146
|
+
}
|
|
147
|
+
ListViewAllModule.decorators = [
|
|
148
|
+
{ type: NgModule, args: [{
|
|
149
|
+
imports: [CommonModule, ListViewModule],
|
|
150
|
+
exports: [
|
|
151
|
+
ListViewModule
|
|
152
|
+
],
|
|
153
|
+
providers: [
|
|
154
|
+
VirtualizationService
|
|
155
|
+
]
|
|
156
|
+
},] },
|
|
157
|
+
];
|
|
158
|
+
/**
|
|
159
|
+
* @nocollapse
|
|
160
|
+
*/
|
|
161
|
+
ListViewAllModule.ctorParameters = () => [];
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Generated bundle index. Do not edit.
|
|
165
|
+
*/
|
|
166
|
+
|
|
167
|
+
export { ListViewComponent, ListViewModule, ListViewAllModule, VirtualizationService, inputs as ɵa, outputs as ɵb };
|
|
168
|
+
export { classNames, FieldSettings, ListView, Virtualization, cssClass, ListBase, getFieldValues, Sortable, moveTo } from '@syncfusion/ej2-lists';
|
|
169
|
+
//# sourceMappingURL=ej2-angular-lists.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ej2-angular-lists.js","sources":["~/@syncfusion/ej2-angular-lists/ej2-angular-lists.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview-all.module.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview.module.ts","~/@syncfusion/ej2-angular-lists/src/list-view/listview.component.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ListViewComponent,ListViewModule,ListViewAllModule,VirtualizationService,classNames,Fields,FieldSettings,AnimationSettings,ListViewEffect,checkBoxPosition,ListView,ClassNames,ListSelectedItem,direction,SelectedItem,SelectedCollection,UISelectedItem,DataAndParent,NestedListData,SelectEventArgs,ScrolledEventArgs,ItemCreatedArgs,ElementContext,Virtualization,FieldSettingsModel,ListViewModel,cssClass,ClassList,SortOrder,ListBase,createElementParams,FieldsMapping,Position,AriaAttributesMapping,ListBaseOptions,getFieldValues,Sortable,moveTo,DropEventArgs,BeforeDragEventArgs,SortableModel} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/list-view/listview.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListViewComponent } from './listview.component';\nimport { ListViewModule } from './listview.module';\nimport {Virtualization} from '@syncfusion/ej2-lists';\n\n\nexport const /** @type {?} */ VirtualizationService: ValueProvider = { provide: 'ListsVirtualization', useValue: Virtualization};\n/**\n * NgModule definition for the ListView component with providers.\n */\nexport class ListViewAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule, ListViewModule],\n exports: [\n ListViewModule\n ],\n providers:[\n VirtualizationService\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ListViewAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListViewComponent } from './listview.component';\n/**\n * NgModule definition for the ListView component.\n */\nexport class ListViewModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule],\n declarations: [\n ListViewComponent\n ],\n exports: [\n ListViewComponent\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ListViewModule_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nexport const /** @type {?} */ inputs: string[] = ['animation','checkBoxPosition','cssClass','dataSource','enable','enableHtmlSanitizer','enablePersistence','enableRtl','enableVirtualization','fields','groupTemplate','headerTemplate','headerTitle','height','htmlAttributes','locale','query','showCheckBox','showHeader','showIcon','sortOrder','template','width'];\nexport const /** @type {?} */ outputs: string[] = ['actionBegin','actionComplete','actionFailure','scroll','select'];\nexport const /** @type {?} */ twoWays: string[] = [''];\n/**\n * Represents Angular ListView Component\n * ```\n * <ejs-listview [dataSource]='data'></ejs-listview>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class ListViewComponent extends ListView implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tscroll: any;\npublic select: any;\n/**\n * The ListView component supports to customize the content of each list items with the help of `template` property.\n * \n * {% codeBlock src='listview/template/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public template: any;\n/**\n * The ListView has an option to custom design the group header title with the help of `groupTemplate` property.\n * \n * {% codeBlock src=\"listview/groupTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public groupTemplate: any;\n/**\n * The ListView has an option to custom design the ListView header title with the help of `headerTemplate` property.\n * \n * {% codeBlock src=\"listview/headerTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public headerTemplate: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n try {\n let mod = this.injector.get('ListsVirtualization');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n this.context.ngOnInit(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n \n this.context.ngAfterContentChecked(this);\n }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n selector: 'ejs-listview',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n\n }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'groupTemplate': [{ type: ContentChild, args: ['groupTemplate', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n};\n}\n\nfunction ListViewComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nListViewComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nListViewComponent.ctorParameters;\n/** @type {?} */\nListViewComponent.propDecorators;\n/** @type {?} */\nListViewComponent.prototype.context;\n/** @type {?} */\nListViewComponent.prototype.tagObjects;\n/** @type {?} */\nListViewComponent.prototype.actionBegin;\n/** @type {?} */\nListViewComponent.prototype.actionComplete;\n/** @type {?} */\nListViewComponent.prototype.actionFailure;\n/** @type {?} */\nListViewComponent.prototype.scroll;\n/** @type {?} */\nListViewComponent.prototype.select;\n/**\n * The ListView component supports to customize the content of each list items with the help of `template` property.\n * \n * {% codeBlock src='listview/template/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.template;\n/**\n * The ListView has an option to custom design the group header title with the help of `groupTemplate` property.\n * \n * {% codeBlock src=\"listview/groupTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.groupTemplate;\n/**\n * The ListView has an option to custom design the ListView header title with the help of `headerTemplate` property.\n * \n * {% codeBlock src=\"listview/headerTemplate/index.md\" %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nListViewComponent.prototype.headerTemplate;\n/** @type {?} */\nListViewComponent.prototype.registerEvents;\n/** @type {?} */\nListViewComponent.prototype.addTwoWay;\n/** @type {?} */\nListViewComponent.prototype.ngEle;\n/** @type {?} */\nListViewComponent.prototype.srenderer;\n/** @type {?} */\nListViewComponent.prototype.viewContainerRef;\n/** @type {?} */\nListViewComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n"],"names":[],"mappings":"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"}
|
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ The angular listview component allows you to select an item or multiple items fr
|
|
|
4
4
|
|
|
5
5
|

|
|
6
6
|
|
|
7
|
-
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/?utm_source=npm&utm_campaign=listview). To acquire a license, you can purchase
|
|
7
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/?utm_source=npm&utm_campaign=listview). To acquire a license, you can [purchase](https://www.syncfusion.com/sales/products/?utm_source=npm&utm_campaign=listview) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials/?utm_source=npm&utm_campaign=listview).
|
|
8
8
|
|
|
9
9
|
> A free [community license](https://www.syncfusion.com/products/communitylicense/?utm_source=npm&utm_campaign=listview) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
10
10
|
|
|
@@ -19,7 +19,7 @@ npm install @syncfusion/ej2-angular-lists
|
|
|
19
19
|
## Resources
|
|
20
20
|
|
|
21
21
|
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/listview/getting-started/?utm_source=npm&utm_campaign=listview)
|
|
22
|
-
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
22
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default)
|
|
23
23
|
* [Product Page](https://www.syncfusion.com/angular-ui-components/listview/?utm_source=npm&utm_campaign=listview)
|
|
24
24
|
|
|
25
25
|
## Supported Frameworks
|
|
@@ -35,23 +35,23 @@ npm install @syncfusion/ej2-angular-lists
|
|
|
35
35
|
## Showcase samples
|
|
36
36
|
|
|
37
37
|
* Webmail ([Live Demo](https://ej2.syncfusion.com/showcase/angular/webmail/?utm_source=npm&utm_campaign=listview))
|
|
38
|
-
* Call History ([Live Demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
38
|
+
* Call History ([Live Demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/call-history))
|
|
39
39
|
|
|
40
40
|
## Key Features
|
|
41
41
|
|
|
42
|
-
* [**Data binding**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
42
|
+
* [**Data binding**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default) - Supports data binding to display the list of items from the local or server-side data source.
|
|
43
43
|
|
|
44
|
-
* [**Grouping**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
44
|
+
* [**Grouping**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default) - Provides support to group the logically related items under a category.
|
|
45
45
|
|
|
46
|
-
* [**Nested list**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
46
|
+
* [**Nested list**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/nested-list) - Displays a set of nested list items in different layout.
|
|
47
47
|
|
|
48
|
-
* [**Virtualization**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
48
|
+
* [**Virtualization**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/virtualization) - Allows you to load only viewable list items in a view port which will increase ListView performance on loading large number of data.
|
|
49
49
|
|
|
50
|
-
* [**Check list**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
50
|
+
* [**Check list**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/checklist) - Displays list item with checkbox which allows you to select single or select multiple items.
|
|
51
51
|
|
|
52
|
-
* [**Customizing templates**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
52
|
+
* [**Customizing templates**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/group-template) - Allows you to customize the list item, header, and category group header.
|
|
53
53
|
|
|
54
|
-
* [**Accessibility**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/
|
|
54
|
+
* [**Accessibility**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default) - Provides built-in accessibility support that helps to access all the ListView component features through the keyboard, on-screen readers, or other assistive technology devices.
|
|
55
55
|
|
|
56
56
|
## Support
|
|
57
57
|
|