@3kles/kles-material-table-v2 21.2.0 → 21.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-table-v2",
-  "version": "21.2.0",
+  "version": "21.3.0",
   "keywords": [
     "3KLES"
   ],

package/types/3kles-kles-material-table-v2.d.ts

@@ -7,7 +7,7 @@ import * as i4 from '@3kles/kles-material-dynamicforms';
 import { IKlesFieldConfig, GroupUiState, ArrayUiState, AbstractUiState } from '@3kles/kles-material-dynamicforms';
 import { SortHeaderArrowPosition, SortDirection, Sort, MatSort } from '@angular/material/sort';
 import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { PageEvent, MatPaginatorIntl, MatPaginatorSelectConfig, MatPaginator } from '@angular/material/paginator';
 import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { DataSource } from '@angular/cdk/table';
@@ -348,7 +348,20 @@ type Brand<K extends string> = {
 type SelectionConfig<T> = SelectionConfigDef<T> & Brand<'SelectionConfig'>;
 declare const selectionConfig: <T>(l: SelectionConfigDef<T>) => SelectionConfig<T>;
 
+declare class KlesTableIntl {
+    readonly changes: Subject<void>;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesTableIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KlesTableIntl>;
+}
+
 type TableElevationLevel = 0 | 1 | 2 | 3 | 4 | 5;
+interface EmptyStateConfig {
+    enabled?: boolean;
+    component?: Type<unknown>;
+    intl?: Type<KlesTableIntl>;
+}
 interface DefaultTableConfig {
     id?: string;
     columns: KlesColumnConfig[];
@@ -358,6 +371,7 @@ interface DefaultTableConfig {
     sortConfig?: Sort;
     columnSeparator?: boolean | ColumnSeparatorConfig;
     elevation?: TableElevationLevel;
+    emptyState?: boolean | EmptyStateConfig;
 }
 interface PaginatorConfig {
     paginator?: boolean;
@@ -455,8 +469,12 @@ declare class DragDropService extends DragDropBase {
 declare class ScrollbarService {
     private element;
     private default;
+    private readonly hiddenClass;
     register(el: HTMLElement): void;
     unregister(): void;
+    setScrollbarVisible(visible: boolean): void;
+    hideScrollbar(): void;
+    showScrollbar(): void;
     toTop(sb?: ScrollBehavior): void;
     toBottom(sb?: ScrollBehavior): void;
     toLeft(sb?: ScrollBehavior): void;
@@ -911,6 +929,7 @@ declare class ValidationService {
 
 interface IDatasourceService {
     get datasource(): IKlesDataSource;
+    readonly isEmpty: Signal<boolean>;
     register(): void;
 }
 declare class DatasourceService implements IDatasourceService {
@@ -920,6 +939,8 @@ declare class DatasourceService implements IDatasourceService {
     private validationService;
     private _datasource;
     private readonly destroyRef;
+    private readonly _isEmpty;
+    readonly isEmpty: Signal<boolean>;
     constructor(fm: KlesForm, columnsService: ColumnsService, cellValueChangeService: CellValueChangeService, validationService: ValidationService);
     register(): void;
     get datasource(): KlesDataSource;
@@ -1023,6 +1044,7 @@ interface ILinesService {
     register(): void;
     total(): number;
     loaded(): EventEmitter<void>;
+    loading(): EventEmitter<void>;
 }
 
 interface ISelectionService {
@@ -1094,6 +1116,27 @@ declare class CellService {
     static ɵprov: i0.ɵɵInjectableDeclaration<CellService>;
 }
 
+declare class KlesTableEmptyStateComponent {
+    readonly intl: KlesTableIntl;
+    private readonly changeDetectorRef;
+    private readonly destroyRef;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesTableEmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesTableEmptyStateComponent, "kles-table-empty-state", never, {}, {}, never, never, true, never>;
+}
+
+declare class EmptyStateService {
+    private readonly _enabled;
+    readonly enabled: i0.Signal<boolean>;
+    readonly component: Type<unknown>;
+    constructor(config: boolean | EmptyStateConfig | undefined);
+    enable(): void;
+    disable(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EmptyStateService>;
+}
+
 type TableSection = 'header' | 'body' | 'footer';
 declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy {
     private readonly host;
@@ -1117,6 +1160,7 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     private readonly eventsService;
     readonly rowService: RowService;
     readonly cellService: CellService;
+    readonly emptyStateService: EmptyStateService;
     table: MatTable<FormGroup>;
     matSort: MatSort;
     formElemRef: ElementRef<HTMLElement>;
@@ -1131,12 +1175,15 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     extraRows: Signal<(ExtraRowConfig & {
         displayedColumns: string[];
     })[]>;
+    readonly isEmpty: Signal<boolean>;
     private ro?;
     private readonly destroyRef;
     private rafId?;
     private _cleanup?;
-    constructor(host: ElementRef<HTMLElement>, connectorService: KlesTableConnectorService, loader: ILoader<any>, datasourceService: IDatasourceService, tableService: ITableService, dragDropRowService: DragDropService, selectionService: ISelectionService, columnsService: ColumnsService, loadingService: LoadingService, paginatorService: PaginatorService, scrollbarService: ScrollbarService, footerService: FooterService, extraRowService: ExtraRowService, renderService: RenderService, sortService: ISortService, filterService: FilterService, expandedRowStore: ExpandedRowStore, rowFactory: RowFormFactory, eventsService: EventsService, rowService: RowService, cellService: CellService);
+    emptyStateComponent: typeof KlesTableEmptyStateComponent;
+    constructor(host: ElementRef<HTMLElement>, connectorService: KlesTableConnectorService, loader: ILoader<any>, datasourceService: IDatasourceService, tableService: ITableService, dragDropRowService: DragDropService, selectionService: ISelectionService, columnsService: ColumnsService, loadingService: LoadingService, paginatorService: PaginatorService, scrollbarService: ScrollbarService, footerService: FooterService, extraRowService: ExtraRowService, renderService: RenderService, sortService: ISortService, filterService: FilterService, expandedRowStore: ExpandedRowStore, rowFactory: RowFormFactory, eventsService: EventsService, rowService: RowService, cellService: CellService, emptyStateService: EmptyStateService);
     get isLoadingClass(): boolean;
+    get isEmptyClass(): boolean;
     get events(): EventsApi;
     get form(): FormApi;
     get scrollbar(): ScrollbarApi;
@@ -1161,7 +1208,7 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     getStickyEndSeparator(column: KlesColumnConfig, section: TableSection): string | null;
     private getSeparatorStyle;
     private calculHeaderHeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "kles-table", never, {}, {}, never, never, true, never>;
 }
 
@@ -1239,6 +1286,7 @@ declare const SELECTION_SERVICE: InjectionToken<ISelectionService>;
 declare const SORT_SERVICE: InjectionToken<ISortService>;
 declare const SCROLLBAR_ORCHESTRATOR_SERVICE: InjectionToken<IScrollbarOrchestratorService>;
 declare const TABLE_SERVICE: InjectionToken<ITableService>;
+declare const EMPTY_STATE_CONFIG: InjectionToken<boolean | EmptyStateConfig>;
 
-export { AlignCell, COLUMNS, DATASOURCE_SERVICE, DRAG_DROP_CONFIG, EXTRA_ROWS, FOOTER, HEADER_SERVICE, KlesMaterialTableModule, KlesTableComponent, LINES_SERVICE, LOADER_CONFIG, LOADER_SERVICE, PAGINATOR_CONFIG, ROW_DRAG_DROP, SCROLLBAR_ORCHESTRATOR_SERVICE, SELECTION_CONFIG, SELECTION_SERVICE, SORT_CONFIG, SORT_SERVICE, Span, TABLE_SERVICE, TableComponent, linesLazyLoader, linesLoader, selectionConfig };
-export type { ColumnSeparatorConfig, ColumnSeparatorStyle, DefaultTableConfig, DragDrop, DragDropConfig, ExtraRow, ExtraRowConfig, ExtraRowMode, IKlesCellFieldConfig, IKlesFooterFieldConfig, IKlesHeaderFieldConfig, ITable, InfiniteScrollConfig, KlesColumnConfig, KlesExtraCellFieldConfig, KlesTableApi, KlesTableConfig, LinesLazyLoader, LinesLoader, LoaderConfig, LoaderLazyResult, LoaderResult, NgStyleInput, PaginatorConfig, RowId, Selection, SelectionAllResponse, SelectionConfig, SelectionResponse, SelectionState, TableElevationLevel };
+export { AlignCell, COLUMNS, DATASOURCE_SERVICE, DRAG_DROP_CONFIG, EMPTY_STATE_CONFIG, EXTRA_ROWS, FOOTER, HEADER_SERVICE, KlesMaterialTableModule, KlesTableComponent, KlesTableEmptyStateComponent, KlesTableIntl, LINES_SERVICE, LOADER_CONFIG, LOADER_SERVICE, PAGINATOR_CONFIG, ROW_DRAG_DROP, SCROLLBAR_ORCHESTRATOR_SERVICE, SELECTION_CONFIG, SELECTION_SERVICE, SORT_CONFIG, SORT_SERVICE, Span, TABLE_SERVICE, TableComponent, linesLazyLoader, linesLoader, selectionConfig };
+export type { ColumnSeparatorConfig, ColumnSeparatorStyle, DefaultTableConfig, DragDrop, DragDropConfig, EmptyStateConfig, ExtraRow, ExtraRowConfig, ExtraRowMode, IKlesCellFieldConfig, IKlesFooterFieldConfig, IKlesHeaderFieldConfig, ITable, InfiniteScrollConfig, KlesColumnConfig, KlesExtraCellFieldConfig, KlesTableApi, KlesTableConfig, LinesLazyLoader, LinesLoader, LoaderConfig, LoaderLazyResult, LoaderResult, NgStyleInput, PaginatorConfig, RowId, Selection, SelectionAllResponse, SelectionConfig, SelectionResponse, SelectionState, TableElevationLevel };