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

package/common/index.d.ts

@@ -4,9 +4,17 @@ type Placement = 'start' | 'end' | 'top' | 'bottom';
 type Alignment = 'start' | 'center' | 'end';
 declare const RTL: InjectionToken<boolean>;
 
+interface ClaimObject {
+    all?: string[];
+    any?: string[];
+}
+type ClaimLike = string | ClaimObject;
+
 declare function numberRange(start: number, end: number): number[];
 declare function fillArray(start: number, end: number): number[];
 declare function flipPlacement(placement: Placement): "start" | "end" | "top" | "bottom";
 
-export { RTL, fillArray, flipPlacement, numberRange };
-export type { Alignment, Placement };
+declare function formatString(str: string, ...args: any[]): string;
+
+export { RTL, fillArray, flipPlacement, formatString, numberRange };
+export type { Alignment, ClaimLike, ClaimObject, Placement };

package/components/accordion/index.d.ts

@@ -5,7 +5,7 @@ declare class AccordionItemComponent {
     private _element;
     private _renderer;
     private _accordion;
-    header: i0.InputSignal<string>;
+    header: i0.InputSignal<string | undefined>;
     collapsed: i0.ModelSignal<boolean>;
     constructor(_element: ElementRef, _renderer: Renderer2, _accordion: AccordionComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;

package/components/button/index.d.ts

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, Renderer2, DestroyRef } from '@angular/core';
+import { HttpService } from '@bootkit/ng0/http';
+
+declare class ButtonDirective implements OnInit, OnDestroy {
+    private _element;
+    private _renderer;
+    private _http;
+    private _destroyRef;
+    private _loadingElement;
+    /**
+     * The IDs of the HTTP requests that this button listens to.
+     * If one of these requests is in progress, it will show a loading indicator or will be disabled based on 'showLoading' and 'disableOnLoading' properties.
+     */
+    request: i0.InputSignal<string | string[] | undefined>;
+    /**
+     * Whether the button is disabled or not.
+     */
+    disabled: i0.ModelSignal<boolean>;
+    /**
+     * Whether to wait for the HTTP response before enabling the button again.
+     * If true, the button will remain disabled until the HTTP request completes.
+     * This is useful for preventing multiple clicks while waiting for a response.
+     * Default is true.
+     */
+    disableDuringRequest: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show a loading indicator when the HTTP request is in progress.
+     * If true, a loading spinner will be displayed on the button while the request is being processed.
+     * Default is true.
+     */
+    loadingIndicator: i0.InputSignalWithTransform<boolean, unknown>;
+    constructor(_element: ElementRef, _renderer: Renderer2, _http: HttpService, _destroyRef: DestroyRef);
+    ngOnInit(): void;
+    private _showLoading;
+    private _hideLoading;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "button[ng0Button], a[ng0Button], input[type=button][ng0Button], input[type=submit][ng0Button], input[type=reset][ng0Button]", ["ng0Button"], { "request": { "alias": "request"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableDuringRequest": { "alias": "disableDuringRequest"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+declare class ButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof ButtonDirective], [typeof ButtonDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
+}
+
+export { ButtonDirective, ButtonModule };

package/components/card/index.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
+
+declare class CardComponent {
+    private _element;
+    private _renderer;
+    header: i0.InputSignal<string | undefined>;
+    constructor(_element: ElementRef, _renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ng0-card", ["ng0Card"], { "header": { "alias": "header"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardHeaderComponent {
+    private _element;
+    private _renderer;
+    constructor(_element: ElementRef, _renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "ng0-card-header", ["ng0CardHeader"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, never, [typeof CardComponent, typeof CardHeaderComponent], [typeof CardComponent, typeof CardHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
+}
+
+export { CardComponent, CardHeaderComponent, CardModule };

package/components/code/index.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
+
+type CodeFormatterFunc = (code: string) => string;
+declare class CodeFormatter {
+    readonly name: string;
+    readonly format: CodeFormatterFunc;
+    constructor(name: string, format: CodeFormatterFunc);
+}
+
+declare class CodeFormatters {
+    private _formatters;
+    constructor();
+    add(name: string, func: CodeFormatterFunc): CodeFormatter;
+    find(name: string): CodeFormatter | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeFormatters, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CodeFormatters>;
+}
+
+declare class CodeComponent {
+    private formatters;
+    private domSanitizer;
+    /** Code formatter name */
+    formatter: i0.InputSignal<string>;
+    /** Code */
+    code: i0.InputSignal<string>;
+    protected _safeHtml: i0.Signal<_angular_platform_browser.SafeHtml | undefined>;
+    constructor(formatters: CodeFormatters, domSanitizer: DomSanitizer);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "ng0-code", ["ng0Code"], { "formatter": { "alias": "formatter"; "required": true; "isSignal": true; }; "code": { "alias": "code"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CodeComponent, CodeFormatter, CodeFormatters };
+export type { CodeFormatterFunc };

package/components/confirmation/index.d.ts

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { DialogRef, Dialog } from '@angular/cdk/dialog';
+
+interface ConfirmationConfig {
+    message?: string;
+    title?: string;
+    icon?: 'loading' | 'check';
+    /** automaticaly close confirmation after confirmation/cancelation. default is true */
+    autoClose?: boolean;
+}
+declare class ConfirmationRef {
+    private _dialogRef;
+    private _config;
+    private _configChangeSubject;
+    configChanged: rxjs.Observable<ConfirmationConfig>;
+    private _confirmSubject;
+    confirmed: rxjs.Observable<unknown>;
+    private _cancelSubject;
+    canceled: rxjs.Observable<unknown>;
+    constructor(_dialogRef: DialogRef<any, any>, _config: ConfirmationConfig);
+    confirm(): void;
+    cancel(): void;
+    close(): void;
+    update(config: ConfirmationConfig): void;
+}
+
+declare class ConfirmationComponent implements OnInit {
+    confirmationRef: ConfirmationRef;
+    _config?: ConfirmationConfig;
+    _clicked: boolean;
+    constructor();
+    _onClick(result: boolean): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationComponent, "ng0-confirmation", ["ng0Confirmation"], {}, {}, never, never, true, never>;
+}
+
+declare class ConfirmationService {
+    private dialog;
+    constructor(dialog: Dialog);
+    open(config?: ConfirmationConfig): ConfirmationRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationService>;
+}
+
+declare class ConfirmationDirective {
+    private confirmationService;
+    config?: ConfirmationConfig;
+    confirm: EventEmitter<ConfirmationRef>;
+    cancel: EventEmitter<ConfirmationRef>;
+    constructor(confirmationService: ConfirmationService);
+    private _onClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConfirmationDirective, "[ng0Confirmation]", ["ng0Confirmation"], { "config": { "alias": "config"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, never, true, never>;
+}
+
+declare class ConfirmationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmationModule, never, [typeof ConfirmationComponent, typeof ConfirmationDirective], [typeof ConfirmationComponent, typeof ConfirmationDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmationModule>;
+}
+
+export { ConfirmationComponent, ConfirmationDirective, ConfirmationModule, ConfirmationRef, ConfirmationService };
+export type { ConfirmationConfig };

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

@@ -12,12 +12,12 @@ declare class FormFieldComponent implements OnInit, AfterContentInit, OnDestroy
     /**
      * The label text for the form field.
      */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
     /**
      * The hint text to display below the form field.
      * This is typically used to provide additional information or instructions to the user.
      */
-    hint: _angular_core.InputSignal<string>;
+    hint: _angular_core.InputSignal<string | undefined>;
     /**
      * If true, the form-field will show validation errors.
      * This is useful for displaying validation messages when the form control is invalid.
@@ -40,7 +40,7 @@ declare class FormFieldComponent implements OnInit, AfterContentInit, OnDestroy
     /**
      * Returns the first localized error of the control
      */
-    get errorText(): string;
+    get errorText(): string | undefined;
     /** Reports whether the control is touched. */
     get touched(): boolean | null | undefined;
     /** Reports whether the control is dirty. */

package/components/modal/index.d.ts

@@ -9,7 +9,7 @@ declare class ModalComponent {
     /** Is modal vertically centered? */
     centered: _angular_core.InputSignal<boolean>;
     size: _angular_core.InputSignal<"sm" | "default" | "lg" | "xl">;
-    fullscreen: _angular_core.InputSignal<"sm" | "lg" | "xl" | "always" | "md" | "xxl">;
+    fullscreen: _angular_core.InputSignal<"sm" | "lg" | "xl" | "always" | "md" | "xxl" | undefined>;
     closeRequest: EventEmitter<ModalCloseRequest>;
     backdropClick: EventEmitter<any>;
     protected _modalStatic: _angular_core.WritableSignal<boolean>;

package/components/pagination/index.d.ts

@@ -16,7 +16,7 @@ declare class PaginationComponent {
     showLastButton: _angular_core.InputSignal<boolean>;
     get totalPagesCount(): number;
     protected _totalPagesCount: number;
-    protected _visiblePages: _angular_core.Signal<any[]>;
+    protected _visiblePages: _angular_core.Signal<number[]>;
     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>;
 }

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/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,141 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, AfterContentInit, OnDestroy, QueryList, DestroyRef } from '@angular/core';
+import { formatString } from '@bootkit/ng0/common';
+import { DataLoader, 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;
+    };
+    template?: TemplateRef<any>;
+    cellClass?: string | string[] | {
+        [klass: string]: any;
+    } | null | undefined;
+    shrink: boolean;
+    bold: boolean;
+    badge?: {
+        primary?: DataTableColumnBadgeValueType;
+        secondary?: DataTableColumnBadgeValueType;
+        success?: DataTableColumnBadgeValueType;
+    };
+    filterable: boolean;
+    filterValue?: string;
+    filterField?: string;
+    constructor();
+    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>;
+}
+
+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>;
+}
+
+declare class TableComponent implements OnInit, AfterContentInit, OnDestroy {
+    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>;
+    /**
+     * 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>;
+    /**
+     * 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>;
+    /**
+     * If true, the table will show the header row.
+     */
+    showHeader: _angular_core.InputSignal<boolean>;
+    /**
+     * If true, the table will support pagination.
+     * If false, the table will load all records at once.
+     */
+    pagable: _angular_core.InputSignal<boolean>;
+    /**
+     * 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.
+     */
+    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>;
+    /**
+     * 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>;
+    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>;
+    protected _columns: QueryList<TableColumnDirective>;
+    protected _detailRow?: TableDetailRowDirective;
+    protected _data?: any[];
+    protected _totalRecords?: number;
+    protected _totalPages?: number;
+    protected _rowStates: Map<any, {
+        expanded: boolean;
+    }>;
+    protected _formatString: typeof formatString;
+    private _changeSubscription?;
+    protected _dataSource: DataSource;
+    constructor(_destroyRef: DestroyRef);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    reload(): void;
+    get loading(): boolean;
+    protected _getCellValue(row: any, col: TableColumnDirective): any;
+    protected onNextPageClick(): void;
+    protected onPreviousPageClick(): void;
+    protected onToggleRowDetailClick(row: any): void;
+    protected isRowExpanded(row: any): boolean;
+    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>;
+}
+
+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 };
+export type { DataTableColumnBadgeValueType };

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;

package/components/tooltip/index.d.ts

@@ -10,7 +10,7 @@ declare class TooltipDirective implements OnInit, OnDestroy {
     private elementRef;
     private destroyRef;
     private viewRef;
-    content: _angular_core.InputSignal<string | TemplateRef<any>>;
+    content: _angular_core.InputSignal<string | TemplateRef<any> | null | undefined>;
     placement: _angular_core.InputSignal<TooltipPlacement>;
     private portal;
     private overlayRef?;

package/data/index.d.ts

@@ -1,74 +1,109 @@
 import * as rxjs from 'rxjs';
-import { Subject, Observable } from 'rxjs';
+import { Observable } from 'rxjs';
 
+/**
+ * DataRequest class represents a request for data with pagination, filtering, sorting, and field selection.
+ * It is used to encapsulate the parameters needed to fetch data from a data source.
+ * It can be used with various data sources such as HTTP services, in-memory arrays, etc.
+ *
+ */
 declare class DataRequest {
-    pageIndex: number;
-    pageSize: number;
-    computeTotal: boolean;
-    filters: DataRequestFilter[];
+    page?: DataRequestPage;
+    filters?: DataRequestFilter[];
     sort?: DataRequestSort;
-    constructor(pageIndex?: number, pageSize?: number, computeTotal?: boolean, filters?: DataRequestFilter[], sort?: DataRequestSort);
-    addFilter(field: string, value: string, operator?: DataRequestFilterOperator): this;
-    sortDescending(field: string): this;
-    sortAscending(field: string): this;
-    static all(): DataRequest;
+    select?: string[];
+    computeTotal?: boolean;
+    constructor(options?: {
+        pageIndex?: number;
+        pageSize?: number;
+        filters?: DataRequestFilter[];
+        sort?: DataRequestSort;
+        select?: string[];
+        computeTotal?: boolean;
+    });
 }
-declare class DataRequestSort {
+/**
+ * Represents a page in a DataRequest.
+ * @property index The index of the page (0-based).
+ * @property size The size of the page (number of items per page).
+ */
+interface DataRequestPage {
+    index: number;
+    size: number;
+}
+/**
+ * Represents a sorting option in a DataRequest.
+ * @property field The field to sort by.
+ * @property asc Whether to sort in ascending order.
+ */
+interface DataRequestSort {
     field: string;
-    asc: boolean;
-    constructor(field: string, asc?: boolean);
+    asc?: boolean;
 }
-declare class DataRequestFilter {
+/**
+ * Represents a filter in a DataRequest.
+ * @property field The field to filter by.
+ * @property value The value to filter by.
+ * @property operator The operator to use for filtering.
+ */
+interface DataRequestFilter {
     field: string;
     value?: string;
-    operator: DataRequestFilterOperator;
-    constructor(field: string, value?: string, operator?: DataRequestFilterOperator);
-}
-declare enum DataRequestFilterOperator {
-    EQ = 0,
-    NEQ = 1,
-    LT = 2,
-    LTE = 3,
-    GT = 4,
-    GTE = 5,
-    LI = 6,
-    SW = 7
+    operator: any;
 }
 
 declare class DataResult<T = any> {
-    readonly request: DataRequest;
     readonly data: T[];
-    readonly total?: number;
-    constructor(request: DataRequest, data: T[], total?: number);
+    readonly total?: number | undefined;
+    constructor(data: T[], total?: number | undefined);
 }
 
 declare abstract class DataSource<T = any> {
     protected _loading: boolean;
-    protected changeSubject: Subject<unknown>;
-    readonly change: Observable<unknown>;
     constructor();
     get loading(): boolean;
     protected setLoading(value: boolean): void;
     abstract load(request: DataRequest): Observable<DataResult>;
 }
 
-type DataLoaderFunc = (request: DataRequest) => Observable<DataResult>;
+/**
+ * DataLoader is a function that takes a DataRequest and returns an Observable of DataResult.
+ * It is used by AsyncDataSource to load data asynchronously.
+ */
+type DataLoader = (request: DataRequest) => Observable<DataResult>;
+/**
+ * AsyncDataSource is a DataSource that loads data asynchronously using a DataLoader function.
+ * It is used to fetch data from a remote source, such as an API.
+ */
 declare class AsyncDataSource extends DataSource {
     private readonly loader;
-    constructor(loader: DataLoaderFunc);
+    constructor(loader: DataLoader);
     load(request: DataRequest): Observable<DataResult<any>>;
 }
 
 declare class ArrayDataSource extends DataSource {
     private items;
+    private _insertSubject;
+    private _updateSubject;
+    private _removeSubject;
+    readonly inserted: rxjs.Observable<{
+        items: any[];
+    }>;
+    readonly removed: rxjs.Observable<{
+        item: any;
+        index: number;
+    }>;
+    readonly updated: rxjs.Observable<{
+        item: any;
+        index: number;
+    }>;
     constructor(items: any[]);
     load(request: DataRequest): rxjs.Observable<DataResult<any>>;
     remove(item: any): void;
-    insert(item: any): void;
-    set(items: any[]): void;
+    insert(...items: any[]): void;
 }
 
 declare function toDataResult<T = any>(dr: DataRequest): (source: Observable<any>) => Observable<DataResult<T>>;
 
-export { ArrayDataSource, AsyncDataSource, DataRequest, DataRequestFilter, DataRequestFilterOperator, DataRequestSort, DataResult, DataSource, toDataResult };
-export type { DataLoaderFunc };
+export { ArrayDataSource, AsyncDataSource, DataRequest, DataResult, DataSource, toDataResult };
+export type { DataLoader, DataRequestFilter, DataRequestPage, DataRequestSort };

package/fesm2022/bootkit-ng0-common.mjs

@@ -25,9 +25,15 @@ function flipPlacement(placement) {
     }
 }
 
+function formatString(str, ...args) {
+    return str.replace(/\{(\d+)\}/g, function (match, index) {
+        return args[index];
+    });
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { RTL, fillArray, flipPlacement, numberRange };
+export { RTL, fillArray, flipPlacement, formatString, numberRange };
 //# sourceMappingURL=bootkit-ng0-common.mjs.map

package/fesm2022/bootkit-ng0-common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-common.mjs","sources":["../../../projects/ng0/common/types.ts","../../../projects/ng0/common/utils.ts","../../../projects/ng0/common/bootkit-ng0-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport type Placement = 'start' | 'end' | 'top' | 'bottom';\r\nexport type Alignment = 'start' | 'center' | 'end';\r\nexport const RTL = new InjectionToken<boolean>('RTL Direction');","import { Placement } from \"./types\";\r\n\r\nexport function numberRange(start: number, end: number) {\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start)\r\n}\r\n\r\nexport function fillArray(start: number, end: number): number[] {\r\n    const result: number[] = [];\r\n    for (let i = start; i <= end; i++) {\r\n        result.push(i);\r\n    }\r\n    return result;\r\n}\r\n\r\nexport function flipPlacement(placement: Placement) {\r\n    switch (placement) {\r\n        case 'bottom':\r\n            return 'top'\r\n        case 'top':\r\n            return 'bottom'\r\n        case 'start':\r\n            return 'end'\r\n        case 'end':\r\n            return 'start'\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAIa,GAAG,GAAG,IAAI,cAAc,CAAU,eAAe;;ACF9C,SAAA,WAAW,CAAC,KAAa,EAAE,GAAW,EAAA;IAClD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACvE;AAEgB,SAAA,SAAS,CAAC,KAAa,EAAE,GAAW,EAAA;IAChD,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/B,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;;AAElB,IAAA,OAAO,MAAM;AACjB;AAEM,SAAU,aAAa,CAAC,SAAoB,EAAA;IAC9C,QAAQ,SAAS;AACb,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,QAAQ;AACnB,QAAA,KAAK,OAAO;AACR,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,OAAO;;AAE1B;;ACzBA;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-common.mjs","sources":["../../../projects/ng0/common/types.ts","../../../projects/ng0/common/utils.ts","../../../projects/ng0/common/format-string.ts","../../../projects/ng0/common/bootkit-ng0-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport type Placement = 'start' | 'end' | 'top' | 'bottom';\r\nexport type Alignment = 'start' | 'center' | 'end';\r\nexport const RTL = new InjectionToken<boolean>('RTL Direction');","import { Placement } from \"./types\";\r\n\r\nexport function numberRange(start: number, end: number) {\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start)\r\n}\r\n\r\nexport function fillArray(start: number, end: number): number[] {\r\n    const result: number[] = [];\r\n    for (let i = start; i <= end; i++) {\r\n        result.push(i);\r\n    }\r\n    return result;\r\n}\r\n\r\nexport function flipPlacement(placement: Placement) {\r\n    switch (placement) {\r\n        case 'bottom':\r\n            return 'top'\r\n        case 'top':\r\n            return 'bottom'\r\n        case 'start':\r\n            return 'end'\r\n        case 'end':\r\n            return 'start'\r\n    }\r\n}\r\n","export function formatString(str: string, ...args: any[]) {\r\n    return str.replace(/\\{(\\d+)\\}/g, function (match, index) {\r\n        return args[index];\r\n    });\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAIa,GAAG,GAAG,IAAI,cAAc,CAAU,eAAe;;ACF9C,SAAA,WAAW,CAAC,KAAa,EAAE,GAAW,EAAA;IAClD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACvE;AAEgB,SAAA,SAAS,CAAC,KAAa,EAAE,GAAW,EAAA;IAChD,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/B,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;;AAElB,IAAA,OAAO,MAAM;AACjB;AAEM,SAAU,aAAa,CAAC,SAAoB,EAAA;IAC9C,QAAQ,SAAS;AACb,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,QAAQ;AACnB,QAAA,KAAK,OAAO;AACR,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,OAAO;;AAE1B;;SCzBgB,YAAY,CAAC,GAAW,EAAE,GAAG,IAAW,EAAA;IACpD,OAAO,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,KAAK,EAAE,KAAK,EAAA;AACnD,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC;AACtB,KAAC,CAAC;AACN;;ACJA;;AAEG;;;;"}