Merge pull request #7394 from IgniteUI/expose-pageChange-perPageChange-emitters-90x

Expose page change per page change emitters

Author: zdrawku

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>();