Merge branch 'master' into mkirova/remove-deprecated-components

ChronosSF · web-flow · commit 28cac005001f · 2020-11-09T14:24:11.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
diff --git a/projects/igniteui-angular/package.json b/projects/igniteui-angular/package.json
@@ -77,10 +77,10 @@
         "@igniteui/material-icons-extended": "^2.4.0"
     },
     "peerDependencies": {
-        "@angular/common": "^10.0.0",
-        "@angular/core": "^10.0.0",
-        "@angular/animations": "^10.0.0",
-        "@angular/forms": "^10.0.0",
+        "@angular/common": "^11.0.0-rc.1",
+        "@angular/core": "^11.0.0-rc.1",
+        "@angular/animations": "^11.0.0-rc.1",
+        "@angular/forms": "^11.0.0-rc.1",
         "web-animations-js": "^2.3.2"
     },
     "igxDevDependencies": {
diff --git a/projects/igniteui-angular/src/lib/directives/toggle/README.md b/projects/igniteui-angular/src/lib/directives/toggle/README.md
@@ -1,7 +1,7 @@
 # IgxToggle Directive
 
 The **IgxToggle** provides a way for user to make a given content togglable.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toggle.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toggle)
 
 #Usage
 ```typescript
@@ -60,7 +60,7 @@ handlers when the toggle is opened and respectively closed.
 
 The **IgxToggleAction** provides a way for user to Open/Close(toggle) every Component/Directive which implements **IToggleView** interface by providing the reference to this particular Component/Directive or ID which is registered into **IgxNavigationService**. It is also applicable upon **IgxToggle**. When applied **IgxToggleAction** will set its host element as the position strategy target.
 
-You can see it in action [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toggle.html)
+You can see it in action [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toggle)
 
 ## Usage
 ```typescript
diff --git a/projects/igniteui-angular/src/lib/directives/tooltip/README.md b/projects/igniteui-angular/src/lib/directives/tooltip/README.md
@@ -5,7 +5,7 @@ _Directives_
 
 ## Description
 The **IgxTooltip** directive provides us a way to make a given element a tooltip. Then we can assign it to be a tooltip for another element (for example a button) by using the **IgxTooltipTarget** directive.
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip.html).
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip).
 
 ## Usage
 First we will have to import the IgxTooltipModule.
diff --git a/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.ts b/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.ts
@@ -27,7 +27,7 @@ export interface ITooltipHideEventArgs extends IBaseEventArgs {
 
 /**
  * **Ignite UI for Angular Tooltip Target** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip)
  *
  * The Ignite UI for Angular Tooltip Target directive is used to mark an HTML element in the markup as one that has a tooltip.
  * The tooltip target is used in combination with the Ignite UI for Angular Tooltip by assigning the exported tooltip reference to the
@@ -411,7 +411,7 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
 let NEXT_ID = 0;
 /**
  * **Ignite UI for Angular Tooltip** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip)
  *
  * The Ignite UI for Angular Tooltip directive is used to mark an HTML element in the markup as one that should behave as a tooltip.
  * The tooltip is used in combination with the Ignite UI for Angular Tooltip Target by assigning the exported tooltip reference to the
diff --git a/projects/igniteui-angular/src/lib/drop-down/README.md b/projects/igniteui-angular/src/lib/drop-down/README.md
@@ -3,7 +3,7 @@
 
 **igxDropDown** displays a scrollable list of items which may be visually grouped and supports selection of a single item. Clicking or tapping an item selects it and closes the Drop Down.
 
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop_down.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop-down)
 
 # Usage
 ## Drop downs are done by adding **igxDropDownListItems** to **igxDropDown** component
diff --git a/projects/igniteui-angular/src/lib/drop-down/drop-down.component.ts b/projects/igniteui-angular/src/lib/drop-down/drop-down.component.ts
@@ -34,7 +34,7 @@ import { DisplayDensityToken, IDisplayDensityOptions } from '../core/density';
 
 /**
  * **Ignite UI for Angular DropDown** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop_down.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop-down)
  *
  * The Ignite UI for Angular Drop Down displays a scrollable list of items which may be visually grouped and
  * supports selection of a single item. Clicking or tapping an item selects it and closes the Drop Down
diff --git a/projects/igniteui-angular/src/lib/expansion-panel/README.md b/projects/igniteui-angular/src/lib/expansion-panel/README.md
@@ -3,7 +3,7 @@
 
 **IgxExpansionPanel** is a light and highly templateable component that allows you to dynamically display content.
 
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/expansion_panel.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/expansion-panel)
 
 # Usage
 
diff --git a/projects/igniteui-angular/src/lib/grids/README.md b/projects/igniteui-angular/src/lib/grids/README.md
@@ -1,6 +1,6 @@
 ﻿# igx-grid
 **igx-grid** component provides the capability to manipulate and represent tabular data.
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)
 
 ## Usage
 ```html
diff --git a/projects/igniteui-angular/src/lib/grids/columns/column.component.ts b/projects/igniteui-angular/src/lib/grids/columns/column.component.ts
@@ -52,7 +52,7 @@ const DEFAULT_DIGITS_INFO = '1.0-3';
 
 /**
  * **Ignite UI for Angular Column** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html#columns-configuration)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration)
  *
  * The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting,
  * filtering & editing are enabled at the column level.  You can also provide a template containing custom content inside
diff --git a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts
@@ -13,6 +13,8 @@ import {
     ContentChild,
     Output,
     EventEmitter,
+    Optional,
+    Host,
 } from '@angular/core';
 import { IgxOverlayService } from '../../../services/public_api';
 import { IgxFilteringService, ExpressionUI } from '../grid-filtering.service';
@@ -25,6 +27,7 @@ import { IgxColumnComponent } from '../../columns/column.component';
 import { IgxGridBaseDirective } from '../../grid-base.directive';
 import { DisplayDensity } from '../../../core/density';
 import { GridSelectionMode } from '../../common/enums';
+import { GridBaseAPIService } from '../../api.service';
 
 /**
  * @hidden
@@ -322,17 +325,20 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy {
      * @hidden @internal
      */
     get grid(): IgxGridBaseDirective {
-        return this.column?.grid;
+        return this.gridAPI?.grid ?? this.column?.grid;
     }
 
     /**
      * @hidden @internal
      */
     get displayDensity() {
-        return this.column?.grid.displayDensity;
+        return this.grid?.displayDensity;
     }
 
-    constructor(private cdr: ChangeDetectorRef, public element: ElementRef) {}
+    constructor(
+        private cdr: ChangeDetectorRef,
+        public element: ElementRef,
+        @Host() @Optional() private gridAPI?: GridBaseAPIService<IgxGridBaseDirective>) {}
 
     /**
      * @hidden @internal
diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.ts b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.ts
@@ -41,7 +41,7 @@ let NEXT_ID = 0;
 
 /**
  * **Ignite UI for Angular Tree Grid** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)
  *
  * The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and
  * provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding.
diff --git a/projects/igniteui-angular/src/lib/icon/README.md b/projects/igniteui-angular/src/lib/icon/README.md
@@ -3,7 +3,7 @@
 **igx-icon** supports icon component that unifies various icon/font sets to allow their usage interchangeably.
 
 With the igx-icon you can add **material-icons** and custom SVG icons in your markup.
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/icon.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/icon)
 
 # Usage
 
diff --git a/projects/igniteui-angular/src/lib/input-group/README.md b/projects/igniteui-angular/src/lib/input-group/README.md
@@ -5,7 +5,7 @@ _Components_
 
 ## Description
 _igx-input-group represents a input field._
-A walkthrough of how to get started can be found [here](https://staging.infragistics.local/products/ignite-ui-angular/angular/components/input_group.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/input-group)
 
 ## Usage
 ```html
diff --git a/projects/igniteui-angular/src/lib/list/README.md b/projects/igniteui-angular/src/lib/list/README.md
@@ -5,7 +5,7 @@ _Components_
 
 ## Description
 _Igx-List represents a list of identical items._  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/list.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/list)
 
 - `IgxList` - since v7.3.4 The list component has been refactored. It now includes several new supporting directives:
     - `igxListThumbnail` - Use it to mark the target as list thumbnail which will be automatically positioned as a first item in the list item;
diff --git a/projects/igniteui-angular/src/lib/navbar/README.md b/projects/igniteui-angular/src/lib/navbar/README.md
@@ -1,7 +1,7 @@
 # igx-navbar
 
 **igx-navbar** is position on top and represents current state and enables a user defined action.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navbar.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navbar)
 
 # Usage
 
diff --git a/projects/igniteui-angular/src/lib/navigation-drawer/README.md b/projects/igniteui-angular/src/lib/navigation-drawer/README.md
@@ -1,7 +1,7 @@
 # IgxNavigationDrawer Component
 
 The **igx-nav-drawer** is a container element for side navigation, providing quick access between views. It can be used for navigation apps and with top-level views. Drawer will be hidden until invoked by the user.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer)
 
 ## Dependencies
 To started with all needed dependencies you can use the `IgxNavigationDrawerModule` and import it in your application's `AppModule`:
diff --git a/projects/igniteui-angular/src/lib/navigation-drawer/navigation-drawer.component.ts b/projects/igniteui-angular/src/lib/navigation-drawer/navigation-drawer.component.ts
@@ -26,7 +26,7 @@ import { PlatformUtil } from '../core/utils';
 let NEXT_ID = 0;
 /**
  * **Ignite UI for Angular Navigation Drawer** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer)
  *
  * The Ignite UI Navigation Drawer is a collapsible side navigation container commonly used in combination with the Navbar.
  *
diff --git a/projects/igniteui-angular/src/lib/progressbar/README.md b/projects/igniteui-angular/src/lib/progressbar/README.md
@@ -1,11 +1,11 @@
 # igx-linear-bar and igx-circular-bar
 
 The `linear` progress bar component provides the ability to display a progress bar and update its appearance as its state changes. The indicator can be styled with a choice of colors in stripes or solids. You can also manage where the text is aligned.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/linear_progress.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/linear-progress)
 
 
 The `circular` progress indicator component provides the ability to display progress in a circle and update its appearance as its state changes. You can also manage if the text is visible or not.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/circular_progress.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/circular-progress)
 
 # Usage
 To get started with the Ignite UI for Angular Linear and Circular Progress Indicator, we should first import the **IgxProgressBarModule** in the **app.module.ts** file:
diff --git a/projects/igniteui-angular/src/lib/select/README.md b/projects/igniteui-angular/src/lib/select/README.md
@@ -41,7 +41,7 @@ export class MyClass {
 }
 ```
 
-`igx-select` supports prefixes, suffixes, label, hint and placeholder. You can read more about them [*here*](https://www.infragistics.com/products/ignite-ui-angular/angular/components/input_group.html) AND [*here*](https://www.infragistics.com/products/ignite-ui-angular/angular/components/label_input.html).
+`igx-select` supports prefixes, suffixes, label, hint and placeholder. You can read more about them [*here*](https://www.infragistics.com/products/ignite-ui-angular/angular/components/input-group) AND [*here*](https://www.infragistics.com/products/ignite-ui-angular/angular/components/label-input).
 - The items' list default exapansion panel arrow uses `IgxSuffix` and it can be changed by the user.
 - If more than one `IgxSuffix` is used, the expansion arrow will be displayed always last.
 
diff --git a/projects/igniteui-angular/src/lib/select/select.component.ts b/projects/igniteui-angular/src/lib/select/select.component.ts
@@ -66,7 +66,7 @@ const noop = () => { };
 
 /**
  * **Ignite UI for Angular Select** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/select.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/select)
  *
  * The `igxSelect` provides an input with dropdown list allowing selection of a single item.
  *
diff --git a/projects/igniteui-angular/src/lib/services/csv/csv-exporter.ts b/projects/igniteui-angular/src/lib/services/csv/csv-exporter.ts
@@ -11,7 +11,7 @@ export interface ICsvExportEndedEventArgs extends IBaseEventArgs {
 
 /**
  * **Ignite UI for Angular CSV Exporter Service** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter_csv.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter-csv)
  *
  * The Ignite UI for Angular CSV Exporter service can export data in a Character Separated Values format from
  * both raw data (array) or from an `IgxGrid`.
diff --git a/projects/igniteui-angular/src/lib/services/overlay/README.md b/projects/igniteui-angular/src/lib/services/overlay/README.md
@@ -1,7 +1,7 @@
 # igx-overlay
 
 The overlay service allows users to show components on overlay div above all other elements in the page.
-A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay_main.html)
+A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-main)
 
 ## Usage
 
diff --git a/projects/igniteui-angular/src/lib/services/overlay/overlay.ts b/projects/igniteui-angular/src/lib/services/overlay/overlay.ts
@@ -43,7 +43,7 @@ import { IgxOverlayOutletDirective } from '../../directives/toggle/toggle.direct
 let warningShown = false;
 
 /**
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay_main.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-main)
  * The overlay service allows users to show components on overlay div above all other elements in the page.
  */
 @Injectable({ providedIn: 'root' })
diff --git a/projects/igniteui-angular/src/lib/services/overlay/position/IPositionStrategy.ts b/projects/igniteui-angular/src/lib/services/overlay/position/IPositionStrategy.ts
@@ -1,7 +1,7 @@
 import { PositionSettings, Size, Point } from './../utilities';
 
 /**
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay_position.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-position)
  * Position strategies determine where to display the component in the provided IgxOverlayService.
  */
 export interface IPositionStrategy {
diff --git a/projects/igniteui-angular/src/lib/services/overlay/scroll/IScrollStrategy.ts b/projects/igniteui-angular/src/lib/services/overlay/scroll/IScrollStrategy.ts
@@ -1,6 +1,6 @@
 import { IgxOverlayService } from '../overlay';
 /**
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay_scroll.html).
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-scroll).
  * Scroll strategies determines how the scrolling will be handled in the provided IgxOverlayService.
  */
 export interface IScrollStrategy {
diff --git a/projects/igniteui-angular/src/lib/services/overlay/scroll/README.md b/projects/igniteui-angular/src/lib/services/overlay/scroll/README.md
@@ -1,6 +1,6 @@
 # Scroll strategies
 
-Scroll strategies determines how the scrolling will be handled in the provided IgxOverlayService. A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay_scroll.html).
+Scroll strategies determines how the scrolling will be handled in the provided IgxOverlayService. A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-scroll).
 
 There are four scroll strategies:
 1) **NoOperation** - does nothing. 
diff --git a/projects/igniteui-angular/src/lib/services/transaction/README.md b/projects/igniteui-angular/src/lib/services/transaction/README.md
@@ -1,7 +1,7 @@
 # igx-transaction
 
 `TransactionService` allows the developers to plug a middleware between given component and its data source. While plugged in `TransactionService` should collect all the transactions performed in the component without send them to the data source. `TransactionService` should be able to update the data source and commit all the transactions when needed.
-A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/transaction.html)
+A walk through of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/transaction)
 
 ## Usage
 
diff --git a/projects/igniteui-angular/src/lib/slider/README.md b/projects/igniteui-angular/src/lib/slider/README.md
@@ -4,7 +4,7 @@
 
 The slider component allows users to select a value in certain range or select a range of values. 
 Based on its configuration it's a slider or range slider.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider)
 
 ## Usage
 
diff --git a/projects/igniteui-angular/src/lib/slider/slider.component.ts b/projects/igniteui-angular/src/lib/slider/slider.component.ts
@@ -42,7 +42,7 @@ let NEXT_ID = 0;
 
 /**
  * **Ignite UI for Angular Slider** -
- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider.html)
+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider/slider)
  *
  * The Ignite UI Slider allows selection in a given range by moving the thumb along the track. The track
  * can be defined as continuous or stepped, and you can choose between single and range slider types.
diff --git a/projects/igniteui-angular/src/lib/snackbar/README.md b/projects/igniteui-angular/src/lib/snackbar/README.md
@@ -1,7 +1,7 @@
 # igx-snackbar
 
 **igx-snackbar** provides feedback about an operation by showing a brief message at the bottom of the screen on mobile and lower left on larger devices. IgxSnackbar will appear above all other elements on screen and only one can be displayed at a time.
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/snackbar.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/snackbar)
 
 # Usage
 
diff --git a/projects/igniteui-angular/src/lib/switch/README.md b/projects/igniteui-angular/src/lib/switch/README.md
@@ -1,7 +1,7 @@
 # igx-switch
 
 `igx-switch` is a selection component that allows users to make a binary choice for a certain condition. It behaves similar to the switch component sans the indeterminate state.  
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/switch.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/switch)
 
 Basic usage of `igx-switch`
 
diff --git a/projects/igniteui-angular/src/lib/tabbar/README.md b/projects/igniteui-angular/src/lib/tabbar/README.md
@@ -5,7 +5,7 @@ _Components_
 
 ## Description
 _igx-bottom-nav represents a single content area with multiple panels, each associated with a tab. Tabs are located at the bottom of the component._
-A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabbar.html)
+A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabbar)
 
 ### More Info
 igx-bottom-nav provides two observable collections (QueryLists): one with panels and one with related tabs.
diff --git a/projects/igniteui-angular/src/lib/tabbar/tabbar.component.ts b/projects/igniteui-angular/src/lib/tabbar/tabbar.component.ts
diff --git a/projects/igniteui-angular/src/lib/tabs/README.md b/projects/igniteui-angular/src/lib/tabs/README.md
diff --git a/projects/igniteui-angular/src/lib/toast/README.md b/projects/igniteui-angular/src/lib/toast/README.md
diff --git a/projects/igniteui-angular/src/lib/toast/toast.component.ts b/projects/igniteui-angular/src/lib/toast/toast.component.ts
diff --git a/src/app/grid-filtering/grid-filtering.sample.html b/src/app/grid-filtering/grid-filtering.sample.html

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ import { DisplayDensityToken, IDisplayDensityOptions } from '../core/density';`
`34`	`34`
`35`	`35`	`/**`
`36`	`36`	`* Ignite UI for Angular DropDown -`
`37`		`- * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop_down.html)`
	`37`	`+ * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop-down)`
`38`	`38`	`*`
`39`	`39`	`* The Ignite UI for Angular Drop Down displays a scrollable list of items which may be visually grouped and`
`40`	`40`	`* supports selection of a single item. Clicking or tapping an item selects it and closes the Drop Down`