@polygrid/core 1.0.519 → 1.0.521

package/dist/engine/services/paging/interfaces/button-state.d.ts

@@ -0,0 +1,7 @@
+export interface PagingButtonState {
+    isLeftEndDisabled: boolean;
+    isLeftDisabled: boolean;
+    isRightEndDisabled: boolean;
+    isRightDisabled: boolean;
+}
+//# sourceMappingURL=button-state.d.ts.map

package/dist/engine/services/paging/interfaces/button-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-state.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/interfaces/button-state.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;CAC1B"}

package/dist/engine/services/paging/interfaces/button-state.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button-state.js.map

package/dist/engine/services/paging/interfaces/button-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-state.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/interfaces/button-state.ts"],"names":[],"mappings":""}

package/dist/engine/services/paging/interfaces/paging-settings.d.ts

@@ -0,0 +1,6 @@
+export interface PolyGridPagingSettings {
+    pageSize?: number;
+    pageSizes?: number[];
+    pageCount?: number;
+}
+//# sourceMappingURL=paging-settings.d.ts.map

package/dist/engine/services/paging/interfaces/paging-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paging-settings.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/interfaces/paging-settings.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/engine/services/paging/interfaces/paging-settings.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=paging-settings.js.map

package/dist/engine/services/paging/interfaces/paging-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paging-settings.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/interfaces/paging-settings.ts"],"names":[],"mappings":""}

package/dist/engine/services/paging/methods/jump-back.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function jumpBack(grid: PolyGrid): void;
+//# sourceMappingURL=jump-back.d.ts.map

package/dist/engine/services/paging/methods/jump-back.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-back.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-back.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,QAWtC"}

package/dist/engine/services/paging/methods/jump-back.js

@@ -0,0 +1,11 @@
+export function jumpBack(grid) {
+    const newActivePage = grid._store.getState().view.pagingState.currentPage - 1;
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPage = newActivePage;
+        if (newActivePage ===
+            (draft.view.pagingState.currentPageSection - 1) *
+                draft.view.pagingState.pageCount)
+            draft.view.pagingState.currentPageSection -= 1;
+    });
+}
+//# sourceMappingURL=jump-back.js.map

package/dist/engine/services/paging/methods/jump-back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-back.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-back.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,IAAc;IACrC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;IAC9E,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;QACnD,IACE,aAAa;YACb,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,CAAC,CAAC;gBAC7C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS;YAElC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAI,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/jump-forward.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function jumpForward(grid: PolyGrid): void;
+//# sourceMappingURL=jump-forward.d.ts.map

package/dist/engine/services/paging/methods/jump-forward.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-forward.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-forward.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,QAYzC"}

package/dist/engine/services/paging/methods/jump-forward.js

@@ -0,0 +1,12 @@
+export function jumpForward(grid) {
+    const newActivePage = grid._store.getState().view.pagingState.currentPage + 1;
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPage = newActivePage;
+        if (newActivePage ===
+            draft.view.pagingState.currentPageSection *
+                draft.view.pagingState.pageCount +
+                1)
+            draft.view.pagingState.currentPageSection += 1;
+    });
+}
+//# sourceMappingURL=jump-forward.js.map

package/dist/engine/services/paging/methods/jump-forward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-forward.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-forward.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,IAAc;IACxC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;IAC9E,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;QACnD,IACE,aAAa;YACb,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB;gBACvC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS;gBAChC,CAAC;YAEH,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAI,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/jump-to-end.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function jumpToEnd(grid: PolyGrid): void;
+//# sourceMappingURL=jump-to-end.d.ts.map

package/dist/engine/services/paging/methods/jump-to-end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-to-end.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-to-end.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,QAUvC"}

package/dist/engine/services/paging/methods/jump-to-end.js

@@ -0,0 +1,10 @@
+export function jumpToEnd(grid) {
+    const pagingState = grid._store.getState().view.pagingState;
+    const totalPages = Math.ceil(grid._store.getState().view.viewRows.length / pagingState.pageSize);
+    const lastPageSection = Math.ceil(totalPages / pagingState.pageCount);
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPageSection = lastPageSection;
+        draft.view.pagingState.currentPage = totalPages;
+    });
+}
+//# sourceMappingURL=jump-to-end.js.map

package/dist/engine/services/paging/methods/jump-to-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-to-end.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-to-end.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,IAAc;IACtC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC;IAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAC1B,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAS,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,CACpE,CAAC;IACF,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACtE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,eAAe,CAAC;QAC5D,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,UAAU,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/jump-to-start.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function jumpToStart(grid: PolyGrid): void;
+//# sourceMappingURL=jump-to-start.d.ts.map

package/dist/engine/services/paging/methods/jump-to-start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-to-start.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-to-start.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,QAKzC"}

package/dist/engine/services/paging/methods/jump-to-start.js

@@ -0,0 +1,7 @@
+export function jumpToStart(grid) {
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPageSection = 1;
+        draft.view.pagingState.currentPage = 1;
+    });
+}
+//# sourceMappingURL=jump-to-start.js.map

package/dist/engine/services/paging/methods/jump-to-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-to-start.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/jump-to-start.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,IAAc;IACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/load-next-pages.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function loadNextPages(grid: PolyGrid): void;
+//# sourceMappingURL=load-next-pages.d.ts.map

package/dist/engine/services/paging/methods/load-next-pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-next-pages.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/load-next-pages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,QAQ3C"}

package/dist/engine/services/paging/methods/load-next-pages.js

@@ -0,0 +1,9 @@
+export function loadNextPages(grid) {
+    const newPageSection = grid._store.getState().view.pagingState.currentPageSection + 1;
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPageSection = newPageSection;
+        draft.view.pagingState.currentPage =
+            (newPageSection - 1) * draft.view.pagingState.pageCount + 1;
+    });
+}
+//# sourceMappingURL=load-next-pages.js.map

package/dist/engine/services/paging/methods/load-next-pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-next-pages.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/load-next-pages.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,IAAc;IAC1C,MAAM,cAAc,GAClB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,CAAC,CAAC;IACjE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,cAAc,CAAC;QAC3D,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW;YAChC,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/load-prev-pages.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function loadPrevPages(grid: PolyGrid): void;
+//# sourceMappingURL=load-prev-pages.d.ts.map

package/dist/engine/services/paging/methods/load-prev-pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-prev-pages.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/load-prev-pages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,QAS3C"}

package/dist/engine/services/paging/methods/load-prev-pages.js

@@ -0,0 +1,10 @@
+export function loadPrevPages(grid) {
+    const currentPageSection = grid._store.getState().view.pagingState.currentPageSection;
+    const newPageSection = Math.max(1, currentPageSection - 1);
+    grid._store.update((draft) => {
+        draft.view.pagingState.currentPageSection = newPageSection;
+        draft.view.pagingState.currentPage =
+            (newPageSection - 1) * draft.view.pagingState.pageCount + 10;
+    });
+}
+//# sourceMappingURL=load-prev-pages.js.map

package/dist/engine/services/paging/methods/load-prev-pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-prev-pages.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/load-prev-pages.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,IAAc;IAC1C,MAAM,kBAAkB,GACtB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,CAAC;IAC3D,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,cAAc,CAAC;QAC3D,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW;YAChC,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/page-size-change.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function pageSizeChange(grid: PolyGrid, e: Event): void;
+//# sourceMappingURL=page-size-change.d.ts.map

package/dist/engine/services/paging/methods/page-size-change.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-size-change.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/page-size-change.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,QAOtD"}

package/dist/engine/services/paging/methods/page-size-change.js

@@ -0,0 +1,9 @@
+export function pageSizeChange(grid, e) {
+    const newPageSize = +e.target.value;
+    grid._store.update((draft) => {
+        draft.view.pagingState.pageSize = newPageSize;
+        draft.view.pagingState.currentPageSection = 1;
+        draft.view.pagingState.currentPage = 1;
+    });
+}
+//# sourceMappingURL=page-size-change.js.map

package/dist/engine/services/paging/methods/page-size-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-size-change.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/page-size-change.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,IAAc,EAAE,CAAQ;IACrD,MAAM,WAAW,GAAG,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;IAC3D,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/methods/pager-click.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function pagerClick(grid: PolyGrid, e: PointerEvent): void;
+//# sourceMappingURL=pager-click.d.ts.map

package/dist/engine/services/paging/methods/pager-click.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager-click.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/pager-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,QAsBzD"}

package/dist/engine/services/paging/methods/pager-click.js

@@ -0,0 +1,22 @@
+export function pagerClick(grid, e) {
+    const target = e.target;
+    if (!target)
+        return;
+    // Page number clicked
+    if (target.dataset.page) {
+        const page = Number(target.dataset.page);
+        grid._store.update((draft) => (draft.view.pagingState.currentPage = page));
+        return;
+    }
+    // Previous section
+    if (target.dataset.action === "prev-section") {
+        grid._services.paging.loadPrevPages(grid);
+        return;
+    }
+    // Next section
+    if (target.dataset.action === "next-section") {
+        grid._services.paging.loadNextPages(grid);
+        return;
+    }
+}
+//# sourceMappingURL=pager-click.js.map

package/dist/engine/services/paging/methods/pager-click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager-click.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/pager-click.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,IAAc,EAAE,CAAe;IACxD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,sBAAsB;IACtB,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QAC3E,OAAO;IACT,CAAC;IAED,mBAAmB;IACnB,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,cAAc,EAAE,CAAC;QAC7C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,OAAO;IACT,CAAC;IAED,eAAe;IACf,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,cAAc,EAAE,CAAC;QAC7C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,OAAO;IACT,CAAC;AACH,CAAC"}

package/dist/engine/services/paging/methods/set-page-rows.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../core/grid";
+export declare function setPageRows(grid: PolyGrid): void;
+//# sourceMappingURL=set-page-rows.d.ts.map

package/dist/engine/services/paging/methods/set-page-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-page-rows.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/set-page-rows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,QA6BzC"}

package/dist/engine/services/paging/methods/set-page-rows.js

@@ -0,0 +1,26 @@
+export function setPageRows(grid) {
+    const pagingState = grid._store.getState().view.pagingState;
+    const viewRows = grid._store.getState().view.viewRows;
+    const totalRows = viewRows.length;
+    const pageSize = pagingState.pageSize;
+    const maxPage = Math.max(1, Math.ceil(totalRows / pageSize));
+    // Clamp BEFORE slicing
+    if (pagingState.currentPage > maxPage) {
+        grid._store.update((draft) => {
+            draft.view.pagingState.currentPage = maxPage;
+        });
+    }
+    const newPage = pagingState.currentPage;
+    const isPagingTransition = newPage !== grid._services.paging.previousPage;
+    grid._services.paging.previousPage = newPage;
+    const start = (pagingState.currentPage - 1) * pagingState.pageSize;
+    const end = start + pagingState.pageSize;
+    const pagedViewRows = viewRows.slice(start, end);
+    grid._store.update((draft) => {
+        draft.view.isPagingTransition = isPagingTransition;
+        draft.view.pagedRows = pagedViewRows;
+        draft.ui.virtualRows.totalRowCount = pagedViewRows.length;
+        grid._services.row.recomputeVirtualRows(draft.ui.virtualRows);
+    });
+}
+//# sourceMappingURL=set-page-rows.js.map

package/dist/engine/services/paging/methods/set-page-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-page-rows.js","sourceRoot":"","sources":["../../../../../src/engine/services/paging/methods/set-page-rows.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,IAAc;IACxC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAS,CAAC;IAEvD,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC;IAE7D,uBAAuB;IACvB,IAAI,WAAW,CAAC,WAAW,GAAG,OAAO,EAAE,CAAC;QACtC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,OAAO,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,OAAO,GAAG,WAAW,CAAC,WAAW,CAAC;IACxC,MAAM,kBAAkB,GAAG,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;IAC1E,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,GAAG,OAAO,CAAC;IAE7C,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC;IACzC,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;QACrC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC;QAC1D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/paging/paging.d.ts

@@ -4,12 +4,22 @@ import { ObservableLike } from "../../rx-lite/interfaces/observable-like";
 import type { PolyGridStore } from "../../store/store";
 import { ServiceWithMethods } from "../services";
 import { PagingMethods } from "./index";
+import { PagingButtonState } from "./interfaces/button-state";
+import { PolyGridPagingSettings } from "./interfaces/paging-settings";
 export declare class PagingService {
     store: PolyGridStore;
     destroy$: ObservableLike<void>;
     gridDom: GridDOM;
     grid: PolyGrid;
-    pageable$: ObservableLike<boolean>;
+    pageable$: ObservableLike<boolean | PolyGridPagingSettings>;
+    totalPages$: ObservableLike<number>;
+    visiblePages$: ObservableLike<{
+        visiblePages: number[];
+        totalPages: number;
+        totalRows: number;
+    }>;
+    buttonStates$: ObservableLike<PagingButtonState>;
+    previousPage: number;
     constructor(grid: PolyGrid);
     initApiSubscriptions(): void;
 }

package/dist/engine/services/paging/paging.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paging.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/paging/paging.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAW,MAAM,SAAS,CAAC;AAEjD,qBAAa,aAAa;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IAEf,SAAS,EAAG,cAAc,CAAC,OAAO,CAAC,CAAC;gBAExB,IAAI,EAAE,QAAQ;IAS1B,oBAAoB;CAMrB;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAChD,aAAa,EACb,aAAa,CACd,CAAC"}
+{"version":3,"file":"paging.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/paging/paging.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAK1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAW,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,qBAAa,aAAa;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IAEf,SAAS,EAAG,cAAc,CAAC,OAAO,GAAG,sBAAsB,CAAC,CAAC;IAC7D,WAAW,EAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,aAAa,EAAG,cAAc,CAAC;QAC7B,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,aAAa,EAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAElD,YAAY,SAAK;gBAEL,IAAI,EAAE,QAAQ;IAwD1B,oBAAoB;CAMrB;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAChD,aAAa,EACb,aAAa,CACd,CAAC"}

package/dist/engine/services/paging/paging.js

@@ -1,12 +1,49 @@
 import { distinctUntilChanged } from "../../rx-lite/operators/distinct-until-changed";
+import { map } from "../../rx-lite/operators/map";
 import { applyMethods } from "../services";
 import { methods } from "./index";
+import { setPageRows } from "./methods/set-page-rows";
 export class PagingService {
     constructor(grid) {
+        this.previousPage = 1;
         this.store = grid._store;
         this.destroy$ = grid._destroy$;
         this.gridDom = grid._gridDom;
         this.grid = grid;
+        this.totalPages$ = this.store
+            .combineLatest([
+            (s) => s.view.viewRows,
+            (s) => s.view.pagingState.pageSize,
+        ])
+            .pipe(map(([rows, pageSize]) => Math.ceil(rows.length / pageSize)), distinctUntilChanged());
+        this.visiblePages$ = this.store
+            .combineLatestAny([(s) => s.view.pagingState, this.totalPages$])
+            .pipe(map(([pageState, totalPages]) => {
+            const totalRows = grid._store.getState().view.viewRows.length;
+            const start = (pageState.currentPageSection - 1) * pageState.pageCount + 1;
+            const end = Math.min(pageState.currentPageSection * pageState.pageCount, totalPages);
+            const visiblePages = [];
+            for (let p = start; p <= end; p++)
+                visiblePages.push(p);
+            return { visiblePages, totalPages, totalRows };
+        }));
+        this.buttonStates$ = this.store
+            .combineLatestAny([(s) => s.view.pagingState, this.totalPages$])
+            .pipe(map(([pagingState, totalPages]) => {
+            return {
+                isLeftEndDisabled: pagingState.currentPage === 1,
+                isLeftDisabled: pagingState.currentPage === 1,
+                isRightEndDisabled: pagingState.currentPage === totalPages,
+                isRightDisabled: pagingState.currentPage === totalPages,
+            };
+        }));
+        this.store
+            .combineLatestAny([(s) => s.view.viewRows, (s) => s.view.pagingState])
+            .subscribe(([viewRows, pagingState]) => {
+            if (!viewRows || !this.store.getState().view.pageable)
+                return;
+            setPageRows(this.grid);
+        });
         applyMethods(this, methods);
     }
     initApiSubscriptions() {

package/dist/engine/services/paging/paging.js.map

@@ -1 +1 @@
-{"version":3,"file":"paging.js","sourceRoot":"","sources":["../../../../src/engine/services/paging/paging.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEtF,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAiB,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,OAAO,aAAa;IAQxB,YAAY,IAAc;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK;aACxB,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;aACpD,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAChC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;CACF"}
+{"version":3,"file":"paging.js","sourceRoot":"","sources":["../../../../src/engine/services/paging/paging.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/pager/pager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/pager/pager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,kBAqEzC"}
+{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/pager/pager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,kBAoKzC"}

package/dist/engine/services/renderer/parts/pager/pager.js

@@ -1,5 +1,9 @@
 import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
+import { addDomListener } from "../../../../core/methods";
+import { jumpBack } from "../../../paging/methods/jump-back";
 export function renderPager(grid) {
+    const pagingState = grid._store.getState().view.pagingState;
+    const pagingService = grid._services.paging;
     const pager = document.createElement("div");
     pager.classList.add(PG_CSS_CLASS.pager);
     const container = document.createElement("div");
@@ -8,25 +12,71 @@ export function renderPager(grid) {
     const leftEnd = grid._services.icon.renderIcon(grid._services.icon, "chevronLeftPipe");
     leftEndIcon.replaceChildren(leftEnd);
     container.appendChild(leftEndIcon);
+    addDomListener(grid._gridDom, leftEndIcon, "click", (e) => pagingService.jumpToStart(grid));
     const leftIcon = document.createElement("span");
     const left = grid._services.icon.renderIcon(grid._services.icon, "chevronLeft");
     leftIcon.replaceChildren(left);
     container.appendChild(leftIcon);
+    addDomListener(grid._gridDom, leftIcon, "click", (e) => jumpBack(grid));
     const pages = document.createElement("div");
     pages.classList.add("pages");
+    const pageNumbers = document.createElement("div");
+    addDomListener(grid._gridDom, pageNumbers, "click", (e) => pagingService.pagerClick(grid, e));
+    const visiblePagesSub = pagingService.visiblePages$.subscribe(({ visiblePages, totalPages, totalRows }) => {
+        const pagingState = grid._store.getState().view.pagingState;
+        pageNumbers.replaceChildren();
+        if (pagingState.currentPageSection > 1) {
+            const loadPrevPages = document.createElement("span");
+            loadPrevPages.innerText = "...";
+            loadPrevPages.dataset.action = "prev-section";
+            pageNumbers.appendChild(loadPrevPages);
+        }
+        for (const page of visiblePages) {
+            const p = document.createElement("span");
+            p.classList.toggle("active", page === pagingState.currentPage);
+            p.innerText = page.toString();
+            p.dataset.page = page.toString();
+            pageNumbers.appendChild(p);
+        }
+        if (totalPages > pagingState.currentPageSection * pagingState.pageCount) {
+            const loadNextPages = document.createElement("span");
+            loadNextPages.innerText = "...";
+            pageNumbers.appendChild(loadNextPages);
+            loadNextPages.dataset.action = "next-section";
+        }
+    });
+    pages.appendChild(pageNumbers);
+    grid._destroy$.subscribe(() => visiblePagesSub());
     container.appendChild(pages);
     const rightIcon = document.createElement("span");
     const right = grid._services.icon.renderIcon(grid._services.icon, "chevronRight");
     rightIcon.replaceChildren(right);
     container.appendChild(rightIcon);
+    addDomListener(grid._gridDom, rightIcon, "click", (e) => pagingService.jumpForward(grid));
     const rightEndIcon = document.createElement("span");
     const rightEnd = grid._services.icon.renderIcon(grid._services.icon, "chevronRightPipe");
     rightEndIcon.replaceChildren(rightEnd);
     container.appendChild(rightEndIcon);
+    addDomListener(grid._gridDom, rightEndIcon, "click", (e) => pagingService.jumpToEnd(grid));
+    const buttonStatesSub = pagingService.buttonStates$.subscribe((btnState) => {
+        leftEnd.classList.toggle(PG_CSS_CLASS.disabled, btnState.isLeftEndDisabled);
+        left.classList.toggle(PG_CSS_CLASS.disabled, btnState.isLeftDisabled);
+        rightEnd.classList.toggle(PG_CSS_CLASS.disabled, btnState.isRightEndDisabled);
+        right.classList.toggle(PG_CSS_CLASS.disabled, btnState.isRightDisabled);
+    });
+    grid._destroy$.subscribe(() => buttonStatesSub());
     const pageSizes = document.createElement("div");
     pageSizes.classList.add("page-sizes");
     const select = document.createElement("select");
+    pagingState.pageSizes.forEach((pageSize) => {
+        const opt = document.createElement("option");
+        opt.value = pageSize.toString();
+        opt.innerText = pageSize.toString();
+        select.appendChild(opt);
+    });
+    select.value = pagingState.pageSize.toString();
     pageSizes.appendChild(select);
+    addDomListener(grid._gridDom, select, "change", (e) => pagingService.pageSizeChange(grid, e));
     const itemsPerPage = document.createElement("span");
     itemsPerPage.innerText = "items per page";
     pageSizes.appendChild(itemsPerPage);
@@ -34,7 +84,15 @@ export function renderPager(grid) {
     const recordNumbers = document.createElement("div");
     recordNumbers.classList.add("record-numbers");
     const recordsOfTotal = document.createElement("span");
-    recordsOfTotal.innerText = "x of y items";
+    const recNumbersSub = pagingService.visiblePages$.subscribe(({ visiblePages, totalPages, totalRows }) => {
+        const pagingState = grid._store.getState().view.pagingState;
+        const from = 1 + (pagingState.currentPage - 1) * pagingState.pageSize;
+        const to = totalRows > pagingState.currentPage * pagingState.pageSize
+            ? pagingState.currentPage * pagingState.pageSize
+            : totalRows;
+        recordsOfTotal.innerText = `${from} - ${to} of ${totalRows} items`;
+    });
+    grid._destroy$.subscribe(() => recNumbersSub());
     recordNumbers.appendChild(recordsOfTotal);
     container.appendChild(recordNumbers);
     pager.appendChild(container);

package/dist/engine/services/renderer/parts/pager/pager.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/pager/pager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pager.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/pager/pager.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/row/classes/row-pool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"row-pool.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/row/classes/row-pool.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAKzE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,qBAAa,OAAO;IAClB,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAW;IAEvB,sBAAsB,UAAS;gBAG7B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,MAAM;IAkBxB,OAAO,CAAC,UAAU;IA8BlB,MAAM,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IA2KlD,OAAO;IAQP,OAAO;CAGR"}
+{"version":3,"file":"row-pool.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/row/classes/row-pool.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAKzE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,qBAAa,OAAO;IAClB,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,IAAI,CAAW;IAEvB,sBAAsB,UAAS;gBAG7B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,MAAM;IAkBxB,OAAO,CAAC,UAAU;IA8BlB,MAAM,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IA0NlD,OAAO;IAQP,OAAO;CAGR"}

package/dist/engine/services/row/classes/row-pool.js

@@ -51,9 +51,12 @@ export class RowPool {
             reason === "filter" &&
             this.filterAnimationAllowed;
         const isLoadAnim = animEnabled && reason === "load";
+        const isPagingAnim = animEnabled &&
+            animOptions.paging &&
+            this.grid._store.getState().view.isPagingTransition;
         // Grouping/expand/collapse should NOT reuse sort/filter animations
         const isGroupAnim = animEnabled && animOptions.group;
-        const total = v.totalRowCount;
+        const total = Math.min(v.totalRowCount, data.length);
         // show loading, if data is async
         if (this.grid._store.getState().view.externalLoading) {
             renderLoading(this.grid._gridDom.body, this.grid);
@@ -84,7 +87,7 @@ export class RowPool {
         const visibleCount = v.renderEndIndex - v.renderStartIndex;
         for (let i = 0; i < this.poolSize; i++) {
             const rowIndex = v.renderStartIndex + i;
-            if (i >= visibleCount || rowIndex >= v.totalRowCount) {
+            if (i >= visibleCount || rowIndex >= total) {
                 this.rows[i].hide();
                 continue;
             }
@@ -101,6 +104,27 @@ export class RowPool {
                 const rowData = viewRow.row;
                 rowInstance.update(rowData, rowIndex);
                 if (animEnabled) {
+                    // Paging animation takes priority over all others
+                    if (isPagingAnim) {
+                        const el = rowInstance.el;
+                        el.style.opacity = "0";
+                        el.style.transform = `translateY(${newY + 6}px)`;
+                        requestAnimationFrame(() => {
+                            el.style.transition = "opacity 500ms ease, transform 500ms ease";
+                            el.style.opacity = "1";
+                            el.style.transform = `translateY(${newY}px)`;
+                            // Only reset once, not for every row
+                            if (rowIndex === v.renderStartIndex) {
+                                requestAnimationFrame(() => {
+                                    this.grid._store.update((draft) => {
+                                        draft.view.isPagingTransition = false;
+                                    });
+                                });
+                            }
+                        });
+                        rowInstance.show();
+                        continue;
+                    }
                     if (isSortAnim || isLoadAnim) {
                         const delta = animService.rowDeltas.get(rowData.index);
                         if (delta !== undefined) {
@@ -153,6 +177,26 @@ export class RowPool {
                 if (viewRow.kind === "footer") {
                     rowInstance.updateGroupFooter(viewRow.group, cells);
                 }
+                if (isPagingAnim) {
+                    const el = rowInstance.el;
+                    el.style.opacity = "0";
+                    el.style.transform = `translateY(${newY + 6}px)`;
+                    requestAnimationFrame(() => {
+                        el.style.transition = "opacity 500ms ease, transform 500ms ease";
+                        el.style.opacity = "1";
+                        el.style.transform = `translateY(${newY}px)`;
+                        // Only reset once, not for every row
+                        if (rowIndex === v.renderStartIndex) {
+                            requestAnimationFrame(() => {
+                                this.grid._store.update((draft) => {
+                                    draft.view.isPagingTransition = false;
+                                });
+                            });
+                        }
+                    });
+                    rowInstance.show();
+                    continue;
+                }
                 rowInstance.setOffset(newY);
                 rowInstance.show();
             }