@beshkari/mb-ui 0.5.0-alpha.1

package/lib/grid/mb-grid.component.d.ts

@@ -0,0 +1,233 @@
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MbGridCellClickEvent, MbGridColumn, MbGridColumnReorderEvent, MbGridColumnResizeEvent, MbGridCompositeFilterDescriptor, MbGridDataMode, MbGridDensity, MbGridFilterMode, MbGridFilterOperator, MbGridEditMode, MbGridEditEvent, MbGridSaveEvent, MbGridCancelEvent, MbGridRemoveEvent, MbGridSelectionChangeEvent, MbGridColumnVisibilityEvent, MbGridColumnLockEvent, MbGridDetailToggleEvent, MbGridGroupChangeEvent, MbGridGroupDescriptor, MbGridPageChangeEvent, MbGridProcessedResult, MbGridRenderRow, MbGridRowClickEvent, MbGridSelectionMode, MbGridSortChangeEvent, MbGridState } from './mb-grid.types';
+import { MbGridStateService } from './mb-grid-state.service';
+import { MbGridCellTemplateDirective, MbGridDetailTemplateDirective, MbGridEditTemplateDirective, MbGridFooterTemplateDirective, MbGridHeaderTemplateDirective, MbGridToolbarTemplateDirective } from './mb-grid-template.directive';
+import { MbUiConfig } from '../tokens/mb-ui-config.token';
+import { MbGridMessages } from './mb-grid-messages';
+import * as i0 from "@angular/core";
+export declare class MbGridComponent<T extends Record<string, any> = Record<string, any>> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
+    private readonly cdr;
+    private readonly stateStore;
+    private readonly uiConfig;
+    readonly messages: MbGridMessages;
+    data: T[];
+    columns: MbGridColumn<T>[];
+    loading: boolean;
+    dataMode: MbGridDataMode;
+    state: MbGridState<T>;
+    total: number;
+    height: number | string | null;
+    rowHeight: number;
+    density: MbGridDensity;
+    locale?: string;
+    dir?: 'rtl' | 'ltr';
+    noRecordsText?: string;
+    loadingText?: string;
+    pageable: boolean;
+    pageSizeOptions: number[];
+    sortable: boolean;
+    multiSort: boolean;
+    filterable: boolean;
+    filterMode: MbGridFilterMode;
+    groupable: boolean;
+    selectable: boolean;
+    selectionMode: MbGridSelectionMode;
+    rowKey: keyof T | string | ((row: T) => string | number);
+    selectedKeys: Array<string | number>;
+    resizable: boolean;
+    reorderable: boolean;
+    columnMenu: boolean;
+    showToolbar: boolean;
+    showSearch: boolean;
+    showColumnChooser: boolean;
+    showExport: boolean;
+    showFooter: boolean;
+    virtualScroll: boolean;
+    exportFileName: string;
+    excelFileName: string;
+    jsonFileName: string;
+    showExcelExport: boolean;
+    showJsonExport: boolean;
+    persistKey: string;
+    autoPersist: boolean;
+    editable: boolean;
+    editMode: MbGridEditMode;
+    allowAdd: boolean;
+    allowDelete: boolean;
+    confirmDelete: boolean;
+    commandColumnTitle?: string;
+    newItemFactory?: () => T;
+    expandable: boolean;
+    detailInitiallyExpanded: boolean;
+    rowClassName?: string | ((row: T, rowIndex: number) => string | string[] | Record<string, boolean>);
+    responsiveColumns: boolean;
+    stateChange: EventEmitter<MbGridState<T>>;
+    pageChange: EventEmitter<MbGridPageChangeEvent>;
+    sortChange: EventEmitter<MbGridSortChangeEvent<T>>;
+    filterChange: EventEmitter<{
+        filter?: MbGridCompositeFilterDescriptor<T>;
+    }>;
+    groupChange: EventEmitter<MbGridGroupChangeEvent<T>>;
+    selectedKeysChange: EventEmitter<(string | number)[]>;
+    columnResize: EventEmitter<MbGridColumnResizeEvent<T>>;
+    columnReorder: EventEmitter<MbGridColumnReorderEvent<T>>;
+    columnVisibilityChange: EventEmitter<MbGridColumnVisibilityEvent<T>>;
+    columnLockChange: EventEmitter<MbGridColumnLockEvent<T>>;
+    selectionChange: EventEmitter<MbGridSelectionChangeEvent<T>>;
+    edit: EventEmitter<MbGridEditEvent<T>>;
+    save: EventEmitter<MbGridSaveEvent<T>>;
+    cancel: EventEmitter<MbGridCancelEvent<T>>;
+    remove: EventEmitter<MbGridRemoveEvent<T>>;
+    detailToggle: EventEmitter<MbGridDetailToggleEvent<T>>;
+    rowClick: EventEmitter<MbGridRowClickEvent<T>>;
+    cellClick: EventEmitter<MbGridCellClickEvent<T>>;
+    cellTemplates?: QueryList<MbGridCellTemplateDirective<T>>;
+    headerTemplates?: QueryList<MbGridHeaderTemplateDirective<T>>;
+    editTemplates?: QueryList<MbGridEditTemplateDirective<T>>;
+    footerTemplates?: QueryList<MbGridFooterTemplateDirective<T>>;
+    toolbarTemplate?: MbGridToolbarTemplateDirective<T>;
+    detailTemplate?: MbGridDetailTemplateDirective<T>;
+    processed: MbGridProcessedResult<T>;
+    internalColumns: MbGridColumn<T>[];
+    globalSearch: string;
+    filtersByField: Record<string, {
+        operator: MbGridFilterOperator;
+        value: unknown;
+    }>;
+    openColumnMenuField: string;
+    resizing?: {
+        field: string;
+        startX: number;
+        startWidth: number;
+    };
+    expandedGroupKeys: Set<string>;
+    expandedDetailKeys: Set<string | number>;
+    editingKey: string | number | null;
+    editingModel: T | null;
+    originalModel: T | null;
+    editingRowIndex: number;
+    editingIsNew: boolean;
+    validationErrors: Record<string, string>;
+    private readonly mediaQueryLists;
+    private readonly mediaListeners;
+    readonly textOperators: MbGridFilterOperator[];
+    readonly numericOperators: MbGridFilterOperator[];
+    readonly booleanOperators: MbGridFilterOperator[];
+    constructor(cdr: ChangeDetectorRef, stateStore: MbGridStateService, uiConfig: MbUiConfig, messages: MbGridMessages);
+    get effectiveLocale(): string;
+    get effectiveDir(): 'rtl' | 'ltr';
+    get effectiveCommandColumnTitle(): string;
+    private get formatOptions();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    get visibleColumns(): MbGridColumn<T>[];
+    get lockedStartColumns(): MbGridColumn<T>[];
+    get lockedEndColumns(): MbGridColumn<T>[];
+    get hasFilterRow(): boolean;
+    get hasColumnMenu(): boolean;
+    get pageIndex(): number;
+    get pageSize(): number;
+    get effectiveTotal(): number;
+    get pageCount(): number;
+    get from(): number;
+    get to(): number;
+    get gridStyle(): Record<string, string | null>;
+    get allVisibleRowsSelected(): boolean;
+    get someVisibleRowsSelected(): boolean;
+    get toolbarContext(): {
+        state: MbGridState<T>;
+        total: number;
+        selectedKeys: (string | number)[];
+        selectedRows: T[];
+        add: () => void;
+        exportCsv: () => void;
+        exportExcel: () => void;
+        reset: () => void;
+    };
+    get selectedRows(): T[];
+    get columnSpan(): number;
+    get showCommandColumn(): boolean;
+    getOperatorLabel(operator: MbGridFilterOperator): string;
+    getOperators(column: MbGridColumn<T>): MbGridFilterOperator[];
+    getColumnStyle(column: MbGridColumn<T>): Record<string, string | null>;
+    getColumnClass(column: MbGridColumn<T>): Record<string, boolean>;
+    isLockedStart(column: MbGridColumn<T>): boolean;
+    isLockedEnd(column: MbGridColumn<T>): boolean;
+    matchesMedia(column: MbGridColumn<T>): boolean;
+    pagerInfoText(): string;
+    getSortIndex(column: MbGridColumn<T>): number;
+    getSortDirection(column: MbGridColumn<T>): '' | 'asc' | 'desc';
+    getValue(row: T, column: MbGridColumn<T>, rowIndex?: number): unknown;
+    formatCell(row: T, column: MbGridColumn<T>, rowIndex: number): string;
+    getCellClass(row: T, column: MbGridColumn<T>, rowIndex: number): string | string[] | Record<string, boolean> | null;
+    getCellTemplate(column: MbGridColumn<T>): TemplateRef<any> | null;
+    getHeaderTemplate(column: MbGridColumn<T>): TemplateRef<any> | null;
+    getFooterTemplate(column: MbGridColumn<T>): TemplateRef<any> | null;
+    getRowKey(row: T): string | number;
+    toggleSort(column: MbGridColumn<T>, event?: MouseEvent): void;
+    setFilterValue(column: MbGridColumn<T>, value: unknown): void;
+    setFilterOperator(column: MbGridColumn<T>, operator: MbGridFilterOperator): void;
+    clearFilter(column?: MbGridColumn<T>): void;
+    applyGlobalSearch(value: string): void;
+    changePage(pageIndex: number): void;
+    changePageSize(value: number | string): void;
+    toggleRow(row: T, event?: Event): void;
+    toggleAllVisible(event?: Event): void;
+    isSelected(row: T): boolean;
+    onRowClick(row: T, rowIndex: number): void;
+    onCellClick(row: T, column: MbGridColumn<T>, rowIndex: number): void;
+    toggleColumnMenu(column: MbGridColumn<T>, event: MouseEvent): void;
+    hideColumn(column: MbGridColumn<T>): void;
+    showColumn(column: MbGridColumn<T>, visible: boolean): void;
+    toggleLock(column: MbGridColumn<T>): void;
+    resetColumns(): void;
+    toggleGroup(column: MbGridColumn<T>): void;
+    removeGroup(group: MbGridGroupDescriptor<T>): void;
+    toggleGroupRow(row: MbGridRenderRow<T>): void;
+    startResize(column: MbGridColumn<T>, event: MouseEvent): void;
+    dropColumn(event: CdkDragDrop<MbGridColumn<T>[]>): void;
+    exportCsv(): void;
+    exportExcel(): void;
+    exportJson(): void;
+    resetState(): void;
+    createRow(): void;
+    startEdit(row: T, rowIndex: number, event?: Event): void;
+    saveEdit(event?: Event): void;
+    cancelEditRow(event?: Event): void;
+    removeRow(row: T, rowIndex: number, event?: Event): void;
+    isEditing(row: T): boolean;
+    isNewRowEditing(): boolean;
+    setEditValue(column: MbGridColumn<T>, value: unknown): void;
+    getEditValue(column: MbGridColumn<T>): unknown;
+    canEditColumn(column: MbGridColumn<T>): boolean;
+    getEditorType(column: MbGridColumn<T>): string;
+    toggleDetail(row: T, rowIndex: number, event?: Event): void;
+    isDetailExpanded(row: T): boolean;
+    getRowClass(row: T, rowIndex: number): string | string[] | Record<string, boolean> | null;
+    trackColumn(_: number, column: MbGridColumn<T>): string;
+    trackRow(_: number, row: MbGridRenderRow<T>): string | number;
+    private toCssSize;
+    private getLockedOffset;
+    private resolveColumnWidth;
+    private syncMediaQueries;
+    private setState;
+    private reprocess;
+    private applyFilters;
+    private defaultOperator;
+    private ensureFilterDefaults;
+    private applyProjectedTemplates;
+    private resizeColumn;
+    private exportRows;
+    private validateEditingModel;
+    private cloneRow;
+    private setNestedValue;
+    private cancelEditInternal;
+    private restorePersistedState;
+    private persistState;
+    private dataRowsFromRendered;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MbGridComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MbGridComponent<any>, "mb-grid", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dataMode": { "alias": "dataMode"; "required": false; }; "state": { "alias": "state"; "required": false; }; "total": { "alias": "total"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "density": { "alias": "density"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "noRecordsText": { "alias": "noRecordsText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "multiSort": { "alias": "multiSort"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "showColumnChooser": { "alias": "showColumnChooser"; "required": false; }; "showExport": { "alias": "showExport"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "exportFileName": { "alias": "exportFileName"; "required": false; }; "excelFileName": { "alias": "excelFileName"; "required": false; }; "jsonFileName": { "alias": "jsonFileName"; "required": false; }; "showExcelExport": { "alias": "showExcelExport"; "required": false; }; "showJsonExport": { "alias": "showJsonExport"; "required": false; }; "persistKey": { "alias": "persistKey"; "required": false; }; "autoPersist": { "alias": "autoPersist"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "allowDelete": { "alias": "allowDelete"; "required": false; }; "confirmDelete": { "alias": "confirmDelete"; "required": false; }; "commandColumnTitle": { "alias": "commandColumnTitle"; "required": false; }; "newItemFactory": { "alias": "newItemFactory"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "detailInitiallyExpanded": { "alias": "detailInitiallyExpanded"; "required": false; }; "rowClassName": { "alias": "rowClassName"; "required": false; }; "responsiveColumns": { "alias": "responsiveColumns"; "required": false; }; }, { "stateChange": "stateChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "groupChange": "groupChange"; "selectedKeysChange": "selectedKeysChange"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockChange": "columnLockChange"; "selectionChange": "selectionChange"; "edit": "edit"; "save": "save"; "cancel": "cancel"; "remove": "remove"; "detailToggle": "detailToggle"; "rowClick": "rowClick"; "cellClick": "cellClick"; }, ["toolbarTemplate", "detailTemplate", "cellTemplates", "headerTemplates", "editTemplates", "footerTemplates"], never, true, never>;
+}

package/lib/grid/mb-grid.types.d.ts

@@ -0,0 +1,255 @@
+import { TemplateRef, Type } from '@angular/core';
+export type MbGridColumnType = 'text' | 'number' | 'date' | 'boolean' | 'enum' | 'custom';
+export type MbGridSortDirection = 'asc' | 'desc';
+export type MbGridFilterLogic = 'and' | 'or';
+export type MbGridSelectionMode = 'single' | 'multiple';
+export type MbGridDataMode = 'client' | 'server';
+export type MbGridDensity = 'compact' | 'comfortable' | 'spacious';
+export type MbGridFilterMode = 'row' | 'menu' | 'both' | 'none';
+export type MbGridSticky = 'start' | 'end' | false;
+export type MbGridAggregate = 'sum' | 'avg' | 'min' | 'max' | 'count';
+export type MbGridEditMode = 'none' | 'inline' | 'incell' | 'popup';
+export type MbGridEditorType = 'text' | 'number' | 'date' | 'checkbox' | 'select' | 'textarea' | 'custom';
+export type MbGridExportType = 'csv' | 'excel-html' | 'json';
+export type MbGridCommand = 'edit' | 'save' | 'cancel' | 'delete' | 'details';
+export type MbGridKeyboardAction = 'moveUp' | 'moveDown' | 'moveLeft' | 'moveRight' | 'enter' | 'escape' | 'space';
+export type MbGridFilterOperator = 'contains' | 'doesNotContain' | 'startsWith' | 'endsWith' | 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'between' | 'isNull' | 'isNotNull' | 'isEmpty' | 'isNotEmpty';
+export interface MbGridColumn<T = unknown> {
+    /** Unique field/key. Dot notation is supported, e.g. `user.profile.name`. */
+    field: keyof T | string;
+    title: string;
+    type?: MbGridColumnType;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    hidden?: boolean;
+    locked?: boolean;
+    sticky?: MbGridSticky;
+    align?: 'start' | 'center' | 'end';
+    headerAlign?: 'start' | 'center' | 'end';
+    sortable?: boolean;
+    filterable?: boolean;
+    groupable?: boolean;
+    resizable?: boolean;
+    reorderable?: boolean;
+    menu?: boolean;
+    exportable?: boolean;
+    editable?: boolean;
+    editor?: MbGridEditorType;
+    editorOptions?: Array<{
+        label: string;
+        value: unknown;
+    }>;
+    required?: boolean;
+    validator?: (value: unknown, row: T, column: MbGridColumn<T>) => string | null;
+    aggregate?: MbGridAggregate | MbGridAggregate[];
+    enumMap?: Record<string | number, string>;
+    className?: string | ((row: T, value: unknown, rowIndex: number) => string | string[] | Record<string, boolean>);
+    rowClassName?: string | ((row: T, rowIndex: number) => string | string[] | Record<string, boolean>);
+    headerClassName?: string | string[] | Record<string, boolean>;
+    footerClassName?: string | string[] | Record<string, boolean>;
+    /** CSS media query — column is visible only when the query matches, e.g. `(min-width: 450px)`. */
+    media?: string;
+    valueGetter?: (row: T, rowIndex: number) => unknown;
+    valueSetter?: (row: T, value: unknown, rowIndex: number) => T;
+    formatter?: (value: unknown, row: T, rowIndex: number) => string;
+    compare?: (a: T, b: T, direction: MbGridSortDirection) => number;
+    filterPredicate?: (row: T, descriptor: MbGridFilterDescriptor<T>) => boolean;
+    cellTemplate?: TemplateRef<MbGridCellTemplateContext<T>>;
+    editTemplate?: TemplateRef<MbGridEditTemplateContext<T>>;
+    headerTemplate?: TemplateRef<MbGridHeaderTemplateContext<T>>;
+    footerTemplate?: TemplateRef<MbGridFooterTemplateContext<T>>;
+}
+export interface MbGridSortDescriptor<T = unknown> {
+    field: keyof T | string;
+    dir: MbGridSortDirection;
+}
+export interface MbGridFilterDescriptor<T = unknown> {
+    field: keyof T | string;
+    operator: MbGridFilterOperator;
+    value?: unknown;
+    valueTo?: unknown;
+    ignoreCase?: boolean;
+}
+export interface MbGridCompositeFilterDescriptor<T = unknown> {
+    logic: MbGridFilterLogic;
+    filters: Array<MbGridFilterDescriptor<T> | MbGridCompositeFilterDescriptor<T>>;
+}
+export interface MbGridGroupDescriptor<T = unknown> {
+    field: keyof T | string;
+    dir?: MbGridSortDirection;
+    aggregates?: MbGridAggregate[];
+}
+export interface MbGridState<T = unknown> {
+    skip: number;
+    take: number;
+    sort: MbGridSortDescriptor<T>[];
+    filter?: MbGridCompositeFilterDescriptor<T>;
+    group: MbGridGroupDescriptor<T>[];
+}
+export interface MbGridPageChangeEvent {
+    pageIndex: number;
+    pageSize: number;
+    skip: number;
+    take: number;
+}
+export interface MbGridSortChangeEvent<T = unknown> {
+    sort: MbGridSortDescriptor<T>[];
+}
+export interface MbGridFilterChangeEvent<T = unknown> {
+    filter?: MbGridCompositeFilterDescriptor<T>;
+}
+export interface MbGridGroupChangeEvent<T = unknown> {
+    group: MbGridGroupDescriptor<T>[];
+}
+export interface MbGridStateChangeEvent<T = unknown> {
+    state: MbGridState<T>;
+    source: string;
+}
+export interface MbGridColumnResizeEvent<T = unknown> {
+    column: MbGridColumn<T>;
+    field: keyof T | string;
+    width: number;
+}
+export interface MbGridColumnReorderEvent<T = unknown> {
+    previousIndex: number;
+    currentIndex: number;
+    columns: MbGridColumn<T>[];
+}
+export interface MbGridColumnVisibilityEvent<T = unknown> {
+    column: MbGridColumn<T>;
+    field: keyof T | string;
+    visible: boolean;
+    columns: MbGridColumn<T>[];
+}
+export interface MbGridColumnLockEvent<T = unknown> {
+    column: MbGridColumn<T>;
+    field: keyof T | string;
+    locked: boolean;
+    columns: MbGridColumn<T>[];
+}
+export interface MbGridCellClickEvent<T = unknown> {
+    row: T;
+    column: MbGridColumn<T>;
+    value: unknown;
+    rowIndex: number;
+}
+export interface MbGridRowClickEvent<T = unknown> {
+    row: T;
+    rowIndex: number;
+}
+export interface MbGridSelectionChangeEvent<T = unknown> {
+    selectedKeys: Array<string | number>;
+    selectedRows: T[];
+}
+export interface MbGridEditEvent<T = unknown> {
+    row: T;
+    rowIndex: number;
+    key: string | number;
+}
+export interface MbGridSaveEvent<T = unknown> {
+    row: T;
+    originalRow: T | null;
+    rowIndex: number;
+    key: string | number;
+    isNew: boolean;
+}
+export interface MbGridCancelEvent<T = unknown> {
+    row: T;
+    originalRow: T | null;
+    rowIndex: number;
+    key: string | number;
+    isNew: boolean;
+}
+export interface MbGridRemoveEvent<T = unknown> {
+    row: T;
+    rowIndex: number;
+    key: string | number;
+}
+export interface MbGridCellEditEvent<T = unknown> {
+    row: T;
+    column: MbGridColumn<T>;
+    value: unknown;
+    rowIndex: number;
+    key: string | number;
+}
+export interface MbGridDetailToggleEvent<T = unknown> {
+    row: T;
+    rowIndex: number;
+    key: string | number;
+    expanded: boolean;
+}
+export interface MbGridProcessedResult<T = unknown> {
+    data: Array<MbGridRenderRow<T>>;
+    total: number;
+    aggregates: Record<string, Record<string, number>>;
+}
+export interface MbGridDataRow<T = unknown> {
+    kind: 'data';
+    dataItem: T;
+    rowIndex: number;
+}
+export interface MbGridGroupRow<T = unknown> {
+    kind: 'group';
+    field: keyof T | string;
+    value: unknown;
+    level: number;
+    count: number;
+    expanded: boolean;
+    key: string;
+    aggregates: Record<string, Record<string, number>>;
+}
+export type MbGridRenderRow<T = unknown> = MbGridDataRow<T> | MbGridGroupRow<T>;
+export interface MbGridCellTemplateContext<T = unknown> {
+    $implicit: T;
+    dataItem: T;
+    column: MbGridColumn<T>;
+    value: unknown;
+    rowIndex: number;
+    editing: boolean;
+}
+export interface MbGridEditTemplateContext<T = unknown> {
+    $implicit: T;
+    dataItem: T;
+    column: MbGridColumn<T>;
+    value: unknown;
+    rowIndex: number;
+    setValue: (value: unknown) => void;
+    errors: Record<string, string>;
+}
+export interface MbGridHeaderTemplateContext<T = unknown> {
+    $implicit: MbGridColumn<T>;
+    column: MbGridColumn<T>;
+}
+export interface MbGridFooterTemplateContext<T = unknown> {
+    $implicit: MbGridColumn<T>;
+    column: MbGridColumn<T>;
+    aggregates: Record<string, Record<string, number>>;
+}
+export interface MbGridToolbarTemplateContext<T = unknown> {
+    state: MbGridState<T>;
+    total: number;
+    selectedKeys: Array<string | number>;
+    selectedRows: T[];
+    add: () => void;
+    exportCsv: () => void;
+    exportExcel: () => void;
+    reset: () => void;
+}
+export interface MbGridDetailTemplateContext<T = unknown> {
+    $implicit: T;
+    dataItem: T;
+    rowIndex: number;
+    expanded: boolean;
+}
+export interface MbGridPopupEditConfig<T = unknown> {
+    title?: string | ((row: T, isNew: boolean) => string);
+    component?: Type<unknown>;
+    width?: number | string;
+}
+export interface MbGridPersistedState<T = unknown> {
+    state: MbGridState<T>;
+    columns: Array<Pick<MbGridColumn<T>, 'field' | 'width' | 'hidden' | 'locked' | 'sticky'>>;
+    selectedKeys?: Array<string | number>;
+    updatedAt: string;
+}

package/lib/i18n/mb-ui-locale.d.ts

@@ -0,0 +1,2 @@
+export type MbUiLocale = 'fa-IR' | 'en-US';
+export declare function normalizeMbUiLocale(locale: string): MbUiLocale;

package/lib/i18n/mb-ui-messages-en.d.ts

@@ -0,0 +1,3 @@
+import { MbGridMessages, MbUiMessages } from './mb-ui-messages.types';
+export declare const MB_GRID_MESSAGES_EN: MbGridMessages;
+export declare const MB_UI_MESSAGES_EN: MbUiMessages;

package/lib/i18n/mb-ui-messages-fa.d.ts

@@ -0,0 +1,3 @@
+import { MbGridMessages, MbUiMessages } from './mb-ui-messages.types';
+export declare const MB_GRID_MESSAGES_FA: MbGridMessages;
+export declare const MB_UI_MESSAGES_FA: MbUiMessages;

package/lib/i18n/mb-ui-messages.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { MbUiMessages } from './mb-ui-messages.types';
+export declare function getMbUiMessages(locale: string): MbUiMessages;
+export declare function mergeMbUiMessages(base: MbUiMessages, overrides?: Partial<MbUiMessages>): MbUiMessages;
+export declare const MB_UI_MESSAGES: InjectionToken<MbUiMessages>;

package/lib/i18n/mb-ui-messages.types.d.ts

@@ -0,0 +1,90 @@
+export interface MbGridMessages {
+    noRecords: string;
+    loading: string;
+    groupLabel: string;
+    groupHint: string;
+    columns: string;
+    resetColumns: string;
+    addRow: string;
+    searchPlaceholder: string;
+    exportCsv: string;
+    exportExcel: string;
+    exportJson: string;
+    reset: string;
+    selectAllRows: string;
+    selectRow: string;
+    columnMenu: string;
+    sort: string;
+    groupByColumn: string;
+    removeGroup: string;
+    filter: string;
+    clearFilter: string;
+    filterValuePlaceholder: string;
+    lockColumn: string;
+    unlockColumn: string;
+    hideColumn: string;
+    save: string;
+    cancel: string;
+    edit: string;
+    delete: string;
+    deleteConfirm: string;
+    fieldRequired: (title: string) => string;
+    commandColumn: string;
+    pagerFirst: string;
+    pagerPrevious: string;
+    pagerNext: string;
+    pagerLast: string;
+    pagerInfo: (from: number, to: number, total: number) => string;
+    yes: string;
+    no: string;
+    operatorLabels: Record<string, string>;
+}
+export interface MbCommonMessages {
+    close: string;
+    clear: string;
+    yes: string;
+    no: string;
+}
+export interface MbConfirmMessages {
+    title: string;
+    okText: string;
+    cancelText: string;
+    deleteTitle: string;
+    deleteOkText: string;
+    ariaLabel: string;
+}
+export interface MbFormMessages {
+    selectPlaceholder: string;
+    searchPlaceholder: string;
+    selectDefaultItem: string;
+    datePlaceholder: string;
+    noMatches: string;
+}
+export interface MbEmptyMessages {
+    title: string;
+}
+export interface MbDatepickerMessages {
+    placeholder: string;
+    clear: string;
+    pickDate: string;
+    today: string;
+    weekdayNames: string[];
+    monthNamesGregorian: string[];
+}
+export interface MbPaginationMessages {
+    ariaLabel: string;
+}
+export interface MbDialogMessages {
+    ariaLabel: string;
+    close: string;
+}
+export interface MbUiMessages {
+    grid: MbGridMessages;
+    common: MbCommonMessages;
+    confirm: MbConfirmMessages;
+    form: MbFormMessages;
+    empty: MbEmptyMessages;
+    datepicker: MbDatepickerMessages;
+    pagination: MbPaginationMessages;
+    dialog: MbDialogMessages;
+}

package/lib/i18n/provide-mb-ui.d.ts

@@ -0,0 +1,7 @@
+import { EnvironmentProviders } from '@angular/core';
+import { MbUiConfig } from '../tokens/mb-ui-config.token';
+import { MbUiMessages } from './mb-ui-messages.types';
+export interface ProvideMbUiOptions extends Partial<MbUiConfig> {
+    messages?: Partial<MbUiMessages>;
+}
+export declare function provideMbUi(options?: ProvideMbUiOptions): EnvironmentProviders;

package/lib/input/mb-input.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MbSize } from '../tokens/mb-ui-config.token';
+import * as i0 from "@angular/core";
+export type MbInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+export declare class MbInputComponent implements ControlValueAccessor {
+    readonly messages: import("@beshkari/mb-ui").MbUiMessages;
+    type: MbInputType;
+    placeholder: string;
+    size: MbSize;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    id?: string;
+    name?: string;
+    clearable: boolean;
+    valueChange: EventEmitter<string>;
+    value: string;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleInput(value: string): void;
+    blur(): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MbInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MbInputComponent, "mb-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/pagination/mb-pagination.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MbPaginationComponent {
+    readonly messages: import("@beshkari/mb-ui").MbUiMessages;
+    page: number;
+    pageSize: number;
+    total: number;
+    maxButtons: number;
+    pageChange: EventEmitter<number>;
+    hostClass: string;
+    get pageCount(): number;
+    get pages(): number[];
+    go(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MbPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MbPaginationComponent, "mb-pagination", never, { "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "maxButtons": { "alias": "maxButtons"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}

package/lib/progress/mb-progress.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class MbProgressComponent {
+    value: number;
+    max: number;
+    label: boolean;
+    indeterminate: boolean;
+    hostClass: string;
+    get percent(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MbProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MbProgressComponent, "mb-progress", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "label": { "alias": "label"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
+}