@ieeesa-npm/presentation 0.13.9 → 0.14.1

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

@@ -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;

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/models/list-item.model.d.ts

@@ -0,0 +1,20 @@
+import { IconButton } from '../models/icon-button.model';
+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.9",
+  "version": "0.14.1",
   "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';
@@ -57,6 +58,7 @@ export * from './lib/models/header-config.model';
 export * from './lib/models/icon-button.model';
 export * from './lib/models/legend.model';
 export * from './lib/models/link-type.model';
+export * from './lib/models/list-item.model';
 export * from './lib/models/menu.model';
 export * from './lib/models/navigation-menu.model';
 export * from './lib/models/radio-option.model';

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
   }
 }