@tedi-design-system/angular 6.4.0 → 6.5.0-rc.2

package/tedi/components/content/table/table.types.d.ts

@@ -0,0 +1,196 @@
+import type { Signal, TemplateRef } from "@angular/core";
+import type { CellContext, Column, ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnSizingState, ExpandedState, PaginationState, RowSelectionState, SortingState, Table as TanstackTable, VisibilityState } from "@tanstack/angular-table";
+import type { PaginationComponent } from "../../navigation/pagination/pagination.component";
+import type { ComponentInputs } from "../../../types/inputs.type";
+export type TableSize = "medium" | "small";
+/**
+ * Selection mode for `<tedi-table>` row selection. `multiple` (default) shows
+ * a checkbox per row plus a select-all checkbox in the header. `single` shows
+ * a radio per row sharing one `name`, and no header control.
+ */
+export type TableSelectionMode = "multiple" | "single";
+/**
+ * How an expandable row is toggled. `button` (default) only reacts to clicks
+ * on the chevron button. `row` lets a click anywhere on the row toggle
+ * expansion. Both render the chevron in the `secondary` (bordered) arrow style
+ * by default — override it with the table's `expandButtonVariant` input.
+ */
+export type TableExpandTrigger = "button" | "row";
+/**
+ * Optional shape that columns can put in `columnDef.meta` to:
+ *
+ * - drive the column-filter aria-label when the header is non-textual (`label`),
+ * - align the column's `<th>` / `<td>` content horizontally (`align`) or vertically
+ *   (`vAlign`) without wrapping every cell render in a styled span.
+ */
+export interface TableColumnMeta {
+    /** Accessible label used when the column header isn't a plain string. */
+    label?: string;
+    /** Horizontal alignment applied to every header / body / footer cell. */
+    align?: "left" | "center" | "right";
+    /** Vertical alignment applied to every header / body / footer cell. */
+    vAlign?: "top" | "middle" | "bottom";
+}
+/**
+ * Persistable state slices owned by Table. Each slice can be controlled via
+ * `state`/`stateChange`, defaulted via `defaultState`, or persisted via `persist`.
+ */
+export interface TableState {
+    columnVisibility?: VisibilityState;
+    columnOrder?: ColumnOrderState;
+    rowOrder?: string[];
+    columnSizing?: ColumnSizingState;
+    rowSelection?: RowSelectionState;
+    expanded?: ExpandedState;
+    columnFilters?: ColumnFiltersState;
+    sorting?: SortingState;
+    pagination?: PaginationState;
+}
+export type TableStatePatch = Partial<TableState> | ((prev: TableState) => Partial<TableState>);
+export interface TablePersistOptions {
+    /** Storage key used to read/write persisted state. Must be stable per table. */
+    key: string;
+    /** Storage backend. Defaults to `window.localStorage` when available. */
+    storage?: Storage;
+    /**
+     * Subset of state slices to persist. Defaults to user-preference slices only:
+     * `columnVisibility`, `columnOrder`, `rowOrder`, `columnSizing`.
+     */
+    include?: (keyof TableState)[];
+}
+/**
+ * Inputs on `tedi-pagination` that the table manages itself or replaces with a
+ * differently typed version, so they are stripped from the forwarded shape.
+ */
+type TableManagedPaginationInputs = "pageCount" | "totalItems" | "pageSizeOptions";
+/**
+ * All pagination inputs the consumer can pass through `pagination` /
+ * `paginationTop`. Mirrors `PaginationComponent`'s public inputs (except the
+ * state-driven ones owned by the table) and adds the table-specific
+ * `pageSize` / `pageSizeOptions` configuration.
+ *
+ * Note: `pageSize` lives on `PaginationComponent` as a `model()` and is therefore
+ * not part of `ComponentInputs` — we redeclare it here so consumers configure
+ * the initial/default page size via this options object.
+ */
+export type TablePaginationOptions = Partial<Omit<ComponentInputs<PaginationComponent>, TableManagedPaginationInputs>> & {
+    /** Rows per page. @default 10 */
+    pageSize?: number;
+    /**
+     * Options rendered in the built-in page-size selector. Pass `false` to hide.
+     * @default [10, 25, 50]
+     */
+    pageSizeOptions?: number[] | false;
+};
+/**
+ * Tuning knobs for the built-in filter popover. Forwarded by `filterable`
+ * when the consumer needs more than just "on / off".
+ */
+export interface TableFilterOptions {
+    /**
+     * Reset the in-popover draft to the applied filter value every time the
+     * popover closes. Useful for filters where stale draft state (a partially
+     * typed string, half-selected checkboxes) would confuse the user.
+     * @default false
+     */
+    clearOnClose?: boolean;
+}
+/**
+ * Context exposed by the built-in filter popover to the consumer's
+ * `filterTemplate`. The consumer binds inputs to `value` / `setValue` and
+ * optionally calls `apply()` / `clear()` (e.g. on Enter / Escape) — the
+ * popover's footer already wires Apply / Clear buttons.
+ *
+ * `$implicit` aliases the context itself, so `<ng-template let-ctx>` binds
+ * `ctx` to a full `TediTableFilterContext` (the consumer reads `ctx.value`,
+ * `ctx.setValue`, etc. through the same name).
+ */
+export interface TediTableFilterContext<TValue = unknown, TData = unknown> {
+    /**
+     * Aliases the context itself, so `let-ctx` binds the full context — keeps
+     * `ctx.value` / `ctx.setValue` / `ctx.column` discoverable without forcing
+     * the consumer to spell out `let-value="value"`, `let-setValue="setValue"`, etc.
+     */
+    $implicit: TediTableFilterContext<TValue, TData>;
+    /** Current draft (what the input should bind to). */
+    value: TValue;
+    /** Write to the draft. Does not apply yet — call `apply()` to commit. */
+    setValue: (next: TValue) => void;
+    /** Commit the draft via `column.setFilterValue` and close the popover. */
+    apply: () => void;
+    /** Reset the filter (calls `setFilterValue(undefined)`) and close. */
+    clear: () => void;
+    /** TanStack `Column` for the column whose filter popover is open. */
+    column: Column<TData>;
+}
+/**
+ * Angular-only extension to TanStack's `ColumnDef`. Supports body-level row
+ * spanning via the `rowSpan` callback and a one-flag opt-in to the built-in
+ * sort affordance via `sortable`.
+ */
+export type TediColumnDef<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
+    /**
+     * Body-level row spanning. Return `>1` to emit `rowspan="N"` and skip the
+     * next `N-1` rows in this column; return `0` to skip rendering the cell
+     * entirely (covered by a previous spanning cell). Defaults to `1`.
+     */
+    rowSpan?: number | ((info: CellContext<TData, TValue>) => number);
+    /**
+     * Opts the column into the built-in sort affordance. When `true` and the
+     * column's `header` is a string, the table renders a clickable sort button
+     * around the header title — the entire title becomes the affordance, an
+     * icon reflects the current sort direction, `aria-sort` is wired, and
+     * clicking toggles `asc → desc → none`.
+     *
+     * For fully custom sort UIs (e.g. combined sort + filter), provide a
+     * `TemplateRef` for `header` and call `column.toggleSorting()` yourself —
+     * the shorthand bows out when a non-string header is rendered.
+     *
+     * Pair with `sortingFn` on the same column to override the comparator
+     * (built-in: `'alphanumeric'`, `'text'`, `'datetime'`, `'basic'`, `'auto'`,
+     * or any `SortingFn`).
+     *
+     * @default false
+     */
+    sortable?: boolean;
+    /**
+     * Opts the column into the built-in filter popover. The table renders the
+     * trigger button (icon-only `filter_alt`), positions the popover, owns the
+     * in-popover draft state, and renders translated **Apply** / **Clear**
+     * actions in the footer. The consumer supplies the input UI through
+     * `filterTemplate`.
+     *
+     * Pass `true` for defaults, or `TableFilterOptions` to tune behaviour
+     * (e.g. `{ clearOnClose: true }` to discard half-typed drafts when the
+     * popover closes without applying). Requires `filterTemplate` when truthy.
+     *
+     * @default false
+     */
+    filterable?: boolean | TableFilterOptions;
+    /**
+     * Input UI rendered inside the built-in filter popover. Receives a
+     * `TediTableFilterContext` with `value` / `setValue` for the draft and
+     * `apply()` / `clear()` for explicit commit + close. The footer Apply /
+     * Clear buttons cover the common path — call them from the template only
+     * for keyboard shortcuts (Enter, Escape).
+     */
+    filterTemplate?: TemplateRef<TediTableFilterContext<unknown, TData>>;
+};
+/**
+ * Value exposed through `TEDI_TABLE_CONTEXT`. Sub-components like ColumnsMenu
+ * use it to read and mutate the table state without prop-drilling.
+ */
+export interface TediTableContextValue<TData = unknown> {
+    /** Signal exposing the current Tanstack table instance. Read inside computed/effect for reactivity. */
+    table: Signal<TanstackTable<TData>>;
+    /** Visual size of the table. */
+    size: Signal<TableSize>;
+    /** Stable id used as a prefix for synthetic ids. */
+    id: Signal<string>;
+    /** Merged table state signal. */
+    state: Signal<TableState>;
+    /** Id of the row currently under the pointer, or `null`. */
+    hoveredRowId: Signal<string | null>;
+}
+export {};
+//# sourceMappingURL=table.types.d.ts.map

package/tedi/components/content/table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/content/table/table.types.ts"],"names":[],"mappings":"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"}

package/tedi/components/helpers/empty-state/empty-state.component.d.ts

@@ -0,0 +1,54 @@
+import { IconColor, IconSize } from "../../base/icon/icon.component";
+import * as i0 from "@angular/core";
+export type EmptyStateType = "separate" | "attached" | "inside";
+export type EmptyStateSize = "default" | "small";
+/**
+ * Communicates that there is nothing to display — empty search results, an
+ * unpopulated list, a freshly-created workspace — and optionally guides the
+ * user toward the next step via action buttons or a link.
+ *
+ * Description is projected via `<ng-content>`. Actions are projected via
+ * `<ng-content select="[tedi-empty-state-actions]">`.
+ */
+export declare class EmptyStateComponent {
+    /**
+     * Container variant — matches the Figma "Types" section.
+     * - `'separate'` (default) — full border + radius, stands on its own.
+     * - `'attached'` — top border omitted so the block sits flush beneath a
+     *   preceding card or table (same width + same bottom-radius).
+     * - `'inside'` — no border, no radius; intended to be placed inside another
+     *   container such as a `<tedi-card>` or `<tedi-table>`.
+     * @default separate
+     */
+    readonly type: import("@angular/core").InputSignal<EmptyStateType>;
+    /**
+     * Padding scale. `default` = 24px, `small` = 16px.
+     * @default default
+     */
+    readonly size: import("@angular/core").InputSignal<EmptyStateSize>;
+    /**
+     * Material icon name rendered above the text block. Pass `null` to hide.
+     * @default spa
+     */
+    readonly icon: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Color of the icon. Defaults to brand so the empty state reads as a
+     * "fresh canvas" cue rather than a destructive state.
+     * @default brand
+     */
+    readonly iconColor: import("@angular/core").InputSignal<IconColor>;
+    /**
+     * Size of the icon, in pixels.
+     * @default 36
+     */
+    readonly iconSize: import("@angular/core").InputSignal<IconSize>;
+    /**
+     * Optional heading rendered above the description — appears as an `<h3>` in
+     * brand-primary text color.
+     */
+    readonly heading: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly hostClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "tedi-empty-state", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[tedi-empty-state-actions]"], true, never>;
+}
+//# sourceMappingURL=empty-state.component.d.ts.map

package/tedi/components/helpers/empty-state/empty-state.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/helpers/empty-state/empty-state.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAiB,QAAQ,EAAE,MAAM,gCAAgC,CAAC;;AAGpF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,qBAaa,mBAAmB;IAC9B;;;;;;;;OAQG;IACH,QAAQ,CAAC,IAAI,sDAAqC;IAElD;;;OAGG;IACH,QAAQ,CAAC,IAAI,sDAAoC;IAEjD;;;OAGG;IACH,QAAQ,CAAC,IAAI,qDAA+B;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,SAAS,iDAA6B;IAE/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,gDAAuB;IAExC;;;OAGG;IACH,QAAQ,CAAC,OAAO,0DAAwC;IAExD,SAAS,CAAC,QAAQ,CAAC,WAAW,yCAM5B;yCAjDS,mBAAmB;2CAAnB,mBAAmB;CAkD/B"}

package/tedi/components/helpers/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./empty-state.component";
+//# sourceMappingURL=index.d.ts.map

package/tedi/components/helpers/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/helpers/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/tedi/components/helpers/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./empty-state";
 export * from "./grid";
 export * from "./scroll-fade";
 export * from "./separator/separator.component";

package/tedi/components/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAChD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAChD,cAAc,YAAY,CAAC"}

package/tedi/components/navigation/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./horizontal-stepper";
 export * from "./link/link.component";
+export * from "./pagination";
 //# sourceMappingURL=index.d.ts.map

package/tedi/components/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC"}

package/tedi/components/navigation/pagination/index.d.ts

@@ -0,0 +1,5 @@
+export { PaginationComponent } from "./pagination.component";
+export { TediPaginationResultsDirective } from "./pagination-results.directive";
+export { usePagination, type UsePaginationArgs } from "./pagination.utils";
+export type { PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, } from "./pagination.types";
+//# sourceMappingURL=index.d.ts.map

package/tedi/components/navigation/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/navigation/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC"}

package/tedi/components/navigation/pagination/pagination-option-picker-modal/pagination-option-picker-modal.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterViewInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export interface PaginationOptionPickerOption {
+    /** Value emitted when this option is selected. */
+    value: number;
+    /** Visible label inside the row. */
+    label: string;
+    /** Full accessible name for the row's button. */
+    ariaLabel: string;
+}
+export interface PaginationOptionPickerModalData {
+    /** Available options to choose from. */
+    options: PaginationOptionPickerOption[];
+    /** Currently selected value — drives the active styling and scroll-into-view target. */
+    selectedValue: number;
+    /** Optional heading rendered inside the modal header. Hidden when omitted. */
+    title?: string;
+}
+export declare class PaginationOptionPickerModalComponent implements AfterViewInit {
+    private readonly modalRef;
+    protected readonly data: PaginationOptionPickerModalData;
+    protected readonly itemSize = 48;
+    protected readonly ready: import("@angular/core").WritableSignal<boolean>;
+    private readonly viewport;
+    ngAfterViewInit(): void;
+    protected trackByValue(_: number, option: PaginationOptionPickerOption): number;
+    protected selectValue(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationOptionPickerModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationOptionPickerModalComponent, "tedi-pagination-option-picker-modal", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=pagination-option-picker-modal.component.d.ts.map

package/tedi/components/navigation/pagination/pagination-option-picker-modal/pagination-option-picker-modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-option-picker-modal.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/navigation/pagination/pagination-option-picker-modal/pagination-option-picker-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAOd,MAAM,eAAe,CAAC;;AAQvB,MAAM,WAAW,4BAA4B;IAC3C,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,+BAA+B;IAC9C,wCAAwC;IACxC,OAAO,EAAE,4BAA4B,EAAE,CAAC;IACxC,wFAAwF;IACxF,aAAa,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,qBAiBa,oCAAqC,YAAW,aAAa;IACxE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,SAAS,CAAC,QAAQ,CAAC,IAAI,kCAAuD;IAE9E,SAAS,CAAC,QAAQ,CAAC,QAAQ,MAAgB;IAC3C,SAAS,CAAC,QAAQ,CAAC,KAAK,kDAAiB;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgD;IAEzE,eAAe,IAAI,IAAI;IAuCvB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,4BAA4B,GAAG,MAAM;IAI/E,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAnD/B,oCAAoC;2CAApC,oCAAoC;CAsDhD"}

package/tedi/components/navigation/pagination/pagination-results.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+/**
+ * Marker directive that lets consumers fully replace the default
+ * "X results" label inside `<tedi-pagination>`.
+ *
+ * @example
+ * ```html
+ * <tedi-pagination [pageCount]="10" [totalItems]="1000">
+ *   <span tediPaginationResults>1000+ tulemust</span>
+ * </tedi-pagination>
+ * ```
+ */
+export declare class TediPaginationResultsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TediPaginationResultsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TediPaginationResultsDirective, "[tediPaginationResults]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=pagination-results.directive.d.ts.map

package/tedi/components/navigation/pagination/pagination-results.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-results.directive.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/navigation/pagination/pagination-results.directive.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;GAUG;AACH,qBAIa,8BAA8B;yCAA9B,8BAA8B;2CAA9B,8BAA8B;CAAG"}

package/tedi/components/navigation/pagination/pagination.component.d.ts

@@ -0,0 +1,182 @@
+import { ButtonVariant } from "../../buttons/button/button.component";
+import { PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationLabels, PaginationVisibility } from "./pagination.types";
+import { TediPaginationResultsDirective } from "./pagination-results.directive";
+import * as i0 from "@angular/core";
+export declare class PaginationComponent {
+    /** Total number of pages. */
+    readonly pageCount: import("@angular/core").InputSignal<number>;
+    /**
+     * Current page (1-based). Two-way bindable with `[(page)]` or used
+     * one-way with `[page]` + `(pageChange)`.
+     * @default 1
+     */
+    readonly page: import("@angular/core").ModelSignal<number>;
+    /**
+     * Total number of items across all pages. When set, the "{count} results"
+     * label is rendered to the left of the nav. Can be replaced entirely by
+     * projecting `[tediPaginationResults]` content.
+     */
+    readonly totalItems: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Current page size. Two-way bindable with `[(pageSize)]` or used
+     * one-way with `[pageSize]` + `(pageSizeChange)`.
+     */
+    readonly pageSize: import("@angular/core").ModelSignal<number | undefined>;
+    /** Options for the page-size select. Empty/undefined hides the select. */
+    readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
+    /** Pages always shown at the start and end. @default 1 */
+    readonly boundaryCount: import("@angular/core").InputSignal<number>;
+    /** Pages shown on either side of the current page. @default 1 */
+    readonly siblingCount: import("@angular/core").InputSignal<number>;
+    /** Override any of the default text labels / aria labels. */
+    readonly labels: import("@angular/core").InputSignal<Partial<PaginationLabels> | undefined>;
+    /**
+     * Background variant. `transparent` removes the surface fill and divider —
+     * use it when pagination sits on a non-white container.
+     * @default 'white'
+     */
+    readonly background: import("@angular/core").InputSignal<PaginationBackground>;
+    /**
+     * Where the divider line sits relative to the pagination row.
+     * `'none'` removes the divider entirely. The `transparent` background
+     * variant overrides this and never renders a divider.
+     * @default 'top'
+     */
+    readonly dividerPosition: import("@angular/core").InputSignal<PaginationDividerPosition>;
+    /**
+     * Hide the "X results" label even when `totalItems` is set or content is
+     * projected via `[tediPaginationResults]`. Pass a breakpoint name to hide
+     * only below that breakpoint.
+     * @default false
+     */
+    readonly hideResults: import("@angular/core").InputSignal<PaginationVisibility>;
+    /**
+     * Hide the page-size dropdown even when `pageSizeOptions` is non-empty.
+     * Pass a breakpoint name to hide only below that breakpoint.
+     * @default false
+     */
+    readonly hidePageSize: import("@angular/core").InputSignal<PaginationVisibility>;
+    /**
+     * Hide the pager (prev/next + page list). Pass a breakpoint name to hide
+     * only below that breakpoint.
+     * @default false
+     */
+    readonly hidePager: import("@angular/core").InputSignal<PaginationVisibility>;
+    /**
+     * Hide the prev/next arrow buttons inside the pager. Pass a breakpoint
+     * name to hide only below that breakpoint. The page list / mobile picker
+     * stays visible.
+     * @default false
+     */
+    readonly hideArrows: import("@angular/core").InputSignal<PaginationVisibility>;
+    /**
+     * Keep prev/next arrows rendered (but disabled) at the first/last page
+     * instead of removing them from the DOM. Useful when the pager should
+     * have a stable footprint regardless of position.
+     * @default false
+     */
+    readonly disableArrowsAtBoundary: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Variant for the prev/next arrow buttons — accepts any `tedi-button`
+     * variant. Defaults to `neutral` for icon-only arrows; pair with
+     * `showArrowLabels` to render a regular button (e.g. `primary` with text).
+     * @default 'neutral'
+     */
+    readonly arrowVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    /**
+     * Render the `previous` / `next` labels as visible button text next to
+     * the arrow icon. When false (default) the buttons are icon-only and the
+     * labels are exposed only via `aria-label`.
+     * @default false
+     */
+    readonly showArrowLabels: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Material Symbols icon name for the previous-page arrow.
+     * @default 'arrow_back'
+     */
+    readonly previousIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Material Symbols icon name for the next-page arrow.
+     * @default 'arrow_forward'
+     */
+    readonly nextIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Show a heading inside the mobile page-jump / page-size picker modals.
+     * Uses the `pageTitle` / `pageSizeTitle` labels.
+     * @default true
+     */
+    readonly showModalTitle: import("@angular/core").InputSignal<boolean>;
+    /** Emits whenever the user navigates to a different page. */
+    readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
+    /** Emits when the user picks a different page size. */
+    readonly pageSizeChange: import("@angular/core").OutputEmitterRef<number>;
+    /** Detects the `[tediPaginationResults]` content-projection slot, if any. */
+    protected readonly customResults: import("@angular/core").Signal<TediPaginationResultsDirective | undefined>;
+    private readonly translationService;
+    private readonly breakpointService;
+    private readonly modalService;
+    /** True below `md` — pager swaps to the compact `current / total` picker. */
+    protected readonly useCompactPicker: import("@angular/core").Signal<boolean>;
+    protected readonly pageSizeInputId: string;
+    protected readonly hostClasses: import("@angular/core").Signal<string>;
+    protected readonly currentPage: import("@angular/core").Signal<number>;
+    protected readonly items: import("@angular/core").Signal<PaginationItem[]>;
+    private static readonly EMPTY_NAV_ITEM;
+    protected readonly previousItem: import("@angular/core").Signal<PaginationItem>;
+    protected readonly nextItem: import("@angular/core").Signal<PaginationItem>;
+    protected readonly pageItems: import("@angular/core").Signal<PaginationItem[]>;
+    protected readonly mergedLabels: import("@angular/core").Signal<PaginationLabels>;
+    private readonly currentBreakpoint;
+    private static readonly BREAKPOINT_ORDER;
+    protected readonly isResultsHidden: import("@angular/core").Signal<boolean>;
+    protected readonly isPageSizeHidden: import("@angular/core").Signal<boolean>;
+    protected readonly isPagerHidden: import("@angular/core").Signal<boolean>;
+    protected readonly areArrowsHidden: import("@angular/core").Signal<boolean>;
+    protected readonly showResults: import("@angular/core").Signal<boolean>;
+    protected readonly showPageSizeSelect: import("@angular/core").Signal<boolean>;
+    protected readonly showPager: import("@angular/core").Signal<boolean>;
+    /**
+     * Whether the prev/next arrows should render at all. When false they're
+     * removed from the DOM. At the first/last page, individual arrows are
+     * additionally gated by `disableArrowsAtBoundary` — see `showPrevious`
+     * / `showNext`.
+     */
+    protected readonly showArrows: import("@angular/core").Signal<boolean>;
+    /**
+     * Whether the previous-arrow button is rendered. Removed at the first
+     * page unless `disableArrowsAtBoundary` keeps it as a disabled button.
+     */
+    protected readonly showPrevious: import("@angular/core").Signal<boolean>;
+    /**
+     * Whether the next-arrow button is rendered. Removed at the last page
+     * unless `disableArrowsAtBoundary` keeps it as a disabled button.
+     */
+    protected readonly showNext: import("@angular/core").Signal<boolean>;
+    private resolveVisibility;
+    protected readonly pageSizeSelectOptions: import("@angular/core").Signal<{
+        value: number;
+        label: string;
+    }[]>;
+    protected readonly mobileTriggerLabel: import("@angular/core").Signal<string>;
+    /**
+     * Accessible name for the mobile trigger button. Starts with the visible
+     * text (`{current} / {total}`) so WCAG 2.5.3 (Label in Name) is satisfied
+     * for voice-control users.
+     */
+    protected readonly mobileTriggerAriaLabel: import("@angular/core").Signal<string>;
+    protected readonly mobilePageSizeAriaLabel: import("@angular/core").Signal<string>;
+    /** Whether the mobile page-jump picker modal is currently open. */
+    protected readonly isMobileModalOpen: import("@angular/core").WritableSignal<boolean>;
+    /** Whether the mobile page-size picker modal is currently open. */
+    protected readonly isPageSizeModalOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly statusText: import("@angular/core").Signal<string>;
+    constructor();
+    protected handlePageChange(nextPage: number | null): void;
+    protected handlePageSizeChange(value: number | null): void;
+    protected openMobilePicker(): void;
+    protected openPageSizePicker(): void;
+    private openPickerModal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "tedi-pagination", never, { "pageCount": { "alias": "pageCount"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "boundaryCount": { "alias": "boundaryCount"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "dividerPosition": { "alias": "dividerPosition"; "required": false; "isSignal": true; }; "hideResults": { "alias": "hideResults"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "hideArrows": { "alias": "hideArrows"; "required": false; "isSignal": true; }; "disableArrowsAtBoundary": { "alias": "disableArrowsAtBoundary"; "required": false; "isSignal": true; }; "arrowVariant": { "alias": "arrowVariant"; "required": false; "isSignal": true; }; "showArrowLabels": { "alias": "showArrowLabels"; "required": false; "isSignal": true; }; "previousIcon": { "alias": "previousIcon"; "required": false; "isSignal": true; }; "nextIcon": { "alias": "nextIcon"; "required": false; "isSignal": true; }; "showModalTitle": { "alias": "showModalTitle"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["customResults"], ["[tediPaginationResults]"], true, never>;
+}
+//# sourceMappingURL=pagination.component.d.ts.map

package/tedi/components/navigation/pagination/pagination.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/navigation/pagination/pagination.component.ts"],"names":[],"mappings":"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"}

package/tedi/components/navigation/pagination/pagination.types.d.ts

@@ -0,0 +1,48 @@
+export type PaginationBackground = "white" | "transparent";
+/**
+ * Visibility toggle for the results / page-size / pager / arrow slots.
+ * - `true` — always hidden
+ * - `false` (default) — always visible
+ * - `'sm'` / `'md'` / `'lg'` / `'xl'` / `'xxl'` — hidden below that breakpoint
+ *
+ * Mirrors the `boolean | breakpoint` pattern used by `tedi-modal`'s
+ * `fullscreen` input.
+ */
+export type PaginationVisibility = boolean | "sm" | "md" | "lg" | "xl" | "xxl";
+/**
+ * Where the divider sits relative to the pagination row.
+ * - `'top'` (default) — border on top, matches single-row layouts under content
+ * - `'bottom'` — border on bottom, for above-content placements
+ * - `'none'` — no divider, useful when the surrounding container already has one
+ */
+export type PaginationDividerPosition = "top" | "bottom" | "none";
+export type PaginationItemType = "page" | "previous" | "next" | "ellipsis";
+export interface PaginationItem {
+    type: PaginationItemType;
+    page: number | null;
+    selected: boolean;
+    disabled: boolean;
+}
+export interface PaginationLabels {
+    /** Accessible label for the nav wrapper. @default 'Pagination' */
+    ariaLabel: string;
+    /** Previous button label (icon-only, used as aria-label). @default 'Previous page' */
+    previous: string;
+    /** Next button label (icon-only, used as aria-label). @default 'Next page' */
+    next: string;
+    /** aria-label for a numeric page button. @default (page) => 'Go to page {page}' */
+    pageAriaLabel: (page: number) => string;
+    /** aria-label for the currently active page. @default (page) => 'Current page, page {page}' */
+    currentPageAriaLabel: (page: number) => string;
+    /** Rendered to the left of the nav when `totalItems` is set. @default (count) => '{count} results' */
+    results: (count: number) => string;
+    /** Prefix label for the page-size select. @default 'Show per page' */
+    pageSize: string;
+    /** Announcement for the aria-live region when the page changes. @default (page, total) => 'Page {page} of {total}' */
+    pageStatus: (page: number, pageCount: number) => string;
+    /** Title shown above the page-jump modal on mobile when `showModalTitle` is true. @default 'Select page' */
+    pageTitle: string;
+    /** Title shown above the page-size modal on mobile when `showModalTitle` is true. @default 'Show per page' */
+    pageSizeTitle: string;
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/tedi/components/navigation/pagination/pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/navigation/pagination/pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,aAAa,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,+FAA+F;IAC/F,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,sHAAsH;IACtH,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,4GAA4G;IAC5G,SAAS,EAAE,MAAM,CAAC;IAClB,8GAA8G;IAC9G,aAAa,EAAE,MAAM,CAAC;CACvB"}

package/tedi/components/navigation/pagination/pagination.utils.d.ts

@@ -0,0 +1,24 @@
+import { PaginationItem } from "./pagination.types";
+export interface UsePaginationArgs {
+    /** 1-based current page. */
+    page: number;
+    /** Total page count. */
+    pageCount: number;
+    /** Pages always shown at the very start and very end. */
+    boundaryCount?: number;
+    /** Pages shown on either side of the current page. */
+    siblingCount?: number;
+}
+/**
+ * Computes the ordered list of pagination items (previous, page-buttons,
+ * ellipsis, next).
+ *
+ * The algorithm targets a stable slot count: for any `pageCount` larger than
+ * the window size, the returned list always has the same number of page
+ * entries (`boundaryCount * 2 + siblingCount * 2 + 3`). As the current page
+ * moves toward a boundary, the corresponding ellipsis is swapped for an extra
+ * adjacent page number rather than collapsing the list — the visual row does
+ * not expand or contract as the user navigates.
+ */
+export declare function usePagination({ page, pageCount, boundaryCount, siblingCount, }: UsePaginationArgs): PaginationItem[];
+//# sourceMappingURL=pagination.utils.d.ts.map