[NG] Page size change was not triggering a state change (#1752)

StateDebouncer calls added to the size setter.

Signed-off-by: Ivan Donchev <[email protected]>

src/clr-angular/data/datagrid/datagrid.spec.ts

@@ -132,6 +132,19 @@ export default function(): void {
           expect(context.testComponent.nbRefreshed).toBe(1);
         });
 
+        it('emits once when the page size changes', function() {
+          context.testComponent.nbRefreshed = 0;
+          const page: Page = context.getClarityProvider(Page);
+          page.size = 2;
+          context.detectChanges();
+          expect(context.testComponent.nbRefreshed).toBe(1);
+          page.size = 5;
+          context.detectChanges();
+          expect(context.testComponent.nbRefreshed).toBe(2);
+          page.resetPageSize();
+          expect(context.testComponent.nbRefreshed).toBe(3);
+        });
+
         it('emits the complete state of the datagrid', function() {
           context.testComponent.items = [1, 2, 3, 4, 5, 6];
           context.detectChanges();

src/clr-angular/data/datagrid/providers/page.ts

@@ -22,6 +22,7 @@ export class Page {
   public set size(size: number) {
     const oldSize = this._size;
     if (size !== oldSize) {
+      this.stateDebouncer.changeStart();
       this._size = size;
       if (size === 0) {
         this._current = 1;
@@ -34,6 +35,7 @@ export class Page {
       // the size changing means the items inside the page are different
       this._change.next(this._current);
       this._sizeChange.next(this._size);
+      this.stateDebouncer.changeDone();
     }
   }