@elderbyte/ngx-starter 12.11.0 → 12.12.3

package/lib/components/data-view/base/elder-data-view-base.d.ts

@@ -2,7 +2,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { ElderDataViewSelectionMode } from '../../select/popup/selection-model-popup.directive';
 import { IDataContext, IDataContextActivePage, IDataContextContinuable } from '../../../common/data/data-context/data-context';
 import { SelectionModel } from '../../../common/selection/selection-model';
-import { IElderDataView } from './elder-data-view';
+import { ElderDataViewInteractionMode, IElderDataView } from './elder-data-view';
 export declare class ElderDataViewBaseComponent implements IElderDataView {
     protected readonly dataViewSelection: ElderDataViewSelectionMode;
     /***************************************************************************
@@ -18,6 +18,7 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
      * Holds the current selection
      */
     readonly selectionModel: SelectionModel<any>;
+    interactionMode: ElderDataViewInteractionMode;
     /**
      * If true, this table is in dense mode.
      * Heights are generally reduced.
@@ -33,6 +34,7 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
      * No borders / floating visible so that the table can be embedded into another container
      */
     private _embedded;
+    private readonly _itemClickSubject;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -60,6 +62,12 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
     get selectionChange(): Observable<any[]>;
     get selectionSingleChange(): Observable<any>;
     set selectionMultiEnabled(enableMultiSelection: boolean);
+    /***************************************************************************
+     *                                                                         *
+     * On click properties                                                     *
+     *                                                                         *
+     **************************************************************************/
+    get itemClick(): Observable<any>;
     /***************************************************************************
      *                                                                         *
      * Style Properties                                                        *
@@ -83,6 +91,8 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
      * @protected
      */
     protected onDataContextSet(data: IDataContext<any>): void;
+    onItemClick(entity: any): void;
+    onItemDoubleClick(entity: any): void;
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *

package/lib/components/data-view/grid/elder-grid/elder-grid.component.d.ts

@@ -1,13 +1,13 @@
-import { OnDestroy, OnInit, TemplateRef, TrackByFunction, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, OnDestroy, OnInit, TemplateRef, TrackByFunction, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { IDataContextContinuable } from '../../../../common/data/data-context/data-context';
+import { IDataContext, IDataContextContinuable } from '../../../../common/data/data-context/data-context';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { SelectionModel } from '../../../../common/selection/selection-model';
 import { MediaObserver } from '@angular/flex-layout';
 import { Sort } from '../../../../common/data/sort';
-import { ElderDataViewInteractionMode } from '../../base/elder-data-view';
 import { ElderDataViewSelectionMode } from '../../../select/popup/selection-model-popup.directive';
 import { ElderDataViewBaseComponent } from '../../base/elder-data-view-base';
+import { MatPaginator } from '@angular/material/paginator';
 export declare class ElderGridTileDirective {
     templateRef: TemplateRef<any>;
     viewContainer: ViewContainerRef;
@@ -21,7 +21,7 @@ export declare class ElderGridToolbarDirective {
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
 }
-export declare class ElderGridComponent extends ElderDataViewBaseComponent implements OnInit, OnDestroy {
+export declare class ElderGridComponent extends ElderDataViewBaseComponent implements OnInit, AfterViewInit, OnDestroy {
     private mediaObserver;
     /***************************************************************************
      *                                                                         *
@@ -53,9 +53,11 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
      */
     idField: string;
     selectionVisible: boolean;
-    interactionMode: ElderDataViewInteractionMode;
+    pageSizeOptions: number[];
+    matPaginator: MatPaginator;
     toolbarTemplateQuery: TemplateRef<any>;
     private _toolbarTemplate;
+    private readonly destroy$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -68,6 +70,7 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
      *                                                                         *
      **************************************************************************/
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
@@ -78,7 +81,7 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
     get tileTemplate(): TemplateRef<any>;
     set toolbarTemplate(template: TemplateRef<any>);
     get toolbarTemplate(): TemplateRef<any>;
-    set data(data: IDataContextContinuable<any>);
+    set data(data: IDataContext<any>);
     get dataSnapshot(): IDataContextContinuable<any>;
     set columnCount(count: number);
     get columnCount(): number;

package/lib/components/data-view/table/elder-table/elder-table.component.d.ts

@@ -5,7 +5,6 @@ import { IDataContext } from '../../../../common/data/data-context/data-context'
 import { SelectionModel } from '../../../../common/selection/selection-model';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { CdkColumnDef, CdkRowDef, CdkTable } from '@angular/cdk/table';
-import { ElderDataViewInteractionMode } from '../../base/elder-data-view';
 import { ElderDataViewSelectionMode } from '../../../select/popup/selection-model-popup.directive';
 import { ElderTableRowDirective } from '../elder-table-row.directive';
 import { IDataSource } from '../../../../common/data/datasource/data-source';
@@ -33,7 +32,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      **************************************************************************/
     private readonly logger;
     private readonly destroy$;
-    private readonly _itemClickSubject;
     /**
      * Load next chunk after current is done
      */
@@ -45,7 +43,11 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
     elderColumns: QueryList<ElderTableColumnDirective>;
     rowDefs: QueryList<CdkRowDef<any>>;
     /**
-     * @deprecated No longer required. Id is automatically picked from the DataSource.
+     * Field to identify the data records (ID field).
+     * Note: This property is only considered in case the
+     * underlying data is an Array.
+     * In case of DataContext, the ID field needs to be defined in the context.
+     * In case of DataSource, the ID field is automatically picked from the DataSource.
      */
     idField: string;
     /**
@@ -74,7 +76,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
     cleanUp: boolean;
     keepSelection: boolean;
     showFooter: boolean;
-    interactionMode: ElderDataViewInteractionMode;
     canLoadMore$: Observable<boolean>;
     total$: Observable<string>;
     /**
@@ -127,7 +128,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
     /** Indicates if selection column is shown. */
     set selectionVisible(visible: boolean);
     get selectionVisible(): boolean;
-    get itemClick(): Observable<any>;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -135,11 +135,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      **************************************************************************/
     requestMoreDataZoned(event: any): void;
     get trackByFn(): TrackByFunction<any>;
-    /**
-     * Occurs when the user clicks on a row
-     */
-    onItemClick(entity: any): void;
-    onItemDoubleClick(entity: any): void;
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "12.11.0",
+  "version": "12.12.3",
   "peerDependencies": {
     "@angular/common": "^12.0.1",
     "@angular/core": "^12.0.1",