@ieeesa-npm/presentation 0.14.9 → 0.15.1

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

@@ -1,4 +1,4 @@
-import { OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { MatAccordion } from '@angular/material/expansion';
 import { AccordionInfo } from '../../models/accordion-info.model';
 import { BreakpointObserverService } from '@ieeesa-npm/utility';
@@ -12,12 +12,19 @@ export declare class AccordionComponent implements OnDestroy {
     private accordionDetails;
     set accordionInfo(value: AccordionInfo);
     get accordionInfo(): AccordionInfo;
+    accordionOpened: EventEmitter<boolean>;
     constructor(breakpointObserverService: BreakpointObserverService);
+    /**
+     * Emits accordionOpened event with true when accordion is expanded or false if accordion is collapsed.
+     * @param {boolean} isExpanded
+     * @memberof AccordionComponent
+     */
+    setOpenedStatus(isExpanded: boolean): void;
     /**
      * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
      * @memberof AccordionComponent
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ieeesa-accordion", never, { "accordionInfo": { "alias": "accordionInfo"; "required": false; }; }, {}, never, ["[component]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ieeesa-accordion", never, { "accordionInfo": { "alias": "accordionInfo"; "required": false; }; }, { "accordionOpened": "accordionOpened"; }, never, ["[actions]", "[component]"], true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
+import { EventEmitter, OnInit, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
 import { PageEvent } from '@angular/material/paginator';
 import { MatSort, Sort, SortDirection } from '@angular/material/sort';
@@ -26,6 +26,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DataTableComponent implements OnInit, AfterViewInit, OnDestroy {
     private breakpointObserverService;
+    private elRef;
     private tableData;
     private nestedTableData;
     expandedElement: any;
@@ -41,6 +42,8 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     get nestedTableColumnSchemaInfo(): TableColumnSchema[];
     constants: any;
     tableActions: TableActions;
+    tableColumnActions: Menu[];
+    tableColumnActionMenuSize: string;
     tableRowActions: Menu[];
     nestedTableRowActions: Menu[];
     caption: string;
@@ -75,6 +78,10 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     inbuiltSortingNeeded: boolean;
     isCellTextOverflowEllipsis: boolean;
     isTableHeaderNeeded: boolean;
+    tableColumnsHeaderText: string;
+    verticalColumnHeaderNumber: number;
+    scrollbarSupportMessage: string;
+    isScrollSupportMessageNeeded: boolean;
     rowSelected: EventEmitter<any>;
     selectedRowToEdit: EventEmitter<any>;
     selectedRowToDelete: EventEmitter<any>;
@@ -93,9 +100,12 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
     rowExpansionClick: EventEmitter<any>;
     sort: MatSort;
+    tableContent: ElementRef<HTMLElement>;
     displayedColumns: string[];
     nestedTableDisplayedColumns: string[];
     isMobileView: boolean;
+    isScrollingEnabled: boolean;
+    resizeObserver: ResizeObserver;
     dataSource: MatTableDataSource<any>;
     nestedTableDataSource: MatTableDataSource<any>;
     selectedRows: SelectionModel<TableColumnSchema>;
@@ -111,14 +121,14 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     set searchResultMessage(value: string);
     get searchResultMessage(): string;
     safeType: SafeType;
-    constructor(breakpointObserverService: BreakpointObserverService);
+    constructor(breakpointObserverService: BreakpointObserverService, elRef: ElementRef);
     /**
      * Initializes the data table component and sets the table action buttons.
      * @memberof DataTableComponent
      */
     ngOnInit(): void;
     /**
-     * Initializes the sort feature of dataSource
+     * Initializes the sort feature of dataSource and set margin left for tableColumnsHeaderText if it isn't empty.
      * @memberof DataTableComponent
      */
     ngAfterViewInit(): void;
@@ -260,5 +270,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; }; "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; }; "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; }; "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>;
 }

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -79,7 +79,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formTimeSelected: EventEmitter<SelectedTime>;
     supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
-    formFileUpload: EventEmitter<File | FileList>;
+    formFileUpload: EventEmitter<FileList | File>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
     formRadioOptionSelected: EventEmitter<RadioOption>;

package/lib/components/file-upload/file-upload.component.d.ts

@@ -227,7 +227,10 @@ export declare class FileUploadComponent implements OnInit {
                     "2025": string;
                     "2026": string;
                 };
-            };
+            }; /**
+             * Initiates the file upload process for independent file upload component.
+             * @memberof FileUploadComponent
+             */
         };
         list: {
             defaultIndentation: number;
@@ -267,7 +270,6 @@ export declare class FileUploadComponent implements OnInit {
     allowedFileTypesAndSizeText: string;
     config: FieldConfig;
     group: FormGroup;
-    isFileSelected: boolean;
     isValidFileType: boolean;
     isValidFileSize: boolean;
     selectedFiles: FileList | File | any;
@@ -276,6 +278,7 @@ export declare class FileUploadComponent implements OnInit {
     totalSize: number;
     uploadedFiles: FileList | File | any;
     formControlName: string;
+    isFileSelected: boolean;
     supportMessage: string;
     allowedFileTypes: AllowedFileTypes[];
     isMultiFileUpload: boolean;
@@ -285,8 +288,8 @@ export declare class FileUploadComponent implements OnInit {
     private uploadedSizeValue;
     get uploadedSize(): number;
     set uploadedSize(value: number);
-    uploadSelectedFiles: EventEmitter<File | FileList>;
-    downloadSelectedFile: EventEmitter<File | FileList>;
+    uploadSelectedFiles: EventEmitter<FileList | File>;
+    downloadSelectedFile: EventEmitter<FileList | File>;
     constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService);
     /**
      * Initializes component properties and retrieves configuration.
@@ -345,5 +348,5 @@ export declare class FileUploadComponent implements OnInit {
      */
     trackByFn(index: number): number | string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "isFileSelected": { "alias": "isFileSelected"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; }, never, never, true, never>;
 }

package/lib/components/image-preview/image-preview.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ImagePreviewComponent implements OnInit {
+    isSvg: boolean;
+    private imageURL;
+    imageName: string;
+    set imageUrl(value: string);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImagePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImagePreviewComponent, "ieeesa-image-preview", never, { "imageUrl": { "alias": "imageUrl"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -11,6 +11,7 @@ export declare class MenuComponent {
     constants: any;
     menuItems: Menu[];
     button: IconButton;
+    defaultIconSize: string;
     isMarginBottomZero: boolean;
     menuItemClick: EventEmitter<Menu>;
     /**
@@ -28,5 +29,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; }; "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; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -72,7 +72,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
-    formFileUpload: EventEmitter<File | FileList>;
+    formFileUpload: EventEmitter<FileList | File>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);

package/lib/directives/file-upload/file-upload.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadDirective {
     allowedFileTypes: string[];
     isMultiFileUpload: boolean;
-    fileDropped: EventEmitter<File | FileList>;
+    fileDropped: EventEmitter<FileList | File>;
     /**
      * Binds the 'multiple' attribute based on the value of allowMultiple property.
      * @readonly

package/lib/models/accordion-info.model.d.ts

@@ -3,3 +3,10 @@ export interface AccordionInfo {
     title: string;
     isDisabled: boolean;
 }
+export declare enum AccordionDetails {
+    BASIC_DETAILS = 1,
+    ROLES_AND_PERMISSIONS = 2,
+    GROUP_TYPES = 3,
+    MEETINGS_AND_EVENTS = 4,
+    BALLOTS = 5
+}

package/lib/models/field-config.model.d.ts

@@ -65,6 +65,7 @@ export interface FieldConfig {
     maxUploadFileSize?: number;
     allowedFileTypes?: AllowedFileTypes[];
     maxFileSizeErrorMessage?: string;
+    isFileSelected?: boolean;
     allowedFileTypeErrorMessage?: string;
     invalidDateRangeErrorMessage?: string;
     invalidColorErrorMessage?: string;

package/lib/models/list-item.model.d.ts

@@ -5,7 +5,6 @@ export interface ListItem {
     parentId: string | null;
     title: string;
     description?: string;
-    moreInfo?: any;
     level: number;
     rank: number;
     subItems?: ListItem[];

package/lib/models/table-schema.model.d.ts

@@ -25,4 +25,5 @@ export interface TableColumnSchema {
     isSortableColumn?: boolean;
     isHTMLCellData?: boolean;
     isContentUnderLink?: boolean;
+    hasColumnActions?: boolean;
 }

package/lib/services/file-upload.service.d.ts

@@ -320,7 +320,7 @@ export declare class FileUploadService implements OnDestroy {
      * @return {Observable<string>}
      * @memberof FileUploadService
      */
-    getFileDownloadPresignedUrls(file: File | FileList): Observable<string>;
+    getFileDownloadPresignedUrls(file: File | FileList | string): Observable<string>;
     /**
      * Downloads file to AWS S3 using a presigned URL.
      * @return {Observable<any>}

package/package.json

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

package/public-api.d.ts

@@ -35,6 +35,7 @@ export * from './lib/components/card/card.component';
 export * from './lib/components/color-picker/color-picker.component';
 export * from './lib/components/file-upload/file-upload.component';
 export * from './lib/components/accordion/accordion.component';
+export * from './lib/components/image-preview/image-preview.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
 export * from './lib/directives/set-background/set-background.directive';