@ieeesa-npm/presentation 0.16.7 → 0.16.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/esm2022/lib/components/data-table/data-table.component.mjs +88 -23
  2. package/esm2022/lib/components/image-preview/image-preview.component.mjs +3 -3
  3. package/fesm2022/ieeesa-npm-presentation.mjs +88 -23
  4. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  5. package/lib/components/data-table/data-table.component.d.ts +18 -4
  6. package/package.json +1 -1
package/lib/components/data-table/data-table.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { EventEmitter, OnInit, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
1
+ import { EventEmitter, OnInit, AfterViewInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
2
2
  import { MatTableDataSource } from '@angular/material/table';
3
3
  import { PageEvent } from '@angular/material/paginator';
4
4
  import { MatSort, Sort, SortDirection } from '@angular/material/sort';
@@ -27,6 +27,7 @@ import * as i0 from "@angular/core";
27
27
  export declare class DataTableComponent implements OnInit, AfterViewInit, OnDestroy {
28
28
  private breakpointObserverService;
29
29
  private elRef;
30
+ private renderer;
30
31
  private tableData;
31
32
  private nestedTableData;
32
33
  expandedElement: any;
@@ -42,6 +43,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
42
43
  get nestedTableColumnSchemaInfo(): TableColumnSchema[];
43
44
  constants: any;
44
45
  tableActions: TableActions;
46
+ hasNestedTable: boolean;
45
47
  tableColumnActions: Menu[];
46
48
  tableColumnActionMenuSize: string;
47
49
  tableRowActions: Menu[];
@@ -82,6 +84,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
82
84
  verticalColumnHeaderNumber: number;
83
85
  scrollbarSupportMessage: string;
84
86
  isScrollSupportMessageNeeded: boolean;
87
+ isStickyHeaderNeeded: boolean;
88
+ customStickyHeaderNeeded: boolean;
89
+ headerElementClassName: string;
85
90
  rowSelected: EventEmitter<any>;
86
91
  selectedRowToEdit: EventEmitter<any>;
87
92
  selectedRowToDelete: EventEmitter<any>;
@@ -100,12 +105,16 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
100
105
  selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
101
106
  rowExpansionClick: EventEmitter<any>;
102
107
  sort: MatSort;
108
+ headerCellElement: HTMLElement;
109
+ headerHeight: DOMRect;
103
110
  tableContent: ElementRef<HTMLElement>;
111
+ setStickyTableHeader(): void;
104
112
  displayedColumns: string[];
105
113
  nestedTableDisplayedColumns: string[];
106
114
  isMobileView: boolean;
107
115
  isScrollingEnabled: boolean;
108
- resizeObserver: ResizeObserver;
116
+ resizeObserverForTableContent: ResizeObserver;
117
+ resizeObserverForTableCell: ResizeObserver;
109
118
  dataSource: MatTableDataSource<any>;
110
119
  nestedTableDataSource: MatTableDataSource<any>;
111
120
  selectedRows: SelectionModel<TableColumnSchema>;
@@ -122,7 +131,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
122
131
  get searchResultMessage(): string;
123
132
  safeType: SafeType;
124
133
  rowMenuActionIcon: IconButton;
125
- constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef);
134
+ constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef, renderer: Renderer2);
126
135
  /**
127
136
  * Initializes the data table component and sets the table action buttons.
128
137
  * @memberof DataTableComponent
@@ -133,6 +142,11 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
133
142
  * @memberof DataTableComponent
134
143
  */
135
144
  ngAfterViewInit(): void;
145
+ /**
146
+ * Set margin left for table column header text based on width of columns.
147
+ * @memberof DataTableComponent
148
+ */
149
+ setMarginLeftForHeaderText(): void;
136
150
  /**
137
151
  * Sets the dataSource whenever the table data changes.
138
152
  * @memberof DataTableComponent
@@ -271,5 +285,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
271
285
  */
272
286
  ngOnDestroy(): void;
273
287
  static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
274
- 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>;
288
+ 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>;
275
289
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.16.7",
3
+ "version": "0.16.8",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",