@syncfusion/ej2-angular-lists 34.2.8 → 35.1.37

package/CHANGELOG.md

@@ -2,24 +2,6 @@
 
 ## [Unreleased]
 
-## 34.2.2 (2026-08-05)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I858977` - The issue with "Script Error Occurs When Dragging a ListBox Item Outside the Component Boundary with allowDragAndDrop Enabled" has been resolved.
-
-## 34.1.30 (2026-07-09)
-
-### ListBase
-
-#### Bug Fixes
-
-- `#I851323`- Resolved an issue in `Dropdown` components where the `popup` list incorrectly rendered items as anchor tags when the `DataSource` text field contained a URL.
-
-## 34.1.29 (2026-07-06)
-
 ### ListView
 
 #### Bug Fixes

package/fesm2022/syncfusion-ej2-angular-lists.mjs

@@ -0,0 +1,131 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ContentChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { setValue, ComponentBase, ComponentMixins, Template } from '@syncfusion/ej2-angular-base';
+import { ListView, Virtualization } from '@syncfusion/ej2-lists';
+export * from '@syncfusion/ej2-lists';
+import { CommonModule } from '@angular/common';
+
+const inputs = ['animation', 'checkBoxPosition', 'cssClass', 'dataSource', 'disableHtmlEncode', 'enable', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'groupTemplate', 'headerTemplate', 'headerTitle', 'height', 'htmlAttributes', 'locale', 'query', 'showCheckBox', 'showHeader', 'showIcon', 'sortOrder', 'template', 'width'];
+const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'scroll', 'select'];
+const twoWays = [''];
+/**
+ * Represents Angular ListView Component
+ * ```
+ * <ejs-listview [dataSource]='data'></ejs-listview>
+ * ```
+ */
+let ListViewComponent = class ListViewComponent extends ListView {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        try {
+            let mod = this.injector.get('ListsVirtualization');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch { }
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.context.ngAfterContentChecked(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: ListViewComponent, isStandalone: true, selector: "ejs-listview", inputs: { animation: "animation", checkBoxPosition: "checkBoxPosition", cssClass: "cssClass", dataSource: "dataSource", disableHtmlEncode: "disableHtmlEncode", enable: "enable", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableVirtualization: "enableVirtualization", enabled: "enabled", fields: "fields", groupTemplate: "groupTemplate", headerTemplate: "headerTemplate", headerTitle: "headerTitle", height: "height", htmlAttributes: "htmlAttributes", locale: "locale", query: "query", showCheckBox: "showCheckBox", showHeader: "showHeader", showIcon: "showIcon", sortOrder: "sortOrder", template: "template", width: "width" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure", scroll: "scroll", select: "select" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "groupTemplate", first: true, predicate: ["groupTemplate"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+ListViewComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], ListViewComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ejs-listview',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    queries: {
+                        template: new ContentChild('template'),
+                        groupTemplate: new ContentChild('groupTemplate'),
+                        headerTemplate: new ContentChild('headerTemplate')
+                    }
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(ListViewComponent.prototype, 'template');
+Template()(ListViewComponent.prototype, 'groupTemplate');
+Template()(ListViewComponent.prototype, 'headerTemplate');
+
+const LISTVIEW_DIRECTIVES = [
+    ListViewComponent
+];
+/**
+ * NgModule definition for the ListView component.
+ * Re-exports standalone ListView component and directives so existing apps can keep using:
+ * `imports: [ListViewModule]`
+ */
+class ListViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: ListViewModule, imports: [CommonModule, ListViewComponent], exports: [ListViewComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...LISTVIEW_DIRECTIVES],
+                    exports: [...LISTVIEW_DIRECTIVES]
+                }]
+        }] });
+
+const VirtualizationService = { provide: 'ListsVirtualization', useValue: Virtualization };
+/**
+ * NgModule definition for the ListView component with providers.
+ */
+class ListViewAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: ListViewAllModule, imports: [CommonModule, ListViewModule], exports: [ListViewModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewAllModule, providers: [
+            VirtualizationService
+        ], imports: [CommonModule, ListViewModule, ListViewModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ListViewAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ListViewModule],
+                    exports: [
+                        ListViewModule
+                    ],
+                    providers: [
+                        VirtualizationService
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ListViewAllModule, ListViewComponent, ListViewModule, VirtualizationService };
+//# sourceMappingURL=syncfusion-ej2-angular-lists.mjs.map

package/fesm2022/syncfusion-ej2-angular-lists.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncfusion-ej2-angular-lists.mjs","sources":["../../src/list-view/listview.component.ts","../../src/list-view/listview.module.ts","../../src/list-view/listview-all.module.ts","../../syncfusion-ej2-angular-lists.ts"],"sourcesContent":["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 inputs: string[] = ['animation','checkBoxPosition','cssClass','dataSource','disableHtmlEncode','enable','enableHtmlSanitizer','enablePersistence','enableRtl','enableVirtualization','enabled','fields','groupTemplate','headerTemplate','headerTitle','height','htmlAttributes','locale','query','showCheckBox','showHeader','showIcon','sortOrder','template','width'];\nexport const outputs: string[] = ['actionBegin','actionComplete','actionFailure','scroll','select'];\nexport const twoWays: string[] = [''];\n\n/**\n * Represents Angular ListView Component\n * ```\n * <ejs-listview [dataSource]='data'></ejs-listview>\n * ```\n */\n@Component({\n    selector: 'ejs-listview',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    queries: {\n        template: new ContentChild('template'),\n        groupTemplate: new ContentChild('groupTemplate'),\n        headerTemplate: new ContentChild('headerTemplate')\n    }\n})\n@ComponentMixins([ComponentBase])\nexport class ListViewComponent extends ListView implements IComponentBase {\n    public declare context : any;\n    public declare tagObjects: any;\n\tdeclare actionBegin: any;\n\tdeclare actionComplete: any;\n\tdeclare actionFailure: any;\n\tdeclare scroll: any;\n\tpublic declare select: any;\n\n\n\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private 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\r\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.context  = new ComponentBase();\n    }\n\n    public ngOnInit() {\n        this.context.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.context.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.context.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.context.ngAfterContentChecked(this);\n    }\n\n    public declare registerEvents: (eventList: string[]) => void;\n    public declare addTwoWay: (propList: string[]) => void;\n}\nTemplate()(ListViewComponent.prototype, 'template');\nTemplate()(ListViewComponent.prototype, 'groupTemplate');\nTemplate()(ListViewComponent.prototype, 'headerTemplate');\n\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListViewComponent } from './listview.component';\n\nconst LISTVIEW_DIRECTIVES = [\n    ListViewComponent\n];\n\n/**\n * NgModule definition for the ListView component.\n * Re-exports standalone ListView component and directives so existing apps can keep using:\n * `imports: [ListViewModule]`\n */\n@NgModule({\n    imports: [CommonModule, ...LISTVIEW_DIRECTIVES],\n    exports: [...LISTVIEW_DIRECTIVES]\n})\nexport class ListViewModule { }","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 VirtualizationService: ValueProvider = { provide: 'ListsVirtualization', useValue: Virtualization};\n\n/**\n * NgModule definition for the ListView component with providers.\n */\n@NgModule({\n    imports: [CommonModule, ListViewModule],\n    exports: [\n        ListViewModule\n    ],\n    providers:[\n        VirtualizationService\n    ]\n})\nexport class ListViewAllModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@syncfusion/ej2-angular-lists",
-  "version": "34.2.8",
+  "version": "35.1.37",
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. for Angular",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.8",
-    "@syncfusion/ej2-angular-base": "~34.2.8",
-    "@syncfusion/ej2-lists": "34.2.8"
+    "@syncfusion/ej2-base": "~35.1.37",
+    "@syncfusion/ej2-angular-base": "~35.1.37",
+    "@syncfusion/ej2-lists": "35.1.37"
   },
   "keywords": [
     "angular listview",
@@ -22,24 +22,17 @@
     "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
   },
   "sideEffects": false,
-  "module": "fesm2015/syncfusion-ej2-angular-lists.mjs",
-  "es2020": "fesm2020/syncfusion-ej2-angular-lists.mjs",
-  "esm2020": "esm2020/syncfusion-ej2-angular-lists.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-lists.mjs",
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-lists.mjs",
-  "typings": "syncfusion-ej2-angular-lists.d.ts",
+  "module": "fesm2022/syncfusion-ej2-angular-lists.mjs",
+  "typings": "types/syncfusion-ej2-angular-lists.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./syncfusion-ej2-angular-lists.d.ts",
-      "esm2020": "./esm2020/syncfusion-ej2-angular-lists.mjs",
-      "es2020": "./fesm2020/syncfusion-ej2-angular-lists.mjs",
-      "es2015": "./fesm2015/syncfusion-ej2-angular-lists.mjs",
-      "node": "./fesm2015/syncfusion-ej2-angular-lists.mjs",
-      "default": "./fesm2020/syncfusion-ej2-angular-lists.mjs"
+      "types": "./types/syncfusion-ej2-angular-lists.d.ts",
+      "default": "./fesm2022/syncfusion-ej2-angular-lists.mjs"
     }
   },
+  "type": "module",
   "homepage": "https://www.syncfusion.com/angular-components"
 }

package/schematics/collection.json

@@ -1,11 +1,40 @@
 {
-                "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-                "schematics": {
-                  "ng-add": {
-                    "description": "Adds Essential JS 2 specific Angular package to an application",
-                    "factory": "./ng-add",
-                    "schema": "./ng-add/schema.json"
-                  }
-                }
-              }
-              
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "factory": "./ng-add",
+      "schema": "./ng-add/schema.json"
+    },
+    "listview-checklist": {
+      "description": "Create an Angular ListView component with checkbox feature",
+      "factory": "./generators/listview-checklist",
+      "schema": "./generators/listview-checklist/schema.json"
+    },
+    "listview-default": {
+      "description": "Create an Angular ListView component as simple flat list",
+      "factory": "./generators/listview-default",
+      "schema": "./generators/listview-default/schema.json"
+    },
+    "listview-nestedlist": {
+      "description": "Create an Angular ListView component with nested navigation feature",
+      "factory": "./generators/listview-nestedlist",
+      "schema": "./generators/listview-nestedlist/schema.json"
+    },
+    "listview-remotelist": {
+      "description": "Loading remote data into Angular ListView component",
+      "factory": "./generators/listview-remotelist",
+      "schema": "./generators/listview-remotelist/schema.json"
+    },
+    "listview-template": {
+      "description": "Create an Angular component with EJ2 listview with template",
+      "factory": "./generators/listview-template",
+      "schema": "./generators/listview-template/schema.json"
+    },
+    "listview-virtualization": {
+      "description": "Enabling virtualization feature in Angular ListView component",
+      "factory": "./generators/listview-virtualization",
+      "schema": "./generators/listview-virtualization/schema.json"
+    }
+  }
+}

package/schematics/generators/listview-checklist/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/listview-checklist/index.js

@@ -0,0 +1,5 @@
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import * as sampleDetails from './sample-details';
+export default function (options) {
+    return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/listview-checklist/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/listview-checklist/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string | null;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/listview-checklist/sample-details.js

@@ -0,0 +1,5 @@
+export const componentName = 'listview';
+export const sampleName = 'checklist';
+export const diModules = null;
+export const packageName = '@syncfusion/ej2-angular-lists';
+export const libModules = 'ListViewModule';

package/schematics/generators/listview-checklist/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'listview';
+export const sampleName: string = 'checklist';
+export const diModules: string | null =  null;
+export const packageName: string = '@syncfusion/ej2-angular-lists';
+export const libModules: string = 'ListViewModule';

package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,49 @@
+#sample-list-flat,
+#sample-list-group {
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  margin: auto;
+}
+
+.control-section {
+  overflow: auto;
+  padding-bottom: 10px;
+}
+
+#flat-list,
+#group-list {
+  width: 40%;
+  padding: 10px;
+  margin: auto;
+}
+
+#flat-list,
+#group-list {
+  float: left;
+}
+
+
+#flat-list h4,
+#group-list h4 {
+  padding-left: 15px;
+}
+
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 30px;
+}
+
+#listview {
+  max-width: 500px;
+  margin: auto;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+}
+
+@media (max-width: 590px) {
+
+  #flat-list,
+  #group-list {
+    width: 100%;
+  }
+}

package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,12 @@
+<div class="control-section">
+    <div id='flat-list'>
+        <h4>Flat List</h4>
+        <!-- ListView element -->
+        <ejs-listview id='sample-list-flat' [dataSource]='data' [showCheckBox]='true'></ejs-listview>
+    </div>
+    <div id='group-list'>
+        <h4>Group List</h4>
+        <!-- Group ListView element -->
+        <ejs-listview id='sample-list-group' [dataSource]='groupData' [fields]='fields' [showCheckBox]='true'></ejs-listview>
+    </div>
+</div>

package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,84 @@
+/**
+ * ListView Checklist Sample
+ */
+import { Component } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component {
+
+    // Define an array of JSON data
+    public data: Object[] = [
+        { text: 'Hennessey Venom', id: 'list-01' },
+        { text: 'Bugatti Chiron', id: 'list-02' },
+        { text: 'Bugatti Veyron Super Sport', id: 'list-03' },
+        { text: 'SSC Ultimate Aero', id: 'list-04' },
+        { text: 'Koenigsegg CCR', id: 'list-05' },
+        { text: 'McLaren F1', id: 'list-06' },
+        { text: 'Aston Martin One- 77', id: 'list-07' },
+        { text: 'Jaguar XJ220', id: 'list-08' },
+        { text: 'McLaren P1', id: 'list-09' },
+        { text: 'Ferrari LaFerrari', id: 'list-10' },
+    ];
+
+    //  Define an array of JSON data
+    public groupData: { [key: string]: Object }[] = [
+        {
+            'text': 'Audi A4',
+            'id': '9bdb',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A5',
+            'id': '4589',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A6',
+            'id': 'e807',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A7',
+            'id': 'a0cc',
+            'category': 'Audi'
+        },
+        {
+            'text': 'Audi A8',
+            'id': '5e26',
+            'category': 'Audi'
+        },
+        {
+            'text': 'BMW 501',
+            'id': 'f849',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 502',
+            'id': '7aff',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 503',
+            'id': 'b1da',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 507',
+            'id': 'de2f',
+            'category': 'BMW'
+        },
+        {
+            'text': 'BMW 3200',
+            'id': 'b2b1',
+            'category': 'BMW'
+        }
+    ];
+
+    // Map the appropriate columns to fields property
+    public fields: Object = { groupBy: 'category' };
+}

package/schematics/generators/listview-checklist/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/listview-checklist/schema.js

@@ -0,0 +1 @@
+export {};

package/schematics/generators/listview-checklist/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "listview-checklist",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "listview-checklist"
+}

package/schematics/generators/listview-checklist/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/listview-default/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/listview-default/index.js

@@ -0,0 +1,5 @@
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import * as sampleDetails from './sample-details';
+export default function (options) {
+    return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/listview-default/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/listview-default/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string | null;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/listview-default/sample-details.js

@@ -0,0 +1,5 @@
+export const componentName = 'listview';
+export const sampleName = 'default';
+export const diModules = null;
+export const packageName = '@syncfusion/ej2-angular-lists';
+export const libModules = 'ListViewModule';

package/schematics/generators/listview-default/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'listview';
+export const sampleName: string = 'default';
+export const diModules: string | null =  null;
+export const packageName: string = '@syncfusion/ej2-angular-lists';
+export const libModules: string = 'ListViewModule';