chore(changelog): move sections, formatting, typo (#13005)

Author: damyanpetev

CHANGELOG.md

@@ -3,80 +3,85 @@
 All notable changes for each version of this project will be documented in this file.
 
 ## 16.0.0
-### Breaking Changes
-- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
-    The following grid properties, deprecated since version 12.1.0 are now removed:
-        - *evenRowCSS*;
-        - *oddRowCSS*;
-        - *page*;
-        - *paging*;
-        - *perPage*;
-        - *totalPages*;
-        - *isFirstPage*;
-        - *isLastPage*;
-        - *pageChange*;
-    Also the following deprecated grid events are removed.
-        - *perPageChange*;
-        - *pagingDone*;
-    Deprecated methods removed from the grid API are:
-        - *nextPage*;
-        - *previousPage*;
-        - *paginate*;
-        - *getCellByColumnVisibleIndex*;
+
 ### General
 - All Ignite UI for Angular components are now exported as `standalone` components. The library still exports `NgModules`, which have been preserved for backward compatibility, but they no longer declare any of the Ignite UI for Angular components, instead they just import and export the `standalone` components. The `standalone` components are still in a preview stage. Some utility directive exports may change in the future and may be missing from the documentation in the initial release, hence the `preview` state of the feature.
 
-Now you can do:
-
-```typescript
-// IGX_GRID_DIRECTIVES exports all grid related components and directives
-import { IGX_GRID_DIRECTIVES } from 'igniteui-angular';
-
-@Component({
-    selector: 'app-grid-sample',
-    styleUrls: ['grid.sample.scss'],
-    templateUrl: 'grid.sample.html',
-    standalone: true,
-    imports: [IGX_GRID_DIRECTIVES, AsyncPipe]
-})
-```
-
-or
-
-```typescript
-// Single import of only the <igx-grid> component.
-import { IgxGridComponent } from 'igniteui-angular';
-
-@Component({
-    selector: 'app-grid-sample',
-    styleUrls: ['grid.sample.scss'],
-    templateUrl: 'grid.sample.html',
-    standalone: true,
-    imports: [IgxGridComponent, AsyncPipe]
-})
-```
-
-or still
-
-```typescript
-// `NgModule` import of the `IgxGridModule` module, which is equivalent to IGX_GRID_DIRECTIVES in terms of exported components and directives.
-import { IgxGridModule } from 'igniteui-angular';
-
-@Component({
-    selector: 'app-grid-sample',
-    styleUrls: ['grid.sample.scss'],
-    templateUrl: 'grid.sample.html',
-    standalone: true,
-    imports: [IgxGridModule, AsyncPipe]
-})
-```
+  Now you can do:
+  
+  ```typescript
+  // IGX_GRID_DIRECTIVES exports all grid related components and directives
+  import { IGX_GRID_DIRECTIVES } from 'igniteui-angular';
+  
+  @Component({
+      selector: 'app-grid-sample',
+      styleUrls: ['grid.sample.scss'],
+      templateUrl: 'grid.sample.html',
+      standalone: true,
+      imports: [IGX_GRID_DIRECTIVES, AsyncPipe]
+  })
+  ```
+  
+  or
+  
+  ```typescript
+  // Single import of only the <igx-grid> component.
+  import { IgxGridComponent } from 'igniteui-angular';
+  
+  @Component({
+      selector: 'app-grid-sample',
+      styleUrls: ['grid.sample.scss'],
+      templateUrl: 'grid.sample.html',
+      standalone: true,
+      imports: [IgxGridComponent, AsyncPipe]
+  })
+  ```
+  
+  or still
+  
+  ```typescript
+  // `NgModule` import of the `IgxGridModule` module, which is equivalent to IGX_GRID_DIRECTIVES in terms of exported components and directives.
+  import { IgxGridModule } from 'igniteui-angular';
+  
+  @Component({
+      selector: 'app-grid-sample',
+      styleUrls: ['grid.sample.scss'],
+      templateUrl: 'grid.sample.html',
+      standalone: true,
+      imports: [IgxGridModule, AsyncPipe]
+  })
+  ```
 - `IgxChip`
-    - **Behavioral Change** The `igxChip` styles have been revisited and the select container animaton has been removed when selecting/deselecting a chip.
+    - **Behavioral Change** The `igxChip` styles have been revisited and the select container animation has been removed when selecting/deselecting a chip.
     - **Behavioral Change** The remove button behavior have been revisited, now when the chip is in `disabled` state the remove button is hidden.
-    - The `igxChip` have new input `variant` which can take any of the following values: `'primary'`, `'info'`, `'success'`, `'warning'`, `'danger'`
 - `IgxGrid`, `IgxHierarchicalGrid`:
     - **Breaking Change** The `IgxHeaderExpandIndicatorDirective` and `IgxHeaderCollapseIndicatorDirective` directives, as well as the `headerExpandIndicatorTemplate` and `headerCollapseIndicatorTemplate` properties have been renamed to `IgxHeaderExpandedIndicatorDirective`, `IgxHeaderCollapsedIndicatorDirective`, `headerExpandedIndicatorTemplate` and `headerCollapsedIndicatorTemplate` respectively to properly reflect their purpose. Automatic migrations are available and will be applied on `ng update`.
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+
+    **Breaking Changes**: The following grid properties, deprecated since version 12.1.0 are now removed:
+    - *evenRowCSS*;
+    - *oddRowCSS*;
+    - *page*;
+    - *paging*;
+    - *perPage*;
+    - *totalPages*;
+    - *isFirstPage*;
+    - *isLastPage*;
+
+    Also the following deprecated grid events are removed.
+
+    - *pageChange*;
+    - *perPageChange*;
+    - *pagingDone*;
+
+    Deprecated methods removed from the grid API are:
+    - *nextPage*;
+    - *previousPage*;
+    - *paginate*;
+    - *getCellByColumnVisibleIndex*;
 ### New Features
+- `IgxChip`
+    - New input `variant` which can take any of the following values: `'primary'`, `'info'`, `'success'`, `'warning'`, `'danger'`
 - `IgxExpansionPanel`:
     - `IgxExpansionPanelTitleDirective` and `IgxExpansionPanelDescriptionDirective` show tooltip of the provided text content.
 - `IgxDateRangePicker`
@@ -88,7 +93,7 @@ import { IgxGridModule } from 'igniteui-angular';
     - Added `pivotConfigurationChanged` event triggered any time any of `pivotConfiguration` properties is changed via the UI.
 - `ISortingExpression` now accepts an optional generic type parameter for type narrowing of the `fieldName` property to keys of the data item, e.g. `ISortingExpression<MyDataItem>`
 - `Util`
-    - Added new `CachedDataCloneStrategy` that allows for cloning object with circular references .
+    - Added new `CachedDataCloneStrategy` that allows for cloning object with circular references.
 
 ## 15.1.0