feat(nav-drawer-tabs): Updating the changelog and readme. #7157

Author: valadzhov

CHANGELOG.md

@@ -17,7 +17,10 @@ All notable changes for each version of this project will be documented in this
     - **Breaking Change** - Deprecated the `label` property.
 - `igxGridActions`
     - Added `asMenuItems` Input for grid actions - `igx-grid-editing-actions`, `igx-grid-pinning-actions`. When set to true will render the related action buttons as separate menu items with button and label.
-
+- `igxNavigationDrawer`
+    - Added `disableAnimation` input property which enables/disables the animation for the opening and the closing of the drawer. Set to `false` by default.
+- `igxTabs`
+    - Added `disableAnimation` input property which enables/disables the animation for transition of the content of the tabs. Set to `false` by default.
 
 ### New Features
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`

projects/igniteui-angular/src/lib/navigation-drawer/README.md

@@ -64,6 +64,7 @@ The navigation drawer can either sit above content or be pinned alongside it and
 | `pinThreshold` | number | Minimum device width required for automatic pin to be toggled. Default is 1024, can be set to a falsy value to disable this behavior. |
 | `width` | string| Width of the drawer in its open state. Defaults to "280px".|
 | `miniWidth` | string | Width of the drawer in its mini variant. Defaults to "60px". |
+| `disableAnimation` | boolean | Enables/disables the animation for the  opening and the closing of the drawer. Set to `false` by default.
 
 ### Outputs
 | Name      |  Description |

projects/igniteui-angular/src/lib/tabs/README.md

@@ -49,6 +49,7 @@ If the total visible items width exceeds the vew port width, scroll buttons are
 | `label` | string | Set the tab item text. |
 | `disabled` | boolean | 	Set if the tab is enabled/disabled.	 |
 | `type` | IgxTabsType | 	Set the tab item sizing mode. By default, `contentfit` is set, the tab item width is sized to its content in the range of min/max width. When the sizing type is `fixed` - all tabs have equal size to fit the view port. |
+| `disableAnimation`| boolean | Enables/disables the animation for transition of the contents of the tabs. Set to `false` by default.
 
 ## Events
 

projects/igniteui-angular/src/lib/tabs/tabs.component.ts

@@ -246,7 +246,7 @@ export class IgxTabsComponent implements IgxTabsBase, AfterViewInit, OnDestroy {
     public visibleItemsWidth: number;
 
     @Input()
-    public enableAnimation = true;
+    public disableAnimation = false;
 
     /**
      * @hidden
@@ -465,7 +465,7 @@ export class IgxTabsComponent implements IgxTabsBase, AfterViewInit, OnDestroy {
         this.onTabItemSelected.emit({ tab: newTab, group: newTabRelatedGroup });
 
         requestAnimationFrame(() => {
-            const transitionDuration  =  this.enableAnimation ? 0.2 : 0;
+            const transitionDuration  =  this.disableAnimation ? 0 : 0.2;
             // bring the new selected tab into view if it is not
             this.bringNewTabIntoView(newTab);
             // animate the new selection indicator