@ieeesa-npm/presentation 0.13.4 → 0.13.6

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

@@ -183,6 +183,54 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
         timePicker: {
             defaultTimeFormat: number;
         };
+        colorPicker: {
+            selectLabel: string;
+            cancelLabel: string;
+            defaultColor: string;
+            ariaLabel: string;
+            ariaDescription: string;
+            ariaDescribedById: string;
+        };
+        fileUpload: {
+            label: {
+                fileUpload: string;
+                allowedFileSize1: string;
+                allowedFileSize2: string;
+                allowedFileFormat: string;
+                browseFiles: string;
+                uploadProgress: string;
+            };
+            ariaLabel: {
+                fileUpload: string;
+                browseFiles: string;
+                fileUploadIcon: string;
+                removeFileIcon: string;
+                deleteFileIcon: string;
+                fileDownload: string;
+                fileUploadInput: string;
+            };
+            iconUrl: {
+                fileUploadIcon: string;
+                fileRemoveIcon: string;
+                deleteIcon: string;
+            };
+            buttons: {
+                id: number;
+                ariaLabel: string;
+                iconURL: string;
+                toolTip: string;
+                disabled: boolean;
+            }[];
+            message: {
+                error: {
+                    errorReadingFile: string;
+                    invalidFileFormat: string;
+                    invalidFileSize: string;
+                    "2025": string;
+                    "2026": string;
+                };
+            };
+        };
     };
     chipsType: typeof ChipsType;
     orientations: typeof ChipOrientation;

package/lib/components/color-picker/color-picker.component.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NgxColorsTriggerDirective } from 'ngx-colors';
+import { FormGroup } from '@angular/forms';
+import { ColorFormat, ColorsAnimation } from '../../models/color-format.model';
+import { FieldConfig } from '../../models/field-config.model';
+import { FormUtilityService } from '../../services/form-utility.service';
+import * as i0 from "@angular/core";
+export declare class ColorPickerComponent implements OnInit {
+    private formUtilityService;
+    colorPickerDirective: NgxColorsTriggerDirective;
+    colorPickerTexts: any;
+    group: FormGroup;
+    config: FieldConfig;
+    colorPickerChange: EventEmitter<string>;
+    colorPickerSliderChange: EventEmitter<string>;
+    defaultColor: string;
+    canShowPalette: boolean;
+    palette: string[];
+    overlayClassName: string;
+    colorFormat: ColorFormat;
+    colorAnimation: ColorsAnimation;
+    formControlName: string;
+    paletteSelectLabel: any;
+    paletteCancelLabel: any;
+    colorPickerLabel: string;
+    isColorCodeLabelNeeded: boolean;
+    isArrowIconNeeded: boolean;
+    canHideTextInput: boolean;
+    canHideColorPicker: boolean;
+    constructor(formUtilityService: FormUtilityService);
+    ngOnInit(): void;
+    /**
+     * Sets the color to form group control.
+     * @memberof ColorPickerComponent
+     * @param {string} color
+     * @returns {void}
+     */
+    inputChange(color: string): void;
+    /**
+     * Sets canShowPalette to true when the palette is opened.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onOpenPalette(): void;
+    /**
+     * Sets canShowPalette to false when the palette is closed.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onClosePalette(): void;
+    /**
+     * Gets triggered when the the alpha, hue or Lightness sliders are changed
+     * @param {string} color
+     */
+    onSliderChange(color: string): void;
+    /**
+     * Toggles the palette panel.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    togglePalette(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ieeesa-color-picker", never, { "defaultColor": { "alias": "defaultColor"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "overlayClassName": { "alias": "overlayClassName"; "required": false; }; "colorFormat": { "alias": "colorFormat"; "required": false; }; "colorAnimation": { "alias": "colorAnimation"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "paletteSelectLabel": { "alias": "paletteSelectLabel"; "required": false; }; "paletteCancelLabel": { "alias": "paletteCancelLabel"; "required": false; }; "colorPickerLabel": { "alias": "colorPickerLabel"; "required": false; }; "isColorCodeLabelNeeded": { "alias": "isColorCodeLabelNeeded"; "required": false; }; "isArrowIconNeeded": { "alias": "isArrowIconNeeded"; "required": false; }; "canHideTextInput": { "alias": "canHideTextInput"; "required": false; }; "canHideColorPicker": { "alias": "canHideColorPicker"; "required": false; }; }, { "colorPickerChange": "colorPickerChange"; "colorPickerSliderChange": "colorPickerSliderChange"; }, never, never, true, never>;
+}

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

@@ -11,6 +11,7 @@ import { SelectedTime } from '../../models/selected-time.model';
 import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
+import { RadioOption } from '../../models/radio-option.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -78,7 +79,10 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formTimeSelected: EventEmitter<SelectedTime>;
     supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
+    formFileUpload: EventEmitter<FileList | File>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
+    formColorPickerChange: EventEmitter<string>;
+    formRadioOptionSelected: EventEmitter<RadioOption>;
     form: FormGroup;
     formGroupArray: FormGroup[];
     formControlArray: any[];
@@ -228,6 +232,24 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     onFormSlideToggleChange(toggle: SlideToggleOption): void;
+    /**
+    * Handles form color picker event and emits formColorPickerChange event.
+    * @param {string} colorCode
+    * @memberof DynamicFormComponent
+    */
+    onFormColorPickerChange(colorCode: string): void;
+    /**
+     * Handles file upload event and emits formFileUpload event
+     * @param {(File | FileList)} file
+     * @memberof DynamicFormComponent
+     */
+    onFileUpload(file: File | FileList): void;
+    /**
+     * Handles form field radio button selection event
+     * @param {RadioOption} option
+     * @memberof DynamicFormComponent
+     */
+    onRadioOptionSelection(option: RadioOption): void;
     /**
      * Converts passed control name in hyphenated css class name
      * @param {string} className
@@ -255,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"; "dropdownOpenedChange": "dropdownOpenedChange"; }, 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, never, true, never>;
 }

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

@@ -0,0 +1,340 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormUtilityService } from '../../services/form-utility.service';
+import { FieldConfig } from '../../models/field-config.model';
+import { AllowedFileTypes } from '../../models/allowed-file-types.model';
+import { FileUploadService } from '../../services/file-upload.service';
+import * as i0 from "@angular/core";
+/**
+ * Provides functionality for uploading files to aws s3 bucket.
+ * @export
+ * @class FileUploadComponent
+ * @implements {OnInit}
+ */
+export declare class FileUploadComponent implements OnInit {
+    formUtilityService: FormUtilityService;
+    fileUploadService: FileUploadService;
+    constants: {
+        ariaLabel: {
+            clear: string;
+            warning: string;
+            previousMonth: string;
+            nextMonth: string;
+            menuIcon: string;
+            close: string;
+            search: string;
+            addFormGroup: string;
+        };
+        button: {
+            cancel: string;
+            ok: string;
+            add: string;
+        };
+        modalConfig: {
+            ariaLabel: string;
+            autoFocus: string;
+            width: string;
+        };
+        chips: {
+            noOfDefaultVisibleChips: number;
+            label: {
+                viewAll: string;
+                viewLess: string;
+            };
+            ariaLabel: {
+                chipsList: string;
+            };
+            icons: {
+                arrow: {
+                    id: number;
+                    iconURL: string;
+                    toolTip: string;
+                    ariaLabel: string;
+                };
+                remove: {
+                    id: number;
+                    iconURL: string;
+                    toolTip: string;
+                    ariaLabel: string;
+                };
+            };
+        };
+        dataTable: {
+            label: {
+                clearAll: string;
+            };
+            message: {
+                noRecordFound: string;
+            };
+            ariaLabel: {
+                search: string;
+                selectAll: string;
+                select: string;
+                link: string;
+                pagination: string;
+            };
+            buttons: {
+                id: number;
+                iconURL: string;
+                toolTip: string;
+                ariaLabel: string;
+            }[];
+        };
+        datePicker: {
+            selectDateLabel: string;
+            dateFormatLabel: string;
+            startDateLabel: string;
+            endDateLabel: string;
+        };
+        dropdown: {
+            placeholderText: string;
+        };
+        filter: {
+            label: {
+                filterBy: string;
+                applyButton: string;
+                clearAll: string;
+            };
+            buttons: {
+                id: number;
+                iconURL: string;
+                toolTip: string;
+                ariaLabel: string;
+            }[];
+        };
+        textarea: {
+            maxLengthDefault: number;
+            leftCharacters: string;
+        };
+        autocomplete: {
+            minCharToSearch: number;
+            debounceTime: number;
+        };
+        header: {
+            alt: {
+                logo: string;
+            };
+            ariaLabel: {
+                helpLink: string;
+                hamburgerMenu: string;
+            };
+            label: {
+                signOut: string;
+            };
+            buttons: {
+                id: number;
+                iconURL: string;
+                toolTip: string;
+                ariaLabel: string;
+            }[];
+            userProfileMenuOptions: {
+                id: number;
+                iconURL: string;
+                label: string;
+                ariaLabel: string;
+                toolTip: string;
+                isToolTipNeeded: boolean;
+            }[];
+        };
+        footer: {
+            alt: {
+                logo: string;
+            };
+            links: {
+                label: string;
+                ariaLabel: string;
+                redirectUrl: string;
+            }[];
+            ieeeLogo: string;
+            copyright: {
+                link: string;
+                textPart1: string;
+                textPart2: string;
+                hyperLinkPart3: string;
+                textPart4: string;
+            };
+        };
+        welcome: {
+            buttons: {
+                label: string;
+                ariaLabel: string;
+                url: string;
+            }[];
+        };
+        breadcrumb: {
+            label: {
+                dashboard: string;
+            };
+        };
+        loader: {
+            ariaLabel: {
+                spinner: string;
+            };
+        };
+        defaultWelcomeBgColor: string;
+        timePicker: {
+            defaultTimeFormat: number;
+        };
+        colorPicker: {
+            selectLabel: string;
+            cancelLabel: string;
+            defaultColor: string;
+            ariaLabel: string;
+            ariaDescription: string;
+            ariaDescribedById: string;
+        };
+        fileUpload: {
+            label: {
+                fileUpload: string;
+                allowedFileSize1: string;
+                allowedFileSize2: string;
+                allowedFileFormat: string;
+                browseFiles: string;
+                uploadProgress: string;
+            };
+            ariaLabel: {
+                fileUpload: string;
+                browseFiles: string;
+                fileUploadIcon: string;
+                removeFileIcon: string;
+                deleteFileIcon: string;
+                fileDownload: string;
+                fileUploadInput: string;
+            };
+            iconUrl: {
+                fileUploadIcon: string;
+                fileRemoveIcon: string;
+                deleteIcon: string;
+            };
+            buttons: {
+                id: number;
+                ariaLabel: string;
+                iconURL: string;
+                toolTip: string;
+                disabled: boolean;
+            }[];
+            message: {
+                error: {
+                    errorReadingFile: string;
+                    invalidFileFormat: string;
+                    invalidFileSize: string;
+                    "2025": string;
+                    "2026": string;
+                };
+            };
+        };
+    };
+    fileUploadLabel: {
+        fileUpload: string;
+        allowedFileSize1: string;
+        allowedFileSize2: string;
+        allowedFileFormat: string;
+        browseFiles: string;
+        uploadProgress: string;
+    };
+    fileUploadAriaLabel: {
+        fileUpload: string;
+        browseFiles: string;
+        fileUploadIcon: string;
+        removeFileIcon: string;
+        deleteFileIcon: string;
+        fileDownload: string;
+        fileUploadInput: string;
+    };
+    fileUploadIconUrl: {
+        fileUploadIcon: string;
+        fileRemoveIcon: string;
+        deleteIcon: string;
+    };
+    fileUploadBtn: {
+        id: number;
+        ariaLabel: string;
+        iconURL: string;
+        toolTip: string;
+        disabled: boolean;
+    };
+    allowedFileTypeErrorMessage: string;
+    maxFileSizeErrorMessage: string;
+    allowedFileTypesAndSizeText: string;
+    config: FieldConfig;
+    group: FormGroup;
+    isFileSelected: boolean;
+    isValidFileType: boolean;
+    isValidFileSize: boolean;
+    selectedFiles: FileList | File | any;
+    selectedFileNames: string;
+    isFormField: boolean;
+    totalSize: number;
+    uploadedFiles: FileList | File | any;
+    formControlName: string;
+    supportMessage: string;
+    allowedFileTypes: AllowedFileTypes[];
+    isMultiFileUpload: boolean;
+    isUploadInProgress: boolean;
+    fileUploadHeading: string;
+    maxUploadFileSize: number;
+    private uploadedSizeValue;
+    get uploadedSize(): number;
+    set uploadedSize(value: number);
+    uploadSelectedFiles: EventEmitter<FileList | File>;
+    downloadSelectedFile: EventEmitter<FileList | File>;
+    constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService);
+    /**
+     * Initializes component properties and retrieves configuration.
+     * @memberof FileUploadComponent
+     */
+    ngOnInit(): void;
+    /**
+     * Formats allowed file format and size message in required format.
+     * @memberof FileUploadComponent
+     */
+    getAllowedFileFormatSizeMessage(): void;
+    /**
+     * Handles the selected of file(s) and emits FileUpload event emitter for uploading the file(s).
+     * @param {(File | FileList)} file
+     * @memberof FileUploadComponent
+     */
+    getFile(file: File | FileList): void;
+    /**
+     * Validates the selected file(s) format and size.
+     * @param {(File | FileList)} file
+     * @memberof FileUploadComponent
+     */
+    validateFile(file: File | FileList): void;
+    /**
+     * Initiates the file upload process for independent file upload component.
+     * @memberof FileUploadComponent
+     */
+    onUpload(): void;
+    /**
+     * Clears the form group control value of type input and resets other file upload properties.
+     * @memberof FileUploadComponent
+     */
+    resetUpload(): void;
+    /**
+     * Removes the selected file from the uploaded files list.
+     * @param {number} index
+     * @memberof FileUploadComponent
+     */
+    onDeleteFile(file: File, index: number): void;
+    /**
+     * For tab key keydown event it passes event and restricts other keys from keyboard.
+     * @param {KeyboardEvent} event -Keydown event object.
+     * @memberof FileUploadComponent
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Emits file download event emitter.
+     * @memberof FileUploadComponent
+     */
+    downloadFile(): void;
+    /**
+     * Returns unique identifier for the file list.
+     * @param {number} index
+     * @return {(number | string)}
+     * @memberof FileUploadComponent
+     */
+    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>;
+}

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

@@ -9,6 +9,7 @@ import { SelectedTime } from '../../models/selected-time.model';
 import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
+import { RadioOption } from '../../models/radio-option.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -70,6 +71,9 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
+    formColorPickerChange: EventEmitter<string>;
+    formFileUpload: EventEmitter<FileList | File>;
+    formRadioOptionSelected: EventEmitter<RadioOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -88,5 +92,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive, enables to drag and drop files on the predefined area and emits the event with dropped files to upload.
+ * @export
+ * @class FileUploadDirective
+ */
+export declare class FileUploadDirective {
+    allowedFileTypes: string[];
+    isMultiFileUpload: boolean;
+    fileDropped: EventEmitter<FileList | File>;
+    /**
+     * Binds the 'multiple' attribute based on the value of allowMultiple property.
+     * @readonly
+     * @type {(string | null)}
+     * @memberof FileUploadDirective
+     */
+    get isMultiple(): string | null;
+    /**
+     * Host listener for 'dragover' event.
+     * Prevents default behavior and stops event propagation.
+     * @param {DragEvent} event
+     * @memberof FileUploadDirective
+     */
+    onDragOver(event: DragEvent): void;
+    /**
+     * Host listener for 'dragleave' event.
+     * Prevents default behavior and stops event propagation.
+     * @param {DragEvent} event
+     * @memberof FileUploadDirective
+     */
+    onDragLeave(event: DragEvent): void;
+    /**
+     * Host listener for 'drop' event.
+     * Prevents default behavior, stops event propagation, and emits dropped files.
+     * @param {DragEvent} event -DragEvent object.
+     * @memberof FileUploadDirective
+     */
+    onDrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileUploadDirective, "[ieeesaFileUpload]", never, { "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; }, { "fileDropped": "fileDropped"; }, never, never, true, never>;
+}

package/lib/models/allowed-file-types.model.d.ts

@@ -0,0 +1,5 @@
+export declare enum AllowedFileTypes {
+    JPG = "jpg",
+    PNG = "png",
+    SVG = "svg"
+}

package/lib/models/color-format.model.d.ts

@@ -0,0 +1,9 @@
+export declare enum ColorFormat {
+    hex = "hex",
+    rgba = "rgba",
+    hsla = "hsla"
+}
+export declare enum ColorsAnimation {
+    popup = "popup",
+    slidein = "slide-in"
+}

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

@@ -7,6 +7,8 @@ import { SelectOption } from '../models/select-option.model';
 import { AutoCompleteOption } from '../models/autocomplete-option.model';
 import { LinkType } from './link-type.model';
 import { SlideToggleOption } from './slide-toggle-options.model';
+import { ColorFormat, ColorsAnimation } from './color-format.model';
+import { AllowedFileTypes } from './allowed-file-types.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -59,5 +61,23 @@ export interface FieldConfig {
     is24HoursTimeFormat?: boolean;
     linkType?: LinkType;
     slideToggleOption?: SlideToggleOption;
+    isMultiFileUpload?: boolean;
+    maxUploadFileSize?: number;
+    allowedFileTypes?: AllowedFileTypes[];
+    maxFileSizeErrorMessage?: string;
+    allowedFileTypeErrorMessage?: string;
     invalidDateRangeErrorMessage?: string;
+    invalidColorErrorMessage?: string;
+    palette?: string[];
+    fileUploadHeading?: string;
+    defaultColor?: string;
+    colorFormat?: ColorFormat;
+    overlayClassName?: string;
+    colorAnimation?: ColorsAnimation;
+    paletteSelectLabel?: string;
+    paletteCancelLabel?: string;
+    isColorCodeLabelNeeded?: boolean;
+    isArrowIconNeeded?: boolean;
+    canHideColorPicker?: boolean;
+    canHideTextInput?: boolean;
 }

package/lib/models/file-upload-presigned-url-res.model.d.ts

@@ -0,0 +1,5 @@
+export interface FileUploadPresignedUrl {
+    status: boolean;
+    body: string;
+    message: string;
+}

package/lib/models/form-control-types.model.d.ts

@@ -9,5 +9,7 @@ export declare enum FormControlType {
     AUTO_COMPLETE = "AUTO_COMPLETE",
     ADD_FORM_GROUP = "ADD_FORM_GROUP",
     TIME_PICKER = "TIME_PICKER",
-    SLIDE_TOGGLE = "SLIDE_TOGGLE"
+    SLIDE_TOGGLE = "SLIDE_TOGGLE",
+    COLOR_PICKER = "COLOR_PICKER",
+    FILE_UPLOAD = "FILE_UPLOAD"
 }