@syncfusion/ej2-angular-lists 22.1.34 → 22.2.5-ngcc

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

@@ -0,0 +1,37 @@
+<div class="col-lg-8  control-section inline">
+  <!-- ListView element -->
+  <ejs-listview id='ui-list' #listviewInstance [dataSource]='dataSource.data1' [cssClass]='cssClass'
+    [enableVirtualization]=true headerTitle='Contacts' [fields]='fields' height=500 width=350 [template]='template'
+    (actionComplete)='onActionComplete()' (actionBegin)='onActionBegin()' [showHeader]='true'></ejs-listview>
+</div>
+<div class="col-lg-4 property-section ui-list inline">
+  <table id="property" title="Properties">
+    <tbody>
+      <tr>
+        <td style="width: 50%">
+          <div class="userselect">Load data</div>
+        </td>
+        <td style="width: 50%;padding-right: 10px">
+          <div>
+            <select (change)='onChange($event)'>
+              <option>1k</option>
+              <option>5k</option>
+              <option>10k</option>
+              <option>25k</option>
+            </select>
+          </div>
+        </td>
+      </tr>
+      <tr>
+        <td style="width: 50%;padding-top: 30px">
+          <div class="userselect">Time taken</div>
+        </td>
+        <td style="width: 50%;padding-right: 10px;padding-top: 30px;">
+          <div style="padding-left: 10px;padding-top: 0">
+            <span id="time">0 ms</span>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>

package/schematics/generators/listview-virtualization/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-virtualization/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "listview-virtualization",
+  "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-virtualization"
+}

package/schematics/ng-add/index.d.ts

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

package/schematics/ng-add/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lib_details_1 = require("./../utils/lib-details");
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+function default_1(options) {
+    const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
+    return schematics_1.install(options, libOptions);
+}
+exports.default = default_1;

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,13 @@
+export interface OptionsSchema {
+    skipPackageJson: boolean;
+    modules: string;
+    modulePath: string;
+    theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+    project?: string;
+}
+export interface LibOptionsSchema {
+    pkgName: string;
+    pkgVer: string;
+    moduleName: string;
+    themeVer: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-lists";
+export declare const pkgVer = "^22.1.34";
+export declare const moduleName = "ListViewModule";
+export declare const themeVer = "~22.1.34";

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-lists';
+exports.pkgVer = '^22.2.5';
+exports.moduleName = 'ListViewModule';
+exports.themeVer = '~22.2.5';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-lists';
-export const pkgVer = '^20.1.47';
+export const pkgVer = '^22.2.5';
 export const moduleName = 'ListViewModule';
-export const themeVer = '~20.1.47';
+export const themeVer = '~22.2.5';

package/src/list-view/listview-all.module.d.ts

@@ -1,13 +1,7 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./listview.module";
 export declare const VirtualizationService: ValueProvider;
 /**
  * NgModule definition for the ListView component with providers.
  */
 export declare class ListViewAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListViewAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListViewAllModule, never, [typeof i1.CommonModule, typeof i2.ListViewModule], [typeof i2.ListViewModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListViewAllModule>;
 }

package/src/list-view/listview.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { ListView } from '@syncfusion/ej2-lists';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -28,7 +27,10 @@ export declare class ListViewComponent extends ListView implements IComponentBas
      * {% codeBlock src='listview/template/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @deprecated
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+
      */
     template: any;
     /**
@@ -37,7 +39,10 @@ export declare class ListViewComponent extends ListView implements IComponentBas
      * {% codeBlock src="listview/groupTemplate/index.md" %}{% endcodeBlock %}
      *
      * @default null
-     * @deprecated
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+
      */
     groupTemplate: any;
     /**
@@ -46,7 +51,10 @@ export declare class ListViewComponent extends ListView implements IComponentBas
      * {% codeBlock src="listview/headerTemplate/index.md" %}{% endcodeBlock %}
      *
      * @default null
-     * @deprecated
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+
      */
     headerTemplate: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
@@ -56,6 +64,4 @@ export declare class ListViewComponent extends ListView implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "ejs-listview", never, { "animation": "animation"; "checkBoxPosition": "checkBoxPosition"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enable": "enable"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableVirtualization": "enableVirtualization"; "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"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "select": "select"; }, ["template", "groupTemplate", "headerTemplate"], never>;
 }

package/src/list-view/listview.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./listview.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the ListView component.
  */
 export declare class ListViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListViewModule, [typeof i1.ListViewComponent], [typeof i2.CommonModule], [typeof i1.ListViewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListViewModule>;
 }

package/styles/list-view/bootstrap-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/bootstrap-dark.scss';

package/styles/list-view/bootstrap.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/bootstrap.scss';

package/styles/list-view/bootstrap4.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/bootstrap4.scss';

package/styles/list-view/bootstrap5-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/bootstrap5-dark.scss';

package/styles/list-view/bootstrap5.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/bootstrap5.scss';

package/styles/list-view/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/fabric-dark.scss';

package/styles/list-view/fabric.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/fabric.scss';

package/styles/list-view/fluent-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/fluent-dark.scss';

package/styles/list-view/fluent.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/fluent.scss';

package/styles/list-view/highcontrast-light.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/highcontrast-light.scss';

package/styles/list-view/highcontrast.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/highcontrast.scss';

package/styles/list-view/material-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/material-dark.scss';

package/styles/list-view/material.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/material.scss';

package/styles/list-view/material3-dark.scss

@@ -1,6 +1,2 @@
 @import 'ej2-base/styles/material3-dark-definition.scss';
-
-@import 'ej2-buttons/styles/check-box/material3-dark-definition.scss';
-@import 'material3-dark-definition.scss';
-@import 'icons/material3-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/material3-dark.scss';

package/styles/list-view/material3.scss

@@ -1,6 +1,2 @@
 @import 'ej2-base/styles/material3-definition.scss';
-
-@import 'ej2-buttons/styles/check-box/material3-definition.scss';
-@import 'material3-definition.scss';
-@import 'icons/material3.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/material3.scss';

package/styles/list-view/tailwind-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/tailwind-dark.scss';

package/styles/list-view/tailwind.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-lists/styles/list-view/tailwind.scss';

package/styles/material3-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -515,6 +516,61 @@
   padding-right: 16px;
 }
 
+:root {
+  --color-sf-black: 0, 0, 0;
+  --color-sf-white: 255, 255, 255;
+  --color-sf-primary: 208, 188, 255;
+  --color-sf-primary-container: 79, 55, 139;
+  --color-sf-secondary: 204, 194, 220;
+  --color-sf-secondary-container: 74, 68, 88;
+  --color-sf-tertiary: 239, 184, 200;
+  --color-sf-tertiary-container: 99, 59, 72;
+  --color-sf-surface: 28, 27, 31;
+  --color-sf-surface-variant: 73, 69, 79;
+  --color-sf-background: var(--color-sf-surface);
+  --color-sf-on-primary: 55, 30, 115;
+  --color-sf-on-primary-container: 234, 221, 255;
+  --color-sf-on-secondary: 51, 45, 65;
+  --color-sf-on-secondary-container: 232, 222, 248;
+  --color-sf-on-tertiary: 73, 37, 50;
+  --color-sf-on-tertiary-containe: 255, 216, 228;
+  --color-sf-on-surface: 230, 225, 229;
+  --color-sf-on-surface-variant: 202, 196, 208;
+  --color-sf-on-background: 230, 225, 229;
+  --color-sf-outline: 147, 143, 153;
+  --color-sf-outline-variant: 68, 71, 70;
+  --color-sf-shadow: 0, 0, 0;
+  --color-sf-surface-tint-color: 208, 188, 255;
+  --color-sf-inverse-surface: 230, 225, 229;
+  --color-sf-inverse-on-surface: 49, 48, 51;
+  --color-sf-inverse-primary: 103, 80, 164;
+  --color-sf-scrim: 0, 0, 0;
+  --color-sf-error: 242, 184, 181;
+  --color-sf-error-container: 140, 29, 24;
+  --color-sf-on-error: 96, 20, 16;
+  --color-sf-on-error-container: 249, 222, 220;
+  --color-sf-success: 83, 202, 23;
+  --color-sf-success-container: 22, 62, 2;
+  --color-sf-on-success: 13, 39, 0;
+  --color-sf-on-success-container: 183, 250, 150;
+  --color-sf-info: 71, 172, 251;
+  --color-sf-info-container: 0, 67, 120;
+  --color-sf-on-info: 0, 51, 91;
+  --color-sf-on-info-container: 173, 219, 255;
+  --color-sf-warning: 245, 180, 130;
+  --color-sf-warning-container: 123, 65, 0;
+  --color-sf-on-warning: 99, 52, 0;
+  --color-sf-on-warning-container: 255, 220, 193;
+  --color-sf-spreadsheet-gridline: 231, 224, 236;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-success-text: 0, 0, 0;
+  --color-sf-warning-text: 0, 0, 0;
+  --color-sf-info-text: 0, 0, 0;
+  --color-sf-danger-text: 0, 0, 0;
+  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
+  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;

package/styles/material3-dark.scss

@@ -1,4 +1,3 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
 @import 'list-view/material3-dark.scss';
 @import 'sortable/material3-dark.scss';