@ieeesa-npm/presentation 0.25.3 → 0.25.5

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -654,7 +654,11 @@ var fileUpload = {
 		browseFiles: "Browse Files",
 		uploadProgress: "Uploading... please wait",
 		upload: "Upload",
-		mb: "MB"
+		mb: "MB",
+		uploadFor: "Upload for",
+		uploadErrorMsg: "could not be completed. Please try again",
+		of: "of",
+		filesUploaded: "files Uploaded"
 	},
 	ariaLabel: {
 		fileUpload: "Drag and Drop your files here or Click 'Browse Files'.",
@@ -2685,6 +2689,7 @@ class FileUploadService {
         this.constants = constants$1;
         this.isFileUploading = false;
         this.filesUploadedSuccessfullyCount = 0;
+        this.uploadedFileName = '';
         this.httpClient = new HttpClient(handler);
     }
     /**
@@ -2727,20 +2732,6 @@ class FileUploadService {
      * @param fileUploadAPIPath
      */
     getPreSignedURL(fileUploadPayload, fileUploadAPIPath = '') {
-        // return of({
-        //   status: true,
-        //   body: [
-        //     {
-        //       fileName: 'a.png',
-        //       preSignedUrl: 'https://abc.com',
-        //     },
-        //     {
-        //       fileName: 'b.png',
-        //       preSignedUrl: 'https://xyz.com',
-        //     },
-        //   ],
-        //   message: 'Presigned urls',
-        // });
         return this.httpService
             .postData(`${this.apiBaseUrl}/${fileUploadAPIPath}`, fileUploadPayload)
             .pipe(map((response) => {
@@ -2763,6 +2754,7 @@ class FileUploadService {
         this.loaderNotificationService.show();
         const filesArray = [];
         this.filesNamesUploadFailed = [];
+        this.uploadedFileName = '';
         if (isMultipleFileUpload) {
             Object.values(files).forEach((file) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2787,10 +2779,12 @@ class FileUploadService {
     }
     /**
      * Makes http call to AWS to upload file in S3 bucket
-     * @param preSignedUrl
-     * @param file
-     * @param fileType
-     * @param fileSize
+     * @param {string} preSignedUrl
+     * @param {File} file
+     * @param {string} fileType
+     * @param {number} fileSize
+     * @return {*}  {Observable<any>}
+     * @memberof FileUploadService
      */
     httpCallToAWS(preSignedUrl, file, fileType, fileSize
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2825,6 +2819,7 @@ class FileUploadService {
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getEventMessage(event, file) {
+        console.log('Event from file upload to AWS', event);
         let fileName = '';
         let fileSize = 0;
         fileName = file.name;
@@ -2840,10 +2835,16 @@ class FileUploadService {
                 return `File "${fileName}" is ${percentDone}% uploaded.`;
             case HttpEventType.Response:
                 this.loaderNotificationService.hide();
-                this.filesUploadedSuccessfullyCount++;
-                return true;
+                if (event.status === 200) {
+                    this.filesUploadedSuccessfullyCount++;
+                    this.uploadedFileName = fileName;
+                    return true;
+                }
+                else {
+                    this.filesNamesUploadFailed.push(fileName);
+                    return false;
+                }
             default:
-                this.filesNamesUploadFailed.push(fileName);
                 return `File "${fileName}" surprising upload event: ${event.type}.`;
         }
     }
@@ -2991,6 +2992,26 @@ class FileUploadService {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return fileName?.split('.').pop().toLowerCase();
     }
+    /**
+     * Deletes file by given fileId
+     * @param {string} fileId
+     * @return {*}  {Observable<DeleteFileResponse>}
+     * @memberof FileUploadService
+     */
+    deleteFile(deleteFileApiPath) {
+        const deleteFilePayload = {
+        // Assign data here if needed to send any payload in body
+        // example below
+        // fileId: arguments[0],
+        };
+        return this.httpService
+            .putData(`${this.apiBaseUrl}/${deleteFileApiPath}`, Object.keys(deleteFilePayload).length ? deleteFilePayload : {})
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
     /**
      * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
      * @memberof FileUploadService
@@ -3016,6 +3037,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @implements {OnInit}
  */
 class FileUploadComponent {
+    get filesNamesUploadFailed() {
+        return this._filesNamesUploadFailed;
+    }
+    set filesNamesUploadFailed(value) {
+        this._filesNamesUploadFailed = value;
+    }
     get filesUploadedSuccessfullyCount() {
         return this._filesUploadedSuccessfullyCount;
     }
@@ -3072,7 +3099,6 @@ class FileUploadComponent {
         this._filesUploadedSuccessfullyCount = 0;
         this.uploadSelectedFiles = new EventEmitter();
         this.downloadSelectedFile = new EventEmitter();
-        this.uploadButtonClicked = new EventEmitter();
     }
     /**
      * Initializes component properties and retrieves configuration.
@@ -3140,7 +3166,6 @@ class FileUploadComponent {
      * @memberof FileUploadComponent
      */
     getFile(file) {
-        debugger;
         this.selectedFiles = [];
         const fileUploadFormControl = this.group?.get(this.config?.controlName ?? 'fileUpload');
         if (fileUploadFormControl) {
@@ -3283,13 +3308,26 @@ class FileUploadComponent {
     }
     /**
      * Triggers on browse element clicked
+     * @memberof FileUploadComponent
      */
     fileClick() {
         this.fileField.nativeElement.click();
     }
     /**
-     * Removes file from selectedFiles and selectedFileNames array
-     * @param index
+     * Display comma separated failed file names
+     * @param {string[]} filesNamesUploadFailed
+     * @return {*}  {string}
+     * @memberof FileUploadComponent
+     */
+    displayFailedFileNames(filesNamesUploadFailed) {
+        return filesNamesUploadFailed && filesNamesUploadFailed.length
+            ? filesNamesUploadFailed.join(',')
+            : '';
+    }
+    /**
+     * Removes file from respective properties used.
+     * @param {number} index
+     * @memberof FileUploadComponent
      */
     removeFile(index) {
         this.selectedFiles.splice(index, 1);
@@ -3297,10 +3335,14 @@ class FileUploadComponent {
         fileNames.splice(index, 1);
         this.selectedFileNames = fileNames.join(',');
         this.uploadSelectedFiles.emit(this.selectedFiles);
-        this.isFileSelected = this.selectedFiles.length > 0;
+        if (this.selectedFiles.length === 0) {
+            this.isFileSelected = false;
+            this.filesNamesUploadFailed = [];
+            this.filesUploadedSuccessfullyCount = 0;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponent, deps: [{ token: FormUtilityService }, { token: FileUploadService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileUploadComponent, isStandalone: true, selector: "ieeesa-file-upload", inputs: { maxFileSizeErrorMessage: "maxFileSizeErrorMessage", actionButtonAlign: "actionButtonAlign", formControlName: "formControlName", isFileSelected: "isFileSelected", supportMessage: "supportMessage", allowedFileTypes: "allowedFileTypes", isMultiFileUpload: "isMultiFileUpload", isUploadInProgress: "isUploadInProgress", fileUploadHeading: "fileUploadHeading", isAllowAnyFileType: "isAllowAnyFileType", viewFilesFormat: "viewFilesFormat", isUploadButtonNeeded: "isUploadButtonNeeded", maxUploadFileSize: "maxUploadFileSize", fileUploadErrorPosition: "fileUploadErrorPosition", maxFilesUploadLimit: "maxFilesUploadLimit", maxFilesUploadLimitErrorMessage: "maxFilesUploadLimitErrorMessage", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", uploadedSize: "uploadedSize" }, outputs: { uploadSelectedFiles: "uploadSelectedFiles", downloadSelectedFile: "downloadSelectedFile", uploadButtonClicked: "uploadButtonClicked" }, viewQueries: [{ propertyName: "fileField", first: true, predicate: ["fileField"], descendants: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"group\"\r\n  class=\"ieeesa-file-upload\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-file-upload__label-left'\r\n      : 'ieeesa-file-upload__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-file-upload__label\"\r\n    >{{ config.label }}\r\n  </mat-label>\r\n  <div class=\"ieeesa-file-upload__list\" *ngIf=\"!isFormField\">\r\n    <div\r\n      *ngFor=\"let file of uploadedFiles; let i = index; trackBy: trackByFn\"\r\n      class=\"ieeesa-file-upload__list__item mb-1 w-50 d-flex justify-content-between align-items-center\"\r\n    >\r\n      <button\r\n        class=\"mat-text-button border-0 ieeesa-file-upload__list__name ieeesa-body-sm-bold-14\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.fileDownload\"\r\n        (click)=\"downloadFile()\"\r\n      >\r\n        {{ file.name }}\r\n      </button>\r\n      <button\r\n        class=\"ieeesa-icon-button border-0 ieeesa-file-upload__list__delete-btn\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.deleteFileIcon\"\r\n        (click)=\"onDeleteFile(file, i)\"\r\n      >\r\n        <svg class=\"ieeesa-file-upload__list__delete-btn__icon\">\r\n          <use [attr.xlink:href]=\"fileUploadIconUrl.deleteIcon\"></use>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-file-upload__upload p-4\"\r\n    ieeesaFileUpload\r\n    (fileDropped)=\"getFile($event)\"\r\n  >\r\n    <p class=\"ieeesa-file-upload__upload__heading m-0 ieeesa-label-lg-bold-16\">\r\n      {{ fileUploadHeading }}\r\n    </p>\r\n    <div class=\"ieeesa-file-upload__upload__browse-files\">\r\n      <button\r\n        mat-button\r\n        (click)=\"fileClick()\"\r\n        class=\"ieeesa-file-upload__browse-btn mat-tertiary-button\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.browseFiles\"\r\n        type=\"button\"\r\n      >\r\n        {{ fileUploadLabel.browseFiles }}\r\n      </button>\r\n      <ng-container *ngIf=\"isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n          [multiple]=\"true\"\r\n        />\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n        />\r\n      </ng-container>\r\n\r\n      <p\r\n        class=\"ieeesa-file-upload__allowed-file-text m-0 ieeesa-label-md-14\"\r\n        [attr.aria-label]=\"allowedFileTypesAndSizeText\"\r\n      >\r\n        {{ allowedFileTypesAndSizeText }}\r\n      </p>\r\n    </div>\r\n    <div\r\n      class=\"ieeesa-file-upload__upload-wrapper d-flex\"\r\n      *ngIf=\"isFileSelected\"\r\n    >\r\n      <ng-container [ngSwitch]=\"viewFilesFormat\">\r\n        <ng-container *ngSwitchCase=\"'default'\">\r\n          <mat-form-field>\r\n            <input\r\n              class=\"ieeesa-file-upload__upload-wrapper__input-field ieeesa-body-lg-16\"\r\n              type=\"text\"\r\n              value=\"selectedFileNames\"\r\n              [placeholder]=\"config.placeholder ?? ''\"\r\n              [formControlName]=\"config.controlName\"\r\n              [name]=\"config.controlName\"\r\n              [attr.aria-label]=\"\r\n                config.ariaLabel ?? fileUploadAriaLabel.fileUploadInput\r\n              \"\r\n              [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n              autocomplete=\"off\"\r\n              (keydown)=\"onKeyDown($event)\"\r\n              matInput\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n              matSuffix\r\n              mat-icon-button\r\n              [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n              (click)=\"resetUpload()\"\r\n            >\r\n              <i\r\n                class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n              ></i>\r\n            </button>\r\n          </mat-form-field>\r\n          <ieeesa-icon-button\r\n            class=\"ieeesa-file-upload__upload-wrapper--upload-btn d-flex align-items-center\"\r\n            [iconButton]=\"fileUploadBtn\"\r\n            [isLabelNeeded]=\"false\"\r\n            (iconButtonClick)=\"onUpload()\"\r\n            *ngIf=\"!isFormField\"\r\n          >\r\n          </ieeesa-icon-button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'bottom'\">\r\n          <div class=\"ieeesa-view-files-bottom-format\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"filesUploadedSuccessfullyCount && isMultiFileUpload\"\r\n            >\r\n              {{\r\n                filesUploadedSuccessfullyCount +\r\n                  \" of \" +\r\n                  selectedFiles.length +\r\n                  \" files Uploaded\"\r\n              }}\r\n            </p>\r\n            <p\r\n              class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n              *ngFor=\"let file of selectedFiles; let i = index\"\r\n            >\r\n              {{ file?.name }}\r\n              <button\r\n                type=\"button\"\r\n                class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n                matSuffix\r\n                mat-icon-button\r\n                [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n                (click)=\"removeFile(i)\"\r\n              >\r\n                <i\r\n                  class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n                ></i>\r\n              </button>\r\n            </p>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"!isFormField\">\r\n      <div class=\"ieeesa-file-upload__progress\" *ngIf=\"isUploadInProgress\">\r\n        <p class=\"ieeesa-file-upload__progress__text\">\r\n          {{ fileUploadLabel?.uploadProgress }}\r\n        </p>\r\n        <mat-progress-bar\r\n          class=\"ieeesa-file-upload__progress--bar\"\r\n          mode=\"determinate\"\r\n          [value]=\"uploadedSize\"\r\n        ></mat-progress-bar>\r\n      </div>\r\n    </ng-container>\r\n    <ieeesa-form-error\r\n      [hidden]=\"fileUploadErrorPosition !== 'middle'\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div class=\"row\" *ngIf=\"isUploadButtonNeeded && isFileSelected\">\r\n      <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"{\r\n          'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n          'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n          'justify-content-start': actionButtonAlign === alignmentType.RIGHT,\r\n        }\"\r\n      >\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected\"\r\n        >\r\n          {{ fileUploadLabel?.upload }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  [hidden]=\"fileUploadErrorPosition !== 'bottom'\"\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-error>\r\n<ieeesa-form-support-text\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-support-text>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-file-upload__label-left{display:flex}.ieeesa-file-upload__label-top{display:block}.ieeesa-file-upload__list{margin-bottom:.75em}.ieeesa-file-upload__list__item{background-color:#b0d6ec;padding:0 .66em}.ieeesa-file-upload__list__name{background-color:#b0d6ec;font-family:Calibri Bold;margin-right:.625em;text-decoration:underline;color:#00629b!important}.ieeesa-file-upload__list__delete-btn{background-color:#b0d6ec}.ieeesa-file-upload__list__delete-btn__icon{height:18px;width:18px}.ieeesa-file-upload__upload{border:2px dashed #b0d6ec;background-color:#f8fcff;border-radius:6px}.ieeesa-file-upload__upload__heading{font-size:.875rem!important;color:#49454f!important;padding-bottom:.75em}.ieeesa-file-upload__upload__browse-files{display:flex;column-gap:.375em;padding-bottom:.75em;align-items:center}.ieeesa-file-upload__upload-wrapper{margin-bottom:.75em}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:60%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{background-color:#fff!important;border:1px solid #49454f;height:40px;border-radius:4px;padding-left:10px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-infix{min-height:40px;width:100%!important;padding-top:7px!important;padding-bottom:7px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field .mat-mdc-button-base{height:24px!important;width:24px!important;padding:0;margin-right:8px}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:#1c1b1f!important}.ieeesa-file-upload__upload-wrapper__input-field.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:0}.ieeesa-file-upload__upload-wrapper--clear-icon-btn{padding:0!important;height:2em!important;width:2em!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1{padding:0!important;border-radius:4px!important;background-color:#00629b!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;height:40px!important;width:40px!important;margin-left:2px}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1[disabled]{background-color:#d9d9d6!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__svg{height:1.5em;width:1.5em}.ieeesa-file-upload__progress{margin-bottom:.75em}.ieeesa-file-upload__progress__text{margin-bottom:6px}.ieeesa-file-upload__progress--bar{width:60%!important}.ieeesa-file-upload__progress--bar .mdc-linear-progress__bar-inner{border-color:#00629b!important}.ieeesa-file-upload__allowed-file-text{font-size:.75rem!important;font-style:italic!important;color:#63666a!important}.ieeesa-file-upload__browse-btn{height:2em!important;min-height:1.75em!important;min-width:4.25em!important;font-size:.875rem!important;padding:.625em .75!important}.ieeesa-file-upload .ieeesa-view-files-bottom-format ul li{list-style:none}.ieeesa-file-upload .ieeesa-view-files-bottom-format{padding-top:.75em}.ieeesa-file-upload .ieeesa-view-files-bottom-format .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}@media (max-width: 767px){.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:100%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{width:100%!important}.ieeesa-file-upload__upload__browse-files{display:flex;flex-direction:column;row-gap:.375em;padding-bottom:.75em;align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: FileUploadDirective, selector: "[ieeesaFileUpload]", inputs: ["allowedFileTypes", "isMultiFileUpload"], outputs: ["fileDropped"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileUploadComponent, isStandalone: true, selector: "ieeesa-file-upload", inputs: { maxFileSizeErrorMessage: "maxFileSizeErrorMessage", actionButtonAlign: "actionButtonAlign", formControlName: "formControlName", isFileSelected: "isFileSelected", supportMessage: "supportMessage", allowedFileTypes: "allowedFileTypes", isMultiFileUpload: "isMultiFileUpload", isUploadInProgress: "isUploadInProgress", fileUploadHeading: "fileUploadHeading", isAllowAnyFileType: "isAllowAnyFileType", viewFilesFormat: "viewFilesFormat", isUploadButtonNeeded: "isUploadButtonNeeded", maxUploadFileSize: "maxUploadFileSize", fileUploadErrorPosition: "fileUploadErrorPosition", maxFilesUploadLimit: "maxFilesUploadLimit", maxFilesUploadLimitErrorMessage: "maxFilesUploadLimitErrorMessage", filesNamesUploadFailed: "filesNamesUploadFailed", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", uploadedSize: "uploadedSize" }, outputs: { uploadSelectedFiles: "uploadSelectedFiles", downloadSelectedFile: "downloadSelectedFile" }, viewQueries: [{ propertyName: "fileField", first: true, predicate: ["fileField"], descendants: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"group\"\r\n  class=\"ieeesa-file-upload\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-file-upload__label-left'\r\n      : 'ieeesa-file-upload__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-file-upload__label\"\r\n    >{{ config.label }}\r\n  </mat-label>\r\n  <div class=\"ieeesa-file-upload__list\" *ngIf=\"!isFormField\">\r\n    <div\r\n      *ngFor=\"let file of uploadedFiles; let i = index; trackBy: trackByFn\"\r\n      class=\"ieeesa-file-upload__list__item mb-1 w-50 d-flex justify-content-between align-items-center\"\r\n    >\r\n      <button\r\n        class=\"mat-text-button border-0 ieeesa-file-upload__list__name ieeesa-body-sm-bold-14\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.fileDownload\"\r\n        (click)=\"downloadFile()\"\r\n      >\r\n        {{ file.name }}\r\n      </button>\r\n      <button\r\n        class=\"ieeesa-icon-button border-0 ieeesa-file-upload__list__delete-btn\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.deleteFileIcon\"\r\n        (click)=\"onDeleteFile(file, i)\"\r\n      >\r\n        <svg class=\"ieeesa-file-upload__list__delete-btn__icon\">\r\n          <use [attr.xlink:href]=\"fileUploadIconUrl.deleteIcon\"></use>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-file-upload__upload p-4\"\r\n    ieeesaFileUpload\r\n    (fileDropped)=\"getFile($event)\"\r\n  >\r\n    <p class=\"ieeesa-file-upload__upload__heading m-0 ieeesa-label-lg-bold-16\">\r\n      {{ fileUploadHeading }}\r\n    </p>\r\n    <div class=\"ieeesa-file-upload__upload__browse-files\">\r\n      <button\r\n        mat-button\r\n        (click)=\"fileClick()\"\r\n        class=\"ieeesa-file-upload__browse-btn mat-tertiary-button\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.browseFiles\"\r\n        type=\"button\"\r\n      >\r\n        {{ fileUploadLabel.browseFiles }}\r\n      </button>\r\n      <ng-container *ngIf=\"isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n          [multiple]=\"true\"\r\n        />\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n        />\r\n      </ng-container>\r\n\r\n      <p\r\n        class=\"ieeesa-file-upload__allowed-file-text m-0 ieeesa-label-md-14\"\r\n        [attr.aria-label]=\"allowedFileTypesAndSizeText\"\r\n      >\r\n        {{ allowedFileTypesAndSizeText }}\r\n      </p>\r\n    </div>\r\n    <div\r\n      class=\"ieeesa-file-upload__upload-wrapper d-flex\"\r\n      *ngIf=\"isFileSelected\"\r\n    >\r\n      <ng-container [ngSwitch]=\"viewFilesFormat\">\r\n        <ng-container *ngSwitchCase=\"'default'\">\r\n          <mat-form-field>\r\n            <input\r\n              class=\"ieeesa-file-upload__upload-wrapper__input-field ieeesa-body-lg-16\"\r\n              type=\"text\"\r\n              value=\"selectedFileNames\"\r\n              [placeholder]=\"config.placeholder ?? ''\"\r\n              [formControlName]=\"config.controlName\"\r\n              [name]=\"config.controlName\"\r\n              [attr.aria-label]=\"\r\n                config.ariaLabel ?? fileUploadAriaLabel.fileUploadInput\r\n              \"\r\n              [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n              autocomplete=\"off\"\r\n              (keydown)=\"onKeyDown($event)\"\r\n              matInput\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n              matSuffix\r\n              mat-icon-button\r\n              [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n              (click)=\"resetUpload()\"\r\n            >\r\n              <i\r\n                class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n              ></i>\r\n            </button>\r\n          </mat-form-field>\r\n          <ieeesa-icon-button\r\n            class=\"ieeesa-file-upload__upload-wrapper--upload-btn d-flex align-items-center\"\r\n            [iconButton]=\"fileUploadBtn\"\r\n            [isLabelNeeded]=\"false\"\r\n            (iconButtonClick)=\"onUpload()\"\r\n            *ngIf=\"!isFormField\"\r\n          >\r\n          </ieeesa-icon-button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'bottom'\">\r\n          <div class=\"ieeesa-view-files-bottom-format\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"filesUploadedSuccessfullyCount && isMultiFileUpload\"\r\n            >\r\n              {{\r\n                filesUploadedSuccessfullyCount +\r\n                  \" \" +\r\n                  fileUploadLabel?.of +\r\n                  \" \" +\r\n                  selectedFiles.length +\r\n                  \" \" +\r\n                  fileUploadLabel?.filesUploaded\r\n              }}\r\n            </p>\r\n            <p\r\n              class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n              *ngFor=\"let file of selectedFiles; let i = index\"\r\n            >\r\n              {{ file?.name }}\r\n              <button\r\n                type=\"button\"\r\n                class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n                matSuffix\r\n                mat-icon-button\r\n                [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n                (click)=\"removeFile(i)\"\r\n              >\r\n                <i\r\n                  class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n                ></i>\r\n              </button>\r\n            </p>\r\n            <p\r\n              *ngIf=\"\r\n                filesNamesUploadFailed &&\r\n                filesNamesUploadFailed.length &&\r\n                isMultiFileUpload\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFailedFileNames(filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"!isFormField\">\r\n      <div class=\"ieeesa-file-upload__progress\" *ngIf=\"isUploadInProgress\">\r\n        <p class=\"ieeesa-file-upload__progress__text\">\r\n          {{ fileUploadLabel?.uploadProgress }}\r\n        </p>\r\n        <mat-progress-bar\r\n          class=\"ieeesa-file-upload__progress--bar\"\r\n          mode=\"determinate\"\r\n          [value]=\"uploadedSize\"\r\n        ></mat-progress-bar>\r\n      </div>\r\n    </ng-container>\r\n    <ieeesa-form-error\r\n      [hidden]=\"fileUploadErrorPosition !== 'middle'\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div class=\"row\" *ngIf=\"isUploadButtonNeeded && isFileSelected\">\r\n      <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"{\r\n          'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n          'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n          'justify-content-start': actionButtonAlign === alignmentType.RIGHT,\r\n        }\"\r\n      >\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected\"\r\n        >\r\n          {{ fileUploadLabel?.upload }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  [hidden]=\"fileUploadErrorPosition !== 'bottom'\"\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-error>\r\n<ieeesa-form-support-text\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-support-text>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-file-upload__label-left{display:flex}.ieeesa-file-upload__label-top{display:block}.ieeesa-file-upload__list{margin-bottom:.75em}.ieeesa-file-upload__list__item{background-color:#b0d6ec;padding:0 .66em}.ieeesa-file-upload__list__name{background-color:#b0d6ec;font-family:Calibri Bold;margin-right:.625em;text-decoration:underline;color:#00629b!important}.ieeesa-file-upload__list__delete-btn{background-color:#b0d6ec}.ieeesa-file-upload__list__delete-btn__icon{height:18px;width:18px}.ieeesa-file-upload__upload{border:2px dashed #b0d6ec;background-color:#f8fcff;border-radius:6px}.ieeesa-file-upload__upload__heading{font-size:.875rem!important;color:#49454f!important;padding-bottom:.75em}.ieeesa-file-upload__upload__browse-files{display:flex;column-gap:.375em;padding-bottom:.75em;align-items:center}.ieeesa-file-upload__upload-wrapper{margin-bottom:.75em}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:60%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{background-color:#fff!important;border:1px solid #49454f;height:40px;border-radius:4px;padding-left:10px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-infix{min-height:40px;width:100%!important;padding-top:7px!important;padding-bottom:7px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field .mat-mdc-button-base{height:24px!important;width:24px!important;padding:0;margin-right:8px}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:#1c1b1f!important}.ieeesa-file-upload__upload-wrapper__input-field.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:0}.ieeesa-file-upload__upload-wrapper--clear-icon-btn{padding:0!important;height:2em!important;width:2em!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1{padding:0!important;border-radius:4px!important;background-color:#00629b!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;height:40px!important;width:40px!important;margin-left:2px}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1[disabled]{background-color:#d9d9d6!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__svg{height:1.5em;width:1.5em}.ieeesa-file-upload__error{margin-top:.75em}.ieeesa-file-upload__error__text{font-family:Calibri Regular;color:#ba0c2f;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px}.ieeesa-file-upload__progress{margin-bottom:.75em}.ieeesa-file-upload__progress__text{margin-bottom:6px}.ieeesa-file-upload__progress--bar{width:60%!important}.ieeesa-file-upload__progress--bar .mdc-linear-progress__bar-inner{border-color:#00629b!important}.ieeesa-file-upload__allowed-file-text{font-size:.75rem!important;font-style:italic!important;color:#63666a!important}.ieeesa-file-upload__browse-btn{height:2em!important;min-height:1.75em!important;min-width:4.25em!important;font-size:.875rem!important;padding:.625em .75!important}.ieeesa-file-upload .ieeesa-view-files-bottom-format ul li{list-style:none}.ieeesa-file-upload .ieeesa-view-files-bottom-format{padding-top:.75em}.ieeesa-file-upload .ieeesa-view-files-bottom-format .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}@media (max-width: 767px){.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:100%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{width:100%!important}.ieeesa-file-upload__upload__browse-files{display:flex;flex-direction:column;row-gap:.375em;padding-bottom:.75em;align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: FileUploadDirective, selector: "[ieeesaFileUpload]", inputs: ["allowedFileTypes", "isMultiFileUpload"], outputs: ["fileDropped"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
@@ -3315,7 +3357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatProgressBarModule,
                         FileUploadDirective,
                         IconButtonComponent,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  [formGroup]=\"group\"\r\n  class=\"ieeesa-file-upload\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-file-upload__label-left'\r\n      : 'ieeesa-file-upload__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-file-upload__label\"\r\n    >{{ config.label }}\r\n  </mat-label>\r\n  <div class=\"ieeesa-file-upload__list\" *ngIf=\"!isFormField\">\r\n    <div\r\n      *ngFor=\"let file of uploadedFiles; let i = index; trackBy: trackByFn\"\r\n      class=\"ieeesa-file-upload__list__item mb-1 w-50 d-flex justify-content-between align-items-center\"\r\n    >\r\n      <button\r\n        class=\"mat-text-button border-0 ieeesa-file-upload__list__name ieeesa-body-sm-bold-14\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.fileDownload\"\r\n        (click)=\"downloadFile()\"\r\n      >\r\n        {{ file.name }}\r\n      </button>\r\n      <button\r\n        class=\"ieeesa-icon-button border-0 ieeesa-file-upload__list__delete-btn\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.deleteFileIcon\"\r\n        (click)=\"onDeleteFile(file, i)\"\r\n      >\r\n        <svg class=\"ieeesa-file-upload__list__delete-btn__icon\">\r\n          <use [attr.xlink:href]=\"fileUploadIconUrl.deleteIcon\"></use>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-file-upload__upload p-4\"\r\n    ieeesaFileUpload\r\n    (fileDropped)=\"getFile($event)\"\r\n  >\r\n    <p class=\"ieeesa-file-upload__upload__heading m-0 ieeesa-label-lg-bold-16\">\r\n      {{ fileUploadHeading }}\r\n    </p>\r\n    <div class=\"ieeesa-file-upload__upload__browse-files\">\r\n      <button\r\n        mat-button\r\n        (click)=\"fileClick()\"\r\n        class=\"ieeesa-file-upload__browse-btn mat-tertiary-button\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.browseFiles\"\r\n        type=\"button\"\r\n      >\r\n        {{ fileUploadLabel.browseFiles }}\r\n      </button>\r\n      <ng-container *ngIf=\"isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n          [multiple]=\"true\"\r\n        />\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n        />\r\n      </ng-container>\r\n\r\n      <p\r\n        class=\"ieeesa-file-upload__allowed-file-text m-0 ieeesa-label-md-14\"\r\n        [attr.aria-label]=\"allowedFileTypesAndSizeText\"\r\n      >\r\n        {{ allowedFileTypesAndSizeText }}\r\n      </p>\r\n    </div>\r\n    <div\r\n      class=\"ieeesa-file-upload__upload-wrapper d-flex\"\r\n      *ngIf=\"isFileSelected\"\r\n    >\r\n      <ng-container [ngSwitch]=\"viewFilesFormat\">\r\n        <ng-container *ngSwitchCase=\"'default'\">\r\n          <mat-form-field>\r\n            <input\r\n              class=\"ieeesa-file-upload__upload-wrapper__input-field ieeesa-body-lg-16\"\r\n              type=\"text\"\r\n              value=\"selectedFileNames\"\r\n              [placeholder]=\"config.placeholder ?? ''\"\r\n              [formControlName]=\"config.controlName\"\r\n              [name]=\"config.controlName\"\r\n              [attr.aria-label]=\"\r\n                config.ariaLabel ?? fileUploadAriaLabel.fileUploadInput\r\n              \"\r\n              [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n              autocomplete=\"off\"\r\n              (keydown)=\"onKeyDown($event)\"\r\n              matInput\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n              matSuffix\r\n              mat-icon-button\r\n              [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n              (click)=\"resetUpload()\"\r\n            >\r\n              <i\r\n                class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n              ></i>\r\n            </button>\r\n          </mat-form-field>\r\n          <ieeesa-icon-button\r\n            class=\"ieeesa-file-upload__upload-wrapper--upload-btn d-flex align-items-center\"\r\n            [iconButton]=\"fileUploadBtn\"\r\n            [isLabelNeeded]=\"false\"\r\n            (iconButtonClick)=\"onUpload()\"\r\n            *ngIf=\"!isFormField\"\r\n          >\r\n          </ieeesa-icon-button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'bottom'\">\r\n          <div class=\"ieeesa-view-files-bottom-format\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"filesUploadedSuccessfullyCount && isMultiFileUpload\"\r\n            >\r\n              {{\r\n                filesUploadedSuccessfullyCount +\r\n                  \" of \" +\r\n                  selectedFiles.length +\r\n                  \" files Uploaded\"\r\n              }}\r\n            </p>\r\n            <p\r\n              class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n              *ngFor=\"let file of selectedFiles; let i = index\"\r\n            >\r\n              {{ file?.name }}\r\n              <button\r\n                type=\"button\"\r\n                class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n                matSuffix\r\n                mat-icon-button\r\n                [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n                (click)=\"removeFile(i)\"\r\n              >\r\n                <i\r\n                  class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n                ></i>\r\n              </button>\r\n            </p>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"!isFormField\">\r\n      <div class=\"ieeesa-file-upload__progress\" *ngIf=\"isUploadInProgress\">\r\n        <p class=\"ieeesa-file-upload__progress__text\">\r\n          {{ fileUploadLabel?.uploadProgress }}\r\n        </p>\r\n        <mat-progress-bar\r\n          class=\"ieeesa-file-upload__progress--bar\"\r\n          mode=\"determinate\"\r\n          [value]=\"uploadedSize\"\r\n        ></mat-progress-bar>\r\n      </div>\r\n    </ng-container>\r\n    <ieeesa-form-error\r\n      [hidden]=\"fileUploadErrorPosition !== 'middle'\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div class=\"row\" *ngIf=\"isUploadButtonNeeded && isFileSelected\">\r\n      <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"{\r\n          'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n          'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n          'justify-content-start': actionButtonAlign === alignmentType.RIGHT,\r\n        }\"\r\n      >\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected\"\r\n        >\r\n          {{ fileUploadLabel?.upload }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  [hidden]=\"fileUploadErrorPosition !== 'bottom'\"\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-error>\r\n<ieeesa-form-support-text\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-support-text>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-file-upload__label-left{display:flex}.ieeesa-file-upload__label-top{display:block}.ieeesa-file-upload__list{margin-bottom:.75em}.ieeesa-file-upload__list__item{background-color:#b0d6ec;padding:0 .66em}.ieeesa-file-upload__list__name{background-color:#b0d6ec;font-family:Calibri Bold;margin-right:.625em;text-decoration:underline;color:#00629b!important}.ieeesa-file-upload__list__delete-btn{background-color:#b0d6ec}.ieeesa-file-upload__list__delete-btn__icon{height:18px;width:18px}.ieeesa-file-upload__upload{border:2px dashed #b0d6ec;background-color:#f8fcff;border-radius:6px}.ieeesa-file-upload__upload__heading{font-size:.875rem!important;color:#49454f!important;padding-bottom:.75em}.ieeesa-file-upload__upload__browse-files{display:flex;column-gap:.375em;padding-bottom:.75em;align-items:center}.ieeesa-file-upload__upload-wrapper{margin-bottom:.75em}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:60%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{background-color:#fff!important;border:1px solid #49454f;height:40px;border-radius:4px;padding-left:10px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-infix{min-height:40px;width:100%!important;padding-top:7px!important;padding-bottom:7px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field .mat-mdc-button-base{height:24px!important;width:24px!important;padding:0;margin-right:8px}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:#1c1b1f!important}.ieeesa-file-upload__upload-wrapper__input-field.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:0}.ieeesa-file-upload__upload-wrapper--clear-icon-btn{padding:0!important;height:2em!important;width:2em!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1{padding:0!important;border-radius:4px!important;background-color:#00629b!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;height:40px!important;width:40px!important;margin-left:2px}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1[disabled]{background-color:#d9d9d6!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__svg{height:1.5em;width:1.5em}.ieeesa-file-upload__progress{margin-bottom:.75em}.ieeesa-file-upload__progress__text{margin-bottom:6px}.ieeesa-file-upload__progress--bar{width:60%!important}.ieeesa-file-upload__progress--bar .mdc-linear-progress__bar-inner{border-color:#00629b!important}.ieeesa-file-upload__allowed-file-text{font-size:.75rem!important;font-style:italic!important;color:#63666a!important}.ieeesa-file-upload__browse-btn{height:2em!important;min-height:1.75em!important;min-width:4.25em!important;font-size:.875rem!important;padding:.625em .75!important}.ieeesa-file-upload .ieeesa-view-files-bottom-format ul li{list-style:none}.ieeesa-file-upload .ieeesa-view-files-bottom-format{padding-top:.75em}.ieeesa-file-upload .ieeesa-view-files-bottom-format .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}@media (max-width: 767px){.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:100%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{width:100%!important}.ieeesa-file-upload__upload__browse-files{display:flex;flex-direction:column;row-gap:.375em;padding-bottom:.75em;align-items:flex-start}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  [formGroup]=\"group\"\r\n  class=\"ieeesa-file-upload\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-file-upload__label-left'\r\n      : 'ieeesa-file-upload__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-file-upload__label\"\r\n    >{{ config.label }}\r\n  </mat-label>\r\n  <div class=\"ieeesa-file-upload__list\" *ngIf=\"!isFormField\">\r\n    <div\r\n      *ngFor=\"let file of uploadedFiles; let i = index; trackBy: trackByFn\"\r\n      class=\"ieeesa-file-upload__list__item mb-1 w-50 d-flex justify-content-between align-items-center\"\r\n    >\r\n      <button\r\n        class=\"mat-text-button border-0 ieeesa-file-upload__list__name ieeesa-body-sm-bold-14\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.fileDownload\"\r\n        (click)=\"downloadFile()\"\r\n      >\r\n        {{ file.name }}\r\n      </button>\r\n      <button\r\n        class=\"ieeesa-icon-button border-0 ieeesa-file-upload__list__delete-btn\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.deleteFileIcon\"\r\n        (click)=\"onDeleteFile(file, i)\"\r\n      >\r\n        <svg class=\"ieeesa-file-upload__list__delete-btn__icon\">\r\n          <use [attr.xlink:href]=\"fileUploadIconUrl.deleteIcon\"></use>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-file-upload__upload p-4\"\r\n    ieeesaFileUpload\r\n    (fileDropped)=\"getFile($event)\"\r\n  >\r\n    <p class=\"ieeesa-file-upload__upload__heading m-0 ieeesa-label-lg-bold-16\">\r\n      {{ fileUploadHeading }}\r\n    </p>\r\n    <div class=\"ieeesa-file-upload__upload__browse-files\">\r\n      <button\r\n        mat-button\r\n        (click)=\"fileClick()\"\r\n        class=\"ieeesa-file-upload__browse-btn mat-tertiary-button\"\r\n        [attr.aria-label]=\"fileUploadAriaLabel.browseFiles\"\r\n        type=\"button\"\r\n      >\r\n        {{ fileUploadLabel.browseFiles }}\r\n      </button>\r\n      <ng-container *ngIf=\"isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n          [multiple]=\"true\"\r\n        />\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!isMultiFileUpload\">\r\n        <input\r\n          type=\"file\"\r\n          #fileField\r\n          (change)=\"getFile($any($event).target.files)\"\r\n          hidden\r\n          [accept]=\"allowedFileTypes\"\r\n        />\r\n      </ng-container>\r\n\r\n      <p\r\n        class=\"ieeesa-file-upload__allowed-file-text m-0 ieeesa-label-md-14\"\r\n        [attr.aria-label]=\"allowedFileTypesAndSizeText\"\r\n      >\r\n        {{ allowedFileTypesAndSizeText }}\r\n      </p>\r\n    </div>\r\n    <div\r\n      class=\"ieeesa-file-upload__upload-wrapper d-flex\"\r\n      *ngIf=\"isFileSelected\"\r\n    >\r\n      <ng-container [ngSwitch]=\"viewFilesFormat\">\r\n        <ng-container *ngSwitchCase=\"'default'\">\r\n          <mat-form-field>\r\n            <input\r\n              class=\"ieeesa-file-upload__upload-wrapper__input-field ieeesa-body-lg-16\"\r\n              type=\"text\"\r\n              value=\"selectedFileNames\"\r\n              [placeholder]=\"config.placeholder ?? ''\"\r\n              [formControlName]=\"config.controlName\"\r\n              [name]=\"config.controlName\"\r\n              [attr.aria-label]=\"\r\n                config.ariaLabel ?? fileUploadAriaLabel.fileUploadInput\r\n              \"\r\n              [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n              autocomplete=\"off\"\r\n              (keydown)=\"onKeyDown($event)\"\r\n              matInput\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n              matSuffix\r\n              mat-icon-button\r\n              [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n              (click)=\"resetUpload()\"\r\n            >\r\n              <i\r\n                class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n              ></i>\r\n            </button>\r\n          </mat-form-field>\r\n          <ieeesa-icon-button\r\n            class=\"ieeesa-file-upload__upload-wrapper--upload-btn d-flex align-items-center\"\r\n            [iconButton]=\"fileUploadBtn\"\r\n            [isLabelNeeded]=\"false\"\r\n            (iconButtonClick)=\"onUpload()\"\r\n            *ngIf=\"!isFormField\"\r\n          >\r\n          </ieeesa-icon-button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'bottom'\">\r\n          <div class=\"ieeesa-view-files-bottom-format\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"filesUploadedSuccessfullyCount && isMultiFileUpload\"\r\n            >\r\n              {{\r\n                filesUploadedSuccessfullyCount +\r\n                  \" \" +\r\n                  fileUploadLabel?.of +\r\n                  \" \" +\r\n                  selectedFiles.length +\r\n                  \" \" +\r\n                  fileUploadLabel?.filesUploaded\r\n              }}\r\n            </p>\r\n            <p\r\n              class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n              *ngFor=\"let file of selectedFiles; let i = index\"\r\n            >\r\n              {{ file?.name }}\r\n              <button\r\n                type=\"button\"\r\n                class=\"ieeesa-file-upload__upload-wrapper--clear-icon-btn\"\r\n                matSuffix\r\n                mat-icon-button\r\n                [attr.aria-label]=\"fileUploadAriaLabel.removeFileIcon\"\r\n                (click)=\"removeFile(i)\"\r\n              >\r\n                <i\r\n                  class=\"fa-regular fa-circle-xmark ieeesa-input-field-upload__icon--clear\"\r\n                ></i>\r\n              </button>\r\n            </p>\r\n            <p\r\n              *ngIf=\"\r\n                filesNamesUploadFailed &&\r\n                filesNamesUploadFailed.length &&\r\n                isMultiFileUpload\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFailedFileNames(filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"!isFormField\">\r\n      <div class=\"ieeesa-file-upload__progress\" *ngIf=\"isUploadInProgress\">\r\n        <p class=\"ieeesa-file-upload__progress__text\">\r\n          {{ fileUploadLabel?.uploadProgress }}\r\n        </p>\r\n        <mat-progress-bar\r\n          class=\"ieeesa-file-upload__progress--bar\"\r\n          mode=\"determinate\"\r\n          [value]=\"uploadedSize\"\r\n        ></mat-progress-bar>\r\n      </div>\r\n    </ng-container>\r\n    <ieeesa-form-error\r\n      [hidden]=\"fileUploadErrorPosition !== 'middle'\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div class=\"row\" *ngIf=\"isUploadButtonNeeded && isFileSelected\">\r\n      <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"{\r\n          'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n          'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n          'justify-content-start': actionButtonAlign === alignmentType.RIGHT,\r\n        }\"\r\n      >\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected\"\r\n        >\r\n          {{ fileUploadLabel?.upload }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  [hidden]=\"fileUploadErrorPosition !== 'bottom'\"\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-error>\r\n<ieeesa-form-support-text\r\n  [formGroup]=\"group\"\r\n  [config]=\"config\"\r\n></ieeesa-form-support-text>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-file-upload__label-left{display:flex}.ieeesa-file-upload__label-top{display:block}.ieeesa-file-upload__list{margin-bottom:.75em}.ieeesa-file-upload__list__item{background-color:#b0d6ec;padding:0 .66em}.ieeesa-file-upload__list__name{background-color:#b0d6ec;font-family:Calibri Bold;margin-right:.625em;text-decoration:underline;color:#00629b!important}.ieeesa-file-upload__list__delete-btn{background-color:#b0d6ec}.ieeesa-file-upload__list__delete-btn__icon{height:18px;width:18px}.ieeesa-file-upload__upload{border:2px dashed #b0d6ec;background-color:#f8fcff;border-radius:6px}.ieeesa-file-upload__upload__heading{font-size:.875rem!important;color:#49454f!important;padding-bottom:.75em}.ieeesa-file-upload__upload__browse-files{display:flex;column-gap:.375em;padding-bottom:.75em;align-items:center}.ieeesa-file-upload__upload-wrapper{margin-bottom:.75em}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:60%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{background-color:#fff!important;border:1px solid #49454f;height:40px;border-radius:4px;padding-left:10px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field-infix{min-height:40px;width:100%!important;padding-top:7px!important;padding-bottom:7px!important}.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field .mat-mdc-button-base{height:24px!important;width:24px!important;padding:0;margin-right:8px}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{border:unset}.ieeesa-file-upload__upload-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:#1c1b1f!important}.ieeesa-file-upload__upload-wrapper__input-field.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:0}.ieeesa-file-upload__upload-wrapper--clear-icon-btn{padding:0!important;height:2em!important;width:2em!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1{padding:0!important;border-radius:4px!important;background-color:#00629b!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;height:40px!important;width:40px!important;margin-left:2px}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__1[disabled]{background-color:#d9d9d6!important;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset!important}.ieeesa-file-upload__upload-wrapper--upload-btn .ieeesa-icon-button__svg{height:1.5em;width:1.5em}.ieeesa-file-upload__error{margin-top:.75em}.ieeesa-file-upload__error__text{font-family:Calibri Regular;color:#ba0c2f;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px}.ieeesa-file-upload__progress{margin-bottom:.75em}.ieeesa-file-upload__progress__text{margin-bottom:6px}.ieeesa-file-upload__progress--bar{width:60%!important}.ieeesa-file-upload__progress--bar .mdc-linear-progress__bar-inner{border-color:#00629b!important}.ieeesa-file-upload__allowed-file-text{font-size:.75rem!important;font-style:italic!important;color:#63666a!important}.ieeesa-file-upload__browse-btn{height:2em!important;min-height:1.75em!important;min-width:4.25em!important;font-size:.875rem!important;padding:.625em .75!important}.ieeesa-file-upload .ieeesa-view-files-bottom-format ul li{list-style:none}.ieeesa-file-upload .ieeesa-view-files-bottom-format{padding-top:.75em}.ieeesa-file-upload .ieeesa-view-files-bottom-format .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}@media (max-width: 767px){.ieeesa-file-upload__upload-wrapper .mat-mdc-form-field{width:100%}.ieeesa-file-upload__upload-wrapper .mat-mdc-text-field-wrapper{width:100%!important}.ieeesa-file-upload__upload__browse-files{display:flex;flex-direction:column;row-gap:.375em;padding-bottom:.75em;align-items:flex-start}}\n"] }]
         }], ctorParameters: function () { return [{ type: FormUtilityService }, { type: FileUploadService }]; }, propDecorators: { fileField: [{
                 type: ViewChild,
                 args: ['fileField']
@@ -3351,6 +3393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], maxFilesUploadLimitErrorMessage: [{
                 type: Input
+            }], filesNamesUploadFailed: [{
+                type: Input
             }], filesUploadedSuccessfullyCount: [{
                 type: Input
             }], uploadedSize: [{
@@ -3359,8 +3403,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], downloadSelectedFile: [{
                 type: Output
-            }], uploadButtonClicked: [{
-                type: Output
             }] } });
 
 /* eslint-disable no-unused-vars */
@@ -4342,6 +4384,15 @@ class DynamicFormFieldDirective {
         }
         this._filesUploadedSuccessfullyCount = value;
     }
+    get filesNamesUploadFailed() {
+        return this._filesNamesUploadFailed;
+    }
+    set filesNamesUploadFailed(value) {
+        if (this.component?.instance) {
+            this.component.instance.filesNamesUploadFailed = value;
+        }
+        this._filesNamesUploadFailed = value;
+    }
     /**
      * Sets the submit response of form submit event
      * @memberof DynamicFormFieldDirective
@@ -4424,6 +4475,8 @@ class DynamicFormFieldDirective {
             this.component.instance.searchResponse = this.searchResponse;
             this.component.instance.filesUploadedSuccessfullyCount =
                 this.filesUploadedSuccessfullyCount;
+            this.component.instance.filesNamesUploadFailed =
+                this.filesNamesUploadFailed;
             if (this.config.type === FormControlType.SEARCH) {
                 this.component.instance.searchValue
                     ?.pipe(takeUntil(this.destroy$))
@@ -4589,7 +4642,7 @@ class DynamicFormFieldDirective {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormFieldDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormFieldDirective, isStandalone: true, selector: "[ieeesaDynamicFormField]", inputs: { config: "config", group: "group", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", submitResponse: "submitResponse", searchResponse: "searchResponse" }, outputs: { 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", ctaButtonClick: "ctaButtonClick", formMultiSelectAutoCompleteSearch: "formMultiSelectAutoCompleteSearch", multiSelectAutoCompleteClearSearchValue: "multiSelectAutoCompleteClearSearchValue", multiSelectAutoCompleteOptionsSelected: "multiSelectAutoCompleteOptionsSelected", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormFieldDirective, isStandalone: true, selector: "[ieeesaDynamicFormField]", inputs: { config: "config", group: "group", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", filesNamesUploadFailed: "filesNamesUploadFailed", submitResponse: "submitResponse", searchResponse: "searchResponse" }, outputs: { 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", ctaButtonClick: "ctaButtonClick", formMultiSelectAutoCompleteSearch: "formMultiSelectAutoCompleteSearch", multiSelectAutoCompleteClearSearchValue: "multiSelectAutoCompleteClearSearchValue", multiSelectAutoCompleteOptionsSelected: "multiSelectAutoCompleteOptionsSelected", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormFieldDirective, decorators: [{
             type: Directive,
@@ -4603,6 +4656,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], filesUploadedSuccessfullyCount: [{
                 type: Input
+            }], filesNamesUploadFailed: [{
+                type: Input
             }], submitResponse: [{
                 type: Input
             }], searchResponse: [{
@@ -4728,6 +4783,12 @@ class DynamicFormComponent {
     get searchResponse() {
         return this._searchResponse;
     }
+    get filesNamesUploadFailed() {
+        return this._filesNamesUploadFailed;
+    }
+    set filesNamesUploadFailed(value) {
+        this._filesNamesUploadFailed = value;
+    }
     get filesUploadedSuccessfullyCount() {
         return this._filesUploadedSuccessfullyCount;
     }
@@ -5137,7 +5198,7 @@ class DynamicFormComponent {
         this.ctaButtonClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i3.FormBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormComponent, isStandalone: true, selector: "ieeesa-dynamic-form", inputs: { formGroups: "formGroups", submitResponse: "submitResponse", searchResponse: "searchResponse", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", colWidth: "colWidth", isLegendVisible: "isLegendVisible", rightButtonLabel: "rightButtonLabel", leftButtonLabel: "leftButtonLabel", isSubmitButtonDisabled: "isSubmitButtonDisabled", isLeftButtonDisabled: "isLeftButtonDisabled", isLeftButtonNeeded: "isLeftButtonNeeded", isRightButtonNeeded: "isRightButtonNeeded", actionButtonAlign: "actionButtonAlign" }, outputs: { 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", ctaButtonClick: "ctaButtonClick", formMultiSelectAutoCompleteSearch: "formMultiSelectAutoCompleteSearch", formMultiSelectAutoCompleteClearSearchValue: "formMultiSelectAutoCompleteClearSearchValue", multiSelectAutoCompleteOptionsSelected: "multiSelectAutoCompleteOptionsSelected", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, viewQueries: [{ propertyName: "formFields", predicate: DynamicFormFieldDirective, descendants: true }], exportAs: ["dynamicForm"], ngImport: i0, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          [filesUploadedSuccessfullyCount]=\"filesUploadedSuccessfullyCount\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formMultiSelectAutoCompleteSearch)=\"\r\n            onMultiSelectAutoCompleteSearch($event)\r\n          \"\r\n          (multiSelectAutoCompleteClearSearchValue)=\"\r\n            onMultiSelectAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (multiSelectAutoCompleteOptionsSelected)=\"\r\n            onFormChange(); onMultiSelectAutoCompleteOptionsSelected($event)\r\n          \"\r\n          (formRichTextEditorContentChange)=\"\r\n            onFormRichTextEditorContentChange($event)\r\n          \"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        *ngIf=\"isRightButtonNeeded\"\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:5px}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){margin-bottom:0!important}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFormFieldDirective, selector: "[ieeesaDynamicFormField]", inputs: ["config", "group", "filesUploadedSuccessfullyCount", "submitResponse", "searchResponse"], outputs: ["formSearchApply", "formDropdownSelected", "formDateSelected", "formTimeSelected", "formSelectedDateRange", "formSelectSearch", "formAutoCompleteSearch", "autoCompleteClearSearchValue", "autoCompleteOptionSelected", "formCheckboxSelection", "formInputValue", "addFormGroup", "supportTextLinkClick", "formSlideToggleChange", "dropdownOpenedChange", "formColorPickerChange", "formFileUpload", "formRadioOptionSelected", "ctaButtonClick", "formMultiSelectAutoCompleteSearch", "multiSelectAutoCompleteClearSearchValue", "multiSelectAutoCompleteOptionsSelected", "formRichTextEditorContentChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: FocusInvalidFormFieldDirective, selector: "[ieeesaFocusInvalidFormField]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormComponent, isStandalone: true, selector: "ieeesa-dynamic-form", inputs: { formGroups: "formGroups", submitResponse: "submitResponse", searchResponse: "searchResponse", filesNamesUploadFailed: "filesNamesUploadFailed", filesUploadedSuccessfullyCount: "filesUploadedSuccessfullyCount", colWidth: "colWidth", isLegendVisible: "isLegendVisible", rightButtonLabel: "rightButtonLabel", leftButtonLabel: "leftButtonLabel", isSubmitButtonDisabled: "isSubmitButtonDisabled", isLeftButtonDisabled: "isLeftButtonDisabled", isLeftButtonNeeded: "isLeftButtonNeeded", isRightButtonNeeded: "isRightButtonNeeded", actionButtonAlign: "actionButtonAlign" }, outputs: { 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", ctaButtonClick: "ctaButtonClick", formMultiSelectAutoCompleteSearch: "formMultiSelectAutoCompleteSearch", formMultiSelectAutoCompleteClearSearchValue: "formMultiSelectAutoCompleteClearSearchValue", multiSelectAutoCompleteOptionsSelected: "multiSelectAutoCompleteOptionsSelected", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, viewQueries: [{ propertyName: "formFields", predicate: DynamicFormFieldDirective, descendants: true }], exportAs: ["dynamicForm"], ngImport: i0, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          [filesUploadedSuccessfullyCount]=\"filesUploadedSuccessfullyCount\"\r\n          [filesNamesUploadFailed]=\"filesNamesUploadFailed\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formMultiSelectAutoCompleteSearch)=\"\r\n            onMultiSelectAutoCompleteSearch($event)\r\n          \"\r\n          (multiSelectAutoCompleteClearSearchValue)=\"\r\n            onMultiSelectAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (multiSelectAutoCompleteOptionsSelected)=\"\r\n            onFormChange(); onMultiSelectAutoCompleteOptionsSelected($event)\r\n          \"\r\n          (formRichTextEditorContentChange)=\"\r\n            onFormRichTextEditorContentChange($event)\r\n          \"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        *ngIf=\"isRightButtonNeeded\"\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:5px}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){margin-bottom:0!important}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFormFieldDirective, selector: "[ieeesaDynamicFormField]", inputs: ["config", "group", "filesUploadedSuccessfullyCount", "filesNamesUploadFailed", "submitResponse", "searchResponse"], outputs: ["formSearchApply", "formDropdownSelected", "formDateSelected", "formTimeSelected", "formSelectedDateRange", "formSelectSearch", "formAutoCompleteSearch", "autoCompleteClearSearchValue", "autoCompleteOptionSelected", "formCheckboxSelection", "formInputValue", "addFormGroup", "supportTextLinkClick", "formSlideToggleChange", "dropdownOpenedChange", "formColorPickerChange", "formFileUpload", "formRadioOptionSelected", "ctaButtonClick", "formMultiSelectAutoCompleteSearch", "multiSelectAutoCompleteClearSearchValue", "multiSelectAutoCompleteOptionsSelected", "formRichTextEditorContentChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: FocusInvalidFormFieldDirective, selector: "[ieeesaFocusInvalidFormField]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
@@ -5148,7 +5209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatButtonModule,
                         FocusInvalidFormFieldDirective,
                         TextTruncatedDirective,
-                    ], encapsulation: ViewEncapsulation.None, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          [filesUploadedSuccessfullyCount]=\"filesUploadedSuccessfullyCount\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formMultiSelectAutoCompleteSearch)=\"\r\n            onMultiSelectAutoCompleteSearch($event)\r\n          \"\r\n          (multiSelectAutoCompleteClearSearchValue)=\"\r\n            onMultiSelectAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (multiSelectAutoCompleteOptionsSelected)=\"\r\n            onFormChange(); onMultiSelectAutoCompleteOptionsSelected($event)\r\n          \"\r\n          (formRichTextEditorContentChange)=\"\r\n            onFormRichTextEditorContentChange($event)\r\n          \"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        *ngIf=\"isRightButtonNeeded\"\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:5px}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){margin-bottom:0!important}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          [filesUploadedSuccessfullyCount]=\"filesUploadedSuccessfullyCount\"\r\n          [filesNamesUploadFailed]=\"filesNamesUploadFailed\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formMultiSelectAutoCompleteSearch)=\"\r\n            onMultiSelectAutoCompleteSearch($event)\r\n          \"\r\n          (multiSelectAutoCompleteClearSearchValue)=\"\r\n            onMultiSelectAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (multiSelectAutoCompleteOptionsSelected)=\"\r\n            onFormChange(); onMultiSelectAutoCompleteOptionsSelected($event)\r\n          \"\r\n          (formRichTextEditorContentChange)=\"\r\n            onFormRichTextEditorContentChange($event)\r\n          \"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        *ngIf=\"isRightButtonNeeded\"\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:5px}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){margin-bottom:0!important}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i3.FormBuilder }, { type: i0.ElementRef }]; }, propDecorators: { formFields: [{
                 type: ViewChildren,
                 args: [DynamicFormFieldDirective]
@@ -5158,6 +5219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], searchResponse: [{
                 type: Input
+            }], filesNamesUploadFailed: [{
+                type: Input
             }], filesUploadedSuccessfullyCount: [{
                 type: Input
             }], colWidth: [{