@ieeesa-npm/presentation 0.16.8 → 0.16.9

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

@@ -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.
@@ -104,6 +105,8 @@ 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;
@@ -177,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
@@ -285,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; }; "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"; }, 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.8",
+  "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';