@ieeesa-npm/presentation 0.16.6 → 0.16.8

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';
@@ -27,6 +27,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 +43,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 +84,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>;
@@ -100,12 +105,16 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
     rowExpansionClick: EventEmitter<any>;
     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>;
@@ -121,7 +130,8 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     set searchResultMessage(value: string);
     get searchResultMessage(): string;
     safeType: SafeType;
-    constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef);
+    rowMenuActionIcon: IconButton;
+    constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef, renderer: Renderer2);
     /**
      * Initializes the data table component and sets the table action buttons.
      * @memberof DataTableComponent
@@ -132,6 +142,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
@@ -270,5 +285,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; }; }, { "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"; }, never, never, true, never>;
 }

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

@@ -21,6 +21,9 @@ export declare class ListComponent implements OnDestroy {
     indentation: any;
     addListButton: IconButton;
     safeType: string;
+    set addListButtonConfig(addListButton: IconButton);
+    get addListButtonConfig(): IconButton;
+    domChangeEvent: EventEmitter<MutationRecord>;
     constructor(elementRef: ElementRef);
     /**
      * Emits hyperLinkAndButtonClick event on click of hyper link.
@@ -56,11 +59,16 @@ export declare class ListComponent implements OnDestroy {
      * @memberof ListComponent
      */
     onClickAddItem(): void;
+    /**
+     * Adds click event to the anchor tags whenever dom changes.
+     * @memberof ListComponent
+     */
+    onDomChange(event: MutationRecord): void;
     /**
      * Removing the event listeners on destroy.
      * @memberof ListComponent
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ieeesa-list", never, { "listDataItems": { "alias": "listDataItems"; "required": false; }; "listHeaderConfig": { "alias": "listHeaderConfig"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "addListButton": { "alias": "addListButton"; "required": false; }; }, { "selectedItemAndAction": "selectedItemAndAction"; "reorderedList": "reorderedList"; "hyperLinkAndButtonClick": "hyperLinkAndButtonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ieeesa-list", never, { "listDataItems": { "alias": "listDataItems"; "required": false; }; "listHeaderConfig": { "alias": "listHeaderConfig"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "addListButtonConfig": { "alias": "addListButtonConfig"; "required": false; }; }, { "selectedItemAndAction": "selectedItemAndAction"; "reorderedList": "reorderedList"; "hyperLinkAndButtonClick": "hyperLinkAndButtonClick"; "domChangeEvent": "domChangeEvent"; }, never, never, true, never>;
 }

package/lib/directives/observe-dom-change/observe-dom-change.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ObserveDomChangeDirective implements OnInit, OnDestroy {
+    private elementRef;
+    observer: MutationObserver;
+    domChange: EventEmitter<any>;
+    constructor(elementRef: ElementRef);
+    /**
+     * Observes the dom changes and emits dom change event.
+     * @memberof ObserveDomChangeDirective
+     */
+    ngOnInit(): void;
+    /**
+     * Disconnects the observer when the directive is destroyed.
+     * @memberof ObserveDomChangeDirective
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObserveDomChangeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveDomChangeDirective, "[ieeesaObserveDomChange]", never, {}, { "domChange": "domChange"; }, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -42,6 +42,7 @@ export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-fiel
 export * from './lib/directives/set-background/set-background.directive';
 export * from './lib/directives/text-truncated/text-truncated.directive';
 export * from './lib/directives/file-upload/file-upload.directive';
+export * from './lib/directives/observe-dom-change/observe-dom-change.directive';
 export * from './lib/models/align-type.model';
 export * from './lib/models/app-config-info.model';
 export * from './lib/models/autocomplete-option.model';