@ieeesa-npm/presentation 0.1.1 → 0.1.3

package/esm2022/lib/components/modal/modal.component.mjs

@@ -0,0 +1,125 @@
+import { Component, EventEmitter, Inject, ViewChild, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MAT_DIALOG_DATA, MatDialogModule, } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { UserIdleSessionExpiryNotificationComponent, } from '@ieeesa-npm/feature';
+import { ModalType } from '@ieeesa-npm/utility';
+import { ToggleButtonComponent } from '../../components/toggle-button/toggle-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+/**
+ * This component encapsulates the functionality of a modal dialog and implements reusable contents part of the modal components such as text content, loading another component into the modal and emitting modal events to consumed component.
+ * It utilizes Angular Material's MatDialog module to display the modal dialog.
+ * @usageNotes -Pass ModalComponent and data options as parameters to MatDialog open method as given below
+ this.dialog.open(ConfirmationDialogComponent, {data: {}})
+ * @class ModalComponent
+ */
+export class ModalComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dialogRef, 
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-explicit-any
+    modalData // eslint-disable-next-line no-empty-function, @typescript-eslint/no-empty-function
+    ) {
+        this.dialogRef = dialogRef;
+        this.modalData = modalData;
+        this.toggleButtonClicked = new EventEmitter();
+        this.isComponentLoaded = false;
+        this.heading = '';
+        this.subHeading = '';
+        this.promptMessage = '';
+        this.leftButtonLabel = '';
+        this.rightButtonLabel = '';
+        this.isCloseNeeded = false;
+        this.modalConfirm = new EventEmitter();
+    }
+    /**
+     * Initializes the component.
+     * @return -returns nothing
+     */
+    ngOnInit() {
+        this.heading = this.modalData?.heading;
+        this.subHeading = this.modalData?.subHeading;
+        this.promptMessage = this.modalData?.promptMessage;
+        this.leftButtonLabel = this.modalData?.leftButtonLabel;
+        this.rightButtonLabel = this.modalData?.rightButtonLabel;
+        this.toggleButtons = this.modalData?.toggleButtons;
+        this.componentReference = this.modalData?.componentReference;
+        this.modalType = this.modalData?.modalType;
+        this.isCloseNeeded = this.modalData?.isCloseNeeded;
+        if (this.componentReference) {
+            this.loadComponent();
+        }
+    }
+    /**
+     * Emit onToggleButtonClicked event when a toggle button is selected.
+     * @param {ToggleButton} selected -Selected toggle button object.
+     */
+    onToggleButtonSelect(selected) {
+        if (this.toggleButtons.length > 0) {
+            this.heading = selected?.label;
+        }
+        this.toggleButtonClicked.emit(selected);
+    }
+    /**
+     * Loads the component into the view container.
+     */
+    loadComponent() {
+        if (this.isComponentLoaded) {
+            this.componentRef.destroy();
+            this.componentContainer.clear();
+        }
+        this.componentRef = this.componentContainer.createComponent(this.componentReference);
+        if (this.componentReference === UserIdleSessionExpiryNotificationComponent) {
+            this.componentRef.instance.personalizedUserIdleSessionInfo =
+                this.modalData?.data2DynamicComponent;
+        }
+        this.isComponentLoaded = true;
+    }
+    /**
+     * Handles the confirmation event.
+     * @param {boolean} value - The confirmation value.
+     */
+    onConfirm(value) {
+        this.modalConfirm.emit(value);
+        this.dialogRef.close();
+    }
+    /**
+     * Returns dialog type
+     * @return {number} value-Dialog type enum
+     */
+    getModalType() {
+        return (this.modalType === ModalType.DIALOG ||
+            this.modalType === ModalType.CONTENT);
+    }
+    /**
+     * Cleans up resources when the component is destroyed.
+     */
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.componentRef = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ModalComponent, isStandalone: true, selector: "ieeesa-modal", viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"ieeesa-modal\">\r\n  <i\r\n    *ngIf=\"isCloseNeeded\"\r\n    class=\"ieeesa-modal__close-icon fa fa-close\"\r\n    [mat-dialog-close]=\"true\"\r\n  ></i>\r\n  <div mat-dialog-title class=\"ieeesa-modal-title px-0 m-0\">\r\n    <h4\r\n      class=\"ieeesa-modal-title__heading ieeesa-headline-sm-26 my-0\"\r\n      *ngIf=\"heading\"\r\n    >\r\n      <span>{{ heading }}</span>\r\n    </h4>\r\n    <p\r\n      class=\"ieeesa-modal-title__prompt-message ieeesa-headline-sm-26 m-0\"\r\n      *ngIf=\"promptMessage\"\r\n    >\r\n      <span>{{ promptMessage }}</span>\r\n    </p>\r\n    <p\r\n      class=\"ieeesa-modal-title__sub-heading ieeesa-title-md-18 text-left m-0\"\r\n      *ngIf=\"subHeading\"\r\n    >\r\n      {{ subHeading }}\r\n    </p>\r\n    <ieeesa-toggle-button\r\n      *ngIf=\"toggleButtons && toggleButtons.length > 0\"\r\n      class=\"float-end\"\r\n      [buttons]=\"toggleButtons\"\r\n      (toggleSelected)=\"onToggleButtonSelect($event)\"\r\n    ></ieeesa-toggle-button>\r\n  </div>\r\n  <div mat-dialog-content class=\"ieeesa-label-lg-16 px-0\">\r\n    <ng-container #componentContainer></ng-container>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex justify-content-end p-0 flex-nowrap\"\r\n    *ngIf=\"getModalType()\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-secondary-button align-self-stretch\"\r\n      (click)=\"onConfirm(false)\"\r\n    >\r\n      {{leftButtonLabel}}\r\n    </button>\r\n    <button\r\n      mat-button\r\n      class=\"mat-primary-button align-self-stretch\"\r\n      (click)=\"onConfirm(true)\"\r\n    >\r\n      {{rightButtonLabel}}\r\n    </button>\r\n  </div>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-modal-dialog .mat-mdc-dialog-container{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;border-radius:.375em}.ieeesa-modal-dialog .ieeesa-modal{padding:1.5em}.ieeesa-modal-dialog .ieeesa-modal__close-icon{cursor:pointer;position:absolute;top:20px;right:20px;width:.875em;height:.875em;color:#1c1b1f;z-index:99}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading{display:inline-block;margin-right:1rem}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__prompt-message,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__sub-heading{padding-bottom:1rem;color:#1c1b1f}.ieeesa-modal-dialog .ieeesa-modal .mdc-dialog__title:before{height:28px}.ieeesa-modal-dialog .ieeesa-modal .mat-mdc-dialog-content{color:#49454f;letter-spacing:.015625em;clear:both;padding:1.5em 0}.ieeesa-modal-dialog .ieeesa-modal .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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: ToggleButtonComponent, selector: "ieeesa-toggle-button", inputs: ["selectedLabel", "buttons"], outputs: ["toggleSelected"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-modal', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        ToggleButtonComponent,
+                        MatDialogModule,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-modal\">\r\n  <i\r\n    *ngIf=\"isCloseNeeded\"\r\n    class=\"ieeesa-modal__close-icon fa fa-close\"\r\n    [mat-dialog-close]=\"true\"\r\n  ></i>\r\n  <div mat-dialog-title class=\"ieeesa-modal-title px-0 m-0\">\r\n    <h4\r\n      class=\"ieeesa-modal-title__heading ieeesa-headline-sm-26 my-0\"\r\n      *ngIf=\"heading\"\r\n    >\r\n      <span>{{ heading }}</span>\r\n    </h4>\r\n    <p\r\n      class=\"ieeesa-modal-title__prompt-message ieeesa-headline-sm-26 m-0\"\r\n      *ngIf=\"promptMessage\"\r\n    >\r\n      <span>{{ promptMessage }}</span>\r\n    </p>\r\n    <p\r\n      class=\"ieeesa-modal-title__sub-heading ieeesa-title-md-18 text-left m-0\"\r\n      *ngIf=\"subHeading\"\r\n    >\r\n      {{ subHeading }}\r\n    </p>\r\n    <ieeesa-toggle-button\r\n      *ngIf=\"toggleButtons && toggleButtons.length > 0\"\r\n      class=\"float-end\"\r\n      [buttons]=\"toggleButtons\"\r\n      (toggleSelected)=\"onToggleButtonSelect($event)\"\r\n    ></ieeesa-toggle-button>\r\n  </div>\r\n  <div mat-dialog-content class=\"ieeesa-label-lg-16 px-0\">\r\n    <ng-container #componentContainer></ng-container>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex justify-content-end p-0 flex-nowrap\"\r\n    *ngIf=\"getModalType()\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-secondary-button align-self-stretch\"\r\n      (click)=\"onConfirm(false)\"\r\n    >\r\n      {{leftButtonLabel}}\r\n    </button>\r\n    <button\r\n      mat-button\r\n      class=\"mat-primary-button align-self-stretch\"\r\n      (click)=\"onConfirm(true)\"\r\n    >\r\n      {{rightButtonLabel}}\r\n    </button>\r\n  </div>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-modal-dialog .mat-mdc-dialog-container{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;border-radius:.375em}.ieeesa-modal-dialog .ieeesa-modal{padding:1.5em}.ieeesa-modal-dialog .ieeesa-modal__close-icon{cursor:pointer;position:absolute;top:20px;right:20px;width:.875em;height:.875em;color:#1c1b1f;z-index:99}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading{display:inline-block;margin-right:1rem}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__prompt-message,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__sub-heading{padding-bottom:1rem;color:#1c1b1f}.ieeesa-modal-dialog .ieeesa-modal .mdc-dialog__title:before{height:28px}.ieeesa-modal-dialog .ieeesa-modal .mat-mdc-dialog-content{color:#49454f;letter-spacing:.015625em;clear:both;padding:1.5em 0}.ieeesa-modal-dialog .ieeesa-modal .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { componentContainer: [{
+                type: ViewChild,
+                args: ['componentContainer', { read: ViewContainerRef, static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLE1BQU0sRUFHTixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLGVBQWUsRUFDZixlQUFlLEdBRWhCLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFDTCwwQ0FBMEMsR0FDM0MsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDOUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0RBQXdELENBQUM7Ozs7O0FBRy9GOzs7Ozs7R0FNRztBQWNILE1BQU0sT0FBTyxjQUFjO0lBbUJ6QjtJQUNFLDBDQUEwQztJQUNuQyxTQUF1QztJQUM5Qyw4RUFBOEU7SUFDOUMsU0FBYyxDQUFDLG1GQUFtRjs7UUFGM0gsY0FBUyxHQUFULFNBQVMsQ0FBOEI7UUFFZCxjQUFTLEdBQVQsU0FBUyxDQUFLO1FBbEJoRCx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3pDLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFLdEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBTy9CLENBQUM7SUFFSjs7O09BR0c7SUFDSCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUN2QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDO1FBQzdDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7UUFDbkQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLGVBQWUsQ0FBQztRQUN2RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxnQkFBZ0IsQ0FBQztRQUN6RCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLGtCQUFrQixDQUFDO1FBQzdELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDM0MsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUMzQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsb0JBQW9CLENBQUMsUUFBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLEVBQUUsS0FBSyxDQUFDO1NBQ2hDO1FBQ0QsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDakM7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQ3pELElBQUksQ0FBQyxrQkFBa0IsQ0FDeEIsQ0FBQztRQUNGLElBQ0UsSUFBSSxDQUFDLGtCQUFrQixLQUFLLDBDQUEwQyxFQUN0RTtZQUNBLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLCtCQUErQjtnQkFDeEQsSUFBSSxDQUFDLFNBQVMsRUFBRSxxQkFBcUIsQ0FBQztTQUN6QztRQUNELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVEOzs7T0FHRztJQUNILFNBQVMsQ0FBQyxLQUFjO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVEOzs7T0FHRztJQUNILFlBQVk7UUFDVixPQUFPLENBQ0wsSUFBSSxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUMsTUFBTTtZQUNuQyxJQUFJLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxPQUFPLENBQ3JDLENBQUM7SUFDSixDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDNUIsOERBQThEO1lBQzlELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBVyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs4R0F6R1UsY0FBYyw4Q0F1QmYsZUFBZTtrR0F2QmQsY0FBYyw2S0FDZ0IsZ0JBQWdCLDJDQzlDM0QsbXBEQXVETSxtOUxEbkJGLFlBQVksa0lBQ1osZUFBZSw0UUFDZixxQkFBcUIsbUlBQ3JCLGVBQWU7OzJGQU1OLGNBQWM7a0JBYjFCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixlQUFlO3FCQUNoQixpQkFHYyxpQkFBaUIsQ0FBQyxJQUFJOzswQkF5QmxDLE1BQU07MkJBQUMsZUFBZTs0Q0FyQnpCLGtCQUFrQjtzQkFEakIsU0FBUzt1QkFBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29tcG9uZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbmplY3QsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0NvbnRhaW5lclJlZixcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBNQVRfRElBTE9HX0RBVEEsXHJcbiAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gIE1hdERpYWxvZ1JlZixcclxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQge1xyXG4gIFVzZXJJZGxlU2Vzc2lvbkV4cGlyeU5vdGlmaWNhdGlvbkNvbXBvbmVudCxcclxufSBmcm9tICdAaWVlZXNhLW5wbS9mZWF0dXJlJztcclxuaW1wb3J0eyBNb2RhbFR5cGUgfSBmcm9tICdAaWVlZXNhLW5wbS91dGlsaXR5J1xyXG5pbXBvcnQgeyBUb2dnbGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3RvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb2dnbGVCdXR0b24gfSBmcm9tICcuLi8uLi9tb2RlbHMvdG9nZ2xlLWJ1dHRvbi5tb2RlbCc7XHJcblxyXG4vKipcclxuICogVGhpcyBjb21wb25lbnQgZW5jYXBzdWxhdGVzIHRoZSBmdW5jdGlvbmFsaXR5IG9mIGEgbW9kYWwgZGlhbG9nIGFuZCBpbXBsZW1lbnRzIHJldXNhYmxlIGNvbnRlbnRzIHBhcnQgb2YgdGhlIG1vZGFsIGNvbXBvbmVudHMgc3VjaCBhcyB0ZXh0IGNvbnRlbnQsIGxvYWRpbmcgYW5vdGhlciBjb21wb25lbnQgaW50byB0aGUgbW9kYWwgYW5kIGVtaXR0aW5nIG1vZGFsIGV2ZW50cyB0byBjb25zdW1lZCBjb21wb25lbnQuXHJcbiAqIEl0IHV0aWxpemVzIEFuZ3VsYXIgTWF0ZXJpYWwncyBNYXREaWFsb2cgbW9kdWxlIHRvIGRpc3BsYXkgdGhlIG1vZGFsIGRpYWxvZy5cclxuICogQHVzYWdlTm90ZXMgLVBhc3MgTW9kYWxDb21wb25lbnQgYW5kIGRhdGEgb3B0aW9ucyBhcyBwYXJhbWV0ZXJzIHRvIE1hdERpYWxvZyBvcGVuIG1ldGhvZCBhcyBnaXZlbiBiZWxvd1xyXG4gdGhpcy5kaWFsb2cub3BlbihDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQsIHtkYXRhOiB7fX0pXHJcbiAqIEBjbGFzcyBNb2RhbENvbXBvbmVudFxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpZWVlc2EtbW9kYWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgVG9nZ2xlQnV0dG9uQ29tcG9uZW50LFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBAVmlld0NoaWxkKCdjb21wb25lbnRDb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogdHJ1ZSB9KVxyXG4gIGNvbXBvbmVudENvbnRhaW5lciE6IFZpZXdDb250YWluZXJSZWY7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICBjb21wb25lbnRSZWYhOiBDb21wb25lbnRSZWY8YW55PjtcclxuICB0b2dnbGVCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGlzQ29tcG9uZW50TG9hZGVkID0gZmFsc2U7XHJcbiAgaGVhZGluZyA9ICcnO1xyXG4gIHN1YkhlYWRpbmcgPSAnJztcclxuICBwcm9tcHRNZXNzYWdlID0gJyc7XHJcbiAgbGVmdEJ1dHRvbkxhYmVsID0gJyc7XHJcbiAgcmlnaHRCdXR0b25MYWJlbCA9ICcnO1xyXG4gIHRvZ2dsZUJ1dHRvbnMhOiBUb2dnbGVCdXR0b25bXTtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIGNvbXBvbmVudFJlZmVyZW5jZTogYW55O1xyXG4gIG1vZGFsVHlwZSE6IE1vZGFsVHlwZTtcclxuICBpc0Nsb3NlTmVlZGVkID0gZmFsc2U7XHJcbiAgbW9kYWxDb25maXJtID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bnVzZWQtdmFyc1xyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE1vZGFsQ29tcG9uZW50PixcclxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bnVzZWQtdmFycywgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBtb2RhbERhdGE6IGFueSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tZW1wdHktZnVuY3Rpb24sIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvblxyXG4gICkge31cclxuXHJcbiAgLyoqXHJcbiAgICogSW5pdGlhbGl6ZXMgdGhlIGNvbXBvbmVudC5cclxuICAgKiBAcmV0dXJuIC1yZXR1cm5zIG5vdGhpbmdcclxuICAgKi9cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaGVhZGluZyA9IHRoaXMubW9kYWxEYXRhPy5oZWFkaW5nO1xyXG4gICAgdGhpcy5zdWJIZWFkaW5nID0gdGhpcy5tb2RhbERhdGE/LnN1YkhlYWRpbmc7XHJcbiAgICB0aGlzLnByb21wdE1lc3NhZ2UgPSB0aGlzLm1vZGFsRGF0YT8ucHJvbXB0TWVzc2FnZTtcclxuICAgIHRoaXMubGVmdEJ1dHRvbkxhYmVsID0gdGhpcy5tb2RhbERhdGE/LmxlZnRCdXR0b25MYWJlbDtcclxuICAgIHRoaXMucmlnaHRCdXR0b25MYWJlbCA9IHRoaXMubW9kYWxEYXRhPy5yaWdodEJ1dHRvbkxhYmVsO1xyXG4gICAgdGhpcy50b2dnbGVCdXR0b25zID0gdGhpcy5tb2RhbERhdGE/LnRvZ2dsZUJ1dHRvbnM7XHJcbiAgICB0aGlzLmNvbXBvbmVudFJlZmVyZW5jZSA9IHRoaXMubW9kYWxEYXRhPy5jb21wb25lbnRSZWZlcmVuY2U7XHJcbiAgICB0aGlzLm1vZGFsVHlwZSA9IHRoaXMubW9kYWxEYXRhPy5tb2RhbFR5cGU7XHJcbiAgICB0aGlzLmlzQ2xvc2VOZWVkZWQgPSB0aGlzLm1vZGFsRGF0YT8uaXNDbG9zZU5lZWRlZDtcclxuICAgIGlmICh0aGlzLmNvbXBvbmVudFJlZmVyZW5jZSkge1xyXG4gICAgICB0aGlzLmxvYWRDb21wb25lbnQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEVtaXQgb25Ub2dnbGVCdXR0b25DbGlja2VkIGV2ZW50IHdoZW4gYSB0b2dnbGUgYnV0dG9uIGlzIHNlbGVjdGVkLlxyXG4gICAqIEBwYXJhbSB7VG9nZ2xlQnV0dG9ufSBzZWxlY3RlZCAtU2VsZWN0ZWQgdG9nZ2xlIGJ1dHRvbiBvYmplY3QuXHJcbiAgICovXHJcbiAgb25Ub2dnbGVCdXR0b25TZWxlY3Qoc2VsZWN0ZWQ6IFRvZ2dsZUJ1dHRvbikge1xyXG4gICAgaWYgKHRoaXMudG9nZ2xlQnV0dG9ucy5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMuaGVhZGluZyA9IHNlbGVjdGVkPy5sYWJlbDtcclxuICAgIH1cclxuICAgIHRoaXMudG9nZ2xlQnV0dG9uQ2xpY2tlZC5lbWl0KHNlbGVjdGVkKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIExvYWRzIHRoZSBjb21wb25lbnQgaW50byB0aGUgdmlldyBjb250YWluZXIuXHJcbiAgICovXHJcbiAgbG9hZENvbXBvbmVudCgpIHtcclxuICAgIGlmICh0aGlzLmlzQ29tcG9uZW50TG9hZGVkKSB7XHJcbiAgICAgIHRoaXMuY29tcG9uZW50UmVmLmRlc3Ryb3koKTtcclxuICAgICAgdGhpcy5jb21wb25lbnRDb250YWluZXIuY2xlYXIoKTtcclxuICAgIH1cclxuICAgIHRoaXMuY29tcG9uZW50UmVmID0gdGhpcy5jb21wb25lbnRDb250YWluZXIuY3JlYXRlQ29tcG9uZW50KFxyXG4gICAgICB0aGlzLmNvbXBvbmVudFJlZmVyZW5jZVxyXG4gICAgKTtcclxuICAgIGlmIChcclxuICAgICAgdGhpcy5jb21wb25lbnRSZWZlcmVuY2UgPT09IFVzZXJJZGxlU2Vzc2lvbkV4cGlyeU5vdGlmaWNhdGlvbkNvbXBvbmVudFxyXG4gICAgKSB7XHJcbiAgICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLnBlcnNvbmFsaXplZFVzZXJJZGxlU2Vzc2lvbkluZm8gPVxyXG4gICAgICAgIHRoaXMubW9kYWxEYXRhPy5kYXRhMkR5bmFtaWNDb21wb25lbnQ7XHJcbiAgICB9XHJcbiAgICB0aGlzLmlzQ29tcG9uZW50TG9hZGVkID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhhbmRsZXMgdGhlIGNvbmZpcm1hdGlvbiBldmVudC5cclxuICAgKiBAcGFyYW0ge2Jvb2xlYW59IHZhbHVlIC0gVGhlIGNvbmZpcm1hdGlvbiB2YWx1ZS5cclxuICAgKi9cclxuICBvbkNvbmZpcm0odmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMubW9kYWxDb25maXJtLmVtaXQodmFsdWUpO1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJldHVybnMgZGlhbG9nIHR5cGVcclxuICAgKiBAcmV0dXJuIHtudW1iZXJ9IHZhbHVlLURpYWxvZyB0eXBlIGVudW1cclxuICAgKi9cclxuICBnZXRNb2RhbFR5cGUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gKFxyXG4gICAgICB0aGlzLm1vZGFsVHlwZSA9PT0gTW9kYWxUeXBlLkRJQUxPRyB8fFxyXG4gICAgICB0aGlzLm1vZGFsVHlwZSA9PT0gTW9kYWxUeXBlLkNPTlRFTlRcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBDbGVhbnMgdXAgcmVzb3VyY2VzIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBkZXN0cm95ZWQuXHJcbiAgICovXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICBpZiAodGhpcy5jb21wb25lbnRSZWYpIHtcclxuICAgICAgdGhpcy5jb21wb25lbnRSZWYuZGVzdHJveSgpO1xyXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gICAgICB0aGlzLmNvbXBvbmVudFJlZiA9IG51bGwgYXMgYW55O1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaWVlZXNhLW1vZGFsXCI+XHJcbiAgPGlcclxuICAgICpuZ0lmPVwiaXNDbG9zZU5lZWRlZFwiXHJcbiAgICBjbGFzcz1cImllZWVzYS1tb2RhbF9fY2xvc2UtaWNvbiBmYSBmYS1jbG9zZVwiXHJcbiAgICBbbWF0LWRpYWxvZy1jbG9zZV09XCJ0cnVlXCJcclxuICA+PC9pPlxyXG4gIDxkaXYgbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImllZWVzYS1tb2RhbC10aXRsZSBweC0wIG0tMFwiPlxyXG4gICAgPGg0XHJcbiAgICAgIGNsYXNzPVwiaWVlZXNhLW1vZGFsLXRpdGxlX19oZWFkaW5nIGllZWVzYS1oZWFkbGluZS1zbS0yNiBteS0wXCJcclxuICAgICAgKm5nSWY9XCJoZWFkaW5nXCJcclxuICAgID5cclxuICAgICAgPHNwYW4+e3sgaGVhZGluZyB9fTwvc3Bhbj5cclxuICAgIDwvaDQ+XHJcbiAgICA8cFxyXG4gICAgICBjbGFzcz1cImllZWVzYS1tb2RhbC10aXRsZV9fcHJvbXB0LW1lc3NhZ2UgaWVlZXNhLWhlYWRsaW5lLXNtLTI2IG0tMFwiXHJcbiAgICAgICpuZ0lmPVwicHJvbXB0TWVzc2FnZVwiXHJcbiAgICA+XHJcbiAgICAgIDxzcGFuPnt7IHByb21wdE1lc3NhZ2UgfX08L3NwYW4+XHJcbiAgICA8L3A+XHJcbiAgICA8cFxyXG4gICAgICBjbGFzcz1cImllZWVzYS1tb2RhbC10aXRsZV9fc3ViLWhlYWRpbmcgaWVlZXNhLXRpdGxlLW1kLTE4IHRleHQtbGVmdCBtLTBcIlxyXG4gICAgICAqbmdJZj1cInN1YkhlYWRpbmdcIlxyXG4gICAgPlxyXG4gICAgICB7eyBzdWJIZWFkaW5nIH19XHJcbiAgICA8L3A+XHJcbiAgICA8aWVlZXNhLXRvZ2dsZS1idXR0b25cclxuICAgICAgKm5nSWY9XCJ0b2dnbGVCdXR0b25zICYmIHRvZ2dsZUJ1dHRvbnMubGVuZ3RoID4gMFwiXHJcbiAgICAgIGNsYXNzPVwiZmxvYXQtZW5kXCJcclxuICAgICAgW2J1dHRvbnNdPVwidG9nZ2xlQnV0dG9uc1wiXHJcbiAgICAgICh0b2dnbGVTZWxlY3RlZCk9XCJvblRvZ2dsZUJ1dHRvblNlbGVjdCgkZXZlbnQpXCJcclxuICAgID48L2llZWVzYS10b2dnbGUtYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgbWF0LWRpYWxvZy1jb250ZW50IGNsYXNzPVwiaWVlZXNhLWxhYmVsLWxnLTE2IHB4LTBcIj5cclxuICAgIDxuZy1jb250YWluZXIgI2NvbXBvbmVudENvbnRhaW5lcj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICA8ZGl2XHJcbiAgICBtYXQtZGlhbG9nLWFjdGlvbnNcclxuICAgIGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1lbmQgcC0wIGZsZXgtbm93cmFwXCJcclxuICAgICpuZ0lmPVwiZ2V0TW9kYWxUeXBlKClcIlxyXG4gID5cclxuICAgIDxidXR0b25cclxuICAgICAgbWF0LWJ1dHRvblxyXG4gICAgICBjbGFzcz1cIm1hdC1zZWNvbmRhcnktYnV0dG9uIGFsaWduLXNlbGYtc3RyZXRjaFwiXHJcbiAgICAgIChjbGljayk9XCJvbkNvbmZpcm0oZmFsc2UpXCJcclxuICAgID5cclxuICAgICAge3tsZWZ0QnV0dG9uTGFiZWx9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIG1hdC1idXR0b25cclxuICAgICAgY2xhc3M9XCJtYXQtcHJpbWFyeS1idXR0b24gYWxpZ24tc2VsZi1zdHJldGNoXCJcclxuICAgICAgKGNsaWNrKT1cIm9uQ29uZmlybSh0cnVlKVwiXHJcbiAgICA+XHJcbiAgICAgIHt7cmlnaHRCdXR0b25MYWJlbH19XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/toggle-button/toggle-button.component.mjs

@@ -0,0 +1,66 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { MatButtonToggleModule } from "@angular/material/button-toggle";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button-toggle";
+/**
+ * ToggleButtonComponent allows users to select toggle between group of buttons.
+ * The component takes an array of ToggleButton objects as an input, where each object contains id, label and isDisabled property. Default the first button is selected when selectedLabel is not provided.
+ * @class ToggleButtonComponent
+ * @implements {OnInit}
+ */
+export class ToggleButtonComponent {
+    constructor() {
+        /**
+         * Label of the selected button. Default is an empty string.
+         * @type {string}
+         */
+        this.selectedLabel = "";
+        /**
+         * Event emitter that emits the selected ToggleButton object when a button is clicked.
+         * @type {EventEmitter<ToggleButton>}
+         */
+        this.toggleSelected = new EventEmitter();
+    }
+    /**
+     * By default, the first button in a group is selected when selectedLabel is not provided.
+     * @return -returns nothing
+     */
+    ngOnInit() {
+        this.selectedLabel = !this.selectedLabel
+            ? this.buttons[0]?.label
+            : this.selectedLabel;
+    }
+    /**
+     * Updates the selectedLabel with the clicked button label and emits the toggleSelected event with the selected ToggleButton object.
+     * @param {ToggleButton} button -Selected ToggleButton object.
+     * @return -returns nothing
+     */
+    toggleButtonClicked(button) {
+        this.selectedLabel = button.label;
+        this.toggleSelected.emit(button);
+    }
+    /**
+     * TrackByFunction is called for each item in the collection and return a unique identifier for that item.
+     * @param {number} index -The index of the current item in the collection.
+     * @param {ToggleButton} button -The current button object from the collection being iterated.
+     * @return {number} -returns number
+     */
+    trackByFn(index, button) {
+        return button.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ToggleButtonComponent, isStandalone: true, selector: "ieeesa-toggle-button", inputs: { selectedLabel: "selectedLabel", buttons: "buttons" }, outputs: { toggleSelected: "toggleSelected" }, ngImport: i0, template: "<mat-button-toggle-group\r\n  class=\"ieeesa-toggle-btn-group\"\r\n  [value]=\"selectedLabel\"\r\n>\r\n  <mat-button-toggle\r\n    class=\"ieeesa-toggle-btn-group__button\"\r\n    *ngFor=\"let button of buttons; trackBy:trackByFn\"\r\n    [value]=\"button.label\"\r\n    [disabled]=\"button?.isDisabled ? button.isDisabled : false\"\r\n    (change)=\"toggleButtonClicked(button)\"\r\n  >\r\n    {{ button.label }}\r\n  </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-toggle-btn-group{border:none}.ieeesa-toggle-btn-group__button{border:1px solid #79747e;height:2.5em;display:flex;align-items:center}.ieeesa-toggle-btn-group__button:first-of-type{border-top-left-radius:1.25em;border-bottom-left-radius:1.25em}.ieeesa-toggle-btn-group__button:last-of-type{border-top-right-radius:1.25em;border-bottom-right-radius:1.25em}.ieeesa-toggle-btn-group__button button{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ieeesa-toggle-button", standalone: true, imports: [CommonModule, MatButtonToggleModule], template: "<mat-button-toggle-group\r\n  class=\"ieeesa-toggle-btn-group\"\r\n  [value]=\"selectedLabel\"\r\n>\r\n  <mat-button-toggle\r\n    class=\"ieeesa-toggle-btn-group__button\"\r\n    *ngFor=\"let button of buttons; trackBy:trackByFn\"\r\n    [value]=\"button.label\"\r\n    [disabled]=\"button?.isDisabled ? button.isDisabled : false\"\r\n    (change)=\"toggleButtonClicked(button)\"\r\n  >\r\n    {{ button.label }}\r\n  </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-toggle-btn-group{border:none}.ieeesa-toggle-btn-group__button{border:1px solid #79747e;height:2.5em;display:flex;align-items:center}.ieeesa-toggle-btn-group__button:first-of-type{border-top-left-radius:1.25em;border-bottom-left-radius:1.25em}.ieeesa-toggle-btn-group__button:last-of-type{border-top-right-radius:1.25em;border-bottom-right-radius:1.25em}.ieeesa-toggle-btn-group__button button{display:flex}\n"] }]
+        }], propDecorators: { selectedLabel: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], toggleSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3RvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3RvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7OztBQUd4RTs7Ozs7R0FLRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRRTs7O1dBR0c7UUFDTSxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQU81Qjs7O1dBR0c7UUFDTyxtQkFBYyxHQUErQixJQUFJLFlBQVksRUFFcEUsQ0FBQztLQThCTDtJQTVCQzs7O09BR0c7SUFDSCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhO1lBQ3RDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUs7WUFDeEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDekIsQ0FBQztJQUNEOzs7O09BSUc7SUFDSCxtQkFBbUIsQ0FBQyxNQUFvQjtRQUN0QyxJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsU0FBUyxDQUFDLEtBQWEsRUFBRSxNQUFvQjtRQUMzQyxPQUFPLE1BQU0sQ0FBQyxFQUFFLENBQUM7SUFDbkIsQ0FBQzs4R0EvQ1UscUJBQXFCO2tHQUFyQixxQkFBcUIsK0xDbEJsQyx1ZEFhMEIsNDRLRENkLFlBQVksMkpBQUUscUJBQXFCOzsyRkFJbEMscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLENBQUM7OEJBU3JDLGFBQWE7c0JBQXJCLEtBQUs7Z0JBTUcsT0FBTztzQkFBZixLQUFLO2dCQUtJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZVwiO1xyXG5pbXBvcnQgeyBUb2dnbGVCdXR0b24gfSBmcm9tIFwiLi4vLi4vbW9kZWxzL3RvZ2dsZS1idXR0b24ubW9kZWxcIjtcclxuXHJcbi8qKlxyXG4gKiBUb2dnbGVCdXR0b25Db21wb25lbnQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCB0b2dnbGUgYmV0d2VlbiBncm91cCBvZiBidXR0b25zLlxyXG4gKiBUaGUgY29tcG9uZW50IHRha2VzIGFuIGFycmF5IG9mIFRvZ2dsZUJ1dHRvbiBvYmplY3RzIGFzIGFuIGlucHV0LCB3aGVyZSBlYWNoIG9iamVjdCBjb250YWlucyBpZCwgbGFiZWwgYW5kIGlzRGlzYWJsZWQgcHJvcGVydHkuIERlZmF1bHQgdGhlIGZpcnN0IGJ1dHRvbiBpcyBzZWxlY3RlZCB3aGVuIHNlbGVjdGVkTGFiZWwgaXMgbm90IHByb3ZpZGVkLlxyXG4gKiBAY2xhc3MgVG9nZ2xlQnV0dG9uQ29tcG9uZW50XHJcbiAqIEBpbXBsZW1lbnRzIHtPbkluaXR9XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJpZWVlc2EtdG9nZ2xlLWJ1dHRvblwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqXHJcbiAgICogTGFiZWwgb2YgdGhlIHNlbGVjdGVkIGJ1dHRvbi4gRGVmYXVsdCBpcyBhbiBlbXB0eSBzdHJpbmcuXHJcbiAgICogQHR5cGUge3N0cmluZ31cclxuICAgKi9cclxuICBASW5wdXQoKSBzZWxlY3RlZExhYmVsID0gXCJcIjtcclxuICAvKipcclxuICAgKiBBbiBhcnJheSBvZiBUb2dnbGVCdXR0b24gb2JqZWN0cyB0aGF0IHJlcHJlc2VudCB0aGUgYnV0dG9ucyBpbiB0aGUgdG9nZ2xlIGdyb3VwLlxyXG4gICAqIEVhY2ggVG9nZ2xlQnV0dG9uIG9iamVjdCBtdXN0IGhhdmUgcHJvcGVydGllczogaWQsIGxhYmVsLCBhbmQgaXNEaXNhYmxlZC5cclxuICAgKiBAdHlwZSB7VG9nZ2xlQnV0dG9uW119XHJcbiAgICovXHJcbiAgQElucHV0KCkgYnV0dG9ucyE6IFRvZ2dsZUJ1dHRvbltdO1xyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGVtaXR0ZXIgdGhhdCBlbWl0cyB0aGUgc2VsZWN0ZWQgVG9nZ2xlQnV0dG9uIG9iamVjdCB3aGVuIGEgYnV0dG9uIGlzIGNsaWNrZWQuXHJcbiAgICogQHR5cGUge0V2ZW50RW1pdHRlcjxUb2dnbGVCdXR0b24+fVxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSB0b2dnbGVTZWxlY3RlZDogRXZlbnRFbWl0dGVyPFRvZ2dsZUJ1dHRvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPFxyXG4gICAgVG9nZ2xlQnV0dG9uXHJcbiAgPigpO1xyXG5cclxuICAvKipcclxuICAgKiBCeSBkZWZhdWx0LCB0aGUgZmlyc3QgYnV0dG9uIGluIGEgZ3JvdXAgaXMgc2VsZWN0ZWQgd2hlbiBzZWxlY3RlZExhYmVsIGlzIG5vdCBwcm92aWRlZC5cclxuICAgKiBAcmV0dXJuIC1yZXR1cm5zIG5vdGhpbmdcclxuICAgKi9cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9ICF0aGlzLnNlbGVjdGVkTGFiZWxcclxuICAgICAgPyB0aGlzLmJ1dHRvbnNbMF0/LmxhYmVsXHJcbiAgICAgIDogdGhpcy5zZWxlY3RlZExhYmVsO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBVcGRhdGVzIHRoZSBzZWxlY3RlZExhYmVsIHdpdGggdGhlIGNsaWNrZWQgYnV0dG9uIGxhYmVsIGFuZCBlbWl0cyB0aGUgdG9nZ2xlU2VsZWN0ZWQgZXZlbnQgd2l0aCB0aGUgc2VsZWN0ZWQgVG9nZ2xlQnV0dG9uIG9iamVjdC5cclxuICAgKiBAcGFyYW0ge1RvZ2dsZUJ1dHRvbn0gYnV0dG9uIC1TZWxlY3RlZCBUb2dnbGVCdXR0b24gb2JqZWN0LlxyXG4gICAqIEByZXR1cm4gLXJldHVybnMgbm90aGluZ1xyXG4gICAqL1xyXG4gIHRvZ2dsZUJ1dHRvbkNsaWNrZWQoYnV0dG9uOiBUb2dnbGVCdXR0b24pOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9IGJ1dHRvbi5sYWJlbDtcclxuICAgIHRoaXMudG9nZ2xlU2VsZWN0ZWQuZW1pdChidXR0b24pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVHJhY2tCeUZ1bmN0aW9uIGlzIGNhbGxlZCBmb3IgZWFjaCBpdGVtIGluIHRoZSBjb2xsZWN0aW9uIGFuZCByZXR1cm4gYSB1bmlxdWUgaWRlbnRpZmllciBmb3IgdGhhdCBpdGVtLlxyXG4gICAqIEBwYXJhbSB7bnVtYmVyfSBpbmRleCAtVGhlIGluZGV4IG9mIHRoZSBjdXJyZW50IGl0ZW0gaW4gdGhlIGNvbGxlY3Rpb24uXHJcbiAgICogQHBhcmFtIHtUb2dnbGVCdXR0b259IGJ1dHRvbiAtVGhlIGN1cnJlbnQgYnV0dG9uIG9iamVjdCBmcm9tIHRoZSBjb2xsZWN0aW9uIGJlaW5nIGl0ZXJhdGVkLlxyXG4gICAqIEByZXR1cm4ge251bWJlcn0gLXJldHVybnMgbnVtYmVyXHJcbiAgICovXHJcbiAgdHJhY2tCeUZuKGluZGV4OiBudW1iZXIsIGJ1dHRvbjogVG9nZ2xlQnV0dG9uKTogbnVtYmVyIHtcclxuICAgIHJldHVybiBidXR0b24uaWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtYnV0dG9uLXRvZ2dsZS1ncm91cFxyXG4gIGNsYXNzPVwiaWVlZXNhLXRvZ2dsZS1idG4tZ3JvdXBcIlxyXG4gIFt2YWx1ZV09XCJzZWxlY3RlZExhYmVsXCJcclxuPlxyXG4gIDxtYXQtYnV0dG9uLXRvZ2dsZVxyXG4gICAgY2xhc3M9XCJpZWVlc2EtdG9nZ2xlLWJ0bi1ncm91cF9fYnV0dG9uXCJcclxuICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uczsgdHJhY2tCeTp0cmFja0J5Rm5cIlxyXG4gICAgW3ZhbHVlXT1cImJ1dHRvbi5sYWJlbFwiXHJcbiAgICBbZGlzYWJsZWRdPVwiYnV0dG9uPy5pc0Rpc2FibGVkID8gYnV0dG9uLmlzRGlzYWJsZWQgOiBmYWxzZVwiXHJcbiAgICAoY2hhbmdlKT1cInRvZ2dsZUJ1dHRvbkNsaWNrZWQoYnV0dG9uKVwiXHJcbiAgPlxyXG4gICAge3sgYnV0dG9uLmxhYmVsIH19XHJcbiAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cclxuPC9tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cD4iXX0=

package/esm2022/public-api.mjs

@@ -17,6 +17,8 @@ export * from './lib/components/select/select.component';
 export * from './lib/components/header/header.component';
 export * from './lib/components/footer/footer.component';
 export * from './lib/components/navigation-menu/navigation-menu.component';
+export * from './lib/components/modal/modal.component';
+export * from './lib/components/toggle-button/toggle-button.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/models/field-config.model';
 export * from './lib/models/form-field.model';
@@ -40,4 +42,4 @@ export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/services/datepicker.service';
 export * from './lib/presentation.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNERBQTRELENBQUM7QUFFM0UsY0FBYyxrRUFBa0UsQ0FBQztBQUVqRixjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsa0NBQWtDLENBQUM7QUFFakQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUVsRCxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHByZXNlbnRhdGlvblxyXG4gKi9cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vZHluYW1pYy1mb3JtLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvZHluYW1pYy1mb3JtLWZpZWxkL2R5bmFtaWMtZm9ybS1maWVsZC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0tZXJyb3IvZm9ybS1lcnJvci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbnB1dC9pbnB1dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9yYWRpby9yYWRpby5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyLWhlYWRlci9kYXRlLXBpY2tlci1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uLW1lbnUvbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2R5bmFtaWMtZm9ybS1maWVsZC9keW5hbWljLWZvcm0tZmllbGQuZGlyZWN0aXZlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9maWVsZC1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS1maWVsZC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWFyY2gubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VsZWN0LW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaGVja2JveC1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXV0b2NvbXBsZXRlLW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYWxlbmRhci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWFyY2gubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY29uZmlybWF0aW9uLW1vZGFsLWRhdGEubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZGF0ZS1waWNrZXIubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9vdGVyLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLWNvbnRyb2wtdHlwZXMubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS1ncmlkLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Zvcm0ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaGVhZGVyLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9uYXZpZ2F0aW9uLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdG9nZ2xlLWJ1dHRvbi5tb2RlbCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9mb3JtLXV0aWxpdHkuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2RhdGVwaWNrZXIuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2Zvcm0tdXRpbGl0eS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvZGF0ZXBpY2tlci5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByZXNlbnRhdGlvbi5tb2R1bGUnO1xyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHdEQUF3RCxDQUFDO0FBRXZFLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGtDQUFrQyxDQUFDO0FBRWpELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUNBQW1DLENBQUM7QUFFbEQsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwcmVzZW50YXRpb25cclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2R5bmFtaWMtZm9ybS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2R5bmFtaWMtZm9ybS1maWVsZC9keW5hbWljLWZvcm0tZmllbGQuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtLWVycm9yL2Zvcm0tZXJyb3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90ZXh0LWFyZWEvdGV4dC1hcmVhLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci1oZWFkZXIvZGF0ZS1waWNrZXItaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi1tZW51L25hdmlnYXRpb24tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdG9nZ2xlLWJ1dHRvbi90b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2R5bmFtaWMtZm9ybS1maWVsZC9keW5hbWljLWZvcm0tZmllbGQuZGlyZWN0aXZlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9maWVsZC1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS1maWVsZC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWFyY2gubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VsZWN0LW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaGVja2JveC1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXV0b2NvbXBsZXRlLW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYWxlbmRhci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWFyY2gubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY29uZmlybWF0aW9uLW1vZGFsLWRhdGEubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZGF0ZS1waWNrZXIubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9vdGVyLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLWNvbnRyb2wtdHlwZXMubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS1ncmlkLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Zvcm0ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaGVhZGVyLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9uYXZpZ2F0aW9uLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdG9nZ2xlLWJ1dHRvbi5tb2RlbCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9mb3JtLXV0aWxpdHkuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2RhdGVwaWNrZXIuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2Zvcm0tdXRpbGl0eS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvZGF0ZXBpY2tlci5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByZXNlbnRhdGlvbi5tb2R1bGUnO1xyXG4iXX0=

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, Injectable, EventEmitter, Output, ViewChild, Inject, ViewChildren, Directive, NgModule } from '@angular/core';
+import { Component, Input, ViewEncapsulation, Injectable, EventEmitter, Output, ViewChild, Inject, ViewChildren, Directive, ViewContainerRef, NgModule } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { ReactiveFormsModule, FormControl, FormsModule, Validators } from '@angular/forms';
 import * as i2 from '@angular/common';
@@ -40,6 +40,12 @@ import { MatDividerModule } from '@angular/material/divider';
 import * as i3$2 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { UserIdleSessionExpiryNotificationComponent } from '@ieeesa-npm/feature';
+import { ModalType } from '@ieeesa-npm/utility';
+import * as i2$4 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
 
 /**
  * Implements and displays form error messages and form submission error response message on submission of form.
@@ -2150,6 +2156,180 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 type: Input
             }] } });
 
+/**
+ * ToggleButtonComponent allows users to select toggle between group of buttons.
+ * The component takes an array of ToggleButton objects as an input, where each object contains id, label and isDisabled property. Default the first button is selected when selectedLabel is not provided.
+ * @class ToggleButtonComponent
+ * @implements {OnInit}
+ */
+class ToggleButtonComponent {
+    constructor() {
+        /**
+         * Label of the selected button. Default is an empty string.
+         * @type {string}
+         */
+        this.selectedLabel = "";
+        /**
+         * Event emitter that emits the selected ToggleButton object when a button is clicked.
+         * @type {EventEmitter<ToggleButton>}
+         */
+        this.toggleSelected = new EventEmitter();
+    }
+    /**
+     * By default, the first button in a group is selected when selectedLabel is not provided.
+     * @return -returns nothing
+     */
+    ngOnInit() {
+        this.selectedLabel = !this.selectedLabel
+            ? this.buttons[0]?.label
+            : this.selectedLabel;
+    }
+    /**
+     * Updates the selectedLabel with the clicked button label and emits the toggleSelected event with the selected ToggleButton object.
+     * @param {ToggleButton} button -Selected ToggleButton object.
+     * @return -returns nothing
+     */
+    toggleButtonClicked(button) {
+        this.selectedLabel = button.label;
+        this.toggleSelected.emit(button);
+    }
+    /**
+     * TrackByFunction is called for each item in the collection and return a unique identifier for that item.
+     * @param {number} index -The index of the current item in the collection.
+     * @param {ToggleButton} button -The current button object from the collection being iterated.
+     * @return {number} -returns number
+     */
+    trackByFn(index, button) {
+        return button.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ToggleButtonComponent, isStandalone: true, selector: "ieeesa-toggle-button", inputs: { selectedLabel: "selectedLabel", buttons: "buttons" }, outputs: { toggleSelected: "toggleSelected" }, ngImport: i0, template: "<mat-button-toggle-group\r\n  class=\"ieeesa-toggle-btn-group\"\r\n  [value]=\"selectedLabel\"\r\n>\r\n  <mat-button-toggle\r\n    class=\"ieeesa-toggle-btn-group__button\"\r\n    *ngFor=\"let button of buttons; trackBy:trackByFn\"\r\n    [value]=\"button.label\"\r\n    [disabled]=\"button?.isDisabled ? button.isDisabled : false\"\r\n    (change)=\"toggleButtonClicked(button)\"\r\n  >\r\n    {{ button.label }}\r\n  </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-toggle-btn-group{border:none}.ieeesa-toggle-btn-group__button{border:1px solid #79747e;height:2.5em;display:flex;align-items:center}.ieeesa-toggle-btn-group__button:first-of-type{border-top-left-radius:1.25em;border-bottom-left-radius:1.25em}.ieeesa-toggle-btn-group__button:last-of-type{border-top-right-radius:1.25em;border-bottom-right-radius:1.25em}.ieeesa-toggle-btn-group__button button{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i2$4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2$4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ieeesa-toggle-button", standalone: true, imports: [CommonModule, MatButtonToggleModule], template: "<mat-button-toggle-group\r\n  class=\"ieeesa-toggle-btn-group\"\r\n  [value]=\"selectedLabel\"\r\n>\r\n  <mat-button-toggle\r\n    class=\"ieeesa-toggle-btn-group__button\"\r\n    *ngFor=\"let button of buttons; trackBy:trackByFn\"\r\n    [value]=\"button.label\"\r\n    [disabled]=\"button?.isDisabled ? button.isDisabled : false\"\r\n    (change)=\"toggleButtonClicked(button)\"\r\n  >\r\n    {{ button.label }}\r\n  </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-toggle-btn-group{border:none}.ieeesa-toggle-btn-group__button{border:1px solid #79747e;height:2.5em;display:flex;align-items:center}.ieeesa-toggle-btn-group__button:first-of-type{border-top-left-radius:1.25em;border-bottom-left-radius:1.25em}.ieeesa-toggle-btn-group__button:last-of-type{border-top-right-radius:1.25em;border-bottom-right-radius:1.25em}.ieeesa-toggle-btn-group__button button{display:flex}\n"] }]
+        }], propDecorators: { selectedLabel: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], toggleSelected: [{
+                type: Output
+            }] } });
+
+/**
+ * This component encapsulates the functionality of a modal dialog and implements reusable contents part of the modal components such as text content, loading another component into the modal and emitting modal events to consumed component.
+ * It utilizes Angular Material's MatDialog module to display the modal dialog.
+ * @usageNotes -Pass ModalComponent and data options as parameters to MatDialog open method as given below
+ this.dialog.open(ConfirmationDialogComponent, {data: {}})
+ * @class ModalComponent
+ */
+class ModalComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dialogRef, 
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-explicit-any
+    modalData // eslint-disable-next-line no-empty-function, @typescript-eslint/no-empty-function
+    ) {
+        this.dialogRef = dialogRef;
+        this.modalData = modalData;
+        this.toggleButtonClicked = new EventEmitter();
+        this.isComponentLoaded = false;
+        this.heading = '';
+        this.subHeading = '';
+        this.promptMessage = '';
+        this.leftButtonLabel = '';
+        this.rightButtonLabel = '';
+        this.isCloseNeeded = false;
+        this.modalConfirm = new EventEmitter();
+    }
+    /**
+     * Initializes the component.
+     * @return -returns nothing
+     */
+    ngOnInit() {
+        this.heading = this.modalData?.heading;
+        this.subHeading = this.modalData?.subHeading;
+        this.promptMessage = this.modalData?.promptMessage;
+        this.leftButtonLabel = this.modalData?.leftButtonLabel;
+        this.rightButtonLabel = this.modalData?.rightButtonLabel;
+        this.toggleButtons = this.modalData?.toggleButtons;
+        this.componentReference = this.modalData?.componentReference;
+        this.modalType = this.modalData?.modalType;
+        this.isCloseNeeded = this.modalData?.isCloseNeeded;
+        if (this.componentReference) {
+            this.loadComponent();
+        }
+    }
+    /**
+     * Emit onToggleButtonClicked event when a toggle button is selected.
+     * @param {ToggleButton} selected -Selected toggle button object.
+     */
+    onToggleButtonSelect(selected) {
+        if (this.toggleButtons.length > 0) {
+            this.heading = selected?.label;
+        }
+        this.toggleButtonClicked.emit(selected);
+    }
+    /**
+     * Loads the component into the view container.
+     */
+    loadComponent() {
+        if (this.isComponentLoaded) {
+            this.componentRef.destroy();
+            this.componentContainer.clear();
+        }
+        this.componentRef = this.componentContainer.createComponent(this.componentReference);
+        if (this.componentReference === UserIdleSessionExpiryNotificationComponent) {
+            this.componentRef.instance.personalizedUserIdleSessionInfo =
+                this.modalData?.data2DynamicComponent;
+        }
+        this.isComponentLoaded = true;
+    }
+    /**
+     * Handles the confirmation event.
+     * @param {boolean} value - The confirmation value.
+     */
+    onConfirm(value) {
+        this.modalConfirm.emit(value);
+        this.dialogRef.close();
+    }
+    /**
+     * Returns dialog type
+     * @return {number} value-Dialog type enum
+     */
+    getModalType() {
+        return (this.modalType === ModalType.DIALOG ||
+            this.modalType === ModalType.CONTENT);
+    }
+    /**
+     * Cleans up resources when the component is destroyed.
+     */
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.componentRef = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ModalComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ModalComponent, isStandalone: true, selector: "ieeesa-modal", viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"ieeesa-modal\">\r\n  <i\r\n    *ngIf=\"isCloseNeeded\"\r\n    class=\"ieeesa-modal__close-icon fa fa-close\"\r\n    [mat-dialog-close]=\"true\"\r\n  ></i>\r\n  <div mat-dialog-title class=\"ieeesa-modal-title px-0 m-0\">\r\n    <h4\r\n      class=\"ieeesa-modal-title__heading ieeesa-headline-sm-26 my-0\"\r\n      *ngIf=\"heading\"\r\n    >\r\n      <span>{{ heading }}</span>\r\n    </h4>\r\n    <p\r\n      class=\"ieeesa-modal-title__prompt-message ieeesa-headline-sm-26 m-0\"\r\n      *ngIf=\"promptMessage\"\r\n    >\r\n      <span>{{ promptMessage }}</span>\r\n    </p>\r\n    <p\r\n      class=\"ieeesa-modal-title__sub-heading ieeesa-title-md-18 text-left m-0\"\r\n      *ngIf=\"subHeading\"\r\n    >\r\n      {{ subHeading }}\r\n    </p>\r\n    <ieeesa-toggle-button\r\n      *ngIf=\"toggleButtons && toggleButtons.length > 0\"\r\n      class=\"float-end\"\r\n      [buttons]=\"toggleButtons\"\r\n      (toggleSelected)=\"onToggleButtonSelect($event)\"\r\n    ></ieeesa-toggle-button>\r\n  </div>\r\n  <div mat-dialog-content class=\"ieeesa-label-lg-16 px-0\">\r\n    <ng-container #componentContainer></ng-container>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex justify-content-end p-0 flex-nowrap\"\r\n    *ngIf=\"getModalType()\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-secondary-button align-self-stretch\"\r\n      (click)=\"onConfirm(false)\"\r\n    >\r\n      {{leftButtonLabel}}\r\n    </button>\r\n    <button\r\n      mat-button\r\n      class=\"mat-primary-button align-self-stretch\"\r\n      (click)=\"onConfirm(true)\"\r\n    >\r\n      {{rightButtonLabel}}\r\n    </button>\r\n  </div>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-modal-dialog .mat-mdc-dialog-container{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;border-radius:.375em}.ieeesa-modal-dialog .ieeesa-modal{padding:1.5em}.ieeesa-modal-dialog .ieeesa-modal__close-icon{cursor:pointer;position:absolute;top:20px;right:20px;width:.875em;height:.875em;color:#1c1b1f;z-index:99}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading{display:inline-block;margin-right:1rem}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__prompt-message,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__sub-heading{padding-bottom:1rem;color:#1c1b1f}.ieeesa-modal-dialog .ieeesa-modal .mdc-dialog__title:before{height:28px}.ieeesa-modal-dialog .ieeesa-modal .mat-mdc-dialog-content{color:#49454f;letter-spacing:.015625em;clear:both;padding:1.5em 0}.ieeesa-modal-dialog .ieeesa-modal .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.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: ToggleButtonComponent, selector: "ieeesa-toggle-button", inputs: ["selectedLabel", "buttons"], outputs: ["toggleSelected"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-modal', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        ToggleButtonComponent,
+                        MatDialogModule,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-modal\">\r\n  <i\r\n    *ngIf=\"isCloseNeeded\"\r\n    class=\"ieeesa-modal__close-icon fa fa-close\"\r\n    [mat-dialog-close]=\"true\"\r\n  ></i>\r\n  <div mat-dialog-title class=\"ieeesa-modal-title px-0 m-0\">\r\n    <h4\r\n      class=\"ieeesa-modal-title__heading ieeesa-headline-sm-26 my-0\"\r\n      *ngIf=\"heading\"\r\n    >\r\n      <span>{{ heading }}</span>\r\n    </h4>\r\n    <p\r\n      class=\"ieeesa-modal-title__prompt-message ieeesa-headline-sm-26 m-0\"\r\n      *ngIf=\"promptMessage\"\r\n    >\r\n      <span>{{ promptMessage }}</span>\r\n    </p>\r\n    <p\r\n      class=\"ieeesa-modal-title__sub-heading ieeesa-title-md-18 text-left m-0\"\r\n      *ngIf=\"subHeading\"\r\n    >\r\n      {{ subHeading }}\r\n    </p>\r\n    <ieeesa-toggle-button\r\n      *ngIf=\"toggleButtons && toggleButtons.length > 0\"\r\n      class=\"float-end\"\r\n      [buttons]=\"toggleButtons\"\r\n      (toggleSelected)=\"onToggleButtonSelect($event)\"\r\n    ></ieeesa-toggle-button>\r\n  </div>\r\n  <div mat-dialog-content class=\"ieeesa-label-lg-16 px-0\">\r\n    <ng-container #componentContainer></ng-container>\r\n  </div>\r\n  <div\r\n    mat-dialog-actions\r\n    class=\"d-flex justify-content-end p-0 flex-nowrap\"\r\n    *ngIf=\"getModalType()\"\r\n  >\r\n    <button\r\n      mat-button\r\n      class=\"mat-secondary-button align-self-stretch\"\r\n      (click)=\"onConfirm(false)\"\r\n    >\r\n      {{leftButtonLabel}}\r\n    </button>\r\n    <button\r\n      mat-button\r\n      class=\"mat-primary-button align-self-stretch\"\r\n      (click)=\"onConfirm(true)\"\r\n    >\r\n      {{rightButtonLabel}}\r\n    </button>\r\n  </div>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;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.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;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.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;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.5em;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.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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.5em;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{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 Regular;font-style:normal;font-weight:700;font-size:1em;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:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}@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{width:100%;min-width:312px}.ieeesa-modal-dialog .mat-mdc-dialog-container{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;border-radius:.375em}.ieeesa-modal-dialog .ieeesa-modal{padding:1.5em}.ieeesa-modal-dialog .ieeesa-modal__close-icon{cursor:pointer;position:absolute;top:20px;right:20px;width:.875em;height:.875em;color:#1c1b1f;z-index:99}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading{display:inline-block;margin-right:1rem}.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__heading,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__prompt-message,.ieeesa-modal-dialog .ieeesa-modal .ieeesa-modal-title__sub-heading{padding-bottom:1rem;color:#1c1b1f}.ieeesa-modal-dialog .ieeesa-modal .mdc-dialog__title:before{height:28px}.ieeesa-modal-dialog .ieeesa-modal .mat-mdc-dialog-content{color:#49454f;letter-spacing:.015625em;clear:both;padding:1.5em 0}.ieeesa-modal-dialog .ieeesa-modal .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { componentContainer: [{
+                type: ViewChild,
+                args: ['componentContainer', { read: ViewContainerRef, static: true }]
+            }] } });
+
 class PresentationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: PresentationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: PresentationModule }); }
@@ -2173,5 +2353,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteComponent, CalendarType, CheckboxComponent, CustomDateAdapter, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormUtilityService, HeaderComponent, InputComponent, NavigationMenuComponent, NotificationComponent, PresentationModule, RadioComponent, SearchComponent, SearchType, SelectComponent, TextAreaComponent };
+export { AutocompleteComponent, CalendarType, CheckboxComponent, CustomDateAdapter, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormUtilityService, HeaderComponent, InputComponent, ModalComponent, NavigationMenuComponent, NotificationComponent, PresentationModule, RadioComponent, SearchComponent, SearchType, SelectComponent, TextAreaComponent, ToggleButtonComponent };
 //# sourceMappingURL=ieeesa-npm-presentation.mjs.map