Merge branch '9.0.x' into PMiteva/disabled-textarea-v.9.0

Author: kdinev

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

@@ -527,11 +527,15 @@
         @include e(group-row, $m: padding-level-#{$i}) {
             @extend %igx-grid__group-row--padding-level-#{$i} !optional;
         }
+    }
+
+    @for $i from 1 through 25 {
         @include e(tree-cell, $m: padding-level-#{$i}) {
             @extend %igx-grid__tree-cell--padding-level-#{$i} !optional;
         }
     }
 
+
     @include m(cosy) {
         @extend %grid-display !optional;
 
@@ -626,6 +630,9 @@
             @include e(group-row, $m: padding-level-#{$i}) {
                 @extend %igx-grid__group-row--padding-cosy-level-#{$i} !optional;
             }
+        }
+
+        @for $i from 1 through 25 {
             @include e(tree-cell, $m: padding-level-#{$i}) {
                 @extend %igx-grid__tree-cell-cosy--padding-level-#{$i} !optional;
             }
@@ -726,6 +733,9 @@
             @include e(group-row, $m: padding-level-#{$i}) {
                 @extend %igx-grid__group-row-compact--padding-level-#{$i} !optional;
             }
+        }
+
+        @for $i from 1 through 25 {
             @include e(tree-cell, $m: padding-level-#{$i}) {
                 @extend %igx-grid__tree-cell-compact--padding-level-#{$i} !optional;
             }

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

@@ -2073,10 +2073,6 @@
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
         }
 
-        %igx-grid__tree-cell--padding-level-#{$i} {
-            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
-        }
-
         // COSY
         %igx-grid__row-indentation-cosy--level-#{$i} {
             padding-#{$left}: calc(#{$i*map-get($grid-grouping-indicator-padding, 'cosy')} + #{$indicator-icon-width});
@@ -2086,10 +2082,6 @@
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
         }
 
-        %igx-grid__tree-cell-cosy--padding-level-#{$i} {
-            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
-        }
-
         // COMPACT
         %igx-grid__row-indentation-compact--level-#{$i} {
             padding-#{$left}: calc(#{$i*map-get($grid-grouping-indicator-padding, 'compact')} + #{$indicator-icon-width});
@@ -2098,6 +2090,16 @@
         %igx-grid__group-row-compact--padding-level-#{$i} {
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'compact')};
         }
+    }
+
+    @for $i from 1 through 25 {
+        %igx-grid__tree-cell--padding-level-#{$i} {
+            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
+        }
+
+        %igx-grid__tree-cell-cosy--padding-level-#{$i} {
+            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
+        }
 
         %igx-grid__tree-cell-compact--padding-level-#{$i} {
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'compact')};

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -445,7 +445,16 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
     }
 
     /**
-     *@hidden @internal
+     * Emitted after the current page is changed.
+     * @example
+     * ```html
+     * <igx-grid (pageChange)="onPageChange($event)"></igx-grid>
+     * ```
+     * ```typescript
+     * public onPageChange(page: number) {
+     *   this.currentPage = page;
+     * }
+     * ```
      */
     @Output()
     public pageChange = new EventEmitter<number>();
@@ -477,7 +486,16 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
     }
 
     /**
-     *@hidden @internal
+     * Emitted when `perPage` property value of the grid is changed.
+     * @example
+     * ```html
+     * <igx-grid #grid (perPageChange)="onPerPageChange($event)" [autoGenerate]="true"></igx-grid>
+     * ```
+     * ```typescript
+     * public onPerPageChange(perPage: number) {
+     *   this.perPage = perPage;
+     * }
+     * ```
      */
     @Output()
     public perPageChange = new EventEmitter<number>();

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

@@ -169,13 +169,31 @@ export class IgxPaginatorComponent extends DisplayDensityBase {
     public selectLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_label;
 
     /**
-     *An event that is emitted when the select in the `IgxPaginatorComponent` changes its value.
-    */
+     * Emitted when `perPage` property value of the paginator is changed.
+     * @example
+     * ```html
+     * <igx-paginator (perPageChange)="onPerPageChange($event)"></igx-paginator>
+     * ```
+     * ```typescript
+     * public onPerPageChange(perPage: number) {
+     *   this.perPage = perPage;
+     * }
+     * ```
+     */
     @Output()
     public perPageChange = new EventEmitter<number>();
     /**
-     *An event that is emitted when the paginating is used.
-    */
+     * Emitted after the current page is changed.
+     * @example
+     * ```html
+     * <igx-paginator (pageChange)="onPageChange($event)"></igx-paginator>
+     * ```
+     * ```typescript
+     * public onPageChange(page: number) {
+     *   this.currentPage = page;
+     * }
+     * ```
+     */
     @Output()
     public pageChange = new EventEmitter<number>();
 

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

@@ -624,6 +624,8 @@ export class IgxSliderComponent implements
         } else {
             this._value = value;
         }
+
+        this._onChangeCallback(value);
     }
 
     /**
@@ -1344,6 +1346,8 @@ export class IgxSliderComponent implements
         } else {
             this.value = (value as number) - ((value as number) % this.step);
         }
+
+        this._cdr.detectChanges();
     }
 
     private updateTrack() {
@@ -1413,8 +1417,6 @@ export class IgxSliderComponent implements
             this.upperValue = (value as IRangeSliderValue).upper;
             this.lowerValue = (value as IRangeSliderValue).lower;
         }
-
-        this._onChangeCallback(this.value);
     }
 
     private emitValueChanged(oldValue: number | IRangeSliderValue) {