@ieeesa-npm/presentation 0.21.0 → 0.21.1

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -49,6 +49,8 @@ import * as i2$3 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpEventType } from '@angular/common/http';
 import * as i5$4 from 'ngx-colors';
 import { NgxColorsTriggerDirective, NgxColorsModule } from 'ngx-colors';
+import * as i4$3 from 'ngx-simple-text-editor';
+import { ST_BUTTONS, NgxSimpleTextEditorModule } from 'ngx-simple-text-editor';
 import * as i1$2 from '@angular/router';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET } from '@angular/router';
 import * as i3$3 from '@angular/material/divider';
@@ -67,7 +69,7 @@ import * as i3$6 from '@angular/material/chips';
 import { MatChipListbox, MatChipsModule } from '@angular/material/chips';
 import * as i1$5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i4$3 from '@angular/material/table';
+import * as i4$4 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import * as i5$6 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
@@ -682,6 +684,15 @@ var list = {
 var search = {
 	searchIcon: "assets/images/sprites/sprites.svg#icon-search"
 };
+var richTextEditor = {
+	label: {
+		editor: ""
+	},
+	ariaLabel: {
+		editor: "Rich text editor.",
+		colorPicker: "Color picker."
+	}
+};
 var constants = {
 	ariaLabel: ariaLabel,
 	button: button,
@@ -703,7 +714,8 @@ var constants = {
 	colorPicker: colorPicker,
 	fileUpload: fileUpload,
 	list: list,
-	search: search
+	search: search,
+	richTextEditor: richTextEditor
 };
 
 var constants$1 = /*#__PURE__*/Object.freeze({
@@ -726,6 +738,7 @@ var constants$1 = /*#__PURE__*/Object.freeze({
     list: list,
     loader: loader,
     modalConfig: modalConfig,
+    richTextEditor: richTextEditor,
     search: search,
     textarea: textarea,
     timePicker: timePicker,
@@ -748,6 +761,7 @@ var FormControlType;
     FormControlType["SLIDE_TOGGLE"] = "SLIDE_TOGGLE";
     FormControlType["COLOR_PICKER"] = "COLOR_PICKER";
     FormControlType["FILE_UPLOAD"] = "FILE_UPLOAD";
+    FormControlType["RICH_TEXT_EDITOR"] = "RICH_TEXT_EDITOR";
 })(FormControlType || (FormControlType = {}));
 
 class FormSupportTextComponent {
@@ -3482,6 +3496,195 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class ObserveDomChangeDirective {
+    // eslint-disable-next-line no-unused-vars, no-empty-function
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.isSubTreeAttributeNeeded = false;
+        this.domChange = new EventEmitter();
+        this.domNodesChange = new EventEmitter();
+    }
+    /**
+     * Observes the dom changes and emits dom change event.
+     * @memberof ObserveDomChangeDirective
+     */
+    ngOnInit() {
+        this.observer = new MutationObserver((mutations) => {
+            mutations?.forEach((mutation) => this.domChange?.emit(mutation));
+            this.domNodesChange.emit(mutations);
+        });
+        this.observer?.observe(this.observedElementClassName
+            ? this.elementRef?.nativeElement.querySelector(this.observedElementClassName)
+            : this.elementRef?.nativeElement, {
+            attributes: true,
+            childList: true,
+            characterData: true,
+            subtree: this.isSubTreeAttributeNeeded,
+        });
+    }
+    /**
+     * Disconnects the observer when the directive is destroyed.
+     * @memberof ObserveDomChangeDirective
+     */
+    ngOnDestroy() {
+        this.observer?.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObserveDomChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ObserveDomChangeDirective, isStandalone: true, selector: "[ieeesaObserveDomChange]", inputs: { isSubTreeAttributeNeeded: "isSubTreeAttributeNeeded", observedElementClassName: "observedElementClassName" }, outputs: { domChange: "domChange", domNodesChange: "domNodesChange" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObserveDomChangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ieeesaObserveDomChange]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isSubTreeAttributeNeeded: [{
+                type: Input
+            }], observedElementClassName: [{
+                type: Input
+            }], domChange: [{
+                type: Output
+            }], domNodesChange: [{
+                type: Output
+            }] } });
+
+class RichTextEditorComponent {
+    set value(value) {
+        this.editorContentValue = value;
+        if (this.group)
+            this.group.get(this.config.controlName)?.setValue(this.value);
+    }
+    get value() {
+        return this.editorContentValue;
+    }
+    /**
+     * Sets the editor config info.
+     * @param {EditorConfig} editorConfig
+     * @memberof RichTextEditorComponent
+     */
+    set editorConfig(editorConfig) {
+        this.editorConfigInfo = editorConfig;
+        if (editorConfig?.buttons?.length) {
+            this.editorConfigInfo.buttons = editorConfig?.buttons;
+            this.setToolbarButtonType();
+        }
+        else {
+            this.editorConfigInfo.buttons = ST_BUTTONS;
+        }
+    }
+    /**
+     * Returns the editor config info.
+     * @returns {EditorConfig}
+     * @memberof RichTextEditorComponent
+     */
+    get editorConfig() {
+        return this.editorConfigInfo;
+    }
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    elementRef, 
+    // eslint-disable-next-line no-unused-vars
+    renderer, 
+    // eslint-disable-next-line no-unused-vars
+    formUtilityService // eslint-disable-next-line no-empty-function
+    ) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.formUtilityService = formUtilityService;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.richTextEditorTexts = richTextEditor;
+        this.contentElementClassName = '.st-area';
+        this.editorContentValue = '';
+        this.editorLabel = this.richTextEditorTexts?.label?.editor;
+        this.formControlName = 'richTextEditor';
+        this.isEditorLabelNeeded = true;
+        this.editorConfigInfo = {
+            placeholder: '',
+            buttons: [],
+        };
+        this.richTextEditorContentChange = new EventEmitter();
+    }
+    /**
+     * Initializes the form group and config details.
+     * @memberof RichTextEditorComponent
+     */
+    ngOnInit() {
+        this.group =
+            this.group ?? this.formUtilityService.getFormGroup(this.formControlName);
+        this.config =
+            this.config ??
+                this.formUtilityService.getFormFieldConfig(this.formControlName, FormControlType.RICH_TEXT_EDITOR);
+        if (this.config) {
+            this.editorLabel = this.config?.label ?? this.editorLabel;
+            this.value = this.config?.value ?? this.value;
+            this.editorConfig.buttons = this.config.editorConfig?.buttons?.length
+                ? this.config.editorConfig?.buttons
+                : this.editorConfig?.buttons;
+        }
+        this.group.get(this.config.controlName)?.setValue(this.value);
+    }
+    /**
+     * Sets RTE toolbar buttons button type to button.
+     * @returns {void}
+     * @memberof RichTextEditorComponent
+     */
+    ngAfterViewInit() {
+        this.setToolbarButtonType();
+    }
+    /**
+     * Sets RTE toolbar buttons button type to button to prevent form submit event when the toolbar buttons clicked.
+     */
+    setToolbarButtonType() {
+        const editorToolbar = this.elementRef?.nativeElement?.querySelectorAll('.st-toolbar button');
+        editorToolbar?.forEach((toolBarButton) => {
+            this.renderer?.setAttribute(toolBarButton, 'type', 'button');
+        });
+        const colorPickerInput = this.elementRef?.nativeElement?.querySelector('.st-toolbar .st-color-picker');
+        if (colorPickerInput)
+            this.renderer?.setAttribute(colorPickerInput, 'aria-label', this.richTextEditorTexts?.ariaLabel?.colorPicker);
+    }
+    /**
+     * Emits the typed editor content to consuming components.
+     * @returns {void}
+     * @memberof RichTextEditorComponent
+     */
+    onRichTextEditorContentChange() {
+        const richTextEditorElement = this.elementRef?.nativeElement.querySelector(this.contentElementClassName);
+        if (richTextEditorElement)
+            this.richTextEditorContentChange.emit(richTextEditorElement.innerHTML);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FormUtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichTextEditorComponent, isStandalone: true, selector: "ieeesa-rich-text-editor", inputs: { value: "value", editorLabel: "editorLabel", formControlName: "formControlName", isEditorLabelNeeded: "isEditorLabelNeeded", editorConfig: "editorConfig" }, outputs: { richTextEditorContentChange: "richTextEditorContentChange" }, viewQueries: [{ propertyName: "rtEditor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-rich-text-editor__label-left'\r\n      : 'ieeesa-rich-text-editor__label-top'\r\n  \"\r\n  class=\"ieeesa-rich-text-editor\"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-rich-text-editor__label\"\r\n    *ngIf=\"isEditorLabelNeeded\"\r\n    >{{ editorLabel }}</mat-label\r\n  >\r\n  <st-editor\r\n    [config]=\"editorConfig\"\r\n    [ariaLabel]=\"richTextEditorTexts?.ariaLabel.editor\"\r\n    [formControlName]=\"config.controlName\"\r\n    ieeesaObserveDomChange      \r\n    [observedElementClassName]=\"contentElementClassName\"  \r\n    [isSubTreeAttributeNeeded]=\"true\"\r\n    (domNodesChange)=\"onRichTextEditorContentChange()\"\r\n  ></st-editor>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-rich-text-editor__label{color:#49454f!important}.ieeesa-rich-text-editor__label-left{display:flex}.ieeesa-rich-text-editor__label-top{display:block}.ieeesa-rich-text-editor .st-area{font-family:Calibri Regular;border:2px solid #00629b}.ieeesa-rich-text-editor .st-area:focus{outline-color:#00629b!important}.ieeesa-rich-text-editor .st-toolbar{border-bottom-width:0}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-area{font-family:Calibri Regular;border:2px solid #ba0c2f}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-area:focus{outline-color:#ba0c2f!important}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-toolbar{border-bottom-width:0}.ng-submitted .ng-invalid .st-area{font-family:Calibri Regular;border:2px solid #ba0c2f}.ng-submitted .ng-invalid .st-area:focus{outline-color:#ba0c2f!important}.ng-submitted .ng-invalid .st-toolbar{border-bottom-width:0}.ng-submitted .ng-valid .st-area{font-family:Calibri Regular;border:2px solid #00629b}.ng-submitted .ng-valid .st-area:focus{outline-color:#00629b!important}.ng-submitted .ng-valid .st-toolbar{border-bottom-width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NgxSimpleTextEditorModule }, { kind: "component", type: i4$3.EditorComponent, selector: "st-editor", inputs: ["config"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: ObserveDomChangeDirective, selector: "[ieeesaObserveDomChange]", inputs: ["isSubTreeAttributeNeeded", "observedElementClassName"], outputs: ["domChange", "domNodesChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-rich-text-editor', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        NgxSimpleTextEditorModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        FormErrorComponent,
+                        FormSupportTextComponent,
+                        ObserveDomChangeDirective,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-rich-text-editor__label-left'\r\n      : 'ieeesa-rich-text-editor__label-top'\r\n  \"\r\n  class=\"ieeesa-rich-text-editor\"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-rich-text-editor__label\"\r\n    *ngIf=\"isEditorLabelNeeded\"\r\n    >{{ editorLabel }}</mat-label\r\n  >\r\n  <st-editor\r\n    [config]=\"editorConfig\"\r\n    [ariaLabel]=\"richTextEditorTexts?.ariaLabel.editor\"\r\n    [formControlName]=\"config.controlName\"\r\n    ieeesaObserveDomChange      \r\n    [observedElementClassName]=\"contentElementClassName\"  \r\n    [isSubTreeAttributeNeeded]=\"true\"\r\n    (domNodesChange)=\"onRichTextEditorContentChange()\"\r\n  ></st-editor>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-rich-text-editor__label{color:#49454f!important}.ieeesa-rich-text-editor__label-left{display:flex}.ieeesa-rich-text-editor__label-top{display:block}.ieeesa-rich-text-editor .st-area{font-family:Calibri Regular;border:2px solid #00629b}.ieeesa-rich-text-editor .st-area:focus{outline-color:#00629b!important}.ieeesa-rich-text-editor .st-toolbar{border-bottom-width:0}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-area{font-family:Calibri Regular;border:2px solid #ba0c2f}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-area:focus{outline-color:#ba0c2f!important}.ieeesa-rich-text-editor st-editor.ng-invalid.ng-touched .st-toolbar{border-bottom-width:0}.ng-submitted .ng-invalid .st-area{font-family:Calibri Regular;border:2px solid #ba0c2f}.ng-submitted .ng-invalid .st-area:focus{outline-color:#ba0c2f!important}.ng-submitted .ng-invalid .st-toolbar{border-bottom-width:0}.ng-submitted .ng-valid .st-area{font-family:Calibri Regular;border:2px solid #00629b}.ng-submitted .ng-valid .st-area:focus{outline-color:#00629b!important}.ng-submitted .ng-valid .st-toolbar{border-bottom-width:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FormUtilityService }]; }, propDecorators: { rtEditor: [{
+                type: ViewChild,
+                args: ['editor']
+            }], value: [{
+                type: Input
+            }], editorLabel: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], isEditorLabelNeeded: [{
+                type: Input
+            }], editorConfig: [{
+                type: Input
+            }], richTextEditorContentChange: [{
+                type: Output
+            }] } });
+
 const components = {
     [FormControlType.INPUT]: InputComponent,
     [FormControlType.TEXT_AREA]: TextAreaComponent,
@@ -3496,6 +3699,7 @@ const components = {
     [FormControlType.SLIDE_TOGGLE]: SlideToggleComponent,
     [FormControlType.COLOR_PICKER]: ColorPickerComponent,
     [FormControlType.FILE_UPLOAD]: FileUploadComponent,
+    [FormControlType.RICH_TEXT_EDITOR]: RichTextEditorComponent,
 };
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -3583,6 +3787,7 @@ class DynamicFormFieldDirective {
         this.formFileUpload = new EventEmitter();
         this.formRadioOptionSelected = new EventEmitter();
         this.ctaButtonClick = new EventEmitter();
+        this.formRichTextEditorContentChange = new EventEmitter();
     }
     /**
      * Implementation of ngOnInit lifecycle hook method to call loadComponents method.
@@ -3737,6 +3942,13 @@ class DynamicFormFieldDirective {
                     this.formRadioOptionSelected.emit(event);
                 });
             }
+            else if (this.config.type === FormControlType.RICH_TEXT_EDITOR) {
+                this.component.instance.richTextEditorContentChange
+                    ?.pipe(takeUntil(this.destroy$))
+                    ?.subscribe((event) => {
+                    this.formRichTextEditorContentChange.emit(event);
+                });
+            }
         }
     }
     /**
@@ -3748,7 +3960,7 @@ class DynamicFormFieldDirective {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormFieldDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormFieldDirective, isStandalone: true, selector: "[ieeesaDynamicFormField]", inputs: { config: "config", group: "group", submitResponse: "submitResponse", searchResponse: "searchResponse" }, outputs: { formSearchApply: "formSearchApply", formDropdownSelected: "formDropdownSelected", formDateSelected: "formDateSelected", formTimeSelected: "formTimeSelected", formSelectedDateRange: "formSelectedDateRange", formSelectSearch: "formSelectSearch", formAutoCompleteSearch: "formAutoCompleteSearch", autoCompleteClearSearchValue: "autoCompleteClearSearchValue", autoCompleteOptionSelected: "autoCompleteOptionSelected", formCheckboxSelection: "formCheckboxSelection", formInputValue: "formInputValue", addFormGroup: "addFormGroup", supportTextLinkClick: "supportTextLinkClick", formSlideToggleChange: "formSlideToggleChange", dropdownOpenedChange: "dropdownOpenedChange", formColorPickerChange: "formColorPickerChange", formFileUpload: "formFileUpload", formRadioOptionSelected: "formRadioOptionSelected", ctaButtonClick: "ctaButtonClick" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormFieldDirective, isStandalone: true, selector: "[ieeesaDynamicFormField]", inputs: { config: "config", group: "group", submitResponse: "submitResponse", searchResponse: "searchResponse" }, outputs: { formSearchApply: "formSearchApply", formDropdownSelected: "formDropdownSelected", formDateSelected: "formDateSelected", formTimeSelected: "formTimeSelected", formSelectedDateRange: "formSelectedDateRange", formSelectSearch: "formSelectSearch", formAutoCompleteSearch: "formAutoCompleteSearch", autoCompleteClearSearchValue: "autoCompleteClearSearchValue", autoCompleteOptionSelected: "autoCompleteOptionSelected", formCheckboxSelection: "formCheckboxSelection", formInputValue: "formInputValue", addFormGroup: "addFormGroup", supportTextLinkClick: "supportTextLinkClick", formSlideToggleChange: "formSlideToggleChange", dropdownOpenedChange: "dropdownOpenedChange", formColorPickerChange: "formColorPickerChange", formFileUpload: "formFileUpload", formRadioOptionSelected: "formRadioOptionSelected", ctaButtonClick: "ctaButtonClick", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormFieldDirective, decorators: [{
             type: Directive,
@@ -3802,6 +4014,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], ctaButtonClick: [{
                 type: Output
+            }], formRichTextEditorContentChange: [{
+                type: Output
             }] } });
 
 /* eslint-disable no-unused-vars */
@@ -3923,6 +4137,7 @@ class DynamicFormComponent {
         this.formColorPickerChange = new EventEmitter();
         this.formRadioOptionSelected = new EventEmitter();
         this.ctaButtonClick = new EventEmitter();
+        this.formRichTextEditorContentChange = new EventEmitter();
         this.formGroupArray = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.formControlArray = [];
@@ -4177,6 +4392,14 @@ class DynamicFormComponent {
     onFormColorPickerChange(colorCode) {
         this.formColorPickerChange.emit(colorCode);
     }
+    /**
+     * Handles form rich text editor event and emits formRichTextEditorContentChange event.
+     * @param {string} htmlMarkupText
+     * @memberof DynamicFormComponent
+     */
+    onFormRichTextEditorContentChange(htmlMarkupText) {
+        this.formRichTextEditorContentChange.emit(htmlMarkupText);
+    }
     /**
      * Handles file upload event and emits formFileUpload event
      * @param {(File | FileList)} file
@@ -4240,7 +4463,7 @@ class DynamicFormComponent {
         this.ctaButtonClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormComponent, isStandalone: true, selector: "ieeesa-dynamic-form", inputs: { formGroups: "formGroups", submitResponse: "submitResponse", searchResponse: "searchResponse", colWidth: "colWidth", isLegendVisible: "isLegendVisible", rightButtonLabel: "rightButtonLabel", leftButtonLabel: "leftButtonLabel", isSubmitButtonDisabled: "isSubmitButtonDisabled", isLeftButtonDisabled: "isLeftButtonDisabled", isLeftButtonNeeded: "isLeftButtonNeeded", actionButtonAlign: "actionButtonAlign" }, outputs: { formSubmit: "formSubmit", formChange: "formChange", formInput: "formInput", formLeftButtonClicked: "formLeftButtonClicked", formSearchApply: "formSearchApply", formGroupsReference: "formGroupsReference", dropdownChange: "dropdownChange", formCheckboxSelection: "formCheckboxSelection", formDateSelected: "formDateSelected", formSelectSearch: "formSelectSearch", formControlChange: "formControlChange", formAutoCompleteSearch: "formAutoCompleteSearch", formAutoCompleteClearSearchValue: "formAutoCompleteClearSearchValue", autoCompleteOptionSelected: "autoCompleteOptionSelected", formAfterContentInit: "formAfterContentInit", formSelectedDateRange: "formSelectedDateRange", addFormGroup: "addFormGroup", formTimeSelected: "formTimeSelected", supportTextLinkClick: "supportTextLinkClick", formSlideToggleChange: "formSlideToggleChange", formFileUpload: "formFileUpload", dropdownOpenedChange: "dropdownOpenedChange", formColorPickerChange: "formColorPickerChange", formRadioOptionSelected: "formRadioOptionSelected", ctaButtonClick: "ctaButtonClick" }, viewQueries: [{ propertyName: "formFields", predicate: DynamicFormFieldDirective, descendants: true }], exportAs: ["dynamicForm"], ngImport: i0, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFormFieldDirective, selector: "[ieeesaDynamicFormField]", inputs: ["config", "group", "submitResponse", "searchResponse"], outputs: ["formSearchApply", "formDropdownSelected", "formDateSelected", "formTimeSelected", "formSelectedDateRange", "formSelectSearch", "formAutoCompleteSearch", "autoCompleteClearSearchValue", "autoCompleteOptionSelected", "formCheckboxSelection", "formInputValue", "addFormGroup", "supportTextLinkClick", "formSlideToggleChange", "dropdownOpenedChange", "formColorPickerChange", "formFileUpload", "formRadioOptionSelected", "ctaButtonClick"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: FocusInvalidFormFieldDirective, selector: "[ieeesaFocusInvalidFormField]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicFormComponent, isStandalone: true, selector: "ieeesa-dynamic-form", inputs: { formGroups: "formGroups", submitResponse: "submitResponse", searchResponse: "searchResponse", colWidth: "colWidth", isLegendVisible: "isLegendVisible", rightButtonLabel: "rightButtonLabel", leftButtonLabel: "leftButtonLabel", isSubmitButtonDisabled: "isSubmitButtonDisabled", isLeftButtonDisabled: "isLeftButtonDisabled", isLeftButtonNeeded: "isLeftButtonNeeded", actionButtonAlign: "actionButtonAlign" }, outputs: { formSubmit: "formSubmit", formChange: "formChange", formInput: "formInput", formLeftButtonClicked: "formLeftButtonClicked", formSearchApply: "formSearchApply", formGroupsReference: "formGroupsReference", dropdownChange: "dropdownChange", formCheckboxSelection: "formCheckboxSelection", formDateSelected: "formDateSelected", formSelectSearch: "formSelectSearch", formControlChange: "formControlChange", formAutoCompleteSearch: "formAutoCompleteSearch", formAutoCompleteClearSearchValue: "formAutoCompleteClearSearchValue", autoCompleteOptionSelected: "autoCompleteOptionSelected", formAfterContentInit: "formAfterContentInit", formSelectedDateRange: "formSelectedDateRange", addFormGroup: "addFormGroup", formTimeSelected: "formTimeSelected", supportTextLinkClick: "supportTextLinkClick", formSlideToggleChange: "formSlideToggleChange", formFileUpload: "formFileUpload", dropdownOpenedChange: "dropdownOpenedChange", formColorPickerChange: "formColorPickerChange", formRadioOptionSelected: "formRadioOptionSelected", ctaButtonClick: "ctaButtonClick", formRichTextEditorContentChange: "formRichTextEditorContentChange" }, viewQueries: [{ propertyName: "formFields", predicate: DynamicFormFieldDirective, descendants: true }], exportAs: ["dynamicForm"], ngImport: i0, template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formRichTextEditorContentChange)=\"onFormRichTextEditorContentChange($event)\"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFormFieldDirective, selector: "[ieeesaDynamicFormField]", inputs: ["config", "group", "submitResponse", "searchResponse"], outputs: ["formSearchApply", "formDropdownSelected", "formDateSelected", "formTimeSelected", "formSelectedDateRange", "formSelectSearch", "formAutoCompleteSearch", "autoCompleteClearSearchValue", "autoCompleteOptionSelected", "formCheckboxSelection", "formInputValue", "addFormGroup", "supportTextLinkClick", "formSlideToggleChange", "dropdownOpenedChange", "formColorPickerChange", "formFileUpload", "formRadioOptionSelected", "ctaButtonClick", "formRichTextEditorContentChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: FocusInvalidFormFieldDirective, selector: "[ieeesaFocusInvalidFormField]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
@@ -4250,7 +4473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DynamicFormFieldDirective,
                         MatButtonModule,
                         FocusInvalidFormFieldDirective,
-                    ], template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:20px}\n"] }]
+                    ], template: "<form\r\n  class=\"ieeesa-dynamic-form\"\r\n  [formGroup]=\"form\"\r\n  (change)=\"onFormChange()\"\r\n  (ngSubmit)=\"onFormSubmit()\"\r\n  (input)=\"formInputChange($event)\"\r\n  ieeesaFocusInvalidFormField\r\n>\r\n  <fieldset\r\n    class=\"ieeesa-dynamic-form__fieldset\"\r\n    *ngFor=\"\r\n      let formGrp of formGroupArray;\r\n      let i = index;\r\n      trackBy: trackByFormGroup\r\n    \"\r\n  >\r\n    <legend\r\n      class=\"float-none w-auto p-2 ieeesa-dynamic-form__legend\"\r\n      *ngIf=\"isLegendVisible\"\r\n    >\r\n      {{ legendsArray[i] }}\r\n    </legend>\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-{{ colWidth.xs }} col-sm-{{ colWidth.sm }} col-md-{{\r\n          colWidth.md\r\n        }} col-lg-{{ colWidth.lg }} col-xl-{{ colWidth.xl }}\r\n        ieeesa-dynamic-form__form-field\"\r\n        [ngClass]=\"getRowClassName(formControlArray[i][j].controlName)\"\r\n        *ngFor=\"let control of formControlArray[i]; let j = index\"\r\n      >\r\n        <ng-template\r\n          ieeesaDynamicFormField\r\n          [config]=\"formControlArray[i][j]\"\r\n          [group]=\"formGrp\"\r\n          [submitResponse]=\"submitResponse\"\r\n          [searchResponse]=\"searchResponse\"\r\n          (formSearchApply)=\"onSearchApply($event)\"\r\n          (formDropdownSelected)=\"onFormChange(); onDropdownChange()\"\r\n          (formDateSelected)=\"onFormChange(); onDateSelected($event)\"\r\n          (formSelectedDateRange)=\"onSelectedDateRange($event)\"\r\n          (formSelectSearch)=\"onSelectSearch($event)\"\r\n          (formAutoCompleteSearch)=\"onAutoCompleteSearch($event)\"\r\n          (autoCompleteClearSearchValue)=\"\r\n            onAutoCompleteClearSearchValue($event)\r\n          \"\r\n          (autoCompleteOptionSelected)=\"\r\n            onFormChange(); onAutoCompleteOptionSelected()\r\n          \"\r\n          (formCheckboxSelection)=\"onCheckboxSelection($event)\"\r\n          (ctaButtonClick)=\"onCheckboxCTAButtonClick($event)\"\r\n          (formInputValue)=\"onFormChange()\"\r\n          (addFormGroup)=\"onAddFormGroup($event)\"\r\n          (formTimeSelected)=\"onFormChange(); onTimeSelected($event)\"\r\n          (supportTextLinkClick)=\"onSupportTextLinkClick($event)\"\r\n          (formSlideToggleChange)=\"onFormSlideToggleChange($event)\"\r\n          (formFileUpload)=\"onFileUpload($event)\"\r\n          (dropdownOpenedChange)=\"onDropdownOpenedChange($event)\"\r\n          (formColorPickerChange)=\"onFormColorPickerChange($event)\"\r\n          (formRadioOptionSelected)=\"onRadioOptionSelection($event)\"\r\n          (formRichTextEditorContentChange)=\"onFormRichTextEditorContentChange($event)\"\r\n        >\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <ng-content select=\"[component]\"></ng-content>\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"col-12 ieeesa-dynamic-form__actions\"\r\n      [ngClass]=\"{\r\n        'justify-content-end': actionButtonAlign === alignmentType.LEFT,\r\n        'justify-content-center': actionButtonAlign === alignmentType.MIDDLE,\r\n        'justify-content-start': actionButtonAlign === alignmentType.RIGHT\r\n      }\"\r\n    >\r\n      <button\r\n        type=\"submit\"\r\n        mat-button\r\n        class=\"mat-primary-button ieeesa-dynamic-form__actions--right-btn\"\r\n        [disabled]=\"isSubmitButtonDisabled\"\r\n      >\r\n        {{ rightButtonLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"isLeftButtonNeeded\"\r\n        type=\"button\"\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-dynamic-form__actions--left-btn\"\r\n        (click)=\"onLeftButtonClicked()\"\r\n        [disabled]=\"isLeftButtonDisabled\"\r\n      >\r\n        {{ leftButtonLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-dynamic-form__actions{display:flex;padding-top:15px}.ieeesa-dynamic-form__actions--left-btn{margin-right:2%}.ieeesa-dynamic-form__form-field{padding-top:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: i3.FormBuilder }]; }, propDecorators: { formFields: [{
                 type: ViewChildren,
                 args: [DynamicFormFieldDirective]
@@ -4326,6 +4549,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], ctaButtonClick: [{
                 type: Output
+            }], formRichTextEditorContentChange: [{
+                type: Output
             }] } });
 
 /**
@@ -4724,46 +4949,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-class ObserveDomChangeDirective {
-    // eslint-disable-next-line no-unused-vars, no-empty-function
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.domChange = new EventEmitter();
-    }
-    /**
-     * Observes the dom changes and emits dom change event.
-     * @memberof ObserveDomChangeDirective
-     */
-    ngOnInit() {
-        this.observer = new MutationObserver((mutations) => {
-            mutations?.forEach((mutation) => this.domChange?.emit(mutation));
-        });
-        this.observer?.observe(this.elementRef?.nativeElement, {
-            attributes: true,
-            childList: true,
-            characterData: true,
-        });
-    }
-    /**
-     * Disconnects the observer when the directive is destroyed.
-     * @memberof ObserveDomChangeDirective
-     */
-    ngOnDestroy() {
-        this.observer?.disconnect();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObserveDomChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ObserveDomChangeDirective, isStandalone: true, selector: "[ieeesaObserveDomChange]", outputs: { domChange: "domChange" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObserveDomChangeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ieeesaObserveDomChange]',
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { domChange: [{
-                type: Output
-            }] } });
-
 class ListComponent {
     set listDataItems(listItem) {
         this.listItems = listItem;
@@ -4874,7 +5059,7 @@ class ListComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "ieeesa-list", inputs: { listDataItems: "listDataItems", listHeaderConfig: "listHeaderConfig", indentation: "indentation", addListButtonConfig: "addListButtonConfig" }, outputs: { selectedItemAndAction: "selectedItemAndAction", reorderedList: "reorderedList", hyperLinkAndButtonClick: "hyperLinkAndButtonClick", domChangeEvent: "domChangeEvent" }, ngImport: i0, template: "<div class=\"ieeesa-list-container\">\r\n  <div class=\"d-flex\">\r\n    <div>\r\n      <p *ngIf=\"listHeader?.title\" class=\"ieeesa-title-lg-24 mb-0\">\r\n        {{ listHeader.title }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"listHeader?.description\"\r\n        class=\"ieeesa-body-md-14 ieeesa-list-description\"\r\n        [innerHTML]=\"listHeader.description | safe : safeType\"\r\n        ieeesaObserveDomChange        \r\n        (domChange)=\"onDomChange($event)\"\r\n      ></p>\r\n    </div>\r\n    <ieeesa-icon-button\r\n      class=\"ieeesa-add-icon-button\"\r\n      *ngIf=\"listHeader?.canShowAddList\"\r\n      [iconButton]=\"addListButton\"\r\n      (iconButtonClick)=\"onClickAddItem()\"\r\n      [ngClass]=\"\r\n        addListButton?.disabled\r\n          ? 'ieeesa-list-container__actions--disabled'\r\n          : ''\r\n      \"\r\n    ></ieeesa-icon-button>\r\n  </div>\r\n\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      recursiveList;\r\n      context: { $implicit: listItems, itemLevel: 0 }\r\n    \"\r\n  >\r\n  </ng-container>\r\n</div>\r\n<ng-template #recursiveList let-items let-itemLevel=\"itemLevel\">\r\n  <mat-list class=\"ieeesa-list-item\">\r\n    <ng-container\r\n      *ngFor=\"let item of items; let index = index; trackBy: trackByFn\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-list-item-container\"\r\n        [style.marginLeft.px]=\"itemLevel * indentation\"\r\n      >\r\n        <mat-list-item\r\n          [ngClass]=\"{\r\n            'ieeesa-list-item__root-level-item': itemLevel === 0,\r\n            'ieeesa-list-item__subitem': itemLevel > 0\r\n          }\"\r\n        >\r\n          <span class=\"ieeesa-list-item__item d-flex\">\r\n            <span class=\"list-number\">\r\n              {{ item?.position }}\r\n            </span>\r\n            <span>\r\n              <span class=\"item-name d-block\">{{ item?.title }}</span>\r\n              <span class=\"ieeesa-list-item__desc d-block\" *ngIf=\"item?.description\">\r\n                {{ item?.description }}\r\n              </span>\r\n            </span>\r\n          </span>\r\n          <span class=\"ieeesa-menu__action\">\r\n            <ieeesa-menu\r\n              *ngIf=\"item?.actionMenus\"\r\n              class=\"ieeesa-menu__icon\"\r\n              [button]=\"item?.actionIcon\"\r\n              [menuItems]=\"item?.actionMenus\"\r\n              (menuItemClick)=\"selectedMenuAction($event, item)\"\r\n            ></ieeesa-menu>\r\n          </span>\r\n        </mat-list-item>\r\n      </div>\r\n      <ng-container *ngIf=\"item?.subItems\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            recursiveList;\r\n            context: {\r\n              $implicit: item.subItems,\r\n              itemLevel: itemLevel + 1\r\n            }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </mat-list>\r\n</ng-template>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-list-container .ieeesa-add-icon-button{margin-left:auto;align-self:center}.ieeesa-list-container .ieeesa-add-icon-button .ieeesa-icon-button{padding:0}.ieeesa-list-container .ieeesa-list-description{color:#49454f!important}.ieeesa-list-container .ieeesa-list-description a{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#00629b!important;letter-spacing:.03125em}.ieeesa-list-container .ieeesa-list-description a.disable-link{pointer-events:none;color:#63666a!important}.ieeesa-list-container__actions--disabled .ieeesa-icon-button__svg{fill:#c9c5ca!important}.ieeesa-list-container .ieeesa-list-item{background-color:#f4f5f7;padding:1px 0 0}.ieeesa-list-container .ieeesa-list-item .ieeesa-list-item-container{box-sizing:border-box;border-radius:.25em;background-color:#fff;border-left:.125rem solid #b2b7be;margin-bottom:.0625em;box-shadow:0 1px 2px #0003}.ieeesa-list-container .ieeesa-list-item .ieeesa-list-item-container:has(.ieeesa-list-item__root-level-item){border-left:.125rem solid #00b5e2}.ieeesa-list-container .ieeesa-list-item .mdc-list-item{padding:0;margin-left:.375em}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__content{padding:0}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__content:has(.ieeesa-list-item__desc){margin:.4375em 0}.ieeesa-list-container .ieeesa-list-item__root-level-item .list-number,.ieeesa-list-container .ieeesa-list-item__root-level-item .item-name{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1d1e!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap}.ieeesa-list-container .ieeesa-list-item__subitem .list-number,.ieeesa-list-container .ieeesa-list-item__subitem .item-name{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1d1e!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap}.ieeesa-list-container .ieeesa-list-item__desc{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#63666a!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap;word-break:break-word}.ieeesa-list-container .ieeesa-list-item .list-number{margin-right:.5em}.ieeesa-list-container .ieeesa-list-item .item-name{word-break:break-word}.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-one-line,.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-two-lines,.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-three-lines{height:auto}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__secondary-text:before,.ieeesa-list-container .ieeesa-list-item .mdc-list-item--with-two-lines .mdc-list-item__primary-text:before,.ieeesa-list-container .ieeesa-list-item .mdc-list-item--with-three-lines .mdc-list-item__primary-text:before{display:none}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__primary-text{display:flex;align-items:center}.ieeesa-menu__action{margin-left:auto}.ieeesa-menu__icon{float:right}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(function () { return CommonModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatListModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i2$2.MatList; }), selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i0.forwardRef(function () { return i2$2.MatListItem; }), selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatButtonModule; }) }, { kind: "component", type: i0.forwardRef(function () { return MenuComponent; }), selector: "ieeesa-menu", inputs: ["menuItems", "button", "defaultIconSize", "isMarginBottomZero"], outputs: ["menuToggleButtonElement", "menuItemClick"] }, { kind: "component", type: i0.forwardRef(function () { return IconButtonComponent; }), selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "pipe", type: i0.forwardRef(function () { return SafePipe; }), name: "safe" }, { kind: "directive", type: i0.forwardRef(function () { return ObserveDomChangeDirective; }), selector: "[ieeesaObserveDomChange]", outputs: ["domChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "ieeesa-list", inputs: { listDataItems: "listDataItems", listHeaderConfig: "listHeaderConfig", indentation: "indentation", addListButtonConfig: "addListButtonConfig" }, outputs: { selectedItemAndAction: "selectedItemAndAction", reorderedList: "reorderedList", hyperLinkAndButtonClick: "hyperLinkAndButtonClick", domChangeEvent: "domChangeEvent" }, ngImport: i0, template: "<div class=\"ieeesa-list-container\">\r\n  <div class=\"d-flex\">\r\n    <div>\r\n      <p *ngIf=\"listHeader?.title\" class=\"ieeesa-title-lg-24 mb-0\">\r\n        {{ listHeader.title }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"listHeader?.description\"\r\n        class=\"ieeesa-body-md-14 ieeesa-list-description\"\r\n        [innerHTML]=\"listHeader.description | safe : safeType\"\r\n        ieeesaObserveDomChange        \r\n        (domChange)=\"onDomChange($event)\"\r\n      ></p>\r\n    </div>\r\n    <ieeesa-icon-button\r\n      class=\"ieeesa-add-icon-button\"\r\n      *ngIf=\"listHeader?.canShowAddList\"\r\n      [iconButton]=\"addListButton\"\r\n      (iconButtonClick)=\"onClickAddItem()\"\r\n      [ngClass]=\"\r\n        addListButton?.disabled\r\n          ? 'ieeesa-list-container__actions--disabled'\r\n          : ''\r\n      \"\r\n    ></ieeesa-icon-button>\r\n  </div>\r\n\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      recursiveList;\r\n      context: { $implicit: listItems, itemLevel: 0 }\r\n    \"\r\n  >\r\n  </ng-container>\r\n</div>\r\n<ng-template #recursiveList let-items let-itemLevel=\"itemLevel\">\r\n  <mat-list class=\"ieeesa-list-item\">\r\n    <ng-container\r\n      *ngFor=\"let item of items; let index = index; trackBy: trackByFn\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-list-item-container\"\r\n        [style.marginLeft.px]=\"itemLevel * indentation\"\r\n      >\r\n        <mat-list-item\r\n          [ngClass]=\"{\r\n            'ieeesa-list-item__root-level-item': itemLevel === 0,\r\n            'ieeesa-list-item__subitem': itemLevel > 0\r\n          }\"\r\n        >\r\n          <span class=\"ieeesa-list-item__item d-flex\">\r\n            <span class=\"list-number\">\r\n              {{ item?.position }}\r\n            </span>\r\n            <span>\r\n              <span class=\"item-name d-block\">{{ item?.title }}</span>\r\n              <span class=\"ieeesa-list-item__desc d-block\" *ngIf=\"item?.description\">\r\n                {{ item?.description }}\r\n              </span>\r\n            </span>\r\n          </span>\r\n          <span class=\"ieeesa-menu__action\">\r\n            <ieeesa-menu\r\n              *ngIf=\"item?.actionMenus\"\r\n              class=\"ieeesa-menu__icon\"\r\n              [button]=\"item?.actionIcon\"\r\n              [menuItems]=\"item?.actionMenus\"\r\n              (menuItemClick)=\"selectedMenuAction($event, item)\"\r\n            ></ieeesa-menu>\r\n          </span>\r\n        </mat-list-item>\r\n      </div>\r\n      <ng-container *ngIf=\"item?.subItems\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            recursiveList;\r\n            context: {\r\n              $implicit: item.subItems,\r\n              itemLevel: itemLevel + 1\r\n            }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </mat-list>\r\n</ng-template>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-list-container .ieeesa-add-icon-button{margin-left:auto;align-self:center}.ieeesa-list-container .ieeesa-add-icon-button .ieeesa-icon-button{padding:0}.ieeesa-list-container .ieeesa-list-description{color:#49454f!important}.ieeesa-list-container .ieeesa-list-description a{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#00629b!important;letter-spacing:.03125em}.ieeesa-list-container .ieeesa-list-description a.disable-link{pointer-events:none;color:#63666a!important}.ieeesa-list-container__actions--disabled .ieeesa-icon-button__svg{fill:#c9c5ca!important}.ieeesa-list-container .ieeesa-list-item{background-color:#f4f5f7;padding:1px 0 0}.ieeesa-list-container .ieeesa-list-item .ieeesa-list-item-container{box-sizing:border-box;border-radius:.25em;background-color:#fff;border-left:.125rem solid #b2b7be;margin-bottom:.0625em;box-shadow:0 1px 2px #0003}.ieeesa-list-container .ieeesa-list-item .ieeesa-list-item-container:has(.ieeesa-list-item__root-level-item){border-left:.125rem solid #00b5e2}.ieeesa-list-container .ieeesa-list-item .mdc-list-item{padding:0;margin-left:.375em}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__content{padding:0}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__content:has(.ieeesa-list-item__desc){margin:.4375em 0}.ieeesa-list-container .ieeesa-list-item__root-level-item .list-number,.ieeesa-list-container .ieeesa-list-item__root-level-item .item-name{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1d1e!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap}.ieeesa-list-container .ieeesa-list-item__subitem .list-number,.ieeesa-list-container .ieeesa-list-item__subitem .item-name{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#1c1d1e!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap}.ieeesa-list-container .ieeesa-list-item__desc{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#63666a!important;letter-spacing:.03125em;text-align:left;text-wrap:wrap;word-break:break-word}.ieeesa-list-container .ieeesa-list-item .list-number{margin-right:.5em}.ieeesa-list-container .ieeesa-list-item .item-name{word-break:break-word}.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-one-line,.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-two-lines,.ieeesa-list-container .ieeesa-list-item .mdc-list-item.mdc-list-item--with-three-lines{height:auto}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__secondary-text:before,.ieeesa-list-container .ieeesa-list-item .mdc-list-item--with-two-lines .mdc-list-item__primary-text:before,.ieeesa-list-container .ieeesa-list-item .mdc-list-item--with-three-lines .mdc-list-item__primary-text:before{display:none}.ieeesa-list-container .ieeesa-list-item .mdc-list-item__primary-text{display:flex;align-items:center}.ieeesa-menu__action{margin-left:auto}.ieeesa-menu__icon{float:right}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(function () { return CommonModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatListModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i2$2.MatList; }), selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i0.forwardRef(function () { return i2$2.MatListItem; }), selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatButtonModule; }) }, { kind: "component", type: i0.forwardRef(function () { return MenuComponent; }), selector: "ieeesa-menu", inputs: ["menuItems", "button", "defaultIconSize", "isMarginBottomZero"], outputs: ["menuToggleButtonElement", "menuItemClick"] }, { kind: "component", type: i0.forwardRef(function () { return IconButtonComponent; }), selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "pipe", type: i0.forwardRef(function () { return SafePipe; }), name: "safe" }, { kind: "directive", type: i0.forwardRef(function () { return ObserveDomChangeDirective; }), selector: "[ieeesaObserveDomChange]", inputs: ["isSubTreeAttributeNeeded", "observedElementClassName"], outputs: ["domChange", "domNodesChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
@@ -6416,7 +6601,7 @@ class DataTableComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTableComponent, deps: [{ token: i1$1.BreakpointObserverService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataTableComponent, isStandalone: true, selector: "ieeesa-data-table", inputs: { tableDataInfo: "tableDataInfo", nestedTableDataInfo: "nestedTableDataInfo", columnSchemaInfo: "columnSchemaInfo", nestedTableColumnSchemaInfo: "nestedTableColumnSchemaInfo", tableActions: "tableActions", hasNestedTable: "hasNestedTable", tableColumnActions: "tableColumnActions", tableColumnActionMenuSize: "tableColumnActionMenuSize", tableRowActions: "tableRowActions", nestedTableRowActions: "nestedTableRowActions", caption: "caption", viewAll: "viewAll", paginatorConfig: "paginatorConfig", nestedPaginatorConfig: "nestedPaginatorConfig", legends: "legends", searchPlaceHolderText: "searchPlaceHolderText", rowEditButton: "rowEditButton", rowDeleteButton: "rowDeleteButton", tableEditButton: "tableEditButton", tableDeleteButton: "tableDeleteButton", rowExpandButton: "rowExpandButton", rowCollapseButton: "rowCollapseButton", isNestedTableHeaderNeeded: "isNestedTableHeaderNeeded", addButton: "addButton", defaultColumnSortDirection: "defaultColumnSortDirection", defaultSortedColumn: "defaultSortedColumn", isClearSortNeeded: "isClearSortNeeded", filters: "filters", selectedFilterOptions: "selectedFilterOptions", appliedFilterOptions: "appliedFilterOptions", searchType: "searchType", className: "className", searchSupportMessage: "searchSupportMessage", inbuiltSortingNeeded: "inbuiltSortingNeeded", isCellTextOverflowEllipsis: "isCellTextOverflowEllipsis", isTableHeaderNeeded: "isTableHeaderNeeded", tableColumnsHeaderText: "tableColumnsHeaderText", verticalColumnHeaderNumber: "verticalColumnHeaderNumber", scrollbarSupportMessage: "scrollbarSupportMessage", isScrollSupportMessageNeeded: "isScrollSupportMessageNeeded", isStickyHeaderNeeded: "isStickyHeaderNeeded", customStickyHeaderNeeded: "customStickyHeaderNeeded", headerElementClassName: "headerElementClassName", searchResultMessage: "searchResultMessage", rowMenuActionIcon: "rowMenuActionIcon", canDisableCheckbox: "canDisableCheckbox" }, outputs: { rowSelected: "rowSelected", selectedRowToEdit: "selectedRowToEdit", selectedRowToDelete: "selectedRowToDelete", selectedRowsToDelete: "selectedRowsToDelete", rowLink: "rowLink", addRow: "addRow", columnDataOnRowLinkClick: "columnDataOnRowLinkClick", menuActionClick: "menuActionClick", selectActionMenu: "selectActionMenu", paginationChange: "paginationChange", selectedFilter: "selectedFilter", removeFilteredOption: "removeFilteredOption", filteredOptions: "filteredOptions", searchedValue: "searchedValue", sortChange: "sortChange", selectedRowsInfo: "selectedRowsInfo", rowExpansionClick: "rowExpansionClick", tableColumnMenuActionClick: "tableColumnMenuActionClick", tableColumnMenuToggleButton: "tableColumnMenuToggleButton", rowSlideToggle: "rowSlideToggle" }, host: { listeners: { "document:scroll": "setStickyTableHeader()" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true }], ngImport: i0, template: "<div class=\"ieeesa-data-table d-flex flex-column container-fluid\">\r\n  <div\r\n    class=\"d-flex\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'flex-column ms-4'\r\n        : 'justify-content-center position-relative'\r\n    \"\r\n  >\r\n    <caption\r\n      class=\"ieeesa-data-table--caption\"\r\n      *ngIf=\"caption\"\r\n      [ngClass]=\"isMobileView ? 'ieeesa-title-lg-24' : 'ieeesa-title-md-18'\"\r\n    >\r\n      {{\r\n        caption\r\n      }}\r\n    </caption>\r\n    <p\r\n      *ngIf=\"isScrollingEnabled && isScrollSupportMessageNeeded\"\r\n      class=\"m-0 mb-2\"\r\n      [ngClass]=\"{ 'position-absolute bottom-0 end-0': !isMobileView }\"\r\n    >\r\n      {{ scrollbarSupportMessage }}\r\n    </p>\r\n  </div>\r\n  <div\r\n    *ngIf=\"tableActions\"\r\n    class=\"ieeesa-data-table__actions d-flex row justify-content-between align-items-lg-baseline p-sm-0\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-data-table__mobile-view-actions' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngIf=\"!isMobileView\"\r\n      [ngTemplateOutlet]=\"filterTemplateRef\"\r\n      [ngTemplateOutletContext]=\"{ data: 'col-md-7 col-lg-6' }\"\r\n    ></ng-container>\r\n    <div\r\n      class=\"d-flex align-items-center gap-lg-4 gap-md-3 gap-sm-3 gap-3 col-md-5 col-lg-6 justify-content-end ps-0\"\r\n      [ngClass]=\"!tableActions?.isFilterNeeded ? 'col-md-12 col-lg-12' : ''\"\r\n    >\r\n      <ng-container *ngIf=\"!isMobileView\">\r\n        <ng-container *ngTemplateOutlet=\"ieeesaSearch\"> </ng-container>\r\n      </ng-container>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isAddNeeded\"\r\n        [iconButton]=\"addButton\"\r\n        (iconButtonClick)=\"onAddClick()\"\r\n        [ngClass]=\"\r\n          addButton?.disabled ? 'ieeesa-data-table__actions--disabled' : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isEditNeeded\"\r\n        [iconButton]=\"tableEditButton\"\r\n        (iconButtonClick)=\"onTableEditClick()\"\r\n        [ngClass]=\"\r\n          selectedRows.selected.length !== 1\r\n            ? 'ieeesa-data-table__actions--disabled'\r\n            : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isDeleteNeeded\"\r\n        [iconButton]=\"tableDeleteButton\"\r\n        (iconButtonClick)=\"onDeleteTableClick()\"\r\n        class=\"d-flex justify-content-between align-items-center\"\r\n        [ngClass]=\"\r\n          selectedRows.selected.length === 0 || tableDeleteButton.disabled\r\n            ? 'ieeesa-data-table__actions--disabled'\r\n            : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        *ngIf=\"tableActions?.isSearchNeeded\"\r\n        [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.search\"\r\n        class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-data-table__actions--search-group-icon\"\r\n        type=\"button\"\r\n        (click)=\"onTableSearchClick()\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <ng-container\r\n    *ngIf=\"isMobileView\"\r\n    [ngTemplateOutlet]=\"filterTemplateRef\"\r\n    [ngTemplateOutletContext]=\"{ data: 'ieeesa-data-table__filter' }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #filterTemplateRef let-className=\"data\">\r\n    <ieeesa-filter\r\n      class=\"{{ className }} p-0\"\r\n      [filters]=\"filters\"\r\n      *ngIf=\"tableActions?.isFilterNeeded\"\r\n      [selectedFilterOptions]=\"selectedFilterOptions\"\r\n      [appliedFilterOptions]=\"appliedFilterOptions\"\r\n      (selectedFilter)=\"selectedFilterTypeInfo($event)\"\r\n      (removeFilteredOption)=\"onRemovalOfFilteredOption($event)\"\r\n      (filteredOptions)=\"onSelectedFilterOptions($event)\"\r\n    ></ieeesa-filter>\r\n  </ng-template>\r\n  <ng-container *ngIf=\"isMobileView && isSearchActive\">\r\n    <ng-container *ngTemplateOutlet=\"ieeesaSearch\"> </ng-container>\r\n  </ng-container>\r\n  <ng-template #ieeesaSearch>\r\n    <ieeesa-search\r\n      [placeholderLabel]=\"searchPlaceHolderText\"\r\n      [searchType]=\"searchType\"\r\n      (searchValue)=\"searchValue($event)\"\r\n      *ngIf=\"tableActions?.isSearchNeeded\"\r\n      class=\"ieeesa-data-table__search-wrapper mt-sm-2 md-sm-2 mt-2 md-2\"\r\n      [supportMessage]=\"searchSupportMessage\"\r\n    ></ieeesa-search>\r\n  </ng-template>\r\n  <p\r\n    class=\"ieeesa-data-table__search_result_label\"\r\n    *ngIf=\"searchResultMessage\"\r\n    [innerHTML]=\"searchResultMessage | safe : safeType\"\r\n  ></p>\r\n  <p\r\n    class=\"ieeesa-data-table__columns-header-text mb-0 ieeesa-title-md-18 text-center\"\r\n    *ngIf=\"tableColumnsHeaderText\"\r\n    [innerHTML]=\"tableColumnsHeaderText | safe : safeType\"\r\n  ></p>\r\n  <div\r\n    class=\"ieeesa-data-table__content\"\r\n    [ngClass]=\"\r\n      tableDataInfo && tableDataInfo.length === 0\r\n        ? 'ieeesa-data-table__no-table-data'\r\n        : ''\r\n    \"\r\n    #tableContent\r\n  >\r\n    <table\r\n      mat-table\r\n      [ngClass]=\"className\"\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortDisableClear]=\"isClearSortNeeded\"\r\n      [matSortActive]=\"defaultSortedColumn\"\r\n      [matSortDirection]=\"defaultColumnSortDirection\"\r\n      (matSortChange)=\"sortTableData($event)\"\r\n      [trackBy]=\"trackById\"\r\n      multiTemplateDataRows\r\n    >\r\n      <ng-container\r\n        *ngFor=\"\r\n          let column of columnSchemaInfo;\r\n          trackBy: trackById;\r\n          let id = index\r\n        \"\r\n        matColumnDef=\"{{ column?.columnDef }}\"\r\n        [sticky]=\"column?.isStickyColumn\"\r\n        [stickyEnd]=\"column?.isStickyEndColumn\"\r\n      >\r\n        <th\r\n          mat-header-cell\r\n          mat-sort-header\r\n          [disabled]=\"!column?.isSortableColumn\"\r\n          [ngSwitch]=\"column?.columnDef\"\r\n          class=\"ieeesa-data-table-header ieeesa-body-sm-bold-14\"\r\n          [ngClass]=\"\r\n            column?.columnDef === columnType?.SELECT\r\n              ? 'ieeesa-data-table__column-select'\r\n              : ''\r\n          \"\r\n          *matHeaderCellDef\r\n          [attr.aria-label]=\"column?.heading\"\r\n        >\r\n          <ng-container *ngSwitchCase=\"columnType?.SELECT\">\r\n            <mat-checkbox\r\n              (change)=\"$event ? toggleAllRowsSelection() : null\"\r\n              [checked]=\"selectedRows?.hasValue() && isAllRowsSelected()\"\r\n              [indeterminate]=\"selectedRows?.hasValue() && !isAllRowsSelected()\"\r\n              [aria-label]=\"constants?.dataTable?.ariaLabel?.selectAll\"\r\n            >\r\n            </mat-checkbox>\r\n          </ng-container>\r\n          <ng-container *ngSwitchDefault>\r\n            <span [ngClass]=\"{ 'me-2': column.hasColumnActions }\">{{\r\n              column.heading\r\n            }}</span>\r\n            <ng-container *ngIf=\"column.hasColumnActions\">\r\n              <ieeesa-menu\r\n                [menuItems]=\"tableColumnActions\"\r\n                [defaultIconSize]=\"tableColumnActionMenuSize\"\r\n                (menuItemClick)=\"tableColumnActionClick(column, $event)\"\r\n                (menuToggleButtonElement)=\"tableColumnActionElement($event)\"\r\n                class=\"ieeesa-data-table__column-menu\"\r\n              ></ieeesa-menu>\r\n            </ng-container>\r\n          </ng-container>\r\n        </th>\r\n        <td\r\n          mat-cell\r\n          class=\"ieeesa-data-table__cell-content ieeesa-title-sm-16\"\r\n          *matCellDef=\"let row\"\r\n          [ngClass]=\"\r\n            column?.columnDef === columnType?.SELECT\r\n              ? 'ieeesa-data-table__column-select'\r\n              : ''\r\n          \"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              tableData;\r\n              context: {\r\n                column: column,\r\n                row: row,\r\n                tableRowActions: tableRowActions\r\n              }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </ng-container>\r\n      <ng-container matColumnDef=\"expandedDetail\">\r\n        <td\r\n          mat-cell\r\n          *matCellDef=\"let row\"\r\n          [attr.colspan]=\"displayedColumns?.length\"\r\n        >\r\n          <div\r\n            class=\"ieeesa-expanded-row\"\r\n            [@detailExpand]=\"row === expandedElement ? 'expanded' : 'collapsed'\"\r\n          >\r\n            <div class=\"ieeesa-nested-data-table\">\r\n              <table\r\n                #nestedTable\r\n                mat-table\r\n                [trackBy]=\"trackById\"\r\n                [dataSource]=\"nestedTableDataSource\"\r\n              >\r\n                <ng-container\r\n                  *ngFor=\"\r\n                    let column of nestedTableColumnSchemaInfo;\r\n                    trackBy: trackById;\r\n                    let id = index\r\n                  \"\r\n                  matColumnDef=\"{{ column?.columnDef }}\"\r\n                  [sticky]=\"column?.isStickyColumn\"\r\n                  [stickyEnd]=\"column?.isStickyEndColumn\"\r\n                >\r\n                  <th\r\n                    mat-header-cell\r\n                    [ngSwitch]=\"column?.columnDef\"\r\n                    class=\"ieeesa-data-table-header ieeesa-body-sm-bold-14\"\r\n                    [ngClass]=\"\r\n                      column?.columnDef === columnType?.SELECT\r\n                        ? 'ieeesa-data-table__column-select'\r\n                        : ''\r\n                    \"\r\n                    *matHeaderCellDef\r\n                    [attr.aria-label]=\"column?.heading\"\r\n                  >\r\n                    <ng-container *ngSwitchDefault>\r\n                      <span>{{ column.heading }}</span>\r\n                    </ng-container>\r\n                  </th>\r\n                  <td\r\n                    mat-cell\r\n                    class=\"ieeesa-data-table__cell-content ieeesa-title-sm-16\"\r\n                    *matCellDef=\"let row\"\r\n                    [ngClass]=\"\r\n                      column?.columnDef === columnType?.SELECT\r\n                        ? 'ieeesa-data-table__column-select'\r\n                        : ''\r\n                    \"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        tableData;\r\n                        context: {\r\n                          column: column,\r\n                          row: row,\r\n                          tableRowActions: nestedTableRowActions\r\n                        }\r\n                      \"\r\n                    ></ng-container>\r\n                  </td>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"isNestedTableHeaderNeeded\">\r\n                  <tr\r\n                    mat-header-row\r\n                    class=\"ieeesa-data-table__header-row\"\r\n                    *matHeaderRowDef=\"\r\n                      nestedTableDisplayedColumns;\r\n                      sticky: false\r\n                    \"\r\n                  ></tr>\r\n                </ng-container>\r\n                <tr\r\n                  mat-row\r\n                  class=\"ieeesa-nested-data-table__cell-row\"\r\n                  *matRowDef=\"let row; columns: nestedTableDisplayedColumns\"\r\n                  [ngStyle]=\"\r\n                    row?.legendColor\r\n                      ? getRowBorderLeftColor(row?.legendColor)\r\n                      : ''\r\n                  \"\r\n                ></tr>\r\n              </table>\r\n            </div>\r\n            <ng-container *ngIf=\"row === expandedElement\">\r\n              <div\r\n                class=\"d-flex justify-content-between align-items-center ieeesa-expanded-row__footer\"\r\n                *ngIf=\"\r\n                  nestedPaginatorConfig.totalRecords >\r\n                    nestedPaginatorConfig.recordsPerPage &&\r\n                  nestedPaginatorConfig.recordsPerPage > 0\r\n                \"\r\n              >\r\n                <button\r\n                  mat-button\r\n                  (click)=\"onLinkClick(row)\"\r\n                  class=\"ieeesa-title-sm-16 ieeesa-data-table__cell-content-link\"\r\n                  [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.link\"\r\n                >\r\n                  {{ viewAll ?? \"\" }}\r\n                </button>\r\n                <span class=\"nested-element-detail__footer--detail\">{{\r\n                  showNestedTablePaginationInfo\r\n                }}</span>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </td>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"isTableHeaderNeeded\">\r\n        <tr\r\n          mat-header-row\r\n          class=\"ieeesa-data-table__header-row\"\r\n          *matHeaderRowDef=\"displayedColumns; sticky: false\"\r\n        ></tr>\r\n      </ng-container>\r\n      <tr\r\n        mat-row\r\n        class=\"ieeesa-data-table__cell-row\"\r\n        [ngClass]=\"(i + 1) % 2 === 0 ? 'even' : 'odd'\"\r\n        [ngStyle]=\"\r\n          row?.legendColor ? getRowBorderLeftColor(row?.legendColor) : ''\r\n        \"\r\n        *matRowDef=\"let row; columns: displayedColumns; let i = dataIndex\"\r\n      ></tr>\r\n      <ng-container *ngIf=\"hasNestedTable\">\r\n        <tr\r\n          mat-row\r\n          *matRowDef=\"let details; columns: ['expandedDetail']\"\r\n          class=\"ieeesa-row-expanded-table-detail\"\r\n        ></tr>\r\n      </ng-container>\r\n    </table>\r\n  </div>\r\n</div>\r\n<p\r\n  class=\"ieeesa-data-table__message ieeesa-title-lg-bold-24 text-center p-5\"\r\n  *ngIf=\"tableDataInfo && tableDataInfo.length === 0\"\r\n>\r\n  {{ noRecordFound }}\r\n</p>\r\n<div class=\"row ieeesa-data-table__pagination-container\">\r\n  <ieeesa-legend\r\n    class=\"col-sm-12 col-md-5 d-flex align-items-end px-4\"\r\n    *ngIf=\"legends?.length\"\r\n    [ngClass]=\"!tableActions?.isPaginationNeeded ? 'col-md-12' : ''\"\r\n    [legends]=\"legends\"\r\n    [isSorting]=\"true\"\r\n  ></ieeesa-legend>\r\n  <div\r\n    *ngIf=\"tableActions?.isPaginationNeeded\"\r\n    class=\"ieeesa-data-table__pagination d-flex flex-row-reverse col-sm-12 col-md-7\"\r\n    [ngClass]=\"!legends?.length ? 'col-md-12' : ''\"\r\n    [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.pagination\"\r\n  >\r\n    <mat-paginator\r\n      [pageSize]=\"paginatorConfig?.recordsPerPage\"\r\n      [pageSizeOptions]=\"paginatorConfig.pageSizeOptions\"\r\n      (page)=\"handlePagination($event)\"\r\n      [length]=\"paginatorConfig?.totalRecords\"\r\n    ></mat-paginator>\r\n  </div>\r\n</div>\r\n<ng-template\r\n  #tableData\r\n  let-column=\"column\"\r\n  let-row=\"row\"\r\n  let-tableRowActions=\"tableRowActions\"\r\n>\r\n  <ng-container [ngSwitch]=\"column?.columnType\">\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container\r\n        *ngIf=\"isCellTextOverflowEllipsis; then ellipsisCell; else textWrapCell\"\r\n      >\r\n      </ng-container>\r\n      <ng-template #textWrapCell>\r\n        <p\r\n          class=\"m-0\"\r\n          *ngIf=\"column?.isHTMLCellData\"\r\n          [innerHTML]=\"column?.cellData(row) | safe : safeType\"\r\n        ></p>\r\n        <ng-container *ngIf=\"!column?.isHTMLCellData\">\r\n          {{ column?.cellData(row) }}</ng-container\r\n        >\r\n      </ng-template>\r\n      <ng-template #ellipsisCell>\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"column?.cellData(row)\"\r\n          class=\"ieeesa-data-table__cell-content--ellipsis\"\r\n        >\r\n          {{ column?.cellData(row) }}\r\n        </p>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.LINK\">\r\n      <button\r\n        mat-button\r\n        (click)=\"onLinkClick(row, column)\"\r\n        class=\"ieeesa-title-sm-16 ieeesa-data-table__cell-content-link\"\r\n        [attr.aria-label]=\"column?.cellData(row)\"\r\n        [matTooltip]=\"row?.toolTipText\"\r\n      >\r\n        {{ column?.cellData(row) }}\r\n      </button>\r\n      <ng-container *ngIf=\"column?.isContentUnderLink\">\r\n        <p\r\n          class=\"ieeesa-body-sm-14 ieeesa-data-table__cell-content-under-link\"\r\n          *ngIf=\"column?.isHTMLCellData\"\r\n          [innerHTML]=\"row?.contentUnderLink | safe : safeType\"\r\n        ></p>\r\n        <p\r\n          class=\"ieeesa-body-sm-14 ieeesa-data-table__cell-content-under-link\"\r\n          *ngIf=\"!column?.isHTMLCellData\"\r\n        >\r\n          {{ row?.contentUnderLink }}\r\n        </p>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.NESTED_TABLE\">\r\n      <ieeesa-icon-button\r\n        mat-button\r\n        *ngIf=\"row?.hasChildren\"\r\n        (iconButtonClick)=\"\r\n          expandedElement = expandedElement === row ? null : row;\r\n          onTableRowExpansionClick(row)\r\n        \"\r\n        [iconButton]=\"\r\n          expandedElement === row ? rowExpandButton : rowCollapseButton\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.SELECT\">\r\n      <mat-checkbox\r\n        class=\"col-2\"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? onSelectClick(row) : null\"\r\n        [checked]=\"selectedRows.isSelected(row)\"\r\n        [aria-label]=\"constants?.dataTable?.ariaLabel?.select\"\r\n        [disabled]=\"row?.disable && canDisableCheckbox\"\r\n      >\r\n      </mat-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.EDIT\">\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"rowEditButton\"\r\n        (iconButtonClick)=\"onEditClick(row)\"\r\n      ></ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.DELETE\">\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"rowDeleteButton\"\r\n        (iconButtonClick)=\"onDeleteClick(row)\"\r\n      ></ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType.SLIDE_TOGGLE\">\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"column?.cellData(row)\"\r\n        (slideToggleChange)=\"rowSlideToggleChange($event, row)\"\r\n        [canShowIcon]=\"true\"\r\n      ></ieeesa-slide-toggle>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.ACTIONS\">\r\n      <ieeesa-menu\r\n        [button]=\"rowMenuActionIcon\"\r\n        [menuItems]=\"tableRowActions ?? row.menuAction\"\r\n        (click)=\"menuItemAction(row)\"\r\n        (menuItemClick)=\"onRowActionClick($event)\"\r\n      ></ieeesa-menu>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-data-table{--mdc-checkbox-selected-focus-icon-color: #00629b;--mdc-checkbox-selected-hover-icon-color: #00629b;--mdc-checkbox-selected-icon-color: #00629b;--mdc-checkbox-selected-pressed-icon-color: #00629b;--mdc-checkbox-selected-focus-state-layer-color: #00629b;--mdc-checkbox-selected-hover-state-layer-color: #00629b;--mdc-checkbox-selected-pressed-state-layer-color: #00629b;--mat-option-selected-state-label-text-color: #00629b}.ieeesa-data-table .mat-mdc-header-row{font-family:Calibri Bold;font-weight:700;font-size:.875rem}.ieeesa-data-table__content{position:relative;overflow:auto;margin-top:.75em;width:100%}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-arrow{opacity:1!important;transform:none!important;color:#a7a8aa}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-sorted .mat-sort-header-arrow{color:#00629b}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-indicator{transform:translateY(0)!important}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-pointer-right{transform:rotate(45deg)!important}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-pointer-left{transform:rotate(-45deg)!important}.ieeesa-data-table__cell-content--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0}.ieeesa-data-table__message{color:#ba0c2f!important}.ieeesa-data-table__mobile-view-actions{margin-left:3.125em}.ieeesa-data-table__actions-right{width:50%}.ieeesa-data-table__cell-content-link{padding:0!important;font-size:.875rem;color:#00629b!important;text-align:left;text-decoration:underline;white-space:normal;word-wrap:break-word;border:none;background:none;min-width:auto!important}.ieeesa-data-table__actions{padding:.75em 0 .75em .15em;position:relative;margin-right:0}.ieeesa-data-table__actions--disabled .ieeesa-icon-button__svg{fill:#c9c5ca!important}.ieeesa-data-table__actions--search-group-icon{height:1.5em;right:0;min-width:auto!important;padding-left:1em;padding-top:.1875em;color:#00629b!important}.ieeesa-data-table__filter{margin-top:-45px}.ieeesa-data-table__search-wrapper{width:-webkit-fill-available;width:-moz-available}.ieeesa-data-table .ieeesa-icon-button{padding:0 3px}.ieeesa-data-table .ieeesa-icon-button__svg{height:1.5em;width:1.5em;fill:#00629b}.ieeesa-data-table .cell-text{white-space:normal;word-wrap:break-word}.ieeesa-data-table .mat-mdc-table{background:none}.ieeesa-data-table tbody tr.odd{background-color:#f8fcff!important;box-shadow:0 1px #dce3e9 inset;border-top:.03125em solid #dbe2eb}.ieeesa-data-table tbody tr.even{background-color:#fff!important;border-top:.0625em solid #dbe2eb}.ieeesa-data-table thead{border-top:1px solid #9ba0a6}.ieeesa-data-table thead tr{background-color:#fff!important}.ieeesa-data-table thead th{color:#323232}.ieeesa-data-table__column-select{width:1em;padding:0!important}.ieeesa-data-table tr.ieeesa-row-expanded-table-detail{height:0}.ieeesa-data-table .ieeesa-expanded-row .ieeesa-nested-data-table__cell-row{background-color:#f8fcff!important;box-shadow:0 1px #dce3e9 inset}.ieeesa-data-table .ieeesa-expanded-row__footer{border-top:1px solid #323232;padding:.25em .75em .25em .5em}.ieeesa-data-table .ieeesa-expanded-row__footer--detail{color:#000;font-size:.875rem}.ieeesa-data-table .cdk-column-expandedDetail{padding:0!important;background-color:#f8fcff!important}.ieeesa-data-table__cell-content-under-link{color:#63666a!important}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(function () { return SafePipe; }), name: "safe" }, { kind: "ngmodule", type: i0.forwardRef(function () { return CommonModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatIconModule; }) }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatSortModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i3$7.MatSort; }), selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i0.forwardRef(function () { return i3$7.MatSortHeader; }), selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i0.forwardRef(function () { return SlideToggleComponent; }), selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatSlideToggleModule; }) }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatTableModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i4$3.MatTable; }), selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatHeaderCellDef; }), selector: "[matHeaderCellDef]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatHeaderRowDef; }), selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatColumnDef; }), selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatCellDef; }), selector: "[matCellDef]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatRowDef; }), selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatHeaderCell; }), selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$3.MatCell; }), selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i0.forwardRef(function () { return i4$3.MatHeaderRow; }), selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i0.forwardRef(function () { return i4$3.MatRow; }), selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatPaginatorModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i5$6.MatPaginator; }), selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatCheckboxModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i6.MatCheckbox; }), selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatButtonModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i3$1.MatButton; }), selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i0.forwardRef(function () { return IconButtonComponent; }), selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "component", type: i0.forwardRef(function () { return SearchComponent; }), selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: i0.forwardRef(function () { return FilterComponent; }), selector: "ieeesa-filter", inputs: ["filterOptionType", "appliedFilterOptions", "filterButton", "filters", "canShowSelection", "selectedFilterOptions"], outputs: ["selectedFilter", "filteredOptions", "removeFilteredOption", "filterDropdownSearch"] }, { kind: "directive", type: i0.forwardRef(function () { return TextTruncatedDirective; }), selector: "[matTooltip][ieeesaTextTruncated]" }, { kind: "component", type: i0.forwardRef(function () { return MenuComponent; }), selector: "ieeesa-menu", inputs: ["menuItems", "button", "defaultIconSize", "isMarginBottomZero"], outputs: ["menuToggleButtonElement", "menuItemClick"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatTooltipModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i1.MatTooltip; }), selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i0.forwardRef(function () { return LegendComponent; }), selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataTableComponent, isStandalone: true, selector: "ieeesa-data-table", inputs: { tableDataInfo: "tableDataInfo", nestedTableDataInfo: "nestedTableDataInfo", columnSchemaInfo: "columnSchemaInfo", nestedTableColumnSchemaInfo: "nestedTableColumnSchemaInfo", tableActions: "tableActions", hasNestedTable: "hasNestedTable", tableColumnActions: "tableColumnActions", tableColumnActionMenuSize: "tableColumnActionMenuSize", tableRowActions: "tableRowActions", nestedTableRowActions: "nestedTableRowActions", caption: "caption", viewAll: "viewAll", paginatorConfig: "paginatorConfig", nestedPaginatorConfig: "nestedPaginatorConfig", legends: "legends", searchPlaceHolderText: "searchPlaceHolderText", rowEditButton: "rowEditButton", rowDeleteButton: "rowDeleteButton", tableEditButton: "tableEditButton", tableDeleteButton: "tableDeleteButton", rowExpandButton: "rowExpandButton", rowCollapseButton: "rowCollapseButton", isNestedTableHeaderNeeded: "isNestedTableHeaderNeeded", addButton: "addButton", defaultColumnSortDirection: "defaultColumnSortDirection", defaultSortedColumn: "defaultSortedColumn", isClearSortNeeded: "isClearSortNeeded", filters: "filters", selectedFilterOptions: "selectedFilterOptions", appliedFilterOptions: "appliedFilterOptions", searchType: "searchType", className: "className", searchSupportMessage: "searchSupportMessage", inbuiltSortingNeeded: "inbuiltSortingNeeded", isCellTextOverflowEllipsis: "isCellTextOverflowEllipsis", isTableHeaderNeeded: "isTableHeaderNeeded", tableColumnsHeaderText: "tableColumnsHeaderText", verticalColumnHeaderNumber: "verticalColumnHeaderNumber", scrollbarSupportMessage: "scrollbarSupportMessage", isScrollSupportMessageNeeded: "isScrollSupportMessageNeeded", isStickyHeaderNeeded: "isStickyHeaderNeeded", customStickyHeaderNeeded: "customStickyHeaderNeeded", headerElementClassName: "headerElementClassName", searchResultMessage: "searchResultMessage", rowMenuActionIcon: "rowMenuActionIcon", canDisableCheckbox: "canDisableCheckbox" }, outputs: { rowSelected: "rowSelected", selectedRowToEdit: "selectedRowToEdit", selectedRowToDelete: "selectedRowToDelete", selectedRowsToDelete: "selectedRowsToDelete", rowLink: "rowLink", addRow: "addRow", columnDataOnRowLinkClick: "columnDataOnRowLinkClick", menuActionClick: "menuActionClick", selectActionMenu: "selectActionMenu", paginationChange: "paginationChange", selectedFilter: "selectedFilter", removeFilteredOption: "removeFilteredOption", filteredOptions: "filteredOptions", searchedValue: "searchedValue", sortChange: "sortChange", selectedRowsInfo: "selectedRowsInfo", rowExpansionClick: "rowExpansionClick", tableColumnMenuActionClick: "tableColumnMenuActionClick", tableColumnMenuToggleButton: "tableColumnMenuToggleButton", rowSlideToggle: "rowSlideToggle" }, host: { listeners: { "document:scroll": "setStickyTableHeader()" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true }], ngImport: i0, template: "<div class=\"ieeesa-data-table d-flex flex-column container-fluid\">\r\n  <div\r\n    class=\"d-flex\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'flex-column ms-4'\r\n        : 'justify-content-center position-relative'\r\n    \"\r\n  >\r\n    <caption\r\n      class=\"ieeesa-data-table--caption\"\r\n      *ngIf=\"caption\"\r\n      [ngClass]=\"isMobileView ? 'ieeesa-title-lg-24' : 'ieeesa-title-md-18'\"\r\n    >\r\n      {{\r\n        caption\r\n      }}\r\n    </caption>\r\n    <p\r\n      *ngIf=\"isScrollingEnabled && isScrollSupportMessageNeeded\"\r\n      class=\"m-0 mb-2\"\r\n      [ngClass]=\"{ 'position-absolute bottom-0 end-0': !isMobileView }\"\r\n    >\r\n      {{ scrollbarSupportMessage }}\r\n    </p>\r\n  </div>\r\n  <div\r\n    *ngIf=\"tableActions\"\r\n    class=\"ieeesa-data-table__actions d-flex row justify-content-between align-items-lg-baseline p-sm-0\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-data-table__mobile-view-actions' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngIf=\"!isMobileView\"\r\n      [ngTemplateOutlet]=\"filterTemplateRef\"\r\n      [ngTemplateOutletContext]=\"{ data: 'col-md-7 col-lg-6' }\"\r\n    ></ng-container>\r\n    <div\r\n      class=\"d-flex align-items-center gap-lg-4 gap-md-3 gap-sm-3 gap-3 col-md-5 col-lg-6 justify-content-end ps-0\"\r\n      [ngClass]=\"!tableActions?.isFilterNeeded ? 'col-md-12 col-lg-12' : ''\"\r\n    >\r\n      <ng-container *ngIf=\"!isMobileView\">\r\n        <ng-container *ngTemplateOutlet=\"ieeesaSearch\"> </ng-container>\r\n      </ng-container>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isAddNeeded\"\r\n        [iconButton]=\"addButton\"\r\n        (iconButtonClick)=\"onAddClick()\"\r\n        [ngClass]=\"\r\n          addButton?.disabled ? 'ieeesa-data-table__actions--disabled' : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isEditNeeded\"\r\n        [iconButton]=\"tableEditButton\"\r\n        (iconButtonClick)=\"onTableEditClick()\"\r\n        [ngClass]=\"\r\n          selectedRows.selected.length !== 1\r\n            ? 'ieeesa-data-table__actions--disabled'\r\n            : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        *ngIf=\"tableActions?.isDeleteNeeded\"\r\n        [iconButton]=\"tableDeleteButton\"\r\n        (iconButtonClick)=\"onDeleteTableClick()\"\r\n        class=\"d-flex justify-content-between align-items-center\"\r\n        [ngClass]=\"\r\n          selectedRows.selected.length === 0 || tableDeleteButton.disabled\r\n            ? 'ieeesa-data-table__actions--disabled'\r\n            : ''\r\n        \"\r\n      ></ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        *ngIf=\"tableActions?.isSearchNeeded\"\r\n        [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.search\"\r\n        class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-data-table__actions--search-group-icon\"\r\n        type=\"button\"\r\n        (click)=\"onTableSearchClick()\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <ng-container\r\n    *ngIf=\"isMobileView\"\r\n    [ngTemplateOutlet]=\"filterTemplateRef\"\r\n    [ngTemplateOutletContext]=\"{ data: 'ieeesa-data-table__filter' }\"\r\n  >\r\n  </ng-container>\r\n  <ng-template #filterTemplateRef let-className=\"data\">\r\n    <ieeesa-filter\r\n      class=\"{{ className }} p-0\"\r\n      [filters]=\"filters\"\r\n      *ngIf=\"tableActions?.isFilterNeeded\"\r\n      [selectedFilterOptions]=\"selectedFilterOptions\"\r\n      [appliedFilterOptions]=\"appliedFilterOptions\"\r\n      (selectedFilter)=\"selectedFilterTypeInfo($event)\"\r\n      (removeFilteredOption)=\"onRemovalOfFilteredOption($event)\"\r\n      (filteredOptions)=\"onSelectedFilterOptions($event)\"\r\n    ></ieeesa-filter>\r\n  </ng-template>\r\n  <ng-container *ngIf=\"isMobileView && isSearchActive\">\r\n    <ng-container *ngTemplateOutlet=\"ieeesaSearch\"> </ng-container>\r\n  </ng-container>\r\n  <ng-template #ieeesaSearch>\r\n    <ieeesa-search\r\n      [placeholderLabel]=\"searchPlaceHolderText\"\r\n      [searchType]=\"searchType\"\r\n      (searchValue)=\"searchValue($event)\"\r\n      *ngIf=\"tableActions?.isSearchNeeded\"\r\n      class=\"ieeesa-data-table__search-wrapper mt-sm-2 md-sm-2 mt-2 md-2\"\r\n      [supportMessage]=\"searchSupportMessage\"\r\n    ></ieeesa-search>\r\n  </ng-template>\r\n  <p\r\n    class=\"ieeesa-data-table__search_result_label\"\r\n    *ngIf=\"searchResultMessage\"\r\n    [innerHTML]=\"searchResultMessage | safe : safeType\"\r\n  ></p>\r\n  <p\r\n    class=\"ieeesa-data-table__columns-header-text mb-0 ieeesa-title-md-18 text-center\"\r\n    *ngIf=\"tableColumnsHeaderText\"\r\n    [innerHTML]=\"tableColumnsHeaderText | safe : safeType\"\r\n  ></p>\r\n  <div\r\n    class=\"ieeesa-data-table__content\"\r\n    [ngClass]=\"\r\n      tableDataInfo && tableDataInfo.length === 0\r\n        ? 'ieeesa-data-table__no-table-data'\r\n        : ''\r\n    \"\r\n    #tableContent\r\n  >\r\n    <table\r\n      mat-table\r\n      [ngClass]=\"className\"\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortDisableClear]=\"isClearSortNeeded\"\r\n      [matSortActive]=\"defaultSortedColumn\"\r\n      [matSortDirection]=\"defaultColumnSortDirection\"\r\n      (matSortChange)=\"sortTableData($event)\"\r\n      [trackBy]=\"trackById\"\r\n      multiTemplateDataRows\r\n    >\r\n      <ng-container\r\n        *ngFor=\"\r\n          let column of columnSchemaInfo;\r\n          trackBy: trackById;\r\n          let id = index\r\n        \"\r\n        matColumnDef=\"{{ column?.columnDef }}\"\r\n        [sticky]=\"column?.isStickyColumn\"\r\n        [stickyEnd]=\"column?.isStickyEndColumn\"\r\n      >\r\n        <th\r\n          mat-header-cell\r\n          mat-sort-header\r\n          [disabled]=\"!column?.isSortableColumn\"\r\n          [ngSwitch]=\"column?.columnDef\"\r\n          class=\"ieeesa-data-table-header ieeesa-body-sm-bold-14\"\r\n          [ngClass]=\"\r\n            column?.columnDef === columnType?.SELECT\r\n              ? 'ieeesa-data-table__column-select'\r\n              : ''\r\n          \"\r\n          *matHeaderCellDef\r\n          [attr.aria-label]=\"column?.heading\"\r\n        >\r\n          <ng-container *ngSwitchCase=\"columnType?.SELECT\">\r\n            <mat-checkbox\r\n              (change)=\"$event ? toggleAllRowsSelection() : null\"\r\n              [checked]=\"selectedRows?.hasValue() && isAllRowsSelected()\"\r\n              [indeterminate]=\"selectedRows?.hasValue() && !isAllRowsSelected()\"\r\n              [aria-label]=\"constants?.dataTable?.ariaLabel?.selectAll\"\r\n            >\r\n            </mat-checkbox>\r\n          </ng-container>\r\n          <ng-container *ngSwitchDefault>\r\n            <span [ngClass]=\"{ 'me-2': column.hasColumnActions }\">{{\r\n              column.heading\r\n            }}</span>\r\n            <ng-container *ngIf=\"column.hasColumnActions\">\r\n              <ieeesa-menu\r\n                [menuItems]=\"tableColumnActions\"\r\n                [defaultIconSize]=\"tableColumnActionMenuSize\"\r\n                (menuItemClick)=\"tableColumnActionClick(column, $event)\"\r\n                (menuToggleButtonElement)=\"tableColumnActionElement($event)\"\r\n                class=\"ieeesa-data-table__column-menu\"\r\n              ></ieeesa-menu>\r\n            </ng-container>\r\n          </ng-container>\r\n        </th>\r\n        <td\r\n          mat-cell\r\n          class=\"ieeesa-data-table__cell-content ieeesa-title-sm-16\"\r\n          *matCellDef=\"let row\"\r\n          [ngClass]=\"\r\n            column?.columnDef === columnType?.SELECT\r\n              ? 'ieeesa-data-table__column-select'\r\n              : ''\r\n          \"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              tableData;\r\n              context: {\r\n                column: column,\r\n                row: row,\r\n                tableRowActions: tableRowActions\r\n              }\r\n            \"\r\n          ></ng-container>\r\n        </td>\r\n      </ng-container>\r\n      <ng-container matColumnDef=\"expandedDetail\">\r\n        <td\r\n          mat-cell\r\n          *matCellDef=\"let row\"\r\n          [attr.colspan]=\"displayedColumns?.length\"\r\n        >\r\n          <div\r\n            class=\"ieeesa-expanded-row\"\r\n            [@detailExpand]=\"row === expandedElement ? 'expanded' : 'collapsed'\"\r\n          >\r\n            <div class=\"ieeesa-nested-data-table\">\r\n              <table\r\n                #nestedTable\r\n                mat-table\r\n                [trackBy]=\"trackById\"\r\n                [dataSource]=\"nestedTableDataSource\"\r\n              >\r\n                <ng-container\r\n                  *ngFor=\"\r\n                    let column of nestedTableColumnSchemaInfo;\r\n                    trackBy: trackById;\r\n                    let id = index\r\n                  \"\r\n                  matColumnDef=\"{{ column?.columnDef }}\"\r\n                  [sticky]=\"column?.isStickyColumn\"\r\n                  [stickyEnd]=\"column?.isStickyEndColumn\"\r\n                >\r\n                  <th\r\n                    mat-header-cell\r\n                    [ngSwitch]=\"column?.columnDef\"\r\n                    class=\"ieeesa-data-table-header ieeesa-body-sm-bold-14\"\r\n                    [ngClass]=\"\r\n                      column?.columnDef === columnType?.SELECT\r\n                        ? 'ieeesa-data-table__column-select'\r\n                        : ''\r\n                    \"\r\n                    *matHeaderCellDef\r\n                    [attr.aria-label]=\"column?.heading\"\r\n                  >\r\n                    <ng-container *ngSwitchDefault>\r\n                      <span>{{ column.heading }}</span>\r\n                    </ng-container>\r\n                  </th>\r\n                  <td\r\n                    mat-cell\r\n                    class=\"ieeesa-data-table__cell-content ieeesa-title-sm-16\"\r\n                    *matCellDef=\"let row\"\r\n                    [ngClass]=\"\r\n                      column?.columnDef === columnType?.SELECT\r\n                        ? 'ieeesa-data-table__column-select'\r\n                        : ''\r\n                    \"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        tableData;\r\n                        context: {\r\n                          column: column,\r\n                          row: row,\r\n                          tableRowActions: nestedTableRowActions\r\n                        }\r\n                      \"\r\n                    ></ng-container>\r\n                  </td>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"isNestedTableHeaderNeeded\">\r\n                  <tr\r\n                    mat-header-row\r\n                    class=\"ieeesa-data-table__header-row\"\r\n                    *matHeaderRowDef=\"\r\n                      nestedTableDisplayedColumns;\r\n                      sticky: false\r\n                    \"\r\n                  ></tr>\r\n                </ng-container>\r\n                <tr\r\n                  mat-row\r\n                  class=\"ieeesa-nested-data-table__cell-row\"\r\n                  *matRowDef=\"let row; columns: nestedTableDisplayedColumns\"\r\n                  [ngStyle]=\"\r\n                    row?.legendColor\r\n                      ? getRowBorderLeftColor(row?.legendColor)\r\n                      : ''\r\n                  \"\r\n                ></tr>\r\n              </table>\r\n            </div>\r\n            <ng-container *ngIf=\"row === expandedElement\">\r\n              <div\r\n                class=\"d-flex justify-content-between align-items-center ieeesa-expanded-row__footer\"\r\n                *ngIf=\"\r\n                  nestedPaginatorConfig.totalRecords >\r\n                    nestedPaginatorConfig.recordsPerPage &&\r\n                  nestedPaginatorConfig.recordsPerPage > 0\r\n                \"\r\n              >\r\n                <button\r\n                  mat-button\r\n                  (click)=\"onLinkClick(row)\"\r\n                  class=\"ieeesa-title-sm-16 ieeesa-data-table__cell-content-link\"\r\n                  [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.link\"\r\n                >\r\n                  {{ viewAll ?? \"\" }}\r\n                </button>\r\n                <span class=\"nested-element-detail__footer--detail\">{{\r\n                  showNestedTablePaginationInfo\r\n                }}</span>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </td>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"isTableHeaderNeeded\">\r\n        <tr\r\n          mat-header-row\r\n          class=\"ieeesa-data-table__header-row\"\r\n          *matHeaderRowDef=\"displayedColumns; sticky: false\"\r\n        ></tr>\r\n      </ng-container>\r\n      <tr\r\n        mat-row\r\n        class=\"ieeesa-data-table__cell-row\"\r\n        [ngClass]=\"(i + 1) % 2 === 0 ? 'even' : 'odd'\"\r\n        [ngStyle]=\"\r\n          row?.legendColor ? getRowBorderLeftColor(row?.legendColor) : ''\r\n        \"\r\n        *matRowDef=\"let row; columns: displayedColumns; let i = dataIndex\"\r\n      ></tr>\r\n      <ng-container *ngIf=\"hasNestedTable\">\r\n        <tr\r\n          mat-row\r\n          *matRowDef=\"let details; columns: ['expandedDetail']\"\r\n          class=\"ieeesa-row-expanded-table-detail\"\r\n        ></tr>\r\n      </ng-container>\r\n    </table>\r\n  </div>\r\n</div>\r\n<p\r\n  class=\"ieeesa-data-table__message ieeesa-title-lg-bold-24 text-center p-5\"\r\n  *ngIf=\"tableDataInfo && tableDataInfo.length === 0\"\r\n>\r\n  {{ noRecordFound }}\r\n</p>\r\n<div class=\"row ieeesa-data-table__pagination-container\">\r\n  <ieeesa-legend\r\n    class=\"col-sm-12 col-md-5 d-flex align-items-end px-4\"\r\n    *ngIf=\"legends?.length\"\r\n    [ngClass]=\"!tableActions?.isPaginationNeeded ? 'col-md-12' : ''\"\r\n    [legends]=\"legends\"\r\n    [isSorting]=\"true\"\r\n  ></ieeesa-legend>\r\n  <div\r\n    *ngIf=\"tableActions?.isPaginationNeeded\"\r\n    class=\"ieeesa-data-table__pagination d-flex flex-row-reverse col-sm-12 col-md-7\"\r\n    [ngClass]=\"!legends?.length ? 'col-md-12' : ''\"\r\n    [attr.aria-label]=\"constants?.dataTable?.ariaLabel?.pagination\"\r\n  >\r\n    <mat-paginator\r\n      [pageSize]=\"paginatorConfig?.recordsPerPage\"\r\n      [pageSizeOptions]=\"paginatorConfig.pageSizeOptions\"\r\n      (page)=\"handlePagination($event)\"\r\n      [length]=\"paginatorConfig?.totalRecords\"\r\n    ></mat-paginator>\r\n  </div>\r\n</div>\r\n<ng-template\r\n  #tableData\r\n  let-column=\"column\"\r\n  let-row=\"row\"\r\n  let-tableRowActions=\"tableRowActions\"\r\n>\r\n  <ng-container [ngSwitch]=\"column?.columnType\">\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container\r\n        *ngIf=\"isCellTextOverflowEllipsis; then ellipsisCell; else textWrapCell\"\r\n      >\r\n      </ng-container>\r\n      <ng-template #textWrapCell>\r\n        <p\r\n          class=\"m-0\"\r\n          *ngIf=\"column?.isHTMLCellData\"\r\n          [innerHTML]=\"column?.cellData(row) | safe : safeType\"\r\n        ></p>\r\n        <ng-container *ngIf=\"!column?.isHTMLCellData\">\r\n          {{ column?.cellData(row) }}</ng-container\r\n        >\r\n      </ng-template>\r\n      <ng-template #ellipsisCell>\r\n        <p\r\n          ieeesaTextTruncated\r\n          [matTooltip]=\"column?.cellData(row)\"\r\n          class=\"ieeesa-data-table__cell-content--ellipsis\"\r\n        >\r\n          {{ column?.cellData(row) }}\r\n        </p>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.LINK\">\r\n      <button\r\n        mat-button\r\n        (click)=\"onLinkClick(row, column)\"\r\n        class=\"ieeesa-title-sm-16 ieeesa-data-table__cell-content-link\"\r\n        [attr.aria-label]=\"column?.cellData(row)\"\r\n        [matTooltip]=\"row?.toolTipText\"\r\n      >\r\n        {{ column?.cellData(row) }}\r\n      </button>\r\n      <ng-container *ngIf=\"column?.isContentUnderLink\">\r\n        <p\r\n          class=\"ieeesa-body-sm-14 ieeesa-data-table__cell-content-under-link\"\r\n          *ngIf=\"column?.isHTMLCellData\"\r\n          [innerHTML]=\"row?.contentUnderLink | safe : safeType\"\r\n        ></p>\r\n        <p\r\n          class=\"ieeesa-body-sm-14 ieeesa-data-table__cell-content-under-link\"\r\n          *ngIf=\"!column?.isHTMLCellData\"\r\n        >\r\n          {{ row?.contentUnderLink }}\r\n        </p>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.NESTED_TABLE\">\r\n      <ieeesa-icon-button\r\n        mat-button\r\n        *ngIf=\"row?.hasChildren\"\r\n        (iconButtonClick)=\"\r\n          expandedElement = expandedElement === row ? null : row;\r\n          onTableRowExpansionClick(row)\r\n        \"\r\n        [iconButton]=\"\r\n          expandedElement === row ? rowExpandButton : rowCollapseButton\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.SELECT\">\r\n      <mat-checkbox\r\n        class=\"col-2\"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? onSelectClick(row) : null\"\r\n        [checked]=\"selectedRows.isSelected(row)\"\r\n        [aria-label]=\"constants?.dataTable?.ariaLabel?.select\"\r\n        [disabled]=\"row?.disable && canDisableCheckbox\"\r\n      >\r\n      </mat-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.EDIT\">\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"rowEditButton\"\r\n        (iconButtonClick)=\"onEditClick(row)\"\r\n      ></ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.DELETE\">\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"rowDeleteButton\"\r\n        (iconButtonClick)=\"onDeleteClick(row)\"\r\n      ></ieeesa-icon-button>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType.SLIDE_TOGGLE\">\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"column?.cellData(row)\"\r\n        (slideToggleChange)=\"rowSlideToggleChange($event, row)\"\r\n        [canShowIcon]=\"true\"\r\n      ></ieeesa-slide-toggle>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"columnType?.ACTIONS\">\r\n      <ieeesa-menu\r\n        [button]=\"rowMenuActionIcon\"\r\n        [menuItems]=\"tableRowActions ?? row.menuAction\"\r\n        (click)=\"menuItemAction(row)\"\r\n        (menuItemClick)=\"onRowActionClick($event)\"\r\n      ></ieeesa-menu>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\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-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: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: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: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}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-data-table{--mdc-checkbox-selected-focus-icon-color: #00629b;--mdc-checkbox-selected-hover-icon-color: #00629b;--mdc-checkbox-selected-icon-color: #00629b;--mdc-checkbox-selected-pressed-icon-color: #00629b;--mdc-checkbox-selected-focus-state-layer-color: #00629b;--mdc-checkbox-selected-hover-state-layer-color: #00629b;--mdc-checkbox-selected-pressed-state-layer-color: #00629b;--mat-option-selected-state-label-text-color: #00629b}.ieeesa-data-table .mat-mdc-header-row{font-family:Calibri Bold;font-weight:700;font-size:.875rem}.ieeesa-data-table__content{position:relative;overflow:auto;margin-top:.75em;width:100%}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-arrow{opacity:1!important;transform:none!important;color:#a7a8aa}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-sorted .mat-sort-header-arrow{color:#00629b}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-indicator{transform:translateY(0)!important}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-pointer-right{transform:rotate(45deg)!important}.ieeesa-data-table__content .ieeesa-data-table__header-row .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-pointer-left{transform:rotate(-45deg)!important}.ieeesa-data-table__cell-content--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0}.ieeesa-data-table__message{color:#ba0c2f!important}.ieeesa-data-table__mobile-view-actions{margin-left:3.125em}.ieeesa-data-table__actions-right{width:50%}.ieeesa-data-table__cell-content-link{padding:0!important;font-size:.875rem;color:#00629b!important;text-align:left;text-decoration:underline;white-space:normal;word-wrap:break-word;border:none;background:none;min-width:auto!important}.ieeesa-data-table__actions{padding:.75em 0 .75em .15em;position:relative;margin-right:0}.ieeesa-data-table__actions--disabled .ieeesa-icon-button__svg{fill:#c9c5ca!important}.ieeesa-data-table__actions--search-group-icon{height:1.5em;right:0;min-width:auto!important;padding-left:1em;padding-top:.1875em;color:#00629b!important}.ieeesa-data-table__filter{margin-top:-45px}.ieeesa-data-table__search-wrapper{width:-webkit-fill-available;width:-moz-available}.ieeesa-data-table .ieeesa-icon-button{padding:0 3px}.ieeesa-data-table .ieeesa-icon-button__svg{height:1.5em;width:1.5em;fill:#00629b}.ieeesa-data-table .cell-text{white-space:normal;word-wrap:break-word}.ieeesa-data-table .mat-mdc-table{background:none}.ieeesa-data-table tbody tr.odd{background-color:#f8fcff!important;box-shadow:0 1px #dce3e9 inset;border-top:.03125em solid #dbe2eb}.ieeesa-data-table tbody tr.even{background-color:#fff!important;border-top:.0625em solid #dbe2eb}.ieeesa-data-table thead{border-top:1px solid #9ba0a6}.ieeesa-data-table thead tr{background-color:#fff!important}.ieeesa-data-table thead th{color:#323232}.ieeesa-data-table__column-select{width:1em;padding:0!important}.ieeesa-data-table tr.ieeesa-row-expanded-table-detail{height:0}.ieeesa-data-table .ieeesa-expanded-row .ieeesa-nested-data-table__cell-row{background-color:#f8fcff!important;box-shadow:0 1px #dce3e9 inset}.ieeesa-data-table .ieeesa-expanded-row__footer{border-top:1px solid #323232;padding:.25em .75em .25em .5em}.ieeesa-data-table .ieeesa-expanded-row__footer--detail{color:#000;font-size:.875rem}.ieeesa-data-table .cdk-column-expandedDetail{padding:0!important;background-color:#f8fcff!important}.ieeesa-data-table__cell-content-under-link{color:#63666a!important}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(function () { return SafePipe; }), name: "safe" }, { kind: "ngmodule", type: i0.forwardRef(function () { return CommonModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatIconModule; }) }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatSortModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i3$7.MatSort; }), selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i0.forwardRef(function () { return i3$7.MatSortHeader; }), selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i0.forwardRef(function () { return SlideToggleComponent; }), selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatSlideToggleModule; }) }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatTableModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i4$4.MatTable; }), selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatHeaderCellDef; }), selector: "[matHeaderCellDef]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatHeaderRowDef; }), selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatColumnDef; }), selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatCellDef; }), selector: "[matCellDef]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatRowDef; }), selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatHeaderCell; }), selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i0.forwardRef(function () { return i4$4.MatCell; }), selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i0.forwardRef(function () { return i4$4.MatHeaderRow; }), selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i0.forwardRef(function () { return i4$4.MatRow; }), selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatPaginatorModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i5$6.MatPaginator; }), selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatCheckboxModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i6.MatCheckbox; }), selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatButtonModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i3$1.MatButton; }), selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i0.forwardRef(function () { return IconButtonComponent; }), selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "component", type: i0.forwardRef(function () { return SearchComponent; }), selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: i0.forwardRef(function () { return FilterComponent; }), selector: "ieeesa-filter", inputs: ["filterOptionType", "appliedFilterOptions", "filterButton", "filters", "canShowSelection", "selectedFilterOptions"], outputs: ["selectedFilter", "filteredOptions", "removeFilteredOption", "filterDropdownSearch"] }, { kind: "directive", type: i0.forwardRef(function () { return TextTruncatedDirective; }), selector: "[matTooltip][ieeesaTextTruncated]" }, { kind: "component", type: i0.forwardRef(function () { return MenuComponent; }), selector: "ieeesa-menu", inputs: ["menuItems", "button", "defaultIconSize", "isMarginBottomZero"], outputs: ["menuToggleButtonElement", "menuItemClick"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return MatTooltipModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i1.MatTooltip; }), selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i0.forwardRef(function () { return LegendComponent; }), selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }], animations: [
             trigger('detailExpand', [
                 state('collapsed', style({ height: '0px', minHeight: '0', display: 'none' })),
                 state('expanded', style({ height: '*' })),
@@ -7165,5 +7350,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionDetails, AlignType, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FocusInvalidFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PresentationModule, RadioComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
+export { AccordionComponent, AccordionDetails, AlignType, AllowedFileTypes, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FileUploadComponent, FileUploadDirective, FileUploadService, FilterComponent, FilterOptionType, FocusInvalidFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, ImagePreviewComponent, InactiveTenantComponent, InputComponent, LegendComponent, LinkType, ListComponent, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, NavigationMenuComponent, NotificationComponent, ObserveDomChangeDirective, PresentationModule, RadioComponent, RichTextEditorComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
 //# sourceMappingURL=ieeesa-npm-presentation.mjs.map