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

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-angular/code-snippet/common/bootstrap5.3-cs2/src/styles.css

@@ -1,5 +1,5 @@
 :root {
-  --color-sf-primary: 104, 134, 164;
+  --color-sf-primary: rgba(13,110,253,1);
 }
 
 @import 'node_modules/@syncfusion/ej2-base/styles/bootstrap5.3.css';

ej2-angular/code-snippet/common/clone-draggable/src/app.component.ts

@@ -9,7 +9,8 @@ standalone: true,
     selector: 'app-root',
     template:` <div id='container'>
     <div #ele class='element'><p class='drag'>Draggable Element </p></div>
-    </div> `
+    </div> `,
+    styleUrls: ['../index.css']
 })
 
 export class AppComponent {

ej2-angular/code-snippet/common/drag-area/src/app.component.ts

@@ -10,7 +10,8 @@ standalone: true,
     template:` <div id='container'>
     <div id='droppable'><p class='drop'>Drop target </p></div>
     <div id='draggable'><p class='drag'>Draggable Element </p></div>
-    </div> `
+    </div> `,
+    styleUrls: ['../index.css']
 })
 
 export class AppComponent {

ej2-angular/code-snippet/common/drag-drop-action-cs1/src/app.component.ts

@@ -13,7 +13,8 @@ standalone: true,
     template:` <div id='container'>
     <div id='droppable'><p class='drop'>Drop target </p></div>
     <div id='draggable'><p class='drag'>Draggable Element </p></div>
-    </div> `
+    </div> `,
+    styleUrls: ['../index.css']
 })
 
 export class AppComponent {

ej2-angular/code-snippet/common/draggable-default-cs1/src/app.component.ts

@@ -12,7 +12,8 @@ standalone: true,
     selector: 'app-root',
     template:` <div id='container'>
     <div #ele class='element'><p class='drag'>Draggable Element </p></div>
-    </div> `
+    </div> `,
+    styleUrls: ['../index.css']
 })
 
 export class AppComponent {

ej2-angular/code-snippet/common/droppable-default-cs1/src/app.component.ts

@@ -12,7 +12,8 @@ standalone: true,
     selector: 'app-root',
     template:` <div id='container'>
     <div #droppable class='droppable'><p class='drop'>Drop target </p></div>
-    </div> `
+    </div> `,
+    styleUrls: ['../index.css']
 })
 
 export class AppComponent {

ej2-angular/code-snippet/common/fluent2-cs2/angular.json

@@ -34,13 +34,13 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "1.5mb",
+                  "maximumError": "2mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "650kb",
+                  "maximumError": "700kb"
                 }
               ],
               "outputHashing": "all"

ej2-angular/code-snippet/common/fluent2-cs2/src/styles.css

@@ -1,5 +1,5 @@
 :root {
-  --color-sf-primary: 104, 134, 164;
+  --color-sf-primary: #0f6cbd;
 }
 
 @import 'node_modules/@syncfusion/ej2-base/styles/fluent2.css';

ej2-angular/code-snippet/tree-view/treeview-node-check-cs1/index.css

@@ -16,12 +16,4 @@
     margin: 0 auto;
 }
 
-#treeparent {
-    display: block;
-    max-width: 400px;
-    max-height: 320px;
-    margin: auto;
-    overflow: auto;
-    border: 1px solid #dddddd;
-    border-radius: 3px;
-}
+

ej2-angular/code-snippet/tree-view/treeview-node-check-cs1/package.json

@@ -18,6 +18,7 @@
     "@syncfusion/ej2-base": "*",
     "@syncfusion/ej2-inputs": "*",
     "@syncfusion/ej2-buttons": "*",
+    "@syncfusion/ej2-navigations": "*",
     "@syncfusion/ej2-angular-base": "*",
     "@syncfusion/ej2-angular-inputs": "*",
     "@angular/animations": "17.1.2",
@@ -42,4 +43,4 @@
     "karma-jasmine-html-reporter": "2.0.0",
     "typescript": "5.3.3"
   }
-}
+}