Merge master and fix a conflict

Author: MPopov

.github/CONTRIBUTING.md

@@ -56,7 +56,11 @@ When logging issue you should assign `severity:` label. If you cannot determine
 
 ### Triaging
 
-Before release a triaging is done. Issues that need to be fixed for the release are marked with `triage: blocking` status.
+Issues that block other issues completion are marked with `triage: blocking` status.
+
+### Priority
+
+Issues that need to be addressed immediately are marked with `priority: high` status.
 
 ## Testing - applicable to pull requests
 1. `status: awaiting-test` this is the initial status of pull requests. If you're performing the pull request, please place this status on it. Pull requests are accepted if and only if all status checks pass, review is performed, and the pull request has been tested and contains `status: verified`.

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 8.1.2
+
+### New Features
+- `IgxDatePicker`
+    - `valueChange` event is added.
+
 ## 8.1.0
 
 ### New Features
@@ -37,7 +43,7 @@ This is an example of how you can use the new theme.
     - **Behavioral Change** - paging now includes the group rows in the page size. You may find more information about the change in the [GroupBy Specification](https://github.com/IgniteUI/igniteui-angular/wiki/Group-By-Specification)
     - `IgxColumnGroup`
         - Re-templating the column group header is now possible using the `headerTemplate` input property or the `igxHeader` directive.
-    - `igx-grid-footer` 
+    - `igx-grid-footer`
         - You can use this to insert a custom footer in the grids.
          ```html
         <igx-grid>
@@ -63,21 +69,21 @@ This is an example of how you can use the new theme.
 
 ## 8.0.2
 - `igx-list-theme` now have some new parameters for styling.
-    - $item-background-hover - Change The list item hover background 
+    - $item-background-hover - Change The list item hover background
     - $item-text-color-hover - Change The list item hover text color.
-    
+
     - $item-subtitle-color - Change The list item subtitle color.
     - $item-subtitle-color-hover - Change The list item hover subtitle color.
     - $item-subtitle-color-active - Change The active list item subtitle color.
-    
+
     - $item-action-color - Change The list item actions color.
     - $item-action-color-hover - Change The list item hover actions color.
     - $item-action-color-active - Change The active list item actions color.
-    
+
     - $item-thumbnail-color - Change The list item thumbnail color.
     - $item-thumbnail-color-hover - Change The list item hover thumbnail color.
     - $item-thumbnail-color-active - Change The active list item thumbnail color.
-    
+
 - **Behavioral Change** default min column width is changed according the grid display density property:
     - for `DisplayDensity.comfortable` defaultMinWidth is `80px`;
     - for `DisplayDensity.cosy` defaultMinWidth is `64px`;

ROADMAP.md

@@ -8,6 +8,9 @@
 2. IgxGrid row and cell selection modes [#4989](https://github.com/IgniteUI/igniteui-angular/issues/4989)
 3. Fluent Theme [#5335](https://github.com/IgniteUI/igniteui-angular/issues/5335)
 4. Drag and Drop enhancements [#5319](https://github.com/IgniteUI/igniteui-angular/issues/5319)
+5. Multi-View Calendar + Range DatePicker [#4282](https://github.com/IgniteUI/igniteui-angular/issues/4282)
+6. Custom grid row selector templates [#4998](https://github.com/IgniteUI/igniteui-angular/issues/4998)
+7. Per-column Filtering Strategies [#5323](https://github.com/IgniteUI/igniteui-angular/issues/5323)
 
 ## Going down the road
 

projects/igniteui-angular/src/lib/chips/chip.component.ts

@@ -19,7 +19,7 @@ import {
     IDragStartEventArgs,
     IgxDropEnterEventArgs,
     IgxDropEventArgs
-} from '../directives/dragdrop/dragdrop.directive';
+} from '../directives/drag-drop/drag-drop.directive';
 
 
 export interface IBaseChipEventArgs {

projects/igniteui-angular/src/lib/chips/chips-area.component.ts

@@ -23,7 +23,7 @@ import {
 } from './chip.component';
 import {
     IgxDropEnterEventArgs
-} from '../directives/dragdrop/dragdrop.directive';
+} from '../directives/drag-drop/drag-drop.directive';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs/internal/Subject';
 

projects/igniteui-angular/src/lib/chips/chips.module.ts

@@ -6,7 +6,7 @@ import { IgxAvatarModule } from '../avatar/avatar.component';
 import { IgxIconModule } from '../icon/index';
 import { IgxChipComponent } from './chip.component';
 import { IgxChipsAreaComponent } from './chips-area.component';
-import { IgxDragDropModule } from '../directives/dragdrop/dragdrop.directive';
+import { IgxDragDropModule } from '../directives/drag-drop/drag-drop.directive';
 import { IgxPrefixModule, IgxPrefixDirective} from '../directives/prefix/prefix.directive';
 import { IgxSuffixModule, IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 

projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-component.scss

@@ -68,6 +68,11 @@
             @extend %grid-excel-actions__action !optional;
         }
 
+        @include e(actions-pin, $m: disabled) {
+            @extend %grid-excel-actions__action !optional;
+            @extend %grid-excel-actions__action--disabled !optional;
+        }
+
         @include e(actions-unpin) {
             @extend %grid-excel-actions__action !optional;
         }

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -18,6 +18,7 @@
 /// @param {Color} $header-border-color [null] - The color used for header borders.
 ///
 /// @param {Color} $sorted-header-icon-color [null] - The sort icon color when sorted.
+/// @param {color} $sortable-header-icon-hover-color [null] - The icon color on hover in grid header when the column is sortable.
 ///
 /// @param {Color} $content-background [null] - The table body background color.
 /// @param {Color} $content-text-color [null] - The table body text color.
@@ -194,8 +195,8 @@
     $row-ghost-background: null,
     $row-drag-color: null,
     $drop-area-border-radius: null,
-
-    $grid-border-color: null
+    $grid-border-color: null,
+    $sortable-header-icon-hover-color: null
 ) {
     $name: 'igx-grid';
     $grid-schema: map-get($schema, $name);
@@ -484,6 +485,7 @@
         row-ghost-background: $row-ghost-background,
         row-drag-color: $row-drag-color,
         drop-area-border-radius: $drop-area-border-radius,
+        sortable-header-icon-hover-color: $sortable-header-icon-hover-color,
         grid-border-color: $grid-border-color,
     ));
 }

projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss

@@ -373,7 +373,7 @@
     }
 
     %igx-list__item-lines {
-        color: --var($theme, 'item-text-color');
+        color: currentColor;
         display: flex;
         flex-direction: column;
         flex: 1 0 0%;

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_grid.scss

@@ -12,7 +12,8 @@
 /// @prop {Map} header-background [igx-color: ('grays', 100), hexrgba: #fff] - The table header background color.
 /// @prop {Map} header-text-color [igx-color: ('grays', 600)] - The table header text color.
 ///
-/// @prop {Map} $sorted-header-icon-color [igx-color: ('secondary', 500)] - The sorted table header icon color.
+/// @prop {Map} sorted-header-icon-color [igx-color: ('secondary', 500)] - The sorted table header icon color.
+/// @prop {Map} sortable-header-icon-hover-color [igx-color: ('secondary', 500)] - The icon color on hover in grid header when the column is sortable.
 ///
 /// @prop {Number} header-border-width [1px] - The border width used for header borders.
 /// @prop {String} header-border-style [solid] - The border style used for header borders.
@@ -94,22 +95,10 @@ $_light-grid: extend(
             igx-color: ('grays', 600)
         ),
 
-        sortable-header-hover-color: (
-            igx-color: ('grays', 900)
-        ),
-
-        sortable-header-hover-icon-color: (
-            igx-color: ('grays', 500)
-        ),
-
         sortable-header-icon-hover-color: (
             igx-color: ('secondary', 500)
         ),
 
-        sorted-header-color: (
-            igx-color: ('grays', 900)
-        ),
-
         sorted-header-icon-color: (
             igx-color: ('secondary', 500)
         ),