Merge pull request #24 from ArunPnurA/master

v17.3.14 is released

Author: ajithr

package.json

@@ -1,6 +1,6 @@
 {
     "name": "ej2-angular-samples",
-    "version": "17.1.49",
+    "version": "17.3.14",
     "scripts": {
         "start": "node --max-old-space-size=4096 ./node_modules/@angular/cli/bin/ng serve",
         "start:prod": "node --max-old-space-size=4096 ./node_modules/@angular/cli/bin/ng serve --prod",
@@ -53,6 +53,7 @@
         "@syncfusion/ej2-angular-treegrid": "*",
         "@syncfusion/ej2-angular-treemap": "*",
         "@syncfusion/ej2-splitbuttons": "*",
+        "@syncfusion/ej2-angular-spreadsheet": "*",
         "@types/codemirror": "0.0.56",
         "codemirror": "^5.37.0",
         "core-js": "^2.5.4",

src/app/badge/accordion-stackb.json

@@ -25,4 +25,4 @@ export class accordionController {
             iconElement[i].appendChild(badge);
         }
     }
-}
+}

src/app/badge/accordion.component.ts

@@ -4,7 +4,7 @@
             <e-accordionitems>
                 <e-accordionitem header='Robert' iconCss='e-people e-acrdn-icons' [expanded]=true>
                     <ng-template #content>
-                        <div style="display:none">
+                        <div>
                             <li class="msg">
                                 <span class="e-acrdn-icons e-content-icon people"></span>Message Thread</li>
                             <li class="msg">
@@ -14,7 +14,7 @@
                 </e-accordionitem>
                 <e-accordionitem header='Kevin' iconCss='e-people e-acrdn-icons'>
                     <ng-template #content>
-                        <div style="display:none">
+                        <div>
                             <li class="msg">
                                 <span class="e-acrdn-icons e-content-icon people"></span>Message Thread</li>
                             <li class="msg">
@@ -24,7 +24,7 @@
                 </e-accordionitem>
                 <e-accordionitem header='Eric' iconCss='e-people e-acrdn-icons'>
                     <ng-template #content>
-                        <div style="display:none">
+                        <div>
                             <li class="msg">
                                 <span class="e-acrdn-icons e-content-icon people"></span>Message Thread</li>
                             <li class="msg">
@@ -34,7 +34,7 @@
                 </e-accordionitem>
                 <e-accordionitem header='Peter' iconCss='e-people e-acrdn-icons'>
                     <ng-template #content>
-                        <div style="display:none">
+                        <div>
                             <li class="msg">
                                 <span class="e-acrdn-icons e-content-icon people"></span>Message Thread</li>
                             <li class="msg">

src/app/badge/accordion.html

@@ -142,4 +142,4 @@
         <li>Dark: The
             <code>.e-badge-dark</code> class applies the dark color.</li>
     </ul>
-</div>
+</div>

src/app/badge/types-stackb.json

@@ -17,7 +17,7 @@ export const buttonAppRoutes: Object[] = [
     { path: ':theme/button/button-group', component: ButtonGroupController, name: 'Button Group', category: 'Button', description: 'This example demonstrates the behaviors (default, checkbox, radio) of the Syncfusion Angular ButtonGroup.', ftName: 'button-group' },
     { path: ':theme/button/checkbox', component: CheckBoxController, name: 'Checkbox', category: 'Button', description: 'This example demonstrates the three different states (checked, unchecked, indeterminate) of the Syncfusion Angular CheckBox.', ftName: 'checkbox' },
     { path: ':theme/button/radio-button', component: RadioButtonController, name: 'Radio Button', category: 'Button', description: 'This example demonstrates the group functionality of the Syncfusion Angular RadioButton with checked and unchecked states.', ftName: 'radio-button' },
-    { path: ':theme/button/dropdown-button', component: DropDownButtonController, name: 'Dropdown Menu', category: 'Button', description: 'This example demonstrates the usecases of the Syncfusion Angular DropDownMenu with icons, text and separator in popup action items.', ftName: 'dropdown-menu' },
+    { path: ':theme/button/dropdown-button', component: DropDownButtonController, name: 'Dropdown Button', category: 'Button', description: 'This example demonstrates the usecases of the Syncfusion Angular DropDownButton with icons, text and separator in popup action items.', ftName: 'dropdown-menu' },
     { path: ':theme/button/split-button', component: SplitButtonController, name: 'Split Button', category: 'Button', description: 'This example demonstrates the usecases of the Syncfusion Angular SplitButton with icons and text in primary splitbutton', ftName: 'split-button' },
     { path: ':theme/button/switch', component: SwitchController, name: 'Switch', category: 'Button', description: 'This example demonstrates the toggle states (checked, unchecked) of the Syncfusion Angular Switch.', ftName: 'toggle-switch-button' },
     { path: ':theme/button/progress-button', component: ProgressButtonController, name: 'Progress Button', category: 'Button', description: 'This example demonstrates the different functionalities of the Syncfusion Angular ProgressButton with spinner and progress indicator.', ftName: 'progress-button' }

src/app/badge/types.html

@@ -19,16 +19,16 @@
     </div>
 </div>
 <div id="action-description">
-    <p>This sample demonstrates the default functionalities of the DropDownMenu.
-        Clicking DropDownMenu will display popup with list of action items.</p>
+    <p>This sample demonstrates the default functionalities of the DropDownButton.
+        Clicking DropDownButton will display popup with list of action items.</p>
 </div>
 <div id="description">
     <p>
-        The DropDownMenu component is used to toggle contextual overlays for displaying list of action items.
+        The DropDownButton component is used to toggle contextual overlays for displaying list of action items.
         It can contain both text and images.
     </p>
     <p>
-        In this sample, DropDownMenu contains icon, content and list of action items, and can be added using
+        In this sample, DropDownButton contains icon, content and list of action items, and can be added using
         <code>
             <a target="_blank" class="code" href="https://ej2.syncfusion.com/angular/documentation/api/drop-down-button/#iconcss">iconCss,
             </a>
@@ -43,7 +43,7 @@
         </code>property.
     </p>
     <p>
-        More information about DropDownMenu can be found in this
+        More information about DropDownButton can be found in this
         <a target="_blank" href="https://ej2.syncfusion.com/angular/documentation/drop-down-button/getting-started">
             documentation section</a>.
     </p>