@tailng-ui/primitives 0.44.0 → 0.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailng-ui/primitives",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^21.1.0",
-    "@tailng-ui/cdk": "^0.31.0",
+    "@tailng-ui/cdk": "^0.32.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false

package/src/lib/navigation/index.d.ts

@@ -2,5 +2,6 @@ export * from './breadcrumb/tng-breadcrumb';
 export * from './context-menu/tng-context-menu';
 export * from './menu/tng-menu';
 export * from './menubar/tng-menubar';
+export * from './pagination';
 export * from './tabs/tng-tabs';
 //# sourceMappingURL=index.d.ts.map

package/src/lib/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/src/lib/navigation/index.js

@@ -3,5 +3,6 @@ export * from './breadcrumb/tng-breadcrumb';
 export * from './context-menu/tng-context-menu';
 export * from './menu/tng-menu';
 export * from './menubar/tng-menubar';
+export * from './pagination';
 export * from './tabs/tng-tabs';
 //# sourceMappingURL=index.js.map

package/src/lib/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC","sourcesContent":["// Navigation primitives\nexport * from './breadcrumb/tng-breadcrumb';\nexport * from './context-menu/tng-context-menu';\nexport * from './menu/tng-menu';\nexport * from './menubar/tng-menubar';\nexport * from './tabs/tng-tabs';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC","sourcesContent":["// Navigation primitives\nexport * from './breadcrumb/tng-breadcrumb';\nexport * from './context-menu/tng-context-menu';\nexport * from './menu/tng-menu';\nexport * from './menubar/tng-menubar';\nexport * from './pagination';\nexport * from './tabs/tng-tabs';\n"]}

package/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentFixture } from '@angular/core/testing';
+import { TngPagination, type TngPaginationChangeEvent, TngPaginationFirst, TngPaginationLast, TngPaginationNext, TngPaginationPage, TngPaginationPageSize, TngPaginationPrevious } from '../tng-pagination';
+import * as i0 from "@angular/core";
+export declare const paginationImports: readonly [typeof TngPagination, typeof TngPaginationFirst, typeof TngPaginationPrevious, typeof TngPaginationNext, typeof TngPaginationLast, typeof TngPaginationPage, typeof TngPaginationPageSize];
+export declare class PaginationHarnessComponent {
+    readonly ariaLabel: import("@angular/core").WritableSignal<string | null>;
+    readonly defaultPageIndex: import("@angular/core").WritableSignal<number>;
+    readonly defaultPageSize: import("@angular/core").WritableSignal<number>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly mode: import("@angular/core").WritableSignal<"client" | "server">;
+    readonly pageIndex: import("@angular/core").WritableSignal<number | undefined>;
+    readonly pageSize: import("@angular/core").WritableSignal<number | undefined>;
+    readonly totalItems: import("@angular/core").WritableSignal<number>;
+    readonly pageOne: import("@angular/core").WritableSignal<number>;
+    readonly pageTwo: import("@angular/core").WritableSignal<number>;
+    readonly outsidePage: import("@angular/core").WritableSignal<number>;
+    readonly events: string[];
+    readonly pageChanges: TngPaginationChangeEvent[];
+    readonly pageIndexChanges: number[];
+    readonly pageSizeChanges: number[];
+    autoSync: boolean;
+    onPageChange(event: TngPaginationChangeEvent): void;
+    onPageIndexChange(pageIndex: number): void;
+    onPageSizeChange(pageSize: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationHarnessComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationHarnessComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare class PaginationRootOnlyComponent {
+    readonly ariaLabel: import("@angular/core").WritableSignal<string | null>;
+    readonly totalItems: import("@angular/core").WritableSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationRootOnlyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationRootOnlyComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare class PaginationDivRootComponent {
+    readonly totalItems: import("@angular/core").WritableSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationDivRootComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationDivRootComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare function createPaginationFixture(): ComponentFixture<PaginationHarnessComponent>;
+export declare function createFixture<TComponent>(component: new () => TComponent): ComponentFixture<TComponent>;
+export declare function getByTestId<TElement extends Element>(fixture: ComponentFixture<unknown>, testId: string): TElement;
+export declare function click(element: HTMLElement): void;
+export declare function changeSelectValue(select: HTMLSelectElement, value: string): void;
+//# sourceMappingURL=tng-pagination.test-harness.d.ts.map

package/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-pagination.test-harness.d.ts","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EACL,aAAa,EACb,KAAK,wBAAwB,EAC7B,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;;AAE3B,eAAO,MAAM,iBAAiB,sMAQpB,CAAC;AAEX,qBAkCa,0BAA0B;IACrC,SAAgB,SAAS,wDAA0C;IACnE,SAAgB,gBAAgB,iDAAa;IAC7C,SAAgB,eAAe,iDAAc;IAC7C,SAAgB,QAAQ,kDAAiB;IACzC,SAAgB,IAAI,8DAAyC;IAC7D,SAAgB,SAAS,6DAAyC;IAClE,SAAgB,QAAQ,6DAAyC;IACjE,SAAgB,UAAU,iDAAc;IACxC,SAAgB,OAAO,iDAAa;IACpC,SAAgB,OAAO,iDAAa;IACpC,SAAgB,WAAW,iDAAc;IAEzC,SAAgB,MAAM,EAAE,MAAM,EAAE,CAAM;IACtC,SAAgB,WAAW,EAAE,wBAAwB,EAAE,CAAM;IAC7D,SAAgB,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAChD,SAAgB,eAAe,EAAE,MAAM,EAAE,CAAM;IACxC,QAAQ,UAAS;IAEjB,YAAY,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI;IAKnD,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAQ1C,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;yCAhCpC,0BAA0B;2CAA1B,0BAA0B;CAuCtC;AAED,qBAWa,2BAA2B;IACtC,SAAgB,SAAS,wDAAkC;IAC3D,SAAgB,UAAU,iDAAa;yCAF5B,2BAA2B;2CAA3B,2BAA2B;CAGvC;AAED,qBAMa,0BAA0B;IACrC,SAAgB,UAAU,iDAAa;yCAD5B,0BAA0B;2CAA1B,0BAA0B;CAEtC;AAED,wBAAgB,uBAAuB,IAAI,gBAAgB,CAAC,0BAA0B,CAAC,CAOtF;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,UAAU,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAOvG;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,OAAO,EAClD,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAClC,MAAM,EAAE,MAAM,GACb,QAAQ,CAQV;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAOhD;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAGhF"}

package/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.js

@@ -0,0 +1,194 @@
+import { Component, signal } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { TngPagination, TngPaginationFirst, TngPaginationLast, TngPaginationNext, TngPaginationPage, TngPaginationPageSize, TngPaginationPrevious, } from '../tng-pagination';
+import * as i0 from "@angular/core";
+export const paginationImports = [
+    TngPagination,
+    TngPaginationFirst,
+    TngPaginationPrevious,
+    TngPaginationNext,
+    TngPaginationLast,
+    TngPaginationPage,
+    TngPaginationPageSize,
+];
+export class PaginationHarnessComponent {
+    ariaLabel = signal('Results pages', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    defaultPageIndex = signal(0, ...(ngDevMode ? [{ debugName: "defaultPageIndex" }] : []));
+    defaultPageSize = signal(10, ...(ngDevMode ? [{ debugName: "defaultPageSize" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    mode = signal('client', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    pageIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
+    pageSize = signal(undefined, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    totalItems = signal(25, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    pageOne = signal(0, ...(ngDevMode ? [{ debugName: "pageOne" }] : []));
+    pageTwo = signal(1, ...(ngDevMode ? [{ debugName: "pageTwo" }] : []));
+    outsidePage = signal(99, ...(ngDevMode ? [{ debugName: "outsidePage" }] : []));
+    events = [];
+    pageChanges = [];
+    pageIndexChanges = [];
+    pageSizeChanges = [];
+    autoSync = false;
+    onPageChange(event) {
+        this.events.push(`pageChange:${event.trigger}:${event.pageIndex}:${event.pageSize}`);
+        this.pageChanges.push(event);
+    }
+    onPageIndexChange(pageIndex) {
+        this.events.push(`pageIndexChange:${pageIndex}`);
+        this.pageIndexChanges.push(pageIndex);
+        if (this.autoSync) {
+            this.pageIndex.set(pageIndex);
+        }
+    }
+    onPageSizeChange(pageSize) {
+        this.events.push(`pageSizeChange:${pageSize}`);
+        this.pageSizeChanges.push(pageSize);
+        if (this.autoSync) {
+            this.pageSize.set(pageSize);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationHarnessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PaginationHarnessComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    <nav
+      tngPagination
+      data-testid="pagination"
+      [ariaLabel]="ariaLabel()"
+      [defaultPageIndex]="defaultPageIndex()"
+      [defaultPageSize]="defaultPageSize()"
+      [disabled]="disabled()"
+      [mode]="mode()"
+      [pageIndex]="pageIndex()"
+      [pageSize]="pageSize()"
+      [totalItems]="totalItems()"
+      (pageChange)="onPageChange($event)"
+      (pageIndexChange)="onPageIndexChange($event)"
+      (pageSizeChange)="onPageSizeChange($event)"
+    >
+      <button tngPaginationFirst data-testid="first">First</button>
+      <button tngPaginationPrevious data-testid="previous">Previous</button>
+      <button tngPaginationPage data-testid="page-1" [tngPaginationPage]="pageOne()">One</button>
+      <button tngPaginationPage data-testid="page-2" [tngPaginationPage]="pageTwo()">Two</button>
+      <button tngPaginationPage data-testid="page-outside" [tngPaginationPage]="outsidePage()">Outside</button>
+      <button tngPaginationNext data-testid="next">Next</button>
+      <button tngPaginationLast data-testid="last">Last</button>
+      <select tngPaginationPageSize data-testid="size">
+        <option value="5">5</option>
+        <option value="10">10</option>
+        <option value="20">20</option>
+        <option value="bad">Bad</option>
+      </select>
+    </nav>
+  `, isInline: true, dependencies: [{ kind: "directive", type: TngPagination, selector: "[tngPagination]", inputs: ["pageIndex", "defaultPageIndex", "pageSize", "defaultPageSize", "totalItems", "mode", "disabled", "ariaLabel"], outputs: ["pageIndexChange", "pageSizeChange", "pageChange"], exportAs: ["tngPagination"] }, { kind: "directive", type: TngPaginationFirst, selector: "button[tngPaginationFirst]", exportAs: ["tngPaginationFirst"] }, { kind: "directive", type: TngPaginationPrevious, selector: "button[tngPaginationPrevious]", exportAs: ["tngPaginationPrevious"] }, { kind: "directive", type: TngPaginationNext, selector: "button[tngPaginationNext]", exportAs: ["tngPaginationNext"] }, { kind: "directive", type: TngPaginationLast, selector: "button[tngPaginationLast]", exportAs: ["tngPaginationLast"] }, { kind: "directive", type: TngPaginationPage, selector: "button[tngPaginationPage]", inputs: ["tngPaginationPage"], exportAs: ["tngPaginationPage"] }, { kind: "directive", type: TngPaginationPageSize, selector: "select[tngPaginationPageSize]", exportAs: ["tngPaginationPageSize"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationHarnessComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [...paginationImports],
+                    template: `
+    <nav
+      tngPagination
+      data-testid="pagination"
+      [ariaLabel]="ariaLabel()"
+      [defaultPageIndex]="defaultPageIndex()"
+      [defaultPageSize]="defaultPageSize()"
+      [disabled]="disabled()"
+      [mode]="mode()"
+      [pageIndex]="pageIndex()"
+      [pageSize]="pageSize()"
+      [totalItems]="totalItems()"
+      (pageChange)="onPageChange($event)"
+      (pageIndexChange)="onPageIndexChange($event)"
+      (pageSizeChange)="onPageSizeChange($event)"
+    >
+      <button tngPaginationFirst data-testid="first">First</button>
+      <button tngPaginationPrevious data-testid="previous">Previous</button>
+      <button tngPaginationPage data-testid="page-1" [tngPaginationPage]="pageOne()">One</button>
+      <button tngPaginationPage data-testid="page-2" [tngPaginationPage]="pageTwo()">Two</button>
+      <button tngPaginationPage data-testid="page-outside" [tngPaginationPage]="outsidePage()">Outside</button>
+      <button tngPaginationNext data-testid="next">Next</button>
+      <button tngPaginationLast data-testid="last">Last</button>
+      <select tngPaginationPageSize data-testid="size">
+        <option value="5">5</option>
+        <option value="10">10</option>
+        <option value="20">20</option>
+        <option value="bad">Bad</option>
+      </select>
+    </nav>
+  `,
+                }]
+        }] });
+export class PaginationRootOnlyComponent {
+    ariaLabel = signal('Pages', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationRootOnlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PaginationRootOnlyComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    <nav
+      tngPagination
+      data-testid="pagination"
+      [ariaLabel]="ariaLabel()"
+      [totalItems]="totalItems()"
+    ></nav>
+  `, isInline: true, dependencies: [{ kind: "directive", type: TngPagination, selector: "[tngPagination]", inputs: ["pageIndex", "defaultPageIndex", "pageSize", "defaultPageSize", "totalItems", "mode", "disabled", "ariaLabel"], outputs: ["pageIndexChange", "pageSizeChange", "pageChange"], exportAs: ["tngPagination"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationRootOnlyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [TngPagination],
+                    template: `
+    <nav
+      tngPagination
+      data-testid="pagination"
+      [ariaLabel]="ariaLabel()"
+      [totalItems]="totalItems()"
+    ></nav>
+  `,
+                }]
+        }] });
+export class PaginationDivRootComponent {
+    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationDivRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PaginationDivRootComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    <div tngPagination data-testid="pagination" [totalItems]="totalItems()"></div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: TngPagination, selector: "[tngPagination]", inputs: ["pageIndex", "defaultPageIndex", "pageSize", "defaultPageSize", "totalItems", "mode", "disabled", "ariaLabel"], outputs: ["pageIndexChange", "pageSizeChange", "pageChange"], exportAs: ["tngPagination"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PaginationDivRootComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [TngPagination],
+                    template: `
+    <div tngPagination data-testid="pagination" [totalItems]="totalItems()"></div>
+  `,
+                }]
+        }] });
+export function createPaginationFixture() {
+    const fixture = TestBed.configureTestingModule({
+        imports: [PaginationHarnessComponent],
+    }).createComponent(PaginationHarnessComponent);
+    fixture.detectChanges();
+    return fixture;
+}
+export function createFixture(component) {
+    const fixture = TestBed.configureTestingModule({
+        imports: [component],
+    }).createComponent(component);
+    fixture.detectChanges();
+    return fixture;
+}
+export function getByTestId(fixture, testId) {
+    const host = fixture.nativeElement;
+    const element = host.querySelector(`[data-testid="${testId}"]`);
+    if (element === null) {
+        throw new Error(`Expected element for data-testid="${testId}".`);
+    }
+    return element;
+}
+export function click(element) {
+    element.dispatchEvent(new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+    }));
+}
+export function changeSelectValue(select, value) {
+    select.value = value;
+    select.dispatchEvent(new Event('change', { bubbles: true }));
+}
+//# sourceMappingURL=tng-pagination.test-harness.js.map

package/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-pagination.test-harness.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/__tests__/tng-pagination.test-harness.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, signal } from '@angular/core';\nimport type { ComponentFixture } from '@angular/core/testing';\nimport { TestBed } from '@angular/core/testing';\n\nimport {\n  TngPagination,\n  type TngPaginationChangeEvent,\n  TngPaginationFirst,\n  TngPaginationLast,\n  TngPaginationNext,\n  TngPaginationPage,\n  TngPaginationPageSize,\n  TngPaginationPrevious,\n} from '../tng-pagination';\n\nexport const paginationImports = [\n  TngPagination,\n  TngPaginationFirst,\n  TngPaginationPrevious,\n  TngPaginationNext,\n  TngPaginationLast,\n  TngPaginationPage,\n  TngPaginationPageSize,\n] as const;\n\n@Component({\n  imports: [...paginationImports],\n  template: `\n    <nav\n      tngPagination\n      data-testid=\"pagination\"\n      [ariaLabel]=\"ariaLabel()\"\n      [defaultPageIndex]=\"defaultPageIndex()\"\n      [defaultPageSize]=\"defaultPageSize()\"\n      [disabled]=\"disabled()\"\n      [mode]=\"mode()\"\n      [pageIndex]=\"pageIndex()\"\n      [pageSize]=\"pageSize()\"\n      [totalItems]=\"totalItems()\"\n      (pageChange)=\"onPageChange($event)\"\n      (pageIndexChange)=\"onPageIndexChange($event)\"\n      (pageSizeChange)=\"onPageSizeChange($event)\"\n    >\n      <button tngPaginationFirst data-testid=\"first\">First</button>\n      <button tngPaginationPrevious data-testid=\"previous\">Previous</button>\n      <button tngPaginationPage data-testid=\"page-1\" [tngPaginationPage]=\"pageOne()\">One</button>\n      <button tngPaginationPage data-testid=\"page-2\" [tngPaginationPage]=\"pageTwo()\">Two</button>\n      <button tngPaginationPage data-testid=\"page-outside\" [tngPaginationPage]=\"outsidePage()\">Outside</button>\n      <button tngPaginationNext data-testid=\"next\">Next</button>\n      <button tngPaginationLast data-testid=\"last\">Last</button>\n      <select tngPaginationPageSize data-testid=\"size\">\n        <option value=\"5\">5</option>\n        <option value=\"10\">10</option>\n        <option value=\"20\">20</option>\n        <option value=\"bad\">Bad</option>\n      </select>\n    </nav>\n  `,\n})\nexport class PaginationHarnessComponent {\n  public readonly ariaLabel = signal<string | null>('Results pages');\n  public readonly defaultPageIndex = signal(0);\n  public readonly defaultPageSize = signal(10);\n  public readonly disabled = signal(false);\n  public readonly mode = signal<'client' | 'server'>('client');\n  public readonly pageIndex = signal<number | undefined>(undefined);\n  public readonly pageSize = signal<number | undefined>(undefined);\n  public readonly totalItems = signal(25);\n  public readonly pageOne = signal(0);\n  public readonly pageTwo = signal(1);\n  public readonly outsidePage = signal(99);\n\n  public readonly events: string[] = [];\n  public readonly pageChanges: TngPaginationChangeEvent[] = [];\n  public readonly pageIndexChanges: number[] = [];\n  public readonly pageSizeChanges: number[] = [];\n  public autoSync = false;\n\n  public onPageChange(event: TngPaginationChangeEvent): void {\n    this.events.push(`pageChange:${event.trigger}:${event.pageIndex}:${event.pageSize}`);\n    this.pageChanges.push(event);\n  }\n\n  public onPageIndexChange(pageIndex: number): void {\n    this.events.push(`pageIndexChange:${pageIndex}`);\n    this.pageIndexChanges.push(pageIndex);\n    if (this.autoSync) {\n      this.pageIndex.set(pageIndex);\n    }\n  }\n\n  public onPageSizeChange(pageSize: number): void {\n    this.events.push(`pageSizeChange:${pageSize}`);\n    this.pageSizeChanges.push(pageSize);\n    if (this.autoSync) {\n      this.pageSize.set(pageSize);\n    }\n  }\n}\n\n@Component({\n  imports: [TngPagination],\n  template: `\n    <nav\n      tngPagination\n      data-testid=\"pagination\"\n      [ariaLabel]=\"ariaLabel()\"\n      [totalItems]=\"totalItems()\"\n    ></nav>\n  `,\n})\nexport class PaginationRootOnlyComponent {\n  public readonly ariaLabel = signal<string | null>('Pages');\n  public readonly totalItems = signal(0);\n}\n\n@Component({\n  imports: [TngPagination],\n  template: `\n    <div tngPagination data-testid=\"pagination\" [totalItems]=\"totalItems()\"></div>\n  `,\n})\nexport class PaginationDivRootComponent {\n  public readonly totalItems = signal(0);\n}\n\nexport function createPaginationFixture(): ComponentFixture<PaginationHarnessComponent> {\n  const fixture = TestBed.configureTestingModule({\n    imports: [PaginationHarnessComponent],\n  }).createComponent(PaginationHarnessComponent);\n\n  fixture.detectChanges();\n  return fixture;\n}\n\nexport function createFixture<TComponent>(component: new () => TComponent): ComponentFixture<TComponent> {\n  const fixture = TestBed.configureTestingModule({\n    imports: [component],\n  }).createComponent(component);\n\n  fixture.detectChanges();\n  return fixture;\n}\n\nexport function getByTestId<TElement extends Element>(\n  fixture: ComponentFixture<unknown>,\n  testId: string,\n): TElement {\n  const host = fixture.nativeElement as HTMLElement;\n  const element = host.querySelector(`[data-testid=\"${testId}\"]`);\n  if (element === null) {\n    throw new Error(`Expected element for data-testid=\"${testId}\".`);\n  }\n\n  return element as TElement;\n}\n\nexport function click(element: HTMLElement): void {\n  element.dispatchEvent(\n    new MouseEvent('click', {\n      bubbles: true,\n      cancelable: true,\n    }),\n  );\n}\n\nexport function changeSelectValue(select: HTMLSelectElement, value: string): void {\n  select.value = value;\n  select.dispatchEvent(new Event('change', { bubbles: true }));\n}\n"]}

package/src/lib/navigation/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tng-pagination';
+//# sourceMappingURL=index.d.ts.map

package/src/lib/navigation/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/src/lib/navigation/pagination/index.js

@@ -0,0 +1,2 @@
+export * from './tng-pagination';
+//# sourceMappingURL=index.js.map

package/src/lib/navigation/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './tng-pagination';\n"]}

package/src/lib/navigation/pagination/tng-pagination.d.ts

@@ -0,0 +1,131 @@
+import { type TngTablePaginationMode } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
+export type TngPaginationMode = TngTablePaginationMode;
+export type TngPaginationTrigger = 'first' | 'last' | 'next' | 'page' | 'previous' | 'programmatic' | 'size';
+export type TngPaginationChangeEvent = Readonly<{
+    mode: TngPaginationMode;
+    pageCount: number;
+    pageIndex: number;
+    pageSize: number;
+    previousPageIndex: number;
+    previousPageSize: number;
+    totalItems: number;
+    trigger: TngPaginationTrigger;
+}>;
+export declare class TngPagination {
+    private readonly uncontrolledPageIndex;
+    private readonly uncontrolledPageSize;
+    private readonly hasUncontrolledPageIndex;
+    private readonly hasUncontrolledPageSize;
+    readonly pageIndex: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly defaultPageIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly pageSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly defaultPageSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly totalItems: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly mode: import("@angular/core").InputSignalWithTransform<TngTablePaginationMode, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly ariaLabel: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    readonly pageIndexChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly pageSizeChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly pageChange: import("@angular/core").OutputEmitterRef<Readonly<{
+        mode: TngPaginationMode;
+        pageCount: number;
+        pageIndex: number;
+        pageSize: number;
+        previousPageIndex: number;
+        previousPageSize: number;
+        totalItems: number;
+        trigger: TngPaginationTrigger;
+    }>>;
+    readonly state: import("@angular/core").Signal<Readonly<{
+        pageIndex: number;
+        pageSize: number;
+    }>>;
+    readonly pageCount: import("@angular/core").Signal<number>;
+    readonly isFirstPage: import("@angular/core").Signal<boolean>;
+    readonly isLastPage: import("@angular/core").Signal<boolean>;
+    protected get ariaLabelAttr(): string | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get dataModeAttr(): TngPaginationMode;
+    protected get dataPageCountAttr(): number;
+    protected get dataPageIndexAttr(): number;
+    protected get dataPageSizeAttr(): number;
+    protected readonly dataSlot: "pagination";
+    firstPage(): void;
+    previousPage(): void;
+    nextPage(): void;
+    lastPage(): void;
+    setPageIndex(pageIndex: number, trigger?: TngPaginationTrigger): void;
+    setPageSize(pageSize: number, trigger?: TngPaginationTrigger): void;
+    canGoToPreviousPage(): boolean;
+    canGoToNextPage(): boolean;
+    canGoToPage(pageIndex: number): boolean;
+    private rawPageIndex;
+    private createController;
+    private rawPageSize;
+    private commit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPagination, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPagination, "[tngPagination]", ["tngPagination"], { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "defaultPageIndex": { "alias": "defaultPageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "pageIndexChange": "pageIndexChange"; "pageSizeChange": "pageSizeChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+}
+declare abstract class TngPaginationButton {
+    protected readonly pagination: TngPagination;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    protected get ariaDisabledAttr(): 'true' | null;
+    protected get dataDisabledAttr(): '' | null;
+    protected get disabledAttr(): '' | null;
+    protected readonly typeAttr: "button";
+    protected isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationButton, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TngPaginationFirst extends TngPaginationButton {
+    protected readonly dataSlot: "pagination-first";
+    protected isDisabled(): boolean;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationFirst, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationFirst, "button[tngPaginationFirst]", ["tngPaginationFirst"], {}, {}, never, never, true, never>;
+}
+export declare class TngPaginationPrevious extends TngPaginationButton {
+    protected readonly dataSlot: "pagination-previous";
+    protected isDisabled(): boolean;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationPrevious, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationPrevious, "button[tngPaginationPrevious]", ["tngPaginationPrevious"], {}, {}, never, never, true, never>;
+}
+export declare class TngPaginationNext extends TngPaginationButton {
+    protected readonly dataSlot: "pagination-next";
+    protected isDisabled(): boolean;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationNext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationNext, "button[tngPaginationNext]", ["tngPaginationNext"], {}, {}, never, never, true, never>;
+}
+export declare class TngPaginationLast extends TngPaginationButton {
+    protected readonly dataSlot: "pagination-last";
+    protected isDisabled(): boolean;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationLast, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationLast, "button[tngPaginationLast]", ["tngPaginationLast"], {}, {}, never, never, true, never>;
+}
+export declare class TngPaginationPage extends TngPaginationButton {
+    readonly page: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    protected get ariaCurrentAttr(): 'page' | null;
+    protected get dataCurrentAttr(): '' | null;
+    protected readonly dataSlot: "pagination-page";
+    protected onClick(): void;
+    private isCurrentPage;
+    protected isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationPage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationPage, "button[tngPaginationPage]", ["tngPaginationPage"], { "page": { "alias": "tngPaginationPage"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TngPaginationPageSize {
+    private readonly pagination;
+    private readonly hostRef;
+    protected readonly dataSlot: "pagination-page-size";
+    protected get disabledProp(): boolean;
+    protected get valueProp(): string;
+    protected onChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPaginationPageSize, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngPaginationPageSize, "select[tngPaginationPageSize]", ["tngPaginationPageSize"], {}, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=tng-pagination.d.ts.map

package/src/lib/navigation/pagination/tng-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/tng-pagination.ts"],"names":[],"mappings":"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"}

package/src/lib/navigation/pagination/tng-pagination.js

@@ -0,0 +1,437 @@
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, computed, inject, input, output, signal, } from '@angular/core';
+import { createTngPaginationController, } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
+function normalizeModeInput(value) {
+    return value === 'server' ? 'server' : 'client';
+}
+function normalizeNumberInput(value, fallback) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value) ? value : fallback;
+    }
+    if (typeof value === 'string') {
+        const normalized = value.trim();
+        if (normalized.length === 0) {
+            return fallback;
+        }
+        const parsed = Number(normalized);
+        return Number.isFinite(parsed) ? parsed : fallback;
+    }
+    return fallback;
+}
+function normalizePageIndexInput(value) {
+    return Math.max(0, Math.trunc(normalizeNumberInput(value, 0)));
+}
+function normalizeOptionalPageIndexInput(value) {
+    if (value === undefined || value === null) {
+        return undefined;
+    }
+    return normalizePageIndexInput(value);
+}
+function normalizePageSizeInput(value) {
+    return Math.max(1, Math.trunc(normalizeNumberInput(value, 10)));
+}
+function normalizeTotalItemsInput(value) {
+    return Math.max(0, Math.trunc(normalizeNumberInput(value, 0)));
+}
+function normalizeStringInput(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    if (typeof value !== 'string' &&
+        typeof value !== 'number' &&
+        typeof value !== 'boolean' &&
+        typeof value !== 'bigint') {
+        return null;
+    }
+    const normalized = String(value).trim();
+    return normalized.length > 0 ? normalized : null;
+}
+export class TngPagination {
+    uncontrolledPageIndex = signal(0, ...(ngDevMode ? [{ debugName: "uncontrolledPageIndex" }] : []));
+    uncontrolledPageSize = signal(10, ...(ngDevMode ? [{ debugName: "uncontrolledPageSize" }] : []));
+    hasUncontrolledPageIndex = signal(false, ...(ngDevMode ? [{ debugName: "hasUncontrolledPageIndex" }] : []));
+    hasUncontrolledPageSize = signal(false, ...(ngDevMode ? [{ debugName: "hasUncontrolledPageSize" }] : []));
+    pageIndex = input(undefined, { ...(ngDevMode ? { debugName: "pageIndex" } : {}), transform: normalizeOptionalPageIndexInput });
+    defaultPageIndex = input(0, { ...(ngDevMode ? { debugName: "defaultPageIndex" } : {}), transform: normalizePageIndexInput });
+    pageSize = input(undefined, { ...(ngDevMode ? { debugName: "pageSize" } : {}), transform: (value) => {
+            if (value === undefined || value === null) {
+                return undefined;
+            }
+            return normalizePageSizeInput(value);
+        } });
+    defaultPageSize = input(10, { ...(ngDevMode ? { debugName: "defaultPageSize" } : {}), transform: normalizePageSizeInput });
+    totalItems = input(0, { ...(ngDevMode ? { debugName: "totalItems" } : {}), transform: normalizeTotalItemsInput });
+    mode = input('client', { ...(ngDevMode ? { debugName: "mode" } : {}), transform: normalizeModeInput });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    ariaLabel = input('Pagination', { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), transform: normalizeStringInput });
+    pageIndexChange = output();
+    pageSizeChange = output();
+    pageChange = output();
+    state = computed(() => {
+        return this.createController().setPageIndex(this.rawPageIndex(), this.totalItems());
+    }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+    pageCount = computed(() => this.createController().getPageCount(this.totalItems()), ...(ngDevMode ? [{ debugName: "pageCount" }] : []));
+    isFirstPage = computed(() => this.state().pageIndex <= 0, ...(ngDevMode ? [{ debugName: "isFirstPage" }] : []));
+    isLastPage = computed(() => {
+        const pageCount = this.pageCount();
+        return pageCount === 0 || this.state().pageIndex >= pageCount - 1;
+    }, ...(ngDevMode ? [{ debugName: "isLastPage" }] : []));
+    get ariaLabelAttr() {
+        return this.ariaLabel();
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    get dataModeAttr() {
+        return this.mode();
+    }
+    get dataPageCountAttr() {
+        return this.pageCount();
+    }
+    get dataPageIndexAttr() {
+        return this.state().pageIndex;
+    }
+    get dataPageSizeAttr() {
+        return this.state().pageSize;
+    }
+    dataSlot = 'pagination';
+    firstPage() {
+        this.setPageIndex(0, 'first');
+    }
+    previousPage() {
+        this.setPageIndex(this.state().pageIndex - 1, 'previous');
+    }
+    nextPage() {
+        this.setPageIndex(this.state().pageIndex + 1, 'next');
+    }
+    lastPage() {
+        const pageCount = this.pageCount();
+        this.setPageIndex(pageCount > 0 ? pageCount - 1 : 0, 'last');
+    }
+    setPageIndex(pageIndex, trigger = 'programmatic') {
+        this.commit(this.createController().setPageIndex(pageIndex, this.totalItems()), trigger);
+    }
+    setPageSize(pageSize, trigger = 'size') {
+        const current = this.state();
+        const anchorIndex = current.pageIndex * current.pageSize;
+        this.commit(this.createController().setPageSize(pageSize, this.totalItems(), { anchorIndex }), trigger);
+    }
+    canGoToPreviousPage() {
+        return !this.disabled() && !this.isFirstPage();
+    }
+    canGoToNextPage() {
+        if (this.mode() === 'server') {
+            return !this.disabled();
+        }
+        return !this.disabled() && !this.isLastPage();
+    }
+    canGoToPage(pageIndex) {
+        if (this.disabled() || this.state().pageIndex === pageIndex) {
+            return false;
+        }
+        if (this.mode() === 'server') {
+            return pageIndex >= 0;
+        }
+        const pageCount = this.pageCount();
+        return pageIndex >= 0 && pageIndex < pageCount;
+    }
+    rawPageIndex() {
+        return (this.pageIndex() ??
+            (this.hasUncontrolledPageIndex() ? this.uncontrolledPageIndex() : this.defaultPageIndex()));
+    }
+    createController() {
+        return createTngPaginationController({
+            mode: this.mode(),
+            pageIndex: this.rawPageIndex(),
+            pageSize: this.rawPageSize(),
+        });
+    }
+    rawPageSize() {
+        return (this.pageSize() ??
+            (this.hasUncontrolledPageSize() ? this.uncontrolledPageSize() : this.defaultPageSize()));
+    }
+    commit(nextState, trigger) {
+        if (this.disabled()) {
+            return;
+        }
+        const previousState = this.state();
+        if (nextState.pageIndex === previousState.pageIndex &&
+            nextState.pageSize === previousState.pageSize) {
+            return;
+        }
+        if (this.pageIndex() === undefined) {
+            this.hasUncontrolledPageIndex.set(true);
+            this.uncontrolledPageIndex.set(nextState.pageIndex);
+        }
+        if (this.pageSize() === undefined) {
+            this.hasUncontrolledPageSize.set(true);
+            this.uncontrolledPageSize.set(nextState.pageSize);
+        }
+        this.pageIndexChange.emit(nextState.pageIndex);
+        if (nextState.pageSize !== previousState.pageSize) {
+            this.pageSizeChange.emit(nextState.pageSize);
+        }
+        this.pageChange.emit({
+            mode: this.mode(),
+            pageCount: this.pageCount(),
+            pageIndex: nextState.pageIndex,
+            pageSize: nextState.pageSize,
+            previousPageIndex: previousState.pageIndex,
+            previousPageSize: previousState.pageSize,
+            totalItems: this.totalItems(),
+            trigger,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngPagination, isStandalone: true, selector: "[tngPagination]", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, defaultPageIndex: { classPropertyName: "defaultPageIndex", publicName: "defaultPageIndex", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndexChange: "pageIndexChange", pageSizeChange: "pageSizeChange", pageChange: "pageChange" }, host: { properties: { "attr.aria-label": "this.ariaLabelAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-mode": "this.dataModeAttr", "attr.data-page-count": "this.dataPageCountAttr", "attr.data-page-index": "this.dataPageIndexAttr", "attr.data-page-size": "this.dataPageSizeAttr", "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPagination"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPagination, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngPagination]',
+                    exportAs: 'tngPagination',
+                }]
+        }], propDecorators: { pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }], defaultPageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPageIndex", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], defaultPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPageSize", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], pageIndexChange: [{ type: i0.Output, args: ["pageIndexChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], ariaLabelAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataModeAttr: [{
+                type: HostBinding,
+                args: ['attr.data-mode']
+            }], dataPageCountAttr: [{
+                type: HostBinding,
+                args: ['attr.data-page-count']
+            }], dataPageIndexAttr: [{
+                type: HostBinding,
+                args: ['attr.data-page-index']
+            }], dataPageSizeAttr: [{
+                type: HostBinding,
+                args: ['attr.data-page-size']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+class TngPaginationButton {
+    pagination = inject(TngPagination);
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    get ariaDisabledAttr() {
+        return this.isDisabled() ? 'true' : null;
+    }
+    get dataDisabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    get disabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    typeAttr = 'button';
+    isDisabled() {
+        return this.disabled() || this.pagination.disabled();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngPaginationButton, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-disabled": "this.ariaDisabledAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.disabled": "this.disabledAttr", "attr.type": "this.typeAttr" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationButton, decorators: [{
+            type: Directive
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], typeAttr: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }] } });
+export class TngPaginationFirst extends TngPaginationButton {
+    dataSlot = 'pagination-first';
+    isDisabled() {
+        return super.isDisabled() || this.pagination.isFirstPage();
+    }
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.pagination.firstPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationFirst, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngPaginationFirst, isStandalone: true, selector: "button[tngPaginationFirst]", host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPaginationFirst"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationFirst, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngPaginationFirst]',
+                    exportAs: 'tngPaginationFirst',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngPaginationPrevious extends TngPaginationButton {
+    dataSlot = 'pagination-previous';
+    isDisabled() {
+        return super.isDisabled() || !this.pagination.canGoToPreviousPage();
+    }
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.pagination.previousPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPrevious, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngPaginationPrevious, isStandalone: true, selector: "button[tngPaginationPrevious]", host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPaginationPrevious"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPrevious, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngPaginationPrevious]',
+                    exportAs: 'tngPaginationPrevious',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngPaginationNext extends TngPaginationButton {
+    dataSlot = 'pagination-next';
+    isDisabled() {
+        return super.isDisabled() || !this.pagination.canGoToNextPage();
+    }
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.pagination.nextPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationNext, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngPaginationNext, isStandalone: true, selector: "button[tngPaginationNext]", host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPaginationNext"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationNext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngPaginationNext]',
+                    exportAs: 'tngPaginationNext',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngPaginationLast extends TngPaginationButton {
+    dataSlot = 'pagination-last';
+    isDisabled() {
+        return super.isDisabled() || this.pagination.isLastPage();
+    }
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.pagination.lastPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationLast, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngPaginationLast, isStandalone: true, selector: "button[tngPaginationLast]", host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPaginationLast"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationLast, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngPaginationLast]',
+                    exportAs: 'tngPaginationLast',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngPaginationPage extends TngPaginationButton {
+    page = input.required({ ...(ngDevMode ? { debugName: "page" } : {}), alias: 'tngPaginationPage',
+        transform: normalizePageIndexInput });
+    get ariaCurrentAttr() {
+        return this.isCurrentPage() ? 'page' : null;
+    }
+    get dataCurrentAttr() {
+        return this.isCurrentPage() ? '' : null;
+    }
+    dataSlot = 'pagination-page';
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.pagination.setPageIndex(this.page(), 'page');
+    }
+    isCurrentPage() {
+        return this.pagination.state().pageIndex === this.page();
+    }
+    isDisabled() {
+        return super.isDisabled() || !this.pagination.canGoToPage(this.page());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPage, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngPaginationPage, isStandalone: true, selector: "button[tngPaginationPage]", inputs: { page: { classPropertyName: "page", publicName: "tngPaginationPage", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-current": "this.ariaCurrentAttr", "attr.data-current": "this.dataCurrentAttr", "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngPaginationPage"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tngPaginationPage]',
+                    exportAs: 'tngPaginationPage',
+                }]
+        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngPaginationPage", required: true }] }], ariaCurrentAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-current']
+            }], dataCurrentAttr: [{
+                type: HostBinding,
+                args: ['attr.data-current']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngPaginationPageSize {
+    pagination = inject(TngPagination);
+    hostRef = inject(ElementRef);
+    dataSlot = 'pagination-page-size';
+    get disabledProp() {
+        return this.pagination.disabled();
+    }
+    get valueProp() {
+        return String(this.pagination.state().pageSize);
+    }
+    onChange() {
+        this.pagination.setPageSize(normalizePageSizeInput(this.hostRef.nativeElement.value), 'size');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPageSize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngPaginationPageSize, isStandalone: true, selector: "select[tngPaginationPageSize]", host: { listeners: { "change": "onChange()" }, properties: { "attr.data-slot": "this.dataSlot", "disabled": "this.disabledProp", "value": "this.valueProp" } }, exportAs: ["tngPaginationPageSize"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngPaginationPageSize, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'select[tngPaginationPageSize]',
+                    exportAs: 'tngPaginationPageSize',
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], disabledProp: [{
+                type: HostBinding,
+                args: ['disabled']
+            }], valueProp: [{
+                type: HostBinding,
+                args: ['value']
+            }], onChange: [{
+                type: HostListener,
+                args: ['change']
+            }] } });
+//# sourceMappingURL=tng-pagination.js.map

package/src/lib/navigation/pagination/tng-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-pagination.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/pagination/tng-pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport {\n  createTngPaginationController,\n  type TngTablePaginationController,\n  type TngTablePaginationMode,\n  type TngTablePaginationState,\n} from '@tailng-ui/cdk';\n\nexport type TngPaginationMode = TngTablePaginationMode;\nexport type TngPaginationTrigger =\n  | 'first'\n  | 'last'\n  | 'next'\n  | 'page'\n  | 'previous'\n  | 'programmatic'\n  | 'size';\n\nexport type TngPaginationChangeEvent = Readonly<{\n  mode: TngPaginationMode;\n  pageCount: number;\n  pageIndex: number;\n  pageSize: number;\n  previousPageIndex: number;\n  previousPageSize: number;\n  totalItems: number;\n  trigger: TngPaginationTrigger;\n}>;\n\nfunction normalizeModeInput(value: unknown): TngPaginationMode {\n  return value === 'server' ? 'server' : 'client';\n}\n\nfunction normalizeNumberInput(value: unknown, fallback: number): number {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? value : fallback;\n  }\n\n  if (typeof value === 'string') {\n    const normalized = value.trim();\n    if (normalized.length === 0) {\n      return fallback;\n    }\n\n    const parsed = Number(normalized);\n    return Number.isFinite(parsed) ? parsed : fallback;\n  }\n\n  return fallback;\n}\n\nfunction normalizePageIndexInput(value: unknown): number {\n  return Math.max(0, Math.trunc(normalizeNumberInput(value, 0)));\n}\n\nfunction normalizeOptionalPageIndexInput(value: unknown): number | undefined {\n  if (value === undefined || value === null) {\n    return undefined;\n  }\n\n  return normalizePageIndexInput(value);\n}\n\nfunction normalizePageSizeInput(value: unknown): number {\n  return Math.max(1, Math.trunc(normalizeNumberInput(value, 10)));\n}\n\nfunction normalizeTotalItemsInput(value: unknown): number {\n  return Math.max(0, Math.trunc(normalizeNumberInput(value, 0)));\n}\n\nfunction normalizeStringInput(value: unknown): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  if (\n    typeof value !== 'string' &&\n    typeof value !== 'number' &&\n    typeof value !== 'boolean' &&\n    typeof value !== 'bigint'\n  ) {\n    return null;\n  }\n\n  const normalized = String(value).trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\n@Directive({\n  selector: '[tngPagination]',\n  exportAs: 'tngPagination',\n})\nexport class TngPagination {\n  private readonly uncontrolledPageIndex = signal(0);\n  private readonly uncontrolledPageSize = signal(10);\n  private readonly hasUncontrolledPageIndex = signal(false);\n  private readonly hasUncontrolledPageSize = signal(false);\n\n  public readonly pageIndex = input<number | undefined, unknown>(undefined, {\n    transform: normalizeOptionalPageIndexInput,\n  });\n  public readonly defaultPageIndex = input<number, unknown>(0, {\n    transform: normalizePageIndexInput,\n  });\n  public readonly pageSize = input<number | undefined, unknown>(undefined, {\n    transform: (value: unknown) => {\n      if (value === undefined || value === null) {\n        return undefined;\n      }\n\n      return normalizePageSizeInput(value);\n    },\n  });\n  public readonly defaultPageSize = input<number, unknown>(10, {\n    transform: normalizePageSizeInput,\n  });\n  public readonly totalItems = input<number, unknown>(0, {\n    transform: normalizeTotalItemsInput,\n  });\n  public readonly mode = input<TngPaginationMode, unknown>('client', {\n    transform: normalizeModeInput,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly ariaLabel = input<string | null, unknown>('Pagination', {\n    transform: normalizeStringInput,\n  });\n\n  public readonly pageIndexChange = output<number>();\n  public readonly pageSizeChange = output<number>();\n  public readonly pageChange = output<TngPaginationChangeEvent>();\n\n  public readonly state = computed<TngTablePaginationState>(() => {\n    return this.createController().setPageIndex(this.rawPageIndex(), this.totalItems());\n  });\n\n  public readonly pageCount = computed(() =>\n    this.createController().getPageCount(this.totalItems()),\n  );\n  public readonly isFirstPage = computed(() => this.state().pageIndex <= 0);\n  public readonly isLastPage = computed(() => {\n    const pageCount = this.pageCount();\n    return pageCount === 0 || this.state().pageIndex >= pageCount - 1;\n  });\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string | null {\n    return this.ariaLabel();\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-mode')\n  protected get dataModeAttr(): TngPaginationMode {\n    return this.mode();\n  }\n\n  @HostBinding('attr.data-page-count')\n  protected get dataPageCountAttr(): number {\n    return this.pageCount();\n  }\n\n  @HostBinding('attr.data-page-index')\n  protected get dataPageIndexAttr(): number {\n    return this.state().pageIndex;\n  }\n\n  @HostBinding('attr.data-page-size')\n  protected get dataPageSizeAttr(): number {\n    return this.state().pageSize;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination' as const;\n\n  public firstPage(): void {\n    this.setPageIndex(0, 'first');\n  }\n\n  public previousPage(): void {\n    this.setPageIndex(this.state().pageIndex - 1, 'previous');\n  }\n\n  public nextPage(): void {\n    this.setPageIndex(this.state().pageIndex + 1, 'next');\n  }\n\n  public lastPage(): void {\n    const pageCount = this.pageCount();\n    this.setPageIndex(pageCount > 0 ? pageCount - 1 : 0, 'last');\n  }\n\n  public setPageIndex(pageIndex: number, trigger: TngPaginationTrigger = 'programmatic'): void {\n    this.commit(this.createController().setPageIndex(pageIndex, this.totalItems()), trigger);\n  }\n\n  public setPageSize(pageSize: number, trigger: TngPaginationTrigger = 'size'): void {\n    const current = this.state();\n    const anchorIndex = current.pageIndex * current.pageSize;\n    this.commit(\n      this.createController().setPageSize(pageSize, this.totalItems(), { anchorIndex }),\n      trigger,\n    );\n  }\n\n  public canGoToPreviousPage(): boolean {\n    return !this.disabled() && !this.isFirstPage();\n  }\n\n  public canGoToNextPage(): boolean {\n    if (this.mode() === 'server') {\n      return !this.disabled();\n    }\n\n    return !this.disabled() && !this.isLastPage();\n  }\n\n  public canGoToPage(pageIndex: number): boolean {\n    if (this.disabled() || this.state().pageIndex === pageIndex) {\n      return false;\n    }\n\n    if (this.mode() === 'server') {\n      return pageIndex >= 0;\n    }\n\n    const pageCount = this.pageCount();\n    return pageIndex >= 0 && pageIndex < pageCount;\n  }\n\n  private rawPageIndex(): number {\n    return (\n      this.pageIndex() ??\n      (this.hasUncontrolledPageIndex() ? this.uncontrolledPageIndex() : this.defaultPageIndex())\n    );\n  }\n\n  private createController(): TngTablePaginationController<unknown> {\n    return createTngPaginationController<unknown>({\n      mode: this.mode(),\n      pageIndex: this.rawPageIndex(),\n      pageSize: this.rawPageSize(),\n    });\n  }\n\n  private rawPageSize(): number {\n    return (\n      this.pageSize() ??\n      (this.hasUncontrolledPageSize() ? this.uncontrolledPageSize() : this.defaultPageSize())\n    );\n  }\n\n  private commit(nextState: TngTablePaginationState, trigger: TngPaginationTrigger): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const previousState = this.state();\n    if (\n      nextState.pageIndex === previousState.pageIndex &&\n      nextState.pageSize === previousState.pageSize\n    ) {\n      return;\n    }\n\n    if (this.pageIndex() === undefined) {\n      this.hasUncontrolledPageIndex.set(true);\n      this.uncontrolledPageIndex.set(nextState.pageIndex);\n    }\n\n    if (this.pageSize() === undefined) {\n      this.hasUncontrolledPageSize.set(true);\n      this.uncontrolledPageSize.set(nextState.pageSize);\n    }\n\n    this.pageIndexChange.emit(nextState.pageIndex);\n    if (nextState.pageSize !== previousState.pageSize) {\n      this.pageSizeChange.emit(nextState.pageSize);\n    }\n\n    this.pageChange.emit({\n      mode: this.mode(),\n      pageCount: this.pageCount(),\n      pageIndex: nextState.pageIndex,\n      pageSize: nextState.pageSize,\n      previousPageIndex: previousState.pageIndex,\n      previousPageSize: previousState.pageSize,\n      totalItems: this.totalItems(),\n      trigger,\n    });\n  }\n}\n\n@Directive()\nabstract class TngPaginationButton {\n  protected readonly pagination = inject(TngPagination);\n\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabledAttr(): 'true' | null {\n    return this.isDisabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.type')\n  protected readonly typeAttr = 'button' as const;\n\n  protected isDisabled(): boolean {\n    return this.disabled() || this.pagination.disabled();\n  }\n}\n\n@Directive({\n  selector: 'button[tngPaginationFirst]',\n  exportAs: 'tngPaginationFirst',\n})\nexport class TngPaginationFirst extends TngPaginationButton {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-first' as const;\n\n  protected override isDisabled(): boolean {\n    return super.isDisabled() || this.pagination.isFirstPage();\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.pagination.firstPage();\n  }\n}\n\n@Directive({\n  selector: 'button[tngPaginationPrevious]',\n  exportAs: 'tngPaginationPrevious',\n})\nexport class TngPaginationPrevious extends TngPaginationButton {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-previous' as const;\n\n  protected override isDisabled(): boolean {\n    return super.isDisabled() || !this.pagination.canGoToPreviousPage();\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.pagination.previousPage();\n  }\n}\n\n@Directive({\n  selector: 'button[tngPaginationNext]',\n  exportAs: 'tngPaginationNext',\n})\nexport class TngPaginationNext extends TngPaginationButton {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-next' as const;\n\n  protected override isDisabled(): boolean {\n    return super.isDisabled() || !this.pagination.canGoToNextPage();\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.pagination.nextPage();\n  }\n}\n\n@Directive({\n  selector: 'button[tngPaginationLast]',\n  exportAs: 'tngPaginationLast',\n})\nexport class TngPaginationLast extends TngPaginationButton {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-last' as const;\n\n  protected override isDisabled(): boolean {\n    return super.isDisabled() || this.pagination.isLastPage();\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.pagination.lastPage();\n  }\n}\n\n@Directive({\n  selector: 'button[tngPaginationPage]',\n  exportAs: 'tngPaginationPage',\n})\nexport class TngPaginationPage extends TngPaginationButton {\n  public readonly page = input.required<number, unknown>({\n    alias: 'tngPaginationPage',\n    transform: normalizePageIndexInput,\n  });\n\n  @HostBinding('attr.aria-current')\n  protected get ariaCurrentAttr(): 'page' | null {\n    return this.isCurrentPage() ? 'page' : null;\n  }\n\n  @HostBinding('attr.data-current')\n  protected get dataCurrentAttr(): '' | null {\n    return this.isCurrentPage() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-page' as const;\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.pagination.setPageIndex(this.page(), 'page');\n  }\n\n  private isCurrentPage(): boolean {\n    return this.pagination.state().pageIndex === this.page();\n  }\n\n  protected override isDisabled(): boolean {\n    return super.isDisabled() || !this.pagination.canGoToPage(this.page());\n  }\n}\n\n@Directive({\n  selector: 'select[tngPaginationPageSize]',\n  exportAs: 'tngPaginationPageSize',\n})\nexport class TngPaginationPageSize {\n  private readonly pagination = inject(TngPagination);\n  private readonly hostRef = inject<ElementRef<HTMLSelectElement>>(ElementRef);\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'pagination-page-size' as const;\n\n  @HostBinding('disabled')\n  protected get disabledProp(): boolean {\n    return this.pagination.disabled();\n  }\n\n  @HostBinding('value')\n  protected get valueProp(): string {\n    return String(this.pagination.state().pageSize);\n  }\n\n  @HostListener('change')\n  protected onChange(): void {\n    this.pagination.setPageSize(normalizePageSizeInput(this.hostRef.nativeElement.value), 'size');\n  }\n}\n"]}