@ieeesa-npm/groups 0.15.10 → 0.15.11

package/fesm2022/ieeesa-npm-groups.mjs

@@ -399,6 +399,16 @@ var rosterImport = {
 			"Producer"
 		]
 	],
+	tenantFieldLabels: {
+		phone: "Phone Number",
+		address: "Address",
+		employer: "Employer"
+	},
+	tenantFieldSampleValues: {
+		phone: "+1 555 000 1234",
+		address: "123 Main St, City, Country",
+		employer: "Acme Corp"
+	},
 	uploadLabel: "Upload your file",
 	downloadSampleLabel: "Download Sample File",
 	sampleFileName: "Roster_Sample.csv",
@@ -424,6 +434,7 @@ var rosterImport = {
 		singleFileOnly: "Please upload a single file at a time.",
 		noDataRecords: "No roster data found. The selected file contains headers but no roster records.",
 		missingHeaders: "Incorrect file format. Mandatory column headers are missing",
+		forbidden: "You do not have permission to import a roster for this group.",
 		uploadFailed: "An error occurred while importing the roster. Please try again."
 	},
 	errorLog: {
@@ -509,6 +520,7 @@ var errors = {
 	"1037": "Group and parent group should not be same.",
 	"1038": "Reassigning parent for this group is not allowed.",
 	"1039": "You may not remove yourself from admin role.",
+	"1071": "You do not have permission to import a roster for this group.",
 	"1072": "Incorrect file type. Only .xlsx and .csv files are supported.",
 	"1073": "File size exceeds the maximum allowed size of 10MB.",
 	"1074": "The file exceeds the maximum allowed limit of 10,000 rows.",
@@ -904,6 +916,13 @@ class GroupsService {
         this.groupPermissionsService = groupPermissionsService;
         this.alertService = alertService;
         this.groupsText = errors;
+        /**
+         * Tenant-level required profile fields (e.g. ['phone','address','employer'])
+         * supplied by the host app from its cached tenant configuration. Consumed by
+         * the roster import to append tenant-mandated columns to the required-column
+         * list and the sample file. Empty when the tenant has none configured.
+         */
+        this.requiredProfileFields = [];
         this.openModalNotifier = new BehaviorSubject(GroupFunctionType.VIEW_ROSTER);
         this.canShowMessage = false;
         this.isParentGroupChanged = false;
@@ -932,6 +951,22 @@ class GroupsService {
         this.apiBaseUrl = apiBaseUrl;
         this.userPermission = userPermission;
     }
+    /**
+     * Stores the tenant-level required profile fields provided by the host app.
+     * @param {string[]} requiredProfileFields - Field keys (e.g. 'phone').
+     * @memberof GroupsService
+     */
+    setRequiredProfileFields(requiredProfileFields) {
+        this.requiredProfileFields = requiredProfileFields ?? [];
+    }
+    /**
+     * Returns the tenant-level required profile fields (never null).
+     * @return {string[]}
+     * @memberof GroupsService
+     */
+    getRequiredProfileFields() {
+        return this.requiredProfileFields ?? [];
+    }
     /**
      * Gets application group types from API and returns it as an observable.
      * @return {Observable<GroupTypeResponse>} -It returns group types if success else error.
@@ -4440,9 +4475,76 @@ class RosterImportComponent {
         /** Accepted file extensions (must match the BE contract: only .csv / .xlsx). */
         this.ACCEPTED_EXTENSIONS = ['.csv', '.xlsx'];
     }
-    /** Required column headers for display. */
+    /**
+     * Required column headers for display and the sample file. This is the static
+     * base set from constants PLUS any tenant-level required profile fields the
+     * host app configured (e.g. phone / address / employer), mapped to friendly
+     * headers and de-duplicated (case-insensitive) against the base columns.
+     * @return {string[]}
+     */
     get requiredColumns() {
-        return this.screenTexts?.requiredColumns ?? [];
+        const base = this.screenTexts?.requiredColumns ?? [];
+        return this.mergeTenantColumns(base);
+    }
+    /**
+     * Appends the tenant-configured columns (from {@link tenantExtraColumns}) to
+     * the base column headers.
+     * @param {string[]} base - The static base column headers.
+     * @return {string[]}
+     * @memberof RosterImportComponent
+     */
+    mergeTenantColumns(base) {
+        const extras = this.tenantExtraColumns(base);
+        return extras.length ? [...base, ...extras.map((c) => c.label)] : base;
+    }
+    /**
+     * Resolves the tenant-configured required profile fields into the EXTRA
+     * columns to append after the base set — the single source of truth shared by
+     * both the header list ({@link requiredColumns}) and the sample file
+     * ({@link downloadSampleFile}) so the two never drift out of alignment.
+     *
+     * Each field becomes one column with its friendly `label` (known keys use the
+     * label map; unknown keys fall back to a title-cased key) and a `sampleValue`
+     * for the sample row. Fields whose label already exists in the base set
+     * (case-insensitive) are skipped so a tenant field like "employer" that is
+     * already a base column is not duplicated.
+     * @param {string[]} base - The static base column headers.
+     * @return {{ label: string; sampleValue: string }[]}
+     * @memberof RosterImportComponent
+     */
+    tenantExtraColumns(base) {
+        const tenantFields = this.groupService?.getRequiredProfileFields() ?? [];
+        if (!tenantFields.length) {
+            return [];
+        }
+        const sampleMap = this.screenTexts?.tenantFieldSampleValues ?? {};
+        const seen = new Set(base.map((col) => col.toLowerCase()));
+        const extras = [];
+        tenantFields.forEach((field) => {
+            const label = this.tenantFieldLabel(field);
+            if (label && !seen.has(label.toLowerCase())) {
+                seen.add(label.toLowerCase());
+                extras.push({ label, sampleValue: sampleMap[field] ?? '' });
+            }
+        });
+        return extras;
+    }
+    /**
+     * Maps a tenant field key to its display header. Known keys use the configured
+     * label map; unknown keys fall back to a title-cased key.
+     * @param {string} field - The tenant field key (e.g. 'phone').
+     * @return {string}
+     * @memberof RosterImportComponent
+     */
+    tenantFieldLabel(field) {
+        const labels = this.screenTexts?.tenantFieldLabels ?? {};
+        if (labels[field]) {
+            return labels[field];
+        }
+        // Fallback: "phone_number" -> "Phone Number".
+        return field
+            .replace(/[_-]+/g, ' ')
+            .replace(/\b\w/g, (char) => char.toUpperCase());
     }
     /** Comma-separated accepted file types for the input element. */
     get acceptedFileTypes() {
@@ -4628,6 +4730,8 @@ class RosterImportComponent {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     handleImportError(error) {
         this.importState = 'upload';
+        // BE error codes take priority when present (e.g. 1071 no permission, 1072
+        // format, 1073 too large, 1074 row limit, 1075 invalid status).
         const errorCodes = error?.error?.body?.errorCodes;
         if (Array.isArray(errorCodes) && errorCodes.length) {
             const code = errorCodes[0];
@@ -4637,6 +4741,16 @@ class RosterImportComponent {
                     'An error occurred while importing the roster. Please try again.';
             return;
         }
+        // A 403 with no error-code body comes from the endpoint's @PreAuthorize
+        // (the user lacks Manage Group Member / Manage All Rosters for this group).
+        // Show the permission message — retrying will not help.
+        const status = error?.status ?? error?.error?.status;
+        if (status === 403) {
+            this.errorMessage =
+                this.screenTexts?.validation?.forbidden ??
+                    'You do not have permission to import a roster for this group.';
+            return;
+        }
         this.errorMessage =
             this.screenTexts?.validation?.uploadFailed ??
                 'An error occurred while importing the roster. Please try again.';
@@ -4662,36 +4776,43 @@ class RosterImportComponent {
         }
     }
     /**
-     * Parses the BE `errorReport` raw JSON string into row-error view models.
+     * Normalizes the BE `error_report` into row-error view models.
      *
-     * The BE stores the report as a JSONB document wrapping the per-row entries:
-     * `{ "rows": [ { "row": 2, "field": "Email", "message": "..." } ] }`
-     * (serialized by its `ErrorReportWrapper`) and returns it verbatim via
-     * `@JsonRawValue`. So we read `parsed.rows`. A bare top-level array is also
-     * accepted as a fallback in case the contract is ever flattened.
-     * @param {(string | undefined)} errorReport - Raw JSON error report string.
+     * The BE wraps the per-row entries in a `{ rows: [ { row, field, message } ] }`
+     * document, but that value has been observed to arrive in MULTIPLE shapes:
+     *  - a parsed object `{ rows: [...] }` (confirm response — the common case),
+     *  - a raw JSON string of the same object (JSONB passthrough), or
+     *  - a bare array `[ { row, field, message } ]`.
+     * This handles all three (and `null`) so the error log renders regardless of
+     * how the field is serialized.
+     * @param {*} errorReport - The BE error_report (object, string, array, or null).
      * @return {RosterImportRowError[]}
      * @memberof RosterImportComponent
      */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     parseErrorReport(errorReport) {
         if (!errorReport) {
             return [];
         }
-        try {
-            const parsed = JSON.parse(errorReport);
-            const entries = Array.isArray(parsed)
-                ? parsed
-                : parsed?.rows ?? [];
-            return entries.map((entry) => ({
-                rowNumber: entry?.row,
-                field: entry?.field,
-                errorMessage: entry?.message,
-            }));
-        }
-        catch {
-            // Malformed error report — surface no per-row errors rather than crash.
-            return [];
+        // If it's a string, parse it first; on parse failure, no row errors.
+        let value = errorReport;
+        if (typeof errorReport === 'string') {
+            try {
+                value = JSON.parse(errorReport);
+            }
+            catch {
+                return [];
+            }
         }
+        // Accept either a bare array or a { rows: [...] } wrapper object.
+        const entries = Array.isArray(value)
+            ? value
+            : (value?.rows ?? []);
+        return entries.map((entry) => ({
+            rowNumber: entry?.row,
+            field: entry?.field,
+            errorMessage: entry?.message,
+        }));
     }
     /**
      * Whether the result state should show the summary cards (added / skipped).
@@ -4723,10 +4844,16 @@ class RosterImportComponent {
             .map((col) => this.toCsvCell(col))
             .join(',');
         // Sample data rows so the downloaded file shows the expected format, not
-        // just the column headers. Sourced from constants; each row is aligned to
-        // the required columns.
-        const sampleRows = this.screenTexts?.sampleRows ?? [];
-        const dataLines = sampleRows.map((row) => row.map((cell) => this.toCsvCell(cell)).join(','));
+        // just the column headers. The base row values come from constants; sample
+        // values for any tenant-configured columns are appended (from the SAME
+        // source that builds the headers) so every row lines up with the
+        // (base + tenant) header set.
+        const base = this.screenTexts?.requiredColumns ?? [];
+        const baseSampleRows = this.screenTexts?.sampleRows ?? [];
+        const tenantSampleCells = this.tenantExtraColumns(base).map((col) => col.sampleValue);
+        const dataLines = baseSampleRows.map((row) => [...row, ...tenantSampleCells]
+            .map((cell) => this.toCsvCell(cell))
+            .join(','));
         const csvContent = [headerLine, ...dataLines].join('\r\n') + '\r\n';
         const blob = new Blob([csvContent], {
             type: 'text/csv;charset=utf-8;',
@@ -7293,6 +7420,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @class GroupsComponent
  */
 class GroupsComponent {
+    /**
+     * Tenant-level required profile fields (e.g. ['phone','address','employer'])
+     * supplied by the host app from its cached tenant configuration. Passed to
+     * GroupsService so the roster import appends them to its required columns and
+     * sample file. Optional — defaults to none.
+     *
+     * Implemented as a setter so EVERY input update (including a late,
+     * async-resolved value that arrives after ngOnInit) is propagated to the
+     * singleton GroupsService — not just the initial binding.
+     */
+    set requiredProfileFields(value) {
+        this._requiredProfileFields = value ?? [];
+        this.groupsService?.setRequiredProfileFields(this._requiredProfileFields);
+    }
+    get requiredProfileFields() {
+        return this._requiredProfileFields;
+    }
     constructor(
     // eslint-disable-next-line no-unused-vars
     dialog, 
@@ -7352,6 +7496,7 @@ class GroupsComponent {
             groupsTitle: this.viewGroupTexts?.groupsTitle,
             groupsDescription: this.viewGroupTexts?.groupsDescription,
         };
+        this._requiredProfileFields = [];
         this.permissionType = PermissionType;
         this.alignmentType = AlignType;
         this.canReopenViewRosterModal = false;
@@ -7383,6 +7528,8 @@ class GroupsComponent {
             this.userPermissionsService.filterUserGroupPermissions(this.userPermissions, this.groupPermissionsService?.getGlobalGroupPermissions());
         this.groupsService.setUserGroupPermissions(this.userGroupPermissions);
         this.groupsService?.setAppConfig(this.apiBaseURL, this.userPermissions);
+        // requiredProfileFields is propagated to the service by its @Input setter
+        // (covers both the initial binding and any later async-resolved update).
         this.getGroupTypes();
         this.groupsService?.openModalNotifier
             ?.pipe(takeUntil(this.destroy$))
@@ -7985,7 +8132,7 @@ class GroupsComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsComponent, deps: [{ token: i1.MatDialog }, { token: GroupsService }, { token: i2.AlertsService }, { token: i2$1.BreakpointObserverService }, { token: i2.GlobalErrorHandlerService }, { token: UserPermissionsService }, { token: GroupPermissionsMapService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GroupsComponent, isStandalone: true, selector: "ieeesa-groups", inputs: { groupsPageInfo: "groupsPageInfo", applicationId: "applicationId", apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", userInfo: "userInfo" }, providers: [AlertsService], ngImport: i0, template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3 align-items-center\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo?.groupsTitle }}\r\n    </p>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"\r\n          validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n          validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n        \"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"searchGroupIcon\"\r\n        (iconButtonClick)=\"onGroupSearch()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <div\r\n        class=\"order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7 d-flex flex-column justify-content-between\"\r\n      >\r\n        <p class=\"ieeesa-body-md-16\">\r\n          {{ groupsPageInfo?.groupsDescription }}\r\n        </p>\r\n        <button\r\n          [ngClass]=\"\r\n            isMobileView ? 'p-0' : 'ieeesa-groups__actions__add-group-btn'\r\n          \"\r\n          mat-button\r\n          *ngIf=\"\r\n            validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n            validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n          \"\r\n          class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n          (click)=\"openCreateGroupForm()\"\r\n          [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n        >\r\n          {{ constants?.viewGroups?.addGroup }}\r\n        </button>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n        [ngClass]=\"isMobileView ? 'ieeesa-search-mobile-view' : ''\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n      (manageInterestFormClick)=\"openRosterInterests($event)\"\r\n    ></ieeesa-tree>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__mobile-icons .ieeesa-icon-button__3{display:flex;padding-top:0}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info__heading{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups__actions__add-group-btn{max-width:8.125em}.ieeesa-groups__actions--search .ieeesa-search-mobile-view{margin-bottom:1em}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:center}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text,.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field-subscript-wrapper{display:none}@media (min-width: 767px){.ieeesa-groups__actions--search{margin-bottom:1em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { 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: "component", type: SearchComponent, selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: SelectComponent, selector: "ieeesa-select", inputs: ["isSortNeeded", "dropdownOptions", "selectedOptions", "formControlName", "isMultiLevel", "isLabelAlignedLeft", "selectLabel", "isMultiSelect", "isDisabled", "isSearch", "placeholderText"], outputs: ["optionSelected", "optionSearched", "dropdownOpenedChange"] }, { kind: "component", type: TreeViewComponent, selector: "ieeesa-tree", inputs: ["parentGroupsInfo", "childGroupsInfo", "isGroupSearchOrFilterActive", "deletedGroupIdInfo", "userGroupPermissions"], outputs: ["toggleGroupClick", "createGroupClick", "editGroupClick", "deleteGroupClick", "viewRosterClick", "manageInterestFormClick"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GroupsComponent, isStandalone: true, selector: "ieeesa-groups", inputs: { groupsPageInfo: "groupsPageInfo", applicationId: "applicationId", apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", userInfo: "userInfo", requiredProfileFields: "requiredProfileFields" }, providers: [AlertsService], ngImport: i0, template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3 align-items-center\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo?.groupsTitle }}\r\n    </p>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"\r\n          validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n          validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n        \"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"searchGroupIcon\"\r\n        (iconButtonClick)=\"onGroupSearch()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <div\r\n        class=\"order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7 d-flex flex-column justify-content-between\"\r\n      >\r\n        <p class=\"ieeesa-body-md-16\">\r\n          {{ groupsPageInfo?.groupsDescription }}\r\n        </p>\r\n        <button\r\n          [ngClass]=\"\r\n            isMobileView ? 'p-0' : 'ieeesa-groups__actions__add-group-btn'\r\n          \"\r\n          mat-button\r\n          *ngIf=\"\r\n            validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n            validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n          \"\r\n          class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n          (click)=\"openCreateGroupForm()\"\r\n          [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n        >\r\n          {{ constants?.viewGroups?.addGroup }}\r\n        </button>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n        [ngClass]=\"isMobileView ? 'ieeesa-search-mobile-view' : ''\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n      (manageInterestFormClick)=\"openRosterInterests($event)\"\r\n    ></ieeesa-tree>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__mobile-icons .ieeesa-icon-button__3{display:flex;padding-top:0}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info__heading{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups__actions__add-group-btn{max-width:8.125em}.ieeesa-groups__actions--search .ieeesa-search-mobile-view{margin-bottom:1em}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:center}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text,.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field-subscript-wrapper{display:none}@media (min-width: 767px){.ieeesa-groups__actions--search{margin-bottom:1em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { 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: "component", type: SearchComponent, selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: SelectComponent, selector: "ieeesa-select", inputs: ["isSortNeeded", "dropdownOptions", "selectedOptions", "formControlName", "isMultiLevel", "isLabelAlignedLeft", "selectLabel", "isMultiSelect", "isDisabled", "isSearch", "placeholderText"], outputs: ["optionSelected", "optionSearched", "dropdownOpenedChange"] }, { kind: "component", type: TreeViewComponent, selector: "ieeesa-tree", inputs: ["parentGroupsInfo", "childGroupsInfo", "isGroupSearchOrFilterActive", "deletedGroupIdInfo", "userGroupPermissions"], outputs: ["toggleGroupClick", "createGroupClick", "editGroupClick", "deleteGroupClick", "viewRosterClick", "manageInterestFormClick"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsComponent, decorators: [{
             type: Component,
@@ -8009,6 +8156,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], userInfo: [{
                 type: Input
+            }], requiredProfileFields: [{
+                type: Input
             }] } });
 
 /* eslint-disable no-unused-vars */