@star-ng/ui 0.0.0-stage → 0.2.0

package/types/star-ng-ui-media.d.ts

@@ -0,0 +1,161 @@
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+/** Slide template: `<ng-template starCarouselItem let-item>`. */
+export declare class StarCarouselItem<T = unknown> {
+  readonly starCarouselItemOf: import("@angular/core").InputSignal<readonly T[] | null>;
+  readonly template: TemplateRef<{
+    $implicit: T;
+    index: number;
+  }>;
+  static ngTemplateContextGuard<T>(_dir: StarCarouselItem<T>, _ctx: unknown): _ctx is {
+    $implicit: T;
+    index: number;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarCarouselItem<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarCarouselItem<any>, "ng-template[starCarouselItem]", never, {
+    "starCarouselItemOf": {
+      "alias": "starCarouselItemOf";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Carousel (PrimeNG `p-carousel`) on CSS scroll snap: swipe and trackpad work natively,
+ * previous / next buttons, page dots, `numVisible` items per page, optional autoplay with a
+ * pause button (WCAG 2.2.2) that also pauses on hover and focus.
+ *
+ * `<star-carousel [items]="news" [numVisible]="3" ariaLabel="News"><ng-template starCarouselItem let-n>…</ng-template></star-carousel>`
+ */
+export declare class StarCarousel<T = unknown> {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  /** The slides: one item per slide. The `starCarouselItem` template draws each item. */
+  readonly items: import("@angular/core").InputSignal<readonly T[]>;
+  /** Number of slides in one page. */
+  readonly numVisible: import("@angular/core").InputSignal<number>;
+  /** Autoplay interval in milliseconds (0 = off). */
+  readonly autoplay: import("@angular/core").InputSignal<number>;
+  /** Accessible name of the carousel region. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  protected readonly itemTemplate: import("@angular/core").Signal<StarCarouselItem<any> | undefined>;
+  private readonly track;
+  protected readonly page: import("@angular/core").WritableSignal<number>;
+  protected readonly playing: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hovering: import("@angular/core").WritableSignal<boolean>;
+  protected readonly pages: import("@angular/core").Signal<number>;
+  protected readonly dots: import("@angular/core").Signal<number[]>;
+  constructor();
+  goTo(page: number): void;
+  /** Pixels to scroll so that the inline-start edge of the slide meets the one of the track. */
+  private distanceToStart;
+  /** Keeps dots in sync after a swipe. */
+  protected syncPage(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarCarousel<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarCarousel<any>, "star-carousel", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "numVisible": {
+      "alias": "numVisible";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoplay": {
+      "alias": "autoplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["itemTemplate"], never, true, never>;
+}
+export interface StarGalleryImage {
+  readonly src: string;
+  readonly thumbnail?: string;
+  readonly alt: string;
+  readonly caption?: string;
+}
+/**
+ * Image gallery (PrimeNG `p-galleria`): main image with caption, previous / next, Arrow keys,
+ * and a thumbnail strip (`aria-current` on the active one).
+ * `<star-galleria [images]="photos" [(activeIndex)]="current" />`
+ */
+export declare class StarGalleria {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  /** The images: `src`, `alt`, and optional `thumbnail` and `caption`. */
+  readonly images: import("@angular/core").InputSignal<readonly StarGalleryImage[]>;
+  /** Index of the image on show. */
+  readonly activeIndex: import("@angular/core").ModelSignal<number>;
+  /** Accessible name of the gallery region (default: the `galleryLabel` text). */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  protected readonly current: import("@angular/core").Signal<StarGalleryImage>;
+  step(delta: number): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarGalleria, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarGalleria, "star-galleria", never, {
+    "images": {
+      "alias": "images";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeIndex": {
+      "alias": "activeIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "activeIndex": "activeIndexChange";
+  }, never, never, true, never>;
+}
+/**
+ * Image with preview (PrimeNG `p-image [preview]`): lazy-loaded thumbnail; click opens the
+ * full image in a modal `star-dialog` with zoom in / out.
+ * `<star-image src="label.png" alt="Product label" width="160" preview />`
+ */
+export declare class StarImage {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  /** Image address. */
+  readonly src: import("@angular/core").InputSignal<string>;
+  /** Alternative text. It is also the title of the preview dialog. */
+  readonly alt: import("@angular/core").InputSignal<string>;
+  /** Width attribute of the thumbnail. */
+  readonly width: import("@angular/core").InputSignal<string | number | null>;
+  /** The image opens in a dialog with zoom buttons when the user activates it. */
+  readonly preview: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly zoom: import("@angular/core").WritableSignal<number>;
+  protected readonly id: string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarImage, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarImage, "star-image", never, {
+    "src": {
+      "alias": "src";
+      "required": true;
+      "isSignal": true;
+    };
+    "alt": {
+      "alias": "alt";
+      "required": true;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "preview": {
+      "alias": "preview";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/star-ng-ui-menu.d.ts

@@ -0,0 +1,332 @@
+import * as i1 from "@angular/cdk/menu";
+import { CdkContextMenuTrigger, CdkMenuTrigger } from "@angular/cdk/menu";
+import { ConnectedPosition } from "@angular/cdk/overlay";
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+import { StarButtonSize, StarButtonVariant } from "@star-ng/ui/button";
+/** One menu entry (PrimeNG `MenuItem`). `items` makes a submenu (tiered menu). */
+export interface StarMenuItem {
+  readonly label?: string;
+  /** Phosphor icon class, for example `ph-bold ph-pencil-simple`. */
+  readonly icon?: string;
+  readonly command?: (item: StarMenuItem) => void;
+  /** Router link; renders the entry as an `<a>`. */
+  readonly routerLink?: string | readonly unknown[];
+  /** External link; renders an `<a href>`. */
+  readonly url?: string;
+  readonly disabled?: boolean;
+  /** Renders a divider instead of an entry. */
+  readonly separator?: boolean;
+  /** Danger styling, for destructive actions. */
+  readonly danger?: boolean;
+  /** Keyboard hint shown at the end, for example `Ctrl+E`. */
+  readonly shortcut?: string;
+  readonly items?: readonly StarMenuItem[];
+}
+export declare const STAR_MENU_POSITIONS: ConnectedPosition[];
+/**
+ * Makes the popup of a CDK menu trigger usable inside a modal `<dialog>`.
+ *
+ * A modal dialog makes the rest of the page inert. CDK puts a menu popup in the overlay
+ * container, outside the dialog, so the popup shows but takes no click and no key. When the
+ * trigger is inside a `<dialog>`, the popup goes into that dialog instead.
+ *
+ * CDK has no public option for this on `CdkMenuTrigger`, so this wraps its position
+ * strategy factory. If a CDK update removes that factory, this does nothing and the e2e test
+ * "popups inside a modal dialog" fails.
+ */
+export declare function keepMenuInsideDialog(trigger: CdkMenuTrigger | CdkContextMenuTrigger, element: HTMLElement): void;
+/**
+ * Applies `keepMenuInsideDialog` to every `cdkMenuTriggerFor` in a template that imports it
+ * (submenus, menu bar items, cascade select).
+ */
+export declare class StarMenuInDialog {
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMenuInDialog, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarMenuInDialog, "[cdkMenuTriggerFor]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Menu (PrimeNG `p-menu` + `p-tieredmenu`) on CDK Menu: roving focus, typeahead, submenus
+ * with pointer aim, Escape and focus return come from `@angular/cdk/menu`.
+ *
+ * Popup: `<star-button [starMenuTrigger]="rowMenu">…</star-button> <star-menu #rowMenu [items]="actions" />`
+ * Inline: `<star-menu inline [items]="nav" />`
+ *
+ * The popup is a native popover. Inside a modal `star-dialog` it goes into the dialog
+ * (`keepMenuInsideDialog`), so it stays usable there.
+ */
+export declare class StarMenu {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  /** Renders the menu in place instead of as a popup. */
+  readonly inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  /** Root menu template, opened by `starMenuTrigger`. */
+  readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
+  protected run(item: StarMenuItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMenu, "star-menu", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * Opens an `star-menu` as a popup from any element (button, icon button, row action).
+ * Adds `aria-haspopup`, `aria-expanded`, Arrow Down / Enter / Space to open.
+ */
+export declare class StarMenuTrigger {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  readonly starMenuTrigger: import("@angular/core").InputSignal<StarMenu>;
+  private readonly trigger;
+  private readonly host;
+  constructor();
+  /**
+   * CDK opens a menu on Enter or Space itself, unless the host is a native button (then the
+   * native click does it). On a wrapper such as `<star-button>` the host is no button, so CDK
+   * would toggle on the key and the native click of the inner button would toggle again: the
+   * menu opens and closes at once. The key stays with the inner button; its click opens the menu.
+   * (Arrow down and Arrow up are still handled by CDK.)
+   *
+   * CDK also calls `focus()` on the host to return the focus when the menu closes. A wrapper
+   * cannot take focus, so the call goes to the inner button.
+   */
+  private adaptWrapperHost;
+  /**
+   * On a wrapper such as `<star-button>`, the real button is inside the host. CDK gives the
+   * host `role="button"`, which makes two nested buttons for assistive technology. The host
+   * becomes presentational and the inner button gets the popup state.
+   */
+  private syncInnerButton;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMenuTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarMenuTrigger, "[starMenuTrigger]", never, {
+    "starMenuTrigger": {
+      "alias": "starMenuTrigger";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.CdkMenuTrigger;
+    inputs: {};
+    outputs: {
+      "cdkMenuOpened": "menuOpened";
+      "cdkMenuClosed": "menuClosed";
+    };
+  }]>;
+}
+/**
+ * Split button (PrimeNG `p-splitbutton`): a main action plus a menu of related actions.
+ * `<star-split-button label="Send response" [items]="sendOptions" (pressed)="send()" />`
+ */
+export declare class StarSplitButton {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<string | null>;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  readonly variant: import("@angular/core").InputSignal<StarButtonVariant>;
+  readonly size: import("@angular/core").InputSignal<StarButtonSize>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly pressed: import("@angular/core").OutputEmitterRef<MouseEvent>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarSplitButton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarSplitButton, "star-split-button", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "pressed": "pressed";
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * Mega menu (PrimeNG `p-megamenu`) on CDK Menu Bar: a top-level item opens one wide panel
+ * with its child items as columns. Three levels of `StarMenuItem`:
+ *
+ * 1. top-level item (the bar),
+ * 2. its `items`: the columns (`label` is the column heading),
+ * 3. each column's `items`: the links or actions.
+ *
+ * A top-level item without `items` is a plain link or action. Keyboard: Left / Right on the
+ * bar, Down opens a panel, Up / Down move through all items of the panel, Escape closes.
+ *
+ * `<star-mega-menu ariaLabel="Products" [items]="catalogue" />`
+ */
+export declare class StarMegaMenu {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  protected readonly positions: import("@angular/cdk/overlay").ConnectedPosition[];
+  protected readonly panelId: string;
+  protected run(item: StarMenuItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMegaMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMegaMenu, "star-mega-menu", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * Menu bar (PrimeNG `p-menubar`) on CDK Menu Bar: top-level items with dropdown submenus,
+ * Left / Right between items, Down opens, typeahead, Escape closes. Uses `star-menu` for the
+ * submenus, so nesting works to any depth.
+ *
+ * `<star-menubar ariaLabel="Main" [items]="nav"><star-button starMenubarEnd>…</star-button></star-menubar>`
+ */
+export declare class StarMenubar {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  protected run(item: StarMenuItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMenubar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMenubar, "star-menubar", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, ["[starMenubarStart]", "[starMenubarEnd]"], true, never>;
+}
+/**
+ * Right-click (and Shift+F10 / context-menu key) menu on any element (PrimeNG `p-contextmenu`).
+ * `<tr [starContextMenu]="rowMenu">…</tr> <star-menu #rowMenu [items]="rowActions" />`
+ *
+ * Inside a modal `star-dialog` the menu goes into the dialog (`keepMenuInsideDialog`).
+ */
+export declare class StarContextMenu {
+  /** Keeps the CDK direction (overlays and menus) in step with `<html dir>`. */
+  private readonly directionSync;
+  readonly starContextMenu: import("@angular/core").InputSignal<StarMenu>;
+  private readonly trigger;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarContextMenu, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarContextMenu, "[starContextMenu]", never, {
+    "starContextMenu": {
+      "alias": "starContextMenu";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.CdkContextMenuTrigger;
+    inputs: {};
+    outputs: {
+      "cdkContextMenuOpened": "menuOpened";
+      "cdkContextMenuClosed": "menuClosed";
+    };
+  }]>;
+}
+/**
+ * Panel menu (PrimeNG `p-panelmenu`): a vertical menu where an item with child items opens
+ * and closes in place, to any depth. Use it for side navigation with sections.
+ *
+ * Each parent is a button with `aria-expanded`; each leaf is a link or a button. Tab moves
+ * through the open items; Enter or Space opens a section or runs an item.
+ *
+ * `<star-panel-menu ariaLabel="Settings" [items]="sections" [(expandedKeys)]="open" />`
+ *
+ * An item is identified by its position (`0`, `0.2`, `1.0.3`) in `expandedKeys`.
+ */
+export declare class StarPanelMenu {
+  private readonly id;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  /** Open one section at a time: opening a section closes its sibling sections. */
+  readonly single: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Positions of the open sections (`'0'`, `'0.2'`). Two-way. */
+  readonly expandedKeys: import("@angular/core").ModelSignal<readonly string[]>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  protected isOpen(key: string): boolean;
+  protected regionId(key: string): string;
+  /** Opens or closes the section at a position. */
+  toggle(key: string): void;
+  protected run(item: StarMenuItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarPanelMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarPanelMenu, "star-panel-menu", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "single": {
+      "alias": "single";
+      "required": false;
+      "isSignal": true;
+    };
+    "expandedKeys": {
+      "alias": "expandedKeys";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "expandedKeys": "expandedKeysChange";
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}

package/types/star-ng-ui-message.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+import { OnInit } from "@angular/core";
+export type StarMessageSeverity = 'success' | 'info' | 'warn' | 'error';
+/**
+ * Inline message (PrimeNG `p-message`): severity, icon, optional close and auto-hide `life`.
+ * `<star-message severity="warn" closable>Draft not saved.</star-message>`
+ */
+export declare class StarMessage implements OnInit {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly destroyRef;
+  readonly severity: import("@angular/core").InputSignal<StarMessageSeverity>;
+  readonly variant: import("@angular/core").InputSignal<"soft" | "outlined">;
+  readonly icon: import("@angular/core").InputSignal<string | null>;
+  readonly closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Milliseconds before the message hides itself (0 = stays). */
+  readonly life: import("@angular/core").InputSignal<number>;
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly visible: import("@angular/core").WritableSignal<boolean>;
+  protected readonly iconClass: import("@angular/core").Signal<string>;
+  ngOnInit(): void;
+  close(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMessage, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMessage, "star-message", never, {
+    "severity": {
+      "alias": "severity";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "closable": {
+      "alias": "closable";
+      "required": false;
+      "isSignal": true;
+    };
+    "life": {
+      "alias": "life";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "closed": "closed";
+  }, never, ["*"], true, never>;
+}

package/types/star-ng-ui-paginator.d.ts

@@ -0,0 +1,85 @@
+import * as i0 from "@angular/core";
+export interface StarPageEvent {
+  /** Index of the first record on the page (0-based). */
+  readonly first: number;
+  readonly rows: number;
+  /** Page index (0-based). */
+  readonly page: number;
+  readonly pageCount: number;
+}
+/**
+ * Paginator (PrimeNG `p-paginator`): `[(first)]` / `[(rows)]`, page links window,
+ * first / last buttons, rows-per-page select and a "1–10 of 240" report.
+ *
+ * `<star-paginator [totalRecords]="240" [(first)]="first" [(rows)]="rows" />`
+ */
+export declare class StarPaginator {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  protected readonly rowsId: string;
+  readonly totalRecords: import("@angular/core").InputSignal<number>;
+  readonly first: import("@angular/core").ModelSignal<number>;
+  readonly rows: import("@angular/core").ModelSignal<number>;
+  readonly rowsPerPageOptions: import("@angular/core").InputSignal<readonly number[]>;
+  /** Number of page links shown around the current page. */
+  readonly pageLinkSize: import("@angular/core").InputSignal<number>;
+  readonly showCurrentPageReport: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showFirstLast: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly pageChange: import("@angular/core").OutputEmitterRef<StarPageEvent>;
+  readonly pageCount: import("@angular/core").Signal<number>;
+  readonly page: import("@angular/core").Signal<number>;
+  protected readonly isFirst: import("@angular/core").Signal<boolean>;
+  protected readonly isLast: import("@angular/core").Signal<boolean>;
+  protected readonly links: import("@angular/core").Signal<number[]>;
+  protected readonly report: import("@angular/core").Signal<string>;
+  goTo(page: number): void;
+  protected changeRows(rows: number): void;
+  private emit;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarPaginator, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarPaginator, "star-paginator", never, {
+    "totalRecords": {
+      "alias": "totalRecords";
+      "required": false;
+      "isSignal": true;
+    };
+    "first": {
+      "alias": "first";
+      "required": false;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsPerPageOptions": {
+      "alias": "rowsPerPageOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "pageLinkSize": {
+      "alias": "pageLinkSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "showCurrentPageReport": {
+      "alias": "showCurrentPageReport";
+      "required": false;
+      "isSignal": true;
+    };
+    "showFirstLast": {
+      "alias": "showFirstLast";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "first": "firstChange";
+    "rows": "rowsChange";
+    "pageChange": "pageChange";
+  }, never, never, true, never>;
+}