@ieeesa-npm/presentation 0.18.0 → 0.18.2
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.
- package/esm2022/lib/components/data-table/data-table.component.mjs +19 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -2
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +6 -3
- package/esm2022/lib/models/header-config.model.mjs +1 -1
- package/esm2022/lib/models/slide-toggle-options.model.mjs +1 -1
- package/esm2022/lib/models/table-schema.model.mjs +2 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +25 -5
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/data-table/data-table.component.d.ts +13 -1
- package/lib/components/slide-toggle/slide-toggle.component.d.ts +2 -1
- package/lib/models/header-config.model.d.ts +2 -2
- package/lib/models/slide-toggle-options.model.d.ts +1 -0
- package/lib/models/table-schema.model.d.ts +2 -1
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ import { FiltersAndOptions } from '../../models/filters-options.model';
|
|
|
16
16
|
import { Menu } from '../../models/menu.model';
|
|
17
17
|
import { Legend } from '../../models/legend.model';
|
|
18
18
|
import { TableColumnMenuInfo } from '../../models/table-column-menu-info.model';
|
|
19
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
19
20
|
import * as i0 from "@angular/core";
|
|
20
21
|
/**
|
|
21
22
|
* 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.
|
|
@@ -107,6 +108,10 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
107
108
|
rowExpansionClick: EventEmitter<any>;
|
|
108
109
|
tableColumnMenuActionClick: EventEmitter<TableColumnMenuInfo>;
|
|
109
110
|
tableColumnMenuToggleButton: EventEmitter<HTMLElement>;
|
|
111
|
+
rowSlideToggle: EventEmitter<{
|
|
112
|
+
slideToggle: SlideToggleOption;
|
|
113
|
+
rowData: any;
|
|
114
|
+
}>;
|
|
110
115
|
sort: MatSort;
|
|
111
116
|
headerCellElement: HTMLElement;
|
|
112
117
|
headerHeight: DOMRect;
|
|
@@ -167,6 +172,13 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
167
172
|
* @memberof DataTableComponent
|
|
168
173
|
*/
|
|
169
174
|
onRowActionClick(row: any): void;
|
|
175
|
+
/**
|
|
176
|
+
* Emits the slide toggle option along with the selected row info.
|
|
177
|
+
* @param {SlideToggleOption} slideToggleOption
|
|
178
|
+
* @param {*} row
|
|
179
|
+
* @memberof DataTableComponent
|
|
180
|
+
*/
|
|
181
|
+
rowSlideToggleChange(slideToggleOption: SlideToggleOption, row: any): void;
|
|
170
182
|
/**
|
|
171
183
|
* Menu item action method emits the clicked menu options
|
|
172
184
|
* @param {*} row
|
|
@@ -301,5 +313,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
301
313
|
*/
|
|
302
314
|
ngOnDestroy(): void;
|
|
303
315
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
|
|
304
|
-
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>;
|
|
316
|
+
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"; "rowSlideToggle": "rowSlideToggle"; }, never, never, true, never>;
|
|
305
317
|
}
|
|
@@ -19,6 +19,7 @@ export declare class SlideToggleComponent implements OnInit {
|
|
|
19
19
|
set slideToggle(value: SlideToggleOption);
|
|
20
20
|
get slideToggle(): SlideToggleOption;
|
|
21
21
|
isDisabled: boolean;
|
|
22
|
+
canShowIcon: boolean;
|
|
22
23
|
slideToggleChange: EventEmitter<SlideToggleOption>;
|
|
23
24
|
constructor(formUtilityService: FormUtilityService);
|
|
24
25
|
/**
|
|
@@ -33,5 +34,5 @@ export declare class SlideToggleComponent implements OnInit {
|
|
|
33
34
|
*/
|
|
34
35
|
ngOnInit(): void;
|
|
35
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "ieeesa-slide-toggle", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "slideToggle": { "alias": "slideToggle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "slideToggleChange": "slideToggleChange"; }, never, never, true, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "ieeesa-slide-toggle", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "slideToggle": { "alias": "slideToggle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "canShowIcon": { "alias": "canShowIcon"; "required": false; }; }, { "slideToggleChange": "slideToggleChange"; }, never, never, true, never>;
|
|
37
38
|
}
|
|
@@ -6,7 +6,8 @@ export declare enum TableColumnType {
|
|
|
6
6
|
EDIT = "EDIT",
|
|
7
7
|
DELETE = "DELETE",
|
|
8
8
|
ACTIONS = "ACTIONS",
|
|
9
|
-
NESTED_TABLE = "NESTED_TABLE"
|
|
9
|
+
NESTED_TABLE = "NESTED_TABLE",
|
|
10
|
+
SLIDE_TOGGLE = "SLIDE_TOGGLE"
|
|
10
11
|
}
|
|
11
12
|
export declare enum TableColumnSortDirection {
|
|
12
13
|
ASCENDING = "asc",
|