@bootkit/ng0 0.0.0-alpha.4 → 0.0.0-alpha.41

package/components/sidenav/index.d.ts

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef, EventEmitter, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
+
+/**
+ * Sidenav mode.
+ */
+type SidenavMode = 'push' | 'over';
+/**
+ * Sidenav position.
+ */
+type SidenavPosition = 'start' | 'end' | 'top' | 'bottom';
+/**
+ * Sidenav size.
+ */
+type SidenavSize = number | string | 'small' | 'medium' | 'large' | 'full' | undefined;
+
+/**
+ * A sidenav component that displays a sliding navigation panel.
+ */
+declare class SidenavComponent implements OnDestroy {
+    private _bodyOverflowStyle?;
+    private _sidenavContainer;
+    private _vcr;
+    private _renderer;
+    private _backdropRef?;
+    private _backdropClickHandlerUnlisten?;
+    private _platformId;
+    protected _isPlatformServer: boolean;
+    private _resizeSubscription?;
+    private readonly _elementRef;
+    /**
+     * Whether the sidenav is open.
+     */
+    open: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sidenav mode.
+     * Determines how the sidenav is displayed.
+     * Can be either 'push' or 'over'.
+     * - 'push': The content is pushed aside to make room for the sidenav.
+     * - 'over': The sidenav is displayed on top of the content.
+     */
+    mode: i0.InputSignal<SidenavMode>;
+    /**
+     * Whether the sidenav has a backdrop.
+     * The backdrop is shown only when the sidenav is open and mode is 'over'.
+     */
+    hasBackdrop: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sidenav z-index.
+     * Determines the stack order of the sidenav.
+     */
+    zIndex: i0.InputSignalWithTransform<number, unknown>;
+    /**
+     * Sidenav position.
+     * Determines the position of the sidenav.
+     * Can be either 'start', 'end', 'top', or 'bottom'.
+     */
+    position: i0.InputSignal<SidenavPosition>;
+    /**
+     * Sidenav size.
+     * Determines the size of the sidenav.
+     * Can be either 'small', 'medium', 'large', 'full', or a specific value.
+     * If a specific value is provided, it will be used as the width/height of the sidenav.
+     * @example
+     * - 100, '300px', '50%', '50vh', 'small', 'full', ...
+     */
+    size: i0.InputSignal<SidenavSize>;
+    /**
+     * Whether the sidenav is fixed in the viewport.
+     */
+    fixedInViewport: i0.InputSignalWithTransform<boolean, unknown>;
+    elmentRef: ElementRef<any>;
+    /**
+     * Emits when the backdrop is clicked.
+     */
+    backdropClick: EventEmitter<PointerEvent>;
+    constructor();
+    _getFixedSize(): string | undefined;
+    private _observeResize;
+    private _createBackdrop;
+    private _destroyBackdrop;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidenavComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fixedInViewport": { "alias": "fixedInViewport"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Sidenav container component
+ */
+declare class SidenavContainerComponent implements AfterViewInit {
+    private _platformId;
+    protected _isPlatformServer: boolean;
+    protected _isTransitionEnabled: boolean;
+    protected _sidenavs: QueryList<SidenavComponent>;
+    /**
+     * Emitted when the backdrop is clicked.
+     */
+    backdropClick: EventEmitter<any>;
+    changeDetectorRef: ChangeDetectorRef;
+    protected _getPadding(position: SidenavPosition): string | undefined;
+    ngAfterViewInit(): void;
+    protected _canComputePadding(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContainerComponent, "ng0-sidenav-container", never, {}, { "backdropClick": "backdropClick"; }, ["_sidenavs"], ["ng0-sidenav-content", "*"], true, never>;
+}
+
+/**
+ * Sidenav content component
+ */
+declare class SidenavContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContentComponent, "ng0-sidenav-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Sidenav module
+ */
+declare class SidenavModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidenavModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SidenavModule, never, [typeof SidenavContainerComponent, typeof SidenavComponent, typeof SidenavContentComponent], [typeof SidenavContainerComponent, typeof SidenavComponent, typeof SidenavContentComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SidenavModule>;
+}
+
+export { SidenavComponent, SidenavContainerComponent, SidenavContentComponent, SidenavModule };
+export type { SidenavMode, SidenavPosition, SidenavSize };

package/components/table/index.d.ts

@@ -1,39 +1,152 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnInit, AfterContentInit, OnDestroy, QueryList, DestroyRef } from '@angular/core';
+import { OnInit, TemplateRef, AfterContentInit, OnDestroy, QueryList, DestroyRef } from '@angular/core';
 import { formatString } from '@bootkit/ng0/common';
-import { DataLoader, DataSource } from '@bootkit/ng0/data';
+import { LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';
+import { DataSourceLike, DataResult, DataRequest, DataSource } from '@bootkit/ng0/data';
 
-type DataTableColumnBadgeValueType = string | number | boolean;
-declare class TableColumnDirective {
-    field?: string;
-    title?: string;
-    emptyCellText?: string;
-    /** Column type */
-    type: 'text' | 'number' | 'currency' | 'date' | 'time' | {
-        enum?: string;
-        boolean?: {
-            falseKey?: string;
-            trueKey?: string;
-        };
-        currency?: string;
+/**
+ * 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;
     };
-    template?: TemplateRef<any>;
-    cellClass?: string | string[] | {
-        [klass: string]: any;
-    } | null | undefined;
-    shrink: boolean;
-    bold: boolean;
-    badge?: {
-        primary?: DataTableColumnBadgeValueType;
-        secondary?: DataTableColumnBadgeValueType;
-        success?: DataTableColumnBadgeValueType;
+    /** Boolean formatting options */
+    boolean?: {
+        false?: string;
+        true?: string;
     };
-    filterable: boolean;
-    filterValue?: string;
-    filterField?: 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; }; "title": { "alias": "title"; "required": false; }; "emptyCellText": { "alias": "emptyCellText"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "shrink": { "alias": "shrink"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "filterField": { "alias": "filterField"; "required": false; }; }, {}, ["template"], never, true, 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 {
@@ -44,48 +157,44 @@ declare class TableDetailRowDirective {
     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<any[] | DataLoader | DataSource<any> | null | undefined>;
+    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.InputSignal<boolean>;
+    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.InputSignal<boolean>;
+    showRowNumbers: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will show the header row.
      */
-    showHeader: _angular_core.InputSignal<boolean>;
+    showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will support pagination.
      * If false, the table will load all records at once.
      */
-    pagable: _angular_core.InputSignal<boolean>;
+    pageable: _angular_core.InputSignalWithTransform<TablePagingOptions | undefined, boolean | TablePagingOptions>;
     /**
-     * If true, the table will show a pagination controls at the bottom.
-     */
-    showPagination: _angular_core.InputSignal<boolean>;
-    /**
-     * The number of records to show per page.
-     * This is only used if pagable is true.
+     * If true, the table will support sorting.
+     * This will add a sort icon to each column header.
      */
-    pageSize: _angular_core.InputSignal<number>;
-    /**
-     * The current page index.
-     * This is only used if pagable is true.
-     * The first page is 0.
-     */
-    pageIndex: _angular_core.InputSignal<number>;
+    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.
@@ -99,36 +208,60 @@ declare class TableComponent implements OnInit, AfterContentInit, OnDestroy {
      * 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.InputSignal<boolean>;
+    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 _data?: any[];
-    protected _totalRecords?: number;
-    protected _totalPages?: number;
+    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;
-    constructor(_destroyRef: DestroyRef);
+    protected _pagingFormatter: TableComponentPagingFormatter;
+    protected _lastError?: any;
+    constructor(_ls: LocalizationService, _destroyRef: DestroyRef);
     ngOnInit(): void;
     ngAfterContentInit(): void;
-    reload(): void;
-    get loading(): boolean;
+    /**
+     * 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 onNextPageClick(): void;
-    protected onPreviousPageClick(): void;
-    protected onToggleRowDetailClick(row: any): void;
+    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; }; "pagable": { "alias": "pagable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "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; }; }, {}, ["_detailRow", "_columns"], never, true, 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 {
@@ -138,4 +271,3 @@ declare class TableModule {
 }
 
 export { TableColumnDirective, TableComponent, TableDetailRowDirective, TableModule };
-export type { DataTableColumnBadgeValueType };

package/components/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 import { TemplateRef, OnInit, OnDestroy, ElementRef, DestroyRef, ViewContainerRef } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 
@@ -10,21 +10,30 @@ declare class TooltipDirective implements OnInit, OnDestroy {
     private elementRef;
     private destroyRef;
     private viewRef;
-    content: _angular_core.InputSignal<string | TemplateRef<any> | null | undefined>;
-    placement: _angular_core.InputSignal<TooltipPlacement>;
+    content: i0.InputSignal<string | TemplateRef<any> | null | undefined>;
+    placement: i0.InputSignal<TooltipPlacement>;
     private portal;
     private overlayRef?;
     constructor(overlayService: Overlay, elementRef: ElementRef, destroyRef: DestroyRef, viewRef: ViewContainerRef);
     ngOnInit(): void;
-    private onMouseEnter;
-    private onMouseLeave;
-    private createOverlay;
-    private disposeOverlay;
-    private getPositions;
+    private _onMouseEnter;
+    private _onMouseLeave;
+    private _createOverlay;
+    private _disposeOverlay;
+    private _getPositions;
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[ng0Tooltip]", ["ng0Tooltip"], { "content": { "alias": "ng0Tooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[ng0Tooltip]", ["ng0Tooltip"], { "content": { "alias": "ng0Tooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { TooltipDirective };
+/**
+ * Tooltip module.
+ */
+declare class TooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, never, [typeof TooltipDirective], [typeof TooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
+}
+
+export { TooltipDirective, TooltipModule };
 export type { TooltipContent, TooltipPlacement };

package/components/vertical-menu/index.d.ts

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class VerticalMenuArrowDirective {
+    readonly templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuArrowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VerticalMenuArrowDirective, "[ng0VerticalMenuArrow], [ng0VmenuArrow]", ["ng0VerticalMenuArrow"], {}, {}, never, never, true, never>;
+}
+
+declare class VerticalMenuComponent {
+    /**
+     * Whether to expand/collapse items when clicking on them
+     */
+    readonly expandItemsByClick: i0.InputSignal<boolean>;
+    readonly collapseTimings: i0.InputSignal<string | number>;
+    readonly arrowDirective?: VerticalMenuArrowDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuComponent, "ng0-vertical-menu, ng0-vmenu", never, { "expandItemsByClick": { "alias": "expandItemsByClick"; "required": false; "isSignal": true; }; "collapseTimings": { "alias": "collapseTimings"; "required": false; "isSignal": true; }; }, {}, ["arrowDirective"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemChildrenComponent {
+    menuItem: VerticalMenuItemComponent;
+    protected _menu: VerticalMenuComponent;
+    expanded: i0.ModelSignal<boolean>;
+    protected _items?: VerticalMenuItemComponent;
+    constructor(menuItem: VerticalMenuItemComponent, _menu: VerticalMenuComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemChildrenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemChildrenComponent, "ng0-vertical-menu-item-children, ng0-vmenu-item-children, ng0-vmenu-children", ["ng0VmenuItemChildren"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["_items"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemComponent {
+    protected _menu: VerticalMenuComponent;
+    readonly active: i0.ModelSignal<boolean>;
+    readonly children?: VerticalMenuItemChildrenComponent;
+    constructor(_menu: VerticalMenuComponent);
+    get hasChildren(): boolean;
+    get isExpanded(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemComponent, "ng0-vertical-menu-item, ng0-vmenu-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["children"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemContentComponent {
+    protected readonly _menu: VerticalMenuComponent;
+    protected readonly menuItem: VerticalMenuItemComponent;
+    protected _onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemContentComponent, "ng0-vertical-menu-item-content, ng0-vmenu-item-content, ng0-vmenu-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalMenuModule, never, [typeof VerticalMenuComponent, typeof VerticalMenuItemComponent, typeof VerticalMenuItemChildrenComponent, typeof VerticalMenuItemContentComponent, typeof VerticalMenuArrowDirective], [typeof VerticalMenuComponent, typeof VerticalMenuItemComponent, typeof VerticalMenuItemChildrenComponent, typeof VerticalMenuItemContentComponent, typeof VerticalMenuArrowDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VerticalMenuModule>;
+}
+
+export { VerticalMenuArrowDirective, VerticalMenuComponent, VerticalMenuItemChildrenComponent, VerticalMenuItemComponent, VerticalMenuItemContentComponent, VerticalMenuModule };