@ieeesa-npm/presentation 0.27.4 → 0.27.6

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -657,7 +657,7 @@ var fileUpload = {
 		upload: "Upload",
 		mb: "MB",
 		uploadFor: "Upload for",
-		uploadErrorMsg: "could not be completed. Please try again",
+		uploadErrorMsg: "could not be completed. Please try again.",
 		of: "of",
 		filesUploaded: "files Uploaded",
 		fileAlreadyExists: "already exists"
@@ -700,7 +700,7 @@ var fileUpload = {
 		}
 	},
 	limit: {
-		maxFileUpload: 5
+		maxFilesUploadedOnce: 5
 	}
 };
 var list = {
@@ -2680,11 +2680,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /* eslint-disable no-unused-vars */
-var ViewFilesFormat;
-(function (ViewFilesFormat) {
-    ViewFilesFormat["DEFAULT"] = "default";
-    ViewFilesFormat["BOTTOM"] = "bottom";
-})(ViewFilesFormat || (ViewFilesFormat = {}));
+var AlignBrowsedFiles;
+(function (AlignBrowsedFiles) {
+    AlignBrowsedFiles["DEFAULT"] = "default";
+    AlignBrowsedFiles["BOTTOM"] = "bottom";
+})(AlignBrowsedFiles || (AlignBrowsedFiles = {}));
 
 /* eslint-disable no-unused-vars */
 var AlignType;
@@ -2713,7 +2713,7 @@ class FileUploadService {
         this.destroy$ = new Subject();
         this.constants = constants$1;
         this.isFileUploading = false;
-        this.filesUploadedSuccessfullyCount = 0;
+        this.noOfFilesUploadedSuccessfully = 0;
         this.uploadedFileName = '';
         this.httpClient = new HttpClient(handler);
     }
@@ -2870,7 +2870,7 @@ class FileUploadService {
             case HttpEventType.Response:
                 this.loaderNotificationService.hide();
                 if (event.status === 200) {
-                    this.filesUploadedSuccessfullyCount++;
+                    this.noOfFilesUploadedSuccessfully++;
                     this.uploadedFileName = fileName;
                     return true;
                 }
@@ -3096,7 +3096,9 @@ class FileDownloadComponent {
      * @memberof FileDownloadComponent
      */
     ngOnInit() {
-        this.fileUploadService.setApiBaseUrl(this.apiBaseUrl);
+        if (this.apiBaseUrl) {
+            this.fileUploadService.setApiBaseUrl(this.apiBaseUrl);
+        }
     }
     /**
      * Gets the download AWS pre-signed URL from API on button click or emit the downloadSelectedFile if isNotDownloadFileInternally flg is true.
@@ -3279,13 +3281,13 @@ class FileUploadComponent {
         this.isMultiFileUpload = false;
         this.isUploadInProgress = false;
         this.isAllowAnyFileType = false;
-        this.viewFilesFormat = ViewFilesFormat.DEFAULT;
+        this.alignBrowsedFiles = AlignBrowsedFiles.DEFAULT;
         this.isUploadButtonNeeded = false;
         // Default maximum allowed upload file size is 2mb.
         this.maxUploadFileSize = 2;
         this.uploadedSizeValue = 0;
         this.alignFileUploadErrorMessageTo = AlignType.BOTTOM;
-        this.maxFilesUploadLimit = this.constants?.fileUpload?.limit?.maxFileUpload;
+        this.maxFilesUploadedOnce = this.constants?.fileUpload?.limit?.maxFilesUploadedOnce;
         this.maxFilesUploadLimitErrorMessage = '';
         this.uploadSelectedFiles = new EventEmitter();
         this.downloadSelectedFile = new EventEmitter();
@@ -3312,7 +3314,8 @@ class FileUploadComponent {
             this.config?.allowedFileTypes ?? this.allowedFileTypes;
         this.isAllowAnyFileType =
             this.config?.isAllowAnyFileType ?? this.isAllowAnyFileType;
-        this.viewFilesFormat = this.config?.viewFilesFormat ?? this.viewFilesFormat;
+        this.alignBrowsedFiles =
+            this.config?.alignBrowsedFiles ?? this.alignBrowsedFiles;
         this.isUploadButtonNeeded =
             this.config?.isUploadButtonNeeded ?? this.isUploadButtonNeeded;
         this.actionButtonAlign =
@@ -3331,8 +3334,8 @@ class FileUploadComponent {
         this.config.maxFileSizeErrorMessage =
             this.config?.maxFileSizeErrorMessage ?? this.maxFileSizeErrorMessage;
         this.isFileSelected = this.config?.isFileSelected ?? this.isFileSelected;
-        this.maxFilesUploadLimit =
-            this.config?.maxFilesUploadLimit ?? this.maxFilesUploadLimit;
+        this.maxFilesUploadedOnce =
+            this.config?.maxFilesUploadedOnce ?? this.maxFilesUploadedOnce;
         this.maxFilesUploadLimitErrorMessage =
             this.config?.maxFilesUploadLimitErrorMessage ??
                 this.maxFilesUploadLimitErrorMessage;
@@ -3361,7 +3364,7 @@ class FileUploadComponent {
         this.selectedFiles = [];
         this.fileUploadStatus.alreadyExistsFiles = [];
         this.fileUploadStatus.filesNamesUploadFailed = [];
-        this.fileUploadStatus.filesUploadedSuccessfullyCount = 0;
+        this.fileUploadStatus.noOfFilesUploadedSuccessfully = 0;
         const fileUploadFormControl = this.group?.get(this.config?.controlName ?? 'fileUpload');
         if (fileUploadFormControl) {
             fileUploadFormControl.markAsDirty();
@@ -3423,7 +3426,7 @@ class FileUploadComponent {
         if (this.isMultiFileUpload) {
             this.isValidMaxFileUploadLimit =
                 Object.values(file).length <=
-                    this.constants?.fileUpload?.limit?.maxFileUpload;
+                    this.constants?.fileUpload?.limit?.maxFilesUploadedOnce;
             if (!this.isValidMaxFileUploadLimit) {
                 this.group?.get(this.config?.controlName)?.setErrors({
                     maxFilesUploadLimitReached: true,
@@ -3505,15 +3508,15 @@ class FileUploadComponent {
         return index;
     }
     /**
-     * Triggers on browse element clicked
+     * Triggers and opens the file browse window when the Browse button is clicked.
      * @memberof FileUploadComponent
      */
     fileClick() {
         this.fileField.nativeElement.click();
     }
     /**
-     * Display comma separated failed file names
-     * @param {string[]} filesNamesUploadFailed
+     * Returns the failed file names with comma separation.
+     * @param {string[]} fileNames
      * @return {*}  {string}
      * @memberof FileUploadComponent
      */
@@ -3521,7 +3524,7 @@ class FileUploadComponent {
         return fileNames && fileNames.length ? fileNames.join(',') : '';
     }
     /**
-     * Removes file from respective properties used.
+     * Removes the unselected file from the browsed or selected files and emits uploadSelectedFiles event with the selected files.
      * @param {number} index
      * @memberof FileUploadComponent
      */
@@ -3533,21 +3536,29 @@ class FileUploadComponent {
         this.uploadSelectedFiles.emit(this.selectedFiles);
         if (this.selectedFiles.length === 0) {
             this.resetUpload();
-            this.fileUploadStatus.filesUploadedSuccessfullyCount = 0;
+            this.fileUploadStatus.noOfFilesUploadedSuccessfully = 0;
             this.fileUploadStatus.filesNamesUploadFailed = [];
             this.fileUploadStatus.alreadyExistsFiles = [];
-            this.isUploadButtonDisabled = true;
+            this.canEnableUploadButton(true);
         }
     }
     /**
-     * Disabled file upload button
+     * Disables the file upload button.
      * @memberof FileUploadComponent
      */
     disableUploadButton() {
         if (!this.isUploadButtonDisabled) {
-            this.isUploadButtonDisabled = true;
+            this.canEnableUploadButton(true);
         }
     }
+    /**
+     * Enables or disables the file upload button.
+     * @param {boolean} enable
+     * @memberof FileUploadComponent
+     */
+    canEnableUploadButton(enable) {
+        this.isUploadButtonDisabled = enable;
+    }
     /**
      * Based on isMultiFileUpload flag return files to download.
      * @memberof FileUploadComponent
@@ -3558,8 +3569,18 @@ class FileUploadComponent {
         }
         return this.uploadedFiles;
     }
+    /**
+     * TrackByFunction is called for each file in the collection and return a unique identifier for that file.
+     * @param {number} index
+     * @param {File} file
+     * @return {File}
+     * @memberof FileUploadComponent
+     */
+    trackByFunc(index, file) {
+        return file;
+    }
     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", alignFileUploadErrorMessageTo: "alignFileUploadErrorMessageTo", maxFilesUploadLimit: "maxFilesUploadLimit", maxFilesUploadLimitErrorMessage: "maxFilesUploadLimitErrorMessage", fileUploadStatus: "fileUploadStatus", uploadedSize: "uploadedSize", fileDownloadConfig: "fileDownloadConfig" }, 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  <ieeesa-file-download\r\n    [fileDownloadConfig]=\"fileDownloadConfig\"\r\n    [apiBaseUrl]=\"apiBaseUrl\"\r\n    [downloadFiles]=\"getFilesToDownload()\"\r\n    (downloadSelectedFile)=\"downloadFile($event)\"\r\n  ></ieeesa-file-download>\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        [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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=\"fileUploadStatus.filesUploadedSuccessfullyCount\"\r\n            >\r\n              {{\r\n                fileUploadStatus.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            <ng-container *ngIf=\"!fileUploadStatus?.isUploadingStart\">\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            </ng-container>\r\n            <p\r\n              *ngIf=\"\r\n                fileUploadStatus.filesNamesUploadFailed &&\r\n                fileUploadStatus.filesNamesUploadFailed.length\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFileNames(fileUploadStatus.filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n            <p\r\n              *ngIf=\"\r\n                fileUploadStatus.alreadyExistsFiles &&\r\n                fileUploadStatus.alreadyExistsFiles.length &&\r\n                isMultiFileUpload\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                displayFileNames(fileUploadStatus.alreadyExistsFiles) +\r\n                  \" \" +\r\n                  fileUploadLabel?.fileAlreadyExists\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]=\"alignFileUploadErrorMessageTo !== alignmentType.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          [disabled]=\"isUploadButtonDisabled\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected || fileUploadStatus?.isUploadingStart\"\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]=\"alignFileUploadErrorMessageTo !== alignmentType.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__text{margin-top:.75em;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"] }, { kind: "component", type: FileDownloadComponent, selector: "ieeesa-file-download", inputs: ["downloadFiles", "fileDownloadConfig", "isPublicAPI", "domainUrl", "apiBaseUrl"], outputs: ["downloadSelectedFile", "deleteSelectedFile"] }], 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", alignBrowsedFiles: "alignBrowsedFiles", isUploadButtonNeeded: "isUploadButtonNeeded", maxUploadFileSize: "maxUploadFileSize", alignFileUploadErrorMessageTo: "alignFileUploadErrorMessageTo", maxFilesUploadedOnce: "maxFilesUploadedOnce", maxFilesUploadLimitErrorMessage: "maxFilesUploadLimitErrorMessage", fileUploadStatus: "fileUploadStatus", uploadedSize: "uploadedSize", fileDownloadConfig: "fileDownloadConfig" }, 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  <ieeesa-file-download\r\n    [fileDownloadConfig]=\"fileDownloadConfig\"\r\n    [apiBaseUrl]=\"apiBaseUrl\"\r\n    [downloadFiles]=\"getFilesToDownload()\"\r\n    (downloadSelectedFile)=\"downloadFile($event)\"\r\n  ></ieeesa-file-download>\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        [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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]=\"alignBrowsedFiles\">\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-display-browsed-files-bottom\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"fileUploadStatus.noOfFilesUploadedSuccessfully\"\r\n            >\r\n              {{\r\n                fileUploadStatus.noOfFilesUploadedSuccessfully +\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            <ng-container *ngIf=\"!fileUploadStatus?.isUploadingStart\">\r\n              <p\r\n                class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n                *ngFor=\"\r\n                  let file of selectedFiles;\r\n                  let i = index;\r\n                  trackBy: trackByFunc\r\n                \"\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            </ng-container>\r\n            <p\r\n              *ngIf=\"fileUploadStatus?.filesNamesUploadFailed?.length\"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFileNames(fileUploadStatus.filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n            <p\r\n              *ngIf=\"fileUploadStatus?.alreadyExistsFiles?.length\"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                displayFileNames(fileUploadStatus.alreadyExistsFiles) +\r\n                  \" \" +\r\n                  fileUploadLabel?.fileAlreadyExists\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      *ngIf=\"alignFileUploadErrorMessageTo === alignmentType.MIDDLE\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div\r\n      *ngIf=\"isUploadButtonNeeded && isFileSelected\"\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]=\"\r\n          isUploadButtonDisabled ||\r\n          !isFileSelected ||\r\n          fileUploadStatus?.isUploadingStart\r\n        \"\r\n      >\r\n        {{ fileUploadLabel?.upload }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  *ngIf=\"alignFileUploadErrorMessageTo === alignmentType.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__text{margin-top:.75em;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-display-browsed-files-bottom{padding-top:.75em}.ieeesa-file-upload .ieeesa-display-browsed-files-bottom .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}.ieeesa-file-upload .ieeesa-display-browsed-files-bottom ul li{list-style:none}@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"] }, { kind: "component", type: FileDownloadComponent, selector: "ieeesa-file-download", inputs: ["downloadFiles", "fileDownloadConfig", "isPublicAPI", "domainUrl", "apiBaseUrl"], outputs: ["downloadSelectedFile", "deleteSelectedFile"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
@@ -3575,7 +3596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FileUploadDirective,
                         IconButtonComponent,
                         FileDownloadComponent,
-                    ], 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  <ieeesa-file-download\r\n    [fileDownloadConfig]=\"fileDownloadConfig\"\r\n    [apiBaseUrl]=\"apiBaseUrl\"\r\n    [downloadFiles]=\"getFilesToDownload()\"\r\n    (downloadSelectedFile)=\"downloadFile($event)\"\r\n  ></ieeesa-file-download>\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        [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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=\"fileUploadStatus.filesUploadedSuccessfullyCount\"\r\n            >\r\n              {{\r\n                fileUploadStatus.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            <ng-container *ngIf=\"!fileUploadStatus?.isUploadingStart\">\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            </ng-container>\r\n            <p\r\n              *ngIf=\"\r\n                fileUploadStatus.filesNamesUploadFailed &&\r\n                fileUploadStatus.filesNamesUploadFailed.length\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFileNames(fileUploadStatus.filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n            <p\r\n              *ngIf=\"\r\n                fileUploadStatus.alreadyExistsFiles &&\r\n                fileUploadStatus.alreadyExistsFiles.length &&\r\n                isMultiFileUpload\r\n              \"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                displayFileNames(fileUploadStatus.alreadyExistsFiles) +\r\n                  \" \" +\r\n                  fileUploadLabel?.fileAlreadyExists\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]=\"alignFileUploadErrorMessageTo !== alignmentType.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          [disabled]=\"isUploadButtonDisabled\"\r\n          mat-button\r\n          class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n          [disabled]=\"!isFileSelected || fileUploadStatus?.isUploadingStart\"\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]=\"alignFileUploadErrorMessageTo !== alignmentType.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__text{margin-top:.75em;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"] }]
+                    ], 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  <ieeesa-file-download\r\n    [fileDownloadConfig]=\"fileDownloadConfig\"\r\n    [apiBaseUrl]=\"apiBaseUrl\"\r\n    [downloadFiles]=\"getFilesToDownload()\"\r\n    (downloadSelectedFile)=\"downloadFile($event)\"\r\n  ></ieeesa-file-download>\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        [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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          [disabled]=\"fileUploadStatus?.isUploadingStart\"\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]=\"alignBrowsedFiles\">\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-display-browsed-files-bottom\">\r\n            <p\r\n              class=\"ieeesa-file-upload__progress__text\"\r\n              *ngIf=\"fileUploadStatus.noOfFilesUploadedSuccessfully\"\r\n            >\r\n              {{\r\n                fileUploadStatus.noOfFilesUploadedSuccessfully +\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            <ng-container *ngIf=\"!fileUploadStatus?.isUploadingStart\">\r\n              <p\r\n                class=\"d-flex pt-1 m-0 ieeesa-label-md-14 align-items-center\"\r\n                *ngFor=\"\r\n                  let file of selectedFiles;\r\n                  let i = index;\r\n                  trackBy: trackByFunc\r\n                \"\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            </ng-container>\r\n            <p\r\n              *ngIf=\"fileUploadStatus?.filesNamesUploadFailed?.length\"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                fileUploadLabel?.uploadFor +\r\n                  \" \" +\r\n                  displayFileNames(fileUploadStatus.filesNamesUploadFailed) +\r\n                  \" \" +\r\n                  fileUploadLabel?.uploadErrorMsg\r\n              }}\r\n            </p>\r\n            <p\r\n              *ngIf=\"fileUploadStatus?.alreadyExistsFiles?.length\"\r\n              class=\"ieeesa-file-upload__error__text\"\r\n            >\r\n              {{ disableUploadButton() }}\r\n              {{\r\n                displayFileNames(fileUploadStatus.alreadyExistsFiles) +\r\n                  \" \" +\r\n                  fileUploadLabel?.fileAlreadyExists\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      *ngIf=\"alignFileUploadErrorMessageTo === alignmentType.MIDDLE\"\r\n      [formGroup]=\"group\"\r\n      [config]=\"config\"\r\n    ></ieeesa-form-error>\r\n    <div\r\n      *ngIf=\"isUploadButtonNeeded && isFileSelected\"\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]=\"\r\n          isUploadButtonDisabled ||\r\n          !isFileSelected ||\r\n          fileUploadStatus?.isUploadingStart\r\n        \"\r\n      >\r\n        {{ fileUploadLabel?.upload }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ieeesa-form-error\r\n  *ngIf=\"alignFileUploadErrorMessageTo === alignmentType.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__text{margin-top:.75em;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-display-browsed-files-bottom{padding-top:.75em}.ieeesa-file-upload .ieeesa-display-browsed-files-bottom .mat-mdc-icon-button.mat-mdc-button-base{height:-moz-fit-content!important;height:fit-content!important;color:#49454f!important}.ieeesa-file-upload .ieeesa-display-browsed-files-bottom ul li{list-style:none}@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']
@@ -3599,7 +3620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], isAllowAnyFileType: [{
                 type: Input
-            }], viewFilesFormat: [{
+            }], alignBrowsedFiles: [{
                 type: Input
             }], isUploadButtonNeeded: [{
                 type: Input
@@ -3607,7 +3628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], alignFileUploadErrorMessageTo: [{
                 type: Input
-            }], maxFilesUploadLimit: [{
+            }], maxFilesUploadedOnce: [{
                 type: Input
             }], maxFilesUploadLimitErrorMessage: [{
                 type: Input
@@ -4692,8 +4713,10 @@ class DynamicFormFieldDirective {
             this.component.instance.group = this.group;
             this.component.instance.submitResponse = this.submitResponse;
             this.component.instance.searchResponse = this.searchResponse;
-            this.component.instance.fileUploadStatus = this.fileUploadStatus;
             this.component.instance.fileDownloadConfig = this.fileDownloadConfig;
+            if (this.config.type === FormControlType.FILE_UPLOAD) {
+                this.component.instance.fileUploadStatus = this.fileUploadStatus;
+            }
             if (this.config.type === FormControlType.SEARCH) {
                 this.component.instance.searchValue
                     ?.pipe(takeUntil(this.destroy$))
@@ -7909,17 +7932,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /* eslint-disable no-unused-vars */
-var DynamicProperties;
-(function (DynamicProperties) {
-    DynamicProperties["EVENT_ID"] = "eventId";
-    DynamicProperties["MEETING_ID"] = "meetingId";
-    DynamicProperties["ROUTE_PATHS"] = "routePaths";
-    DynamicProperties["API_BASE_URL"] = "apiBaseURL";
-    DynamicProperties["USER_PERMISSIONS"] = "userPermissions";
-    DynamicProperties["ACTION_TYPE"] = "actionType";
-    DynamicProperties["IS_VIEW_ONLY"] = "isViewOnly";
-    DynamicProperties["IS_MEMBER_OF_GROUP"] = "isMemberOfGroup";
-})(DynamicProperties || (DynamicProperties = {}));
+var CustomProperties;
+(function (CustomProperties) {
+    CustomProperties["EVENT_ID"] = "eventId";
+    CustomProperties["MEETING_ID"] = "meetingId";
+    CustomProperties["ROUTE_PATHS"] = "routePaths";
+    CustomProperties["API_BASE_URL"] = "apiBaseURL";
+    CustomProperties["USER_PERMISSIONS"] = "userPermissions";
+    CustomProperties["ACTION_TYPE"] = "actionType";
+    CustomProperties["IS_VIEW_ONLY"] = "isViewOnly";
+    CustomProperties["IS_MEMBER_OF_GROUP"] = "isMemberOfGroup";
+})(CustomProperties || (CustomProperties = {}));
 
 /* eslint-disable no-empty-function */
 class TabsComponent {
@@ -7951,15 +7974,15 @@ class TabsComponent {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.constants = constants$1;
         this.modalConfigTexts = this.constants?.modalConfig;
-        this.dynamicProperties = [
-            DynamicProperties.EVENT_ID,
-            DynamicProperties.MEETING_ID,
-            DynamicProperties.ROUTE_PATHS,
-            DynamicProperties.API_BASE_URL,
-            DynamicProperties.USER_PERMISSIONS,
-            DynamicProperties.ACTION_TYPE,
-            DynamicProperties.IS_VIEW_ONLY,
-            DynamicProperties.IS_MEMBER_OF_GROUP,
+        this.customProperties = [
+            CustomProperties.EVENT_ID,
+            CustomProperties.MEETING_ID,
+            CustomProperties.ROUTE_PATHS,
+            CustomProperties.API_BASE_URL,
+            CustomProperties.USER_PERMISSIONS,
+            CustomProperties.ACTION_TYPE,
+            CustomProperties.IS_VIEW_ONLY,
+            CustomProperties.IS_MEMBER_OF_GROUP,
         ];
     }
     /**
@@ -8032,7 +8055,7 @@ class TabsComponent {
             this.componentContainer.clear();
         }
         this.componentRef = this.componentContainer?.createComponent(tab.componentRef);
-        this.setDynamicComponentProperty(this.dynamicProperties);
+        this.setCustomComponentProperties(this.customProperties);
         this.componentRef?.instance?.formCancel
             ?.pipe(takeUntil(this.destroy$))
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -8051,7 +8074,7 @@ class TabsComponent {
      * @param {[]} properties
      * @memberof TabsComponent
      */
-    setDynamicComponentProperty(properties) {
+    setCustomComponentProperties(properties) {
         const thisObj = this;
         properties.forEach((property) => {
             if (property in thisObj && thisObj[property] !== undefined) {
@@ -8276,20 +8299,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-var LinkType;
-(function (LinkType) {
-    // eslint-disable-next-line no-unused-vars
-    LinkType["ADD_MEETING"] = "ADD_MEETING";
-})(LinkType || (LinkType = {}));
-
-/* eslint-disable no-unused-vars */
-var AllowedFileTypes;
-(function (AllowedFileTypes) {
-    AllowedFileTypes["JPG"] = "jpg";
-    AllowedFileTypes["PNG"] = "png";
-    AllowedFileTypes["SVG"] = "svg";
-})(AllowedFileTypes || (AllowedFileTypes = {}));
-
 var AccordionDetails;
 (function (AccordionDetails) {
     // eslint-disable-next-line no-unused-vars
@@ -8304,6 +8313,20 @@ var AccordionDetails;
     AccordionDetails[AccordionDetails["BALLOTS"] = 5] = "BALLOTS";
 })(AccordionDetails || (AccordionDetails = {}));
 
+/* eslint-disable no-unused-vars */
+var AllowedFileTypes;
+(function (AllowedFileTypes) {
+    AllowedFileTypes["JPG"] = "jpg";
+    AllowedFileTypes["PNG"] = "png";
+    AllowedFileTypes["SVG"] = "svg";
+})(AllowedFileTypes || (AllowedFileTypes = {}));
+
+var LinkType;
+(function (LinkType) {
+    // eslint-disable-next-line no-unused-vars
+    LinkType["ADD_MEETING"] = "ADD_MEETING";
+})(LinkType || (LinkType = {}));
+
 class PresentationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PresentationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PresentationModule }); }
@@ -8327,5 +8350,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionDetails, AlignType, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, DynamicProperties, FileDownloadComponent, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, MultiSelectAutocompleteComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PresentationModule, RadioComponent, RichTextEditorComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, ViewFilesFormat, WelcomeComponent };
+export { AccordionComponent, AccordionDetails, AlignBrowsedFiles, AlignType, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, CustomProperties, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FileDownloadComponent, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, MultiSelectAutocompleteComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PresentationModule, RadioComponent, RichTextEditorComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
 //# sourceMappingURL=ieeesa-npm-presentation.mjs.map