@ieeesa-npm/groups 0.7.2 → 0.7.3

package/fesm2022/ieeesa-npm-groups.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ViewEncapsulation, Output, Input, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, Output, Input, ViewChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Validators } from '@angular/forms';
@@ -21,7 +21,7 @@ import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 var addUserRoster = {
-	heading: "New System User",
+	heading: "New User",
 	label: {
 		email: "Email Address",
 		rightButtonLabel: "Search & Continue",
@@ -29,22 +29,35 @@ var addUserRoster = {
 		saveButtonLabel: "Save",
 		fullName: "Name",
 		role: "Role",
+		classification: "Classification",
+		representingOrganization: "Representing Organization",
+		memberType: "Member Type",
 		ariaLabel: {
 			email: "Email Address",
 			fullName: "Full name",
-			role: "Role"
+			role: "Role",
+			classification: "Classification",
+			memberType: "Member Type",
+			representingOrganization: "Representing Organization"
 		},
 		ariaDescribedById: {
 			email: "ariaEmailAddress",
 			fullName: "ariaFullName",
-			role: "ariaRole"
+			role: "ariaRole",
+			classification: "ariaClassification",
+			memberType: "ariaMemberType",
+			representingOrganization: "ariaRepresentingOrganization"
 		}
 	},
 	message: {
 		error: {
 			required: "This field is required.",
+			limit: {
+				representingOrganization: "Representing Organization must not be greater than 250 characters long."
+			},
 			pattern: {
-				email: "Please enter valid email."
+				email: "Please enter valid email.",
+				representingOrganization: "Representing Organization contains invalid characters. Please enter alphanumeric, special characters and whitespace only."
 			}
 		},
 		success: {
@@ -54,7 +67,11 @@ var addUserRoster = {
 	supportText: {
 		emailAddress: "Please enter valid email address which includes @ symbol, dot (.) and domain. For example, user@ieee.org",
 		fullName: "Enter user full name.",
-		role: "<strong>Note:</strong> Removal of all roles shall result in removal of user from group."
+		role: "<strong>Note:</strong> In order to remove all roles, please remove the user from the system user group.",
+		roleForIndividualRoster: "Select Role(s) from the options.",
+		classification: "Select Classification from the dropdown.",
+		memberType: "Select Member Type from the dropdown.",
+		representingOrganization: "Enter Representing Organization details for a user."
 	}
 };
 var createGroup = {
@@ -214,13 +231,23 @@ var deleteUsersGroup = {
 	}
 };
 var viewRoster = {
-	tableColumns: {
+	tableColumnsForSystemUsers: {
 		name: "Name",
 		email: "Email Address",
 		role: "Role"
 	},
-	searchPlaceholder: "Search by Name/Email Address",
-	filterByRole: "Role"
+	tableColumnsForIndividual: {
+		name: "Name",
+		employer: "Employer",
+		email: "Email address",
+		memberType: "Member Type",
+		organizationName: "Representing Org",
+		classification: "Classification",
+		role: "Role"
+	},
+	searchPlaceholderSystemUsers: "Search by Name/Email Address",
+	searchPlaceholderIndividual: "Search by Name/Email Address/Representing Org",
+	emptyFieldValueReplacedBy: "-"
 };
 var editUserRoles = {
 	heading: "Edit System User",
@@ -263,13 +290,27 @@ var errors = {
 	"1030": "No record found!",
 	"1031": "No record found!",
 	"1032": "No record found!",
-	"1033": "Please enter atleast 3 characters to perform search operation.",
+	"1033": "Please enter at least 3 characters to perform search operation.",
 	"1034": "Resource Not Found!",
 	"2001": "No user(s) found!",
 	"2002": "Role does not belong to the group type.",
 	"2010": "User not found.",
 	"2011": "User not found.",
-	ER1000: "Allowed group types are not found for the selected group!"
+	"2013": "Last Name is required.",
+	"2014": "Representation 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.",
+	"2020": "Classification does not exist.",
+	"2021": "Member Type does not exist.",
+	"2022": "Representation Organization does not exist.",
+	"2023": "Member Type is required.",
+	"3004": "Organization does not found.",
+	ER1000: "Allowed group types are not found for the selected group!",
+	ER1001: "Roster type is not configured.",
+	"20l2": "First Name is required."
 };
 var ariaLabel = {
 	alert: "Alert"
@@ -311,6 +352,9 @@ const GroupsValidationPatterns = {
     // Group Scope field regular expression which accept Alpha Numeric, Special Characters and whitespace.
     groupScope: /^(?=.*[a-zA-Z])[\w\s!"#$%&'()*+,-.\/\:;<=>?@[\]^_`{|}~\\]+$/i,
     email: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,
+    representingOrgNameMaxLength: 250,
+    // Representing Organization field regular expression which accept Alpha Numeric, Special Characters and whitespace.
+    representingOrganization: /^(?=.*[a-zA-Z])[\w\s!"#$%&'()*+,-.\/\:;<=>?@[\]^_`{|}~\\]+$/i,
 };
 
 /* eslint-disable no-unused-vars */
@@ -332,6 +376,13 @@ var GroupFunctionType;
     GroupFunctionType["ADD_USER_TO_ROSTER"] = "ADD_USER_TO_ROSTER";
 })(GroupFunctionType || (GroupFunctionType = {}));
 
+/* eslint-disable no-unused-vars */
+var GroupRosterType;
+(function (GroupRosterType) {
+    GroupRosterType["INDIVIDUAL"] = "Individual";
+    GroupRosterType["SYSTEM_USER"] = "User";
+})(GroupRosterType || (GroupRosterType = {}));
+
 /* eslint-disable no-unused-vars */
 var PermissionType;
 (function (PermissionType) {
@@ -643,9 +694,10 @@ class GroupsService {
      * @return {Observable<GetGroupUsersResponse>}
      * @memberof GroupsService
      */
-    getGroupUsers(groupId) {
+    // eslint-disable-next-line no-unused-vars
+    getGroupUsers(groupId, sortColumn, sortDirection) {
         return this.httpService
-            .getData(`${this.apiBaseUrl}/groups/roster/${groupId}`)
+            .getData(`${this.apiBaseUrl}/groups/roster/${groupId}?sortColumn=${sortColumn}&ascendingOrder=${sortDirection}`)
             .pipe(map((response) => {
             return response;
         }), catchError((errorRes) => {
@@ -654,13 +706,13 @@ class GroupsService {
     }
     /**
      * Gets the group users based on the filtered roles.
-     * @param {FilterUsersByRolesPayload} payload
+     * @param {FilterUsersPayload} payload
      * @return {Observable<GetGroupUsersResponse>}
      * @memberof GroupsService
      */
     getGroupUsersByRoles(payload) {
         return this.httpService
-            .postData(`${this.apiBaseUrl}/groups/roster/groupUsersByRole`, payload)
+            .postData(`${this.apiBaseUrl}/groups/roster/groupUsersFilter`, payload)
             .pipe(map((response) => {
             return response;
         }), catchError((errorRes) => {
@@ -675,7 +727,7 @@ class GroupsService {
      */
     searchGroupUsers(payload) {
         return this.httpService
-            .postData(`${this.apiBaseUrl}/groups/roster/groupUsersByRoleByNameByEmail`, payload)
+            .postData(`${this.apiBaseUrl}/groups/roster/groupUsersSearch`, payload)
             .pipe(map((response) => {
             return response;
         }), catchError((errorRes) => {
@@ -688,6 +740,7 @@ class GroupsService {
      * @return {Observable<CheckboxOption[]>}
      * @memberof GroupsService
      */
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
     getGroupTypeRoles(groupTypeId) {
         return this.httpService
             .getData(`${this.apiBaseUrl}/groups/config/rolesByGroupType/${groupTypeId}`)
@@ -707,6 +760,34 @@ class GroupsService {
             throw errorRes;
         }));
     }
+    /**
+     * Fetches the classifications master data from configuration and returns.
+     * @return {Observable<ClassificationResponse>}
+     * @memberof GroupsService
+     */
+    getClassifications() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/roster/classification`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((errorRes) => {
+            throw errorRes;
+        }));
+    }
+    /**
+     * Fetches the member types master data from configuration and returns.
+     * @return {Observable<MemberTypeResponse>}
+     * @memberof GroupsService
+     */
+    getMemberTypes() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/roster/memberStatus`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((errorRes) => {
+            throw errorRes;
+        }));
+    }
     /**
      * Concatenates the group users assigned roles name separated by comma as string and returns the group users in an array.
      * @param {GetGroupUsersResponse} response
@@ -717,12 +798,17 @@ class GroupsService {
         const users = [];
         response?.body?.forEach((item) => {
             const roles = [];
+            const classificationDesc = item.classification?.classificationName + ' (' + item.classification?.classificationDesc + ')';
             item?.rolesList?.forEach((role) => roles.push(role?.roleName));
             users.push({
                 userId: item.userId,
                 name: item.name,
                 email: item.email,
-                role: roles.join(', '),
+                role: roles.length ? roles.join(', ') : null,
+                classification: item.classification?.classificationId ? classificationDesc : null,
+                memberStatus: item.memberStatus?.memberStatusName ?? null,
+                organization: item.organization?.orgName ?? null,
+                employer: item.employer,
             });
         });
         return users;
@@ -772,14 +858,17 @@ class GroupsService {
     }
     /**
      * Posts add new user form data to the API for the selected group and returns the success or failure response.
-     * @param {AddOrEditUserPayload} AddOrEditUserPayload
+     * @param {(AddOrEditUserPayload
+     *       | AddOrEditUserIndividualRosterPayload)} AddOrEditUserPayload
+     * @param {GroupRosterType} groupRosterType
      * @return {Observable<AddOrEditGroupUserDetailsResponse>}
      * @memberof GroupsService
      */
-    addNewGroupUser(AddOrEditUserPayload) {
-        return this.httpService
-            .postData(`${this.apiBaseUrl}/groups/roster/createGroupUserRole`, AddOrEditUserPayload)
-            .pipe(map((response) => {
+    addNewGroupUser(AddOrEditUserPayload, groupRosterType) {
+        const url = `${this.apiBaseUrl}/groups/roster/${groupRosterType === GroupRosterType.INDIVIDUAL
+            ? 'createGroupUserRole'
+            : 'addGroupUserRole'}`;
+        return this.httpService.postData(url, AddOrEditUserPayload).pipe(map((response) => {
             return response;
         }), catchError((error) => {
             throw error;
@@ -819,8 +908,8 @@ class GroupsService {
         return this.selectedUserInfo;
     }
     /**
-     * Updates group user roles to server using HttpService.
-     * @param {AddOrEditUserPayload} payload
+     * Updates group user roles and other details to server using HttpService.
+     * @param {(AddOrEditUserPayload | AddOrEditUserIndividualRosterPayload)} payload
      * @return {Observable<AddOrEditGroupUserDetailsResponse>}
      * @memberof GroupsService
      */
@@ -905,6 +994,22 @@ class GroupsService {
     getLoadedGroupTypes() {
         return this.groupTypes;
     }
+    /**
+     *
+     * @param {string} orgName
+     * @return {Observable<OrganizationResponse>}
+     * @memberof GroupsService
+     */
+    getOrganizations(orgName) {
+        // return of()
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/roster/organizations/${orgName}`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((errorRes) => {
+            throw errorRes;
+        }));
+    }
     /**
      * Returns the group type configuration Business rule for the selected group.
      * @return {(BusinessRule  | undefined)}
@@ -913,6 +1018,19 @@ class GroupsService {
     getBusinessRuleOfSelectedGroup() {
         return this.getLoadedGroupTypes()?.find((group) => group?.configFieldId === this.getSelectedGroupInfo()?.groupType)?.configFieldValue?.businessRule;
     }
+    /**
+     * Enables or disables the form submit button based on passed parameters.
+     * @param {GroupRosterType} groupRosterType
+     * @param {FormControlStatus} formStatus
+     * @param {string[]} selectedUserRoles
+     * @return {boolean}
+     * @memberof GroupsService
+     */
+    isSubmitButtonDisabled(groupRosterType, formStatus, selectedUserRoles) {
+        if (groupRosterType === GroupRosterType.INDIVIDUAL)
+            return formStatus === FormStatus.INVALID;
+        return selectedUserRoles?.length === 0 || formStatus === FormStatus.INVALID;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, deps: [{ token: i2.HttpService }, { token: UserPermissionsService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, providedIn: 'root' }); }
 }
@@ -1879,7 +1997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Component implements the functionalities to edit user roles for system user.
+ * Component implements the view and functionalities to edit group users to roster.
  * @class EditUserRolesComponent
  * @implements {OnInit}
  * @implements {OnDestroy}
@@ -1906,6 +2024,10 @@ class EditUserRolesComponent {
         this.colWidth = { xs: 12, xl: 12, sm: 12, md: 12, lg: 12 };
         this.selectedUserRoleIds = [];
         this.actionButtonAlign = AlignType.LEFT;
+        this.classifications = [];
+        this.memberTypes = [];
+        this.organizations = [];
+        this.hasClassification = false;
         this.submitFormResponse = new EventEmitter();
         this.formCancel = new EventEmitter();
     }
@@ -1915,15 +2037,6 @@ class EditUserRolesComponent {
      * @memberof EditUserRolesComponent
      */
     ngOnInit() {
-        this.getSelectedUserDetails();
-        this.editUserRolesFormGroup();
-    }
-    /**
-     * Gets required information for the edit user role component.
-     * @return -returns nothing
-     * @memberof EditUserRolesComponent
-     */
-    getSelectedUserDetails() {
         this.selectedUserInfo = this.groupsService?.getSelectedUserInfo();
         const selectedUserRoleNames = this.selectedUserInfo?.role
             ?.split(',')
@@ -1935,6 +2048,24 @@ class EditUserRolesComponent {
                 this.selectedUserRoleIds?.push(role?.id);
             }
         });
+        const groupType = this.groupsService.getBusinessRuleOfSelectedGroup();
+        this.hasClassification = groupType?.hasClassification ?? false;
+        this.groupRosterType = groupType?.rosterType;
+        if (!this.groupRosterType)
+            this.alertService.showMessage({
+                status: 'custom',
+                message: this.constants?.errors?.ER1001,
+                alertType: AlertType.ERROR,
+                isCloseNeeded: true,
+            });
+        else {
+            if (this.groupRosterType === GroupRosterType?.INDIVIDUAL) {
+                if (this.hasClassification)
+                    this.getClassifications();
+                this.getMemberTypes();
+            }
+            this.editUserRolesFormGroup();
+        }
     }
     /**
      * Initialize the edit user role form group array.
@@ -1970,23 +2101,97 @@ class EditUserRolesComponent {
                         },
                         {
                             type: FormControlType.CHECKBOX,
-                            label: this.addUserRosterTexts?.label?.role + '*',
+                            label: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                ? this.addUserRosterTexts?.label?.role
+                                : this.addUserRosterTexts?.label?.role + '*',
                             controlName: 'roles',
                             checkboxOptions: this.userRoles,
                             minSelectionRequired: 1,
                             ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.role,
                             ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById?.role,
-                            supportMessage: this.addUserRosterTexts?.supportText?.role,
+                            supportMessage: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                ? this.addUserRosterTexts?.supportText
+                                    ?.roleForIndividualRoster
+                                : this.addUserRosterTexts?.supportText?.role,
                             requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
-                            validation: [Validators.required],
+                            validation: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                ? []
+                                : [Validators.required],
                         },
                     ],
                 },
             ],
         };
+        if (this.groupRosterType === GroupRosterType?.INDIVIDUAL) {
+            this.updateEditUserRoleFormGroup();
+        }
+    }
+    /**
+     * Adds classification, Member Type and Representing Organization form controls while editing new user to an individual group roster.
+     * @memberof AddUserRosterComponent
+     */
+    updateEditUserRoleFormGroup() {
+        if (this.hasClassification)
+            this.updateEditUserRoleFormControls(this.editUserRoleFormGroup?.formGroup[0]?.controls?.length - 1, {
+                type: FormControlType.SELECT,
+                label: this.addUserRosterTexts?.label?.classification + '*',
+                controlName: 'classification',
+                dropdownOptions: this.classifications,
+                value: this.classifications?.filter((option) => option?.name === this.selectedUserInfo?.classification)[0],
+                validation: [Validators.required],
+                placeholder: '',
+                supportMessage: this.addUserRosterTexts?.supportText?.classification,
+                requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+                ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.classification,
+                ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById?.classification,
+            });
+        this.updateEditUserRoleFormControls(this.editUserRoleFormGroup?.formGroup[0]?.controls?.length - 1, {
+            type: FormControlType.AUTO_COMPLETE,
+            label: this.addUserRosterTexts?.label?.representingOrganization + '*',
+            controlName: 'representingOrg',
+            validation: [
+                Validators.required,
+                Validators.maxLength(GroupsValidationPatterns.representingOrgNameMaxLength),
+                Validators.pattern(GroupsValidationPatterns.representingOrganization),
+            ],
+            autoCompleteOptions: this.organizations,
+            value: this.organizations?.filter((option) => option?.name === this.selectedUserInfo?.organization)[0],
+            placeholder: '',
+            supportMessage: this.addUserRosterTexts?.supportText?.representingOrganization,
+            requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+            maxErrorMessage: this.addUserRosterTexts?.message?.error?.limit
+                ?.representingOrganization,
+            patternErrorMessage: this.addUserRosterTexts?.message?.error?.pattern
+                ?.representingOrganization,
+            ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.representingOrganization,
+            ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById
+                ?.representingOrganization,
+        });
+        this.updateEditUserRoleFormControls(this.editUserRoleFormGroup?.formGroup[0]?.controls?.length - 1, {
+            type: FormControlType.SELECT,
+            label: this.addUserRosterTexts?.label?.memberType + '*',
+            controlName: 'memberType',
+            dropdownOptions: this.memberTypes,
+            value: this.memberTypes?.filter((option) => option?.name === this.selectedUserInfo?.memberStatus)[0],
+            validation: [Validators.required],
+            placeholder: '',
+            supportMessage: this.addUserRosterTexts?.supportText?.memberType,
+            requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+            ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.memberType,
+            ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById?.memberType,
+        });
+    }
+    /**
+     * Updates the edit user form group controls by adding fieldConfig at required index.
+     * @param {number} indexPosition
+     * @param {FieldConfig} fieldConfig
+     * @memberof EditUserRolesComponent
+     */
+    updateEditUserRoleFormControls(indexPosition, fieldConfig) {
+        this.editUserRoleFormGroup.formGroup[0].controls.splice(indexPosition, 0, fieldConfig);
     }
     /**
-     * Handles user role selection in edit user roles form.
+     * Handles user role selection and save button enable disable in edit user roles form.
      * @param {CheckboxOption} event
      * @memberof EditUserRolesComponent
      */
@@ -1997,26 +2202,18 @@ class EditUserRolesComponent {
         else {
             this.selectedUserRoleIds = this.selectedUserRoleIds?.filter((id) => id !== event?.id);
         }
-        this.isSubmitButtonDisabled = this.selectedUserRoleIds?.length === 0;
+        this.isSubmitButtonDisabled = this.groupsService.isSubmitButtonDisabled(this.groupRosterType, this.editUserRoleFormGroupRef?.status, this.selectedUserRoleIds);
     }
     /**
-     * Update roles of user on form submission.
+     * Update roles and details of user on form submission.
      * @param {FormGroup[]} form
      * @memberof EditUserRolesComponent
      */
     onEditUserRoleFormSubmit(form) {
         form[0]?.markAllAsTouched();
         if (form[0].status === FormStatus?.VALID) {
-            const AddOrEditUserPayload = {
-                payload: {
-                    email: this.selectedUserInfo?.email,
-                    userId: this.selectedUserInfo?.userId,
-                    roles: this.selectedUserRoleIds,
-                    groupId: this.groupsService?.selectedGroupInfo?.groupId,
-                },
-            };
             this.groupsService
-                .editGroupsUserRole(AddOrEditUserPayload)
+                .editGroupsUserRole(this.getEditUserRolePayload(form[0]?.getRawValue()))
                 .pipe(takeUntil(this.destroy$))
                 .subscribe({
                 next: (res) => {
@@ -2030,6 +2227,52 @@ class EditUserRolesComponent {
             });
         }
     }
+    /**
+     * Constructs edit user payload from the form data depends on the GroupRosterType and returns.
+     * @param {*} formData
+     * @return {(AddOrEditUserPayload | AddOrEditUserIndividualRosterPayload)}
+     * @memberof EditUserRolesComponent
+     */
+    getEditUserRolePayload(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    formData) {
+        let payload;
+        if (this.groupRosterType === GroupRosterType?.INDIVIDUAL) {
+            payload = {
+                payload: {
+                    userId: this.selectedUserInfo?.userId,
+                    email: this.selectedUserInfo?.email,
+                    roles: this.selectedUserRoleIds,
+                    groupId: this.groupsService.selectedGroupInfo?.groupId,
+                    memberStatus: {
+                        memberStatusId: formData?.memberType
+                            ? formData?.memberType?.id
+                            : '',
+                    },
+                    organization: {
+                        orgId: formData?.representingOrg?.id ?? '',
+                        orgName: formData?.representingOrg?.name ?? formData?.representingOrg,
+                    },
+                },
+            };
+            if (this.hasClassification)
+                payload.payload.classification = {
+                    classificationId: formData?.classification
+                        ? formData?.classification?.id
+                        : '',
+                };
+        }
+        else
+            payload = {
+                payload: {
+                    email: this.selectedUserInfo?.email,
+                    userId: this.selectedUserInfo?.userId,
+                    roles: this.selectedUserRoleIds,
+                    groupId: this.groupsService?.selectedGroupInfo?.groupId,
+                },
+            };
+        return payload;
+    }
     /**
      * Emits form cancel event.
      * @memberof EditUserRolesComponent
@@ -2043,7 +2286,111 @@ class EditUserRolesComponent {
      * @memberof EditUserRolesComponent
      */
     getFormGroupReference(form) {
-        this.form = form[0];
+        this.editUserRoleFormGroupRef = form[0];
+    }
+    /**
+     * Handles edit user role form change event.
+     * @param {FormGroup[]} form
+     * @memberof editUserRoleFormGroupRef
+     */
+    onEditUserRoleFormChange(form) {
+        this.editUserRoleFormGroupRef = form[0];
+        this.isSubmitButtonDisabled = this.groupsService.isSubmitButtonDisabled(this.groupRosterType, this.editUserRoleFormGroupRef?.status, this.selectedUserRoleIds);
+    }
+    /**
+     * Gets the classifications from master data.
+     * @memberof EditUserRolesComponent
+     */
+    getClassifications() {
+        this.groupsService
+            .getClassifications()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.classifications?.push({
+                        id: option.classificationId,
+                        name: option.classificationDesc,
+                    });
+                });
+                this.updateFormControlOptions('classification', 'dropdownOptions', this.classifications);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Gets the member types from master data.
+     * @memberof EditUserRolesComponent
+     */
+    getMemberTypes() {
+        this.groupsService
+            .getMemberTypes()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.memberTypes?.push({
+                        id: option.memberStatusId,
+                        name: option.memberStatusDesc,
+                    });
+                });
+                this.updateFormControlOptions('memberType', 'dropdownOptions', this.memberTypes);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Gets the representing Organizations.
+     * @param {string} orgName
+     * @memberof AddUserRosterComponent
+     */
+    getOrganizations(orgName) {
+        this.organizations = [];
+        orgName = orgName?.trimStart();
+        this.updateFormControlOptions('representingOrg', 'autoCompleteOptions', []);
+        if (!orgName)
+            return;
+        this.groupsService
+            .getOrganizations(orgName)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.organizations = [];
+                response?.body?.forEach((option) => {
+                    this.organizations?.push({
+                        id: option.orgId,
+                        name: option.orgName,
+                    });
+                });
+                this.updateFormControlOptions('representingOrg', 'autoCompleteOptions', this.organizations);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Update the dropdown options of Classification, Member Type and Representing Organization form fields.
+     * @param {string} formControlName
+     * @param {string} formControlInputProperty
+     * @param {SelectOption[]} options
+     * @memberof EditUserRolesComponent
+     */
+    updateFormControlOptions(formControlName, formControlInputProperty, options) {
+        const formFields = this.dynamicFormComponent?.formFields?.toArray();
+        formFields?.forEach((formField) => {
+            if (formField?.component?.instance?.config?.controlName ===
+                formControlName &&
+                formField?.component?.instance?.[formControlInputProperty])
+                formField.component.instance[formControlInputProperty] = options;
+        });
     }
     /**
      * Captures the server side errors and handles it based on the custom or Http errors.
@@ -2069,19 +2416,22 @@ class EditUserRolesComponent {
     }
     /**
      * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
-     * @memberof CreateGroupComponent
+     * @memberof EditUserRolesComponent
      */
     ngOnDestroy() {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditUserRolesComponent, deps: [{ token: GroupsService }, { token: i2.GlobalErrorHandlerService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditUserRolesComponent, isStandalone: true, selector: "ieeesa-edit-user-roles", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, ngImport: i0, template: "<ieeesa-dynamic-form\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"editUserRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onEditUserRoleFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onEditUserRoleCancelled()\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal-title__heading{font-size:1.875em;line-height:36px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field{margin-bottom:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formCheckboxSelection", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange"], exportAs: ["dynamicForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditUserRolesComponent, isStandalone: true, selector: "ieeesa-edit-user-roles", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"editUserRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onEditUserRoleFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onEditUserRoleCancelled()\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n  (formChange)=\"onEditUserRoleFormChange($event)\"\r\n  (formAutoCompleteSearch)=\"getOrganizations($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal-title__heading{text-transform:capitalize;font-size:1.875em;line-height:36px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important;margin:0 1em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field{width:43%}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-select-placeholder{color:#49454f}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete__input::placeholder{font-size:1em;color:#49454f!important}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field{display:flex;min-height:40px;height:40px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow{position:relative;bottom:8px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field{margin-bottom:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-checkbox-field .mat-mdc-list{margin-left:-.625em}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formCheckboxSelection", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange"], exportAs: ["dynamicForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditUserRolesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-edit-user-roles', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"editUserRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onEditUserRoleFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onEditUserRoleCancelled()\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal-title__heading{font-size:1.875em;line-height:36px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field{margin-bottom:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: GroupsService }, { type: i2.GlobalErrorHandlerService }, { type: i2.AlertsService }]; }, propDecorators: { submitFormResponse: [{
+            args: [{ selector: 'ieeesa-edit-user-roles', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"editUserRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onEditUserRoleFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onEditUserRoleCancelled()\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n  (formChange)=\"onEditUserRoleFormChange($event)\"\r\n  (formAutoCompleteSearch)=\"getOrganizations($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal-title__heading{text-transform:capitalize;font-size:1.875em;line-height:36px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important;margin:0 1em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field__content,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-checkbox-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field{width:43%}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-select-placeholder{color:#49454f}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete__input::placeholder{font-size:1em;color:#49454f!important}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field{display:flex;min-height:40px;height:40px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow{position:relative;bottom:8px}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field{margin-bottom:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .email.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-checkbox-field .mat-mdc-list{margin-left:-.625em}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-edit-user-roles .ieeesa-modal .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field{width:100%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: GroupsService }, { type: i2.GlobalErrorHandlerService }, { type: i2.AlertsService }]; }, propDecorators: { dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }], submitFormResponse: [{
                 type: Output
             }], formCancel: [{
                 type: Output
@@ -2126,6 +2476,10 @@ class AddUserRosterComponent {
         this.userRoles = [];
         this.selectedUserRoles = [];
         this.isAddUserFormEmailSearch = false;
+        this.classifications = [];
+        this.memberTypes = [];
+        this.organizations = [];
+        this.hasClassification = false;
         this.submitFormResponse = new EventEmitter();
         this.formCancel = new EventEmitter();
     }
@@ -2135,7 +2489,24 @@ class AddUserRosterComponent {
      */
     ngOnInit() {
         this.userRoles = this.groupService.getGroupTypeUserRoles();
-        this.createSearchUserFormGroup();
+        const groupType = this.groupService.getBusinessRuleOfSelectedGroup();
+        this.hasClassification = groupType?.hasClassification ?? false;
+        this.groupRosterType = groupType?.rosterType;
+        if (!this.groupRosterType)
+            this.alertService.showMessage({
+                status: 'custom',
+                message: this.constants?.errors?.ER1001,
+                alertType: AlertType.ERROR,
+                isCloseNeeded: true,
+            });
+        else {
+            if (this.groupRosterType === GroupRosterType.INDIVIDUAL) {
+                if (this.hasClassification)
+                    this.getClassifications();
+                this.getMemberTypes();
+            }
+            this.createSearchUserFormGroup();
+        }
     }
     /**
      * Creates search user form group
@@ -2271,21 +2642,31 @@ class AddUserRosterComponent {
                                         },
                                         {
                                             type: FormControlType.CHECKBOX,
-                                            label: this.addUserRosterTexts?.label?.role + '*',
+                                            label: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                                ? this.addUserRosterTexts?.label?.role
+                                                : this.addUserRosterTexts?.label?.role + '*',
                                             controlName: 'roles',
                                             checkboxOptions: this.userRoles,
                                             minSelectionRequired: 1,
                                             ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.role,
                                             ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById
                                                 ?.role,
-                                            supportMessage: this.addUserRosterTexts?.supportText?.role,
+                                            supportMessage: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                                ? this.addUserRosterTexts?.supportText
+                                                    ?.roleForIndividualRoster
+                                                : this.addUserRosterTexts?.supportText?.role,
                                             requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
-                                            validation: [Validators.required],
+                                            validation: this.groupRosterType === GroupRosterType.INDIVIDUAL
+                                                ? []
+                                                : [Validators.required],
                                         },
                                     ],
                                 },
                             ],
                         };
+                        if (this.groupRosterType === GroupRosterType.INDIVIDUAL) {
+                            this.updateAddUserFormGroup();
+                        }
                     }
                     else {
                         this.addUserFormGroupRef
@@ -2295,7 +2676,7 @@ class AddUserRosterComponent {
                             ?.get('fullName')
                             ?.setValue(this.userInfo?.name);
                         this.isSubmitButtonDisabled =
-                            this.selectedUserRoles?.length === 0;
+                            this.groupService.isSubmitButtonDisabled(this.groupRosterType, this.addUserFormGroupRef?.status, this.selectedUserRoles);
                     }
                 }
                 else
@@ -2303,6 +2684,66 @@ class AddUserRosterComponent {
             },
         });
     }
+    /**
+     * Adds classification, Member Type and Representing Organization form controls while adding new user to an individual group roster.
+     * @memberof AddUserRosterComponent
+     */
+    updateAddUserFormGroup() {
+        if (this.hasClassification)
+            this.updateAddUserFormControls(this.addUserFormGroup.formGroup[0].controls.length - 1, {
+                type: FormControlType.SELECT,
+                label: this.addUserRosterTexts?.label?.classification + '*',
+                controlName: 'classification',
+                dropdownOptions: this.classifications,
+                validation: [Validators.required],
+                placeholder: '',
+                supportMessage: this.addUserRosterTexts?.supportText?.classification,
+                requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+                ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.classification,
+                ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById?.classification,
+            });
+        this.updateAddUserFormControls(this.addUserFormGroup.formGroup[0].controls.length - 1, {
+            type: FormControlType.SELECT,
+            label: this.addUserRosterTexts?.label?.memberType + '*',
+            controlName: 'memberType',
+            dropdownOptions: this.memberTypes,
+            validation: [Validators.required],
+            placeholder: '',
+            supportMessage: this.addUserRosterTexts?.supportText?.memberType,
+            requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+            ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.memberType,
+            ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById?.memberType,
+        });
+        this.updateAddUserFormControls(this.addUserFormGroup.formGroup[0].controls.length, {
+            type: FormControlType.AUTO_COMPLETE,
+            label: this.addUserRosterTexts?.label?.representingOrganization + '*',
+            controlName: 'representingOrg',
+            validation: [
+                Validators.required,
+                Validators.maxLength(GroupsValidationPatterns.representingOrgNameMaxLength),
+                Validators.pattern(GroupsValidationPatterns.representingOrganization),
+            ],
+            autoCompleteOptions: this.organizations,
+            supportMessage: this.addUserRosterTexts?.supportText?.representingOrganization,
+            requiredErrorMessage: this.addUserRosterTexts?.message?.error?.required,
+            maxErrorMessage: this.addUserRosterTexts?.message?.error?.limit
+                ?.representingOrganization,
+            patternErrorMessage: this.addUserRosterTexts?.message?.error?.pattern
+                ?.representingOrganization,
+            ariaLabel: this.addUserRosterTexts?.label?.ariaLabel?.representingOrganization,
+            ariaDescribedById: this.addUserRosterTexts?.label?.ariaDescribedById
+                ?.representingOrganization,
+        });
+    }
+    /**
+     * Updates the add user form group controls by adding fieldConfig at required index.
+     * @param {number} indexPosition
+     * @param {FieldConfig} fieldConfig
+     * @memberof AddUserRosterComponent
+     */
+    updateAddUserFormControls(indexPosition, fieldConfig) {
+        this.addUserFormGroup.formGroup[0].controls.splice(indexPosition, 0, fieldConfig);
+    }
     /**
      * Handles add user form email search
      * @param {string} email
@@ -2326,16 +2767,8 @@ class AddUserRosterComponent {
     onAddUserFormSubmit(form) {
         form[0]?.markAllAsTouched();
         if (form[0].status === FormStatus.VALID) {
-            const payload = {
-                payload: {
-                    email: this.userInfo?.email,
-                    roles: this.selectedUserRoles,
-                    userId: this.userInfo?.userId,
-                    groupId: this.groupService.selectedGroupInfo?.groupId,
-                },
-            };
             this.groupService
-                .addNewGroupUser(payload)
+                .addNewGroupUser(this.getAddNewUserPayload(form[0]?.getRawValue()), this.groupRosterType)
                 .pipe(takeUntil$1(this.destroy$))
                 .subscribe({
                 next: (res) => {
@@ -2370,7 +2803,7 @@ class AddUserRosterComponent {
         else {
             this.selectedUserRoles = this.selectedUserRoles.filter((value) => value !== event.id);
         }
-        this.isSubmitButtonDisabled = this.selectedUserRoles?.length === 0;
+        this.isSubmitButtonDisabled = this.groupService.isSubmitButtonDisabled(this.groupRosterType, this.addUserFormGroupRef?.status, this.selectedUserRoles);
     }
     /**
      * Emits form cancel event.
@@ -2379,6 +2812,101 @@ class AddUserRosterComponent {
     onFormCancel() {
         this.formCancel.emit();
     }
+    /**
+     * Gets the classifications from master data.
+     * @memberof AddUserRosterComponent
+     */
+    getClassifications() {
+        this.groupService
+            .getClassifications()
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.classifications?.push({
+                        id: option.classificationId,
+                        name: option.classificationDesc,
+                    });
+                });
+                this.updateFormControlOptions('classification', 'dropdownOptions', this.classifications);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Gets the member types from master data.
+     * @memberof AddUserRosterComponent
+     */
+    getMemberTypes() {
+        this.groupService
+            .getMemberTypes()
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.memberTypes?.push({
+                        id: option.memberStatusId,
+                        name: option.memberStatusDesc,
+                    });
+                });
+                this.updateFormControlOptions('memberType', 'dropdownOptions', this.memberTypes);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Gets the representing Organizations.
+     * @param {string} orgName
+     * @memberof AddUserRosterComponent
+     */
+    getOrganizations(orgName) {
+        this.organizations = [];
+        orgName = orgName?.trimStart();
+        this.updateFormControlOptions('representingOrg', 'autoCompleteOptions', []);
+        if (!orgName)
+            return;
+        this.groupService
+            .getOrganizations(orgName)
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.organizations = [];
+                response?.body?.forEach((option) => {
+                    this.organizations?.push({
+                        id: option.orgId,
+                        name: option.orgName,
+                    });
+                });
+                this.updateFormControlOptions('representingOrg', 'autoCompleteOptions', this.organizations);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Update the dropdown options of Classification, Member Type and Representing Organization form fields.
+     * @param {string} formControlName
+     * @param {string} formControlInputProperty
+     * @param {SelectOption[]} options
+     * @memberof AddUserRosterComponent
+     */
+    updateFormControlOptions(formControlName, formControlInputProperty, options) {
+        const formFields = this.dynamicFormComponent?.formFields?.toArray();
+        formFields?.forEach((formField) => {
+            if (formField?.component?.instance?.config?.controlName ===
+                formControlName &&
+                formField?.component?.instance?.[formControlInputProperty])
+                formField.component.instance[formControlInputProperty] = options;
+        });
+    }
     /**
      * Handles the custom errors while searching user by email, validating user existence and adding new user to roster.
      * @param {*} error
@@ -2400,6 +2928,61 @@ class AddUserRosterComponent {
             this.globalErrorHandlerService.handleError(error);
         }
     }
+    /**
+     * Handles add user form change event.
+     * @param {FormGroup[]} form
+     * @memberof AddUserRosterComponent
+     */
+    onAddUserFormChange(form) {
+        this.addUserFormGroupRef = form[0];
+        this.isSubmitButtonDisabled = this.groupService.isSubmitButtonDisabled(this.groupRosterType, this.addUserFormGroupRef?.status, this.selectedUserRoles);
+    }
+    /**
+     * Constructs add new user payload from the form data depends on the GroupRosterType and returns.
+     * @param {*} formData
+     * @return {(AddOrEditUserPayload | AddOrEditUserIndividualRosterPayload)}
+     * @memberof AddUserRosterComponent
+     */
+    getAddNewUserPayload(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    formData) {
+        let payload;
+        if (this.groupRosterType === GroupRosterType.INDIVIDUAL) {
+            payload = {
+                payload: {
+                    email: this.userInfo?.email,
+                    userId: this.userInfo?.userId,
+                    roles: this.selectedUserRoles,
+                    groupId: this.groupService.selectedGroupInfo?.groupId,
+                    memberStatus: {
+                        memberStatusId: formData?.memberType
+                            ? formData?.memberType?.id
+                            : '',
+                    },
+                    organization: {
+                        orgId: formData?.representingOrg?.id ?? '',
+                        orgName: formData?.representingOrg?.name ?? formData?.representingOrg,
+                    },
+                },
+            };
+            if (this.hasClassification)
+                payload.payload.classification = {
+                    classificationId: formData?.classification
+                        ? formData?.classification?.id
+                        : '',
+                };
+        }
+        else
+            payload = {
+                payload: {
+                    email: this.userInfo?.email,
+                    roles: this.selectedUserRoles,
+                    userId: this.userInfo?.userId,
+                    groupId: this.groupService.selectedGroupInfo?.groupId,
+                },
+            };
+        return payload;
+    }
     /**
      * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
      * @memberof AddUserRosterComponent
@@ -2411,17 +2994,40 @@ class AddUserRosterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddUserRosterComponent, deps: [{ token: GroupsService }, { token: i2.GlobalErrorHandlerService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AddUserRosterComponent, isStandalone: true, selector: "ieeesa-add-user-roster", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, providers: [AlertsService], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"searchUserFormGroup && isSearchUserForm\"\r\n  class=\"ieeesa-search-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"searchUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onSearchUserFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n></ieeesa-dynamic-form>\r\n\r\n<ieeesa-dynamic-form\r\n  *ngIf=\"addUserFormGroup && !isSearchUserForm\"\r\n  class=\"ieeesa-add-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"addUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onAddUserFormSubmit($event)\"\r\n  (formSearchApply)=\"formSearchApply($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getAddUserFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:97vw!important}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-search-user-form .ieeesa-dynamic-form__actions,.ieeesa-add-user-form .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field:last-child,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field:last-child{padding-top:9px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__button,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__button{position:relative;top:2px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__content{position:relative;bottom:15px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{width:100%;font-size:1em;border-bottom:2px solid #918f90;border-radius:4px 4px 0 0;height:40px;align-items:center;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid{border-bottom:2px solid #ba0c2f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid),.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid){border-bottom:2px solid #00629b}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field{margin-bottom:.4em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-search-user-form .mdc-checkbox__background,.ieeesa-add-user-form .mdc-checkbox__background{border-color:unset;background-color:unset}.ieeesa-search-user-form .ieeesa-form-error--text,.ieeesa-add-user-form .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-search-user-form .mat-mdc-form-field-subscript-wrapper,.ieeesa-add-user-form .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-search-user-form .ieeesa-dynamic-form__actions--right-btn{min-width:175px!important}@media (min-width: 767px){.ieeesa-search-user-form .email-search .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .email-search .ieeesa-search-field .mat-mdc-form-field,.ieeesa-search-user-form .email-address .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .email-address .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .email-search .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .email-search .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .email-address .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .email-address .ieeesa-search-field .mat-mdc-form-field{width:32%}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:65vw!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formCheckboxSelection", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange"], exportAs: ["dynamicForm"] }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AddUserRosterComponent, isStandalone: true, selector: "ieeesa-add-user-roster", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, providers: [AlertsService], viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"searchUserFormGroup && isSearchUserForm\"\r\n  class=\"ieeesa-search-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"searchUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onSearchUserFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n></ieeesa-dynamic-form>\r\n\r\n<ieeesa-dynamic-form\r\n  *ngIf=\"addUserFormGroup && !isSearchUserForm\"\r\n  class=\"ieeesa-add-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"addUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onAddUserFormSubmit($event)\"\r\n  (formSearchApply)=\"formSearchApply($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getAddUserFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formChange)=\"onAddUserFormChange($event)\"\r\n  (formAutoCompleteSearch)=\"getOrganizations($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:97vw!important}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-search-user-form .ieeesa-dynamic-form__actions,.ieeesa-add-user-form .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field{display:flex;min-height:40px;height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow{position:relative;bottom:8px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__button,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__button{position:relative;top:2px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__content{position:relative;bottom:15px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{font-size:1em;border-bottom:1px solid #918f90;border-radius:4px 4px 0 0;height:40px;align-items:center;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid{border-bottom:2px solid #ba0c2f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid),.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid){border-bottom:2px solid #00629b}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete__input,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete__input{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field{padding-top:0;margin-bottom:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-search-user-form .ieeesa-checkbox-field .mat-mdc-list,.ieeesa-add-user-form .ieeesa-checkbox-field .mat-mdc-list{margin-left:-.625em}.ieeesa-search-user-form .mdc-checkbox__background,.ieeesa-add-user-form .mdc-checkbox__background{border-color:unset;background-color:unset}.ieeesa-search-user-form .ieeesa-form-error--text,.ieeesa-add-user-form .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-search-user-form .mat-mdc-form-field-subscript-wrapper,.ieeesa-add-user-form .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-search-user-form .ieeesa-dynamic-form__actions--right-btn{min-width:175px!important}@media (min-width: 767px){.ieeesa-search-user-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-search-field .mat-mdc-form-field{width:32%}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:65vw!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formCheckboxSelection", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange"], exportAs: ["dynamicForm"] }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddUserRosterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-add-user-roster', standalone: true, imports: [CommonModule, DynamicFormComponent, MatDialogModule], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<ieeesa-dynamic-form\r\n  *ngIf=\"searchUserFormGroup && isSearchUserForm\"\r\n  class=\"ieeesa-search-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"searchUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onSearchUserFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n></ieeesa-dynamic-form>\r\n\r\n<ieeesa-dynamic-form\r\n  *ngIf=\"addUserFormGroup && !isSearchUserForm\"\r\n  class=\"ieeesa-add-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"addUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onAddUserFormSubmit($event)\"\r\n  (formSearchApply)=\"formSearchApply($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getAddUserFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:97vw!important}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-search-user-form .ieeesa-dynamic-form__actions,.ieeesa-add-user-form .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field:last-child,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field:last-child{padding-top:9px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__button,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__button{position:relative;top:2px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__content{position:relative;bottom:15px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{width:100%;font-size:1em;border-bottom:2px solid #918f90;border-radius:4px 4px 0 0;height:40px;align-items:center;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid{border-bottom:2px solid #ba0c2f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid),.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid){border-bottom:2px solid #00629b}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field{margin-bottom:.4em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-search-user-form .mdc-checkbox__background,.ieeesa-add-user-form .mdc-checkbox__background{border-color:unset;background-color:unset}.ieeesa-search-user-form .ieeesa-form-error--text,.ieeesa-add-user-form .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-search-user-form .mat-mdc-form-field-subscript-wrapper,.ieeesa-add-user-form .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-search-user-form .ieeesa-dynamic-form__actions--right-btn{min-width:175px!important}@media (min-width: 767px){.ieeesa-search-user-form .email-search .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .email-search .ieeesa-search-field .mat-mdc-form-field,.ieeesa-search-user-form .email-address .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .email-address .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .email-search .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .email-search .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .email-address .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .email-address .ieeesa-search-field .mat-mdc-form-field{width:32%}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:65vw!important}}\n"] }]
-        }], ctorParameters: function () { return [{ type: GroupsService }, { type: i2.GlobalErrorHandlerService }, { type: i2.AlertsService }]; }, propDecorators: { submitFormResponse: [{
+            args: [{ selector: 'ieeesa-add-user-roster', standalone: true, imports: [CommonModule, DynamicFormComponent, MatDialogModule], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<ieeesa-dynamic-form\r\n  *ngIf=\"searchUserFormGroup && isSearchUserForm\"\r\n  class=\"ieeesa-search-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"searchUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onSearchUserFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n></ieeesa-dynamic-form>\r\n\r\n<ieeesa-dynamic-form\r\n  *ngIf=\"addUserFormGroup && !isSearchUserForm\"\r\n  class=\"ieeesa-add-user-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [isSubmitButtonDisabled]=\"isSubmitButtonDisabled\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"addUserFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onAddUserFormSubmit($event)\"\r\n  (formSearchApply)=\"formSearchApply($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getAddUserFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onUserRoleSelection($event)\"\r\n  (formChange)=\"onAddUserFormChange($event)\"\r\n  (formAutoCompleteSearch)=\"getOrganizations($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:97vw!important}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-add-user-roster .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-add-user-roster .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-search-user-form .ieeesa-dynamic-form__actions,.ieeesa-add-user-form .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-search-user-form .ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__support-text,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__label,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__support-text{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field{display:flex;min-height:40px;height:40px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete .mat-mdc-form-field .mat-mdc-select-arrow,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-value,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-select-field .mat-mdc-form-field .mat-mdc-select-arrow{position:relative;bottom:8px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__content,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-input-field__icon--warning{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__search-icon{color:#49454f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__button,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__button{position:relative;top:2px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field__content,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field__content{position:relative;bottom:15px}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field{font-size:1em;border-bottom:1px solid #918f90;border-radius:4px 4px 0 0;height:40px;align-items:center;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-form-field-invalid{border-bottom:2px solid #ba0c2f}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid),.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-search-field .mat-mdc-form-field.mat-focused:not(.mat-form-field-invalid){border-bottom:2px solid #00629b}.ieeesa-search-user-form .ieeesa-dynamic-form .ieeesa-autocomplete__input,.ieeesa-add-user-form .ieeesa-dynamic-form .ieeesa-autocomplete__input{position:relative;bottom:10px}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field{padding-top:0;margin-bottom:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-search-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-add-user-form .ieeesa-dynamic-form .full-name.ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-search-user-form .ieeesa-checkbox-field .mat-mdc-list,.ieeesa-add-user-form .ieeesa-checkbox-field .mat-mdc-list{margin-left:-.625em}.ieeesa-search-user-form .mdc-checkbox__background,.ieeesa-add-user-form .mdc-checkbox__background{border-color:unset;background-color:unset}.ieeesa-search-user-form .ieeesa-form-error--text,.ieeesa-add-user-form .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-search-user-form .mat-mdc-form-field-subscript-wrapper,.ieeesa-add-user-form .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-search-user-form .ieeesa-dynamic-form__actions--right-btn{min-width:175px!important}@media (min-width: 767px){.ieeesa-search-user-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-search-user-form .ieeesa-search-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-input-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-select-field .mat-mdc-form-field,.ieeesa-add-user-form .ieeesa-search-field .mat-mdc-form-field{width:32%}.ieeesa-modal-dialog.ieeesa-add-user-roster{max-width:65vw!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: GroupsService }, { type: i2.GlobalErrorHandlerService }, { type: i2.AlertsService }]; }, propDecorators: { dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }], submitFormResponse: [{
                 type: Output
             }], formCancel: [{
                 type: Output
             }] } });
 
+/* eslint-disable no-unused-vars */
+var FilterType;
+(function (FilterType) {
+    FilterType["ROLE"] = "Role";
+    FilterType["MEMBER_TYPE"] = "Member Type";
+    FilterType["CLASSIFICATION"] = "Classification";
+})(FilterType || (FilterType = {}));
+
+/* eslint-disable no-unused-vars */
+var TableColumnSchemaUserGroup;
+(function (TableColumnSchemaUserGroup) {
+    TableColumnSchemaUserGroup["NAME"] = "name";
+    TableColumnSchemaUserGroup["EMAIL"] = "email";
+    TableColumnSchemaUserGroup["ROLE"] = "role";
+    TableColumnSchemaUserGroup["EMPLOYER"] = "employer";
+    TableColumnSchemaUserGroup["CLASSIFICATION"] = "classification";
+    TableColumnSchemaUserGroup["ORGANIZATION"] = "org_name";
+    TableColumnSchemaUserGroup["MEMBER_TYPE"] = "memberType";
+})(TableColumnSchemaUserGroup || (TableColumnSchemaUserGroup = {}));
+
 /**
  * ViewRosterComponent implements the functionalities to add, edit, delete user to group roster, assign and modify roles(s) to the group users, and search user from roster.
  * @export
@@ -2450,53 +3056,16 @@ class ViewRosterComponent {
         this.constants = screenTexts;
         this.viewRosterConstants = this.constants?.viewRoster;
         this.alignmentType = AlignType;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.filters = [
-            {
-                id: 1,
-                name: this.viewRosterConstants?.filterByRole,
-                checked: false,
-                chipType: ChipsType.TOGGLE,
-            },
-        ];
-        this.columnSchema = [
-            {
-                id: 1,
-                columnDef: TableColumnType.SELECT,
-                heading: '',
-                columnType: TableColumnType.SELECT,
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                cellData: (element) => `${element.select}`,
-            },
-            {
-                id: 2,
-                columnDef: 'name',
-                heading: this.viewRosterConstants?.tableColumns?.name,
-                columnType: TableColumnType.TEXT,
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                cellData: (element) => `${element.name}`,
-                isSortableColumn: true,
-            },
-            {
-                id: 3,
-                columnDef: 'email',
-                heading: this.viewRosterConstants?.tableColumns?.email,
-                columnType: TableColumnType.TEXT,
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                cellData: (element) => `${element.email}`,
-                isSortableColumn: true,
-            },
-            {
-                id: 4,
-                columnDef: 'role',
-                heading: this.viewRosterConstants?.tableColumns?.role,
-                columnType: TableColumnType.TEXT,
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                cellData: (element) => `${element.role}`,
-            },
-        ];
         this.selectedRoleIds = [];
+        this.selectedMemberTypeIds = [];
+        this.selectedClassificationIds = [];
+        this.selectedRoles = {};
+        this.selectedMemberTypes = {};
+        this.selectedClassifications = {};
         this.roles = [];
+        this.filterOptions = [];
+        this.memberTypes = [];
+        this.classifications = [];
         this.rosterActions = {
             isSearchNeeded: true,
             isFilterNeeded: true,
@@ -2504,14 +3073,29 @@ class ViewRosterComponent {
             isDeleteNeeded: false,
             isEditNeeded: false,
         };
-        this.defaultSortedColumn = this.columnSchema[1].columnDef;
-        this.defaultColumnSortDirection = TableColumnSortDirection.ASCENDING;
-        this.getRoles();
-        this.getGroupUsersAndInitializeTableView();
+        this.hasClassification = false;
+        this.defaultColumnSortDirection = true;
+        this.tableColumnsForIndividual = this.viewRosterConstants?.tableColumnsForIndividual;
+        this.tableColumnsForSystemUsers = this.viewRosterConstants?.tableColumnsForSystemUsers;
+        this.emptyFieldValueReplacedBy = this.viewRosterConstants?.emptyFieldValueReplacedBy;
         this.rosterActions.isAddNeeded = this.getManageRosterActionsPermission();
         this.rosterActions.isEditNeeded = this.getManageRosterActionsPermission();
         this.rosterActions.isDeleteNeeded = this.getManageRosterActionsPermission();
     }
+    ngOnInit() {
+        const groupType = this.groupService.getSelectedGroupInfo()?.groupTypeInfo?.businessRule;
+        this.hasClassification = groupType?.hasClassification ?? false;
+        this.groupRosterType = groupType?.rosterType;
+        if (!this.groupRosterType)
+            this.alertService.showMessage({
+                status: 'custom',
+                message: this.constants?.errors?.ER1001,
+                alertType: AlertType.WARNING,
+                isCloseNeeded: true,
+            });
+        this.configureTableInfo();
+        this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+    }
     /**
      * Show add new user success message when canShowMessage is set true
      * @memberof ViewRosterComponent
@@ -2528,6 +3112,8 @@ class ViewRosterComponent {
                 this.showAlertMessage(this.constants?.editUserRoles?.message?.success?.submission, AlertType.SUCCESS);
             }
         }
+        const groupType = this.groupService.getBusinessRuleOfSelectedGroup();
+        this.groupRosterType = groupType?.rosterType;
     }
     /**
      * Hides or shows roster add user, edit user and delete user actions based on user group permissions.
@@ -2539,13 +3125,164 @@ class ViewRosterComponent {
             this.groupService.validateAccess(PermissionType.MANAGE_GROUP_OFFICERS) ||
             this.groupService.validateAccess(PermissionType.MANAGE_GROUP_MEMBERS));
     }
+    /**
+     * Configure Table information based on group roster type
+     * @memberof ViewRosterComponent
+     */
+    configureTableInfo() {
+        if (this.groupRosterType === GroupRosterType.INDIVIDUAL) {
+            this.dataTableClassName = 'ieeesa-individual-roster';
+            this.searchPlaceholderText =
+                this.viewRosterConstants?.searchPlaceholderIndividual;
+            this.filters = [
+                {
+                    id: FilterType.MEMBER_TYPE,
+                    name: FilterType.MEMBER_TYPE,
+                    checked: false,
+                    chipType: ChipsType.TOGGLE,
+                },
+            ];
+            this.getMemberTypes();
+            this.columnSchema = [
+                {
+                    id: 1,
+                    columnDef: TableColumnType.SELECT,
+                    heading: '',
+                    columnType: TableColumnType.SELECT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.select}`,
+                },
+                {
+                    id: 2,
+                    columnDef: TableColumnSchemaUserGroup.NAME,
+                    heading: this.tableColumnsForIndividual?.name,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.name}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 3,
+                    columnDef: TableColumnSchemaUserGroup.EMPLOYER,
+                    heading: this.tableColumnsForIndividual?.employer,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.employer ?? this.emptyFieldValueReplacedBy}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 4,
+                    columnDef: TableColumnSchemaUserGroup.EMAIL,
+                    heading: this.tableColumnsForIndividual?.email,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.email ?? this.emptyFieldValueReplacedBy}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 5,
+                    columnDef: TableColumnSchemaUserGroup.MEMBER_TYPE,
+                    heading: this.tableColumnsForIndividual?.memberType,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.memberType ?? this.emptyFieldValueReplacedBy}`,
+                },
+                {
+                    id: 6,
+                    columnDef: TableColumnSchemaUserGroup.ORGANIZATION,
+                    heading: this.tableColumnsForIndividual?.organizationName,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.organization ?? this.emptyFieldValueReplacedBy}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 8,
+                    columnDef: TableColumnSchemaUserGroup.ROLE,
+                    heading: this.tableColumnsForIndividual?.role,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.role ?? this.emptyFieldValueReplacedBy}`,
+                },
+            ];
+            if (this.hasClassification) {
+                this.getClassifications();
+                this.columnSchema.splice(this.columnSchema.length - 1, 0, {
+                    id: 7,
+                    columnDef: TableColumnSchemaUserGroup.CLASSIFICATION,
+                    heading: this.tableColumnsForIndividual?.classification,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.classification ?? this.emptyFieldValueReplacedBy}`,
+                    isSortableColumn: true,
+                });
+                this.filters.push({
+                    id: FilterType.CLASSIFICATION,
+                    name: FilterType.CLASSIFICATION,
+                    checked: false,
+                    chipType: ChipsType.TOGGLE,
+                });
+            }
+        }
+        else if (this.groupRosterType === GroupRosterType.SYSTEM_USER) {
+            this.dataTableClassName = 'ieeesa-system-users-roster';
+            this.searchPlaceholderText =
+                this.viewRosterConstants?.searchPlaceholderSystemUsers;
+            this.filters = [
+                {
+                    id: FilterType.ROLE,
+                    name: FilterType.ROLE,
+                    checked: false,
+                    chipType: ChipsType.TOGGLE,
+                },
+            ];
+            this.columnSchema = [
+                {
+                    id: 1,
+                    columnDef: TableColumnType.SELECT,
+                    heading: '',
+                    columnType: TableColumnType.SELECT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.select}`,
+                },
+                {
+                    id: 2,
+                    columnDef: TableColumnSchemaUserGroup.NAME,
+                    heading: this.tableColumnsForSystemUsers?.name,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.name}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 3,
+                    columnDef: TableColumnSchemaUserGroup.EMAIL,
+                    heading: this.tableColumnsForSystemUsers?.email,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.email}`,
+                    isSortableColumn: true,
+                },
+                {
+                    id: 4,
+                    columnDef: TableColumnSchemaUserGroup.ROLE,
+                    heading: this.tableColumnsForSystemUsers?.role,
+                    columnType: TableColumnType.TEXT,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    cellData: (element) => `${element.role ?? this.emptyFieldValueReplacedBy}`,
+                },
+            ];
+            this.getRoles();
+        }
+        this.defaultSortedColumn = this.columnSchema[1].columnDef;
+    }
     /**
      * Gets the group users by calling getGroupUsers() from groupService and sets tableData to display the users in a grid.
      * @memberof ViewRosterComponent
      */
-    getGroupUsersAndInitializeTableView() {
+    getGroupUsersAndInitializeTableView(sortColumn, sortDirection) {
         this.groupService
-            .getGroupUsers(this.groupService.getSelectedGroupInfo()?.groupId)
+            .getGroupUsers(this.groupService.getSelectedGroupInfo()?.groupId, sortColumn, sortDirection)
             .pipe(takeUntil(this.destroy$))
             .subscribe({
             next: (response) => {
@@ -2565,6 +3302,35 @@ class ViewRosterComponent {
             },
         });
     }
+    /**
+     * Gets the groups based on the column name and sort direction.
+     * @param {Sort} sort
+     * @memberof ViewRosterComponent
+     */
+    onSortGroupUsers(sort) {
+        this.defaultSortedColumn = sort.active;
+        this.defaultColumnSortDirection =
+            sort.direction === TableColumnSortDirection.ASCENDING;
+        if (sort.direction === TableColumnSortDirection.NO_SORT)
+            return;
+        if (this.groupRosterType === GroupRosterType.SYSTEM_USER) {
+            if (this.selectedRoleIds.length)
+                this.onFilterGroupUsers([this.selectedRoles]);
+            else
+                this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+        }
+        else if (this.groupRosterType === GroupRosterType.INDIVIDUAL) {
+            if (this.selectedClassificationIds.length ||
+                this.selectedMemberTypeIds.length) {
+                this.onFilterGroupUsers([
+                    this.selectedClassifications,
+                    this.selectedMemberTypes,
+                ]);
+            }
+            else
+                this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+        }
+    }
     /**
      * Gets the selected group type roles by calling getGroupTypeRoles() from groupService and sets assign roles.
      * @memberof ViewRosterComponent
@@ -2583,6 +3349,79 @@ class ViewRosterComponent {
             },
         });
     }
+    /**
+     * Gets the classification by calling getClassifications() from groupService and sets classifications.
+     * @memberof ViewUserRosterComponent
+     */
+    getClassifications() {
+        this.groupService
+            .getClassifications()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.classifications?.push({
+                        id: option.classificationId,
+                        name: option.classificationName,
+                        checked: false,
+                        disabled: false,
+                    });
+                });
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Gets the member types by calling getMemberTypes() from groupService and sets member types.
+     * @memberof ViewUserRosterComponent
+     */
+    getMemberTypes() {
+        this.groupService
+            .getMemberTypes()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                response?.body?.forEach((option) => {
+                    this.memberTypes?.push({
+                        id: option.memberStatusId,
+                        name: option.memberStatusName,
+                        checked: false,
+                        disabled: false,
+                    });
+                });
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Sets the selected filter options for Member Type or Classification filter depends on the selection.
+     * @param {ChipOption} option
+     * @memberof ViewRosterComponent
+     */
+    setSelectedFilterOptions(option) {
+        switch (option.id) {
+            case FilterType.MEMBER_TYPE: {
+                this.filterOptions = this.memberTypes;
+                break;
+            }
+            case FilterType.CLASSIFICATION: {
+                this.filterOptions = this.classifications;
+                break;
+            }
+            case FilterType.ROLE: {
+                this.filterOptions = this.roles;
+                break;
+            }
+            default:
+                break;
+        }
+    }
     /**
      * Gets the group users by calling searchGroupUsers() from groupService and sets tableData to display the users in a grid.
      * @param {string} searchTerm -searchTerm can be user name or email and user is searched based on the email or name.
@@ -2590,25 +3429,65 @@ class ViewRosterComponent {
      */
     onSearchGroupUsers(searchTerm) {
         this.searchTerm = searchTerm?.trim();
-        if (!this.searchTerm) {
-            if (this.selectedRoleIds?.length === 0) {
-                this.getGroupUsersAndInitializeTableView();
-                return;
+        let payload;
+        switch (this.groupRosterType) {
+            case GroupRosterType.SYSTEM_USER: {
+                if (!this.searchTerm) {
+                    if (this.selectedRoleIds?.length === 0) {
+                        this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+                        return;
+                    }
+                    else if (this.selectedRoleIds?.length > 0) {
+                        this.onFilterGroupUsers([this.selectedRoles]);
+                        return;
+                    }
+                }
+                payload = {
+                    payload: {
+                        groupId: this.groupService.getSelectedGroupInfo()
+                            ?.groupId,
+                        searchByNameOrEmailOrRepOrg: this.searchTerm,
+                        filterByRoleClassificationMemberStatusIds: this.selectedRoleIds,
+                        sortColumn: this.defaultSortedColumn,
+                        ascendingOrder: this.defaultColumnSortDirection,
+                    },
+                };
+                break;
             }
-            else if (this.selectedRoleIds?.length > 0) {
-                this.onFilterUsersByRoles(this.selectedRoles);
-                return;
+            case GroupRosterType.INDIVIDUAL: {
+                if (!this.searchTerm) {
+                    if (this.selectedMemberTypeIds?.length === 0 &&
+                        this.selectedClassificationIds?.length === 0) {
+                        this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+                        return;
+                    }
+                    else if (this.selectedClassificationIds?.length > 0 ||
+                        this.selectedMemberTypeIds?.length > 0) {
+                        this.onFilterGroupUsers([
+                            this.selectedClassifications,
+                            this.selectedMemberTypes,
+                        ]);
+                        return;
+                    }
+                }
+                payload = {
+                    payload: {
+                        groupId: this.groupService.getSelectedGroupInfo()
+                            ?.groupId,
+                        searchByNameOrEmailOrRepOrg: this.searchTerm,
+                        filterByRoleClassificationMemberStatusIds: [
+                            ...this.selectedClassificationIds,
+                            ...this.selectedMemberTypeIds,
+                        ],
+                        sortColumn: this.defaultSortedColumn,
+                        ascendingOrder: this.defaultColumnSortDirection,
+                    },
+                };
+                break;
             }
+            default:
+                break;
         }
-        if (!this.searchTerm)
-            return;
-        const payload = {
-            payload: {
-                groupId: this.groupService.getSelectedGroupInfo()?.groupId,
-                searchByNameOrEmail: this.searchTerm,
-                roles: this.selectedRoleIds,
-            },
-        };
         this.groupService
             .searchGroupUsers(payload)
             .pipe(takeUntil(this.destroy$))
@@ -2631,31 +3510,90 @@ class ViewRosterComponent {
             },
         });
     }
+    /**
+     * Sets the selected options of filters and returns id of selected options
+     * @param {FiltersAndOptions[]} selectedOptions
+     * @param {FilterType} filterType
+     * @param {FiltersAndOptions} selectedFilterOptions
+     * @return {*}
+     * @memberof ViewRosterComponent
+     */
+    getSelectedFilterOptionsAndIds(selectedOptions, filterType, selectedFilterOptions, selectedFilterIds) {
+        selectedOptions?.forEach((selectedOption) => {
+            for (const [key, value] of Object.entries(selectedOption)) {
+                if (key === filterType) {
+                    const selectedFilterOptionsList = [];
+                    value?.forEach((option) => {
+                        selectedFilterIds.push(option.id);
+                        selectedFilterOptionsList.push(option);
+                    });
+                    selectedFilterOptions[key] = selectedFilterOptionsList;
+                }
+            }
+        });
+    }
     /**
      * Gets the group users by calling getGroupUsersByRoles() from groupService and sets tableData to display the users in a grid.
      * @param {ChipOption[] | | CheckboxOption[]} roles
      * @memberof ViewRosterComponent
      */
-    onFilterUsersByRoles(roles) {
+    onFilterGroupUsers(selectedOptions) {
         this.selectedRoleIds = [];
-        roles?.forEach((role) => {
-            this.selectedRoleIds.push(role.id);
-        });
-        this.selectedRoles = roles;
-        if (roles?.length === 0 && !this.searchTerm) {
-            this.getGroupUsersAndInitializeTableView();
-            return;
-        }
-        else if (this.searchTerm) {
-            this.onSearchGroupUsers(this.searchTerm);
-            return;
+        this.selectedMemberTypeIds = [];
+        this.selectedClassificationIds = [];
+        this.selectedClassifications = {};
+        this.selectedMemberTypes = {};
+        let payload;
+        switch (this.groupRosterType) {
+            case GroupRosterType.SYSTEM_USER: {
+                this.getSelectedFilterOptionsAndIds(selectedOptions, FilterType.ROLE, this.selectedRoles, this.selectedRoleIds);
+                if (selectedOptions?.length === 0 && !this.searchTerm) {
+                    this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+                    return;
+                }
+                else if (this.searchTerm) {
+                    this.onSearchGroupUsers(this.searchTerm);
+                    return;
+                }
+                payload = {
+                    payload: {
+                        groupId: this.groupService.getSelectedGroupInfo()
+                            ?.groupId,
+                        filterByRoleClassificationMemberStatusIds: this.selectedRoleIds,
+                        sortColumn: this.defaultSortedColumn,
+                        ascendingOrder: this.defaultColumnSortDirection,
+                    },
+                };
+                break;
+            }
+            case GroupRosterType.INDIVIDUAL: {
+                this.getSelectedFilterOptionsAndIds(selectedOptions, FilterType.MEMBER_TYPE, this.selectedMemberTypes, this.selectedMemberTypeIds);
+                this.getSelectedFilterOptionsAndIds(selectedOptions, FilterType.CLASSIFICATION, this.selectedClassifications, this.selectedClassificationIds);
+                if (selectedOptions?.length === 0 && !this.searchTerm) {
+                    this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
+                    return;
+                }
+                else if (this.searchTerm) {
+                    this.onSearchGroupUsers(this.searchTerm);
+                    return;
+                }
+                payload = {
+                    payload: {
+                        groupId: this.groupService.getSelectedGroupInfo()
+                            ?.groupId,
+                        filterByRoleClassificationMemberStatusIds: [
+                            ...this.selectedMemberTypeIds,
+                            ...this.selectedClassificationIds,
+                        ],
+                        sortColumn: this.defaultSortedColumn,
+                        ascendingOrder: this.defaultColumnSortDirection,
+                    },
+                };
+                break;
+            }
+            default:
+                break;
         }
-        const payload = {
-            payload: {
-                groupId: this.groupService.getSelectedGroupInfo()?.groupId,
-                roles: this.selectedRoleIds,
-            },
-        };
         this.groupService
             .getGroupUsersByRoles(payload)
             .pipe(takeUntil(this.destroy$))
@@ -2742,7 +3680,7 @@ class ViewRosterComponent {
             next: (res) => {
                 if (res?.status) {
                     this.showAlertMessage(`${res.body} ${deleteUsersGroupTexts?.message?.success?.removed}`, AlertType.SUCCESS);
-                    this.getGroupUsersAndInitializeTableView();
+                    this.getGroupUsersAndInitializeTableView(this.defaultSortedColumn, this.defaultColumnSortDirection);
                 }
             },
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2757,12 +3695,23 @@ class ViewRosterComponent {
      * @memberof ViewRosterComponent
      */
     onEditUserRoles(selectedUserInfo) {
-        this.groupService.setSelectedUserInfo({
-            email: selectedUserInfo[0]?.email,
-            name: selectedUserInfo[0]?.name,
-            role: selectedUserInfo[0]?.role,
-            userId: selectedUserInfo[0]?.userId,
-        });
+        if (this.groupRosterType === GroupRosterType.INDIVIDUAL)
+            this.groupService.setSelectedUserInfo({
+                email: selectedUserInfo[0]?.email,
+                name: selectedUserInfo[0]?.name,
+                role: selectedUserInfo[0]?.role,
+                userId: selectedUserInfo[0]?.userId,
+                classification: selectedUserInfo[0]?.classification,
+                organization: selectedUserInfo[0]?.organization,
+                memberStatus: selectedUserInfo[0]?.memberStatus,
+            });
+        else
+            this.groupService.setSelectedUserInfo({
+                email: selectedUserInfo[0]?.email,
+                name: selectedUserInfo[0]?.name,
+                role: selectedUserInfo[0]?.role,
+                userId: selectedUserInfo[0]?.userId,
+            });
         this.groupService?.openModalNotifier?.next(GroupFunctionType.EDIT_ROSTER_USER_ROLE);
     }
     /**
@@ -2796,11 +3745,11 @@ class ViewRosterComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewRosterComponent, deps: [{ token: i1.MatDialog }, { token: GroupsService }, { token: i2.AlertsService }, { token: i0.ChangeDetectorRef }, { token: i2.GlobalErrorHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewRosterComponent, isStandalone: true, selector: "ieeesa-view-roster", ngImport: i0, template: "<ieeesa-data-table\r\n  [tableDataInfo]=\"tableData\"\r\n  [columnSchemaInfo]=\"columnSchema\"\r\n  [defaultSortedColumn]=\"defaultSortedColumn\"\r\n  [defaultColumnSortDirection]=\"defaultColumnSortDirection\"\r\n  [searchPlaceHolderText]=\"viewRosterConstants?.searchPlaceholder\"\r\n  [tableActions]=\"rosterActions\"\r\n  [filters]=\"filters\"\r\n  [selectedFilterOptions]=\"roles\"\r\n  (removeFilteredOption)=\"onFilterUsersByRoles($event)\"\r\n  (filteredOptions)=\"onFilterUsersByRoles($event)\"\r\n  (searchedValue)=\"onSearchGroupUsers($event)\"\r\n  (selectedRowToEdit)=\"onEditUserRoles($event)\"\r\n  (selectedRowsToDelete)=\"openUserDeleteConfirmationModal($event)\"\r\n  (addRow)=\"onAddNewUser()\"\r\n></ieeesa-data-table>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-view-roster{max-width:80vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:3em}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal .mat-mdc-dialog-content{padding:0;min-height:405px}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal-title{padding-bottom:1.25em}.ieeesa-data-table__content{height:500px}.ieeesa-data-table__no-table-data{height:auto}.ieeesa-data-table__filter{padding-bottom:1em}.ieeesa-data-table .cdk-column-select{width:7%}.ieeesa-data-table .cdk-column-name{width:18%}.ieeesa-data-table .cdk-column-email{width:27%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "columnSchemaInfo", "tableActions", "caption", "paginatorConfig", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewRosterComponent, isStandalone: true, selector: "ieeesa-view-roster", ngImport: i0, template: "<ieeesa-data-table\r\n  [tableDataInfo]=\"tableData\"\r\n  [columnSchemaInfo]=\"columnSchema\"\r\n  [searchPlaceHolderText]=\"searchPlaceholderText\"\r\n  [tableActions]=\"rosterActions\"\r\n  [isCellTextOverflowEllipsis]=\"true\"\r\n  [filters]=\"filters\"\r\n  [className]=\"dataTableClassName\"\r\n  [selectedFilterOptions]=\"filterOptions\"\r\n  (selectedFilter)=\"setSelectedFilterOptions($event)\"\r\n  (removeFilteredOption)=\"onFilterGroupUsers($event)\"\r\n  (filteredOptions)=\"onFilterGroupUsers($event)\"\r\n  (searchedValue)=\"onSearchGroupUsers($event)\"\r\n  (selectedRowToEdit)=\"onEditUserRoles($event)\"\r\n  (selectedRowsToDelete)=\"openUserDeleteConfirmationModal($event)\"\r\n  (sortChange)=\"onSortGroupUsers($event)\"\r\n  (addRow)=\"onAddNewUser()\"\r\n></ieeesa-data-table>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-view-roster{max-width:90vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:3em}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal .mat-mdc-dialog-content{padding:0;min-height:405px}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal-title{padding-bottom:1.25em}.ieeesa-data-table__content{height:500px}.ieeesa-data-table__no-table-data{height:auto}.ieeesa-data-table__filter{padding-bottom:1em}.ieeesa-data-table .cdk-column-select{width:7%}.ieeesa-data-table .ieeesa-system-users-roster .cdk-column-name{width:11.25em;max-width:11.25em}.ieeesa-data-table .ieeesa-system-users-roster .cdk-column-email{width:15em;max-width:15em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-name{width:11em;max-width:11em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-email{width:13em;max-width:13em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-memberType,.ieeesa-data-table .ieeesa-individual-roster .cdk-column-role,.ieeesa-data-table .ieeesa-individual-roster .cdk-column-employer{width:8.25em;max-width:8.25em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-org_name,.ieeesa-data-table .ieeesa-individual-roster .cdk-column{width:10em;max-width:10em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-classification{width:15em;max-width:15em}@media (max-width: 576px){.ieeesa-modal-dialog.ieeesa-view-roster{max-width:95vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-data-table{padding-right:0!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "columnSchemaInfo", "tableActions", "caption", "paginatorConfig", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewRosterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-view-roster', standalone: true, imports: [CommonModule, DataTableComponent, MatDialogModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ieeesa-data-table\r\n  [tableDataInfo]=\"tableData\"\r\n  [columnSchemaInfo]=\"columnSchema\"\r\n  [defaultSortedColumn]=\"defaultSortedColumn\"\r\n  [defaultColumnSortDirection]=\"defaultColumnSortDirection\"\r\n  [searchPlaceHolderText]=\"viewRosterConstants?.searchPlaceholder\"\r\n  [tableActions]=\"rosterActions\"\r\n  [filters]=\"filters\"\r\n  [selectedFilterOptions]=\"roles\"\r\n  (removeFilteredOption)=\"onFilterUsersByRoles($event)\"\r\n  (filteredOptions)=\"onFilterUsersByRoles($event)\"\r\n  (searchedValue)=\"onSearchGroupUsers($event)\"\r\n  (selectedRowToEdit)=\"onEditUserRoles($event)\"\r\n  (selectedRowsToDelete)=\"openUserDeleteConfirmationModal($event)\"\r\n  (addRow)=\"onAddNewUser()\"\r\n></ieeesa-data-table>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-view-roster{max-width:80vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:3em}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal .mat-mdc-dialog-content{padding:0;min-height:405px}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal-title{padding-bottom:1.25em}.ieeesa-data-table__content{height:500px}.ieeesa-data-table__no-table-data{height:auto}.ieeesa-data-table__filter{padding-bottom:1em}.ieeesa-data-table .cdk-column-select{width:7%}.ieeesa-data-table .cdk-column-name{width:18%}.ieeesa-data-table .cdk-column-email{width:27%}\n"] }]
+            args: [{ selector: 'ieeesa-view-roster', standalone: true, imports: [CommonModule, DataTableComponent, MatDialogModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ieeesa-data-table\r\n  [tableDataInfo]=\"tableData\"\r\n  [columnSchemaInfo]=\"columnSchema\"\r\n  [searchPlaceHolderText]=\"searchPlaceholderText\"\r\n  [tableActions]=\"rosterActions\"\r\n  [isCellTextOverflowEllipsis]=\"true\"\r\n  [filters]=\"filters\"\r\n  [className]=\"dataTableClassName\"\r\n  [selectedFilterOptions]=\"filterOptions\"\r\n  (selectedFilter)=\"setSelectedFilterOptions($event)\"\r\n  (removeFilteredOption)=\"onFilterGroupUsers($event)\"\r\n  (filteredOptions)=\"onFilterGroupUsers($event)\"\r\n  (searchedValue)=\"onSearchGroupUsers($event)\"\r\n  (selectedRowToEdit)=\"onEditUserRoles($event)\"\r\n  (selectedRowsToDelete)=\"openUserDeleteConfirmationModal($event)\"\r\n  (sortChange)=\"onSortGroupUsers($event)\"\r\n  (addRow)=\"onAddNewUser()\"\r\n></ieeesa-data-table>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;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.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;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.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;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.625em;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.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;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:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.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:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;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:1em;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:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-view-roster{max-width:90vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:3em}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal .mat-mdc-dialog-content{padding:0;min-height:405px}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-modal-title{padding-bottom:1.25em}.ieeesa-data-table__content{height:500px}.ieeesa-data-table__no-table-data{height:auto}.ieeesa-data-table__filter{padding-bottom:1em}.ieeesa-data-table .cdk-column-select{width:7%}.ieeesa-data-table .ieeesa-system-users-roster .cdk-column-name{width:11.25em;max-width:11.25em}.ieeesa-data-table .ieeesa-system-users-roster .cdk-column-email{width:15em;max-width:15em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-name{width:11em;max-width:11em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-email{width:13em;max-width:13em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-memberType,.ieeesa-data-table .ieeesa-individual-roster .cdk-column-role,.ieeesa-data-table .ieeesa-individual-roster .cdk-column-employer{width:8.25em;max-width:8.25em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-org_name,.ieeesa-data-table .ieeesa-individual-roster .cdk-column{width:10em;max-width:10em}.ieeesa-data-table .ieeesa-individual-roster .cdk-column-classification{width:15em;max-width:15em}@media (max-width: 576px){.ieeesa-modal-dialog.ieeesa-view-roster{max-width:95vw!important}.ieeesa-modal-dialog.ieeesa-view-roster .ieeesa-data-table{padding-right:0!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: GroupsService }, { type: i2.AlertsService }, { type: i0.ChangeDetectorRef }, { type: i2.GlobalErrorHandlerService }]; } });
 
 /**
@@ -2953,8 +3902,9 @@ class GroupsComponent {
      * @memberof GroupsComponent
      */
     openEditUserRolesModal() {
+        const selectedUserInfo = this.groupsService?.getSelectedUserInfo();
         const dialogOptions = {
-            heading: this.editUserRolesTexts?.heading,
+            heading: selectedUserInfo?.name,
             isCloseNeeded: true,
             componentReference: EditUserRolesComponent,
             modalType: ModalType.FORM,
@@ -3338,7 +4288,6 @@ class GroupsComponent {
             if (errorCodes?.includes('1008')) {
                 errorMessage[0] = this.deleteGroupName + errorMessage?.[0];
             }
-            console.log(errorMessage);
             this.showAlertMessage(AlertType.ERROR, errorMessage);
         }
         else if (error && error instanceof HttpErrorResponse) {
@@ -3400,5 +4349,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CreateGroupComponent, EditUserRolesComponent, FormStatus, GroupAction, GroupFunctionType, GroupNode, Groups, GroupsComponent, GroupsDataSource, GroupsModule, GroupsService, GroupsValidationPatterns, RosterFunctionType, TreeViewComponent };
+export { CreateGroupComponent, EditUserRolesComponent, FilterType, FormStatus, GroupAction, GroupFunctionType, GroupNode, GroupRosterType, Groups, GroupsComponent, GroupsDataSource, GroupsModule, GroupsService, GroupsValidationPatterns, RosterFunctionType, TableColumnSchemaUserGroup, TreeViewComponent };
 //# sourceMappingURL=ieeesa-npm-groups.mjs.map