@bootkit/ng0 0.0.0-alpha.2 → 0.0.0-alpha.21

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>;

package/components/select/index.d.ts

@@ -0,0 +1,116 @@
+import * as _bootkit_ng0_common from '@bootkit/ng0/common';
+import { SelectOption } from '@bootkit/ng0/common';
+import * as _bootkit_ng0_localization from '@bootkit/ng0/localization';
+import * as _bootkit_ng0_data from '@bootkit/ng0/data';
+import { DataSource, DataSourceLike, FilterPredicate } from '@bootkit/ng0/data';
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FlexibleConnectedPositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+
+/**
+ * Select component that allows users to choose an option from a dropdown list.
+ */
+declare class SelectComponent implements OnInit, ControlValueAccessor {
+    private _resizeObserver?;
+    private _resizeObserverInitialized;
+    private _viewpoerRulerSubscription?;
+    protected _cdkListboxValue: _angular_core.WritableSignal<any>;
+    private _filterElementRef?;
+    private _onChangeCallback;
+    private _onTouchedCallback;
+    protected readonly _options: _angular_core.WritableSignal<SelectOption[]>;
+    protected readonly _isDisabled: _angular_core.WritableSignal<boolean>;
+    protected readonly _selectedOptionIndex: _angular_core.WritableSignal<number>;
+    protected readonly _activeOptionIndex: _angular_core.WritableSignal<number>;
+    protected _optionTemplate?: TemplateRef<any>;
+    protected _positionStrategy: FlexibleConnectedPositionStrategy;
+    protected _scrollStrategy: ScrollStrategy;
+    private _overlay;
+    private _document;
+    private _ls;
+    private _destroyRef;
+    protected _el: ElementRef<any>;
+    private _renderer;
+    private _viewportRuler;
+    private _changeDetector;
+    /**
+     * 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 the dropdown is open or closed.
+     */
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /**
+    * A custom comparer function or the name of a field for comparing two objects.
+    */
+    readonly compareBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_data.BooleanValueComparer, _bootkit_ng0_data.BooleanValueComparerLike>;
+    /**
+     * Custom format function to convert an 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.ValueFormatterFunction, _bootkit_ng0_localization.ValueFormatterLike>;
+    /**
+     * Custom value extractor function to extract the value of any object while writing values.
+     */
+    readonly writeBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_data.ValueExtractor, _bootkit_ng0_data.ValueExtractorLike>;
+    /**
+     * Indicates whether the dropdown is filterable.
+     */
+    readonly filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Placeholder text for the filter input field.
+     */
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    /**
+     * Custom filter function to filter items based on a filter value.
+     * Default checks if the item contains the filter value (case-insensitive).
+     */
+    readonly filterBy: _angular_core.InputSignal<FilterPredicate>;
+    /**
+     * CSS class or classes to apply to the list container.
+     */
+    readonly itemClass: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.CssClassGetter, _bootkit_ng0_common.CssClassLike>;
+    constructor();
+    ngOnInit(): void;
+    private _loadItems;
+    private _handleDataSourceChange;
+    /**
+     * Selects an option by index
+     */
+    protected _selectByIndex(index: number): void;
+    protected _insertOptions(index?: number, ...items: any[]): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    protected _onKeydown(e: KeyboardEvent, firedByFilter?: boolean): void;
+    protected _onFilterBlur(): void;
+    protected _filterItems(filter: string): void;
+    protected _onOverlayAttach(): void;
+    protected _onOverlayDetach(): void;
+    private _getNextOptionId;
+    private _listenToResizeEvents;
+    private _unlistenFromResizeEvents;
+    private _onHostClick;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ng0-select", ["ng0Select"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "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; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["_optionTemplate"], never, true, never>;
+}
+
+/**
+ * Select module.
+ */
+declare class SelectModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SelectModule, never, [typeof SelectComponent], [typeof SelectComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SelectModule>;
+}
+
+export { SelectComponent, SelectModule };

package/components/sidenav/index.d.ts

@@ -0,0 +1,59 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ViewContainerRef, ElementRef, Renderer2, QueryList } from '@angular/core';
+
+type SidenavMode = 'push' | 'over';
+type SidenavPosition = 'start' | 'end';
+
+/**
+ * This component is used to display a sidenav panel.
+ * It can be positioned on the left or right side of the screen.
+ * It can be opened or closed and can have a backdrop.
+ */
+declare class SidenavComponent implements OnInit, OnDestroy {
+    private _vcr;
+    private _elmentRef;
+    private _renderer;
+    open: _angular_core.InputSignal<boolean>;
+    mode: _angular_core.InputSignal<SidenavMode>;
+    hasBackdrop: _angular_core.InputSignal<boolean>;
+    zIndex: _angular_core.InputSignal<number | undefined>;
+    position: _angular_core.InputSignal<SidenavPosition>;
+    sidenavWidth: _angular_core.InputSignal<number>;
+    fixedInViewport: _angular_core.InputSignal<boolean>;
+    backdropClick: EventEmitter<MouseEvent>;
+    private _backdropRef?;
+    private _backdropClickHandlerUnlisten?;
+    constructor(_vcr: ViewContainerRef, _elmentRef: ElementRef, _renderer: Renderer2);
+    ngOnInit(): void;
+    private _createBackdrop;
+    private _destroyBackdrop;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavComponent, "ng0-sidenav", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "sidenavWidth": { "alias": "sidenavWidth"; "required": true; "isSignal": true; }; "fixedInViewport": { "alias": "fixedInViewport"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * This component is used to contain multiple sidenav components and manage their layout.
+ */
+declare class SidenavContainerComponent implements OnInit {
+    backdropClick: EventEmitter<any>;
+    protected _sidenavs: QueryList<SidenavComponent>;
+    protected _contentPaddingStart: _angular_core.Signal<string>;
+    protected _contentPaddingEnd: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavContainerComponent, "ng0-sidenav-container", never, {}, { "backdropClick": "backdropClick"; }, ["_sidenavs"], ["*"], true, never>;
+}
+
+/**
+ * This module is used to contain the sidenav components and provide their functionality.
+ */
+declare class SidenavModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SidenavModule, never, [typeof SidenavContainerComponent, typeof SidenavComponent], [typeof SidenavContainerComponent, typeof SidenavComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SidenavModule>;
+}
+
+export { SidenavComponent, SidenavContainerComponent, SidenavModule };
+export type { SidenavMode, SidenavPosition };

package/components/stepper/index.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, QueryList } from '@angular/core';
+
+declare class StepDirective {
+    readonly templateRef: TemplateRef<any>;
+    id: i0.InputSignal<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "[ng0Step]", ["ng0Step"], { "id": { "alias": "iscStep"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class StepperComponent {
+    step: i0.ModelSignal<any>;
+    protected _steps: QueryList<StepDirective>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ng0-stepper", ["ng0Stepper"], { "step": { "alias": "step"; "required": true; "isSignal": true; }; }, { "step": "stepChange"; }, ["_steps"], never, true, never>;
+}
+
+declare class StepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, never, [typeof StepperComponent, typeof StepDirective], [typeof StepperComponent, typeof StepDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
+}
+
+export { StepDirective, StepperComponent, StepperModule };

package/components/table/index.d.ts

@@ -0,0 +1,273 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, AfterContentInit, OnDestroy, QueryList, DestroyRef } from '@angular/core';
+import { formatString } from '@bootkit/ng0/common';
+import { LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';
+import { DataSourceLike, DataResult, DataRequest, DataSource } from '@bootkit/ng0/data';
+
+/**
+ * Options for configuring the table's paging behavior.
+ */
+interface TablePagingOptions {
+    /**
+     * If true, the table will show pagination controls at the bottom.
+     * This will allow users to navigate between pages of data.
+     * Default is true.
+     */
+    showPagingControls?: boolean;
+    /**
+     * Initial page index to load when the table is initialized.
+     * This is only used if pagable is true.
+     * The index starts from 1.
+     * Default is 1.
+     */
+    pageIndex?: number;
+    pageSize?: number;
+    /**
+     * Array of page size options to display in the page size selector.
+     * If not provided, the default page size options will be used.
+     */
+    pageSizeOptions?: number[];
+    /**
+     * If true, the table will show a page size selector.
+     */
+    showPageSizeOptions?: boolean;
+    showPageSizeSelectorLabel?: boolean;
+    showNextPreviousButtons?: boolean;
+    showFirstLastButtons?: boolean;
+    /**
+     * Maximum number of visible pages.
+     * Default is 10.
+     */
+    maxVisiblePages?: number;
+    /**
+     * If true, the table will show paging info at the bottom.
+     * This will show the number of records displayed and total records.
+     */
+    showPagingInfo?: boolean;
+}
+/**
+ * Type of the table cell.
+ * This can be a primitive type like 'number', 'currency', 'date', 'time',
+ * or an object with specific formatting options.
+ */
+type TableCellType = 'text' | 'number' | 'currency' | 'date' | 'time' | {
+    /** Enum formatting options */
+    enum?: {
+        /** The name of the enum to use for translation */
+        name: string;
+        fallback?: string;
+    };
+    /** Boolean formatting options */
+    boolean?: {
+        false?: string;
+        true?: string;
+    };
+    currency?: {};
+};
+
+declare class TableColumnDirective implements OnInit {
+    /**
+     * The field in the data source to bind to. If not set, the column will not display any data.
+     */
+    field: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The title of the column. This will be displayed in the header row.
+     */
+    title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text to display in the cell if the value is null or undefined.
+     */
+    emptyCellText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Type of the table cell.
+     */
+    type: _angular_core.InputSignal<TableCellType>;
+    /**
+     * CSS class(es) to apply to the table cell.
+     */
+    cellClass: _angular_core.InputSignal<string | {
+        [klass: string]: any;
+    } | string[] | null | undefined>;
+    /**
+     * @deprecated Use `cellClass` instead.
+     */
+    bold: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @deprecated Use `cellClass` instead.
+     */
+    shrink: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If true, the column will support filtering.
+     */
+    filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The current filter value of the column.
+     */
+    filterValue: _angular_core.ModelSignal<any>;
+    /**
+     * The field to use for filtering. If not set, the `field` property will be used.
+     * @deprecated Use `fieldName` instead.
+     */
+    filterField: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The current filter operator of the column.
+     */
+    filterOperator: _angular_core.ModelSignal<string | undefined>;
+    /**
+     * The list of filter operators to show in the filter dropdown. If not set, a default list will be used based on the column type.
+     */
+    filterOperators: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * If true, the filter operators dropdown will be shown.
+     */
+    showFilterOperators: _angular_core.WritableSignal<boolean>;
+    /**
+     * The name of the field in the data source. If not set, the `field` property will be used.
+     */
+    fieldName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If true, the column will support sorting.
+     */
+    sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The current sort direction of the column.
+     */
+    sortDirection: _angular_core.ModelSignal<"none" | "asc" | "desc">;
+    template?: TemplateRef<any>;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Get the list of filter operators to show in the filter dropdown.
+     */
+    getFilterOperators(): string[];
+    /**
+     * Toggle the sort direction of the column.
+     * @returns void
+     */
+    toggleSortDirection(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableColumnDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableColumnDirective, "ng0-table-col", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "emptyCellText": { "alias": "emptyCellText"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "cellClass": { "alias": "cellClass"; "required": false; "isSignal": true; }; "bold": { "alias": "bold"; "required": false; "isSignal": true; }; "shrink": { "alias": "shrink"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterValue": { "alias": "filterValue"; "required": false; "isSignal": true; }; "filterField": { "alias": "filterField"; "required": false; "isSignal": true; }; "filterOperator": { "alias": "filterOperator"; "required": false; "isSignal": true; }; "filterOperators": { "alias": "filterOperators"; "required": false; "isSignal": true; }; "fieldName": { "alias": "fieldName"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; }, { "filterValue": "filterValueChange"; "filterOperator": "filterOperatorChange"; "sortDirection": "sortDirectionChange"; }, ["template"], never, true, never>;
+}
+
+declare class TableDetailRowDirective {
+    readonly templateRef: TemplateRef<any>;
+    showCallback?: (row: any) => boolean;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableDetailRowDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableDetailRowDirective, "[ng0-table-detail-row]", never, { "showCallback": { "alias": "showCallback"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A generic table component that can display data in a tabular format.
+ * It supports features like pagination, sorting, filtering, and row details.
+ * It can be used with any data source that implements the DataSource interface.
+ */
+declare class TableComponent implements OnInit, AfterContentInit, OnDestroy {
+    protected _ls: LocalizationService;
+    private _destroyRef;
+    /**
+     * The data source for the table.
+     * This can be an array of data, a function that returns an observable of data,
+     * or an instance of DataSource.
+     */
+    source: _angular_core.InputSignal<DataSourceLike<any>>;
+    /**
+     * If true, the table will automatically load data when initialized.
+     * This is useful for tables that need to display data immediately without user interaction.
+     */
+    autoLoad: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If true, the table will show row numbers.
+     * This will add a column to the left of the table with the row numbers.
+     */
+    showRowNumbers: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If true, the table will show the header row.
+     */
+    showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If true, the table will support pagination.
+     * If false, the table will load all records at once.
+     */
+    pageable: _angular_core.InputSignalWithTransform<TablePagingOptions | undefined, boolean | TablePagingOptions>;
+    /**
+     * If true, the table will support sorting.
+     * This will add a sort icon to each column header.
+     */
+    sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The CSS class to apply to the table element.
+     * This can be used to apply custom styles to the table.
+     */
+    tableClass: _angular_core.InputSignal<string | string[] | undefined>;
+    /**
+     * The CSS class to apply to the header element.
+     */
+    headerClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The caption of the table.
+     */
+    caption: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The height of the table in pixels.
+     * This can be used to set a fixed height for the table.
+     */
+    height: _angular_core.InputSignal<number | undefined>;
+    /**
+     * If true, the table will support filtering.
+     * This will add a filter input to each column header.
+     */
+    filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The indicator to show while the table is loading data for the first time.
+     */
+    loadingIndicator: _angular_core.InputSignalWithTransform<"none" | "simple" | "spinner", boolean | "none" | "simple" | "spinner">;
+    /** If true, the table will show a loading cover while data is being loaded.
+     * This can be used to prevent user interaction with the table while loading.
+     * This cover is not displayed when the table is loading for the first time.
+     * Instead, the table will show a loading based on loadingIndicator settings.
+     */
+    loadingCover: _angular_core.InputSignalWithTransform<"none" | "simple" | "spinner", boolean | "none" | "simple" | "spinner">;
+    protected _columns: QueryList<TableColumnDirective>;
+    protected _detailRow?: TableDetailRowDirective;
+    protected _dataResult: _angular_core.WritableSignal<DataResult<any> | undefined>;
+    protected _lastRequest?: DataRequest;
+    protected _loadingRequest?: DataRequest;
+    protected _rowStates: Map<any, {
+        expanded: boolean;
+    }>;
+    protected _formatString: typeof formatString;
+    private _changeSubscription?;
+    protected _dataSource: DataSource;
+    protected _pagingFormatter: TableComponentPagingFormatter;
+    protected _lastError?: any;
+    constructor(_ls: LocalizationService, _destroyRef: DestroyRef);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /**
+     * Load data for the specified page index (optional).
+     * @param pageIndex The page index to load.
+     */
+    load(pageIndex?: number): void;
+    /**
+     * Determines if the table is currently loading data.
+     */
+    get isLoading(): _angular_core.Signal<boolean>;
+    protected _getCellValue(row: any, col: TableColumnDirective): any;
+    protected _onPageChange(pageIndex: number): void;
+    protected _onToggleRowDetailClick(row: any): void;
+    protected isRowExpanded(row: any): boolean;
+    protected _onToggleFilterOperator(col: TableColumnDirective): void;
+    protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "ng0-table", ["ng0Table"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; "loadingCover": { "alias": "loadingCover"; "required": false; "isSignal": true; }; }, {}, ["_detailRow", "_columns"], ["paging-first", "paging-last", "paging-next", "paging-previous", "paging-info"], true, never>;
+}
+
+declare class TableModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TableModule, never, [typeof TableComponent, typeof TableColumnDirective, typeof TableDetailRowDirective], [typeof TableComponent, typeof TableColumnDirective, typeof TableDetailRowDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TableModule>;
+}
+
+export { TableColumnDirective, TableComponent, TableDetailRowDirective, TableModule };

package/components/toast/index.d.ts

@@ -89,7 +89,7 @@ declare class ToastRef {
 declare class ToastService {
     private _overlayService;
     private _injector;
-    private _toastRef;
+    private _toastRef?;
     constructor(_overlayService: Overlay, _injector: Injector);
     open(body: string, header?: string, style?: string): ToastRef;
     open(config: ToastConfig): ToastRef;