Merge branch 'master' into rkaraivanov/toolbar-tweaks

zdrawku · web-flow · commit a6fdbdf4c291 · 2020-11-10T11:31:25.000+02:00
diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x, 14.x]
+        node-version: [12.x, 14.x, 15.x]
 
     steps:
     - uses: actions/checkout@v2
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
diff --git a/projects/igniteui-angular/migrations/common/tsUtils.ts b/projects/igniteui-angular/migrations/common/tsUtils.ts
@@ -223,23 +223,39 @@ export function createProjectService(serverHost: tss.server.ServerHost): tss.ser
 export function getTypeDefinitionAtPosition(langServ: tss.LanguageService, entryPath: string, position: number): tss.DefinitionInfo | null {
     const definition = langServ.getDefinitionAndBoundSpan(entryPath, position)?.definitions[0];
     if (!definition) { return null; }
+
+    // if the definition's kind is a reference, the identifier is a template variable referred in an internal/external template
     if (definition.kind.toString() === 'reference') {
-        // template variable in an internal/external template
         return langServ.getDefinitionAndBoundSpan(entryPath, definition.textSpan.start).definitions[0];
     }
     let typeDefs = langServ.getTypeDefinitionAtPosition(entryPath, definition.textSpan.start);
+    // if there are no type definitions found, the identifier is a ts property, referred in an internal/external template
+    // or is a reference in a decorator
     if (!typeDefs) {
-        // ts property referred in an internal/external template
-        const classDeclaration = langServ
-            .getProgram()
-            .getSourceFile(definition.fileName)
+        /*
+         normally, the tsserver will consider non .ts files as external to the project
+         however, we load .html files which we can handle with the Angular language service
+         here we're only looking for definitions in a .ts source file
+         we call the getSourceFile function which accesses a map of files, previously loaded by the tsserver
+         at this point the map contains all .html files that we've included
+         we have to ignore them, since the language service will attempt to parse them as .ts files
+        */
+        if (!definition.fileName.endsWith('.ts')) { return null; }
+
+        const sourceFile = langServ.getProgram().getSourceFile(definition.fileName);
+        if (!sourceFile) { return null; }
+
+        const classDeclaration = sourceFile
             .statements
             .filter(<(a: tss.Statement) => a is tss.ClassDeclaration>(m => m.kind === tss.SyntaxKind.ClassDeclaration))
             .find(m => m.name.getText() === definition.containerName);
-        const member: ts.ClassElement = classDeclaration
-            ?.members
-            .find(m => m.name.getText() === definition.name);
-        if (!member || !member.name) { return null; }
+
+        // there must be at least one class declaration in the .ts file and the property must belong to it
+        if (!classDeclaration) { return null; }
+
+        const member: ts.ClassElement = classDeclaration.members.find(m => m.name.getText() === definition.name);
+        if (!member?.name) { return null; }
+
         typeDefs = langServ.getTypeDefinitionAtPosition(definition.fileName, member.name.getStart() + 1);
     }
     if (typeDefs?.length) {
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
diff --git a/projects/igniteui-angular/src/lib/slider/README.md b/projects/igniteui-angular/src/lib/slider/README.md
diff --git a/projects/igniteui-angular/src/lib/slider/slider.component.ts b/projects/igniteui-angular/src/lib/slider/slider.component.ts
diff --git a/projects/igniteui-angular/src/lib/snackbar/README.md b/projects/igniteui-angular/src/lib/snackbar/README.md
diff --git a/projects/igniteui-angular/src/lib/switch/README.md b/projects/igniteui-angular/src/lib/switch/README.md
diff --git a/projects/igniteui-angular/src/lib/tabbar/README.md b/projects/igniteui-angular/src/lib/tabbar/README.md
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`