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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-table-v2",
-  "version": "21.1.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,6 +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[];
@@ -356,6 +370,8 @@ interface DefaultTableConfig {
     footer?: boolean;
     sortConfig?: Sort;
     columnSeparator?: boolean | ColumnSeparatorConfig;
+    elevation?: TableElevationLevel;
+    emptyState?: boolean | EmptyStateConfig;
 }
 interface PaginatorConfig {
     paginator?: boolean;
@@ -453,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;
@@ -739,6 +759,8 @@ declare class ColumnsService {
     constructor(_columns: WritableSignal<KlesColumnConfig[]>, eventsService: EventsService);
     register(): void;
     get columns(): Signal<KlesColumnConfig[]>;
+    readonly stickyStartBoundary: Signal<string>;
+    readonly stickyEndBoundary: Signal<string>;
     getVisible(): string[];
     setVisible(columnDef: string, visible: boolean): void;
     toggleVisible(columnDef: string): void;
@@ -756,6 +778,7 @@ declare class ColumnsService {
     setColumnPosition(columnDef: string, position: number): void;
     private updateColumn;
     private setDisplayedColumns;
+    private getVisibleColumns;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColumnsService>;
 }
@@ -906,6 +929,7 @@ declare class ValidationService {
 
 interface IDatasourceService {
     get datasource(): IKlesDataSource;
+    readonly isEmpty: Signal<boolean>;
     register(): void;
 }
 declare class DatasourceService implements IDatasourceService {
@@ -915,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;
@@ -1018,6 +1044,7 @@ interface ILinesService {
     register(): void;
     total(): number;
     loaded(): EventEmitter<void>;
+    loading(): EventEmitter<void>;
 }
 
 interface ISelectionService {
@@ -1089,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;
@@ -1112,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>;
@@ -1126,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;
@@ -1152,8 +1204,11 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     ngOnDestroy(): void;
     submit(): void;
     getColumnSeparator(column: KlesColumnConfig, section: TableSection): string | null;
+    getStickyStartSeparator(column: KlesColumnConfig, section: TableSection): string | null;
+    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>;
 }
 
@@ -1184,6 +1239,7 @@ declare class KlesTableComponent<TValue = unknown> implements OnInit, KlesTableA
     rowContextMenu: EventEmitter<RowMousePayload<TValue>>;
     cellClick: EventEmitter<CellMousePayload<TValue>>;
     cellValueChange: EventEmitter<CellValueChangePayload<TValue>>;
+    readonly elevationShadow: i0.Signal<string>;
     constructor(connectorService: KlesTableConnectorService);
     ngOnInit(): void;
     get hostId(): string;
@@ -1230,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 };
+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 };