Show only selected items goes to first page

src/app/public/modules/list-view-checklist/list-view-checklist.component.spec.ts

@@ -14,7 +14,8 @@ import {
   ListState,
   ListStateDispatcher,
   ListViewsLoadAction,
-  ListViewModel
+  ListViewModel,
+  ListPagingSetPageNumberAction
 } from '@skyux/list-builder/modules/list/state';
 
 import {
@@ -348,6 +349,23 @@ describe('List View Checklist Component', () => {
       expect(visibleCheckboxesLength).toEqual(fixture.componentInstance.selectedItems.size);
     }));
 
+    it('should go to the first page when \'showOnlySelected\' is selected', fakeAsync(() => {
+      const dispatcherSpy = spyOn(dispatcher, 'next').and.callThrough();
+
+      tick();
+      fixture.detectChanges();
+      let checkboxes = document.querySelectorAll('.sky-list-view-checklist sky-checkbox input');
+      (checkboxes.item(0) as HTMLElement).click();
+      tick();
+      fixture.detectChanges();
+
+      component.showOnlySelected = true;
+      tick();
+      fixture.detectChanges();
+
+      expect(dispatcherSpy).toHaveBeenCalledWith(new ListPagingSetPageNumberAction(Number(1)));
+    }));
+
     it('should hide the item if \'showOnlySelected\' property is set & user uncheck the checkbox', fakeAsync(() => {
       tick();
       fixture.detectChanges();

src/app/public/modules/list-view-checklist/list-view-checklist.component.ts

@@ -32,6 +32,7 @@ import {
   ListSelectedModel,
   ListFilterModel,
   ListItemModel,
+  ListPagingSetPageNumberAction,
   ListSelectedSetItemSelectedAction,
   ListSelectedSetItemsSelectedAction,
   ListToolbarItemModel,
@@ -352,6 +353,9 @@ export class SkyListViewChecklistComponent extends ListViewComponent implements
         this.dispatcher.filtersUpdate(filters);
       });
 
+    this.dispatcher.next(
+      new ListPagingSetPageNumberAction(Number(1))
+    );
     this.disableToolbar(isSelected);
   }
 }