@ieeesa-npm/presentation 0.13.8 → 0.14.0

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

@@ -1,11 +1,23 @@
+import { OnDestroy } from '@angular/core';
 import { MatAccordion } from '@angular/material/expansion';
 import { AccordionInfo } from '../../models/accordion-info.model';
+import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class AccordionComponent {
+export declare class AccordionComponent implements OnDestroy {
+    private breakpointObserverService;
+    destroy$: Subject<boolean>;
     accordion: MatAccordion;
+    isMobileView: boolean;
     private accordionDetails;
     set accordionInfo(value: AccordionInfo);
     get accordionInfo(): AccordionInfo;
+    constructor(breakpointObserverService: BreakpointObserverService);
+    /**
+     * 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>;
 }

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

@@ -232,6 +232,9 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 };
             };
         };
+        list: {
+            defaultIndentation: number;
+        };
     };
     chipsType: typeof ChipsType;
     orientations: typeof ChipOrientation;

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<FileList | File>;
+    formFileUpload: EventEmitter<File | FileList>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
@@ -277,5 +277,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     onDropdownOpenedChange(event: SelectOpenedState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; }, never, ["[component]"], true, never>;
 }

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

@@ -229,6 +229,9 @@ export declare class FileUploadComponent implements OnInit {
                 };
             };
         };
+        list: {
+            defaultIndentation: number;
+        };
     };
     fileUploadLabel: {
         fileUpload: string;
@@ -282,8 +285,8 @@ export declare class FileUploadComponent implements OnInit {
     private uploadedSizeValue;
     get uploadedSize(): number;
     set uploadedSize(value: number);
-    uploadSelectedFiles: EventEmitter<FileList | File>;
-    downloadSelectedFile: EventEmitter<FileList | File>;
+    uploadSelectedFiles: EventEmitter<File | FileList>;
+    downloadSelectedFile: EventEmitter<File | FileList>;
     constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService);
     /**
      * Initializes component properties and retrieves configuration.

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

@@ -0,0 +1,66 @@
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ListHeader, ListItem } from '@presentation/models/list-item.model';
+import { Menu } from '@presentation/models/menu.model';
+import { IconButton } from '@presentation/models/icon-button.model';
+import * as i0 from "@angular/core";
+export declare class ListComponent implements OnDestroy {
+    elementRef: ElementRef;
+    listItems: ListItem[];
+    listHeader: ListHeader;
+    selectedItemAndAction: EventEmitter<{
+        selectedMenu: Menu;
+        selectedItem: ListItem;
+    }>;
+    reorderedList: EventEmitter<ListItem[]>;
+    set listDataItems(listItem: ListItem[]);
+    get listDataItems(): ListItem[];
+    set listHeaderConfig(listHeaderDetail: ListHeader);
+    get listHeaderConfig(): ListHeader;
+    hyperLinkAndButtonClick: EventEmitter<Event>;
+    constants: any;
+    indentation: any;
+    addListButton: IconButton;
+    safeType: string;
+    constructor(elementRef: ElementRef);
+    /**
+     * Emits hyperLinkAndButtonClick event on click of hyper link.
+     * @param {Event} event
+     * @memberof ListComponent
+     */
+    onAnchorElementClick(event: Event): void;
+    /**
+     * Constructs the index position/number and itemLevel for each list item.
+     * @param {ListItem[]} items
+     * @param {number} itemLevel
+     * @param {string} [parentIndex]
+     * @memberof ListComponent
+     */
+    getListItemsPositionAndLevel(items: ListItem[], itemLevel: number, parentIndex?: string): void;
+    /**
+     * Emits the selected menu action and the item.
+     * @param {Menu} event
+     * @param {ListItem} item
+     * @memberof ListComponent
+     */
+    selectedMenuAction(event: Menu, item: ListItem): void;
+    /**
+     * Returns unique identifier for the list.
+     * @param {number} index
+     * @param {ListItem} item
+     * @return {(number | string)}
+     * @memberof ListComponent
+     */
+    trackByFn(index: number, item: ListItem): number | string;
+    /**
+     * Emits hyperLinkAndButtonClick event on click of button.
+     * @memberof ListComponent
+     */
+    onClickAddItem(): 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>;
+}

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<FileList | File>;
+    formFileUpload: EventEmitter<File | FileList>;
     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<FileList | File>;
+    fileDropped: EventEmitter<File | FileList>;
     /**
      * Binds the 'multiple' attribute based on the value of allowMultiple property.
      * @readonly

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

@@ -0,0 +1,20 @@
+import { IconButton } from '@ieeesa-npm/presentation';
+import { Menu } from './menu.model';
+export interface ListItem {
+    id: string;
+    parentId: string | null;
+    title: string;
+    description?: string;
+    level: number;
+    rank: number;
+    subItems?: ListItem[];
+    position?: string;
+    itemLevel?: number;
+    actionMenus?: Menu[];
+    actionIcon?: IconButton;
+}
+export interface ListHeader {
+    title: string;
+    description: string;
+    canShowAddList?: boolean;
+}

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

@@ -247,6 +247,9 @@ export declare class FileUploadService implements OnDestroy {
                 };
             };
         };
+        list: {
+            defaultIndentation: number;
+        };
     };
     apiBaseUrl: string;
     fileByteArray: Uint8Array | undefined;

package/package.json

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

package/public-api.d.ts

@@ -10,6 +10,7 @@ export * from './lib/components/header/header.component';
 export * from './lib/components/icon-button/icon-button.component';
 export * from './lib/components/input/input.component';
 export * from './lib/components/legend/legend.component';
+export * from './lib/components/list/list.component';
 export * from './lib/components/menu/menu.component';
 export * from './lib/components/modal/modal.component';
 export * from './lib/components/modal-confirmation/modal-confirmation.component';

package/src/lib/assets/constants.json

@@ -300,5 +300,8 @@
         "2026": "Invalid file format. Please upload SVG, PNG and JPG file format only."
       }
     }
+  },
+  "list": {
+    "defaultIndentation": 12
   }
 }