@skyux/lists 9.19.0 → 9.20.0

package/index.d.ts

@@ -1,6 +1,7 @@
 export { SkyFilterModule } from './lib/modules/filter/filter.module';
 export { SkyInfiniteScrollModule } from './lib/modules/infinite-scroll/infinite-scroll.module';
 export { SkyPagingModule } from './lib/modules/paging/paging.module';
+export { SkyPagingContentChangeArgs } from './lib/modules/paging/types/paging-content-change-args';
 export { SkyRepeaterExpandModeType } from './lib/modules/repeater/repeater-expand-mode-type';
 export { SkyRepeaterModule } from './lib/modules/repeater/repeater.module';
 export { SkySortModule } from './lib/modules/sort/sort.module';
@@ -18,3 +19,4 @@ export { SkyRepeaterItemComponent as λ10 } from './lib/modules/repeater/repeate
 export { SkyRepeaterComponent as λ11 } from './lib/modules/repeater/repeater.component';
 export { SkySortItemComponent as λ13 } from './lib/modules/sort/sort-item.component';
 export { SkySortComponent as λ14 } from './lib/modules/sort/sort.component';
+export { SkyPagingContentComponent as λ15 } from './lib/modules/paging/paging-content.component';

package/lib/modules/paging/paging-content.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SkyPagingContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyPagingContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyPagingContentComponent, "sky-paging-content", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/modules/paging/paging.component.d.ts

@@ -1,4 +1,6 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { SkyPagingContentChangeArgs } from './types/paging-content-change-args';
 import * as i0 from "@angular/core";
 export declare class SkyPagingComponent implements OnChanges {
     #private;
@@ -30,14 +32,24 @@ export declare class SkyPagingComponent implements OnChanges {
      * Fires when the current page changes and emits the new current page.
      */
     currentPageChange: EventEmitter<number>;
+    /**
+     * Fires when the current page changes and emits the new current page with a function
+     * to call when loading the new page completes. Handling this event will display the
+     * wait component until the callback function is called, and focus will move to the top
+     * of the list for keyboard navigation if the list contents are placed inside the
+     * sky-paging-content element.
+     */
+    contentChange: EventEmitter<SkyPagingContentChangeArgs>;
+    contentWrapper: ElementRef | undefined;
     displayedPages: Array<number>;
     pageCount: number;
+    protected isLoading: BehaviorSubject<boolean>;
     ngOnChanges(changes: SimpleChanges): void;
-    setPage(pageNumber: number): void;
+    setPage(pageNumber: number, forceContentChange?: boolean): void;
     nextPage(): void;
     previousPage(): void;
     get isPreviousButtonDisabled(): boolean;
     get isNextButtonDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyPagingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyPagingComponent, "sky-paging", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "maxPages": { "alias": "maxPages"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pagingLabel": { "alias": "pagingLabel"; "required": false; }; }, { "currentPageChange": "currentPageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyPagingComponent, "sky-paging", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "maxPages": { "alias": "maxPages"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pagingLabel": { "alias": "pagingLabel"; "required": false; }; }, { "currentPageChange": "currentPageChange"; "contentChange": "contentChange"; }, never, ["sky-paging-content"], false, never>;
 }

package/lib/modules/paging/paging.module.d.ts

@@ -3,9 +3,10 @@ import * as i1 from "./paging.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@skyux/indicators";
 import * as i4 from "../shared/sky-lists-resources.module";
-import * as i5 from "@skyux/theme";
+import * as i5 from "./paging-content.component";
+import * as i6 from "@skyux/theme";
 export declare class SkyPagingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyPagingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyPagingModule, [typeof i1.SkyPagingComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof i4.SkyListsResourcesModule, typeof i5.SkyThemeModule], [typeof i1.SkyPagingComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyPagingModule, [typeof i1.SkyPagingComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof i4.SkyListsResourcesModule, typeof i5.SkyPagingContentComponent, typeof i6.SkyThemeModule, typeof i3.SkyWaitModule], [typeof i1.SkyPagingComponent, typeof i5.SkyPagingContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyPagingModule>;
 }

package/lib/modules/paging/types/paging-content-change-args.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Information about the paged content to load.
+ */
+export interface SkyPagingContentChangeArgs {
+    /**
+     * The current page number.
+     */
+    currentPage: number;
+    /**
+     * A function to call when loading the paged content completes.
+     */
+    loadingComplete: () => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lists",
-  "version": "9.19.0",
+  "version": "9.20.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -40,15 +40,15 @@
     "@angular/common": "^16.2.9",
     "@angular/core": "^16.2.9",
     "@angular/platform-browser": "^16.2.9",
-    "@skyux-sdk/testing": "9.19.0",
-    "@skyux/animations": "9.19.0",
-    "@skyux/core": "9.19.0",
-    "@skyux/forms": "9.19.0",
-    "@skyux/i18n": "9.19.0",
-    "@skyux/indicators": "9.19.0",
-    "@skyux/inline-form": "9.19.0",
-    "@skyux/popovers": "9.19.0",
-    "@skyux/theme": "9.19.0"
+    "@skyux-sdk/testing": "9.20.0",
+    "@skyux/animations": "9.20.0",
+    "@skyux/core": "9.20.0",
+    "@skyux/forms": "9.20.0",
+    "@skyux/i18n": "9.20.0",
+    "@skyux/indicators": "9.20.0",
+    "@skyux/inline-form": "9.20.0",
+    "@skyux/popovers": "9.20.0",
+    "@skyux/theme": "9.20.0"
   },
   "dependencies": {
     "@types/dragula": "2.1.36",