@messaia/cdk 13.3.5 → 13.3.6-rc01

package/lib/table/components/dynamic-table/dynamic-table.component.d.ts

@@ -3,9 +3,11 @@ import { MatMenuTrigger } from '@angular/material/menu';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatTable } from '@angular/material/table';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { DynamicBuilder } from '../../../common/helpers/dynamic-builder';
 import { TableColumnType } from '../../enums/table-column-type';
 import { TableColumn } from '../../models/table-column';
+import { TableColumnConfig } from '../../models/table-column-config';
 import { TableMenuItem } from '../../models/table-menu-item';
 import { TableDataSource } from '../../table.data-source';
 import * as i0 from "@angular/core";
@@ -39,6 +41,10 @@ export declare class VdDynamicTableComponent implements OnInit {
      * dataSourceFilter: any
      */
     dataSourceFilter: any;
+    /**
+     * Static table
+     */
+    static: boolean;
     /**
      * filterable?
      */
@@ -113,6 +119,22 @@ export declare class VdDynamicTableComponent implements OnInit {
      */
     get columns(): TableColumn[];
     set columns(columns: TableColumn[]);
+    /**
+     * columnsSubject: Subject<(TableColumn | string)[]>
+     */
+    columnsSubject: BehaviorSubject<(TableColumn | string)[]>;
+    /**
+     * columns$: Observable<(TableColumn | string)[]>
+     */
+    columns$: Observable<(TableColumn | string)[]>;
+    /**
+     * Displayed columns
+     */
+    displayedColumns$: Observable<string[]>;
+    /**
+     * Displayed filter columns
+     */
+    displayedFilterColumns$: Observable<string[]>;
     /**
      * Table row menu items
      */
@@ -129,24 +151,21 @@ export declare class VdDynamicTableComponent implements OnInit {
      * ColumnType: ColumnType
      */
     ColumnType: typeof TableColumnType;
-    /**
-     * Displayed columns
-     */
-    displayedColumns: string[];
-    /**
-     * Displayed filter columns
-     */
-    displayedFilterColumns: string[];
     /**
      * expandedRow: any
      */
     expandedRow: any;
+    /**
+     * Default page size
+     */
+    pageSize: number;
     /**
      * Page size options
      */
     pageSizeOptions: Array<number>;
     /**
      * Constructor
+     * @param dynamicBuilder
      */
     constructor(dynamicBuilder: DynamicBuilder);
     /**
@@ -157,6 +176,10 @@ export declare class VdDynamicTableComponent implements OnInit {
      * It is invoked only once when the directive is instantiated.
      */
     ngOnInit(): void;
+    /**
+     * Updates the table columns
+     */
+    updateColumns(loadConfig?: boolean): void;
     /**
      * Counts visible action menus
      * @param row
@@ -196,11 +219,26 @@ export declare class VdDynamicTableComponent implements OnInit {
      * changes (add/remove/move rows).
      */
     renderRows(): void;
+    /**
+     * Saves the table config
+     * @param config
+     */
+    saveConfigs(configs: TableColumnConfig[]): void;
+    /**
+     * Gets cell class
+     * @param column
+     */
+    protected getCellClass(column: TableColumn, row: any): any;
+    /**
+     * Gets cell class
+     * @param column
+     */
+    protected getVisibilityClass(column: TableColumn): any;
     /**
      * Responds to user-initiated events
      * @param event
      */
     handleContextMenuEvent(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDynamicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableComponent, "vd-dynamic-table", never, { "dataSource": "dataSource"; "data": "data"; "classType": "classType"; "context": "context"; "dataSourceFilter": "dataSourceFilter"; "filterable": "filterable"; "paginable": "paginable"; "selectable": "selectable"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "stickyHeader": "stickyHeader"; "stickyFilter": "stickyFilter"; "rowNgClass": "rowNgClass"; "detailsTemplate": "detailsTemplate"; "readonly": "readonly"; "selectAllFilter": "selectAllFilter"; "columns": "columns"; "rowMenuItems": "rowMenuItems"; "excludedColumns": "excludedColumns"; }, { "rowClick": "rowClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableComponent, "vd-dynamic-table", never, { "dataSource": "dataSource"; "data": "data"; "classType": "classType"; "context": "context"; "dataSourceFilter": "dataSourceFilter"; "static": "static"; "filterable": "filterable"; "paginable": "paginable"; "selectable": "selectable"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "stickyHeader": "stickyHeader"; "stickyFilter": "stickyFilter"; "rowNgClass": "rowNgClass"; "detailsTemplate": "detailsTemplate"; "readonly": "readonly"; "selectAllFilter": "selectAllFilter"; "columns": "columns"; "rowMenuItems": "rowMenuItems"; "excludedColumns": "excludedColumns"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; }, { "rowClick": "rowClick"; }, never, ["[table-footer]"]>;
 }

package/lib/table/components/filter-clear.component.d.ts

@@ -12,5 +12,5 @@ export declare class FilterClearComponent {
      */
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterClearComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterClearComponent, "mat-header-cell[filter-clear],[mat-header-cell][filter-clear]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterClearComponent, "mat-header-cell[filter-clear], [mat-header-cell][filter-clear], [filter-clear]", never, {}, {}, never, never>;
 }

package/lib/table/components/filter-date.component.d.ts

@@ -66,5 +66,5 @@ export declare class FilterDateComponent implements ControlValueAccessor {
      */
     private pad;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "mat-header-cell[filter-date],[mat-header-cell][filter-date]", never, { "field": "field"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "mat-header-cell[filter-date], [mat-header-cell][filter-date], [filter-date]", never, { "field": "field"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
 }

package/lib/table/components/filter-input.component.d.ts

@@ -90,5 +90,5 @@ export declare class FilterInputComponent implements OnInit, ControlValueAccesso
      */
     private reload;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterInputComponent, "mat-header-cell[filter-input],[mat-header-cell][filter-input]", never, { "field": "field"; "operator": "operator"; "onlyNumber": "onlyNumber"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterInputComponent, "mat-header-cell[filter-input], [mat-header-cell][filter-input], [filter-input]", never, { "field": "field"; "operator": "operator"; "onlyNumber": "onlyNumber"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
 }

package/lib/table/components/filter-select.component.d.ts

@@ -174,5 +174,5 @@ export declare class FilterSelectComponent implements OnInit, ControlValueAccess
      */
     onTouched: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "mat-header-cell[filter-select],[mat-header-cell][filter-select]", never, { "endpoint": "endpoint"; "params": "params"; "projection": "projection"; "sortBy": "sortBy"; "sorted": "sorted"; "enum": "enum"; "key": "key"; "text": "text"; "prefix": "prefix"; "multiple": "multiple"; "options": "options"; "filteredOptions": "filteredOptions"; "filterable": "filterable"; "field": "field"; "placeholder": "placeholder"; "cache": "cache"; }, {}, ["optionTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "mat-header-cell[filter-select], [mat-header-cell][filter-select], [filter-select]", never, { "endpoint": "endpoint"; "params": "params"; "projection": "projection"; "sortBy": "sortBy"; "sorted": "sorted"; "enum": "enum"; "key": "key"; "text": "text"; "prefix": "prefix"; "multiple": "multiple"; "options": "options"; "filteredOptions": "filteredOptions"; "filterable": "filterable"; "field": "field"; "placeholder": "placeholder"; "cache": "cache"; }, {}, ["optionTemplate"], never>;
 }

package/lib/table/models/table-column-config.d.ts

@@ -0,0 +1,30 @@
+export declare class TableColumnConfig {
+    name: string;
+    sortBy?: string;
+    header?: string;
+    index?: number;
+    hidden?: boolean;
+    disabled?: boolean;
+    showGtXs?: boolean;
+    showGtSm?: boolean;
+    showGtMd?: boolean;
+    showGtLg?: boolean;
+    showGtXl?: boolean;
+    showGtXxl?: boolean;
+    width?: number;
+    widthUnit?: string;
+    minWidth?: number;
+    minWidthUnit?: string;
+    maxWidth?: number;
+    maxWidthUnit?: string;
+    sticky?: boolean;
+    stickyEnd?: boolean;
+    hide?: Function;
+    tooltip?: Function;
+    tooltipClass?: string;
+    /**
+     * constructor
+     * @param init
+     */
+    constructor(init?: Partial<TableColumnConfig>);
+}

package/lib/table/models/table-column.d.ts

@@ -18,6 +18,7 @@ export declare class TableColumn {
     content?: Function;
     contentLength?: number;
     event?: Function | string;
+    change?: Function;
     inputType?: string;
     filterInputNumber?: boolean;
     filterOperator?: string;
@@ -51,6 +52,7 @@ export declare class TableColumn {
     cellNgClass?: Function;
     tooltip?: Function;
     tooltipClass?: string;
+    configurable?: boolean;
     /**
      * constructor
      * @param init

package/lib/table/table.module.d.ts

@@ -35,6 +35,7 @@ export { Column, Table } from './functions/decorators';
 export { getTableDefinition } from './functions/functions';
 export { Pagination } from './models/pagination';
 export { TableColumn } from './models/table-column';
+export { TableColumnConfig } from './models/table-column-config';
 export { TableDefinition } from './models/table-definition';
 export { TableMenuItem } from './models/table-menu-item';
 export { TableDataSource } from './table.data-source';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@messaia/cdk",
-  "version": "13.3.5",
+  "version": "13.3.6-rc01",
   "peerDependencies": {},
   "publishConfig": {
     "registry": "https://registry.npmjs.org"