@bootkit/ng0 0.0.0-alpha.3 → 0.0.0-alpha.30

package/components/form-field/index.d.ts

@@ -1,66 +1,49 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterContentInit, OnDestroy, Renderer2, DestroyRef } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import { LocalizationService } from '@bootkit/ng0/localization';
+import { AfterContentInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
 import * as i1 from '@angular/common';
 
-declare class FormFieldComponent implements OnInit, AfterContentInit, OnDestroy {
-    private _renderer;
+declare class FormFieldComponent implements AfterContentInit {
+    private _ngControlElement?;
     private _destroyRef;
-    private _form;
-    private _ls;
+    private _renderer;
+    private _localizationService;
+    protected _ngControl?: NgControl;
+    protected _status: _angular_core.WritableSignal<string | null>;
+    protected _hasRequiredControl: _angular_core.WritableSignal<boolean>;
+    protected _errorText: _angular_core.WritableSignal<string | undefined>;
     /**
      * The label text for the form field.
      */
-    label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /**
      * The hint text to display below the form field.
-     * This is typically used to provide additional information or instructions to the user.
      */
-    hint: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string | undefined>;
     /**
      * If true, the form-field will show validation errors.
-     * This is useful for displaying validation messages when the form control is invalid.
      */
-    showErrors: _angular_core.InputSignal<boolean>;
+    readonly showErrors: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * If true, the form-field will show a red asterisk for required fields.
-     * This is only a visual indicator and does not enforce validation.
+     * If undefined, the indicator will be shown based on the control's required state.
+     * If true, the form-field will show a required indicator (*) next to the label (regardless of the control's required state).
+     * If false, the required indicator will not be shown (regardless of the control's required state).
      */
-    showRequiredIndicator: _angular_core.InputSignal<boolean>;
+    readonly showRequired: _angular_core.InputSignal<boolean | undefined>;
     /**
      * If true, the form-field will show subscripts (e.g. hints, errors) for the field label.
-     * This is useful for displaying additional information or validation messages.
      */
-    showSubscripts: _angular_core.InputSignal<boolean>;
+    readonly showSubscripts: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the form-field will be rendered inside a ".input-group" element.
      */
-    inputGroup: _angular_core.InputSignal<boolean>;
-    /**
-     * Returns the first localized error of the control
-     */
-    get errorText(): string;
-    /** Reports whether the control is touched. */
-    get touched(): boolean | null | undefined;
-    /** Reports whether the control is dirty. */
-    get dirty(): boolean | null | undefined;
-    /** Returns true if this form-field is required, otherwise returns false. */
-    get isRequired(): boolean;
-    private _onFocusOut;
-    private _ngControl?;
-    private _ngControlElement?;
-    private _isRequired;
-    private _locale?;
-    private _errorText?;
-    constructor(_renderer: Renderer2, _destroyRef: DestroyRef, _form: NgForm, _ls: LocalizationService);
-    ngOnInit(): void;
+    readonly inputGroup: _angular_core.InputSignalWithTransform<boolean, unknown>;
     ngAfterContentInit(): void;
-    private _validate;
-    private _isRequiredField;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, [null, null, { optional: true; }, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ng0-form-field, ng0-field", ["ng0FormField"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "showSubscripts": { "alias": "showSubscripts"; "required": false; "isSignal": true; }; "inputGroup": { "alias": "inputGroup"; "required": false; "isSignal": true; }; }, {}, ["_ngControl", "_ngControlElement"], ["*"], true, never>;
+    private _checkValidation;
+    private _isControlRequired;
+    private _onFocusOut;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ng0-form-field, ng0-field", ["ng0FormField"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "showRequired": { "alias": "showRequired"; "required": false; "isSignal": true; }; "showSubscripts": { "alias": "showSubscripts"; "required": false; "isSignal": true; }; "inputGroup": { "alias": "inputGroup"; "required": false; "isSignal": true; }; }, {}, ["_ngControlElement", "_ngControl"], ["*"], true, never>;
 }
 
 declare class FormFieldModule {

package/components/list/index.d.ts

@@ -0,0 +1,259 @@
+import * as _bootkit_ng0_localization from '@bootkit/ng0/localization';
+import * as _bootkit_ng0_common from '@bootkit/ng0/common';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, QueryList, EventEmitter } from '@angular/core';
+import { DataSource, DataSourceLike } from '@bootkit/ng0/data';
+import { ControlValueAccessor } from '@angular/forms';
+
+/**
+ * ListItem represents an individual item within a ListComponent.
+ */
+declare class ListItem {
+    /**
+     * The value associated with the item. This can be of any type.
+     */
+    readonly value: _angular_core.InputSignal<any>;
+    /**
+     * The id of the item.
+     */
+    readonly id: _angular_core.InputSignal<any>;
+    /**
+     * Reference to the parent list component
+     */
+    readonly list: ListComponent;
+    /**
+     * Reference to the host element
+     */
+    readonly elementRef: ElementRef<HTMLElement>;
+    /**
+     * Indicates whether the item is active.
+     * @returns True if the item is active, false otherwise.
+     */
+    isActive(): boolean;
+    /**
+     * Indicates whether the item is selected.
+     * @returns True if the item is selected, false otherwise.
+     */
+    isSelected(): boolean;
+    /**
+     * Selects the item.
+     * @returns
+     */
+    select(): void;
+    /**
+     * Deselects the item.
+     * @returns
+     */
+    deselect(): void;
+    /**
+     * Toggles the selection state of the item.
+     * @returns void
+     */
+    toggle(): void;
+    /**
+     * Scrolls the item into view within its parent container.
+     * @param position The vertical alignment of the item after scrolling.
+     *                 Can be 'start', 'center', 'end', or 'nearest'.
+     *                 Default is 'nearest'.
+     * @param behavior The scrolling behavior.
+     */
+    scrollIntoView(position?: ScrollLogicalPosition, behavior?: ScrollBehavior): void;
+    /**
+     * Sets focus on the item.
+     */
+    focus(): void;
+    private _getTabIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListItem, "ng0-list-item", ["ng0ListItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * ListComponent is a versatile component that displays a list of items with support for single or multiple selection,
+ * custom item templates, filtering, and keyboard navigation.
+ */
+declare class ListComponent implements ControlValueAccessor {
+    private _localizationService;
+    private _changeDetector;
+    private _changeCallback?;
+    private _touchCallback?;
+    private readonly _selectedItems;
+    protected readonly _sourceItems: _angular_core.WritableSignal<any[]>;
+    protected _itemTemplate?: TemplateRef<any>;
+    protected readonly _activeItem: _angular_core.WritableSignal<ListItem | undefined>;
+    protected readonly _isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly _value;
+    private _renderer;
+    /**
+     * A list of all visible list items.
+     */
+    readonly listItems?: QueryList<ListItem>;
+    /**
+     * Reference to the host element
+     */
+    elementRef: ElementRef<HTMLElement>;
+    /**
+     * The data source for the select component.
+     * This can be an array of data, a function that returns an observable of data,
+     * or an instance of DataSource.
+     */
+    readonly source: _angular_core.InputSignalWithTransform<DataSource<any>, DataSourceLike<any>>;
+    /**
+     * Indicates whether multi selection is enabled or not.
+     */
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether to show selection indicator (checkbox/radio) next to each item.
+     * Default is false.
+     */
+    readonly showSelectionIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+    * A comparer to compare items for selection.
+    * Default uses strict equality (===).
+    */
+    readonly compareBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.EqualityComparer, _bootkit_ng0_common.EqualityComparerLike>;
+    /**
+     * A fromatter to convert each item to a string for display.
+     * Default converts the item to a string using its toString method.
+     */
+    readonly formatBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_localization.ObjectFormatter, _bootkit_ng0_localization.ObjectFormatterLike>;
+    /**
+     * Custom value writer to extract the value of any object while writing values.
+     */
+    readonly writeBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.ValueWriter, _bootkit_ng0_common.ValueWriterLike>;
+    /**
+     * Custom filter function to filter items.
+     * Default is a noop filter that does not filter any items.
+     */
+    readonly filterBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.FilterPredicate, _bootkit_ng0_common.FilterPredicateLike>;
+    /**
+     * A function that uniquely identifies each item in the list.
+     * If set to a function, it will be called with the index and item as arguments to generate the unique id.
+     * If set to a string, it will be used as the property name to extract the unique id from each item.
+     * Two predifined trackBy options are available:
+     * - '@index': uses the index of the item as its unique id.
+     * - '@item': uses the item itself as its unique id.
+     * @example
+     * trackBy="@index"
+     * trackBy="@item"
+     * trackBy="objectFieldName"
+     * [trackBy]="customTrackByFunction"
+     * @default trackByIndex
+     */
+    readonly trackBy: _angular_core.InputSignalWithTransform<_angular_core.TrackByFunction<any>, _bootkit_ng0_common.TrackByLike>;
+    /**
+     * CSS class or classes to apply to the list container.
+     * Default is undefined.
+     */
+    readonly itemClass: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.CssClassGetter | undefined, _bootkit_ng0_common.CssClassLike>;
+    /**
+     * Defines the focus behavior of the list component.
+     * - 'none': No keyboard interaction is possible. The list cannot be focused.
+     * - 'roving': Roving tabindex is enabled. The list can be focused and the active item is tabbable.
+     * - 'activeDescendant': The list can be focused, but no item is tabbable. The active item is indicated using aria-activedescendant.
+     * @default 'activeDescendant'.
+     */
+    readonly focusMode: _angular_core.InputSignal<"none" | "roving" | "activeDescendant">;
+    /**
+     * A function that generates unique ids for each item in the list.
+     * If set to a function, it will be called with the item as an argument to generate the id.
+     * If set to undefined, no ids will be generated for the items.
+     * @default undefined
+     */
+    readonly idGenerator: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.IdGenerator | undefined, _bootkit_ng0_common.IdGeneratorLike>;
+    /**
+     * Event emitted when the selection state of an item changes by user interaction.
+     */
+    readonly itemSelect: EventEmitter<ListItemSelectEvent>;
+    /**
+     * The template to use for each item in the list.
+     */
+    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    constructor();
+    /**
+     * Indicates whether an item is active.
+     * @param item
+     * @returns
+     */
+    isActive(item: ListItem): boolean;
+    /**
+     * Indicates whether the given value is selected.
+     * @param item
+     * @returns
+     */
+    isSelected(value: any): boolean;
+    /**
+     * Selects the given value.
+     * @param item
+     */
+    select(value: any): void;
+    /**
+     * Deselects the given value.
+     * @param item
+     */
+    deselect(value: any): void;
+    /**
+     * Toggles the selection state of the given value.
+     * @param item
+     */
+    toggle(value: any): void;
+    /**
+     * Deselects all items in the list.
+     */
+    deselectAll(): void;
+    /**
+     * Selects all items in the list. Only applicable in multiple selection mode.
+     */
+    selectAll(): void;
+    /**
+     * Gets the current value(s) of the list.
+     */
+    get value(): ReadonlyArray<any | any[]>;
+    /**
+     * Gets the current items in the list.
+     */
+    get items(): ReadonlyArray<any[]>;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    protected _handleUserSelection(item: ListItem, index: number): void;
+    protected _showLoadingSppiner: _angular_core.Signal<boolean>;
+    private _updateSelectedItems;
+    private _activateFirstSelectedItem;
+    private _updateValue;
+    private _hostAriaActiveDescendant;
+    private _hostTabIndex;
+    private _onHostBlur;
+    private _onKeydown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "ng0-list, ng0-select-list", ["ng0List"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["_itemTemplate"], never, true, never>;
+}
+/**
+ * Event emitted when the selection state of the list changes by user interaction.
+ */
+interface ListItemSelectEvent {
+    /**
+     * The value of the item that was selected or deselected.
+     */
+    value: any;
+    /**
+     * The item that was selected or deselected.
+     */
+    readonly item: ListItem;
+    /**
+     * The list component that emitted the event.
+     */
+    readonly list: ListComponent;
+}
+
+/**
+ * List module.
+ */
+declare class ListModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ListModule, never, [typeof ListComponent], [typeof ListComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ListModule>;
+}
+
+export { ListComponent, ListModule };
+export type { ListItemSelectEvent };

package/components/modal/index.d.ts

@@ -2,20 +2,38 @@ import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
 
 interface ModalCloseRequest {
+    reason: 'backdrop' | 'escape';
+    event: Event;
 }
 
 declare class ModalComponent {
+    /**
+     * Is modal scrollable?
+     */
     scrollable: _angular_core.InputSignal<boolean>;
     /** Is modal vertically centered? */
     centered: _angular_core.InputSignal<boolean>;
+    /**
+     * Size of the modal.
+     */
     size: _angular_core.InputSignal<"sm" | "default" | "lg" | "xl">;
-    fullscreen: _angular_core.InputSignal<"sm" | "lg" | "xl" | "always" | "md" | "xxl">;
+    /**
+     * Is modal fullscreen?
+     */
+    fullscreen: _angular_core.InputSignal<"sm" | "lg" | "xl" | "always" | "md" | "xxl" | undefined>;
+    /**
+     * Emitted when user clicks the backdrop or presses the escape key.
+     */
     closeRequest: EventEmitter<ModalCloseRequest>;
-    backdropClick: EventEmitter<any>;
+    /**
+     * Emitted when the backdrop is clicked.
+     */
+    backdropClick: EventEmitter<Event>;
     protected _modalStatic: _angular_core.WritableSignal<boolean>;
     constructor();
-    protected _onBackdropClick(): void;
-    onKeyDown(event: KeyboardEvent): void;
+    protected _onBackdropClick(event: MouseEvent): void;
+    private _onDocumentKeyDown;
+    private _shakeModal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ng0-modal", ["ng0Modal"], { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; }, { "closeRequest": "closeRequest"; "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
 }

package/components/nav/index.d.ts

@@ -1,33 +1,34 @@
 import * as i0 from '@angular/core';
-import { ElementRef, Renderer2, TemplateRef, OnInit, QueryList } from '@angular/core';
+import { ElementRef, TemplateRef, OnInit, QueryList, Renderer2 } from '@angular/core';
 
 declare class NavDirective {
-    private _elementRef;
-    private _renderer;
+    /**
+     * The active item.
+     */
     activeItem: i0.ModelSignal<any>;
+    /**
+     * Whether the navigation is disabled.
+     */
     disabled: i0.InputSignal<boolean>;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NavDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavDirective, "[ng0Nav]", ["ng0Nav"], { "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activeItem": "activeItemChange"; }, never, never, true, never>;
 }
 
 declare class NavItemDirective {
     elementRef: ElementRef;
-    private _renderer;
-    private _nav;
     id: i0.InputSignal<any>;
     disabled: i0.InputSignal<boolean>;
-    constructor(elementRef: ElementRef, _renderer: Renderer2, _nav: NavDirective);
+    constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<NavItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavItemDirective, "[ng0NavItem]", ["ng0NavItem"], { "id": { "alias": "ng0NavItem"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class NavLinkDirective {
     elementRef: ElementRef;
-    private _renderer;
     private _nav;
     private _navItem;
-    constructor(elementRef: ElementRef, _renderer: Renderer2, _nav: NavDirective, _navItem: NavItemDirective);
+    constructor(elementRef: ElementRef, _nav: NavDirective, _navItem: NavItemDirective);
     private _onClick;
     private get _active();
     private get _disabled();
@@ -35,30 +36,33 @@ declare class NavLinkDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[ng0NavLink]", ["ng0NavLink"], {}, {}, never, never, true, never>;
 }
 
-declare class TabPaneDirective {
+declare class NavContentDirective {
     templateRef: TemplateRef<any>;
     id: i0.InputSignal<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabPaneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabPaneDirective, "[ng0TabPane]", ["ng0TabPane"], { "id": { "alias": "ng0TabPane"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavContentDirective, "[ng0NavContent]", ["ng0NavContent"], { "id": { "alias": "ng0NavContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class TabContentComponent implements OnInit {
+declare class NavContentContainerComponent implements OnInit {
     private _elementRef;
     private _renderer;
+    /**
+     * The navigation directive that this content belongs to.
+     */
     nav: i0.InputSignal<NavDirective>;
-    protected _panes: QueryList<TabPaneDirective>;
-    disabled: i0.InputSignal<boolean>;
+    protected _contents: QueryList<NavContentDirective>;
+    protected _activeItem: i0.Signal<any>;
     constructor(_elementRef: ElementRef, _renderer: Renderer2);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabContentComponent, "ng0-tab-content", ["ng0TabContent"], { "nav": { "alias": "nav"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_panes"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavContentContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavContentContainerComponent, "ng0-navcontent-container", ["ng0Navcontent"], { "nav": { "alias": "nav"; "required": true; "isSignal": true; }; }, {}, ["_contents"], never, true, never>;
 }
 
 declare class NavModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof TabContentComponent, typeof TabPaneDirective], [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof TabContentComponent, typeof TabPaneDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof NavContentContainerComponent, typeof NavContentDirective], [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof NavContentContainerComponent, typeof NavContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavModule>;
 }
 
-export { NavDirective, NavItemDirective, NavLinkDirective, NavModule, TabContentComponent, TabPaneDirective };
+export { NavContentContainerComponent, NavContentDirective, NavDirective, NavItemDirective, NavLinkDirective, NavModule };

package/components/pagination/index.d.ts

@@ -2,23 +2,49 @@ import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
 
 declare class PaginationComponent {
-    itemClick: EventEmitter<number>;
+    /**
+     * Total number of records.
+     */
     totalRecords: _angular_core.InputSignal<number>;
+    /**
+     * Page size. Number of items in each page.
+     */
     pageSize: _angular_core.InputSignal<number>;
     /**
-     * Selected page. starts from 1.
+     * Selected page Index. starts from 1.
+     */
+    selectedPage: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Maximum number of visible pages.
+     * Default is 10.
      */
-    selectedPage: _angular_core.InputSignal<number>;
     maxVisiblePages: _angular_core.InputSignal<number>;
-    showNextButton: _angular_core.InputSignal<boolean>;
-    showPreviousButton: _angular_core.InputSignal<boolean>;
-    showFirstButton: _angular_core.InputSignal<boolean>;
-    showLastButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Show first and last buttons.
+     * Default is true.
+     */
+    showNextPreviousButtons: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Show first and last buttons.
+     * Default is true.
+     */
+    showFirstLastButtons: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Total number of pages.
+     * This is a computed property based on totalRecords and pageSize.
+     * It is not an input property.
+     */
     get totalPagesCount(): number;
+    /**
+     * Emits the selected page index when a page is clicked.
+     * The index starts from 1.
+     */
+    itemClick: EventEmitter<number>;
     protected _totalPagesCount: number;
-    protected _visiblePages: _angular_core.Signal<any[]>;
+    protected _visiblePages: _angular_core.Signal<number[]>;
+    _onPageChange(pageIndex: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ng0-pagination", ["ng0Pagination"], { "totalRecords": { "alias": "totalRecords"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectedPage": { "alias": "selectedPage"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showNextButton": { "alias": "showNextButton"; "required": false; "isSignal": true; }; "showPreviousButton": { "alias": "showPreviousButton"; "required": false; "isSignal": true; }; "showFirstButton": { "alias": "showFirstButton"; "required": false; "isSignal": true; }; "showLastButton": { "alias": "showLastButton"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["first", "previous", "next", "last"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ng0-pagination", ["ng0Pagination"], { "totalRecords": { "alias": "totalRecords"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectedPage": { "alias": "selectedPage"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showNextPreviousButtons": { "alias": "showNextPreviousButtons"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["first", "previous", "next", "last"], true, never>;
 }
 
 declare class PaginationModule {

package/components/popover/index.d.ts

@@ -10,7 +10,7 @@ declare class PopoverDirective implements OnInit, OnDestroy {
     private _overlayService;
     private _elementRef;
     private _viewRef;
-    header: _angular_core.InputSignal<string>;
+    header: _angular_core.InputSignal<string | undefined>;
     content: _angular_core.InputSignal<PopoverContent>;
     placement: _angular_core.InputSignal<PopoverPlacement>;
     triggerBy: _angular_core.InputSignal<PopoverTrigger>;