@alaarab/ogrid-angular-primeng 2.5.9 → 2.6.1

package/dist/esm/ogrid/ogrid.component.js

@@ -0,0 +1,178 @@
+import { Component, inject, ChangeDetectionStrategy, Input, signal, effect, computed } from '@angular/core';
+import { OGridService, OGridLayoutComponent, } from '@alaarab/ogrid-angular';
+import { DataGridTableComponent } from '../datagrid-table/datagrid-table.component';
+import { ColumnChooserComponent } from '../column-chooser/column-chooser.component';
+import { PaginationControlsComponent } from '../pagination-controls/pagination-controls.component';
+import * as i0 from "@angular/core";
+const _c0 = [[["", "toolbar", ""]]];
+const _c1 = ["[toolbar]"];
+function OGridComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ogrid-primeng-column-chooser", 6);
+    i0.ɵɵlistener("visibilityChange", function OGridComponent_Conditional_3_Template_ogrid_primeng_column_chooser_visibilityChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.service.handleVisibilityChange($event.columnKey, $event.visible)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("columns", ctx_r1.service.columnChooser().columns)("visibleColumns", ctx_r1.service.columnChooser().visibleColumns);
+} }
+export class OGridComponent {
+    set props(value) {
+        this.propsSignal.set(value);
+    }
+    constructor() {
+        this.service = inject(OGridService);
+        this.propsSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "propsSignal" }] : []));
+        // Stable callback references (avoid re-creating every template eval)
+        this.onColumnSortFn = (columnKey, direction) => this.service.handleSort(columnKey, direction);
+        this.onColumnResizedFn = (columnId, width) => this.service.handleColumnResized(columnId, width);
+        this.onColumnPinnedFn = (columnId, pinned) => this.service.handleColumnPinned(columnId, pinned);
+        this.onSelectionChangeFn = (event) => this.service.handleSelectionChange(event);
+        this.onFilterChangeFn = (key, value) => this.service.handleFilterChange(key, value);
+        this.clearAllFiltersFn = () => this.service.setFilters({});
+        this.emptyStateComputed = computed(() => ({
+            hasActiveFilters: this.service.hasActiveFilters(),
+            onClearAll: this.clearAllFiltersFn,
+            message: this.service.emptyState()?.message,
+            render: this.service.emptyState()?.render,
+        }), ...(ngDevMode ? [{ debugName: "emptyStateComputed" }] : []));
+        effect(() => {
+            const p = this.propsSignal();
+            if (p)
+                this.service.configure(p);
+        });
+    }
+    get showToolbar() {
+        return this.service.columnChooserPlacement() === 'toolbar' || this.service.toolbar() != null || this.service.fullScreen();
+    }
+    get emptyStateObj() {
+        return this.emptyStateComputed();
+    }
+    onPageSizeChange(size) {
+        this.service.setPageSize(size);
+    }
+    static { this.ɵfac = function OGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OGridComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OGridComponent, selectors: [["ogrid-primeng"]], inputs: { props: "props" }, features: [i0.ɵɵProvidersFeature([OGridService])], ngContentSelectors: _c1, decls: 7, vars: 60, consts: [[3, "className", "hasToolbar", "hasToolbarBelow", "hasPagination", "sideBar", "fullScreen", "showNameBox", "activeCellRef", "formulaBar", "sheetDefs", "activeSheet", "onSheetChange", "onSheetAdd"], ["toolbarEnd", ""], [3, "columns", "visibleColumns"], [3, "items", "columns", "getRowId", "sortBy", "sortDirection", "onColumnSort", "visibleColumns", "columnOrder", "onColumnOrderChange", "onColumnResized", "onColumnPinned", "editable", "cellSelection", "onCellValueChanged", "onUndo", "onRedo", "canUndo", "canRedo", "rowSelection", "selectedRows", "onSelectionChange", "statusBar", "isLoading", "filters", "onFilterChange", "filterOptions", "loadingFilterOptions", "peopleSearch", "getUserByEmail", "layoutMode", "suppressHorizontalScroll", "stickyHeaderInput", "columnReorder", "aria-label", "aria-labelledby", "emptyState", "showRowNumbers", "showColumnLetters", "showNameBox", "onActiveCellChange", "formulaReferences"], ["pagination", ""], [3, "pageChange", "pageSizeChange", "currentPage", "pageSize", "totalCount", "pageSizeOptions", "entityLabelPlural"], [3, "visibilityChange", "columns", "visibleColumns"]], template: function OGridComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "ogrid-layout", 0);
+            i0.ɵɵprojection(1, 0, ["toolbar", ""]);
+            i0.ɵɵelementStart(2, "div", 1);
+            i0.ɵɵconditionalCreate(3, OGridComponent_Conditional_3_Template, 1, 2, "ogrid-primeng-column-chooser", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(4, "ogrid-primeng-datagrid-table", 3);
+            i0.ɵɵelementStart(5, "div", 4)(6, "ogrid-primeng-pagination-controls", 5);
+            i0.ɵɵlistener("pageChange", function OGridComponent_Template_ogrid_primeng_pagination_controls_pageChange_6_listener($event) { return ctx.service.setPage($event); })("pageSizeChange", function OGridComponent_Template_ogrid_primeng_pagination_controls_pageSizeChange_6_listener($event) { return ctx.onPageSizeChange($event); });
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            let tmp_41_0;
+            let tmp_42_0;
+            i0.ɵɵproperty("className", ctx.service.className())("hasToolbar", ctx.showToolbar)("hasToolbarBelow", false)("hasPagination", true)("sideBar", ctx.service.sideBarProps())("fullScreen", ctx.service.fullScreen())("showNameBox", !!(ctx.service.cellReferences() && !ctx.service.formulasEnabled()))("activeCellRef", ctx.service.activeCellRef())("formulaBar", ctx.service.formulasEnabled() ? ctx.service.formulaBarState() : null)("sheetDefs", ctx.service.sheetDefs())("activeSheet", ctx.service.activeSheet())("onSheetChange", ctx.service.onSheetChange())("onSheetAdd", ctx.service.onSheetAdd());
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.service.columnChooserPlacement() === "toolbar" ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("items", ctx.service.displayItems())("columns", ctx.service.columnsProp())("getRowId", ctx.service.getRowId())("sortBy", ctx.service.sort().field)("sortDirection", ctx.service.sort().direction)("onColumnSort", ctx.onColumnSortFn)("visibleColumns", ctx.service.visibleColumns())("columnOrder", ctx.service.columnOrder())("onColumnOrderChange", ctx.service.onColumnOrderChange())("onColumnResized", ctx.onColumnResizedFn)("onColumnPinned", ctx.onColumnPinnedFn)("editable", ctx.service.editable())("cellSelection", ctx.service.cellSelection())("onCellValueChanged", ctx.service.onCellValueChanged())("onUndo", ctx.service.onUndo())("onRedo", ctx.service.onRedo())("canUndo", ctx.service.canUndo())("canRedo", ctx.service.canRedo())("rowSelection", ctx.service.rowSelection())("selectedRows", ctx.service.effectiveSelectedRows())("onSelectionChange", ctx.onSelectionChangeFn)("statusBar", ctx.service.statusBarConfig())("isLoading", ctx.service.isLoadingResolved())("filters", ctx.service.filters())("onFilterChange", ctx.onFilterChangeFn)("filterOptions", ctx.service.clientFilterOptions())("loadingFilterOptions", ctx.service.loadingFilterOptions())("peopleSearch", (tmp_41_0 = ctx.service.dataSource()) == null ? null : tmp_41_0.searchPeople == null ? null : tmp_41_0.searchPeople.bind(ctx.service.dataSource()))("getUserByEmail", (tmp_42_0 = ctx.service.dataSource()) == null ? null : tmp_42_0.getUserByEmail == null ? null : tmp_42_0.getUserByEmail.bind(ctx.service.dataSource()))("layoutMode", ctx.service.layoutMode())("suppressHorizontalScroll", ctx.service.suppressHorizontalScroll())("stickyHeaderInput", ctx.service.stickyHeader())("columnReorder", ctx.service.columnReorder());
+            i0.ɵɵariaProperty("aria-label", ctx.service.ariaLabel())("aria-labelledby", ctx.service.ariaLabelledBy());
+            i0.ɵɵproperty("emptyState", ctx.emptyStateObj)("showRowNumbers", ctx.service.dataGridProps().showRowNumbers ?? false)("showColumnLetters", ctx.service.dataGridProps().showColumnLetters ?? false)("showNameBox", ctx.service.dataGridProps().showNameBox ?? false)("onActiveCellChange", ctx.service.dataGridProps().onActiveCellChange)("formulaReferences", ctx.service.dataGridProps().formulaReferences);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("currentPage", ctx.service.pagination().page)("pageSize", ctx.service.pagination().pageSize)("totalCount", ctx.service.pagination().displayTotalCount)("pageSizeOptions", ctx.service.pageSizeOptions())("entityLabelPlural", ctx.service.entityLabelPlural());
+        } }, dependencies: [OGridLayoutComponent,
+            DataGridTableComponent,
+            ColumnChooserComponent,
+            PaginationControlsComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OGridComponent, [{
+        type: Component,
+        args: [{ selector: 'ogrid-primeng', standalone: true, imports: [
+                    OGridLayoutComponent,
+                    DataGridTableComponent,
+                    ColumnChooserComponent,
+                    PaginationControlsComponent,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [OGridService], template: `
+    <ogrid-layout
+      [className]="service.className()"
+      [hasToolbar]="showToolbar"
+      [hasToolbarBelow]="false"
+      [hasPagination]="true"
+      [sideBar]="service.sideBarProps()"
+      [fullScreen]="service.fullScreen()"
+      [showNameBox]="!!(service.cellReferences() && !service.formulasEnabled())"
+      [activeCellRef]="service.activeCellRef()"
+      [formulaBar]="service.formulasEnabled() ? service.formulaBarState() : null"
+      [sheetDefs]="service.sheetDefs()"
+      [activeSheet]="service.activeSheet()"
+      [onSheetChange]="service.onSheetChange()"
+      [onSheetAdd]="service.onSheetAdd()"
+    >
+      <ng-content select="[toolbar]" toolbar></ng-content>
+
+      <div toolbarEnd>
+        @if (service.columnChooserPlacement() === 'toolbar') {
+          <ogrid-primeng-column-chooser
+            [columns]="service.columnChooser().columns"
+            [visibleColumns]="service.columnChooser().visibleColumns"
+            (visibilityChange)="service.handleVisibilityChange($event.columnKey, $event.visible)"
+          ></ogrid-primeng-column-chooser>
+        }
+      </div>
+
+      <ogrid-primeng-datagrid-table
+        [items]="service.displayItems()"
+        [columns]="service.columnsProp()"
+        [getRowId]="service.getRowId()"
+        [sortBy]="service.sort().field"
+        [sortDirection]="service.sort().direction"
+        [onColumnSort]="onColumnSortFn"
+        [visibleColumns]="service.visibleColumns()"
+        [columnOrder]="service.columnOrder()"
+        [onColumnOrderChange]="service.onColumnOrderChange()"
+        [onColumnResized]="onColumnResizedFn"
+        [onColumnPinned]="onColumnPinnedFn"
+        [editable]="service.editable()"
+        [cellSelection]="service.cellSelection()"
+        [onCellValueChanged]="service.onCellValueChanged()"
+        [onUndo]="service.onUndo()"
+        [onRedo]="service.onRedo()"
+        [canUndo]="service.canUndo()"
+        [canRedo]="service.canRedo()"
+        [rowSelection]="service.rowSelection()"
+        [selectedRows]="service.effectiveSelectedRows()"
+        [onSelectionChange]="onSelectionChangeFn"
+        [statusBar]="service.statusBarConfig()"
+        [isLoading]="service.isLoadingResolved()"
+        [filters]="service.filters()"
+        [onFilterChange]="onFilterChangeFn"
+        [filterOptions]="service.clientFilterOptions()"
+        [loadingFilterOptions]="service.loadingFilterOptions()"
+        [peopleSearch]="service.dataSource()?.searchPeople?.bind(service.dataSource())"
+        [getUserByEmail]="service.dataSource()?.getUserByEmail?.bind(service.dataSource())"
+        [layoutMode]="service.layoutMode()"
+        [suppressHorizontalScroll]="service.suppressHorizontalScroll()"
+        [stickyHeaderInput]="service.stickyHeader()"
+        [columnReorder]="service.columnReorder()"
+        [aria-label]="service.ariaLabel()"
+        [aria-labelledby]="service.ariaLabelledBy()"
+        [emptyState]="emptyStateObj"
+        [showRowNumbers]="service.dataGridProps().showRowNumbers ?? false"
+        [showColumnLetters]="service.dataGridProps().showColumnLetters ?? false"
+        [showNameBox]="service.dataGridProps().showNameBox ?? false"
+        [onActiveCellChange]="service.dataGridProps().onActiveCellChange"
+        [formulaReferences]="service.dataGridProps().formulaReferences"
+      ></ogrid-primeng-datagrid-table>
+
+      <div pagination>
+        <ogrid-primeng-pagination-controls
+          [currentPage]="service.pagination().page"
+          [pageSize]="service.pagination().pageSize"
+          [totalCount]="service.pagination().displayTotalCount"
+          [pageSizeOptions]="service.pageSizeOptions()"
+          [entityLabelPlural]="service.entityLabelPlural()"
+          (pageChange)="service.setPage($event)"
+          (pageSizeChange)="onPageSizeChange($event)"
+        ></ogrid-primeng-pagination-controls>
+      </div>
+    </ogrid-layout>
+  `, styles: [":host { display: block; height: 100%; }"] }]
+    }], () => [], { props: [{
+            type: Input,
+            args: [{ required: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OGridComponent, { className: "OGridComponent", filePath: "ogrid/ogrid.component.ts", lineNumber: 109 }); })();

package/dist/esm/pagination-controls/pagination-controls.component.js

@@ -0,0 +1,212 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { BasePaginationControlsComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
+function PaginationControlsComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 12);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pageChange.emit(1)); });
+    i0.ɵɵtext(1, "1");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(2, "span", 13);
+    i0.ɵɵtext(3, "\u2026");
+    i0.ɵɵdomElementEnd();
+} }
+function PaginationControlsComponent_Conditional_0_For_10_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 14);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_For_10_Template_button_click_0_listener() { const pageNum_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pageChange.emit(pageNum_r5)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const pageNum_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("p-button-outlined", ctx_r1.currentPage !== pageNum_r5);
+    i0.ɵɵattribute("aria-label", "Page " + pageNum_r5)("aria-current", ctx_r1.currentPage === pageNum_r5 ? "page" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(pageNum_r5);
+} }
+function PaginationControlsComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "span", 13);
+    i0.ɵɵtext(1, "\u2026");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(2, "button", 15);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Conditional_11_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pageChange.emit(ctx_r1.vm().totalPages)); });
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("aria-label", "Page " + ctx_r1.vm().totalPages);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.vm().totalPages);
+} }
+function PaginationControlsComponent_Conditional_0_For_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "option", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const opt_r7 = ctx.$implicit;
+    i0.ɵɵdomProperty("value", opt_r7);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r7);
+} }
+function PaginationControlsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "div", 2)(4, "button", 3);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChange.emit(1)); });
+    i0.ɵɵtext(5, "\u00AB");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(6, "button", 4);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChange.emit(ctx_r1.currentPage - 1)); });
+    i0.ɵɵtext(7, "\u2039");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(8, PaginationControlsComponent_Conditional_0_Conditional_8_Template, 4, 0);
+    i0.ɵɵrepeaterCreate(9, PaginationControlsComponent_Conditional_0_For_10_Template, 2, 5, "button", 5, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(11, PaginationControlsComponent_Conditional_0_Conditional_11_Template, 4, 2);
+    i0.ɵɵdomElementStart(12, "button", 6);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChange.emit(ctx_r1.currentPage + 1)); });
+    i0.ɵɵtext(13, "\u203A");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(14, "button", 7);
+    i0.ɵɵdomListener("click", function PaginationControlsComponent_Conditional_0_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChange.emit(ctx_r1.vm().totalPages)); });
+    i0.ɵɵtext(15, "\u00BB");
+    i0.ɵɵdomElementEnd()();
+    i0.ɵɵdomElementStart(16, "div", 8)(17, "span", 9);
+    i0.ɵɵtext(18, "Rows");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(19, "select", 10);
+    i0.ɵɵdomListener("change", function PaginationControlsComponent_Conditional_0_Template_select_change_19_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPageSizeChange($event.target.value)); });
+    i0.ɵɵrepeaterCreate(20, PaginationControlsComponent_Conditional_0_For_21_Template, 2, 2, "option", 11, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵdomElementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate4(" Showing ", ctx_r1.vm().startItem, " to ", ctx_r1.vm().endItem, " of ", ctx_r1.totalCount.toLocaleString(), " ", ctx_r1.labelPlural(), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("disabled", ctx_r1.currentPage === 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("disabled", ctx_r1.currentPage === 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.vm().showStartEllipsis ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.vm().pageNumbers);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.vm().showEndEllipsis ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵdomProperty("disabled", ctx_r1.currentPage >= ctx_r1.vm().totalPages);
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("disabled", ctx_r1.currentPage >= ctx_r1.vm().totalPages);
+    i0.ɵɵadvance(5);
+    i0.ɵɵdomProperty("value", "" + ctx_r1.pageSize);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.vm().pageSizeOptions);
+} }
+export class PaginationControlsComponent extends BasePaginationControlsComponent {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPaginationControlsComponent_BaseFactory; return function PaginationControlsComponent_Factory(__ngFactoryType__) { return (ɵPaginationControlsComponent_BaseFactory || (ɵPaginationControlsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PaginationControlsComponent)))(__ngFactoryType__ || PaginationControlsComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationControlsComponent, selectors: [["ogrid-primeng-pagination-controls"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "ogrid-pagination", 2, "display", "flex", "align-items", "center", "justify-content", "space-between", "gap", "12px", "flex-wrap", "wrap", "font-size", "13px", "color", "var(--ogrid-fg, #242424)"], [1, "ogrid-pagination__info"], ["role", "navigation", "aria-label", "Pagination", 1, "ogrid-pagination__pages", 2, "display", "flex", "align-items", "center", "gap", "4px"], ["type", "button", "aria-label", "First page", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click", "disabled"], ["type", "button", "aria-label", "Previous page", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click", "disabled"], ["type", "button", 1, "p-button", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "p-button-outlined"], ["type", "button", "aria-label", "Next page", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click", "disabled"], ["type", "button", "aria-label", "Last page", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click", "disabled"], [1, "ogrid-pagination__size", 2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "font-size", "12px"], ["aria-label", "Rows per page", 2, "padding", "4px 6px", "border", "1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))", "border-radius", "4px", "background", "var(--ogrid-bg, #fff)", "color", "var(--ogrid-fg, #242424)", 3, "change", "value"], [3, "value"], ["type", "button", "aria-label", "Page 1", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click"], ["aria-hidden", "", 2, "padding", "0 4px"], ["type", "button", 1, "p-button", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click"], ["type", "button", 1, "p-button", "p-button-text", "p-button-sm", 2, "min-width", "32px", "padding", "4px 8px", 3, "click"]], template: function PaginationControlsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PaginationControlsComponent_Conditional_0_Template, 22, 11, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.vm() ? 0 : -1);
+        } }, styles: ["[_nghost-%COMP%] { display: block; }\n    @media (max-width: 576px) {\n      .ogrid-pagination[_ngcontent-%COMP%] { flex-direction: column; align-items: stretch; gap: 6px; padding: 6px 8px; font-size: 12px; }\n      .ogrid-pagination__pages[_ngcontent-%COMP%] { order: -1; justify-content: center; }\n      .ogrid-pagination__info[_ngcontent-%COMP%] { text-align: center; font-size: 11px; }\n      .ogrid-pagination__size[_ngcontent-%COMP%] { font-size: 11px; justify-content: center; }\n    }"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationControlsComponent, [{
+        type: Component,
+        args: [{ selector: 'ogrid-primeng-pagination-controls', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (vm()) {
+      <div class="ogrid-pagination" style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ogrid-fg, #242424)">
+        <div class="ogrid-pagination__info">
+          Showing {{ vm()!.startItem }} to {{ vm()!.endItem }} of {{ totalCount.toLocaleString() }} {{ labelPlural() }}
+        </div>
+
+        <div class="ogrid-pagination__pages" style="display:flex;align-items:center;gap:4px" role="navigation" aria-label="Pagination">
+          <button
+            type="button"
+            class="p-button p-button-text p-button-sm"
+            [disabled]="currentPage === 1"
+            (click)="pageChange.emit(1)"
+            aria-label="First page"
+            style="min-width:32px;padding:4px 8px"
+          >&laquo;</button>
+          <button
+            type="button"
+            class="p-button p-button-text p-button-sm"
+            [disabled]="currentPage === 1"
+            (click)="pageChange.emit(currentPage - 1)"
+            aria-label="Previous page"
+            style="min-width:32px;padding:4px 8px"
+          >&lsaquo;</button>
+
+          @if (vm()!.showStartEllipsis) {
+            <button
+              type="button"
+              class="p-button p-button-text p-button-sm"
+              (click)="pageChange.emit(1)"
+              aria-label="Page 1"
+              style="min-width:32px;padding:4px 8px"
+            >1</button>
+            <span aria-hidden style="padding:0 4px">&hellip;</span>
+          }
+
+          @for (pageNum of vm()!.pageNumbers; track pageNum) {
+            <button
+              type="button"
+              class="p-button p-button-sm"
+              [class.p-button-outlined]="currentPage !== pageNum"
+              (click)="pageChange.emit(pageNum)"
+              [attr.aria-label]="'Page ' + pageNum"
+              [attr.aria-current]="currentPage === pageNum ? 'page' : null"
+              style="min-width:32px;padding:4px 8px"
+            >{{ pageNum }}</button>
+          }
+
+          @if (vm()!.showEndEllipsis) {
+            <span aria-hidden style="padding:0 4px">&hellip;</span>
+            <button
+              type="button"
+              class="p-button p-button-text p-button-sm"
+              (click)="pageChange.emit(vm()!.totalPages)"
+              [attr.aria-label]="'Page ' + vm()!.totalPages"
+              style="min-width:32px;padding:4px 8px"
+            >{{ vm()!.totalPages }}</button>
+          }
+
+          <button
+            type="button"
+            class="p-button p-button-text p-button-sm"
+            [disabled]="currentPage >= vm()!.totalPages"
+            (click)="pageChange.emit(currentPage + 1)"
+            aria-label="Next page"
+            style="min-width:32px;padding:4px 8px"
+          >&rsaquo;</button>
+          <button
+            type="button"
+            class="p-button p-button-text p-button-sm"
+            [disabled]="currentPage >= vm()!.totalPages"
+            (click)="pageChange.emit(vm()!.totalPages)"
+            aria-label="Last page"
+            style="min-width:32px;padding:4px 8px"
+          >&raquo;</button>
+        </div>
+
+        <div class="ogrid-pagination__size" style="display:flex;align-items:center;gap:6px">
+          <span style="font-size:12px">Rows</span>
+          <select
+            [value]="'' + pageSize"
+            (change)="onPageSizeChange($any($event.target).value)"
+            aria-label="Rows per page"
+            style="padding:4px 6px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
+          >
+            @for (opt of vm()!.pageSizeOptions; track opt) {
+              <option [value]="opt">{{ opt }}</option>
+            }
+          </select>
+        </div>
+      </div>
+    }
+  `, styles: ["\n    :host { display: block; }\n    @media (max-width: 576px) {\n      .ogrid-pagination { flex-direction: column; align-items: stretch; gap: 6px; padding: 6px 8px; font-size: 12px; }\n      .ogrid-pagination__pages { order: -1; justify-content: center; }\n      .ogrid-pagination__info { text-align: center; font-size: 11px; }\n      .ogrid-pagination__size { font-size: 11px; justify-content: center; }\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationControlsComponent, { className: "PaginationControlsComponent", filePath: "pagination-controls/pagination-controls.component.ts", lineNumber: 111 }); })();

package/dist/types/column-chooser/column-chooser.component.d.ts

@@ -1,4 +1,7 @@
 import { BaseColumnChooserComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class ColumnChooserComponent extends BaseColumnChooserComponent {
     get open(): import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChooserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnChooserComponent, "ogrid-primeng-column-chooser", never, {}, {}, never, never, true, never>;
 }

package/dist/types/column-header-filter/column-header-filter.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { BaseColumnHeaderFilterComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class ColumnHeaderFilterComponent extends BaseColumnHeaderFilterComponent {
     private destroyRef;
     filterTrigger?: ElementRef<HTMLButtonElement>;
@@ -10,4 +11,6 @@ export declare class ColumnHeaderFilterComponent extends BaseColumnHeaderFilterC
     handleSortClick(): void;
     toggleFilter(): void;
     handleSelectAllOptions(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeaderFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeaderFilterComponent, "ogrid-primeng-column-header-filter", never, {}, {}, never, never, true, never>;
 }

package/dist/types/column-header-menu/column-header-menu.component.d.ts

@@ -1,7 +1,10 @@
 import type { Menu } from 'primeng/menu';
 import type { MenuItem } from 'primeng/api';
 import { BaseColumnHeaderMenuComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class ColumnHeaderMenuComponent extends BaseColumnHeaderMenuComponent {
     menuRef?: Menu;
     readonly menuModel: import("@angular/core").Signal<MenuItem[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeaderMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeaderMenuComponent, "column-header-menu", never, {}, {}, never, never, true, never>;
 }

package/dist/types/datagrid-table/datagrid-table.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import { BaseDataGridTableComponent } from '@alaarab/ogrid-angular';
 import type { IOGridDataGridProps, IColumnDef, IColumnGroupDef, RowId } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class DataGridTableComponent<T = unknown> extends BaseDataGridTableComponent<T> implements OnChanges {
     private wrapperRef?;
     private tableContainerRefEl?;
@@ -107,4 +108,6 @@ export declare class DataGridTableComponent<T = unknown> extends BaseDataGridTab
     getRowNumberWidth(): number;
     private buildProps;
     getColumnLetter(colIdx: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridTableComponent<any>, "ogrid-primeng-datagrid-table", never, { "itemsInput": { "alias": "items"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "getRowIdInput": { "alias": "getRowId"; "required": true; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "onColumnSort": { "alias": "onColumnSort"; "required": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": true; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "onColumnOrderChange": { "alias": "onColumnOrderChange"; "required": false; }; "onColumnResized": { "alias": "onColumnResized"; "required": false; }; "onColumnPinned": { "alias": "onColumnPinned"; "required": false; }; "pinnedColumnsInput": { "alias": "pinnedColumns"; "required": false; }; "initialColumnWidths": { "alias": "initialColumnWidths"; "required": false; }; "layoutMode": { "alias": "layoutMode"; "required": false; }; "suppressHorizontalScroll": { "alias": "suppressHorizontalScroll"; "required": false; }; "stickyHeaderInput": { "alias": "stickyHeaderInput"; "required": false; }; "columnReorder": { "alias": "columnReorder"; "required": false; }; "isLoadingInput": { "alias": "isLoading"; "required": false; }; "loadingMessageInput": { "alias": "loadingMessage"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "cellSelection": { "alias": "cellSelection"; "required": false; }; "onCellValueChanged": { "alias": "onCellValueChanged"; "required": false; }; "onUndoInput": { "alias": "onUndo"; "required": false; }; "onRedoInput": { "alias": "onRedo"; "required": false; }; "canUndoInput": { "alias": "canUndo"; "required": false; }; "canRedoInput": { "alias": "canRedo"; "required": false; }; "rowSelectionMode": { "alias": "rowSelection"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "onSelectionChange": { "alias": "onSelectionChange"; "required": false; }; "statusBar": { "alias": "statusBar"; "required": false; }; "filters": { "alias": "filters"; "required": true; }; "onFilterChange": { "alias": "onFilterChange"; "required": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "loadingFilterOptions": { "alias": "loadingFilterOptions"; "required": false; }; "peopleSearch": { "alias": "peopleSearch"; "required": false; }; "getUserByEmail": { "alias": "getUserByEmail"; "required": false; }; "emptyStateInput": { "alias": "emptyState"; "required": false; }; "onCellError": { "alias": "onCellError"; "required": false; }; "ariaLabelInput": { "alias": "aria-label"; "required": false; }; "ariaLabelledByInput": { "alias": "aria-labelledby"; "required": false; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; }; "showColumnLettersInput": { "alias": "showColumnLetters"; "required": false; }; "showNameBoxInput": { "alias": "showNameBox"; "required": false; }; "onActiveCellChange": { "alias": "onActiveCellChange"; "required": false; }; "formulaReferencesInput": { "alias": "formulaReferences"; "required": false; }; "currentPageInput": { "alias": "currentPage"; "required": false; }; "pageSizeInput": { "alias": "pageSize"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/types/datagrid-table/inline-cell-editor.component.d.ts

@@ -1,3 +1,6 @@
 import { BaseInlineCellEditorComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class InlineCellEditorComponent<T = unknown> extends BaseInlineCellEditorComponent<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineCellEditorComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineCellEditorComponent<any>, "ogrid-primeng-inline-cell-editor", never, {}, {}, never, never, true, never>;
 }

package/dist/types/datagrid-table/popover-cell-editor.component.d.ts

@@ -1,3 +1,6 @@
 import { BasePopoverCellEditorComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class PopoverCellEditorComponent<T = unknown> extends BasePopoverCellEditorComponent<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverCellEditorComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverCellEditorComponent<any>, "ogrid-primeng-popover-cell-editor", never, {}, {}, never, never, true, never>;
 }

package/dist/types/ogrid/ogrid.component.d.ts

@@ -1,5 +1,6 @@
 import { OGridService } from '@alaarab/ogrid-angular';
 import type { IOGridProps, RowId } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class OGridComponent<T = unknown> {
     readonly service: OGridService<T>;
     private readonly propsSignal;
@@ -28,4 +29,6 @@ export declare class OGridComponent<T = unknown> {
         render: unknown;
     };
     onPageSizeChange(size: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OGridComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OGridComponent<any>, "ogrid-primeng", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, ["[toolbar]"], true, never>;
 }

package/dist/types/pagination-controls/pagination-controls.component.d.ts

@@ -1,3 +1,6 @@
 import { BasePaginationControlsComponent } from '@alaarab/ogrid-angular';
+import * as i0 from "@angular/core";
 export declare class PaginationControlsComponent extends BasePaginationControlsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationControlsComponent, "ogrid-primeng-pagination-controls", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-primeng",
-  "version": "2.5.9",
+  "version": "2.6.1",
   "description": "OGrid PrimeNG – PrimeNG Table-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -13,7 +13,7 @@
     }
   },
   "scripts": {
-    "build": "rimraf dist && tsup && tsc -p tsconfig.build.json",
+    "build": "rimraf dist && ngc -p tsconfig.build.json",
     "test": "jest --passWithNoTests",
     "storybook": "ng run angular-primeng:storybook",
     "build-storybook": "ng run angular-primeng:build-storybook"
@@ -37,7 +37,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.5.9"
+    "@alaarab/ogrid-angular": "2.6.1"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",