documentation(EJ2-63389): modified sample to latest version

.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see http://editorconfig.org
+# Editor configuration, see https://editorconfig.org
 root = true
 
 [*]
@@ -8,6 +8,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.github/workflows/gitleaks.yaml

@@ -0,0 +1,38 @@
+name: Secret Value found!
+on:
+  push:
+  public:
+jobs:
+  scan:
+    name: gitleaks
+    runs-on: ubuntu-latest
+    steps:
+     - name: Checkout
+       uses: actions/checkout@v3 
+     - name: Install the gitleaks
+       run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
+       shell: pwsh
+     - name: Extract the tar file
+       run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
+     - name: Generate the report
+       id: gitleaks
+       run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
+       shell: bash
+       continue-on-error: true
+     - name: Setup NuGet.exe
+       if: steps.gitleaks.outcome != 'success'
+       uses: nuget/setup-nuget@v1
+       with:
+          nuget-version: latest
+     - name: Install the dotnet
+       if: steps.gitleaks.outcome != 'success'
+       uses: actions/setup-dotnet@v3
+       with:
+          dotnet-version: '3.1.x'
+     - name: Install the report tool packages
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+           nuget install "Syncfusion.Email" -source "https://nexus.syncfusion.com/repository/nuget-hosted/"
+           dir $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1
+           dotnet $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1/Email.dll "[email protected]" "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE"
+           exit 1

.gitignore

@@ -1,39 +1,42 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
-# compiled output
+# Compiled output
 /dist
 /tmp
 /out-tsc
+/bazel-out
 
-# dependencies
+# Node
 /node_modules
+npm-debug.log
+yarn-error.log
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+.history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 
-# System Files
+# System files
 .DS_Store
 Thumbs.db

README.md

@@ -1,92 +1,27 @@
-# Essential JS2 for Angular with SCSS Compilation
+# SyncfusionAngularApp
 
-This project we have configured with SASS compilation for Essential JS 2 for Angular application.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.1.
 
-## Configuring Node SASS Option in `.angular-cli.json`
+## Development server
 
-To avoid sass compiling issue. We need to add `stylePreprocessorOptions` option to `.angular-cli.json` file.
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
 
-```js
-"stylePreprocessorOptions": { 
-    "includePaths": [ 
-        "node_modules/@syncfusion/ " 
-    ] 
-}
-```
+## Code scaffolding
 
-Add `stylePreprocessorOptions` option under `apps` in `.angular-cli.json`
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
 
+## Build
 
-```js
- "apps": [{
-        "root": "src",
-        "outDir": "dist",
-        "assets": [
-            "assets",
-            "favicon.ico"
-        ],
-        "index": "index.html",
-        "main": "main.ts",
-        "polyfills": "polyfills.ts",
-        "test": "test.ts",
-        "tsconfig": "tsconfig.app.json",
-        "testTsconfig": "tsconfig.spec.json",
-        "prefix": "app",
-        "styles": [
-            "styles.scss"
-        ],
-        "stylePreprocessorOptions": {
-            "includePaths": [
-                "node_modules/@syncfusion"
-            ]
-        },
-        "scripts": [],
-        "environmentSource": "environments/environment.ts",
-        "environments": {
-            "dev": "environments/environment.ts",
-            "prod": "environments/environment.prod.ts"
-        }
-    }],
-```
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-## How To Override styles
+## Running unit tests
 
-In syncfusion Angular components, you can override control styles by replacing sass variable values like below in `styles.scss` file:
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-```css
+## Running end-to-end tests
 
-// SASS Variable override
-$accent: black;
-$primary: rgb(0, 255, 157);
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
 
-// syncfusion styles
-@import '../node_modules/@syncfusion/ej2-angular-grids/styles/material.scss';
+## Further help
 
-```
-
-
-## Installing and Running Application
-
-## Installing Angular CLI
-
-To install Angular CLI use the following command
-
-```
-npm install -g @angular/cli
-```
-
-### Installing Package 
-
-To install required package for this application. Run the below command.
-
-```
-npm install
-```
-
-### Running Application
-
-To run this application. Run the below command.
-
-```
-npm start
-```
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.