v20.3.47 is released

Author: pipeline

README.md

@@ -48,7 +48,7 @@ gulp sitemap-generate
 
 ### Copy source
 
-It select all the files in `src/app/` and check the indexof value of the files is `/common`. If the condition satisfies it copy the files to `src/source`. Use the below command to run this task.
+It select all the files in `src/app/` and check the indexof value of the files in `/common`. If the condition satisfies it copy the files to `src/source`. Use the below command to run this task.
 
 ```
 gulp copy-source
@@ -64,7 +64,7 @@ npm run build:prod
 
 ### Move
 
-It copy files from OpennewSamples folder to output folder and replace `(/assets)` to `(./assets` if the `./output/main-es5.js` is exist. To run this task use the below command.
+It copy files from OpennewSamples folder to output folder and replace `(/assets)` to `(./assets)` if the `./output/main-es5.js` is exist. To run this task use the below command.
 
 ```
 gulp move
@@ -207,7 +207,7 @@ export let samplesList: any = [
 
  No, In your sample level html files, you don't read css files.
 
- For example: [Refer Here](https://gitlab.syncfusion.com/essential-studio/ej2-diagram-angular-samples/blob/master/src/app/diagram/bpmn-editor.html#L1).
+ For example: [Refer Here](https://github.com/syncfusion/ej2-angular-samples/blob/master/src/app/diagram/bpmn-editor.html#L1).
 
 ### 2) How to solve below Error while compilation?
 
@@ -224,4 +224,4 @@ export let samplesList: any = [
 
 If you have used some control in your samples, you have to map component module in your control module.
 
-For Example: If You use `ejs-dropdownlist` control in your [sample](https://gitlab.syncfusion.com/essential-studio/ej2-diagram-angular-samples/blob/release/17.1.0.1/src/app/diagram/ports.html#L133), you need to import that control module in your sample level [modulefile](https://gitlab.syncfusion.com/essential-studio/ej2-diagram-angular-samples/blob/release/17.1.0.1/src/app/diagram/diagram.module.ts#L14)
+For Example: If You use `ejs-dropdownlist` control in your [sample](https://github.com/syncfusion/ej2-angular-samples/blob/master/src/app/diagram/ports.html#L133), you need to import that control module in your sample level [modulefile](https://github.com/syncfusion/ej2-angular-samples/blob/master/src/app/diagram/diagram.module.ts#L13)

angular.json

@@ -35,15 +35,15 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "optimization": false,
+              "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": false,
+              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": false
+              "buildOptimizer": true
             }
           }
         },
@@ -96,4 +96,4 @@
       }
     }},
   "defaultProject": "ngsb10"
-}
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ej2-angular-samples",
-  "version": "20.2.43",
+  "version": "20.3.47",
   "private": true,
   "dependencies": {
     "@angular/animations": "~10.0.0",
@@ -47,6 +47,7 @@
     "@syncfusion/ej2-angular-spreadsheet": "*",
     "@syncfusion/ej2-angular-treegrid": "*",
     "@syncfusion/ej2-angular-treemap": "*",
+    "@syncfusion/ej2-angular-image-editor": "*",
     "@syncfusion/ej2-react-notifications": "*",
     "@types/codemirror": "0.0.56",
     "@types/marked": "^0.3.0",

sampleOrder.json

@@ -7,6 +7,13 @@
             "icon": "Icons"
         }
     },
+    "appbar": {
+        "ControlName": "AppBar",
+        "Samples": {
+            "default": "Default Functionalities",
+            "color": "Color"
+        }
+    },
     "auto-complete": {
         "ControlName": "AutoComplete",
         "Samples": {
@@ -369,7 +376,6 @@
         "ControlName": "Dialog",
         "Samples": {
             "default": "Default Functionalities",
-            "custom-dialog": "Custom Dialogs",
             "modal-dialog": "Modal",
             "template": "Template",
             "dialog-contents-via-ajax": "Ajax Content",
@@ -401,6 +407,13 @@
             "document-protection": "Document Protection"
         }
     },
+    "image-editor": {
+        "ControlName": "Image Editor",
+        "Samples": {
+            "default": "Default Functionalities",
+			"profile-picture": "Profile Picture"
+        }
+    },
     "drop-down-list": {
         "ControlName": "Dropdown List",
         "Samples": {
@@ -440,6 +453,15 @@
             "ftp-file-provider":"FTP File Provider"
         }
     },
+    "floating-action-button": {
+        "ControlName": "Floating Action Button",
+        "Samples": {
+            "overview": "Overview",
+            "default": "Default Functionalities",
+            "position": "Position",
+            "styles": "Styles"
+        }
+    },
     "form-validator": {
         "ControlName": "Form Validator",
         "Samples": {
@@ -684,6 +706,14 @@
             "toolbar-integration": "Toolbar Integration"
         }
     },
+    "mention": {
+        "ControlName": "Mention",
+        "Samples": {
+            "default": "Default Functionalities",
+            "multiple-list": "Multiple List",
+            "template": "Template"
+        }
+    },
     "multi-select": {
         "ControlName": "MultiSelect Dropdown",
         "Samples": {
@@ -761,6 +791,14 @@
             "defer-update": "Defer Layout Update",
             "exporting": "Export"
         }
+    },
+      "predefined-dialogs" : {
+        "ControlName" : "Predefined Dialogs",
+        "Samples" : {
+            "default": "Default Functionalities",
+            "customization": "Customization",
+            "animation": "Animation"
+        }
     },
     "progress-bar" : {
         "ControlName" : "Progress Bar",
@@ -808,6 +846,7 @@
             "image": "Image",
             "inline": "Inline",
             "paste-cleanup": "name:Paste from MS Word'",
+            "mention-integration": "Mention Integration",
             "iframe": "IFrame",
             "print": "Print",
             "ajax-load": "Ajax Content",
@@ -823,8 +862,7 @@
             "markdown-editor-preview": "Preview",
             "markdown-editor-custom-format": "Custom Format",
             "reactive-form": "Reactive Form",
-            "template-driven": "Template Driven",
-            "tribute": "Tribute JS"
+            "template-driven": "Template Driven"
         }
     },
     "schedule": {
@@ -921,6 +959,13 @@
             "toolbar": "Toolbar"
         }
     },
+    "skeleton": {
+        "ControlName": "Skeleton",
+        "Samples": {
+            "default": "Default Functionalities",
+            "animation": "Animation"
+        }
+    },
     "smith-chart": {
         "ControlName": "Smith Chart",
         "Samples": {
@@ -941,6 +986,17 @@
             "range-band": "Range Band"
         }
     },
+    "speed-dial": {
+        "ControlName": "SpeedDial",
+        "Samples": {
+            "default": "Default Functionalities",
+            "linear": "Position (Linear)",
+            "radial": "Radial Menu",
+            "styles": "Styles",
+            "template": "Template",
+            "modal": "Modal"
+        }
+    },
     "splitter": {
         "ControlName": "Splitter",
         "Samples": {
@@ -1020,6 +1076,16 @@
             "api": "API"
         }
     },
+    "message": {
+        "ControlName": "Message",
+        "Samples": {
+            "default": "Default Functionalities",
+            "variants": "Variants",
+            "icons": "Icons",
+            "customization": "Customization",
+            "template": "Template"
+        }
+    },
     "toolbar": {
         "ControlName": "Toolbar",
         "Samples": {
@@ -1143,4 +1209,4 @@
             "file-upload-with-reactive-forms": "Reactive Forms"
         }
     }
-}
+}

src/app/accordion/ajax-stackb.json

@@ -0,0 +1,26 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { AppBarAllModule, MenuAllModule } from '@syncfusion/ej2-angular-navigations';
+import { ButtonAllModule } from '@syncfusion/ej2-angular-buttons';
+import { DropDownButtonAllModule } from '@syncfusion/ej2-angular-splitbuttons';
+import { AppBarDefaultComponent } from './default.component';
+import { AppBarColorComponent } from './color.component';
+import { SharedModule } from '../common/shared.module';
+import { BrowserModule } from '@angular/platform-browser';
+
+export const appbarAppRoutes: Object[] = [
+  { path: ':theme/appbar/default', component: AppBarDefaultComponent, name: 'Default Functionalities', description: 'This sample demonstrates the default functionalities of the Syncfusion Angular AppBar component.', category: 'AppBar' },
+  { path: ':theme/appbar/color', component: AppBarColorComponent, name: 'Color', description: 'This sample demonstrates the available bar color modes in the Syncfusion Angular AppBar component.', category: 'AppBar' }
+];
+
+export const appbarRouter: ModuleWithProviders<any> = RouterModule.forChild(appbarAppRoutes);
+
+@NgModule({
+  imports: [appbarRouter, AppBarAllModule, ButtonAllModule, DropDownButtonAllModule, MenuAllModule, SharedModule, BrowserModule],
+  declarations: [
+    AppBarDefaultComponent,
+    AppBarColorComponent
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppBarSampleModule { }