@ieeesa-npm/presentation 0.33.15 → 0.33.17

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -53,7 +53,7 @@ import * as i1$2 from '@ieeesa-npm/utility';
 import * as i5$4 from 'ngx-colors';
 import { NgxColorsTriggerDirective, NgxColorsModule } from 'ngx-colors';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import { takeUntil as takeUntil$1, map as map$1, filter as filter$2, debounceTime as debounceTime$1 } from 'rxjs/operators';
+import { takeUntil as takeUntil$1, map as map$1, debounceTime as debounceTime$1, filter as filter$2 } from 'rxjs/operators';
 import * as i10 from '@angular/material/chips';
 import { MatChipsModule, MatChipListbox } from '@angular/material/chips';
 import * as i4$3 from 'ngx-simple-text-editor';
@@ -4200,29 +4200,41 @@ class MultiSelectAutocompleteComponent {
      * @memberof MultiSelectAutocompleteComponent
      */
     onValueChanges() {
+        // Search is driven off the raw keyup stream (not the reactive control's
+        // valueChanges) so type-ahead keeps working even when the control uses
+        // updateOn: 'blur' (which defers valueChanges until blur). Below the min
+        // character count we emit the clear-search event; at/above it we emit the
+        // search value so the parent fetches options.
         fromEvent(this.multiSelectAutoComplete?.nativeElement, 'keyup')
             .pipe(takeUntil$1(this.destroy$), 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        map$1((event) => event?.target?.value), filter$2(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (res) => res?.length <
-            this.autocompleteConstInfo?.autocomplete?.minCharToSearch &&
-            res?.length !== 0), debounceTime$1(this.autocompleteConstInfo?.autocomplete?.debounceTime))
+        map$1((event) => event?.target?.value ?? ''), debounceTime$1(this.autocompleteConstInfo?.autocomplete?.debounceTime))
             .subscribe((text) => {
-            if (text === '')
+            const minChar = this.autocompleteConstInfo?.autocomplete?.minCharToSearch;
+            if (text === '') {
                 this.handleFieldError();
-            this.multiSelectAutoCompleteClearSearchValue.emit(text);
+                this.multiSelectAutoCompleteClearSearchValue.emit(text);
+            }
+            else if (text.length < minChar) {
+                this.multiSelectAutoCompleteClearSearchValue.emit(text);
+            }
+            else {
+                this.multiSelectAutoCompleteSearchValue.emit(text);
+            }
         });
+        // valueChanges still handles the empty-reset case (e.g. programmatic clears
+        // and the blur-flushed control value) to re-sync field validity.
         this.group?.controls[this.config?.controlName]?.valueChanges
-            .pipe(takeUntil$1(this.destroy$), filter$2(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (res) => res?.length >=
-            this.autocompleteConstInfo?.autocomplete?.minCharToSearch ||
-            res?.length === 0), debounceTime$1(this.autocompleteConstInfo?.autocomplete?.debounceTime))
-            .subscribe((text) => {
-            this.multiSelectAutoCompleteSearchValue.emit(text);
-            if (text === '')
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe((value) => {
+            // Only react to the empty-string transition (user cleared the typed
+            // text). Do NOT also match an empty array: handleFieldError() itself
+            // calls setValue(this.selectedOptions) — which is [] when empty — and
+            // would re-enter this branch and recurse until a stack overflow. The
+            // validators already handle the empty-array case.
+            if (value === '') {
                 this.handleFieldError();
+            }
         });
     }
     /**
@@ -4250,6 +4262,13 @@ class MultiSelectAutocompleteComponent {
         const value = (event?.value || '').trim();
         if (value.length === 0)
             return;
+        // Validate the raw token before accepting it. With updateOn: 'blur' the
+        // control's errors are not computed while the input is focused, so we must
+        // flush validation against the typed value (rather than read stale/absent
+        // control.errors) — otherwise out-of-bounds free text would be added and
+        // then skipped by skipWhenArray once it becomes a selection.
+        control?.setValue(value, { emitEvent: false });
+        control?.updateValueAndValidity({ emitEvent: false });
         const minLength = control?.errors?.['minlength']?.requiredLength;
         const maxLength = control?.errors?.['maxlength']?.requiredLength;
         if ((value.length >= minLength && value.length <= maxLength) ||
@@ -4257,6 +4276,9 @@ class MultiSelectAutocompleteComponent {
             this.selectedOptions.push({ id: '', name: value });
             if (input)
                 input.value = '';
+            // Also reset the reactive control so the search text is fully cleared
+            // after an Enter-added org (parity with the dropdown-select path).
+            this.clearSearchInput();
             this.formatSelectedOption(this.selectedOptions);
         }
     }
@@ -4296,10 +4318,58 @@ class MultiSelectAutocompleteComponent {
         }
         this.formatSelectedOption(this.selectedOptions);
         requestAnimationFrame(() => {
+            // Clear the typed search term after selection so the input is empty and
+            // ready for the next search, while the selection remains as a chip.
+            // Done here (inside rAF) so it runs after Material's [displayWith] writes
+            // the option's display value back into the input on optionSelected.
+            this.clearSearchInput();
             this.multiSelectAutoComplete?.nativeElement.focus();
         });
+        // Drop the previously fetched options so the dropdown does not re-open with
+        // stale results when the user clicks back into the now-empty input. Deferred
+        // to a macrotask so it runs AFTER Material has fully finished processing this
+        // selection (clearing it earlier desyncs the option/checkbox state and drops
+        // the chip). The list repopulates from the parent search on the next keystroke.
+        setTimeout(() => {
+            this.autoCompleteOptionList = [];
+        });
         return value;
     }
+    /**
+     * Clears the typeahead search text from both the reactive form control and the
+     * native input element without touching the selected chips. Uses
+     * `emitEvent: false` so the valueChanges search stream is not re-triggered.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    clearSearchInput() {
+        // Clear only the visible search text in the native input. The reactive
+        // control's value must stay bound to the selected options (chips), so we do
+        // NOT set it to '' here — that would drop the selection and re-trigger the
+        // required validator. handleFieldError() re-syncs the control value to
+        // selectedOptions and clears the required error when chips exist.
+        if (this.multiSelectAutoComplete?.nativeElement) {
+            this.multiSelectAutoComplete.nativeElement.value = '';
+        }
+        this.handleFieldError();
+    }
+    /**
+     * Fires when focus leaves the search input (click outside / tab away). If text
+     * was typed but never committed as a chip (i.e. nothing was picked from the
+     * dropdown), clear it so stale search text is not left behind. Deferred with a
+     * short timeout so that if the blur was caused by clicking a dropdown option,
+     * onChange commits the selection first (and has already cleared the text),
+     * making this a no-op in that case. Clicking back into the same field does not
+     * blur it, so the text is preserved while the user is still editing.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    onInputBlur() {
+        setTimeout(() => {
+            const hasLeftoverText = !!this.multiSelectAutoComplete?.nativeElement?.value?.trim();
+            if (hasLeftoverText) {
+                this.clearSearchInput();
+            }
+        });
+    }
     /**
      * Formats the selected options and emits the multiSelectAutoCompleteOptionSelected event.
      * @param {SelectOption[]} selectedOptions -Array of selected options.
@@ -4370,7 +4440,7 @@ class MultiSelectAutocompleteComponent {
                     overlayPanelClass: 'ieeesa-multi-select-autocomplete-overlay-panel',
                 },
             },
-        ], viewQueries: [{ propertyName: "multiSelectAutoComplete", first: true, predicate: ["multiSelectAutoComplete"], descendants: true }, { propertyName: "matACTrigger", first: true, predicate: ["autocompleteTrigger"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"ieeesa-multi-select-autocomplete\"\r\n  [formGroup]=\"group\"\r\n  *ngIf=\"group\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-multi-select-autocomplete-field__label-left'\r\n      : 'ieeesa-multi-select-autocomplete-field__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-multi-select-autocomplete__label\"\r\n    >{{ config.label }}</mat-label\r\n  >\r\n  <mat-form-field\r\n    class=\"ieeesa-multi-select-autocomplete__mat-form-field\"\r\n    appearance=\"outline\"\r\n  >\r\n    <mat-chip-grid\r\n      #chipGrid\r\n      [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.selectedOptions\"\r\n    >\r\n      <mat-chip-row\r\n        *ngFor=\"let option of selectedOptions; trackBy: trackByFn\"\r\n        [attr.aria-label]=\"option?.name\"\r\n        [removable]=\"true\"\r\n        (removed)=\"onOptionRemoved(option)\"\r\n      >\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"option.name\"\r\n          class=\"ieeesa-label-lg-bold-16 m-0\"\r\n        >\r\n          {{ option.name }}\r\n        </p>\r\n        <button\r\n          matChipRemove\r\n          [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.removeOption + option.name\"\r\n        >\r\n          <svg class=\"ieeesa-chip__svg-avatar\" matChipAvatar>\r\n            <use [attr.xlink:href]=\"removeIconURL\"></use>\r\n          </svg>\r\n        </button>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input\r\n      matInput\r\n      class=\"ieeesa-multi-select-autocomplete__input ieeesa-title-sm-16\"\r\n      [matAutocomplete]=\"matAutocomplete\"\r\n      [placeholder]=\"config.placeholder ?? ''\"\r\n      [formControlName]=\"config.controlName\"\r\n      [name]=\"config.controlName\"\r\n      [attr.aria-label]=\"config.ariaLabel\"\r\n      [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n      #multiSelectAutoComplete\r\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\"\r\n      [matChipInputFor]=\"chipGrid\"\r\n    />\r\n    <mat-autocomplete\r\n      #matAutocomplete=\"matAutocomplete\"\r\n      (optionSelected)=\"onChange($event.option)\"\r\n      [displayWith]=\"displayOptionName\"\r\n      class=\"ieeesa-multi-select-autocomplete__autocomplete-list\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let option of autoCompleteOptionList; trackBy: trackByFn\"\r\n        [value]=\"option\"\r\n      >\r\n        <mat-checkbox color=\"primary\" [checked]=\"isCheckboxSelected(option)\">\r\n        </mat-checkbox>\r\n        {{ option.name }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      type=\"button\"\r\n      matSuffix\r\n      mat-icon-button\r\n      [matTooltip]=\"clearAll\"\r\n      [attr.aria-label]=\"autocompleteConstInfo.ariaLabel.clear\"\r\n      *ngIf=\"selectedOptions.length > 0\"\r\n      (click)=\"clearSelections()\"\r\n    >\r\n      <svg class=\"ieeesa-multi-select-autocomplete__svg-clear-all\">\r\n        <use [attr.xlink:href]=\"clearAllIconURL\"></use>\r\n      </svg>\r\n    </button>\r\n  </mat-form-field>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </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</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-multi-select-autocomplete__mat-form-field{width:100%}.ieeesa-multi-select-autocomplete__label-left{display:flex}.ieeesa-multi-select-autocomplete__label-top{display:block}.ieeesa-multi-select-autocomplete__svg-clear-all{height:24px!important;width:24px!important;color:#878b8f}.ieeesa-multi-select-autocomplete__label{color:#49454f!important;font-size:.75rem!important}.ieeesa-multi-select-autocomplete__input::placeholder{color:#63666a!important;font-size:1rem!important}.ieeesa-multi-select-autocomplete__input{position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:.03125em}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mdc-notched-outline__notch{border:unset;border-bottom:1px solid #878b8f;background:#fff!important;border-top:1px solid #878b8f;border-right:1px solid #878b8f;border-left:1px solid #878b8f;border-radius:4px;border-color:#878b8f!important}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading{border-right:unset}.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing{border-left:unset}.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-form-field{min-height:52px;width:-webkit-fill-available;width:-moz-available}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper{height:auto;min-width:210px;width:auto}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-focus-overlay{background:#fff}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .ieeesa-multi-select-autocomplete__label{color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b;border-color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-top:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-right:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-left:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-multi-select-autocomplete__label{color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-width:2px}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #ba0c2f;border-color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-top:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing{border-right:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-left:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding:10px 0!important;width:80%}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-icon-suffix{width:20%;display:flex;justify-content:flex-end}.ieeesa-multi-select-autocomplete .mdc-evolution-chip-set{min-height:5px;position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){padding:10px 0 10px 10px;border-radius:.25em;border:1px solid #79747e;background-color:linear-gradient(0deg,rgba(0,98,155,.05) 0%,rgba(0,98,155,.05) 100%),#fffbfe!important;--mdc-chip-elevated-container-color: $ieeesa-chips-background;max-width:100%}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__icon--primary{color:#000!important;height:18px;width:18px}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__graphic.mat-mdc-chip-graphic{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{color:#49454f;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ieeesa-multi-select-autocomplete .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{display:flex;justify-content:flex-start}@media (max-width: 767px){.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){width:100%}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{max-width:120px}}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-list-item{color:#000;font-family:Calibri Regular;font-size:1rem}.ieeesa-multi-select-autocomplete-overlay-panel .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{display:none}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:#00629b;border-color:#00629b}.ieeesa-multi-select-autocomplete-overlay-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:#00629b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { 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: "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: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "directive", type: i10.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i10.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i10.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i10.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i10.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: TextTruncatedDirective, selector: "[matTooltip][ieeesaTextTruncated]", inputs: ["elementClassNameToAddTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "multiSelectAutoComplete", first: true, predicate: ["multiSelectAutoComplete"], descendants: true }, { propertyName: "matACTrigger", first: true, predicate: ["autocompleteTrigger"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"ieeesa-multi-select-autocomplete\"\r\n  [formGroup]=\"group\"\r\n  *ngIf=\"group\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-multi-select-autocomplete-field__label-left'\r\n      : 'ieeesa-multi-select-autocomplete-field__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-multi-select-autocomplete__label\"\r\n    >{{ config.label }}</mat-label\r\n  >\r\n  <mat-form-field\r\n    class=\"ieeesa-multi-select-autocomplete__mat-form-field\"\r\n    appearance=\"outline\"\r\n  >\r\n    <mat-chip-grid\r\n      #chipGrid\r\n      [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.selectedOptions\"\r\n    >\r\n      <mat-chip-row\r\n        *ngFor=\"let option of selectedOptions; trackBy: trackByFn\"\r\n        [attr.aria-label]=\"option?.name\"\r\n        [removable]=\"true\"\r\n        (removed)=\"onOptionRemoved(option)\"\r\n      >\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"option.name\"\r\n          class=\"ieeesa-label-lg-bold-16 m-0\"\r\n        >\r\n          {{ option.name }}\r\n        </p>\r\n        <button\r\n          matChipRemove\r\n          [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.removeOption + option.name\"\r\n        >\r\n          <svg class=\"ieeesa-chip__svg-avatar\" matChipAvatar>\r\n            <use [attr.xlink:href]=\"removeIconURL\"></use>\r\n          </svg>\r\n        </button>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input\r\n      matInput\r\n      class=\"ieeesa-multi-select-autocomplete__input ieeesa-title-sm-16\"\r\n      [matAutocomplete]=\"matAutocomplete\"\r\n      [placeholder]=\"config.placeholder ?? ''\"\r\n      [formControlName]=\"config.controlName\"\r\n      [name]=\"config.controlName\"\r\n      [attr.aria-label]=\"config.ariaLabel\"\r\n      [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n      #multiSelectAutoComplete\r\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\"\r\n      (blur)=\"onInputBlur()\"\r\n      [matChipInputFor]=\"chipGrid\"\r\n    />\r\n    <mat-autocomplete\r\n      #matAutocomplete=\"matAutocomplete\"\r\n      (optionSelected)=\"onChange($event.option)\"\r\n      [displayWith]=\"displayOptionName\"\r\n      class=\"ieeesa-multi-select-autocomplete__autocomplete-list\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let option of autoCompleteOptionList; trackBy: trackByFn\"\r\n        [value]=\"option\"\r\n      >\r\n        <mat-checkbox color=\"primary\" [checked]=\"isCheckboxSelected(option)\">\r\n        </mat-checkbox>\r\n        {{ option.name }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      type=\"button\"\r\n      matSuffix\r\n      mat-icon-button\r\n      [matTooltip]=\"clearAll\"\r\n      [attr.aria-label]=\"autocompleteConstInfo.ariaLabel.clear\"\r\n      *ngIf=\"selectedOptions.length > 0\"\r\n      (click)=\"clearSelections()\"\r\n    >\r\n      <svg class=\"ieeesa-multi-select-autocomplete__svg-clear-all\">\r\n        <use [attr.xlink:href]=\"clearAllIconURL\"></use>\r\n      </svg>\r\n    </button>\r\n  </mat-form-field>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </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</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-multi-select-autocomplete__mat-form-field{width:100%}.ieeesa-multi-select-autocomplete__label-left{display:flex}.ieeesa-multi-select-autocomplete__label-top{display:block}.ieeesa-multi-select-autocomplete__svg-clear-all{height:24px!important;width:24px!important;color:#878b8f}.ieeesa-multi-select-autocomplete__label{color:#49454f!important;font-size:.75rem!important}.ieeesa-multi-select-autocomplete__input::placeholder{color:#63666a!important;font-size:1rem!important}.ieeesa-multi-select-autocomplete__input{position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:.03125em}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mdc-notched-outline__notch{border:unset;border-bottom:1px solid #878b8f;background:#fff!important;border-top:1px solid #878b8f;border-right:1px solid #878b8f;border-left:1px solid #878b8f;border-radius:4px;border-color:#878b8f!important}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading{border-right:unset}.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing{border-left:unset}.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-form-field{min-height:52px;width:-webkit-fill-available;width:-moz-available}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper{height:auto;min-width:210px;width:auto}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-focus-overlay{background:#fff}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .ieeesa-multi-select-autocomplete__label{color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b;border-color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-top:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-right:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-left:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-multi-select-autocomplete__label{color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-width:2px}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #ba0c2f;border-color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-top:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing{border-right:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-left:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding:10px 0!important;width:80%}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-icon-suffix{width:20%;display:flex;justify-content:flex-end}.ieeesa-multi-select-autocomplete .mdc-evolution-chip-set{min-height:5px;position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){padding:10px 0 10px 10px;border-radius:.25em;border:1px solid #79747e;background-color:linear-gradient(0deg,rgba(0,98,155,.05) 0%,rgba(0,98,155,.05) 100%),#fffbfe!important;--mdc-chip-elevated-container-color: $ieeesa-chips-background;max-width:100%}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__icon--primary{color:#000!important;height:18px;width:18px}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__graphic.mat-mdc-chip-graphic{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{color:#49454f;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ieeesa-multi-select-autocomplete .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{display:flex;justify-content:flex-start}@media (max-width: 767px){.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){width:100%}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{max-width:120px}}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-list-item{color:#000;font-family:Calibri Regular;font-size:1rem}.ieeesa-multi-select-autocomplete-overlay-panel .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{display:none}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:#00629b;border-color:#00629b}.ieeesa-multi-select-autocomplete-overlay-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:#00629b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { 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: "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: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "directive", type: i10.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i10.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i10.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i10.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i10.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: TextTruncatedDirective, selector: "[matTooltip][ieeesaTextTruncated]", inputs: ["elementClassNameToAddTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectAutocompleteComponent, decorators: [{
             type: Component,
@@ -4395,7 +4465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 overlayPanelClass: 'ieeesa-multi-select-autocomplete-overlay-panel',
                             },
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-multi-select-autocomplete\"\r\n  [formGroup]=\"group\"\r\n  *ngIf=\"group\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-multi-select-autocomplete-field__label-left'\r\n      : 'ieeesa-multi-select-autocomplete-field__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-multi-select-autocomplete__label\"\r\n    >{{ config.label }}</mat-label\r\n  >\r\n  <mat-form-field\r\n    class=\"ieeesa-multi-select-autocomplete__mat-form-field\"\r\n    appearance=\"outline\"\r\n  >\r\n    <mat-chip-grid\r\n      #chipGrid\r\n      [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.selectedOptions\"\r\n    >\r\n      <mat-chip-row\r\n        *ngFor=\"let option of selectedOptions; trackBy: trackByFn\"\r\n        [attr.aria-label]=\"option?.name\"\r\n        [removable]=\"true\"\r\n        (removed)=\"onOptionRemoved(option)\"\r\n      >\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"option.name\"\r\n          class=\"ieeesa-label-lg-bold-16 m-0\"\r\n        >\r\n          {{ option.name }}\r\n        </p>\r\n        <button\r\n          matChipRemove\r\n          [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.removeOption + option.name\"\r\n        >\r\n          <svg class=\"ieeesa-chip__svg-avatar\" matChipAvatar>\r\n            <use [attr.xlink:href]=\"removeIconURL\"></use>\r\n          </svg>\r\n        </button>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input\r\n      matInput\r\n      class=\"ieeesa-multi-select-autocomplete__input ieeesa-title-sm-16\"\r\n      [matAutocomplete]=\"matAutocomplete\"\r\n      [placeholder]=\"config.placeholder ?? ''\"\r\n      [formControlName]=\"config.controlName\"\r\n      [name]=\"config.controlName\"\r\n      [attr.aria-label]=\"config.ariaLabel\"\r\n      [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n      #multiSelectAutoComplete\r\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\"\r\n      [matChipInputFor]=\"chipGrid\"\r\n    />\r\n    <mat-autocomplete\r\n      #matAutocomplete=\"matAutocomplete\"\r\n      (optionSelected)=\"onChange($event.option)\"\r\n      [displayWith]=\"displayOptionName\"\r\n      class=\"ieeesa-multi-select-autocomplete__autocomplete-list\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let option of autoCompleteOptionList; trackBy: trackByFn\"\r\n        [value]=\"option\"\r\n      >\r\n        <mat-checkbox color=\"primary\" [checked]=\"isCheckboxSelected(option)\">\r\n        </mat-checkbox>\r\n        {{ option.name }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      type=\"button\"\r\n      matSuffix\r\n      mat-icon-button\r\n      [matTooltip]=\"clearAll\"\r\n      [attr.aria-label]=\"autocompleteConstInfo.ariaLabel.clear\"\r\n      *ngIf=\"selectedOptions.length > 0\"\r\n      (click)=\"clearSelections()\"\r\n    >\r\n      <svg class=\"ieeesa-multi-select-autocomplete__svg-clear-all\">\r\n        <use [attr.xlink:href]=\"clearAllIconURL\"></use>\r\n      </svg>\r\n    </button>\r\n  </mat-form-field>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </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</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-multi-select-autocomplete__mat-form-field{width:100%}.ieeesa-multi-select-autocomplete__label-left{display:flex}.ieeesa-multi-select-autocomplete__label-top{display:block}.ieeesa-multi-select-autocomplete__svg-clear-all{height:24px!important;width:24px!important;color:#878b8f}.ieeesa-multi-select-autocomplete__label{color:#49454f!important;font-size:.75rem!important}.ieeesa-multi-select-autocomplete__input::placeholder{color:#63666a!important;font-size:1rem!important}.ieeesa-multi-select-autocomplete__input{position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:.03125em}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mdc-notched-outline__notch{border:unset;border-bottom:1px solid #878b8f;background:#fff!important;border-top:1px solid #878b8f;border-right:1px solid #878b8f;border-left:1px solid #878b8f;border-radius:4px;border-color:#878b8f!important}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading{border-right:unset}.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing{border-left:unset}.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-form-field{min-height:52px;width:-webkit-fill-available;width:-moz-available}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper{height:auto;min-width:210px;width:auto}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-focus-overlay{background:#fff}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .ieeesa-multi-select-autocomplete__label{color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b;border-color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-top:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-right:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-left:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-multi-select-autocomplete__label{color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-width:2px}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #ba0c2f;border-color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-top:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing{border-right:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-left:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding:10px 0!important;width:80%}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-icon-suffix{width:20%;display:flex;justify-content:flex-end}.ieeesa-multi-select-autocomplete .mdc-evolution-chip-set{min-height:5px;position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){padding:10px 0 10px 10px;border-radius:.25em;border:1px solid #79747e;background-color:linear-gradient(0deg,rgba(0,98,155,.05) 0%,rgba(0,98,155,.05) 100%),#fffbfe!important;--mdc-chip-elevated-container-color: $ieeesa-chips-background;max-width:100%}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__icon--primary{color:#000!important;height:18px;width:18px}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__graphic.mat-mdc-chip-graphic{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{color:#49454f;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ieeesa-multi-select-autocomplete .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{display:flex;justify-content:flex-start}@media (max-width: 767px){.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){width:100%}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{max-width:120px}}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-list-item{color:#000;font-family:Calibri Regular;font-size:1rem}.ieeesa-multi-select-autocomplete-overlay-panel .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{display:none}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:#00629b;border-color:#00629b}.ieeesa-multi-select-autocomplete-overlay-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:#00629b}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-multi-select-autocomplete\"\r\n  [formGroup]=\"group\"\r\n  *ngIf=\"group\"\r\n  [ngClass]=\"\r\n    config.isLabelAlignedLeft\r\n      ? 'ieeesa-multi-select-autocomplete-field__label-left'\r\n      : 'ieeesa-multi-select-autocomplete-field__label-top'\r\n  \"\r\n>\r\n  <mat-label class=\"ieeesa-body-sm-14 ieeesa-multi-select-autocomplete__label\"\r\n    >{{ config.label }}</mat-label\r\n  >\r\n  <mat-form-field\r\n    class=\"ieeesa-multi-select-autocomplete__mat-form-field\"\r\n    appearance=\"outline\"\r\n  >\r\n    <mat-chip-grid\r\n      #chipGrid\r\n      [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.selectedOptions\"\r\n    >\r\n      <mat-chip-row\r\n        *ngFor=\"let option of selectedOptions; trackBy: trackByFn\"\r\n        [attr.aria-label]=\"option?.name\"\r\n        [removable]=\"true\"\r\n        (removed)=\"onOptionRemoved(option)\"\r\n      >\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"option.name\"\r\n          class=\"ieeesa-label-lg-bold-16 m-0\"\r\n        >\r\n          {{ option.name }}\r\n        </p>\r\n        <button\r\n          matChipRemove\r\n          [attr.aria-label]=\"autocompleteConstInfo?.multiSelectAutoComplete?.ariaLabel?.removeOption + option.name\"\r\n        >\r\n          <svg class=\"ieeesa-chip__svg-avatar\" matChipAvatar>\r\n            <use [attr.xlink:href]=\"removeIconURL\"></use>\r\n          </svg>\r\n        </button>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input\r\n      matInput\r\n      class=\"ieeesa-multi-select-autocomplete__input ieeesa-title-sm-16\"\r\n      [matAutocomplete]=\"matAutocomplete\"\r\n      [placeholder]=\"config.placeholder ?? ''\"\r\n      [formControlName]=\"config.controlName\"\r\n      [name]=\"config.controlName\"\r\n      [attr.aria-label]=\"config.ariaLabel\"\r\n      [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n      #multiSelectAutoComplete\r\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\"\r\n      (blur)=\"onInputBlur()\"\r\n      [matChipInputFor]=\"chipGrid\"\r\n    />\r\n    <mat-autocomplete\r\n      #matAutocomplete=\"matAutocomplete\"\r\n      (optionSelected)=\"onChange($event.option)\"\r\n      [displayWith]=\"displayOptionName\"\r\n      class=\"ieeesa-multi-select-autocomplete__autocomplete-list\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let option of autoCompleteOptionList; trackBy: trackByFn\"\r\n        [value]=\"option\"\r\n      >\r\n        <mat-checkbox color=\"primary\" [checked]=\"isCheckboxSelected(option)\">\r\n        </mat-checkbox>\r\n        {{ option.name }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      type=\"button\"\r\n      matSuffix\r\n      mat-icon-button\r\n      [matTooltip]=\"clearAll\"\r\n      [attr.aria-label]=\"autocompleteConstInfo.ariaLabel.clear\"\r\n      *ngIf=\"selectedOptions.length > 0\"\r\n      (click)=\"clearSelections()\"\r\n    >\r\n      <svg class=\"ieeesa-multi-select-autocomplete__svg-clear-all\">\r\n        <use [attr.xlink:href]=\"clearAllIconURL\"></use>\r\n      </svg>\r\n    </button>\r\n  </mat-form-field>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </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</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-multi-select-autocomplete__mat-form-field{width:100%}.ieeesa-multi-select-autocomplete__label-left{display:flex}.ieeesa-multi-select-autocomplete__label-top{display:block}.ieeesa-multi-select-autocomplete__svg-clear-all{height:24px!important;width:24px!important;color:#878b8f}.ieeesa-multi-select-autocomplete__label{color:#49454f!important;font-size:.75rem!important}.ieeesa-multi-select-autocomplete__input::placeholder{color:#63666a!important;font-size:1rem!important}.ieeesa-multi-select-autocomplete__input{position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1b1f;letter-spacing:.03125em}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mdc-notched-outline__notch{border:unset;border-bottom:1px solid #878b8f;background:#fff!important;border-top:1px solid #878b8f;border-right:1px solid #878b8f;border-left:1px solid #878b8f;border-radius:4px;border-color:#878b8f!important}.ieeesa-multi-select-autocomplete .mdc-notched-outline__leading{border-right:unset}.ieeesa-multi-select-autocomplete .mdc-notched-outline__trailing{border-left:unset}.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete .mat-focused .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-form-field{min-height:52px;width:-webkit-fill-available;width:-moz-available}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper{height:auto;min-width:210px;width:auto}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-focus-overlay{background:#fff}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .ieeesa-multi-select-autocomplete__label{color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #00629b;border-color:#00629b!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-top:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__trailing{border-right:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--focused) .mdc-notched-outline__leading{border-left:2px solid #00629b}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-multi-select-autocomplete__label{color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-width:2px}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__notch{border:unset;border-bottom:2px solid #ba0c2f;border-color:#ba0c2f!important}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing,.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-top:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__trailing{border-right:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .mdc-notched-outline__leading{border-left:2px solid #ba0c2f}.ieeesa-multi-select-autocomplete:has(.mdc-text-field--invalid) .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-multi-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding:10px 0!important;width:80%}.ieeesa-multi-select-autocomplete .mat-mdc-form-field-icon-suffix{width:20%;display:flex;justify-content:flex-end}.ieeesa-multi-select-autocomplete .mdc-evolution-chip-set{min-height:5px;position:relative;z-index:1}.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){padding:10px 0 10px 10px;border-radius:.25em;border:1px solid #79747e;background-color:linear-gradient(0deg,rgba(0,98,155,.05) 0%,rgba(0,98,155,.05) 100%),#fffbfe!important;--mdc-chip-elevated-container-color: $ieeesa-chips-background;max-width:100%}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__icon--primary{color:#000!important;height:18px;width:18px}.ieeesa-multi-select-autocomplete .mdc-evolution-chip__graphic.mat-mdc-chip-graphic{display:none}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{color:#49454f;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ieeesa-multi-select-autocomplete .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{display:flex;justify-content:flex-start}@media (max-width: 767px){.ieeesa-multi-select-autocomplete .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){width:100%}.ieeesa-multi-select-autocomplete .mat-mdc-chip-action-label .ieeesa-label-lg-bold-16{max-width:120px}}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-list-item{color:#000;font-family:Calibri Regular;font-size:1rem}.ieeesa-multi-select-autocomplete-overlay-panel .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{display:none}.ieeesa-multi-select-autocomplete-overlay-panel .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:#00629b;border-color:#00629b}.ieeesa-multi-select-autocomplete-overlay-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:#00629b}\n"] }]
         }], ctorParameters: function () { return [{ type: FormUtilityService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { multiSelectAutoCompleteOptions: [{
                 type: Input
             }], multiSelectAutoCompleteSearchValue: [{
@@ -5379,8 +5449,8 @@ class DynamicFormComponent {
      * @memberof DynamicFormComponent
      */
     createControl(control) {
-        const { disabled, validation, value } = control;
-        return this.fb.control({ disabled, value }, validation);
+        const { disabled, validation, value, updateOn } = control;
+        return this.fb.control({ disabled, value }, updateOn ? { validators: validation, updateOn } : validation);
     }
     /**
      * Emits formGroupArray
@@ -6612,11 +6682,11 @@ class ModalInfoComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalInfoComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalInfoComponent, isStandalone: true, selector: "ieeesa-modal-info", ngImport: i0, template: "<div class=\"ieeesa-modal-info\">\r\n  <div mat-dialog-content class=\"ieeesa-headline-sm-26 row\">\r\n    <span class=\"ieeesa-body-md-16\r\n     ieeesa-modal-info__content col px-0\">\r\n      {{ data.message }}\r\n    </span>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex p-2 row flex-nowrap justify-content-center\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button\"\r\n      (click)=\"onClose()\"\r\n      [attr.aria-label]=\"data.buttonLabel\"\r\n    >\r\n      {{ data.buttonLabel  }}\r\n    </button>\r\n  </div>\r\n</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-info{padding:1.5em}.ieeesa-modal-info__content{color:#1c1b1f}.ieeesa-modal-info .mat-mdc-dialog-content{padding:0 0 1rem;color:#1c1b1f;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalInfoComponent, isStandalone: true, selector: "ieeesa-modal-info", ngImport: i0, template: "<div class=\"ieeesa-modal-info\">\r\n  <div mat-dialog-content class=\"ieeesa-headline-sm-26 row\">\r\n    <span class=\"ieeesa-body-md-16\r\n     ieeesa-modal-info__content col px-0\">\r\n      {{ data.message }}\r\n    </span>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex p-2 row flex-nowrap justify-content-center\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button\"\r\n      (click)=\"onClose()\"\r\n      [attr.aria-label]=\"data.buttonLabel\"\r\n    >\r\n      {{ data.buttonLabel  }}\r\n    </button>\r\n  </div>\r\n</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-info{padding:1.5em}.ieeesa-modal-info__content{color:#1c1b1f;white-space:pre-line}.ieeesa-modal-info .mat-mdc-dialog-content{padding:0 0 1rem;color:#1c1b1f;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-modal-info', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-modal-info\">\r\n  <div mat-dialog-content class=\"ieeesa-headline-sm-26 row\">\r\n    <span class=\"ieeesa-body-md-16\r\n     ieeesa-modal-info__content col px-0\">\r\n      {{ data.message }}\r\n    </span>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex p-2 row flex-nowrap justify-content-center\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button\"\r\n      (click)=\"onClose()\"\r\n      [attr.aria-label]=\"data.buttonLabel\"\r\n    >\r\n      {{ data.buttonLabel  }}\r\n    </button>\r\n  </div>\r\n</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-info{padding:1.5em}.ieeesa-modal-info__content{color:#1c1b1f}.ieeesa-modal-info .mat-mdc-dialog-content{padding:0 0 1rem;color:#1c1b1f;text-align:center}\n"] }]
+            args: [{ selector: 'ieeesa-modal-info', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-modal-info\">\r\n  <div mat-dialog-content class=\"ieeesa-headline-sm-26 row\">\r\n    <span class=\"ieeesa-body-md-16\r\n     ieeesa-modal-info__content col px-0\">\r\n      {{ data.message }}\r\n    </span>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex p-2 row flex-nowrap justify-content-center\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button\"\r\n      (click)=\"onClose()\"\r\n      [attr.aria-label]=\"data.buttonLabel\"\r\n    >\r\n      {{ data.buttonLabel  }}\r\n    </button>\r\n  </div>\r\n</div>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-info{padding:1.5em}.ieeesa-modal-info__content{color:#1c1b1f;white-space:pre-line}.ieeesa-modal-info .mat-mdc-dialog-content{padding:0 0 1rem;color:#1c1b1f;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -9156,6 +9226,38 @@ var ExportFormat;
  * so this presentation-layer component never depends on any feature's constants.
  */
 
+/**
+ * TimezoneFormatPipe formats a time zone string for display by replacing every
+ * underscore in the raw IANA identifier with a space. This is a display-only
+ * transform: for example `(UTC-04:00) America/New_York` is shown as
+ * `(UTC-04:00) America/New York`. The underlying stored value (which the backend
+ * expects with underscores) is never modified. Null, undefined, or empty inputs
+ * return an empty string so templates can apply their own fallback.
+ * @export
+ * @class TimezoneFormatPipe
+ * @implements {PipeTransform}
+ */
+class TimezoneFormatPipe {
+    /**
+     * Replaces underscores with spaces in a time zone string for display.
+     * @param {(string | null | undefined)} value - The raw time zone string, e.g. `(UTC-04:00) America/New_York`.
+     * @return {string} The display-friendly time zone with spaces instead of underscores, or an empty string.
+     * @memberof TimezoneFormatPipe
+     */
+    transform(value) {
+        return (value ?? '').replace(/_/g, ' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimezoneFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimezoneFormatPipe, isStandalone: true, name: "timezoneFormat" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimezoneFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'timezoneFormat',
+                    standalone: true,
+                }]
+        }] });
+
 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 }); }
@@ -9244,5 +9346,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionDetails, AlignBrowsedFiles, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, BreakpointObserverService, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, CustomProperties, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, ExportFormat, ExportFormatPopoverComponent, ExportSuccessDialogComponent, FileDownloadComponent, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FilterPopoverComponent, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, HomeGroupSelectionComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, ModalInfoComponent, MultiSelectAutocompleteComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PolicyConfirmationDialogComponent, PresentationModule, RadioComponent, RichTextEditorComponent, SafePipe, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, StepperComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
+export { AccordionComponent, AccordionDetails, AlignBrowsedFiles, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, BreakpointObserverService, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, CustomProperties, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, ExportFormat, ExportFormatPopoverComponent, ExportSuccessDialogComponent, FileDownloadComponent, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FilterPopoverComponent, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, HomeGroupSelectionComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, ModalInfoComponent, MultiSelectAutocompleteComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PolicyConfirmationDialogComponent, PresentationModule, RadioComponent, RichTextEditorComponent, SafePipe, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, StepperComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, TimezoneFormatPipe, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
 //# sourceMappingURL=ieeesa-npm-presentation.mjs.map