@ieeesa-npm/presentation 0.16.7 → 0.16.9

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+import { EventEmitter, OnInit, AfterViewInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
 import { PageEvent } from '@angular/material/paginator';
 import { MatSort, Sort, SortDirection } from '@angular/material/sort';
@@ -15,6 +15,7 @@ import { SearchType } from '../../models/search.model';
 import { FiltersAndOptions } from '../../models/filters-options.model';
 import { Menu } from '../../models/menu.model';
 import { Legend } from '../../models/legend.model';
+import { TableColumnMenuInfo } from '../../models/table-column-menu-info.model';
 import * as i0 from "@angular/core";
 /**
  * Provides a Material Design styled data-table that can be used to display rows of data with sortBy, filterBy, add/edit/delete table row data, pagination, search table data.
@@ -27,6 +28,7 @@ import * as i0 from "@angular/core";
 export declare class DataTableComponent implements OnInit, AfterViewInit, OnDestroy {
     private breakpointObserverService;
     private elRef;
+    private renderer;
     private tableData;
     private nestedTableData;
     expandedElement: any;
@@ -42,6 +44,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     get nestedTableColumnSchemaInfo(): TableColumnSchema[];
     constants: any;
     tableActions: TableActions;
+    hasNestedTable: boolean;
     tableColumnActions: Menu[];
     tableColumnActionMenuSize: string;
     tableRowActions: Menu[];
@@ -82,6 +85,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     verticalColumnHeaderNumber: number;
     scrollbarSupportMessage: string;
     isScrollSupportMessageNeeded: boolean;
+    isStickyHeaderNeeded: boolean;
+    customStickyHeaderNeeded: boolean;
+    headerElementClassName: string;
     rowSelected: EventEmitter<any>;
     selectedRowToEdit: EventEmitter<any>;
     selectedRowToDelete: EventEmitter<any>;
@@ -99,13 +105,19 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     sortChange: EventEmitter<Sort>;
     selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
     rowExpansionClick: EventEmitter<any>;
+    tableColumnMenuActionClick: EventEmitter<TableColumnMenuInfo>;
+    tableColumnMenuToggleButton: EventEmitter<HTMLElement>;
     sort: MatSort;
+    headerCellElement: HTMLElement;
+    headerHeight: DOMRect;
     tableContent: ElementRef<HTMLElement>;
+    setStickyTableHeader(): void;
     displayedColumns: string[];
     nestedTableDisplayedColumns: string[];
     isMobileView: boolean;
     isScrollingEnabled: boolean;
-    resizeObserver: ResizeObserver;
+    resizeObserverForTableContent: ResizeObserver;
+    resizeObserverForTableCell: ResizeObserver;
     dataSource: MatTableDataSource<any>;
     nestedTableDataSource: MatTableDataSource<any>;
     selectedRows: SelectionModel<TableColumnSchema>;
@@ -122,7 +134,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     get searchResultMessage(): string;
     safeType: SafeType;
     rowMenuActionIcon: IconButton;
-    constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef);
+    constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef, renderer: Renderer2);
     /**
      * Initializes the data table component and sets the table action buttons.
      * @memberof DataTableComponent
@@ -133,6 +145,11 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      * @memberof DataTableComponent
      */
     ngAfterViewInit(): void;
+    /**
+     * Set margin left for table column header text based on width of columns.
+     * @memberof DataTableComponent
+     */
+    setMarginLeftForHeaderText(): void;
     /**
      * Sets the dataSource whenever the table data changes.
      * @memberof DataTableComponent
@@ -163,6 +180,19 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      * @memberof DataTableComponent
      */
     onSelectClick(row: any): void;
+    /**
+     * Emits tableColumnActionInfo event with tableColumnInfo and menuActionInfo.
+     * @param {TableColumnSchema} column
+     * @param {Menu} menuAction
+     * @memberof DataTableComponent
+     */
+    tableColumnActionClick(column: TableColumnSchema, menuAction: Menu): void;
+    /**
+     * Emits tableColumnActionElement event with the selected HTML Element.
+     * @param {HTMLElement} element
+     * @memberof DataTableComponent
+     */
+    tableColumnActionElement(element: HTMLElement): void;
     /**
      * OnEditClick method emits the selectedRowToEdit event with the selected row data.
      * @param {*} row
@@ -271,5 +301,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "nestedTableDataInfo": { "alias": "nestedTableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "nestedTableColumnSchemaInfo": { "alias": "nestedTableColumnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "tableColumnActions": { "alias": "tableColumnActions"; "required": false; }; "tableColumnActionMenuSize": { "alias": "tableColumnActionMenuSize"; "required": false; }; "tableRowActions": { "alias": "tableRowActions"; "required": false; }; "nestedTableRowActions": { "alias": "nestedTableRowActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "viewAll": { "alias": "viewAll"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "nestedPaginatorConfig": { "alias": "nestedPaginatorConfig"; "required": false; }; "legends": { "alias": "legends"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "rowExpandButton": { "alias": "rowExpandButton"; "required": false; }; "rowCollapseButton": { "alias": "rowCollapseButton"; "required": false; }; "isNestedTableHeaderNeeded": { "alias": "isNestedTableHeaderNeeded"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "searchSupportMessage": { "alias": "searchSupportMessage"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "required": false; }; "tableColumnsHeaderText": { "alias": "tableColumnsHeaderText"; "required": false; }; "verticalColumnHeaderNumber": { "alias": "verticalColumnHeaderNumber"; "required": false; }; "scrollbarSupportMessage": { "alias": "scrollbarSupportMessage"; "required": false; }; "isScrollSupportMessageNeeded": { "alias": "isScrollSupportMessageNeeded"; "required": false; }; "searchResultMessage": { "alias": "searchResultMessage"; "required": false; }; "rowMenuActionIcon": { "alias": "rowMenuActionIcon"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "menuActionClick": "menuActionClick"; "selectActionMenu": "selectActionMenu"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; "selectedRowsInfo": "selectedRowsInfo"; "rowExpansionClick": "rowExpansionClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "nestedTableDataInfo": { "alias": "nestedTableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "nestedTableColumnSchemaInfo": { "alias": "nestedTableColumnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "hasNestedTable": { "alias": "hasNestedTable"; "required": false; }; "tableColumnActions": { "alias": "tableColumnActions"; "required": false; }; "tableColumnActionMenuSize": { "alias": "tableColumnActionMenuSize"; "required": false; }; "tableRowActions": { "alias": "tableRowActions"; "required": false; }; "nestedTableRowActions": { "alias": "nestedTableRowActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "viewAll": { "alias": "viewAll"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "nestedPaginatorConfig": { "alias": "nestedPaginatorConfig"; "required": false; }; "legends": { "alias": "legends"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "rowExpandButton": { "alias": "rowExpandButton"; "required": false; }; "rowCollapseButton": { "alias": "rowCollapseButton"; "required": false; }; "isNestedTableHeaderNeeded": { "alias": "isNestedTableHeaderNeeded"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "searchSupportMessage": { "alias": "searchSupportMessage"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "required": false; }; "tableColumnsHeaderText": { "alias": "tableColumnsHeaderText"; "required": false; }; "verticalColumnHeaderNumber": { "alias": "verticalColumnHeaderNumber"; "required": false; }; "scrollbarSupportMessage": { "alias": "scrollbarSupportMessage"; "required": false; }; "isScrollSupportMessageNeeded": { "alias": "isScrollSupportMessageNeeded"; "required": false; }; "isStickyHeaderNeeded": { "alias": "isStickyHeaderNeeded"; "required": false; }; "customStickyHeaderNeeded": { "alias": "customStickyHeaderNeeded"; "required": false; }; "headerElementClassName": { "alias": "headerElementClassName"; "required": false; }; "searchResultMessage": { "alias": "searchResultMessage"; "required": false; }; "rowMenuActionIcon": { "alias": "rowMenuActionIcon"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "menuActionClick": "menuActionClick"; "selectActionMenu": "selectActionMenu"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; "selectedRowsInfo": "selectedRowsInfo"; "rowExpansionClick": "rowExpansionClick"; "tableColumnMenuActionClick": "tableColumnMenuActionClick"; "tableColumnMenuToggleButton": "tableColumnMenuToggleButton"; }, never, never, true, never>;
 }

package/lib/components/menu/menu.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { Menu } from '../../models/menu.model';
 import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
@@ -8,14 +8,17 @@ import * as i0 from "@angular/core";
  * @class MenuComponent
  */
 export declare class MenuComponent {
+    private elementRef;
     constants: any;
     menuItems: Menu[];
     button: IconButton;
     defaultIconSize: string;
     isMarginBottomZero: boolean;
+    menuToggleButtonElement: EventEmitter<HTMLElement>;
     menuItemClick: EventEmitter<Menu>;
+    constructor(elementRef: ElementRef);
     /**
-     * Emits the clicked menu item
+     * Emits the clicked menu item and emits menu button element event when its not triggered through mouse.
      * @param {Menu} menu
      * @memberof MenuComponent
      */
@@ -29,5 +32,5 @@ export declare class MenuComponent {
      */
     trackByFn(index: number, menu: Menu): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ieeesa-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "button": { "alias": "button"; "required": false; }; "defaultIconSize": { "alias": "defaultIconSize"; "required": false; }; "isMarginBottomZero": { "alias": "isMarginBottomZero"; "required": false; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ieeesa-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "button": { "alias": "button"; "required": false; }; "defaultIconSize": { "alias": "defaultIconSize"; "required": false; }; "isMarginBottomZero": { "alias": "isMarginBottomZero"; "required": false; }; }, { "menuToggleButtonElement": "menuToggleButtonElement"; "menuItemClick": "menuItemClick"; }, never, never, true, never>;
 }

package/lib/models/table-column-menu-info.model.d.ts

@@ -0,0 +1,6 @@
+import { Menu } from './menu.model';
+import { TableColumnSchema } from './table-schema.model';
+export interface TableColumnMenuInfo {
+    tableColumnInfo: TableColumnSchema;
+    menuActionInfo: Menu;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.16.7",
+  "version": "0.16.9",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -89,6 +89,7 @@ export * from './lib/models/allowed-file-types.model';
 export * from './lib/models/file-upload-presigned-url-res.model';
 export * from './lib/models/accordion-info.model';
 export * from './lib/models/inactive-tenant.model';
+export * from './lib/models/table-column-menu-info.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/services/file-upload.service';