@bootkit/ng0 0.0.0-alpha.50 → 0.0.0-alpha.52

package/components/pagination/index.d.ts

@@ -1,34 +1,41 @@
 import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
 
+/**
+ * Pagination component for displaying page numbers and navigation controls.
+ * It calculates the total number of pages based on the total records and page size,
+ * and determines which page numbers to display based on the selected page and maximum visible pages.
+ */
 declare class PaginationComponent {
     /**
      * Total number of records.
      */
-    readonly totalRecords: _angular_core.InputSignal<number>;
+    readonly totalRecords: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Page size. Number of items in each page.
+     * @default 10
      */
-    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Zero-based index of the selected page.
+     * @default 0
      */
-    readonly selectedPage: _angular_core.InputSignal<number>;
+    readonly selectedPage: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Maximum number of visible pages.
-     * Default is 10.
+     * @default 10
      */
-    readonly maxVisiblePages: _angular_core.InputSignal<number>;
+    readonly maxVisiblePages: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Show first and last buttons.
-     * Default is true.
+     * @default true
      */
-    readonly showNextPreviousButtons: _angular_core.InputSignal<boolean | undefined>;
+    readonly showNextPreviousButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Show first and last buttons.
-     * Default is true.
+     * @default true
      */
-    readonly showFirstLastButtons: _angular_core.InputSignal<boolean | undefined>;
+    readonly showFirstLastButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Total number of pages.
      * This is a computed property based on totalRecords and pageSize.
@@ -42,7 +49,6 @@ declare class PaginationComponent {
     readonly itemClick: EventEmitter<number>;
     protected _totalPagesCount: number;
     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; }; "showNextPreviousButtons": { "alias": "showNextPreviousButtons"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["first", "previous", "next", "last"], true, never>;
 }

package/components/select/index.d.ts

@@ -4,7 +4,7 @@ import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { DataSource, DataSourceLike } from '@bootkit/ng0/data';
 import { ControlValueAccessor } from '@angular/forms';
-import { FlexibleConnectedPositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { ScrollStrategy, ConnectedPosition } from '@angular/cdk/overlay';
 import { ListItemSelectEvent } from '@bootkit/ng0/components/list';
 
 /**
@@ -20,10 +20,9 @@ declare class SelectComponent implements ControlValueAccessor {
     protected readonly _sourceItems: _angular_core.WritableSignal<any[] | undefined>;
     protected readonly _selectedItems: Set<any>;
     protected readonly _isDisabled: _angular_core.WritableSignal<boolean>;
-    protected _positionStrategy: FlexibleConnectedPositionStrategy;
     protected _scrollStrategy: ScrollStrategy;
+    protected _positions: ConnectedPosition[];
     private readonly _overlay;
-    private readonly _localizationService;
     protected readonly _elementRef: ElementRef<any>;
     protected readonly _filterValue: _angular_core.WritableSignal<string>;
     private readonly _renderer;

package/components/table/index.d.ts

@@ -1,56 +1,17 @@
+import * as _bootkit_ng0_localization from '@bootkit/ng0/localization';
+import { LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';
 import * as _angular_core from '@angular/core';
 import { OnInit, TemplateRef, AfterContentInit, OnDestroy, QueryList } from '@angular/core';
 import { formatString } from '@bootkit/ng0/common';
-import { LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';
-import { DataResult, DataRequest, DataSource, DataSourceLike } from '@bootkit/ng0/data';
+import { DataResult, DataSource, DataSourceLike } from '@bootkit/ng0/data';
+import { ItemSelectEvent } from '@bootkit/ng0/components/select';
 
 /**
- * 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.
+ * Type of the table column.
  * 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' | {
+type TableColumnType = 'text' | 'number' | 'currency' | 'date' | 'time' | {
     /** Enum formatting options */
     enum?: {
         /** The name of the enum to use for translation */
@@ -66,74 +27,77 @@ type TableCellType = 'text' | 'number' | 'currency' | 'date' | 'time' | {
 };
 
 declare class TableColumnDirective implements OnInit {
+    private readonly _injector;
     /**
      * The field in the data source to bind to. If not set, the column will not display any data.
+     * @deprecated Use formatBy input.
      */
-    field: _angular_core.InputSignal<string | undefined>;
+    readonly field: _angular_core.InputSignal<string | undefined>;
+    /**
+     * A fromatter to convert each item to a string for display.
+     * This can be a function, a string (field name), or an array of formatters.
+     * If not set, the default formatter will be used, which simply calls toString() on the value.
+     */
+    readonly formatBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_localization.ObjectFormatter, _bootkit_ng0_localization.ObjectFormatterLike>;
     /**
      * The title of the column. This will be displayed in the header row.
      */
-    title: _angular_core.InputSignal<string | undefined>;
+    readonly 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>;
+    readonly emptyCellText: _angular_core.InputSignal<string | undefined>;
     /**
      * Type of the table cell.
      */
-    type: _angular_core.InputSignal<TableCellType>;
+    readonly type: _angular_core.InputSignal<TableColumnType>;
     /**
      * CSS class(es) to apply to the table cell.
      */
-    cellClass: _angular_core.InputSignal<string | {
+    readonly cellClass: _angular_core.InputSignal<string | {
         [klass: string]: any;
     } | string[] | null | undefined>;
     /**
      * @deprecated Use `cellClass` instead.
      */
-    bold: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly bold: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @deprecated Use `cellClass` instead.
      */
-    shrink: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly shrink: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the column will support filtering.
      */
-    filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly 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>;
+    readonly filterValue: _angular_core.ModelSignal<any>;
     /**
      * The current filter operator of the column.
      */
-    filterOperator: _angular_core.ModelSignal<string | undefined>;
+    readonly 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>;
+    readonly filterOperators: _angular_core.InputSignal<string[] | undefined>;
     /**
      * If true, the filter operators dropdown will be shown.
      */
-    showFilterOperators: _angular_core.WritableSignal<boolean>;
+    readonly 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>;
+    readonly fieldName: _angular_core.InputSignal<string | undefined>;
     /**
      * If true, the column will support sorting.
      */
-    sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * The current sort direction of the column.
      */
-    sortDirection: _angular_core.ModelSignal<"none" | "asc" | "desc">;
-    template?: TemplateRef<any>;
+    readonly sortDirection: _angular_core.ModelSignal<"none" | "asc" | "desc">;
+    readonly template?: TemplateRef<any>;
     constructor();
     ngOnInit(): void;
     /**
@@ -146,7 +110,7 @@ declare class TableColumnDirective implements OnInit {
      */
     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>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableColumnDirective, "ng0-table-col", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "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; }; "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 {
@@ -163,27 +127,24 @@ declare class TableDetailRowDirective {
  * It can be used with any data source that implements the DataSource interface.
  */
 declare class TableComponent implements AfterContentInit, OnDestroy {
-    protected _ls: LocalizationService;
-    private _destroyRef;
+    protected readonly _ls: LocalizationService;
+    private readonly _destroyRef;
     private _changeSubscription?;
     protected _columns: QueryList<TableColumnDirective>;
     protected _detailRow?: TableDetailRowDirective;
-    protected _dataResult: _angular_core.WritableSignal<DataResult<any> | undefined>;
-    protected _lastRequest?: DataRequest;
-    protected _loadingRequest?: DataRequest;
+    protected readonly _dataResult: _angular_core.WritableSignal<DataResult<any> | undefined>;
+    protected readonly _error: _angular_core.WritableSignal<undefined>;
     protected _rowStates: Map<any, {
         expanded: boolean;
     }>;
     protected _formatString: typeof formatString;
-    protected _dataSource: DataSource;
     protected _pagingFormatter: TableComponentPagingFormatter;
-    protected _lastError?: any;
     /**
      * 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.
      */
-    readonly source: _angular_core.InputSignal<DataSourceLike<any>>;
+    readonly source: _angular_core.InputSignalWithTransform<DataSource<any>, 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.
@@ -200,16 +161,58 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will support pagination.
-     * If false, the table will load all records at once.
      */
-    readonly pageable: _angular_core.InputSignalWithTransform<TablePagingOptions | undefined, boolean | TablePagingOptions>;
+    readonly pageable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The currently selected page in the table.
+     * @default 0
+     */
+    readonly pageIndex: _angular_core.ModelSignal<number>;
+    /**
+     * The number of records to display per page.
+     * @default 10
+     */
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    /**
+     * Maximum number of visible pages in the pagination controls.
+     * @default 10
+     */
+    readonly maxVisiblePages: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * If true, the table will show pagination controls at the bottom.
+     * This will allow users to navigate between pages of data.
+     * @default true
+     */
+    readonly showPagingControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show the first and last buttons in the pagination controls.
+     * @default true
+     */
+    readonly showFirstLastButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whetheer to show the next and previous buttons in the pagination controls.
+     * @default true
+     */
+    readonly showNextPreviousButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Array of page size options to display in the page size selector.
+     * If not provided, the default page size options will be used.
+     * @default true
+     */
+    readonly pageSizeOptions: _angular_core.InputSignal<number[] | undefined>;
+    /**
+     * Whether to show paging info at the bottom of the table.
+     * This will show the number of records displayed and total records.
+     * @default true
+     */
+    readonly showPagingInfo: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the table will support sorting.
      * This will add a sort icon to each column header.
      */
     readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * The CSS class to apply to the table element.
+     * The CSS class to apply to the internal table element.
      * This can be used to apply custom styles to the table.
      */
     readonly tableClass: _angular_core.InputSignal<string | string[] | undefined>;
@@ -234,17 +237,19 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     /**
      * The indicator to show while the table is loading data for the first time.
      */
-    readonly loadingIndicator: _angular_core.InputSignalWithTransform<"none" | "simple" | "spinner", boolean | "none" | "simple" | "spinner">;
+    readonly loadingIndicator: _angular_core.InputSignal<"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.
      */
-    readonly loadingCover: _angular_core.InputSignalWithTransform<"none" | "simple" | "spinner", boolean | "none" | "simple" | "spinner">;
+    readonly loadingCover: _angular_core.InputSignal<"none" | "simple" | "spinner">;
     ngAfterContentInit(): void;
     /**
-     * Load data for the specified page index (optional).
-     * @param pageIndex The page index to load.
+     * Loads data from the data source based on the current state of the table (pagination, sorting, filtering).
+     * This method can be called manually to refresh the data in the table.
+     * It will construct a DataRequest object based on the current pagination, sorting, and filtering settings,
+     * and then call the load method of the data source with that request.
      */
     load(pageIndex?: number): void;
     /**
@@ -257,9 +262,10 @@ declare class TableComponent implements AfterContentInit, OnDestroy {
     protected isRowExpanded(row: any): boolean;
     protected _onToggleFilterOperator(col: TableColumnDirective): void;
     protected _onSelectFilterOperator(col: TableColumnDirective, filterOperator: string): void;
+    _onPageSizeOptionsItemSelect(e: ItemSelectEvent): 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>;
+    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; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showPagingControls": { "alias": "showPagingControls"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "showNextPreviousButtons": { "alias": "showNextPreviousButtons"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPagingInfo": { "alias": "showPagingInfo"; "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; }; }, { "pageIndex": "pageIndexChange"; "pageSize": "pageSizeChange"; }, ["_detailRow", "_columns"], ["paging-first", "paging-last", "paging-next", "paging-previous", "paging-info"], true, never>;
 }
 
 declare class TableModule {

package/fesm2022/bootkit-ng0-components-pagination.mjs

@@ -1,36 +1,43 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, computed, Output, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, numberAttribute, booleanAttribute, EventEmitter, computed, Output, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { TranslatePipe } from '@bootkit/ng0/localization';
 
+/**
+ * Pagination component for displaying page numbers and navigation controls.
+ * It calculates the total number of pages based on the total records and page size,
+ * and determines which page numbers to display based on the selected page and maximum visible pages.
+ */
 class PaginationComponent {
     /**
      * Total number of records.
      */
-    totalRecords = input.required(...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
+    totalRecords = input.required(...(ngDevMode ? [{ debugName: "totalRecords", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Page size. Number of items in each page.
+     * @default 10
      */
-    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Zero-based index of the selected page.
+     * @default 0
      */
-    selectedPage = input(0, ...(ngDevMode ? [{ debugName: "selectedPage" }] : []));
+    selectedPage = input(0, ...(ngDevMode ? [{ debugName: "selectedPage", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Maximum number of visible pages.
-     * Default is 10.
+     * @default 10
      */
-    maxVisiblePages = input(10, ...(ngDevMode ? [{ debugName: "maxVisiblePages" }] : []));
+    maxVisiblePages = input(10, ...(ngDevMode ? [{ debugName: "maxVisiblePages", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Show first and last buttons.
-     * Default is true.
+     * @default true
      */
-    showNextPreviousButtons = input(true, ...(ngDevMode ? [{ debugName: "showNextPreviousButtons" }] : []));
+    showNextPreviousButtons = input(true, ...(ngDevMode ? [{ debugName: "showNextPreviousButtons", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * Show first and last buttons.
-     * Default is true.
+     * @default true
      */
-    showFirstLastButtons = input(true, ...(ngDevMode ? [{ debugName: "showFirstLastButtons" }] : []));
+    showFirstLastButtons = input(true, ...(ngDevMode ? [{ debugName: "showFirstLastButtons", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * Total number of pages.
      * This is a computed property based on totalRecords and pageSize.
@@ -77,11 +84,6 @@ class PaginationComponent {
         }
         return indices;
     }, ...(ngDevMode ? [{ debugName: "_visiblePages" }] : []));
-    _onPageChange(pageIndex) {
-        debugger;
-        console.log('click');
-        this.itemClick.emit(pageIndex);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: PaginationComponent, isStandalone: true, selector: "ng0-pagination", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, selectedPage: { classPropertyName: "selectedPage", publicName: "selectedPage", isSignal: true, isRequired: false, transformFunction: null }, maxVisiblePages: { classPropertyName: "maxVisiblePages", publicName: "maxVisiblePages", isSignal: true, isRequired: false, transformFunction: null }, showNextPreviousButtons: { classPropertyName: "showNextPreviousButtons", publicName: "showNextPreviousButtons", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastButtons: { classPropertyName: "showFirstLastButtons", publicName: "showFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, exportAs: ["ng0Pagination"], ngImport: i0, template: "@let _selectedPage = selectedPage();\n\n<nav>\n  <ul class=\"pagination\">\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(1)\">\n        <ng-content select=\"first\">\n          {{'first' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! - 1)\">\n        <ng-content select=\"previous\">\n          {{'previous' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @for (page of _visiblePages(); track page) {\n    <li class=\"page-item\" [class.active]=\"_selectedPage === page\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(page)\">\n        {{page + 1}}\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! + 1)\">\n        <ng-content select=\"next\">\n          {{'next' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_totalPagesCount)\">\n        <ng-content select=\"last\">\n          {{'last' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n  </ul>\n</nav>\n\n<style>\n  .pagination {\n    margin: 0;\n  }\n</style>", styles: [".pagination{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "ng0Translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }

package/fesm2022/bootkit-ng0-components-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-pagination.mjs","sources":["../../../projects/ng0/components/pagination/pagination.component.ts","../../../projects/ng0/components/pagination/pagination.component.html","../../../projects/ng0/components/pagination/pagination.module.ts","../../../projects/ng0/components/pagination/bootkit-ng0-components-pagination.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, input, computed, Output, EventEmitter } from '@angular/core';\nimport { TranslatePipe } from '@bootkit/ng0/localization';\n\n@Component({\n  selector: 'ng0-pagination',\n  exportAs: 'ng0Pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    CommonModule,\n    TranslatePipe\n  ]\n})\nexport class PaginationComponent {\n  /**\n   * Total number of records.\n   */\n  public readonly totalRecords = input.required<number>();\n\n  /**\n   * Page size. Number of items in each page.\n   */\n  public readonly pageSize = input<number>(10);\n\n  /** \n   * Zero-based index of the selected page.\n   */\n  public readonly selectedPage = input<number>(0);\n\n  /**\n   * Maximum number of visible pages.\n   * Default is 10.\n   */\n  public readonly maxVisiblePages = input<number>(10);\n\n  /**\n   * Show first and last buttons.\n   * Default is true.\n   */\n  public readonly showNextPreviousButtons = input<boolean | undefined>(true);\n\n  /**\n   * Show first and last buttons.\n   * Default is true.\n   */\n  public readonly showFirstLastButtons = input<boolean | undefined>(true);\n\n  /**\n   * Total number of pages.\n   * This is a computed property based on totalRecords and pageSize.\n   * It is not an input property.\n   */\n  public get totalPagesCount() { return this._totalPagesCount; }\n\n  /** \n   * Emits the selected page index when a page is clicked.\n   * The index starts from 1.\n   */\n  @Output() public readonly itemClick = new EventEmitter<number>();\n\n  protected _totalPagesCount!: number;\n\n  protected _visiblePages = computed(() => {\n    let selectedPage = this.selectedPage();\n    let totalRecords = this.totalRecords();\n    let pageSize = this.pageSize();\n\n    if (!Number.isInteger(totalRecords) || totalRecords < 0) {\n      throw new Error('Total items must be a posotive integer.');\n    }\n\n    if (!Number.isInteger(pageSize) || pageSize <= 0) {\n      throw new Error('Page size must be a posotive integer.');\n    }\n\n    this._totalPagesCount = Math.ceil(totalRecords / pageSize);\n\n    if (selectedPage < 0 || selectedPage > this._totalPagesCount) {\n      throw new Error(`Selected page index must be between 0 and ${this._totalPagesCount - 1}.`);\n    }\n\n    let indices = [];\n    let firstVisiblePage = selectedPage;\n    let lastVisiblePage = firstVisiblePage;\n    let maxVisiblePages = this.maxVisiblePages();\n    indices.push(firstVisiblePage);\n\n    for (let i = 0; i < maxVisiblePages; i++) {\n      if (lastVisiblePage < this._totalPagesCount - 1) {\n        lastVisiblePage++;\n        indices.push(lastVisiblePage);\n      }\n\n      if (indices.length >= maxVisiblePages) {\n        break;\n      }\n\n      if (firstVisiblePage > 0) {\n        firstVisiblePage--;\n        indices.unshift(firstVisiblePage);\n      }\n    }\n\n    return indices;\n  });\n\n  public _onPageChange(pageIndex: number) {\n    debugger\n    console.log('click')\n    this.itemClick.emit(pageIndex);\n  }\n\n}\n","@let _selectedPage = selectedPage();\n\n<nav>\n  <ul class=\"pagination\">\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(1)\">\n        <ng-content select=\"first\">\n          {{'first' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! - 1)\">\n        <ng-content select=\"previous\">\n          {{'previous' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @for (page of _visiblePages(); track page) {\n    <li class=\"page-item\" [class.active]=\"_selectedPage === page\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(page)\">\n        {{page + 1}}\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! + 1)\">\n        <ng-content select=\"next\">\n          {{'next' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_totalPagesCount)\">\n        <ng-content select=\"last\">\n          {{'last' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n  </ul>\n</nav>\n\n<style>\n  .pagination {\n    margin: 0;\n  }\n</style>","import { NgModule } from '@angular/core';\nimport { PaginationComponent } from './pagination.component';\n\n@NgModule({\n    imports: [\n        PaginationComponent\n    ],\n    exports: [\n        PaginationComponent\n    ]\n})\nexport class PaginationModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-pagination.mjs","sources":["../../../projects/ng0/components/pagination/pagination.component.ts","../../../projects/ng0/components/pagination/pagination.component.html","../../../projects/ng0/components/pagination/pagination.module.ts","../../../projects/ng0/components/pagination/bootkit-ng0-components-pagination.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, input, computed, Output, EventEmitter, booleanAttribute, numberAttribute } from '@angular/core';\nimport { TranslatePipe } from '@bootkit/ng0/localization';\n\n/**\n * Pagination component for displaying page numbers and navigation controls.\n * It calculates the total number of pages based on the total records and page size,\n * and determines which page numbers to display based on the selected page and maximum visible pages.\n */\n@Component({\n  selector: 'ng0-pagination',\n  exportAs: 'ng0Pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    CommonModule,\n    TranslatePipe\n  ]\n})\nexport class PaginationComponent {\n  /**\n   * Total number of records.\n   */\n  public readonly totalRecords = input.required({ transform: numberAttribute });\n\n  /**\n   * Page size. Number of items in each page.\n   * @default 10\n   */\n  public readonly pageSize = input(10, { transform: numberAttribute });\n\n  /** \n   * Zero-based index of the selected page.\n   * @default 0\n   */\n  public readonly selectedPage = input(0, { transform: numberAttribute });\n\n  /**\n   * Maximum number of visible pages.\n   * @default 10\n   */\n  public readonly maxVisiblePages = input(10, { transform: numberAttribute });\n\n  /**\n   * Show first and last buttons.\n   * @default true\n   */\n  public readonly showNextPreviousButtons = input(true, { transform: booleanAttribute });\n\n  /**\n   * Show first and last buttons.\n   * @default true\n   */\n  public readonly showFirstLastButtons = input(true, { transform: booleanAttribute });\n\n  /**\n   * Total number of pages.\n   * This is a computed property based on totalRecords and pageSize.\n   * It is not an input property.\n   */\n  public get totalPagesCount() { return this._totalPagesCount; }\n\n  /** \n   * Emits the selected page index when a page is clicked.\n   * The index starts from 1.\n   */\n  @Output() public readonly itemClick = new EventEmitter<number>();\n\n  protected _totalPagesCount!: number;\n\n  protected _visiblePages = computed(() => {\n    let selectedPage = this.selectedPage();\n    let totalRecords = this.totalRecords();\n    let pageSize = this.pageSize();\n\n    if (!Number.isInteger(totalRecords) || totalRecords < 0) {\n      throw new Error('Total items must be a posotive integer.');\n    }\n\n    if (!Number.isInteger(pageSize) || pageSize <= 0) {\n      throw new Error('Page size must be a posotive integer.');\n    }\n\n    this._totalPagesCount = Math.ceil(totalRecords / pageSize);\n\n    if (selectedPage < 0 || selectedPage > this._totalPagesCount) {\n      throw new Error(`Selected page index must be between 0 and ${this._totalPagesCount - 1}.`);\n    }\n\n    let indices = [];\n    let firstVisiblePage = selectedPage;\n    let lastVisiblePage = firstVisiblePage;\n    let maxVisiblePages = this.maxVisiblePages();\n    indices.push(firstVisiblePage);\n\n    for (let i = 0; i < maxVisiblePages; i++) {\n      if (lastVisiblePage < this._totalPagesCount - 1) {\n        lastVisiblePage++;\n        indices.push(lastVisiblePage);\n      }\n\n      if (indices.length >= maxVisiblePages) {\n        break;\n      }\n\n      if (firstVisiblePage > 0) {\n        firstVisiblePage--;\n        indices.unshift(firstVisiblePage);\n      }\n    }\n\n    return indices;\n  });\n}\n","@let _selectedPage = selectedPage();\n\n<nav>\n  <ul class=\"pagination\">\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(1)\">\n        <ng-content select=\"first\">\n          {{'first' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage <= 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! - 1)\">\n        <ng-content select=\"previous\">\n          {{'previous' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @for (page of _visiblePages(); track page) {\n    <li class=\"page-item\" [class.active]=\"_selectedPage === page\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(page)\">\n        {{page + 1}}\n      </button>\n    </li>\n    }\n\n    @if(showNextPreviousButtons() || showNextPreviousButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_selectedPage! + 1)\">\n        <ng-content select=\"next\">\n          {{'next' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n\n    @if(showFirstLastButtons() || showFirstLastButtons() == undefined) {\n    <li class=\"page-item\" [class.disabled]=\"_selectedPage == undefined || _selectedPage >= _totalPagesCount - 1\">\n      <button class=\"page-link\" (click)=\"itemClick.emit(_totalPagesCount)\">\n        <ng-content select=\"last\">\n          {{'last' | ng0Translate}}\n        </ng-content>\n      </button>\n    </li>\n    }\n  </ul>\n</nav>\n\n<style>\n  .pagination {\n    margin: 0;\n  }\n</style>","import { NgModule } from '@angular/core';\nimport { PaginationComponent } from './pagination.component';\n\n@NgModule({\n    imports: [\n        PaginationComponent\n    ],\n    exports: [\n        PaginationComponent\n    ]\n})\nexport class PaginationModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}