@ieeesa-npm/presentation 0.18.1 → 0.18.3

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.
@@ -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
  }
@@ -2,4 +2,5 @@ export interface SlideToggleOption {
2
2
  id: number | string;
3
3
  label: string;
4
4
  checked: boolean;
5
+ ariaLabel?: string;
5
6
  }
@@ -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",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.18.1",
3
+ "version": "0.18.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",