Merge pull request #685 from Syncfusion-Content/hotfix/hotfix-v27.2.2

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-angular/badge/getting-started.md

@@ -130,6 +130,10 @@ The following example shows a basic badge component.
 {% include code-snippet/badge/getting-started-cs1/src/app.component.ts %}
 {% endhighlight %}
 
+{% highlight ts tabtitle="styles.css" %}
+{% include code-snippet/badge/getting-started-cs1/src/styles.css %}
+{% endhighlight %}
+
 {% highlight ts tabtitle="main.ts" %}
 {% include code-snippet/badge/getting-started-cs1/src/main.ts %}
 {% endhighlight %}

ej2-angular/code-snippet/badge/getting-started-cs1/index.css

@@ -10,12 +10,3 @@
     top: 45%;
     width: 30%;
 }
-
-#element {
-    display: flex;
-    width: 400px;
-    margin: auto;
-    border: 1px solid #dddddd;
-    border-radius: 3px;
-    justify-content: center;
-}

ej2-angular/code-snippet/badge/getting-started-cs1/package.json

@@ -13,12 +13,10 @@
     "@angular/core": "17.1.2",
     "@angular/platform-browser": "17.1.2",
     "@angular/platform-browser-dynamic": "17.1.2",
-    "@syncfusion/ej2-angular-base": "*",
-    "@syncfusion/ej2-angular-inputs": "*",
-    "@syncfusion/ej2-angular-popups": "*",
-    "@syncfusion/ej2-angular-buttons": "*",
-    "@syncfusion/ej2-angular-lists": "*",
-    "@syncfusion/ej2-angular-splitbuttons": "*",
+    "@syncfusion/ej2-base": "*",
+    "@syncfusion/ej2-angular-base": "*",    
+    "@syncfusion/ej2-notifications": "*",
+    "@syncfusion/ej2-angular-notifications": "*",
     "@angular/animations": "17.1.2",
     "@angular/common": "17.1.2",
     "@angular/compiler": "17.1.2",
@@ -42,4 +40,4 @@
     "karma-jasmine-html-reporter": "2.0.0",
     "typescript": "5.3.3"
   }
-}
+}

ej2-angular/code-snippet/badge/getting-started-cs1/src/styles.css

@@ -1,13 +1,12 @@
+@import '/node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '/node_modules/@syncfusion/ej2-notifications/styles/material.css';
+@import '/node_modules/@syncfusion/ej2-angular-notifications/styles/material.css';
 
-@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-inputs/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-lists/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-splitbuttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-inputs/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-lists/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-splitbuttons/styles/material.css';
+#element {
+  display: flex;
+  width: 400px;
+  margin: auto;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  justify-content: center;
+}

ej2-angular/code-snippet/dashboard-layout/add-remove-panels-cs1/src/app.component.ts

@@ -4,13 +4,10 @@ import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts'
 import { ButtonModule } from '@syncfusion/ej2-angular-buttons'
 import { NumericTextBoxModule } from '@syncfusion/ej2-angular-inputs'
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'
-
-
-
 import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
 import { ButtonComponent } from '@syncfusion/ej2-angular-buttons';
 import { NumericTextBoxComponent } from '@syncfusion/ej2-angular-inputs';
-import { DropDownList, DropDownListComponent } from '@syncfusion/ej2-angular-dropdowns';
+import { DropDownListComponent } from '@syncfusion/ej2-angular-dropdowns';
 import { DashboardLayoutComponent } from '@syncfusion/ej2-angular-layouts';
 
 @Component({
@@ -102,24 +99,29 @@ export class AppComponent {
     ];
     addClick() {
         this.panel = {
-        id: "Panel"+ this.count.toString(),
-        sizeX: this.sizeX?.value,
-        sizeY: this.sizeY?.value,
-        row: this.row?.value,
-        col: this.column?.value,
-        content: "<div class='content'>"+ this.count +"</div>"
-        }
+          id: 'Panel' + this.count.toString(),
+          sizeX: (this.sizeX as any).value,
+          sizeY: (this.sizeY as any).value,
+          row: (this.row as any).value,
+          col: (this.column as any).value,
+          content: "<div class='content'>" + this.count + '</div>',
+        };
         this.dashboard?.addPanel(this.panel);
         this.count = this.count + 1;
-        (<any>this.dropDownListObject?.dataSource).push(this.panel.id);
-        this.dropDownListObject?.refresh();
-    };
+        (this.dropDownListObject as any).dataSource.push(this.panel.id);
+        (this.dropDownListObject as any)?.refresh();
+    }
     removeClick() {
-        this.dashboard?.removePanel(<any>this.dropDownListObject?.value);
-        (<any>this.dropDownListObject?.dataSource).splice((<any>this.dropDownListObject?.dataSource).indexOf(this.dropDownListObject?.value), 1);
-        this.dropDownListObject?.refresh();
-        (this.dropDownListObject as DropDownListComponent).value = null as any;
-    };
+        this.dashboard?.removePanel((this.dropDownListObject as any).value);
+        (this.dropDownListObject as any).dataSource.splice(
+          (this.dropDownListObject as any).dataSource.indexOf(
+            (this.dropDownListObject as any).value
+          ),
+          1
+        );
+        (this.dropDownListObject as any)?.refresh();
+        (this.dropDownListObject as any).value = null as any;
+    }
 }
 
 

ej2-angular/code-snippet/dropdowntree/template/customTemplate-cs1/index.css

@@ -15,9 +15,3 @@
     width: 250px;
     margin: 0 auto;
 }
-
-.dropdowntree-custom .control_wrapper{
-    max-width: 250px;
-    margin: 0 auto;
-    padding-top: 25px;
-}

ej2-angular/code-snippet/dropdowntree/template/customTemplate-cs1/src/styles.css

@@ -9,4 +9,10 @@
 @import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
 @import 'node_modules/@syncfusion/ej2-angular-popups/styles/material.css';
 @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
+@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
+
+.dropdowntree-custom .control_wrapper{
+    max-width: 250px;
+    margin: 0 auto;
+    padding-top: 25px;
+}

ej2-angular/code-snippet/dropdowntree/template/customTemplate-mode-cs1/index.css

@@ -16,8 +16,3 @@
     margin: 0 auto;
 }
 
-.dropdowntree-custom .control_wrapper {
-    max-width: 250px;
-    margin: 0 auto;
-    padding-top: 25px;
- }

ej2-angular/code-snippet/dropdowntree/template/customTemplate-mode-cs1/src/styles.css

@@ -9,4 +9,10 @@
 @import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
 @import 'node_modules/@syncfusion/ej2-angular-popups/styles/material.css';
 @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
+@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
+
+.dropdowntree-custom .control_wrapper {
+    max-width: 250px;
+    margin: 0 auto;
+    padding-top: 25px;
+ }

ej2-angular/code-snippet/dropdowntree/template/footerTemplate-cs1/index.css

@@ -16,15 +16,3 @@
     margin: 0 auto;
 }
 
-.custom .foot{
-    height: 40px;
-    line-height: 40px;
-    font-size: 13px;
-    margin: 0 auto;
-    width: 100%;
-    padding: 0 20px;
-    font-weight: bold;
-}
-.custom .e-ddt-footer{
-    border-top: 1px solid #e0e0e0;
-}