@ieeesa-npm/groups 0.15.15 → 0.15.17

package/fesm2022/ieeesa-npm-groups.mjs

@@ -328,7 +328,7 @@ var rosterInterests = {
 			labelLabel: "Question Label",
 			typeLabel: "Type",
 			requiredLabel: "Required",
-			placeholderLabel: "PlaceHolder",
+			placeholderLabel: "Placeholder",
 			helpTextLabel: "Help Text",
 			optionsLabel: "Options (one per line)",
 			typeHerePlaceholder: "Type here",
@@ -592,12 +592,12 @@ var errors = {
 	"2010": "User not found.",
 	"2011": "User not found.",
 	"2013": "Last Name is required.",
-	"2014": "Representation Organization is required.",
+	"2014": "Representing Organization is required.",
 	"2015": "Representing Organization contains invalid characters. Please enter alphanumeric, special characters and whitespace only.",
 	"2016": "Representing Organization must not be greater than 250 characters long.",
-	"2017": "First Name must not be greater than 100 characters long.",
-	"2018": "Last Name must not be greater than 100 characters long.",
-	"2019": "Classification is required.",
+	"2017": "Classification is required.",
+	"2018": "Member Type is required.",
+	"2019": "Representing Organization is required.",
 	"2020": "Classification does not exist.",
 	"2021": "Member Type does not exist.",
 	"2022": "Representation Organization does not exist.",
@@ -4793,8 +4793,14 @@ class RosterImportComponent {
         this.uploadResult = null;
         /** Row-level errors for the completed job. */
         this.jobErrors = [];
-        /** Inline validation / API error message. */
+        /** Inline validation / API error message (single-line case). */
         this.errorMessage = null;
+        /**
+         * All API error messages when the BE returns multiple error codes at once
+         * (e.g. several fields failed). Rendered as a list in the error banner. Empty
+         * for single-message validation errors (which use {@link errorMessage}).
+         */
+        this.errorMessages = [];
         /**
          * Info banner shown when the file has headers but no data rows
          * (Figma: "No roster data found...").
@@ -4971,6 +4977,7 @@ class RosterImportComponent {
      */
     processFile(file) {
         this.errorMessage = null;
+        this.errorMessages = [];
         this.noDataMessage = null;
         this.uploadResult = null;
         this.importId = null;
@@ -5015,6 +5022,7 @@ class RosterImportComponent {
     onRemoveFile() {
         this.selectedFile = null;
         this.errorMessage = null;
+        this.errorMessages = [];
         this.noDataMessage = null;
         this.uploadResult = null;
         this.importId = null;
@@ -5030,6 +5038,7 @@ class RosterImportComponent {
     onUploadNewFile() {
         this.selectedFile = null;
         this.errorMessage = null;
+        this.errorMessages = [];
         this.noDataMessage = null;
         this.uploadResult = null;
         this.jobErrors = [];
@@ -5053,6 +5062,7 @@ class RosterImportComponent {
             return;
         }
         this.errorMessage = null;
+        this.errorMessages = [];
         this.noDataMessage = null;
         this.uploadResult = null;
         this.jobErrors = [];
@@ -5091,14 +5101,21 @@ class RosterImportComponent {
         // stuck.
         this.selectedFile = null;
         // BE error codes take priority when present (e.g. 1071 no permission, 1072
-        // format, 1073 too large, 1074 row limit, 1075 invalid status).
+        // format, 1073 too large, 1074 row limit, 1075 invalid status). The BE can
+        // return MULTIPLE codes at once (e.g. ["2017","2018","2014"] when several
+        // fields fail), so map and show ALL of them — not just the first — as a
+        // list in the error banner.
         const errorCodes = error?.error?.body?.errorCodes;
         if (Array.isArray(errorCodes) && errorCodes.length) {
-            const code = errorCodes[0];
-            this.errorMessage =
-                this.constants?.errors?.[code] ??
-                    this.screenTexts?.validation?.uploadFailed ??
-                    'An error occurred while importing the roster. Please try again.';
+            const messages = errorCodes.map((code) => this.constants?.errors?.[code] ??
+                this.screenTexts?.validation?.uploadFailed ??
+                'An error occurred while importing the roster. Please try again.');
+            // De-duplicate so the same message is not repeated when two codes map to
+            // the same text.
+            this.errorMessages = Array.from(new Set(messages));
+            // Keep errorMessage populated (first message) for backward compatibility
+            // and for the single-line case.
+            this.errorMessage = this.errorMessages[0] ?? null;
             return;
         }
         // A 403 with no error-code body comes from the endpoint's @PreAuthorize
@@ -5287,11 +5304,11 @@ class RosterImportComponent {
         URL.revokeObjectURL(url);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RosterImportComponent, deps: [{ token: RosterImportApiService }, { token: GroupsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RosterImportComponent, isStandalone: true, selector: "ieeesa-roster-import", inputs: { componentData: "componentData" }, outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, ngImport: i0, template: "<div class=\"ieeesa-roster-import\">\r\n  <!-- Sub-heading band: \"Bulk Import Participants\" on the left, Import Roster\r\n       action on the right (appears once a file is selected) \u2014 matches the Figma.\r\n       The \"\u2190 Back to Rosters / Import Roster\" title row + X are rendered by the\r\n       shared ModalComponent above this. -->\r\n  <div class=\"ieeesa-roster-import__subheader\">\r\n    <span class=\"ieeesa-roster-import__subheader-title\">\r\n      {{ screenTexts?.subHeading ?? 'Bulk Import Participants' }}\r\n    </span>\r\n    <button\r\n      *ngIf=\"selectedFile && importState === 'upload'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-tertiary-button ieeesa-roster-import__import-btn\"\r\n      (click)=\"onImport()\"\r\n      [attr.aria-label]=\"screenTexts?.buttons?.import ?? 'Import Roster'\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__import-btn-icon\" width=\"14\" height=\"14\" aria-hidden=\"true\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-import\"></use>\r\n      </svg>\r\n      {{ screenTexts?.buttons?.import ?? 'Import Roster' }}\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Required Columns Info -->\r\n  <div class=\"ieeesa-roster-import__columns-card\">\r\n    <div class=\"ieeesa-roster-import__columns-content\">\r\n      <p class=\"ieeesa-roster-import__columns-title\">\r\n        {{ screenTexts?.requiredColumnsTitle ?? 'Required columns' }}\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__columns-chips\">\r\n        <span\r\n          *ngFor=\"let col of requiredColumns\"\r\n          class=\"ieeesa-roster-import__chip\"\r\n        >\r\n          {{ col }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"ieeesa-roster-import__sample-wrapper\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-roster-import__download-btn\"\r\n        (click)=\"downloadSampleFile()\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadSample ?? 'Download Sample File'\"\r\n      >\r\n        <svg\r\n          class=\"ieeesa-roster-import__download-btn-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ screenTexts?.downloadSampleLabel ?? 'Download Sample File' }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"ieeesa-roster-import__upload-label\">\r\n    {{ screenTexts?.uploadLabel ?? 'Upload your file' }}\r\n  </p>\r\n\r\n  <!-- Upload State -->\r\n  <ng-container *ngIf=\"importState === 'upload'\">\r\n    <!-- Hidden file input -->\r\n    <input\r\n      #fileInput\r\n      type=\"file\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      (change)=\"onFileSelected($event)\"\r\n      hidden\r\n      [attr.aria-label]=\"screenTexts?.uploadLabel ?? 'Upload your file'\"\r\n    />\r\n\r\n    <!-- Drag & Drop Zone -->\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone\"\r\n      [class.ieeesa-roster-import__dropzone--active]=\"isDragOver\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onFileDrop($event)\"\r\n      (click)=\"fileInput.click()\"\r\n      role=\"button\"\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"fileInput.click()\"\r\n      (keydown.space)=\"fileInput.click()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.dropzone ?? 'Drag and drop file upload area'\"\r\n    >\r\n      <ng-container *ngIf=\"!selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <p class=\"ieeesa-roster-import__dropzone-text\">\r\n          {{ screenTexts?.dropzoneText ?? 'Drag & drop a file here, or click to browse' }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__dropzone-hint\">\r\n          {{ screenTexts?.dropzoneHint ?? 'Accepted formats: .csv, .xlsx' }}\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <div class=\"ieeesa-roster-import__file-row\">\r\n          <p class=\"ieeesa-roster-import__file-name\">\r\n            <svg width=\"14\" height=\"14\">\r\n              <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n            </svg>\r\n            {{ selectedFile.name }}\r\n          </p>\r\n          <button\r\n            mat-button\r\n            class=\"ieeesa-roster-import__remove-file-btn\"\r\n            (click)=\"onRemoveFile(); $event.stopPropagation()\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"screenTexts?.ariaLabel?.remove ?? 'Remove selected file'\"\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- Inline Error Message -->\r\n    <div\r\n      *ngIf=\"errorMessage\"\r\n      class=\"ieeesa-roster-import__error-banner\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Processing / Result share the file display + progress bar -->\r\n  <ng-container *ngIf=\"importState === 'processing' || importState === 'result'\">\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone ieeesa-roster-import__dropzone--result\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n      </svg>\r\n      <p class=\"ieeesa-roster-import__file-name\">\r\n        <svg width=\"14\" height=\"14\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ selectedFile?.name }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- Progress label (processing only) -->\r\n    <div\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-head\"\r\n    >\r\n      <span class=\"ieeesa-roster-import__progress-label\">\r\n        {{ screenTexts?.processingLabel ?? 'Processing file records....' }}\r\n      </span>\r\n    </div>\r\n    <mat-progress-bar\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-bar\"\r\n      mode=\"indeterminate\"\r\n      [attr.aria-label]=\"screenTexts?.processingLabel ?? 'Processing file records....'\"\r\n    ></mat-progress-bar>\r\n  </ng-container>\r\n\r\n  <!-- Result State (summary + errors) -->\r\n  <ng-container *ngIf=\"importState === 'result' && uploadResult\">\r\n    <!-- No data records banner (headers only, zero rows) -->\r\n    <div\r\n      *ngIf=\"noDataMessage\"\r\n      class=\"ieeesa-roster-import__no-data-banner\"\r\n      role=\"status\"\r\n    >\r\n      {{ noDataMessage }}\r\n    </div>\r\n\r\n    <!-- Summary cards -->\r\n    <div *ngIf=\"showSummaryCards\" class=\"ieeesa-roster-import__summary-cards\">\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--success\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.successCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.successCardLabel ?? 'Rosters added successfully' }}\r\n        </p>\r\n      </div>\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--skipped\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.failureCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.skippedCardLabel ?? 'Skipped Rows' }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Row Errors Card -->\r\n    <div *ngIf=\"jobErrors.length\" class=\"ieeesa-roster-import__errors-card\">\r\n      <p class=\"ieeesa-roster-import__errors-header\">\r\n        <ng-container *ngIf=\"allRowsSkipped; else someErrors\">\r\n          {{ screenTexts?.result?.allRowsSkippedHeader ?? 'All Rows are skipped' }}\r\n        </ng-container>\r\n        <ng-template #someErrors>\r\n          {{ screenTexts?.result?.errorsHeader ?? 'Row errors \u2014 these rows will be skipped' }}\r\n        </ng-template>\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__errors-body\">\r\n        <div\r\n          *ngFor=\"let rowErr of jobErrors\"\r\n          class=\"ieeesa-roster-import__error-row\"\r\n        >\r\n          <p class=\"ieeesa-roster-import__error-row-title\">\r\n            Row {{ rowErr.rowNumber }} \u2014 {{ rowErr.errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Footer actions -->\r\n  <div class=\"ieeesa-roster-import__actions\">\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button ieeesa-roster-import__cancel-btn\"\r\n      (click)=\"onCancel()\"\r\n      type=\"button\"\r\n    >\r\n      {{ screenTexts?.buttons?.cancel ?? 'Cancel' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result' && jobErrors.length\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__error-log-btn\"\r\n      (click)=\"downloadErrorLog()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadErrorLog ?? 'Download Error log'\"\r\n    >\r\n      {{ screenTexts?.buttons?.downloadErrorLog ?? 'Download Error log' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__upload-new-btn\"\r\n      (click)=\"onUploadNewFile()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.uploadNewFile ?? 'Upload different file'\"\r\n    >\r\n      {{ screenTexts?.buttons?.uploadNewFile ?? 'Upload Different File' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.mat-mdc-dialog-content:has(>.ieeesa-roster-import),.mdc-dialog__content:has(>.ieeesa-roster-import),.mat-mdc-dialog-content:has(.ieeesa-roster-import),.mdc-dialog__content:has(.ieeesa-roster-import){max-height:none!important;min-height:320px!important;height:auto!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog{width:720px!important;max-width:calc(100vw - 32px)!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal{box-shadow:0 4px 24px #00000080!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog [mat-dialog-content],.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-container .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal>.ieeesa-label-lg-16{max-height:none!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content{min-height:0!important;padding:0!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{display:flex;align-items:center;gap:4px}.ieeesa-roster-import{background:#fff;position:relative;box-sizing:border-box;width:100%;font-family:Calibri Regular,sans-serif}.ieeesa-roster-import strong,.ieeesa-roster-import b,.ieeesa-roster-import .ieeesa-roster-import__subheader-title,.ieeesa-roster-import .ieeesa-roster-import__columns-title,.ieeesa-roster-import .ieeesa-roster-import__import-btn,.ieeesa-roster-import .ieeesa-roster-import__summary-card-count{font-family:Calibri Bold,sans-serif}.ieeesa-roster-import__subheader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 1.5em;margin:0 -1.5em 20px;min-height:48px;background-color:#f4f5f7}.ieeesa-roster-import__subheader-title{font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__import-btn.mat-tertiary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:13px;font-weight:600;line-height:1;height:36px!important;min-height:36px!important;padding:0 16px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__import-btn.mat-tertiary-button .mdc-button__label{display:inline-flex;align-items:center;gap:6px}.ieeesa-roster-import__import-btn.mat-tertiary-button:hover:not(:disabled){background-color:#f7fbff}.ieeesa-roster-import__import-btn.mat-tertiary-button:disabled{border-color:#cbd5e1;color:#9aa4b2}.ieeesa-roster-import__import-btn-icon{width:14px;height:14px;flex-shrink:0;display:block;vertical-align:middle}.ieeesa-roster-import__columns-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #2f9fe6;border-radius:6px;background:#f3f9ff;padding:10px;margin:0 0 24px}.ieeesa-roster-import__columns-content{flex:1;min-width:0}.ieeesa-roster-import__columns-title{margin:0 0 10px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:700;color:#005587}.ieeesa-roster-import__columns-chips{display:flex;flex-wrap:wrap;gap:6px}.ieeesa-roster-import__chip{display:inline-block;font-family:Calibri Bold,sans-serif;border:1px solid #d4d8e1;border-radius:4px;background:#e9edf4;padding:6px 12px;color:#6b7280;font-size:12px;font-weight:600}.ieeesa-roster-import__download-btn.mat-tertiary-button{display:inline-flex;align-items:center;gap:4px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:12px;font-weight:600;line-height:18px;height:30px!important;min-height:30px!important;padding:0 12px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__download-btn.mat-tertiary-button:hover{background-color:#f7fbff}.ieeesa-roster-import__download-btn-icon{width:14px;height:14px;flex-shrink:0}.ieeesa-roster-import__upload-label{margin:0 0 8px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone{border:2px dashed #cccccc;border-radius:8px;min-height:108px;padding:20px 16px;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafafa}.ieeesa-roster-import__dropzone:hover,.ieeesa-roster-import__dropzone--active{border-color:#00629b;background:#f4f9fc}.ieeesa-roster-import__dropzone--result{cursor:default;pointer-events:none}.ieeesa-roster-import__upload-icon{color:#5c6371;font-size:18px;line-height:1;margin-bottom:8px}.ieeesa-roster-import__dropzone-text{margin:0;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone-hint{margin:6px 0 0;font-family:Calibri Regular,sans-serif;font-size:12px;color:#99a1af}.ieeesa-roster-import__file-row{display:flex;align-items:center;justify-content:center;gap:6px}.ieeesa-roster-import__file-name{margin:0;font-size:14px;font-weight:600;color:#00629b;display:flex;align-items:center;gap:4px}.ieeesa-roster-import__remove-file-btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#ba0c2f;min-width:auto;width:20px;height:20px;padding:0;cursor:pointer}.ieeesa-roster-import__error-banner{display:flex;flex-direction:column;padding:10px 14px;background-color:#fdecea;border:1px solid #ff6467;border-radius:4px;margin:0 0 12px;font-family:Calibri Regular,sans-serif;font-size:13px;font-weight:400;color:#b3261e}.ieeesa-roster-import__no-data-banner{padding:10px 14px;background-color:#fefce8;border:1px solid #fdc700;border-radius:4px;margin:16px 0 0;font-size:13px;color:#894b00}.ieeesa-roster-import__progress-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.ieeesa-roster-import__progress-label{font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__progress-percent{font-family:Calibri Regular,sans-serif;font-size:14px;font-weight:600;color:#6f7782}.ieeesa-roster-import__progress-bar{--mdc-linear-progress-active-indicator-color: #00629b;--mdc-linear-progress-track-color: #dce6ef;border-radius:6px;height:14px;margin:0 0 8px;overflow:hidden}.ieeesa-roster-import__progress-bar .mdc-linear-progress__bar-inner{border-color:#00629b}.ieeesa-roster-import__summary-cards{display:flex;gap:16px;margin:16px 0}.ieeesa-roster-import__summary-card{flex:1;border:1px solid #e3e5e8;border-radius:6px;padding:14px 16px;background:#fff}.ieeesa-roster-import__summary-card-count{margin:0 0 4px;font-family:Calibri Bold,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.ieeesa-roster-import__summary-card--success .ieeesa-roster-import__summary-card-count{color:#27783a}.ieeesa-roster-import__summary-card--skipped .ieeesa-roster-import__summary-card-count{color:#ba0c2f}.ieeesa-roster-import__summary-card-label{margin:0;font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__errors-card{border:1px solid #ff6467;border-radius:4px;margin:0 0 16px;background-color:#fdecea;overflow:hidden}.ieeesa-roster-import__errors-header{margin:0;padding:8px 14px;font-size:12px;font-weight:700;color:#ba0c2f;background-color:#fcd9dd;border-bottom:1px solid #ff6467}.ieeesa-roster-import__errors-body{max-height:200px;overflow-y:auto;padding:10px 14px}.ieeesa-roster-import__error-row{margin-bottom:8px}.ieeesa-roster-import__error-row:last-child{margin-bottom:0}.ieeesa-roster-import__error-row-title{margin:0;font-size:12px;font-weight:400;color:#ba0c2f;line-height:1.5}.ieeesa-roster-import__actions{display:flex;align-items:center;gap:14px;margin:20px -1.5em 0;padding:16px 1.5em 0;border-top:1px solid #e5e7eb}.ieeesa-roster-import__import-submit-btn{background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn{margin-left:auto;background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn:hover{background-color:#005587}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RosterImportComponent, isStandalone: true, selector: "ieeesa-roster-import", inputs: { componentData: "componentData" }, outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, ngImport: i0, template: "<div class=\"ieeesa-roster-import\">\r\n  <!-- Sub-heading band: \"Bulk Import Participants\" on the left, Import Roster\r\n       action on the right (appears once a file is selected) \u2014 matches the Figma.\r\n       The \"\u2190 Back to Rosters / Import Roster\" title row + X are rendered by the\r\n       shared ModalComponent above this. -->\r\n  <div class=\"ieeesa-roster-import__subheader\">\r\n    <span class=\"ieeesa-roster-import__subheader-title\">\r\n      {{ screenTexts?.subHeading ?? 'Bulk Import Participants' }}\r\n    </span>\r\n    <button\r\n      *ngIf=\"selectedFile && importState === 'upload'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-tertiary-button ieeesa-roster-import__import-btn\"\r\n      (click)=\"onImport()\"\r\n      [attr.aria-label]=\"screenTexts?.buttons?.import ?? 'Import Roster'\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__import-btn-icon\" width=\"14\" height=\"14\" aria-hidden=\"true\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-import\"></use>\r\n      </svg>\r\n      {{ screenTexts?.buttons?.import ?? 'Import Roster' }}\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Required Columns Info -->\r\n  <div class=\"ieeesa-roster-import__columns-card\">\r\n    <div class=\"ieeesa-roster-import__columns-content\">\r\n      <p class=\"ieeesa-roster-import__columns-title\">\r\n        {{ screenTexts?.requiredColumnsTitle ?? 'Required columns' }}\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__columns-chips\">\r\n        <span\r\n          *ngFor=\"let col of requiredColumns\"\r\n          class=\"ieeesa-roster-import__chip\"\r\n        >\r\n          {{ col }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"ieeesa-roster-import__sample-wrapper\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-roster-import__download-btn\"\r\n        (click)=\"downloadSampleFile()\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadSample ?? 'Download Sample File'\"\r\n      >\r\n        <svg\r\n          class=\"ieeesa-roster-import__download-btn-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ screenTexts?.downloadSampleLabel ?? 'Download Sample File' }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"ieeesa-roster-import__upload-label\">\r\n    {{ screenTexts?.uploadLabel ?? 'Upload your file' }}\r\n  </p>\r\n\r\n  <!-- Upload State -->\r\n  <ng-container *ngIf=\"importState === 'upload'\">\r\n    <!-- Hidden file input -->\r\n    <input\r\n      #fileInput\r\n      type=\"file\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      (change)=\"onFileSelected($event)\"\r\n      hidden\r\n      [attr.aria-label]=\"screenTexts?.uploadLabel ?? 'Upload your file'\"\r\n    />\r\n\r\n    <!-- Drag & Drop Zone -->\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone\"\r\n      [class.ieeesa-roster-import__dropzone--active]=\"isDragOver\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onFileDrop($event)\"\r\n      (click)=\"fileInput.click()\"\r\n      role=\"button\"\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"fileInput.click()\"\r\n      (keydown.space)=\"fileInput.click()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.dropzone ?? 'Drag and drop file upload area'\"\r\n    >\r\n      <ng-container *ngIf=\"!selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <p class=\"ieeesa-roster-import__dropzone-text\">\r\n          {{ screenTexts?.dropzoneText ?? 'Drag & drop a file here, or click to browse' }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__dropzone-hint\">\r\n          {{ screenTexts?.dropzoneHint ?? 'Accepted formats: .csv, .xlsx' }}\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <div class=\"ieeesa-roster-import__file-row\">\r\n          <p class=\"ieeesa-roster-import__file-name\">\r\n            <svg width=\"14\" height=\"14\">\r\n              <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n            </svg>\r\n            {{ selectedFile.name }}\r\n          </p>\r\n          <button\r\n            mat-button\r\n            class=\"ieeesa-roster-import__remove-file-btn\"\r\n            (click)=\"onRemoveFile(); $event.stopPropagation()\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"screenTexts?.ariaLabel?.remove ?? 'Remove selected file'\"\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- Inline Error Message -->\r\n    <div\r\n      *ngIf=\"errorMessages.length || errorMessage\"\r\n      class=\"ieeesa-roster-import__error-banner\"\r\n      role=\"alert\"\r\n    >\r\n      <!-- Multiple API error messages (e.g. several fields failed): list them. -->\r\n      <ul\r\n        *ngIf=\"errorMessages.length > 1; else singleError\"\r\n        class=\"ieeesa-roster-import__error-list\"\r\n      >\r\n        <li *ngFor=\"let message of errorMessages\">{{ message }}</li>\r\n      </ul>\r\n      <!-- Single message (validation errors or one API error). -->\r\n      <ng-template #singleError>\r\n        {{ errorMessages[0] ?? errorMessage }}\r\n      </ng-template>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Processing / Result share the file display + progress bar -->\r\n  <ng-container *ngIf=\"importState === 'processing' || importState === 'result'\">\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone ieeesa-roster-import__dropzone--result\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n      </svg>\r\n      <p class=\"ieeesa-roster-import__file-name\">\r\n        <svg width=\"14\" height=\"14\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ selectedFile?.name }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- Progress label (processing only) -->\r\n    <div\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-head\"\r\n    >\r\n      <span class=\"ieeesa-roster-import__progress-label\">\r\n        {{ screenTexts?.processingLabel ?? 'Processing file records....' }}\r\n      </span>\r\n    </div>\r\n    <mat-progress-bar\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-bar\"\r\n      mode=\"indeterminate\"\r\n      [attr.aria-label]=\"screenTexts?.processingLabel ?? 'Processing file records....'\"\r\n    ></mat-progress-bar>\r\n  </ng-container>\r\n\r\n  <!-- Result State (summary + errors) -->\r\n  <ng-container *ngIf=\"importState === 'result' && uploadResult\">\r\n    <!-- No data records banner (headers only, zero rows) -->\r\n    <div\r\n      *ngIf=\"noDataMessage\"\r\n      class=\"ieeesa-roster-import__no-data-banner\"\r\n      role=\"status\"\r\n    >\r\n      {{ noDataMessage }}\r\n    </div>\r\n\r\n    <!-- Summary cards -->\r\n    <div *ngIf=\"showSummaryCards\" class=\"ieeesa-roster-import__summary-cards\">\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--success\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.successCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.successCardLabel ?? 'Rosters added successfully' }}\r\n        </p>\r\n      </div>\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--skipped\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.failureCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.skippedCardLabel ?? 'Skipped Rows' }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Row Errors Card -->\r\n    <div *ngIf=\"jobErrors.length\" class=\"ieeesa-roster-import__errors-card\">\r\n      <p class=\"ieeesa-roster-import__errors-header\">\r\n        <ng-container *ngIf=\"allRowsSkipped; else someErrors\">\r\n          {{ screenTexts?.result?.allRowsSkippedHeader ?? 'All Rows are skipped' }}\r\n        </ng-container>\r\n        <ng-template #someErrors>\r\n          {{ screenTexts?.result?.errorsHeader ?? 'Row errors \u2014 these rows will be skipped' }}\r\n        </ng-template>\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__errors-body\">\r\n        <div\r\n          *ngFor=\"let rowErr of jobErrors\"\r\n          class=\"ieeesa-roster-import__error-row\"\r\n        >\r\n          <p class=\"ieeesa-roster-import__error-row-title\">\r\n            Row {{ rowErr.rowNumber }} \u2014 {{ rowErr.errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Footer actions -->\r\n  <div class=\"ieeesa-roster-import__actions\">\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button ieeesa-roster-import__cancel-btn\"\r\n      (click)=\"onCancel()\"\r\n      type=\"button\"\r\n    >\r\n      {{ screenTexts?.buttons?.cancel ?? 'Cancel' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result' && jobErrors.length\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__error-log-btn\"\r\n      (click)=\"downloadErrorLog()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadErrorLog ?? 'Download Error log'\"\r\n    >\r\n      {{ screenTexts?.buttons?.downloadErrorLog ?? 'Download Error log' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__upload-new-btn\"\r\n      (click)=\"onUploadNewFile()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.uploadNewFile ?? 'Upload different file'\"\r\n    >\r\n      {{ screenTexts?.buttons?.uploadNewFile ?? 'Upload Different File' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.mat-mdc-dialog-content:has(>.ieeesa-roster-import),.mdc-dialog__content:has(>.ieeesa-roster-import),.mat-mdc-dialog-content:has(.ieeesa-roster-import),.mdc-dialog__content:has(.ieeesa-roster-import){max-height:none!important;min-height:320px!important;height:auto!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog{width:720px!important;max-width:calc(100vw - 32px)!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal{box-shadow:0 4px 24px #00000080!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog [mat-dialog-content],.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-container .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal>.ieeesa-label-lg-16{max-height:none!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content{min-height:0!important;padding:0!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{display:flex;align-items:center;gap:4px}.ieeesa-roster-import{background:#fff;position:relative;box-sizing:border-box;width:100%;font-family:Calibri Regular,sans-serif}.ieeesa-roster-import strong,.ieeesa-roster-import b,.ieeesa-roster-import .ieeesa-roster-import__subheader-title,.ieeesa-roster-import .ieeesa-roster-import__columns-title,.ieeesa-roster-import .ieeesa-roster-import__import-btn,.ieeesa-roster-import .ieeesa-roster-import__summary-card-count{font-family:Calibri Bold,sans-serif}.ieeesa-roster-import__subheader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 1.5em;margin:0 -1.5em 20px;min-height:48px;background-color:#f4f5f7}.ieeesa-roster-import__subheader-title{font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__import-btn.mat-tertiary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:13px;font-weight:600;line-height:1;height:36px!important;min-height:36px!important;padding:0 16px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__import-btn.mat-tertiary-button .mdc-button__label{display:inline-flex;align-items:center;gap:6px}.ieeesa-roster-import__import-btn.mat-tertiary-button:hover:not(:disabled){background-color:#f7fbff}.ieeesa-roster-import__import-btn.mat-tertiary-button:disabled{border-color:#cbd5e1;color:#9aa4b2}.ieeesa-roster-import__import-btn-icon{width:14px;height:14px;flex-shrink:0;display:block;vertical-align:middle}.ieeesa-roster-import__columns-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #2f9fe6;border-radius:6px;background:#f3f9ff;padding:10px;margin:0 0 24px}.ieeesa-roster-import__columns-content{flex:1;min-width:0}.ieeesa-roster-import__columns-title{margin:0 0 10px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:700;color:#005587}.ieeesa-roster-import__columns-chips{display:flex;flex-wrap:wrap;gap:6px}.ieeesa-roster-import__chip{display:inline-block;font-family:Calibri Bold,sans-serif;border:1px solid #d4d8e1;border-radius:4px;background:#e9edf4;padding:6px 12px;color:#6b7280;font-size:12px;font-weight:600}.ieeesa-roster-import__download-btn.mat-tertiary-button{display:inline-flex;align-items:center;gap:4px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:12px;font-weight:600;line-height:18px;height:30px!important;min-height:30px!important;padding:0 12px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__download-btn.mat-tertiary-button:hover{background-color:#f7fbff}.ieeesa-roster-import__download-btn-icon{width:14px;height:14px;flex-shrink:0}.ieeesa-roster-import__upload-label{margin:0 0 8px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone{border:2px dashed #cccccc;border-radius:8px;min-height:108px;padding:20px 16px;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafafa}.ieeesa-roster-import__dropzone:hover,.ieeesa-roster-import__dropzone--active{border-color:#00629b;background:#f4f9fc}.ieeesa-roster-import__dropzone--result{cursor:default;pointer-events:none}.ieeesa-roster-import__upload-icon{color:#5c6371;font-size:18px;line-height:1;margin-bottom:8px}.ieeesa-roster-import__dropzone-text{margin:0;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone-hint{margin:6px 0 0;font-family:Calibri Regular,sans-serif;font-size:12px;color:#99a1af}.ieeesa-roster-import__file-row{display:flex;align-items:center;justify-content:center;gap:6px}.ieeesa-roster-import__file-name{margin:0;font-size:14px;font-weight:600;color:#00629b;display:flex;align-items:center;gap:4px}.ieeesa-roster-import__remove-file-btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#ba0c2f;min-width:auto;width:20px;height:20px;padding:0;cursor:pointer}.ieeesa-roster-import__error-banner{display:flex;flex-direction:column;padding:10px 14px;background-color:#fdecea;border:1px solid #ff6467;border-radius:4px;margin:0 0 12px;font-family:Calibri Regular,sans-serif;font-size:13px;font-weight:400;color:#b3261e}.ieeesa-roster-import__error-list{margin:0;padding-left:18px}.ieeesa-roster-import__error-list li+li{margin-top:2px}.ieeesa-roster-import__no-data-banner{padding:10px 14px;background-color:#fefce8;border:1px solid #fdc700;border-radius:4px;margin:16px 0 0;font-size:13px;color:#894b00}.ieeesa-roster-import__progress-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.ieeesa-roster-import__progress-label{font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__progress-percent{font-family:Calibri Regular,sans-serif;font-size:14px;font-weight:600;color:#6f7782}.ieeesa-roster-import__progress-bar{--mdc-linear-progress-active-indicator-color: #00629b;--mdc-linear-progress-track-color: #dce6ef;border-radius:6px;height:14px;margin:0 0 8px;overflow:hidden}.ieeesa-roster-import__progress-bar .mdc-linear-progress__bar-inner{border-color:#00629b}.ieeesa-roster-import__summary-cards{display:flex;gap:16px;margin:16px 0}.ieeesa-roster-import__summary-card{flex:1;border:1px solid #e3e5e8;border-radius:6px;padding:14px 16px;background:#fff}.ieeesa-roster-import__summary-card-count{margin:0 0 4px;font-family:Calibri Bold,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.ieeesa-roster-import__summary-card--success .ieeesa-roster-import__summary-card-count{color:#27783a}.ieeesa-roster-import__summary-card--skipped .ieeesa-roster-import__summary-card-count{color:#ba0c2f}.ieeesa-roster-import__summary-card-label{margin:0;font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__errors-card{border:1px solid #ff6467;border-radius:4px;margin:0 0 16px;background-color:#fdecea;overflow:hidden}.ieeesa-roster-import__errors-header{margin:0;padding:8px 14px;font-size:12px;font-weight:700;color:#ba0c2f;background-color:#fcd9dd;border-bottom:1px solid #ff6467}.ieeesa-roster-import__errors-body{max-height:200px;overflow-y:auto;padding:10px 14px}.ieeesa-roster-import__error-row{margin-bottom:8px}.ieeesa-roster-import__error-row:last-child{margin-bottom:0}.ieeesa-roster-import__error-row-title{margin:0;font-size:12px;font-weight:400;color:#ba0c2f;line-height:1.5}.ieeesa-roster-import__actions{display:flex;align-items:center;gap:14px;margin:20px -1.5em 0;padding:16px 1.5em 0;border-top:1px solid #e5e7eb}.ieeesa-roster-import__import-submit-btn{background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn{margin-left:auto;background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn:hover{background-color:#005587}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RosterImportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-roster-import', standalone: true, imports: [CommonModule, MatButtonModule, MatProgressBarModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-roster-import\">\r\n  <!-- Sub-heading band: \"Bulk Import Participants\" on the left, Import Roster\r\n       action on the right (appears once a file is selected) \u2014 matches the Figma.\r\n       The \"\u2190 Back to Rosters / Import Roster\" title row + X are rendered by the\r\n       shared ModalComponent above this. -->\r\n  <div class=\"ieeesa-roster-import__subheader\">\r\n    <span class=\"ieeesa-roster-import__subheader-title\">\r\n      {{ screenTexts?.subHeading ?? 'Bulk Import Participants' }}\r\n    </span>\r\n    <button\r\n      *ngIf=\"selectedFile && importState === 'upload'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-tertiary-button ieeesa-roster-import__import-btn\"\r\n      (click)=\"onImport()\"\r\n      [attr.aria-label]=\"screenTexts?.buttons?.import ?? 'Import Roster'\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__import-btn-icon\" width=\"14\" height=\"14\" aria-hidden=\"true\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-import\"></use>\r\n      </svg>\r\n      {{ screenTexts?.buttons?.import ?? 'Import Roster' }}\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Required Columns Info -->\r\n  <div class=\"ieeesa-roster-import__columns-card\">\r\n    <div class=\"ieeesa-roster-import__columns-content\">\r\n      <p class=\"ieeesa-roster-import__columns-title\">\r\n        {{ screenTexts?.requiredColumnsTitle ?? 'Required columns' }}\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__columns-chips\">\r\n        <span\r\n          *ngFor=\"let col of requiredColumns\"\r\n          class=\"ieeesa-roster-import__chip\"\r\n        >\r\n          {{ col }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"ieeesa-roster-import__sample-wrapper\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-roster-import__download-btn\"\r\n        (click)=\"downloadSampleFile()\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadSample ?? 'Download Sample File'\"\r\n      >\r\n        <svg\r\n          class=\"ieeesa-roster-import__download-btn-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ screenTexts?.downloadSampleLabel ?? 'Download Sample File' }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"ieeesa-roster-import__upload-label\">\r\n    {{ screenTexts?.uploadLabel ?? 'Upload your file' }}\r\n  </p>\r\n\r\n  <!-- Upload State -->\r\n  <ng-container *ngIf=\"importState === 'upload'\">\r\n    <!-- Hidden file input -->\r\n    <input\r\n      #fileInput\r\n      type=\"file\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      (change)=\"onFileSelected($event)\"\r\n      hidden\r\n      [attr.aria-label]=\"screenTexts?.uploadLabel ?? 'Upload your file'\"\r\n    />\r\n\r\n    <!-- Drag & Drop Zone -->\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone\"\r\n      [class.ieeesa-roster-import__dropzone--active]=\"isDragOver\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onFileDrop($event)\"\r\n      (click)=\"fileInput.click()\"\r\n      role=\"button\"\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"fileInput.click()\"\r\n      (keydown.space)=\"fileInput.click()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.dropzone ?? 'Drag and drop file upload area'\"\r\n    >\r\n      <ng-container *ngIf=\"!selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <p class=\"ieeesa-roster-import__dropzone-text\">\r\n          {{ screenTexts?.dropzoneText ?? 'Drag & drop a file here, or click to browse' }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__dropzone-hint\">\r\n          {{ screenTexts?.dropzoneHint ?? 'Accepted formats: .csv, .xlsx' }}\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <div class=\"ieeesa-roster-import__file-row\">\r\n          <p class=\"ieeesa-roster-import__file-name\">\r\n            <svg width=\"14\" height=\"14\">\r\n              <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n            </svg>\r\n            {{ selectedFile.name }}\r\n          </p>\r\n          <button\r\n            mat-button\r\n            class=\"ieeesa-roster-import__remove-file-btn\"\r\n            (click)=\"onRemoveFile(); $event.stopPropagation()\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"screenTexts?.ariaLabel?.remove ?? 'Remove selected file'\"\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- Inline Error Message -->\r\n    <div\r\n      *ngIf=\"errorMessage\"\r\n      class=\"ieeesa-roster-import__error-banner\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Processing / Result share the file display + progress bar -->\r\n  <ng-container *ngIf=\"importState === 'processing' || importState === 'result'\">\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone ieeesa-roster-import__dropzone--result\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n      </svg>\r\n      <p class=\"ieeesa-roster-import__file-name\">\r\n        <svg width=\"14\" height=\"14\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ selectedFile?.name }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- Progress label (processing only) -->\r\n    <div\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-head\"\r\n    >\r\n      <span class=\"ieeesa-roster-import__progress-label\">\r\n        {{ screenTexts?.processingLabel ?? 'Processing file records....' }}\r\n      </span>\r\n    </div>\r\n    <mat-progress-bar\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-bar\"\r\n      mode=\"indeterminate\"\r\n      [attr.aria-label]=\"screenTexts?.processingLabel ?? 'Processing file records....'\"\r\n    ></mat-progress-bar>\r\n  </ng-container>\r\n\r\n  <!-- Result State (summary + errors) -->\r\n  <ng-container *ngIf=\"importState === 'result' && uploadResult\">\r\n    <!-- No data records banner (headers only, zero rows) -->\r\n    <div\r\n      *ngIf=\"noDataMessage\"\r\n      class=\"ieeesa-roster-import__no-data-banner\"\r\n      role=\"status\"\r\n    >\r\n      {{ noDataMessage }}\r\n    </div>\r\n\r\n    <!-- Summary cards -->\r\n    <div *ngIf=\"showSummaryCards\" class=\"ieeesa-roster-import__summary-cards\">\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--success\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.successCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.successCardLabel ?? 'Rosters added successfully' }}\r\n        </p>\r\n      </div>\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--skipped\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.failureCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.skippedCardLabel ?? 'Skipped Rows' }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Row Errors Card -->\r\n    <div *ngIf=\"jobErrors.length\" class=\"ieeesa-roster-import__errors-card\">\r\n      <p class=\"ieeesa-roster-import__errors-header\">\r\n        <ng-container *ngIf=\"allRowsSkipped; else someErrors\">\r\n          {{ screenTexts?.result?.allRowsSkippedHeader ?? 'All Rows are skipped' }}\r\n        </ng-container>\r\n        <ng-template #someErrors>\r\n          {{ screenTexts?.result?.errorsHeader ?? 'Row errors \u2014 these rows will be skipped' }}\r\n        </ng-template>\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__errors-body\">\r\n        <div\r\n          *ngFor=\"let rowErr of jobErrors\"\r\n          class=\"ieeesa-roster-import__error-row\"\r\n        >\r\n          <p class=\"ieeesa-roster-import__error-row-title\">\r\n            Row {{ rowErr.rowNumber }} \u2014 {{ rowErr.errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Footer actions -->\r\n  <div class=\"ieeesa-roster-import__actions\">\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button ieeesa-roster-import__cancel-btn\"\r\n      (click)=\"onCancel()\"\r\n      type=\"button\"\r\n    >\r\n      {{ screenTexts?.buttons?.cancel ?? 'Cancel' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result' && jobErrors.length\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__error-log-btn\"\r\n      (click)=\"downloadErrorLog()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadErrorLog ?? 'Download Error log'\"\r\n    >\r\n      {{ screenTexts?.buttons?.downloadErrorLog ?? 'Download Error log' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__upload-new-btn\"\r\n      (click)=\"onUploadNewFile()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.uploadNewFile ?? 'Upload different file'\"\r\n    >\r\n      {{ screenTexts?.buttons?.uploadNewFile ?? 'Upload Different File' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.mat-mdc-dialog-content:has(>.ieeesa-roster-import),.mdc-dialog__content:has(>.ieeesa-roster-import),.mat-mdc-dialog-content:has(.ieeesa-roster-import),.mdc-dialog__content:has(.ieeesa-roster-import){max-height:none!important;min-height:320px!important;height:auto!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog{width:720px!important;max-width:calc(100vw - 32px)!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal{box-shadow:0 4px 24px #00000080!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog [mat-dialog-content],.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-container .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal>.ieeesa-label-lg-16{max-height:none!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content{min-height:0!important;padding:0!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{display:flex;align-items:center;gap:4px}.ieeesa-roster-import{background:#fff;position:relative;box-sizing:border-box;width:100%;font-family:Calibri Regular,sans-serif}.ieeesa-roster-import strong,.ieeesa-roster-import b,.ieeesa-roster-import .ieeesa-roster-import__subheader-title,.ieeesa-roster-import .ieeesa-roster-import__columns-title,.ieeesa-roster-import .ieeesa-roster-import__import-btn,.ieeesa-roster-import .ieeesa-roster-import__summary-card-count{font-family:Calibri Bold,sans-serif}.ieeesa-roster-import__subheader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 1.5em;margin:0 -1.5em 20px;min-height:48px;background-color:#f4f5f7}.ieeesa-roster-import__subheader-title{font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__import-btn.mat-tertiary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:13px;font-weight:600;line-height:1;height:36px!important;min-height:36px!important;padding:0 16px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__import-btn.mat-tertiary-button .mdc-button__label{display:inline-flex;align-items:center;gap:6px}.ieeesa-roster-import__import-btn.mat-tertiary-button:hover:not(:disabled){background-color:#f7fbff}.ieeesa-roster-import__import-btn.mat-tertiary-button:disabled{border-color:#cbd5e1;color:#9aa4b2}.ieeesa-roster-import__import-btn-icon{width:14px;height:14px;flex-shrink:0;display:block;vertical-align:middle}.ieeesa-roster-import__columns-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #2f9fe6;border-radius:6px;background:#f3f9ff;padding:10px;margin:0 0 24px}.ieeesa-roster-import__columns-content{flex:1;min-width:0}.ieeesa-roster-import__columns-title{margin:0 0 10px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:700;color:#005587}.ieeesa-roster-import__columns-chips{display:flex;flex-wrap:wrap;gap:6px}.ieeesa-roster-import__chip{display:inline-block;font-family:Calibri Bold,sans-serif;border:1px solid #d4d8e1;border-radius:4px;background:#e9edf4;padding:6px 12px;color:#6b7280;font-size:12px;font-weight:600}.ieeesa-roster-import__download-btn.mat-tertiary-button{display:inline-flex;align-items:center;gap:4px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:12px;font-weight:600;line-height:18px;height:30px!important;min-height:30px!important;padding:0 12px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__download-btn.mat-tertiary-button:hover{background-color:#f7fbff}.ieeesa-roster-import__download-btn-icon{width:14px;height:14px;flex-shrink:0}.ieeesa-roster-import__upload-label{margin:0 0 8px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone{border:2px dashed #cccccc;border-radius:8px;min-height:108px;padding:20px 16px;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafafa}.ieeesa-roster-import__dropzone:hover,.ieeesa-roster-import__dropzone--active{border-color:#00629b;background:#f4f9fc}.ieeesa-roster-import__dropzone--result{cursor:default;pointer-events:none}.ieeesa-roster-import__upload-icon{color:#5c6371;font-size:18px;line-height:1;margin-bottom:8px}.ieeesa-roster-import__dropzone-text{margin:0;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone-hint{margin:6px 0 0;font-family:Calibri Regular,sans-serif;font-size:12px;color:#99a1af}.ieeesa-roster-import__file-row{display:flex;align-items:center;justify-content:center;gap:6px}.ieeesa-roster-import__file-name{margin:0;font-size:14px;font-weight:600;color:#00629b;display:flex;align-items:center;gap:4px}.ieeesa-roster-import__remove-file-btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#ba0c2f;min-width:auto;width:20px;height:20px;padding:0;cursor:pointer}.ieeesa-roster-import__error-banner{display:flex;flex-direction:column;padding:10px 14px;background-color:#fdecea;border:1px solid #ff6467;border-radius:4px;margin:0 0 12px;font-family:Calibri Regular,sans-serif;font-size:13px;font-weight:400;color:#b3261e}.ieeesa-roster-import__no-data-banner{padding:10px 14px;background-color:#fefce8;border:1px solid #fdc700;border-radius:4px;margin:16px 0 0;font-size:13px;color:#894b00}.ieeesa-roster-import__progress-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.ieeesa-roster-import__progress-label{font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__progress-percent{font-family:Calibri Regular,sans-serif;font-size:14px;font-weight:600;color:#6f7782}.ieeesa-roster-import__progress-bar{--mdc-linear-progress-active-indicator-color: #00629b;--mdc-linear-progress-track-color: #dce6ef;border-radius:6px;height:14px;margin:0 0 8px;overflow:hidden}.ieeesa-roster-import__progress-bar .mdc-linear-progress__bar-inner{border-color:#00629b}.ieeesa-roster-import__summary-cards{display:flex;gap:16px;margin:16px 0}.ieeesa-roster-import__summary-card{flex:1;border:1px solid #e3e5e8;border-radius:6px;padding:14px 16px;background:#fff}.ieeesa-roster-import__summary-card-count{margin:0 0 4px;font-family:Calibri Bold,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.ieeesa-roster-import__summary-card--success .ieeesa-roster-import__summary-card-count{color:#27783a}.ieeesa-roster-import__summary-card--skipped .ieeesa-roster-import__summary-card-count{color:#ba0c2f}.ieeesa-roster-import__summary-card-label{margin:0;font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__errors-card{border:1px solid #ff6467;border-radius:4px;margin:0 0 16px;background-color:#fdecea;overflow:hidden}.ieeesa-roster-import__errors-header{margin:0;padding:8px 14px;font-size:12px;font-weight:700;color:#ba0c2f;background-color:#fcd9dd;border-bottom:1px solid #ff6467}.ieeesa-roster-import__errors-body{max-height:200px;overflow-y:auto;padding:10px 14px}.ieeesa-roster-import__error-row{margin-bottom:8px}.ieeesa-roster-import__error-row:last-child{margin-bottom:0}.ieeesa-roster-import__error-row-title{margin:0;font-size:12px;font-weight:400;color:#ba0c2f;line-height:1.5}.ieeesa-roster-import__actions{display:flex;align-items:center;gap:14px;margin:20px -1.5em 0;padding:16px 1.5em 0;border-top:1px solid #e5e7eb}.ieeesa-roster-import__import-submit-btn{background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn{margin-left:auto;background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn:hover{background-color:#005587}\n"] }]
+            args: [{ selector: 'ieeesa-roster-import', standalone: true, imports: [CommonModule, MatButtonModule, MatProgressBarModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-roster-import\">\r\n  <!-- Sub-heading band: \"Bulk Import Participants\" on the left, Import Roster\r\n       action on the right (appears once a file is selected) \u2014 matches the Figma.\r\n       The \"\u2190 Back to Rosters / Import Roster\" title row + X are rendered by the\r\n       shared ModalComponent above this. -->\r\n  <div class=\"ieeesa-roster-import__subheader\">\r\n    <span class=\"ieeesa-roster-import__subheader-title\">\r\n      {{ screenTexts?.subHeading ?? 'Bulk Import Participants' }}\r\n    </span>\r\n    <button\r\n      *ngIf=\"selectedFile && importState === 'upload'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-tertiary-button ieeesa-roster-import__import-btn\"\r\n      (click)=\"onImport()\"\r\n      [attr.aria-label]=\"screenTexts?.buttons?.import ?? 'Import Roster'\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__import-btn-icon\" width=\"14\" height=\"14\" aria-hidden=\"true\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-import\"></use>\r\n      </svg>\r\n      {{ screenTexts?.buttons?.import ?? 'Import Roster' }}\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Required Columns Info -->\r\n  <div class=\"ieeesa-roster-import__columns-card\">\r\n    <div class=\"ieeesa-roster-import__columns-content\">\r\n      <p class=\"ieeesa-roster-import__columns-title\">\r\n        {{ screenTexts?.requiredColumnsTitle ?? 'Required columns' }}\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__columns-chips\">\r\n        <span\r\n          *ngFor=\"let col of requiredColumns\"\r\n          class=\"ieeesa-roster-import__chip\"\r\n        >\r\n          {{ col }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"ieeesa-roster-import__sample-wrapper\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button ieeesa-roster-import__download-btn\"\r\n        (click)=\"downloadSampleFile()\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadSample ?? 'Download Sample File'\"\r\n      >\r\n        <svg\r\n          class=\"ieeesa-roster-import__download-btn-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ screenTexts?.downloadSampleLabel ?? 'Download Sample File' }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"ieeesa-roster-import__upload-label\">\r\n    {{ screenTexts?.uploadLabel ?? 'Upload your file' }}\r\n  </p>\r\n\r\n  <!-- Upload State -->\r\n  <ng-container *ngIf=\"importState === 'upload'\">\r\n    <!-- Hidden file input -->\r\n    <input\r\n      #fileInput\r\n      type=\"file\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      (change)=\"onFileSelected($event)\"\r\n      hidden\r\n      [attr.aria-label]=\"screenTexts?.uploadLabel ?? 'Upload your file'\"\r\n    />\r\n\r\n    <!-- Drag & Drop Zone -->\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone\"\r\n      [class.ieeesa-roster-import__dropzone--active]=\"isDragOver\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onFileDrop($event)\"\r\n      (click)=\"fileInput.click()\"\r\n      role=\"button\"\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"fileInput.click()\"\r\n      (keydown.space)=\"fileInput.click()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.dropzone ?? 'Drag and drop file upload area'\"\r\n    >\r\n      <ng-container *ngIf=\"!selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <p class=\"ieeesa-roster-import__dropzone-text\">\r\n          {{ screenTexts?.dropzoneText ?? 'Drag & drop a file here, or click to browse' }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__dropzone-hint\">\r\n          {{ screenTexts?.dropzoneHint ?? 'Accepted formats: .csv, .xlsx' }}\r\n        </p>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"selectedFile\">\r\n        <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n        </svg>\r\n        <div class=\"ieeesa-roster-import__file-row\">\r\n          <p class=\"ieeesa-roster-import__file-name\">\r\n            <svg width=\"14\" height=\"14\">\r\n              <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n            </svg>\r\n            {{ selectedFile.name }}\r\n          </p>\r\n          <button\r\n            mat-button\r\n            class=\"ieeesa-roster-import__remove-file-btn\"\r\n            (click)=\"onRemoveFile(); $event.stopPropagation()\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"screenTexts?.ariaLabel?.remove ?? 'Remove selected file'\"\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- Inline Error Message -->\r\n    <div\r\n      *ngIf=\"errorMessages.length || errorMessage\"\r\n      class=\"ieeesa-roster-import__error-banner\"\r\n      role=\"alert\"\r\n    >\r\n      <!-- Multiple API error messages (e.g. several fields failed): list them. -->\r\n      <ul\r\n        *ngIf=\"errorMessages.length > 1; else singleError\"\r\n        class=\"ieeesa-roster-import__error-list\"\r\n      >\r\n        <li *ngFor=\"let message of errorMessages\">{{ message }}</li>\r\n      </ul>\r\n      <!-- Single message (validation errors or one API error). -->\r\n      <ng-template #singleError>\r\n        {{ errorMessages[0] ?? errorMessage }}\r\n      </ng-template>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Processing / Result share the file display + progress bar -->\r\n  <ng-container *ngIf=\"importState === 'processing' || importState === 'result'\">\r\n    <div\r\n      class=\"ieeesa-roster-import__dropzone ieeesa-roster-import__dropzone--result\"\r\n    >\r\n      <svg class=\"ieeesa-roster-import__upload-icon\" width=\"22\" height=\"22\">\r\n        <use xlink:href=\"assets/images/sprites/sprites.svg#icon-upload-gray\"></use>\r\n      </svg>\r\n      <p class=\"ieeesa-roster-import__file-name\">\r\n        <svg width=\"14\" height=\"14\">\r\n          <use xlink:href=\"assets/images/sprites/sprites.svg#icon-file-doc\"></use>\r\n        </svg>\r\n        {{ selectedFile?.name }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- Progress label (processing only) -->\r\n    <div\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-head\"\r\n    >\r\n      <span class=\"ieeesa-roster-import__progress-label\">\r\n        {{ screenTexts?.processingLabel ?? 'Processing file records....' }}\r\n      </span>\r\n    </div>\r\n    <mat-progress-bar\r\n      *ngIf=\"importState === 'processing'\"\r\n      class=\"ieeesa-roster-import__progress-bar\"\r\n      mode=\"indeterminate\"\r\n      [attr.aria-label]=\"screenTexts?.processingLabel ?? 'Processing file records....'\"\r\n    ></mat-progress-bar>\r\n  </ng-container>\r\n\r\n  <!-- Result State (summary + errors) -->\r\n  <ng-container *ngIf=\"importState === 'result' && uploadResult\">\r\n    <!-- No data records banner (headers only, zero rows) -->\r\n    <div\r\n      *ngIf=\"noDataMessage\"\r\n      class=\"ieeesa-roster-import__no-data-banner\"\r\n      role=\"status\"\r\n    >\r\n      {{ noDataMessage }}\r\n    </div>\r\n\r\n    <!-- Summary cards -->\r\n    <div *ngIf=\"showSummaryCards\" class=\"ieeesa-roster-import__summary-cards\">\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--success\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.successCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.successCardLabel ?? 'Rosters added successfully' }}\r\n        </p>\r\n      </div>\r\n      <div\r\n        class=\"ieeesa-roster-import__summary-card ieeesa-roster-import__summary-card--skipped\"\r\n      >\r\n        <p class=\"ieeesa-roster-import__summary-card-count\">\r\n          {{ uploadResult.failureCount }}\r\n        </p>\r\n        <p class=\"ieeesa-roster-import__summary-card-label\">\r\n          {{ screenTexts?.result?.skippedCardLabel ?? 'Skipped Rows' }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Row Errors Card -->\r\n    <div *ngIf=\"jobErrors.length\" class=\"ieeesa-roster-import__errors-card\">\r\n      <p class=\"ieeesa-roster-import__errors-header\">\r\n        <ng-container *ngIf=\"allRowsSkipped; else someErrors\">\r\n          {{ screenTexts?.result?.allRowsSkippedHeader ?? 'All Rows are skipped' }}\r\n        </ng-container>\r\n        <ng-template #someErrors>\r\n          {{ screenTexts?.result?.errorsHeader ?? 'Row errors \u2014 these rows will be skipped' }}\r\n        </ng-template>\r\n      </p>\r\n      <div class=\"ieeesa-roster-import__errors-body\">\r\n        <div\r\n          *ngFor=\"let rowErr of jobErrors\"\r\n          class=\"ieeesa-roster-import__error-row\"\r\n        >\r\n          <p class=\"ieeesa-roster-import__error-row-title\">\r\n            Row {{ rowErr.rowNumber }} \u2014 {{ rowErr.errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Footer actions -->\r\n  <div class=\"ieeesa-roster-import__actions\">\r\n    <button\r\n      mat-button\r\n      class=\"mat-tertiary-button ieeesa-roster-import__cancel-btn\"\r\n      (click)=\"onCancel()\"\r\n      type=\"button\"\r\n    >\r\n      {{ screenTexts?.buttons?.cancel ?? 'Cancel' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result' && jobErrors.length\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__error-log-btn\"\r\n      (click)=\"downloadErrorLog()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.downloadErrorLog ?? 'Download Error log'\"\r\n    >\r\n      {{ screenTexts?.buttons?.downloadErrorLog ?? 'Download Error log' }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"importState === 'result'\"\r\n      mat-button\r\n      type=\"button\"\r\n      class=\"mat-primary-button ieeesa-roster-import__upload-new-btn\"\r\n      (click)=\"onUploadNewFile()\"\r\n      [attr.aria-label]=\"screenTexts?.ariaLabel?.uploadNewFile ?? 'Upload different file'\"\r\n    >\r\n      {{ screenTexts?.buttons?.uploadNewFile ?? 'Upload Different File' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.mat-mdc-dialog-content:has(>.ieeesa-roster-import),.mdc-dialog__content:has(>.ieeesa-roster-import),.mat-mdc-dialog-content:has(.ieeesa-roster-import),.mdc-dialog__content:has(.ieeesa-roster-import){max-height:none!important;min-height:320px!important;height:auto!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog{width:720px!important;max-width:calc(100vw - 32px)!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal{box-shadow:0 4px 24px #00000080!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog [mat-dialog-content],.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-container .mdc-dialog__content,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mdc-dialog__surface,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal>.ieeesa-label-lg-16{max-height:none!important;overflow:visible!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .mat-mdc-dialog-content{min-height:0!important;padding:0!important}.ieeesa-modal-dialog.ieeesa-roster-import-dialog .ieeesa-modal-title{display:flex;align-items:center;gap:4px}.ieeesa-roster-import{background:#fff;position:relative;box-sizing:border-box;width:100%;font-family:Calibri Regular,sans-serif}.ieeesa-roster-import strong,.ieeesa-roster-import b,.ieeesa-roster-import .ieeesa-roster-import__subheader-title,.ieeesa-roster-import .ieeesa-roster-import__columns-title,.ieeesa-roster-import .ieeesa-roster-import__import-btn,.ieeesa-roster-import .ieeesa-roster-import__summary-card-count{font-family:Calibri Bold,sans-serif}.ieeesa-roster-import__subheader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 1.5em;margin:0 -1.5em 20px;min-height:48px;background-color:#f4f5f7}.ieeesa-roster-import__subheader-title{font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__import-btn.mat-tertiary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:13px;font-weight:600;line-height:1;height:36px!important;min-height:36px!important;padding:0 16px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__import-btn.mat-tertiary-button .mdc-button__label{display:inline-flex;align-items:center;gap:6px}.ieeesa-roster-import__import-btn.mat-tertiary-button:hover:not(:disabled){background-color:#f7fbff}.ieeesa-roster-import__import-btn.mat-tertiary-button:disabled{border-color:#cbd5e1;color:#9aa4b2}.ieeesa-roster-import__import-btn-icon{width:14px;height:14px;flex-shrink:0;display:block;vertical-align:middle}.ieeesa-roster-import__columns-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #2f9fe6;border-radius:6px;background:#f3f9ff;padding:10px;margin:0 0 24px}.ieeesa-roster-import__columns-content{flex:1;min-width:0}.ieeesa-roster-import__columns-title{margin:0 0 10px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:700;color:#005587}.ieeesa-roster-import__columns-chips{display:flex;flex-wrap:wrap;gap:6px}.ieeesa-roster-import__chip{display:inline-block;font-family:Calibri Bold,sans-serif;border:1px solid #d4d8e1;border-radius:4px;background:#e9edf4;padding:6px 12px;color:#6b7280;font-size:12px;font-weight:600}.ieeesa-roster-import__download-btn.mat-tertiary-button{display:inline-flex;align-items:center;gap:4px;min-width:auto;width:auto;border:1px solid #00629b;color:#00629b;border-radius:4px;background-color:#fff;font-size:12px;font-weight:600;line-height:18px;height:30px!important;min-height:30px!important;padding:0 12px!important;white-space:nowrap;box-shadow:none}.ieeesa-roster-import__download-btn.mat-tertiary-button:hover{background-color:#f7fbff}.ieeesa-roster-import__download-btn-icon{width:14px;height:14px;flex-shrink:0}.ieeesa-roster-import__upload-label{margin:0 0 8px;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone{border:2px dashed #cccccc;border-radius:8px;min-height:108px;padding:20px 16px;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafafa}.ieeesa-roster-import__dropzone:hover,.ieeesa-roster-import__dropzone--active{border-color:#00629b;background:#f4f9fc}.ieeesa-roster-import__dropzone--result{cursor:default;pointer-events:none}.ieeesa-roster-import__upload-icon{color:#5c6371;font-size:18px;line-height:1;margin-bottom:8px}.ieeesa-roster-import__dropzone-text{margin:0;font-family:Calibri Bold,sans-serif;font-size:14px;font-weight:600;color:#4a5565}.ieeesa-roster-import__dropzone-hint{margin:6px 0 0;font-family:Calibri Regular,sans-serif;font-size:12px;color:#99a1af}.ieeesa-roster-import__file-row{display:flex;align-items:center;justify-content:center;gap:6px}.ieeesa-roster-import__file-name{margin:0;font-size:14px;font-weight:600;color:#00629b;display:flex;align-items:center;gap:4px}.ieeesa-roster-import__remove-file-btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#ba0c2f;min-width:auto;width:20px;height:20px;padding:0;cursor:pointer}.ieeesa-roster-import__error-banner{display:flex;flex-direction:column;padding:10px 14px;background-color:#fdecea;border:1px solid #ff6467;border-radius:4px;margin:0 0 12px;font-family:Calibri Regular,sans-serif;font-size:13px;font-weight:400;color:#b3261e}.ieeesa-roster-import__error-list{margin:0;padding-left:18px}.ieeesa-roster-import__error-list li+li{margin-top:2px}.ieeesa-roster-import__no-data-banner{padding:10px 14px;background-color:#fefce8;border:1px solid #fdc700;border-radius:4px;margin:16px 0 0;font-size:13px;color:#894b00}.ieeesa-roster-import__progress-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.ieeesa-roster-import__progress-label{font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__progress-percent{font-family:Calibri Regular,sans-serif;font-size:14px;font-weight:600;color:#6f7782}.ieeesa-roster-import__progress-bar{--mdc-linear-progress-active-indicator-color: #00629b;--mdc-linear-progress-track-color: #dce6ef;border-radius:6px;height:14px;margin:0 0 8px;overflow:hidden}.ieeesa-roster-import__progress-bar .mdc-linear-progress__bar-inner{border-color:#00629b}.ieeesa-roster-import__summary-cards{display:flex;gap:16px;margin:16px 0}.ieeesa-roster-import__summary-card{flex:1;border:1px solid #e3e5e8;border-radius:6px;padding:14px 16px;background:#fff}.ieeesa-roster-import__summary-card-count{margin:0 0 4px;font-family:Calibri Bold,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.ieeesa-roster-import__summary-card--success .ieeesa-roster-import__summary-card-count{color:#27783a}.ieeesa-roster-import__summary-card--skipped .ieeesa-roster-import__summary-card-count{color:#ba0c2f}.ieeesa-roster-import__summary-card-label{margin:0;font-family:Calibri Regular,sans-serif;font-size:14px;color:#6f7782}.ieeesa-roster-import__errors-card{border:1px solid #ff6467;border-radius:4px;margin:0 0 16px;background-color:#fdecea;overflow:hidden}.ieeesa-roster-import__errors-header{margin:0;padding:8px 14px;font-size:12px;font-weight:700;color:#ba0c2f;background-color:#fcd9dd;border-bottom:1px solid #ff6467}.ieeesa-roster-import__errors-body{max-height:200px;overflow-y:auto;padding:10px 14px}.ieeesa-roster-import__error-row{margin-bottom:8px}.ieeesa-roster-import__error-row:last-child{margin-bottom:0}.ieeesa-roster-import__error-row-title{margin:0;font-size:12px;font-weight:400;color:#ba0c2f;line-height:1.5}.ieeesa-roster-import__actions{display:flex;align-items:center;gap:14px;margin:20px -1.5em 0;padding:16px 1.5em 0;border-top:1px solid #e5e7eb}.ieeesa-roster-import__import-submit-btn{background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn{margin-left:auto;background-color:#00629b;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 14px}.ieeesa-roster-import__error-log-btn:hover{background-color:#005587}\n"] }]
         }], ctorParameters: function () { return [{ type: RosterImportApiService }, { type: GroupsService }]; }, propDecorators: { componentData: [{
                 type: Input
             }], submitFormResponse: [{
@@ -5644,6 +5661,10 @@ class CustomQuestionEditorComponent {
     parseOptionsString(optionsJson) {
         if (!optionsJson)
             return '';
+        // Options may already be a deserialized array (the shared contract allows
+        // string[]), so handle that before attempting to JSON.parse a raw string.
+        if (Array.isArray(optionsJson))
+            return optionsJson.join('\n');
         try {
             const parsed = JSON.parse(optionsJson);
             return Array.isArray(parsed) ? parsed.join('\n') : '';
@@ -5680,7 +5701,10 @@ class CustomQuestionEditorComponent {
      * @memberof CustomQuestionEditorComponent
      */
     get isSaveDisabled() {
-        if (this.form?.invalid)
+        const label = this.form?.get('label')?.value;
+        // Validators.required accepts whitespace-only; onSave trims to '', so block
+        // save when the trimmed label is empty.
+        if (this.form?.invalid || !label?.trim())
             return true;
         if (this.isChoiceType && this.parseOptions().length === 0)
             return true;
@@ -5718,11 +5742,11 @@ class CustomQuestionEditorComponent {
         this.cancel.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomQuestionEditorComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomQuestionEditorComponent, isStandalone: true, selector: "ieeesa-custom-question-editor", inputs: { question: "question" }, outputs: { save: "save", cancel: "cancel" }, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"ieeesa-question-editor\">\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.labelLabel }}\r\n        <span class=\"ieeesa-question-editor__required-mark\">*</span>\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"label\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.labelLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.typeLabel }}\r\n      </label>\r\n      <select\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"type\"\r\n        [attr.aria-label]=\"editorTexts?.typeLabel\"\r\n      >\r\n        <option [ngValue]=\"null\" disabled>\r\n          {{ editorTexts?.selectPlaceholder }}\r\n        </option>\r\n        <option\r\n          *ngFor=\"let option of typeOptions\"\r\n          [ngValue]=\"option.value\"\r\n        >\r\n          {{ option.label }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__required-row d-flex align-items-center gap-2\">\r\n    <span class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n    <label class=\"ieeesa-question-editor__switch\">\r\n      <input type=\"checkbox\" formControlName=\"required\" />\r\n      <span class=\"ieeesa-question-editor__slider\"></span>\r\n    </label>\r\n    <span class=\"ieeesa-question-editor__required-hint ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.placeholderLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"placeholder\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.placeholderLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.helpTextLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"helpText\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.helpTextLabel\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"isChoiceType\" class=\"ieeesa-question-editor__field\">\r\n    <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n      {{ editorTexts?.optionsLabel }}\r\n    </label>\r\n    <textarea\r\n      class=\"ieeesa-question-editor__textarea ieeesa-body-sm-14\"\r\n      formControlName=\"options\"\r\n      rows=\"5\"\r\n      [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n      [attr.aria-label]=\"editorTexts?.optionsLabel\"\r\n    ></textarea>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__actions d-flex gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"editorTexts?.cancel\"\r\n    >\r\n      {{ editorTexts?.cancel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__save\"\r\n      [disabled]=\"isSaveDisabled\"\r\n      (click)=\"onSave()\"\r\n      [attr.aria-label]=\"editorTexts?.save\"\r\n    >\r\n      {{ editorTexts?.save }}\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-question-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ieeesa-question-editor__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ieeesa-question-editor__label{font-weight:600;color:#1c1d1e}.ieeesa-question-editor__required-mark{color:#b3261e}.ieeesa-question-editor__input,.ieeesa-question-editor__textarea{width:100%;padding:10px 12px;border:1px solid #d7d6d6;border-radius:4px;background:#fff;color:#1c1d1e}.ieeesa-question-editor__input:focus,.ieeesa-question-editor__textarea:focus{outline:none;border-color:#00629b}.ieeesa-question-editor__textarea{resize:vertical}.ieeesa-question-editor__required-row{margin-bottom:16px}.ieeesa-question-editor__required-hint{color:#777a7e}.ieeesa-question-editor__switch{position:relative;display:inline-block;width:40px;height:20px}.ieeesa-question-editor__switch input{opacity:0;width:0;height:0}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider{background-color:#00629b}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider:before{transform:translate(20px)}.ieeesa-question-editor__slider{position:absolute;inset:0;cursor:pointer;background-color:#a7a8aa;border-radius:20px;transition:background-color .2s}.ieeesa-question-editor__slider:before{content:\"\";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s}.ieeesa-question-editor__actions{margin-top:8px}.ieeesa-question-editor__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomQuestionEditorComponent, isStandalone: true, selector: "ieeesa-custom-question-editor", inputs: { question: "question" }, outputs: { save: "save", cancel: "cancel" }, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"ieeesa-question-editor\">\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.labelLabel }}\r\n        <span class=\"ieeesa-question-editor__required-mark\">*</span>\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"label\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.labelLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.typeLabel }}\r\n      </label>\r\n      <select\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"type\"\r\n        [attr.aria-label]=\"editorTexts?.typeLabel\"\r\n      >\r\n        <option [ngValue]=\"null\" disabled>\r\n          {{ editorTexts?.selectPlaceholder }}\r\n        </option>\r\n        <option\r\n          *ngFor=\"let option of typeOptions\"\r\n          [ngValue]=\"option.value\"\r\n        >\r\n          {{ option.label }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__required-row d-flex align-items-center gap-2\">\r\n    <span class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n    <label class=\"ieeesa-question-editor__switch\">\r\n      <input\r\n        type=\"checkbox\"\r\n        formControlName=\"required\"\r\n        [attr.aria-label]=\"editorTexts?.requiredLabel\"\r\n      />\r\n      <span class=\"ieeesa-question-editor__slider\"></span>\r\n    </label>\r\n    <span class=\"ieeesa-question-editor__required-hint ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.placeholderLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"placeholder\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.placeholderLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.helpTextLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"helpText\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.helpTextLabel\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"isChoiceType\" class=\"ieeesa-question-editor__field\">\r\n    <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n      {{ editorTexts?.optionsLabel }}\r\n    </label>\r\n    <textarea\r\n      class=\"ieeesa-question-editor__textarea ieeesa-body-sm-14\"\r\n      formControlName=\"options\"\r\n      rows=\"5\"\r\n      [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n      [attr.aria-label]=\"editorTexts?.optionsLabel\"\r\n    ></textarea>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__actions d-flex gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"editorTexts?.cancel\"\r\n    >\r\n      {{ editorTexts?.cancel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__save\"\r\n      [disabled]=\"isSaveDisabled\"\r\n      (click)=\"onSave()\"\r\n      [attr.aria-label]=\"editorTexts?.save\"\r\n    >\r\n      {{ editorTexts?.save }}\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-question-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ieeesa-question-editor__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ieeesa-question-editor__label{font-weight:600;color:#1c1d1e}.ieeesa-question-editor__required-mark{color:#b3261e}.ieeesa-question-editor__input,.ieeesa-question-editor__textarea{width:100%;padding:10px 12px;border:1px solid #d7d6d6;border-radius:4px;background:#fff;color:#1c1d1e}.ieeesa-question-editor__input:focus,.ieeesa-question-editor__textarea:focus{outline:none;border-color:#00629b}.ieeesa-question-editor__textarea{resize:vertical}.ieeesa-question-editor__required-row{margin-bottom:16px}.ieeesa-question-editor__required-hint{color:#777a7e}.ieeesa-question-editor__switch{position:relative;display:inline-block;width:40px;height:20px}.ieeesa-question-editor__switch input{opacity:0;width:0;height:0}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider{background-color:#00629b}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider:before{transform:translate(20px)}.ieeesa-question-editor__slider{position:absolute;inset:0;cursor:pointer;background-color:#a7a8aa;border-radius:20px;transition:background-color .2s}.ieeesa-question-editor__slider:before{content:\"\";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s}.ieeesa-question-editor__actions{margin-top:8px}.ieeesa-question-editor__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomQuestionEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-custom-question-editor', standalone: true, imports: [CommonModule, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"form\" class=\"ieeesa-question-editor\">\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.labelLabel }}\r\n        <span class=\"ieeesa-question-editor__required-mark\">*</span>\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"label\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.labelLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.typeLabel }}\r\n      </label>\r\n      <select\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"type\"\r\n        [attr.aria-label]=\"editorTexts?.typeLabel\"\r\n      >\r\n        <option [ngValue]=\"null\" disabled>\r\n          {{ editorTexts?.selectPlaceholder }}\r\n        </option>\r\n        <option\r\n          *ngFor=\"let option of typeOptions\"\r\n          [ngValue]=\"option.value\"\r\n        >\r\n          {{ option.label }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__required-row d-flex align-items-center gap-2\">\r\n    <span class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n    <label class=\"ieeesa-question-editor__switch\">\r\n      <input type=\"checkbox\" formControlName=\"required\" />\r\n      <span class=\"ieeesa-question-editor__slider\"></span>\r\n    </label>\r\n    <span class=\"ieeesa-question-editor__required-hint ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.placeholderLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"placeholder\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.placeholderLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.helpTextLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"helpText\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.helpTextLabel\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"isChoiceType\" class=\"ieeesa-question-editor__field\">\r\n    <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n      {{ editorTexts?.optionsLabel }}\r\n    </label>\r\n    <textarea\r\n      class=\"ieeesa-question-editor__textarea ieeesa-body-sm-14\"\r\n      formControlName=\"options\"\r\n      rows=\"5\"\r\n      [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n      [attr.aria-label]=\"editorTexts?.optionsLabel\"\r\n    ></textarea>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__actions d-flex gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"editorTexts?.cancel\"\r\n    >\r\n      {{ editorTexts?.cancel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__save\"\r\n      [disabled]=\"isSaveDisabled\"\r\n      (click)=\"onSave()\"\r\n      [attr.aria-label]=\"editorTexts?.save\"\r\n    >\r\n      {{ editorTexts?.save }}\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-question-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ieeesa-question-editor__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ieeesa-question-editor__label{font-weight:600;color:#1c1d1e}.ieeesa-question-editor__required-mark{color:#b3261e}.ieeesa-question-editor__input,.ieeesa-question-editor__textarea{width:100%;padding:10px 12px;border:1px solid #d7d6d6;border-radius:4px;background:#fff;color:#1c1d1e}.ieeesa-question-editor__input:focus,.ieeesa-question-editor__textarea:focus{outline:none;border-color:#00629b}.ieeesa-question-editor__textarea{resize:vertical}.ieeesa-question-editor__required-row{margin-bottom:16px}.ieeesa-question-editor__required-hint{color:#777a7e}.ieeesa-question-editor__switch{position:relative;display:inline-block;width:40px;height:20px}.ieeesa-question-editor__switch input{opacity:0;width:0;height:0}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider{background-color:#00629b}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider:before{transform:translate(20px)}.ieeesa-question-editor__slider{position:absolute;inset:0;cursor:pointer;background-color:#a7a8aa;border-radius:20px;transition:background-color .2s}.ieeesa-question-editor__slider:before{content:\"\";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s}.ieeesa-question-editor__actions{margin-top:8px}.ieeesa-question-editor__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'ieeesa-custom-question-editor', standalone: true, imports: [CommonModule, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"form\" class=\"ieeesa-question-editor\">\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.labelLabel }}\r\n        <span class=\"ieeesa-question-editor__required-mark\">*</span>\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"label\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.labelLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.typeLabel }}\r\n      </label>\r\n      <select\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"type\"\r\n        [attr.aria-label]=\"editorTexts?.typeLabel\"\r\n      >\r\n        <option [ngValue]=\"null\" disabled>\r\n          {{ editorTexts?.selectPlaceholder }}\r\n        </option>\r\n        <option\r\n          *ngFor=\"let option of typeOptions\"\r\n          [ngValue]=\"option.value\"\r\n        >\r\n          {{ option.label }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__required-row d-flex align-items-center gap-2\">\r\n    <span class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n    <label class=\"ieeesa-question-editor__switch\">\r\n      <input\r\n        type=\"checkbox\"\r\n        formControlName=\"required\"\r\n        [attr.aria-label]=\"editorTexts?.requiredLabel\"\r\n      />\r\n      <span class=\"ieeesa-question-editor__slider\"></span>\r\n    </label>\r\n    <span class=\"ieeesa-question-editor__required-hint ieeesa-body-sm-14\">{{\r\n      editorTexts?.requiredLabel\r\n    }}</span>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__grid\">\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.placeholderLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"placeholder\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.placeholderLabel\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"ieeesa-question-editor__field\">\r\n      <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n        {{ editorTexts?.helpTextLabel }}\r\n      </label>\r\n      <input\r\n        type=\"text\"\r\n        class=\"ieeesa-question-editor__input ieeesa-body-sm-14\"\r\n        formControlName=\"helpText\"\r\n        [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n        [attr.aria-label]=\"editorTexts?.helpTextLabel\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"isChoiceType\" class=\"ieeesa-question-editor__field\">\r\n    <label class=\"ieeesa-question-editor__label ieeesa-body-sm-14\">\r\n      {{ editorTexts?.optionsLabel }}\r\n    </label>\r\n    <textarea\r\n      class=\"ieeesa-question-editor__textarea ieeesa-body-sm-14\"\r\n      formControlName=\"options\"\r\n      rows=\"5\"\r\n      [attr.placeholder]=\"editorTexts?.typeHerePlaceholder\"\r\n      [attr.aria-label]=\"editorTexts?.optionsLabel\"\r\n    ></textarea>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-question-editor__actions d-flex gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"editorTexts?.cancel\"\r\n    >\r\n      {{ editorTexts?.cancel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-question-editor__save\"\r\n      [disabled]=\"isSaveDisabled\"\r\n      (click)=\"onSave()\"\r\n      [attr.aria-label]=\"editorTexts?.save\"\r\n    >\r\n      {{ editorTexts?.save }}\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-question-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ieeesa-question-editor__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ieeesa-question-editor__label{font-weight:600;color:#1c1d1e}.ieeesa-question-editor__required-mark{color:#b3261e}.ieeesa-question-editor__input,.ieeesa-question-editor__textarea{width:100%;padding:10px 12px;border:1px solid #d7d6d6;border-radius:4px;background:#fff;color:#1c1d1e}.ieeesa-question-editor__input:focus,.ieeesa-question-editor__textarea:focus{outline:none;border-color:#00629b}.ieeesa-question-editor__textarea{resize:vertical}.ieeesa-question-editor__required-row{margin-bottom:16px}.ieeesa-question-editor__required-hint{color:#777a7e}.ieeesa-question-editor__switch{position:relative;display:inline-block;width:40px;height:20px}.ieeesa-question-editor__switch input{opacity:0;width:0;height:0}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider{background-color:#00629b}.ieeesa-question-editor__switch input:checked+.ieeesa-question-editor__slider:before{transform:translate(20px)}.ieeesa-question-editor__slider{position:absolute;inset:0;cursor:pointer;background-color:#a7a8aa;border-radius:20px;transition:background-color .2s}.ieeesa-question-editor__slider:before{content:\"\";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s}.ieeesa-question-editor__actions{margin-top:8px}.ieeesa-question-editor__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-question-editor__save:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { question: [{
                 type: Input
             }], save: [{
@@ -5807,6 +5831,23 @@ class InterestFormService {
     constructor(httpService) {
         this.httpService = httpService;
     }
+    /**
+     * Validates the application-level envelope for a write operation. A 2xx
+     * response can still carry an unsuccessful envelope ({ status: false }); this
+     * throws it so callers' error handlers run instead of treating it as success.
+     * @param {InterestApiResponse<T>} response
+     * @return {InterestApiResponse<T>}
+     * @memberof InterestFormService
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    assertSuccess(response) {
+        const status = response?.status;
+        const isSuccess = status === true || status === 'true' || status === 'SUCCESS';
+        if (!isSuccess) {
+            throw response;
+        }
+        return response;
+    }
     /**
      * Sets the API base URL (resolved from the hosting application's config).
      * @param {string} apiBaseUrl
@@ -5829,16 +5870,17 @@ class InterestFormService {
         }));
     }
     /**
-     * Loads the tenant's roles. Member levels (used to populate the default
-     * membership level options) are the subset where roleTypeName is
-     * "Member Level"; filtering is done by the caller.
-     * @param {string} appId
+     * Loads the roles configured for a group type via
+     * GET /groups/config/rolesByGroupType/{groupTypeId}. Member levels (used to
+     * populate the default membership level options) are the subset where
+     * roleTypeName is "Member Level"; filtering is done by the caller.
+     * @param {string} groupTypeId
      * @return {Observable<InterestApiResponse<GroupRole[]>>}
      * @memberof InterestFormService
      */
-    getRoles(appId) {
+    getRoles(groupTypeId) {
         return this.httpService
-            .getData(`${this.apiBaseUrl}/groups/role/${appId}`)
+            .getData(`${this.apiBaseUrl}/groups/config/rolesByGroupType/${groupTypeId}`)
             .pipe(map((response) => response), catchError((error) => {
             throw error;
         }));
@@ -5854,7 +5896,7 @@ class InterestFormService {
             .putData(`${this.apiBaseUrl}/groups/interest-config`, {
             payload: config,
         })
-            .pipe(map((response) => response), catchError((error) => {
+            .pipe(map((response) => this.assertSuccess(response)), catchError((error) => {
             throw error;
         }));
     }
@@ -5882,7 +5924,7 @@ class InterestFormService {
             .postData(`${this.apiBaseUrl}/groups/interest-questions`, {
             payload: question,
         })
-            .pipe(map((response) => response), catchError((error) => {
+            .pipe(map((response) => this.assertSuccess(response)), catchError((error) => {
             throw error;
         }));
     }
@@ -5897,7 +5939,7 @@ class InterestFormService {
             .putData(`${this.apiBaseUrl}/groups/interest-questions`, {
             payload: question,
         })
-            .pipe(map((response) => response), catchError((error) => {
+            .pipe(map((response) => this.assertSuccess(response)), catchError((error) => {
             throw error;
         }));
     }
@@ -5912,7 +5954,7 @@ class InterestFormService {
             .putData(`${this.apiBaseUrl}/groups/interest-questions/reorder`, {
             payload: questionOrders,
         })
-            .pipe(map((response) => response), catchError((error) => {
+            .pipe(map((response) => this.assertSuccess(response)), catchError((error) => {
             throw error;
         }));
     }
@@ -5925,7 +5967,7 @@ class InterestFormService {
     removeQuestion(questionId) {
         return this.httpService
             .putData(`${this.apiBaseUrl}/groups/interest-questions/${questionId}/remove`, {})
-            .pipe(map((response) => response), catchError((error) => {
+            .pipe(map((response) => this.assertSuccess(response)), catchError((error) => {
             throw error;
         }));
     }
@@ -6046,13 +6088,13 @@ class InterestFormComponent {
      * @memberof InterestFormComponent
      */
     loadMembershipLevels() {
-        const appId = this.groupsService?.getUserInfo()?.appId;
-        if (!appId) {
+        const groupTypeId = this.group?.groupType;
+        if (!groupTypeId) {
             this.loadConfig();
             return;
         }
         this.interestFormService
-            .getRoles(appId)
+            .getRoles(groupTypeId)
             .pipe(takeUntil(this.destroy$))
             .subscribe({
             next: (response) => {
@@ -6141,7 +6183,14 @@ class InterestFormComponent {
             this.saveConfig();
         }
         else {
-            // No membership levels configured for this group type: cannot enable.
+            // No membership levels configured for this group type: cannot enable, so
+            // revert the toggle/enabled state to false before alerting (nothing was
+            // persisted, and the dependent sections must not stay visible).
+            this.isFormEnabled = false;
+            this.enableFormToggle = {
+                ...this.enableFormToggle,
+                checked: false,
+            };
             this.alertService?.showMessage({
                 status: 'custom',
                 message: this.interestFormTexts?.noLevelsMessage,
@@ -6317,7 +6366,12 @@ class InterestFormComponent {
         })))
             .pipe(takeUntil(this.destroy$))
             .subscribe({
-            error: (error) => this.handleError(error),
+            // The list was reordered optimistically; if the backend rejected the
+            // new order, reload so the client reflects the persisted order.
+            error: (error) => {
+                this.handleError(error);
+                this.loadQuestions();
+            },
         });
     }
     /**
@@ -6404,8 +6458,17 @@ class InterestFormComponent {
     trackByQuestionId(index, question) {
         return question.questionId;
     }
+    /**
+     * Emits and completes the destroy subject so any in-flight requests are
+     * unsubscribed when the component is destroyed.
+     * @memberof InterestFormComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InterestFormComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }, { token: InterestFormService }, { token: GroupsService }, { token: i2.AlertsService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InterestFormComponent, isStandalone: true, selector: "ieeesa-interest-form", ngImport: i0, template: "<div class=\"ieeesa-interest-form\">\r\n  <div class=\"ieeesa-interest-form__notice ieeesa-body-sm-14\" role=\"note\">\r\n    <svg\r\n      class=\"ieeesa-interest-form__notice-icon\"\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M12 2L1 21h22L12 2zm0 4.5L19.5 19.5h-15L12 6.5zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n    <span>{{ changesNotice }}</span>\r\n  </div>\r\n\r\n  <section class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__row d-flex justify-content-between align-items-start\"\r\n    >\r\n      <div>\r\n        <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n          {{ sectionTitle }}\r\n        </h2>\r\n        <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14 m-0\">\r\n          {{ sectionDescription }}\r\n        </p>\r\n      </div>\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"enableFormToggle\"\r\n        (slideToggleChange)=\"onEnableFormToggle($event)\"\r\n      ></ieeesa-slide-toggle>\r\n    </div>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__section-heading d-flex align-items-center gap-2\"\r\n    >\r\n      <svg\r\n        class=\"ieeesa-interest-form__lock\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path\r\n          d=\"M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0v3H9V7zm-3 5h12v8H6v-8z\"\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ standardQuestionsTitle }}\r\n      </h2>\r\n      <span class=\"ieeesa-interest-form__hint ieeesa-body-sm-14\">{{\r\n        standardQuestionsHint\r\n      }}</span>\r\n    </div>\r\n    <ul class=\"ieeesa-interest-form__standard-list\">\r\n      <li\r\n        *ngFor=\"let question of standardQuestions; trackBy: trackByFn\"\r\n        class=\"ieeesa-interest-form__standard-row d-flex justify-content-between align-items-center\"\r\n      >\r\n        <span class=\"ieeesa-interest-form__standard-label ieeesa-body-sm-14\">{{\r\n          question.label\r\n        }}</span>\r\n        <span class=\"ieeesa-interest-form__standard-tag ieeesa-body-sm-14\">{{\r\n          question.tag\r\n        }}</span>\r\n      </li>\r\n    </ul>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n      {{ defaultMembershipTitle }}\r\n    </h2>\r\n    <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\">\r\n      {{ defaultMembershipDescription }}\r\n    </p>\r\n    <ieeesa-radio\r\n      *ngIf=\"membershipLevels.length > 0\"\r\n      formControlName=\"defaultMembershipLevel\"\r\n      [radioGroup]=\"membershipLevels\"\r\n      (selectedRadioOption)=\"onMembershipLevelChange($event)\"\r\n    ></ieeesa-radio>\r\n    <p\r\n      *ngIf=\"membershipLevels.length === 0\"\r\n      class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\"\r\n    >\r\n      {{ noLevelsMessage }}\r\n    </p>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__custom-header d-flex justify-content-between align-items-center\"\r\n    >\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ customQuestionsTitle }}\r\n      </h2>\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-interest-form__add-question ieeesa-body-sm-14\"\r\n        [disabled]=\"editingQuestionId\"\r\n        (click)=\"onAddQuestion()\"\r\n        [attr.aria-label]=\"addQuestionLabel\"\r\n      >\r\n        {{ addQuestionLabel }}\r\n      </button>\r\n    </div>\r\n\r\n    <div\r\n      cdkDropList\r\n      class=\"ieeesa-interest-form__question-list\"\r\n      (cdkDropListDropped)=\"onReorderQuestions($event)\"\r\n    >\r\n      <div\r\n        *ngFor=\"let question of customQuestions; trackBy: trackByQuestionId\"\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"editingQuestionId\"\r\n        class=\"ieeesa-interest-form__question\"\r\n        [class.ieeesa-interest-form__question--editing]=\"\r\n          editingQuestionId === question.questionId\r\n        \"\r\n      >\r\n        <div\r\n          class=\"ieeesa-interest-form__question-row d-flex align-items-center justify-content-between gap-2\"\r\n          [class.ieeesa-interest-form__question-row--editing]=\"\r\n            editingQuestionId === question.questionId\r\n          \"\r\n        >\r\n          <div class=\"d-flex align-items-center gap-2 ieeesa-interest-form__question-main\">\r\n            <span\r\n              class=\"ieeesa-interest-form__drag-handle\"\r\n              cdkDragHandle\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\">\r\n                <circle cx=\"3\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </span>\r\n            <span class=\"ieeesa-interest-form__question-label ieeesa-body-sm-14\">\r\n              {{ question.questionLabel || newQuestionLabel }}\r\n            </span>\r\n          </div>\r\n          <div class=\"d-flex align-items-center gap-2\">\r\n            <span\r\n              *ngIf=\"question.fieldType\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--type ieeesa-body-sm-14\"\r\n            >\r\n              {{ getTypeLabel(question.fieldType) }}\r\n            </span>\r\n            <span\r\n              *ngIf=\"question.isRequired\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--required ieeesa-body-sm-14\"\r\n            >\r\n              {{ requiredTag }}\r\n            </span>\r\n            <button\r\n              *ngIf=\"editingQuestionId !== question.questionId\"\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn\"\r\n              (click)=\"onEditQuestion(question)\"\r\n              [attr.aria-label]=\"editQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.06.59l1.35 1.35c.79.78.79 2.05 0 2.83L4.18 18H0v-4.18L10.4 3.41 13.23.59c.78-.78 2.05-.78 2.83 0zM2 16l1.41.06L13.23 6.23l-1.41-1.41L2 14.64V16z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn ieeesa-interest-form__icon-btn--delete\"\r\n              (click)=\"onDeleteQuestion(question.questionId)\"\r\n              [attr.aria-label]=\"deleteQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 3V4H20V6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4V4H9V3H15ZM7 19H17V6H7V19ZM9 8H11V17H9V8ZM15 8H13V17H15V8Z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <ieeesa-custom-question-editor\r\n          *ngIf=\"editingQuestionId === question.questionId\"\r\n          [question]=\"question\"\r\n          (save)=\"onSaveQuestion($event)\"\r\n          (cancel)=\"onCancelQuestion(question.questionId)\"\r\n        ></ieeesa-custom-question-editor>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <div class=\"ieeesa-interest-form__footer d-flex justify-content-start gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"cancelLabel\"\r\n    >\r\n      {{ cancelLabel }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"isFormEnabled\"\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__preview\"\r\n      (click)=\"onPreview()\"\r\n      [attr.aria-label]=\"previewLabel\"\r\n    >\r\n      {{ previewLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-interest-form .ieeesa-interest-form__notice{display:flex;align-items:center;gap:8px;background-color:#fdf6e3;border:1px solid #f0d98c;border-radius:4px;padding:10px 14px;margin-top:16px;margin-bottom:16px;color:#333436}.ieeesa-interest-form__notice-icon{color:#e0a800;flex-shrink:0}.ieeesa-interest-form__section{padding:16px;border:1px solid #d7d6d6;border-radius:4px;margin-bottom:16px}.ieeesa-interest-form__section--custom{margin-bottom:0}.ieeesa-interest-form__section-heading{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__section-title{color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__section-desc{margin:4px 0 0;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__hint{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;background-color:#f0f5f9;color:#9ba0a6;font-weight:400}.ieeesa-interest-form__lock{color:#1c1d1e;flex-shrink:0}.ieeesa-interest-form__standard-list{list-style:none;margin:0;padding:0;border:1px solid #d7d6d6;border-radius:4px}.ieeesa-interest-form__standard-row{padding:12px 16px}.ieeesa-interest-form__standard-row:not(:last-child){border-bottom:1px solid #d7d6d6}.ieeesa-interest-form .ieeesa-interest-form__standard-label,.ieeesa-interest-form .ieeesa-interest-form__standard-tag{color:#9ba0a6}.ieeesa-interest-form__custom-header{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__add-question{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__add-question:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}.ieeesa-interest-form__question{border:1px solid #d7d6d6;border-radius:4px;margin-bottom:12px;overflow:hidden}.ieeesa-interest-form__question:last-child{margin-bottom:0}.ieeesa-interest-form__question--editing{border:2px solid #00629b}.ieeesa-interest-form .cdk-drag-preview,.ieeesa-interest-form .cdk-drag-placeholder{border:1px solid #d7d6d6!important;border-radius:4px;background:#fff}.ieeesa-interest-form__question-row{padding:12px 16px}.ieeesa-interest-form__question-row--editing{background-color:#eaf3f9;border-bottom:1px solid #d7d6d6}.ieeesa-interest-form__drag-handle{cursor:grab;color:#777a7e;display:flex;align-items:center}.ieeesa-interest-form ieeesa-custom-question-editor{display:block;padding:16px}.ieeesa-interest-form .ieeesa-interest-form__question-label{font-weight:600;color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px}.ieeesa-interest-form .ieeesa-interest-form__chip--type{background-color:#f0f5f9;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__chip--required{background-color:#b3261e14;color:#b3261e}.ieeesa-interest-form__icon-btn{background:none;border:none;cursor:pointer;color:#00629b;padding:0}.ieeesa-interest-form__icon-btn--delete{color:#b3261e}.ieeesa-interest-form__footer{margin-top:24px}.ieeesa-interest-form .ieeesa-interest-form__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__preview{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-color:#a7a8aa!important;background:#a7a8aa!important}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{border-color:#a7a8aa!important;background:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: SlideToggleComponent, selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "component", type: RadioComponent, selector: "ieeesa-radio", inputs: ["formControlName", "radioGroup", "isDisabled"], outputs: ["selectedRadioOption"] }, { kind: "component", type: CustomQuestionEditorComponent, selector: "ieeesa-custom-question-editor", inputs: ["question"], outputs: ["save", "cancel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InterestFormComponent, isStandalone: true, selector: "ieeesa-interest-form", ngImport: i0, template: "<div class=\"ieeesa-interest-form\">\r\n  <div class=\"ieeesa-interest-form__notice ieeesa-body-sm-14\" role=\"note\">\r\n    <svg\r\n      class=\"ieeesa-interest-form__notice-icon\"\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M12 2L1 21h22L12 2zm0 4.5L19.5 19.5h-15L12 6.5zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n    <span>{{ changesNotice }}</span>\r\n  </div>\r\n\r\n  <section class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__row d-flex justify-content-between align-items-start\"\r\n    >\r\n      <div>\r\n        <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n          {{ sectionTitle }}\r\n        </h2>\r\n        <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14 m-0\">\r\n          {{ sectionDescription }}\r\n        </p>\r\n      </div>\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"enableFormToggle\"\r\n        (slideToggleChange)=\"onEnableFormToggle($event)\"\r\n      ></ieeesa-slide-toggle>\r\n    </div>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__section-heading d-flex align-items-center gap-2\"\r\n    >\r\n      <svg\r\n        class=\"ieeesa-interest-form__lock\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path\r\n          d=\"M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0v3H9V7zm-3 5h12v8H6v-8z\"\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ standardQuestionsTitle }}\r\n      </h2>\r\n      <span class=\"ieeesa-interest-form__hint ieeesa-body-sm-14\">{{\r\n        standardQuestionsHint\r\n      }}</span>\r\n    </div>\r\n    <ul class=\"ieeesa-interest-form__standard-list\">\r\n      <li\r\n        *ngFor=\"let question of standardQuestions; trackBy: trackByFn\"\r\n        class=\"ieeesa-interest-form__standard-row d-flex justify-content-between align-items-center\"\r\n      >\r\n        <span class=\"ieeesa-interest-form__standard-label ieeesa-body-sm-14\">{{\r\n          question.label\r\n        }}</span>\r\n        <span class=\"ieeesa-interest-form__standard-tag ieeesa-body-sm-14\">{{\r\n          question.tag\r\n        }}</span>\r\n      </li>\r\n    </ul>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n      {{ defaultMembershipTitle }}\r\n    </h2>\r\n    <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\">\r\n      {{ defaultMembershipDescription }}\r\n    </p>\r\n    <ieeesa-radio\r\n      *ngIf=\"membershipLevels.length > 0\"\r\n      formControlName=\"defaultMembershipLevel\"\r\n      [radioGroup]=\"membershipLevels\"\r\n      (selectedRadioOption)=\"onMembershipLevelChange($event)\"\r\n    ></ieeesa-radio>\r\n    <p\r\n      *ngIf=\"membershipLevels.length === 0\"\r\n      class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\"\r\n    >\r\n      {{ noLevelsMessage }}\r\n    </p>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__custom-header d-flex justify-content-between align-items-center\"\r\n    >\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ customQuestionsTitle }}\r\n      </h2>\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-interest-form__add-question ieeesa-body-sm-14\"\r\n        [disabled]=\"editingQuestionId\"\r\n        (click)=\"onAddQuestion()\"\r\n        [attr.aria-label]=\"addQuestionLabel\"\r\n      >\r\n        {{ addQuestionLabel }}\r\n      </button>\r\n    </div>\r\n\r\n    <div\r\n      cdkDropList\r\n      class=\"ieeesa-interest-form__question-list\"\r\n      (cdkDropListDropped)=\"onReorderQuestions($event)\"\r\n    >\r\n      <div\r\n        *ngFor=\"let question of customQuestions; trackBy: trackByQuestionId\"\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"editingQuestionId\"\r\n        class=\"ieeesa-interest-form__question\"\r\n        [class.ieeesa-interest-form__question--editing]=\"\r\n          editingQuestionId === question.questionId\r\n        \"\r\n      >\r\n        <div\r\n          class=\"ieeesa-interest-form__question-row d-flex align-items-center justify-content-between gap-2\"\r\n          [class.ieeesa-interest-form__question-row--editing]=\"\r\n            editingQuestionId === question.questionId\r\n          \"\r\n        >\r\n          <div class=\"d-flex align-items-center gap-2 ieeesa-interest-form__question-main\">\r\n            <span\r\n              class=\"ieeesa-interest-form__drag-handle\"\r\n              cdkDragHandle\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\">\r\n                <circle cx=\"3\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </span>\r\n            <span class=\"ieeesa-interest-form__question-label ieeesa-body-sm-14\">\r\n              {{ question.questionLabel || newQuestionLabel }}\r\n            </span>\r\n          </div>\r\n          <div class=\"d-flex align-items-center gap-2\">\r\n            <span\r\n              *ngIf=\"question.fieldType\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--type ieeesa-body-sm-14\"\r\n            >\r\n              {{ getTypeLabel(question.fieldType) }}\r\n            </span>\r\n            <span\r\n              *ngIf=\"question.isRequired\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--required ieeesa-body-sm-14\"\r\n            >\r\n              {{ requiredTag }}\r\n            </span>\r\n            <button\r\n              *ngIf=\"editingQuestionId !== question.questionId\"\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn\"\r\n              (click)=\"onEditQuestion(question)\"\r\n              [attr.aria-label]=\"editQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.06.59l1.35 1.35c.79.78.79 2.05 0 2.83L4.18 18H0v-4.18L10.4 3.41 13.23.59c.78-.78 2.05-.78 2.83 0zM2 16l1.41.06L13.23 6.23l-1.41-1.41L2 14.64V16z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn ieeesa-interest-form__icon-btn--delete\"\r\n              (click)=\"onDeleteQuestion(question.questionId)\"\r\n              [attr.aria-label]=\"deleteQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 3V4H20V6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4V4H9V3H15ZM7 19H17V6H7V19ZM9 8H11V17H9V8ZM15 8H13V17H15V8Z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <ieeesa-custom-question-editor\r\n          *ngIf=\"editingQuestionId === question.questionId\"\r\n          [question]=\"question\"\r\n          (save)=\"onSaveQuestion($event)\"\r\n          (cancel)=\"onCancelQuestion(question.questionId)\"\r\n        ></ieeesa-custom-question-editor>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <div class=\"ieeesa-interest-form__footer d-flex justify-content-start gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"cancelLabel\"\r\n    >\r\n      {{ cancelLabel }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"isFormEnabled\"\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__preview\"\r\n      [disabled]=\"!!editingQuestionId\"\r\n      (click)=\"onPreview()\"\r\n      [attr.aria-label]=\"previewLabel\"\r\n    >\r\n      {{ previewLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-interest-form .ieeesa-interest-form__notice{display:flex;align-items:center;gap:8px;background-color:#fdf6e3;border:1px solid #f0d98c;border-radius:4px;padding:10px 14px;margin-top:16px;margin-bottom:16px;color:#333436}.ieeesa-interest-form__notice-icon{color:#e0a800;flex-shrink:0}.ieeesa-interest-form__section{padding:16px;border:1px solid #d7d6d6;border-radius:4px;margin-bottom:16px}.ieeesa-interest-form__section--custom{margin-bottom:0}.ieeesa-interest-form__section-heading{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__section-title{color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__section-desc{margin:4px 0 0;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__hint{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;background-color:#f0f5f9;color:#9ba0a6;font-weight:400}.ieeesa-interest-form__lock{color:#1c1d1e;flex-shrink:0}.ieeesa-interest-form__standard-list{list-style:none;margin:0;padding:0;border:1px solid #d7d6d6;border-radius:4px}.ieeesa-interest-form__standard-row{padding:12px 16px}.ieeesa-interest-form__standard-row:not(:last-child){border-bottom:1px solid #d7d6d6}.ieeesa-interest-form .ieeesa-interest-form__standard-label,.ieeesa-interest-form .ieeesa-interest-form__standard-tag{color:#9ba0a6}.ieeesa-interest-form__custom-header{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__add-question{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__add-question:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}.ieeesa-interest-form__question{border:1px solid #d7d6d6;border-radius:4px;margin-bottom:12px;overflow:hidden}.ieeesa-interest-form__question:last-child{margin-bottom:0}.ieeesa-interest-form__question--editing{border:2px solid #00629b}.ieeesa-interest-form .cdk-drag-preview,.ieeesa-interest-form .cdk-drag-placeholder{border:1px solid #d7d6d6!important;border-radius:4px;background:#fff}.ieeesa-interest-form__question-row{padding:12px 16px}.ieeesa-interest-form__question-row--editing{background-color:#eaf3f9;border-bottom:1px solid #d7d6d6}.ieeesa-interest-form__drag-handle{cursor:grab;color:#777a7e;display:flex;align-items:center}.ieeesa-interest-form ieeesa-custom-question-editor{display:block;padding:16px}.ieeesa-interest-form .ieeesa-interest-form__question-label{font-weight:600;color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px}.ieeesa-interest-form .ieeesa-interest-form__chip--type{background-color:#f0f5f9;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__chip--required{background-color:#b3261e14;color:#b3261e}.ieeesa-interest-form__icon-btn{background:none;border:none;cursor:pointer;color:#00629b;padding:0}.ieeesa-interest-form__icon-btn--delete{color:#b3261e}.ieeesa-interest-form__footer{margin-top:24px}.ieeesa-interest-form .ieeesa-interest-form__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__preview{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-color:#a7a8aa!important;background:#a7a8aa!important}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{border-color:#a7a8aa!important;background:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: SlideToggleComponent, selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "component", type: RadioComponent, selector: "ieeesa-radio", inputs: ["formControlName", "radioGroup", "isDisabled"], outputs: ["selectedRadioOption"] }, { kind: "component", type: CustomQuestionEditorComponent, selector: "ieeesa-custom-question-editor", inputs: ["question"], outputs: ["save", "cancel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InterestFormComponent, decorators: [{
             type: Component,
@@ -6415,7 +6478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SlideToggleComponent,
                         RadioComponent,
                         CustomQuestionEditorComponent,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-interest-form\">\r\n  <div class=\"ieeesa-interest-form__notice ieeesa-body-sm-14\" role=\"note\">\r\n    <svg\r\n      class=\"ieeesa-interest-form__notice-icon\"\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M12 2L1 21h22L12 2zm0 4.5L19.5 19.5h-15L12 6.5zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n    <span>{{ changesNotice }}</span>\r\n  </div>\r\n\r\n  <section class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__row d-flex justify-content-between align-items-start\"\r\n    >\r\n      <div>\r\n        <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n          {{ sectionTitle }}\r\n        </h2>\r\n        <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14 m-0\">\r\n          {{ sectionDescription }}\r\n        </p>\r\n      </div>\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"enableFormToggle\"\r\n        (slideToggleChange)=\"onEnableFormToggle($event)\"\r\n      ></ieeesa-slide-toggle>\r\n    </div>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__section-heading d-flex align-items-center gap-2\"\r\n    >\r\n      <svg\r\n        class=\"ieeesa-interest-form__lock\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path\r\n          d=\"M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0v3H9V7zm-3 5h12v8H6v-8z\"\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ standardQuestionsTitle }}\r\n      </h2>\r\n      <span class=\"ieeesa-interest-form__hint ieeesa-body-sm-14\">{{\r\n        standardQuestionsHint\r\n      }}</span>\r\n    </div>\r\n    <ul class=\"ieeesa-interest-form__standard-list\">\r\n      <li\r\n        *ngFor=\"let question of standardQuestions; trackBy: trackByFn\"\r\n        class=\"ieeesa-interest-form__standard-row d-flex justify-content-between align-items-center\"\r\n      >\r\n        <span class=\"ieeesa-interest-form__standard-label ieeesa-body-sm-14\">{{\r\n          question.label\r\n        }}</span>\r\n        <span class=\"ieeesa-interest-form__standard-tag ieeesa-body-sm-14\">{{\r\n          question.tag\r\n        }}</span>\r\n      </li>\r\n    </ul>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n      {{ defaultMembershipTitle }}\r\n    </h2>\r\n    <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\">\r\n      {{ defaultMembershipDescription }}\r\n    </p>\r\n    <ieeesa-radio\r\n      *ngIf=\"membershipLevels.length > 0\"\r\n      formControlName=\"defaultMembershipLevel\"\r\n      [radioGroup]=\"membershipLevels\"\r\n      (selectedRadioOption)=\"onMembershipLevelChange($event)\"\r\n    ></ieeesa-radio>\r\n    <p\r\n      *ngIf=\"membershipLevels.length === 0\"\r\n      class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\"\r\n    >\r\n      {{ noLevelsMessage }}\r\n    </p>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__custom-header d-flex justify-content-between align-items-center\"\r\n    >\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ customQuestionsTitle }}\r\n      </h2>\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-interest-form__add-question ieeesa-body-sm-14\"\r\n        [disabled]=\"editingQuestionId\"\r\n        (click)=\"onAddQuestion()\"\r\n        [attr.aria-label]=\"addQuestionLabel\"\r\n      >\r\n        {{ addQuestionLabel }}\r\n      </button>\r\n    </div>\r\n\r\n    <div\r\n      cdkDropList\r\n      class=\"ieeesa-interest-form__question-list\"\r\n      (cdkDropListDropped)=\"onReorderQuestions($event)\"\r\n    >\r\n      <div\r\n        *ngFor=\"let question of customQuestions; trackBy: trackByQuestionId\"\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"editingQuestionId\"\r\n        class=\"ieeesa-interest-form__question\"\r\n        [class.ieeesa-interest-form__question--editing]=\"\r\n          editingQuestionId === question.questionId\r\n        \"\r\n      >\r\n        <div\r\n          class=\"ieeesa-interest-form__question-row d-flex align-items-center justify-content-between gap-2\"\r\n          [class.ieeesa-interest-form__question-row--editing]=\"\r\n            editingQuestionId === question.questionId\r\n          \"\r\n        >\r\n          <div class=\"d-flex align-items-center gap-2 ieeesa-interest-form__question-main\">\r\n            <span\r\n              class=\"ieeesa-interest-form__drag-handle\"\r\n              cdkDragHandle\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\">\r\n                <circle cx=\"3\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </span>\r\n            <span class=\"ieeesa-interest-form__question-label ieeesa-body-sm-14\">\r\n              {{ question.questionLabel || newQuestionLabel }}\r\n            </span>\r\n          </div>\r\n          <div class=\"d-flex align-items-center gap-2\">\r\n            <span\r\n              *ngIf=\"question.fieldType\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--type ieeesa-body-sm-14\"\r\n            >\r\n              {{ getTypeLabel(question.fieldType) }}\r\n            </span>\r\n            <span\r\n              *ngIf=\"question.isRequired\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--required ieeesa-body-sm-14\"\r\n            >\r\n              {{ requiredTag }}\r\n            </span>\r\n            <button\r\n              *ngIf=\"editingQuestionId !== question.questionId\"\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn\"\r\n              (click)=\"onEditQuestion(question)\"\r\n              [attr.aria-label]=\"editQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.06.59l1.35 1.35c.79.78.79 2.05 0 2.83L4.18 18H0v-4.18L10.4 3.41 13.23.59c.78-.78 2.05-.78 2.83 0zM2 16l1.41.06L13.23 6.23l-1.41-1.41L2 14.64V16z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn ieeesa-interest-form__icon-btn--delete\"\r\n              (click)=\"onDeleteQuestion(question.questionId)\"\r\n              [attr.aria-label]=\"deleteQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 3V4H20V6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4V4H9V3H15ZM7 19H17V6H7V19ZM9 8H11V17H9V8ZM15 8H13V17H15V8Z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <ieeesa-custom-question-editor\r\n          *ngIf=\"editingQuestionId === question.questionId\"\r\n          [question]=\"question\"\r\n          (save)=\"onSaveQuestion($event)\"\r\n          (cancel)=\"onCancelQuestion(question.questionId)\"\r\n        ></ieeesa-custom-question-editor>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <div class=\"ieeesa-interest-form__footer d-flex justify-content-start gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"cancelLabel\"\r\n    >\r\n      {{ cancelLabel }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"isFormEnabled\"\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__preview\"\r\n      (click)=\"onPreview()\"\r\n      [attr.aria-label]=\"previewLabel\"\r\n    >\r\n      {{ previewLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-interest-form .ieeesa-interest-form__notice{display:flex;align-items:center;gap:8px;background-color:#fdf6e3;border:1px solid #f0d98c;border-radius:4px;padding:10px 14px;margin-top:16px;margin-bottom:16px;color:#333436}.ieeesa-interest-form__notice-icon{color:#e0a800;flex-shrink:0}.ieeesa-interest-form__section{padding:16px;border:1px solid #d7d6d6;border-radius:4px;margin-bottom:16px}.ieeesa-interest-form__section--custom{margin-bottom:0}.ieeesa-interest-form__section-heading{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__section-title{color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__section-desc{margin:4px 0 0;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__hint{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;background-color:#f0f5f9;color:#9ba0a6;font-weight:400}.ieeesa-interest-form__lock{color:#1c1d1e;flex-shrink:0}.ieeesa-interest-form__standard-list{list-style:none;margin:0;padding:0;border:1px solid #d7d6d6;border-radius:4px}.ieeesa-interest-form__standard-row{padding:12px 16px}.ieeesa-interest-form__standard-row:not(:last-child){border-bottom:1px solid #d7d6d6}.ieeesa-interest-form .ieeesa-interest-form__standard-label,.ieeesa-interest-form .ieeesa-interest-form__standard-tag{color:#9ba0a6}.ieeesa-interest-form__custom-header{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__add-question{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__add-question:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}.ieeesa-interest-form__question{border:1px solid #d7d6d6;border-radius:4px;margin-bottom:12px;overflow:hidden}.ieeesa-interest-form__question:last-child{margin-bottom:0}.ieeesa-interest-form__question--editing{border:2px solid #00629b}.ieeesa-interest-form .cdk-drag-preview,.ieeesa-interest-form .cdk-drag-placeholder{border:1px solid #d7d6d6!important;border-radius:4px;background:#fff}.ieeesa-interest-form__question-row{padding:12px 16px}.ieeesa-interest-form__question-row--editing{background-color:#eaf3f9;border-bottom:1px solid #d7d6d6}.ieeesa-interest-form__drag-handle{cursor:grab;color:#777a7e;display:flex;align-items:center}.ieeesa-interest-form ieeesa-custom-question-editor{display:block;padding:16px}.ieeesa-interest-form .ieeesa-interest-form__question-label{font-weight:600;color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px}.ieeesa-interest-form .ieeesa-interest-form__chip--type{background-color:#f0f5f9;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__chip--required{background-color:#b3261e14;color:#b3261e}.ieeesa-interest-form__icon-btn{background:none;border:none;cursor:pointer;color:#00629b;padding:0}.ieeesa-interest-form__icon-btn--delete{color:#b3261e}.ieeesa-interest-form__footer{margin-top:24px}.ieeesa-interest-form .ieeesa-interest-form__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__preview{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-color:#a7a8aa!important;background:#a7a8aa!important}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{border-color:#a7a8aa!important;background:#fff!important}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-interest-form\">\r\n  <div class=\"ieeesa-interest-form__notice ieeesa-body-sm-14\" role=\"note\">\r\n    <svg\r\n      class=\"ieeesa-interest-form__notice-icon\"\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M12 2L1 21h22L12 2zm0 4.5L19.5 19.5h-15L12 6.5zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n    <span>{{ changesNotice }}</span>\r\n  </div>\r\n\r\n  <section class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__row d-flex justify-content-between align-items-start\"\r\n    >\r\n      <div>\r\n        <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n          {{ sectionTitle }}\r\n        </h2>\r\n        <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14 m-0\">\r\n          {{ sectionDescription }}\r\n        </p>\r\n      </div>\r\n      <ieeesa-slide-toggle\r\n        [slideToggle]=\"enableFormToggle\"\r\n        (slideToggleChange)=\"onEnableFormToggle($event)\"\r\n      ></ieeesa-slide-toggle>\r\n    </div>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__section-heading d-flex align-items-center gap-2\"\r\n    >\r\n      <svg\r\n        class=\"ieeesa-interest-form__lock\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <path\r\n          d=\"M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0v3H9V7zm-3 5h12v8H6v-8z\"\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ standardQuestionsTitle }}\r\n      </h2>\r\n      <span class=\"ieeesa-interest-form__hint ieeesa-body-sm-14\">{{\r\n        standardQuestionsHint\r\n      }}</span>\r\n    </div>\r\n    <ul class=\"ieeesa-interest-form__standard-list\">\r\n      <li\r\n        *ngFor=\"let question of standardQuestions; trackBy: trackByFn\"\r\n        class=\"ieeesa-interest-form__standard-row d-flex justify-content-between align-items-center\"\r\n      >\r\n        <span class=\"ieeesa-interest-form__standard-label ieeesa-body-sm-14\">{{\r\n          question.label\r\n        }}</span>\r\n        <span class=\"ieeesa-interest-form__standard-tag ieeesa-body-sm-14\">{{\r\n          question.tag\r\n        }}</span>\r\n      </li>\r\n    </ul>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n      {{ defaultMembershipTitle }}\r\n    </h2>\r\n    <p class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\">\r\n      {{ defaultMembershipDescription }}\r\n    </p>\r\n    <ieeesa-radio\r\n      *ngIf=\"membershipLevels.length > 0\"\r\n      formControlName=\"defaultMembershipLevel\"\r\n      [radioGroup]=\"membershipLevels\"\r\n      (selectedRadioOption)=\"onMembershipLevelChange($event)\"\r\n    ></ieeesa-radio>\r\n    <p\r\n      *ngIf=\"membershipLevels.length === 0\"\r\n      class=\"ieeesa-interest-form__section-desc ieeesa-body-sm-14\"\r\n    >\r\n      {{ noLevelsMessage }}\r\n    </p>\r\n  </section>\r\n\r\n  <section *ngIf=\"isFormEnabled\" class=\"ieeesa-interest-form__section\">\r\n    <div\r\n      class=\"ieeesa-interest-form__custom-header d-flex justify-content-between align-items-center\"\r\n    >\r\n      <h2 class=\"ieeesa-interest-form__section-title ieeesa-body-lg-bold-16 m-0\">\r\n        {{ customQuestionsTitle }}\r\n      </h2>\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-interest-form__add-question ieeesa-body-sm-14\"\r\n        [disabled]=\"editingQuestionId\"\r\n        (click)=\"onAddQuestion()\"\r\n        [attr.aria-label]=\"addQuestionLabel\"\r\n      >\r\n        {{ addQuestionLabel }}\r\n      </button>\r\n    </div>\r\n\r\n    <div\r\n      cdkDropList\r\n      class=\"ieeesa-interest-form__question-list\"\r\n      (cdkDropListDropped)=\"onReorderQuestions($event)\"\r\n    >\r\n      <div\r\n        *ngFor=\"let question of customQuestions; trackBy: trackByQuestionId\"\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"editingQuestionId\"\r\n        class=\"ieeesa-interest-form__question\"\r\n        [class.ieeesa-interest-form__question--editing]=\"\r\n          editingQuestionId === question.questionId\r\n        \"\r\n      >\r\n        <div\r\n          class=\"ieeesa-interest-form__question-row d-flex align-items-center justify-content-between gap-2\"\r\n          [class.ieeesa-interest-form__question-row--editing]=\"\r\n            editingQuestionId === question.questionId\r\n          \"\r\n        >\r\n          <div class=\"d-flex align-items-center gap-2 ieeesa-interest-form__question-main\">\r\n            <span\r\n              class=\"ieeesa-interest-form__drag-handle\"\r\n              cdkDragHandle\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\">\r\n                <circle cx=\"3\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"2\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"3\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n                <circle cx=\"9\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </span>\r\n            <span class=\"ieeesa-interest-form__question-label ieeesa-body-sm-14\">\r\n              {{ question.questionLabel || newQuestionLabel }}\r\n            </span>\r\n          </div>\r\n          <div class=\"d-flex align-items-center gap-2\">\r\n            <span\r\n              *ngIf=\"question.fieldType\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--type ieeesa-body-sm-14\"\r\n            >\r\n              {{ getTypeLabel(question.fieldType) }}\r\n            </span>\r\n            <span\r\n              *ngIf=\"question.isRequired\"\r\n              class=\"ieeesa-interest-form__chip ieeesa-interest-form__chip--required ieeesa-body-sm-14\"\r\n            >\r\n              {{ requiredTag }}\r\n            </span>\r\n            <button\r\n              *ngIf=\"editingQuestionId !== question.questionId\"\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn\"\r\n              (click)=\"onEditQuestion(question)\"\r\n              [attr.aria-label]=\"editQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.06.59l1.35 1.35c.79.78.79 2.05 0 2.83L4.18 18H0v-4.18L10.4 3.41 13.23.59c.78-.78 2.05-.78 2.83 0zM2 16l1.41.06L13.23 6.23l-1.41-1.41L2 14.64V16z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"ieeesa-interest-form__icon-btn ieeesa-interest-form__icon-btn--delete\"\r\n              (click)=\"onDeleteQuestion(question.questionId)\"\r\n              [attr.aria-label]=\"deleteQuestionAriaLabel\"\r\n            >\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 3V4H20V6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4V4H9V3H15ZM7 19H17V6H7V19ZM9 8H11V17H9V8ZM15 8H13V17H15V8Z\" fill=\"currentColor\"/>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <ieeesa-custom-question-editor\r\n          *ngIf=\"editingQuestionId === question.questionId\"\r\n          [question]=\"question\"\r\n          (save)=\"onSaveQuestion($event)\"\r\n          (cancel)=\"onCancelQuestion(question.questionId)\"\r\n        ></ieeesa-custom-question-editor>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <div class=\"ieeesa-interest-form__footer d-flex justify-content-start gap-3\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__cancel\"\r\n      (click)=\"onCancel()\"\r\n      [attr.aria-label]=\"cancelLabel\"\r\n    >\r\n      {{ cancelLabel }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"isFormEnabled\"\r\n      type=\"button\"\r\n      class=\"ieeesa-interest-form__preview\"\r\n      [disabled]=\"!!editingQuestionId\"\r\n      (click)=\"onPreview()\"\r\n      [attr.aria-label]=\"previewLabel\"\r\n    >\r\n      {{ previewLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-interest-form .ieeesa-interest-form__notice{display:flex;align-items:center;gap:8px;background-color:#fdf6e3;border:1px solid #f0d98c;border-radius:4px;padding:10px 14px;margin-top:16px;margin-bottom:16px;color:#333436}.ieeesa-interest-form__notice-icon{color:#e0a800;flex-shrink:0}.ieeesa-interest-form__section{padding:16px;border:1px solid #d7d6d6;border-radius:4px;margin-bottom:16px}.ieeesa-interest-form__section--custom{margin-bottom:0}.ieeesa-interest-form__section-heading{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__section-title{color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__section-desc{margin:4px 0 0;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__hint{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;background-color:#f0f5f9;color:#9ba0a6;font-weight:400}.ieeesa-interest-form__lock{color:#1c1d1e;flex-shrink:0}.ieeesa-interest-form__standard-list{list-style:none;margin:0;padding:0;border:1px solid #d7d6d6;border-radius:4px}.ieeesa-interest-form__standard-row{padding:12px 16px}.ieeesa-interest-form__standard-row:not(:last-child){border-bottom:1px solid #d7d6d6}.ieeesa-interest-form .ieeesa-interest-form__standard-label,.ieeesa-interest-form .ieeesa-interest-form__standard-tag{color:#9ba0a6}.ieeesa-interest-form__custom-header{margin-bottom:12px}.ieeesa-interest-form .ieeesa-interest-form__add-question{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__add-question:disabled{background-color:#c0c7cd;color:#fff;cursor:not-allowed}.ieeesa-interest-form__question{border:1px solid #d7d6d6;border-radius:4px;margin-bottom:12px;overflow:hidden}.ieeesa-interest-form__question:last-child{margin-bottom:0}.ieeesa-interest-form__question--editing{border:2px solid #00629b}.ieeesa-interest-form .cdk-drag-preview,.ieeesa-interest-form .cdk-drag-placeholder{border:1px solid #d7d6d6!important;border-radius:4px;background:#fff}.ieeesa-interest-form__question-row{padding:12px 16px}.ieeesa-interest-form__question-row--editing{background-color:#eaf3f9;border-bottom:1px solid #d7d6d6}.ieeesa-interest-form__drag-handle{cursor:grab;color:#777a7e;display:flex;align-items:center}.ieeesa-interest-form ieeesa-custom-question-editor{display:block;padding:16px}.ieeesa-interest-form .ieeesa-interest-form__question-label{font-weight:600;color:#1c1d1e}.ieeesa-interest-form .ieeesa-interest-form__chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px}.ieeesa-interest-form .ieeesa-interest-form__chip--type{background-color:#f0f5f9;color:#777a7e}.ieeesa-interest-form .ieeesa-interest-form__chip--required{background-color:#b3261e14;color:#b3261e}.ieeesa-interest-form__icon-btn{background:none;border:none;cursor:pointer;color:#00629b;padding:0}.ieeesa-interest-form__icon-btn--delete{color:#b3261e}.ieeesa-interest-form__footer{margin-top:24px}.ieeesa-interest-form .ieeesa-interest-form__cancel{background:none;border:1px solid #00629b;color:#00629b;font-weight:600;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .ieeesa-interest-form__preview{background-color:#00629b;color:#fff;border:none;border-radius:4px;padding:8px 20px;cursor:pointer}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-color:#a7a8aa!important;background:#a7a8aa!important}.ieeesa-interest-form .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{border-color:#a7a8aa!important;background:#fff!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{