@ieeesa-npm/tenants 0.4.2 → 0.4.3

package/fesm2022/ieeesa-npm-tenants.mjs

@@ -1,10 +1,10 @@
 import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, ViewContainerRef, NgModule } from '@angular/core';
 import * as i1 from '@ieeesa-npm/presentation';
-import { AlignType, AllowedFileTypes, FormControlType, DynamicFormComponent, TableColumnType, ModalComponent, TableColumnSortDirection, DataTableComponent, ImagePreviewComponent, AccordionDetails, ModalConfirmationComponent, SlideToggleComponent, AccordionComponent, IconButtonComponent } from '@ieeesa-npm/presentation';
-import { map, catchError, Subject, takeUntil } from 'rxjs';
+import { AlignType, AllowedFileTypes, FormControlType, DynamicFormComponent, TableColumnType, ModalComponent, TableColumnSortDirection, DataTableComponent, ImagePreviewComponent, CheckboxComponent, AccordionDetails, ModalConfirmationComponent, SlideToggleComponent, AccordionComponent, IconButtonComponent } from '@ieeesa-npm/presentation';
+import { Subject, map, catchError, takeUntil } from 'rxjs';
 import * as i7 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@ieeesa-npm/utility';
@@ -19,6 +19,7 @@ import { RouterModule } from '@angular/router';
 import * as i7$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { HttpErrorResponse } from '@angular/common/http';
+import { GroupRosterType, RoleType } from '@ieeesa-npm/groups';
 
 var createTenant = {
 	heading: "New Application",
@@ -418,6 +419,70 @@ var routeConfigPath = {
 	viewTenants: "tenants/view-tenants-list",
 	viewTenantDetails: "tenants/view-tenant-details"
 };
+var createGroupType = {
+	heading: "New Group Type",
+	label: {
+		leftButtonLabel: "Cancel",
+		rightButtonLabel: "Save",
+		groupType: "Group Type",
+		description: "Description",
+		settings: "Settings",
+		rosterType: "Roster Type",
+		appMemberLevel: "Applicable Member Level",
+		appOfficerRoles: "Applicable Officer Roles",
+		isRootGroup: "Is Root Group",
+		allowedSubGroupTypes: "Allowed Sub Group Type(s)",
+		ariaLabel: {
+			groupType: "Group Type",
+			description: "Description",
+			settings: "Settings",
+			rosterType: "Roster Type",
+			appMemberLevel: "Applicable Member Level",
+			appOfficerRoles: "Applicable Officer Roles",
+			isRootGroup: "Is Root Group",
+			allowedSubGroupTypes: "Allowed Sub Group Type(s)"
+		},
+		ariaDescribedById: {
+			groupType: "ariaGroupType",
+			description: "ariaDescription",
+			settings: "ariaSettings",
+			rosterType: "ariaRosterType",
+			appMemberLevel: "ariaApplicableMemberLevel",
+			appOfficerRoles: "ariaApplicableOfficerRoles",
+			isRootGroup: "ariaIsRootGroup",
+			allowedSubGroupTypes: "ariaAllowedSubGroupTypes"
+		}
+	},
+	message: {
+		success: {
+			submissionPart1: "New ",
+			submissionPart2: " has been successfully added to the"
+		},
+		error: {
+			required: "This field is required.",
+			limit: {
+				groupTypeMaxChars: "Group Type must not be greater than 30 characters long.",
+				descriptionMaxChars: "Description must not be greater than 500 characters long."
+			}
+		}
+	},
+	supportText: {
+		groupType: "Enter Group Type.",
+		description: "Enter Group Type description."
+	},
+	isRootGroupOptions: {
+		yes: "Yes",
+		no: "No"
+	},
+	errors: {
+		"2066": "Roster Type or Settings not found.",
+		"2067": "Group Type Name already exist.",
+		"3007": "No Role(s) found.",
+		"3017": "Description is required.",
+		"3018": "Role is required.",
+		"3019": "Configure officer and member level roles before creating group type."
+	}
+};
 var constants = {
 	createTenant: createTenant,
 	createRole: createRole,
@@ -427,11 +492,13 @@ var constants = {
 	mapRolesAndPermissions: mapRolesAndPermissions,
 	deleteRole: deleteRole,
 	viewGroupTypes: viewGroupTypes,
-	routeConfigPath: routeConfigPath
+	routeConfigPath: routeConfigPath,
+	createGroupType: createGroupType
 };
 
 var screenText = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    createGroupType: createGroupType,
     createRole: createRole,
     createTenant: createTenant,
     default: constants,
@@ -484,6 +551,10 @@ const TenantsValidationPatterns = {
 const RolesValidation = {
     roleNameMaxLength: 100,
 };
+const GroupTypeValidation = {
+    groupTypeMaxLength: 30,
+    descriptionMaxLength: 500
+};
 
 /* eslint-disable no-unused-vars */
 var FormStatus;
@@ -500,6 +571,8 @@ var TenantFunctionType;
     TenantFunctionType["CREATE_ROLE"] = "CREATE_ROLE";
     TenantFunctionType["EDIT_ROLE"] = "EDIT_ROLE";
     TenantFunctionType["MAP_PERMISSION_AND_ROLE"] = "MAP_PERMISSION_AND_ROLE";
+    TenantFunctionType["CREATE_GROUP_TYPE"] = "CREATE_GROUP_TYPE";
+    TenantFunctionType["EDIT_GROUP_TYPE"] = "EDIT_GROUP_TYPE";
 })(TenantFunctionType || (TenantFunctionType = {}));
 
 class TenantPermissionsService {
@@ -590,6 +663,7 @@ class TenantApplicationsService {
         this.appTypeInfo = [];
         this.featureList = [];
         this.roleTypeOptions = [];
+        this.isGroupTypeAddedOrModified = new Subject();
     }
     setAppConfig(apiBaseUrl, userPermission) {
         this.apiBaseUrl = apiBaseUrl;
@@ -1009,6 +1083,22 @@ class TenantApplicationsService {
     getNewlyCreatedRoleInfo() {
         return this.newlyCreatedRole;
     }
+    /**
+     * Stores the newly created group type information.
+     * @param {CreatedOrModifiedGroupTypeInfo} newlyCreatedGroupType
+     * @memberof TenantApplicationsService
+     */
+    setNewlyCreatedGroupTypeInfo(newlyCreatedGroupType) {
+        this.newlyCreatedGroupType = newlyCreatedGroupType;
+    }
+    /**
+     * Returns the newly created group type information.
+     * @return {*}  {CreatedOrModifiedGroupTypeInfo}
+     * @memberof TenantApplicationsService
+     */
+    getNewlyCreatedGroupTypeInfo() {
+        return this.newlyCreatedGroupType;
+    }
     /**
      * Posts the edited tenant application form data to server using HttpService for updating the tenant information.
      * @param {CreateTenantPayload} editTenantPayload
@@ -1057,6 +1147,49 @@ class TenantApplicationsService {
         });
         return this.featureList;
     }
+    /**
+     * Gets roster type from server using HttpService.
+     * @return {*}  {Observable<GetRosterTypeOrSettingsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getRosterType() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/lookup/RosterType`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets group type settings from server using HttpService.
+     * @return {*}  {Observable<GetRosterTypeOrSettingsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getGroupTypeSettings() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/lookup/GT_Settings`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Posts the group type details to server using HttpService to create new group type.
+     * @param {CreateGroupTypeRequestPayload} createGroupTypePayload
+     * @return {*}  {Observable<CreateGroupTypeResponse>}
+     * @memberof TenantApplicationsService
+     */
+    createGroupType(createGroupTypePayload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/configurations/config/groupType`, createGroupTypePayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
     /**
      * Returns sorted role list data.
      * @param {Role[]} roleList
@@ -1096,6 +1229,22 @@ class TenantApplicationsService {
             throw error;
         }));
     }
+    /**
+     * Sets group type details.
+     * @param {ViewGroupTypeResponse} groupTypes
+     * @memberof TenantApplicationsService
+     */
+    setGroupTypeDetails(groupTypes) {
+        this.groupTypes = groupTypes;
+    }
+    /**
+     * Returns group type details.
+     * @return {ViewGroupTypeResponse}
+     * @memberof TenantApplicationsService
+     */
+    getGroupTypeDetails() {
+        return this.groupTypes;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, deps: [{ token: i2.HttpService }, { token: TenantPermissionsService }, { token: TenantPermissionsMapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, providedIn: 'root' }); }
 }
@@ -2675,6 +2824,8 @@ var GroupTypeSettings;
     GroupTypeSettings["ALLOW_ROSTER"] = "allowRoster";
     GroupTypeSettings["ALLOW_ALTERNATE_VOTING"] = "allowAlternateVoting";
     GroupTypeSettings["HAS_CLASSIFICATION"] = "hasClassification";
+    GroupTypeSettings["ALLOW_EDIT"] = "allowEdit";
+    GroupTypeSettings["ALLOW_DELETE"] = "allowDelete";
 })(GroupTypeSettings || (GroupTypeSettings = {}));
 
 /**
@@ -2710,6 +2861,21 @@ class ViewTenantGroupTypesComponent {
     ngOnInit() {
         this.appId = this.tenantAppService.getSelectedTenantInformation()
             ?.appId;
+        this.getGroupTypes();
+        this.tenantAppService.isGroupTypeAddedOrModified
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((value) => {
+            if (value) {
+                this.getGroupTypes();
+                this.tenantAppService.isGroupTypeAddedOrModified.next(false);
+            }
+        });
+    }
+    /**
+     * Get group types from tenant application service.
+     * @memberof ViewTenantGroupTypesComponent
+     */
+    getGroupTypes() {
         this.tenantAppService
             .getGroupTypes(this.appId)
             .pipe(takeUntil(this.destroy$))
@@ -2717,6 +2883,7 @@ class ViewTenantGroupTypesComponent {
             next: (response) => {
                 this.initializeColumnSchema();
                 this.groupTypes = this.formatGroupTypesTableData(response);
+                this.tenantAppService.setGroupTypeDetails(response);
             },
             error: (error) => {
                 this.sharedService.handleErrors(error, this.constants?.viewGroupTypes?.errors);
@@ -2732,24 +2899,27 @@ class ViewTenantGroupTypesComponent {
     formatGroupTypesTableData(groupTypeRes) {
         const formattedData = [];
         groupTypeRes?.body?.forEach((item) => {
-            const { configFieldValue, roles, hasGroup } = item;
-            const { name, description, businessRule } = configFieldValue;
-            const { rosterType, ...restBusinessRule } = businessRule;
-            const businessRuleString = this.transformBusinessRule(restBusinessRule);
-            const roleNames = roles
-                ? roles?.map((role) => role?.roleName).join(', ')
-                : '';
-            const menuAction = JSON.parse(JSON.stringify(this.tableRowActions));
-            menuAction[1].isDisabled = hasGroup;
-            formattedData.push({
-                name,
-                description,
-                rosterType,
-                businessRule: businessRuleString,
-                roles: roleNames,
-                hasGroup: item.hasGroup,
-                menuAction,
-            });
+            if (item?.configFieldValue?.businessRule?.rosterType !==
+                GroupRosterType?.SYSTEM_USER) {
+                const { configFieldValue, roles, hasGroup } = item;
+                const { name, description, businessRule } = configFieldValue;
+                const { rosterType, ...restBusinessRule } = businessRule;
+                const businessRuleString = this.transformBusinessRule(restBusinessRule);
+                const roleNames = roles
+                    ? roles?.map((role) => role?.roleName).join(', ')
+                    : '';
+                const menuAction = JSON.parse(JSON.stringify(this.tableRowActions));
+                menuAction[1].isDisabled = hasGroup;
+                formattedData.push({
+                    name,
+                    description,
+                    rosterType,
+                    businessRule: businessRuleString,
+                    roles: roleNames,
+                    hasGroup: item.hasGroup,
+                    menuAction,
+                });
+            }
         });
         return formattedData;
     }
@@ -2841,6 +3011,489 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{ selector: 'ieeesa-view-tenant-group-types', standalone: true, imports: [CommonModule, DataTableComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-view-tenant-group-types\">\r\n  <ieeesa-data-table\r\n    *ngIf=\"columnSchema.length\"\r\n    [headerElementClassName]=\"headerElementClassName\"\r\n    [customStickyHeaderNeeded]=\"true\"\r\n    [isCellTextOverflowEllipsis]=\"true\"\r\n    [tableDataInfo]=\"groupTypes\"\r\n    [columnSchemaInfo]=\"columnSchema\"\r\n  ></ieeesa-data-table>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-view-tenant-group-types .ieeesa-data-table{padding-top:2.5em}.ieeesa-view-tenant-group-types .ieeesa-data-table__content{margin-top:0!important}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .mdc-data-table__header-cell{padding:14px 12px;box-shadow:0 1px #9ba0a6 inset!important}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .mdc-data-table__cell{padding:4px 14px}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .cdk-column-groupType{min-width:10em;max-width:10em}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .cdk-column-description{min-width:12em;max-width:12em}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .cdk-column-rosterType{min-width:6em;max-width:6em}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .cdk-column-applicableRoles,.ieeesa-view-tenant-group-types .ieeesa-data-table__content .cdk-column-settings{min-width:10em;max-width:10em}.ieeesa-view-tenant-group-types .ieeesa-data-table__content .mat-mdc-icon-button{color:#00629b}@media (max-width: 767px){.ieeesa-view-tenant-group-types .ieeesa-data-table{padding-top:1em}}\n"] }]
         }], ctorParameters: function () { return [{ type: TenantApplicationsService }, { type: i2$1.SharedService }]; } });
 
+/* eslint-disable no-unused-vars */
+var Settings;
+(function (Settings) {
+    Settings["ALLOW_SUB_GROUPS"] = "Allow Sub-Groups";
+    Settings["ALLOW_ROSTERS"] = "Rosters Enabled";
+    Settings["ALLOW_ALTERNATE_VOTING"] = "Allow Alternate Voting";
+    Settings["HAS_CLASSIFICATION"] = "Has Classification";
+    Settings["ALLOW_EDIT"] = "Allow Edit";
+    Settings["ALLOW_DELETE"] = "Allow Delete";
+})(Settings || (Settings = {}));
+/* eslint-disable no-unused-vars */
+var VotingMemberLevelRole;
+(function (VotingMemberLevelRole) {
+    VotingMemberLevelRole["VOTING_MEMBER_PRINCIPAL"] = "Voting Member (Principal)";
+    VotingMemberLevelRole["VOTING_MEMBER_ALTERNATE"] = "Voting Member (Alternate)";
+})(VotingMemberLevelRole || (VotingMemberLevelRole = {}));
+var RosterTypeLOVCode;
+(function (RosterTypeLOVCode) {
+    RosterTypeLOVCode["INDIVIDUAL"] = "IND";
+    RosterTypeLOVCode["ENTITY"] = "EN";
+})(RosterTypeLOVCode || (RosterTypeLOVCode = {}));
+
+/**
+ * CreateModifyGroupTypeComponent uses DynamicFormComponent to build create add group type form or edit group type form and implement the functionalities of submission of form and handling success and error scenarios.
+ * @class CreateModifyGroupTypeComponent
+ * @implements {OnInit}
+ * @implements {OnDestroy}
+ */
+class CreateModifyGroupTypeComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // eslint-disable-next-line no-unused-vars
+    renderer, 
+    // eslint-disable-next-line no-unused-vars
+    elementRef, 
+    // eslint-disable-next-line no-unused-vars
+    formUtilityService // eslint-disable-next-line no-empty-function,
+    ) {
+        this.tenantAppService = tenantAppService;
+        this.sharedService = sharedService;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.formUtilityService = formUtilityService;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.createGroupTypeScreenTexts = this.constants?.createGroupType;
+        this.leftButtonLabel = this.createGroupTypeScreenTexts?.label?.leftButtonLabel;
+        this.rightButtonLabel = this.createGroupTypeScreenTexts?.label?.rightButtonLabel;
+        this.colWidth = { xs: 12, xl: 12, sm: 12, md: 12, lg: 12 };
+        this.actionButtonAlign = AlignType.LEFT;
+        this.isRootGroupOptions = [
+            {
+                id: 1,
+                label: this.createGroupTypeScreenTexts?.isRootGroupOptions?.yes,
+                checked: false,
+            },
+            {
+                id: 2,
+                label: this.createGroupTypeScreenTexts?.isRootGroupOptions?.no,
+                checked: true,
+            },
+        ];
+        this.rosterTypeOptions = [];
+        this.settingOptions = [];
+        this.officerRolesOptions = [];
+        this.memberLevelOptions = [];
+        this.allowedSubGroupTypesOptions = [];
+        /**
+         * Event emitter for form submission response.
+         * @memberof CreateModifyGroupTypeComponent
+         */
+        this.submitFormResponse = new EventEmitter();
+        /**
+         * Event emitter for form cancel action.
+         * @memberof CreateModifyGroupTypeComponent
+         */
+        this.formCancel = new EventEmitter();
+    }
+    /**
+     * Sets appId, tenantFunctionType and calls getGroupTypes() & getRosterTypes() to get group and roster types.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    ngOnInit() {
+        this.appId = this.tenantAppService.getSelectedTenantInformation()
+            ?.appId;
+        this.tenantFunctionType = this.tenantAppService?.getTenantFunctionType();
+        this.selectedGroupTypeInfo =
+            this.tenantAppService?.getNewlyCreatedGroupTypeInfo();
+        this.getGroupTypes();
+        this.getRosterTypes();
+    }
+    /**
+     * Gets the list of roster types and updates the form control.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    getRosterTypes() {
+        this.tenantAppService
+            .getRosterType()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.getSettings();
+                    const rosterTypeList = response.body;
+                    rosterTypeList.map((rosterType) => this.rosterTypeOptions.push({
+                        id: rosterType.lovId,
+                        label: rosterType.lovDesc,
+                        checked: rosterType.lovCode === RosterTypeLOVCode.INDIVIDUAL,
+                    }));
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createGroupTypeScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Gets the list of settings and updates the form control.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    getSettings() {
+        this.tenantAppService
+            .getGroupTypeSettings()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response.status) {
+                    this.getRoles();
+                    const settingsList = response.body;
+                    settingsList.map((setting) => {
+                        this.settingOptions.push({
+                            id: setting.lovId,
+                            name: setting.lovDesc,
+                            checked: false,
+                            disabled: false,
+                        });
+                    });
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createGroupTypeScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Gets the list of roles and updates the form control.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    getRoles() {
+        this.tenantAppService
+            .getRoles(this.appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    const rolesList = response?.body;
+                    rolesList.map((role) => {
+                        if (role.roleTypeName === RoleType.OFFICER) {
+                            this.officerRolesOptions.push({
+                                id: role.roleId,
+                                name: role.roleName,
+                                checked: false,
+                                disabled: false,
+                            });
+                        }
+                        else if (role.roleTypeName === RoleType.MEMBER_LEVEL) {
+                            this.memberLevelOptions.push({
+                                id: role.roleId,
+                                name: role.roleName,
+                                checked: false,
+                                disabled: false,
+                            });
+                        }
+                    });
+                    if (this.memberLevelOptions.length === 0 ||
+                        this.officerRolesOptions.length === 0) {
+                        this.sharedService.showAlertMessage(AlertType.ERROR, this.createGroupTypeScreenTexts.errors['3019']);
+                    }
+                    else {
+                        this.initializeCreateGroupTypeFormGroup();
+                    }
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createGroupTypeScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Gets and filters non SYSTEM_USER group types, constructs allowed sub-group types options and form field config.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    getGroupTypes() {
+        this.groupTypeDetails = this.tenantAppService.getGroupTypeDetails();
+        this.groupTypeDetails?.body?.forEach((item) => {
+            if (item?.configFieldValue?.businessRule?.rosterType !==
+                GroupRosterType?.SYSTEM_USER) {
+                this.allowedSubGroupTypesOptions.push({
+                    id: item?.configFieldId,
+                    name: item?.configFieldValue?.name,
+                    checked: false,
+                    disabled: false,
+                });
+            }
+        });
+        this.allowedSubGroupTypesFieldConfig = {
+            type: FormControlType.CHECKBOX,
+            label: this.createGroupTypeScreenTexts?.label?.allowedSubGroupTypes,
+            controlName: 'allowedSubGroupTypes',
+            checkboxOptions: this.allowedSubGroupTypesOptions,
+            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.allowedSubGroupTypes,
+            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                ?.allowedSubGroupTypes,
+        };
+    }
+    /**
+     * Initialize the create/edit group type form group array.
+     * @param {*} [formValue]
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    initializeCreateGroupTypeFormGroup() {
+        this.createGroupTypeFormGroup = {
+            formGroup: [
+                {
+                    legend: '',
+                    controls: [
+                        {
+                            type: FormControlType?.INPUT,
+                            label: this.createGroupTypeScreenTexts?.label?.groupType + '*',
+                            controlName: 'groupType',
+                            value: '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(GroupTypeValidation.groupTypeMaxLength),
+                            ],
+                            supportMessage: this.createGroupTypeScreenTexts?.supportText?.groupType,
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            maxErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.limit
+                                ?.groupTypeMaxChars,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.groupType,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.groupType,
+                        },
+                        {
+                            type: FormControlType?.TEXT_AREA,
+                            label: this.createGroupTypeScreenTexts?.label?.description + '*',
+                            controlName: 'description',
+                            value: '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(GroupTypeValidation.descriptionMaxLength),
+                            ],
+                            supportMessage: this.createGroupTypeScreenTexts?.supportText?.description,
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            maxCharCount: GroupTypeValidation.descriptionMaxLength,
+                            maxErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.limit
+                                ?.descriptionMaxChars,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.description,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.description,
+                            ariaMultiline: true,
+                            isResize: true,
+                        },
+                        {
+                            type: FormControlType.RADIO,
+                            label: this.createGroupTypeScreenTexts?.label?.rosterType + '*',
+                            controlName: 'rosterType',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT_GROUP_TYPE
+                                ? this.selectedGroupTypeInfo.configFieldValue.businessRule
+                                    .rosterType
+                                : this.rosterTypeOptions[0].label,
+                            disabled: this.tenantFunctionType === TenantFunctionType.EDIT_GROUP_TYPE,
+                            radioOptions: this.rosterTypeOptions,
+                            validation: [Validators.required],
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.rosterType,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.rosterType,
+                        },
+                        {
+                            type: FormControlType.CHECKBOX,
+                            label: this.createGroupTypeScreenTexts?.label?.settings + '*',
+                            controlName: 'settings',
+                            checkboxOptions: this.settingOptions,
+                            minSelectionRequired: 1,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.settings,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.settings,
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            validation: [Validators.required],
+                        },
+                        {
+                            type: FormControlType.CHECKBOX,
+                            label: this.createGroupTypeScreenTexts?.label?.appOfficerRoles + '*',
+                            controlName: 'appOfficerRoles',
+                            checkboxOptions: this.officerRolesOptions,
+                            minSelectionRequired: 1,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel
+                                ?.appOfficerRoles,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.appOfficerRoles,
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            validation: [Validators.required],
+                        },
+                        {
+                            type: FormControlType.CHECKBOX,
+                            label: this.createGroupTypeScreenTexts?.label?.appMemberLevel + '*',
+                            controlName: 'appMemberLevel',
+                            checkboxOptions: this.memberLevelOptions,
+                            minSelectionRequired: 1,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel
+                                ?.appMemberLevel,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.appMemberLevel,
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            validation: [Validators.required],
+                        },
+                        {
+                            type: FormControlType.RADIO,
+                            label: this.createGroupTypeScreenTexts?.label?.isRootGroup + '*',
+                            controlName: 'isRootGroup',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT_GROUP_TYPE
+                                ? this.selectedGroupTypeInfo.configFieldValue.businessRule
+                                    .isRootGroup
+                                    ? this.isRootGroupOptions[0].label
+                                    : this.isRootGroupOptions[1].label
+                                : this.isRootGroupOptions[1].label,
+                            disabled: this.tenantFunctionType === TenantFunctionType.EDIT_GROUP_TYPE,
+                            radioOptions: this.isRootGroupOptions,
+                            validation: [Validators.required],
+                            requiredErrorMessage: this.createGroupTypeScreenTexts?.message?.error?.required,
+                            ariaLabel: this.createGroupTypeScreenTexts?.label?.ariaLabel?.isRootGroup,
+                            ariaDescribedById: this.createGroupTypeScreenTexts?.label?.ariaDescribedById
+                                ?.isRootGroup,
+                        },
+                    ],
+                },
+            ],
+        };
+    }
+    /**
+     * Add or removes allowed sub groups form control (checkbox group control and options) as when allow sub group selection and updates the form state.
+     * @param {*} selectedCheckbox
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    onCheckboxSelectionChange(selectedCheckbox) {
+        if (selectedCheckbox.name === Settings.ALLOW_SUB_GROUPS) {
+            if (selectedCheckbox.checked) {
+                this.componentRef = this.formUtilityService.addFormControl(this.dynamicFormComponentViewRef, CheckboxComponent, this.createModifyGroupTypeFormGroupRef, this.allowedSubGroupTypesFieldConfig, this.renderer, this.elementRef, 'is-root-group', this.dynamicFormComponent);
+            }
+            else {
+                this.allowedSubGroupTypesOptions.forEach((allowedSubGroupTypes) => (allowedSubGroupTypes.checked = false));
+                this.formUtilityService.removeFormControl(this.createModifyGroupTypeFormGroupRef, this.allowedSubGroupTypesFieldConfig, this.componentRef, this.renderer, this.elementRef);
+            }
+        }
+    }
+    /**
+     * Sets create/modify group type reactive form group reference.
+     * @param {FormGroup[]} form -The form group array containing the form to be referenced.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    getCreateModifyGroupTypeFormGroupRef(form) {
+        this.createModifyGroupTypeFormGroupRef = form[0];
+    }
+    /**
+     * Find the provided setting name in setting option and return the boolean value.
+     * @param {string} settingName
+     * @return {*}  {boolean}
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    isSettingSelectedByName(settingName) {
+        return this.settingOptions.find((setting) => setting.name === settingName)?.checked;
+    }
+    /**
+     * Creates a new group type on form submission and the form is valid.
+     * @param {FormGroup[]} form
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    onCreateModifyGroupTypeFormSubmit(form) {
+        form[0]?.markAllAsTouched();
+        if (form[0].status === FormStatus.VALID) {
+            const selectedGroupTypes = this.allowedSubGroupTypesOptions
+                .filter((subGroupType) => subGroupType.checked)
+                .map((selectedGroupType) => selectedGroupType.id);
+            const selectedRoles = [
+                ...this.memberLevelOptions.filter((memberLevel) => memberLevel.checked),
+                ...this.officerRolesOptions.filter((officerRole) => officerRole.checked),
+            ].map((selectedRole) => {
+                return {
+                    roleId: selectedRole.id,
+                };
+            });
+            const configFieldValue = {
+                name: form[0].get('groupType')?.value,
+                description: form[0].get('description')?.value,
+                businessRule: {
+                    rosterType: form[0].get('rosterType')?.value,
+                    allowEdit: this.isSettingSelectedByName(Settings.ALLOW_EDIT),
+                    allowRoster: this.isSettingSelectedByName(Settings.ALLOW_ROSTERS),
+                    allowAlternateVoting: this.isSettingSelectedByName(Settings.ALLOW_ALTERNATE_VOTING),
+                    allowDelete: this.isSettingSelectedByName(Settings.ALLOW_DELETE),
+                    allowSubGroup: this.isSettingSelectedByName(Settings.ALLOW_SUB_GROUPS),
+                    hasClassification: this.isSettingSelectedByName(Settings.HAS_CLASSIFICATION),
+                    allowedGroupType: selectedGroupTypes,
+                    isRootGroup: form[0].get('isRootGroup')?.value ===
+                        this.isRootGroupOptions[0].label,
+                },
+            };
+            if (form[0].get('isRootGroup')?.value === this.isRootGroupOptions[0].label)
+                configFieldValue.hierarchy = 0;
+            const createGroupTypePayload = {
+                payload: {
+                    appId: this.appId,
+                    roles: selectedRoles,
+                    configFieldName: 'group_type',
+                    configFieldValue: JSON.stringify(configFieldValue),
+                },
+            };
+            this.tenantAppService
+                .createGroupType(createGroupTypePayload)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe({
+                next: (response) => {
+                    if (response.status) {
+                        const { appId, roles, configFieldName } = createGroupTypePayload.payload;
+                        const configFieldValue = JSON.parse(createGroupTypePayload.payload.configFieldValue);
+                        this.tenantAppService.setNewlyCreatedGroupTypeInfo({
+                            appId,
+                            roles,
+                            configFieldName,
+                            configFieldValue,
+                        });
+                        this.submitFormResponse.emit(response);
+                    }
+                },
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                error: (error) => {
+                    this.sharedService.handleErrors(error, this.createGroupTypeScreenTexts.errors);
+                },
+            });
+        }
+    }
+    /**
+     * Emits form cancel event.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    onFormCancel() {
+        this.formCancel.emit();
+    }
+    /**
+     * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
+     * @memberof CreateModifyGroupTypeComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateModifyGroupTypeComponent, deps: [{ token: TenantApplicationsService }, { token: i2$1.SharedService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2$1.FormUtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateModifyGroupTypeComponent, isStandalone: true, selector: "ieeesa-create-modify-group-type", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }, { propertyName: "dynamicFormComponentViewRef", first: true, predicate: DynamicFormComponent, descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createGroupTypeFormGroup\"\r\n  class=\"ieeesa-create-group-type-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createGroupTypeFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateModifyGroupTypeFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateModifyGroupTypeFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onCheckboxSelectionChange($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-modal-dialog.ieeesa-create-modify-group-type{width:60vw!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .mat-mdc-dialog-content{padding:1em!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-input-field{width:50%}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form__form-field{width:100%}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form .mat-mdc-form-field-flex{width:100%!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.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", "formAutoCompleteClearSearchValue", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange", "addFormGroup", "formTimeSelected", "supportTextLinkClick", "formSlideToggleChange", "formFileUpload", "dropdownOpenedChange", "formColorPickerChange", "formRadioOptionSelected", "ctaButtonClick", "formMultiSelectAutoCompleteSearch", "formMultiSelectAutoCompleteClearSearchValue", "multiSelectAutoCompleteOptionsSelected", "formRichTextEditorContentChange"], exportAs: ["dynamicForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateModifyGroupTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-create-modify-group-type', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createGroupTypeFormGroup\"\r\n  class=\"ieeesa-create-group-type-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createGroupTypeFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateModifyGroupTypeFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateModifyGroupTypeFormGroupRef($event)\"\r\n  (formCheckboxSelection)=\"onCheckboxSelectionChange($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-modal-dialog.ieeesa-create-modify-group-type{width:60vw!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .mat-mdc-dialog-content{padding:1em!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-input-field{width:50%}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form__form-field{width:100%}.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-group-type .ieeesa-dynamic-form .mat-mdc-form-field-flex{width:100%!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: TenantApplicationsService }, { type: i2$1.SharedService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i2$1.FormUtilityService }]; }, propDecorators: { dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }], dynamicFormComponentViewRef: [{
+                type: ViewChild,
+                args: [DynamicFormComponent, { read: ViewContainerRef }]
+            }], submitFormResponse: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }] } });
+
 class ViewTenantDetailsComponent {
     constructor(
     // eslint-disable-next-line no-unused-vars
@@ -2897,6 +3550,8 @@ class ViewTenantDetailsComponent {
         this.accordionDetails = AccordionDetails;
         this.isBasicDetailsExpanded = false;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.createGroupTypeScreenTexts = this.constants?.createGroupType;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.editTenantScreenTexts = this.constants?.editTenant;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.deleteRoleScreenTexts = this.constants?.deleteRole;
@@ -3193,6 +3848,22 @@ class ViewTenantDetailsComponent {
             this.getRoleTypes();
         }
     }
+    /**
+     * Sets the dialog options for create group type modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof ViewTenantDetailsComponent
+     */
+    openCreateGroupTypeForm() {
+        this.tenantAppService?.setTenantFunctionType(TenantFunctionType?.CREATE_GROUP_TYPE);
+        this.functionType = TenantFunctionType.CREATE_GROUP_TYPE;
+        const dialogOptions = {
+            heading: this.constants?.createGroupType?.heading,
+            isCloseNeeded: true,
+            componentReference: CreateModifyGroupTypeComponent,
+            modalType: ModalType.FORM,
+        };
+        this.openModal(dialogOptions, 'ieeesa-create-modify-group-type');
+    }
     /**
      * Sets the dialog options for edit role modal and calls openModal method.
      * @return -returns nothing
@@ -3269,6 +3940,11 @@ class ViewTenantDetailsComponent {
                     this.getRolesAndInitializeTableSchema();
                     break;
                 }
+                case TenantFunctionType?.CREATE_GROUP_TYPE: {
+                    this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${this.createGroupTypeScreenTexts?.message?.success?.submissionPart1} ${this.tenantAppService.newlyCreatedGroupType.configFieldValue.name} ${this.createGroupTypeScreenTexts?.message?.success?.submissionPart2} ${this.tenantDetails?.appTitle}. `);
+                    this.tenantAppService.isGroupTypeAddedOrModified.next(true);
+                    break;
+                }
             }
         });
         this.dialogRef?.componentInstance?.formCancel
@@ -3498,7 +4174,7 @@ class ViewTenantDetailsComponent {
         this.destroy$?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, deps: [{ token: i1$1.MatDialog }, { token: i2.BreakpointObserverService }, { token: TenantApplicationsService }, { token: i2.GlobalErrorHandlerService }, { token: i2$1.SharedService }, { token: i5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantDetailsComponent, isStandalone: true, selector: "ieeesa-view-tenant-details", inputs: { apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", routePaths: "routePaths" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n                (click)=\"openCreateRoleForm()\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{ constants.viewRolesAndPermissions.actionButtonLabels.addRole\r\n                }}\r\n              </button>\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                (click)=\"openMapRolesAndPermissionsForm()\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\r\n                {{ constants.viewRolesAndPermissions.actionButtonLabels\r\n                .mapPermissionsRoles }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isRolesAndPermissionsExpanded\">\r\n              <mat-divider\r\n                class=\"ieeesa-view-tenant-info__roles-and-permissions__divider\"\r\n              ></mat-divider>\r\n              <ieeesa-data-table\r\n                *ngIf=\"columnSchema.length\"\r\n                [tableDataInfo]=\"tableData\"\r\n                [headerElementClassName]=\"headerElementClassName\"\r\n                [columnSchemaInfo]=\"columnSchema\"\r\n                [caption]=\"rolesAndPermissionsTableCaption\"\r\n                [paginatorConfig]=\"paginatorConfig\"\r\n                [tableActions]=\"tableActions\"\r\n                [isScrollSupportMessageNeeded]=\"true\"\r\n                [tableColumnActionMenuSize]=\"iconSize\"\r\n                [tableColumnActions]=\"menuItems\"\r\n                [customStickyHeaderNeeded]=\"true\"\r\n                [tableColumnsHeaderText]=\"rolesAndPermissionsTableHeaderName\"\r\n                [scrollbarSupportMessage]=\"\r\n                  rolesAndPermissionsTableSupportMessage\r\n                \"\r\n                [verticalColumnHeaderNumber]=\"permissionsColumnClassNumber\"\r\n                (paginationChange)=\"onTablePaginationChange($event)\"\r\n                (tableColumnMenuActionClick)=\"onRoleMenuClick($event)\"\r\n                (tableColumnMenuToggleButton)=\"selectedRoleMenuElement($event)\"\r\n              ></ieeesa-data-table>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.GROUP_TYPES\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__group-types\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isGroupTypesExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n            isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n          \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button p-2\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{ constants.viewGroupTypes.actionButtonLabels.addGroupType }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isGroupTypesExpanded\">\r\n              <ieeesa-view-tenant-group-types></ieeesa-view-tenant-group-types>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          ></ieeesa-accordion>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-view-tenant-info{background-color:#f2f2f2}.ieeesa-view-tenant-info--bg-white{background-color:#fff;padding:1em 1.5em 0}.ieeesa-view-tenant-info__actions{top:15px;margin-right:20px;position:absolute;right:0}.ieeesa-view-tenant-info--title,.ieeesa-view-tenant-info--action{padding:.75em 0}.ieeesa-view-tenant-info--link{padding:1em .75em 1.3em 0!important}.ieeesa-view-tenant-info--link-mobile{max-width:-moz-fit-content;max-width:fit-content}.ieeesa-view-tenant-info--app-id,.ieeesa-view-tenant-info--app-status{color:#49454f}.ieeesa-view-tenant-info__accordion{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:1.5em .75em}.ieeesa-view-tenant-info__accordion--bg-white{background-color:#fff;box-shadow:none}.ieeesa-view-tenant-info__accordion--info{padding:1em 1em 1.5em}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-body{padding:1.5em 1.5em 1.5em 2.25em}.ieeesa-view-tenant-info__accordion-info .ieeesa-button{position:absolute;top:1.25em;right:0}.ieeesa-view-tenant-info__accordion-info .ieeesa-button svg{width:1.3em!important;height:1.3em!important}.ieeesa-view-tenant-info .mat-divider-vertical{margin:0;height:1.4em;color:#cac4d0;width:.063em;border-right-color:#cac4d0}.ieeesa-view-tenant-info .ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{color:#000!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__roles-and-permissions__divider{margin-top:12px!important;margin-bottom:16px!important;border-top:1px solid #ccd2da!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mat-expansion-panel-body,.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table .mat-column-permissions{min-width:12.5em;padding:16px!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__content{margin-top:0!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__column-menu .mat-mdc-icon-button.mat-mdc-button-base{padding:6px;width:24px;height:24px}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__columns-header-text{padding:8px 16px;background:#dae9f1;box-shadow:0 1px #dce3e9 inset}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__trailing,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__notch,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-select,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenant-info__roles-and-permissions .at-mdc-select-min-line,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenant-info__group-types .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__group-types .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__group-types .mat-expansion-panel-body,.ieeesa-view-tenant-info__group-types .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SlideToggleComponent, selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "component", type: AccordionComponent, selector: "ieeesa-accordion", inputs: ["accordionInfo"], outputs: ["accordionOpened"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: TenantBasicDetailsComponent, selector: "ieeesa-tenant-basic-details", inputs: ["tenantDetails"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon", "canDisableCheckbox", "isEllipsisRequiredForLink"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick", "tableColumnMenuActionClick", "tableColumnMenuToggleButton", "rowSlideToggle"] }, { kind: "component", type: ViewTenantGroupTypesComponent, selector: "ieeesa-view-tenant-group-types" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantDetailsComponent, isStandalone: true, selector: "ieeesa-view-tenant-details", inputs: { apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", routePaths: "routePaths" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n                (click)=\"openCreateRoleForm()\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{\r\n                  constants.viewRolesAndPermissions.actionButtonLabels.addRole\r\n                }}\r\n              </button>\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                (click)=\"openMapRolesAndPermissionsForm()\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\r\n                {{\r\n                  constants.viewRolesAndPermissions.actionButtonLabels\r\n                    .mapPermissionsRoles\r\n                }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isRolesAndPermissionsExpanded\">\r\n              <mat-divider\r\n                class=\"ieeesa-view-tenant-info__roles-and-permissions__divider\"\r\n              ></mat-divider>\r\n              <ieeesa-data-table\r\n                *ngIf=\"columnSchema.length\"\r\n                [tableDataInfo]=\"tableData\"\r\n                [headerElementClassName]=\"headerElementClassName\"\r\n                [columnSchemaInfo]=\"columnSchema\"\r\n                [caption]=\"rolesAndPermissionsTableCaption\"\r\n                [paginatorConfig]=\"paginatorConfig\"\r\n                [tableActions]=\"tableActions\"\r\n                [isScrollSupportMessageNeeded]=\"true\"\r\n                [tableColumnActionMenuSize]=\"iconSize\"\r\n                [tableColumnActions]=\"menuItems\"\r\n                [customStickyHeaderNeeded]=\"true\"\r\n                [tableColumnsHeaderText]=\"rolesAndPermissionsTableHeaderName\"\r\n                [scrollbarSupportMessage]=\"\r\n                  rolesAndPermissionsTableSupportMessage\r\n                \"\r\n                [verticalColumnHeaderNumber]=\"permissionsColumnClassNumber\"\r\n                (paginationChange)=\"onTablePaginationChange($event)\"\r\n                (tableColumnMenuActionClick)=\"onRoleMenuClick($event)\"\r\n                (tableColumnMenuToggleButton)=\"selectedRoleMenuElement($event)\"\r\n              ></ieeesa-data-table>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.GROUP_TYPES\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__group-types\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isGroupTypesExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button p-2\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n                (click)=\"openCreateGroupTypeForm()\"\r\n              >\r\n                {{ constants.viewGroupTypes.actionButtonLabels.addGroupType }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isGroupTypesExpanded\">\r\n              <ieeesa-view-tenant-group-types></ieeesa-view-tenant-group-types>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          ></ieeesa-accordion>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-view-tenant-info{background-color:#f2f2f2}.ieeesa-view-tenant-info--bg-white{background-color:#fff;padding:1em 1.5em 0}.ieeesa-view-tenant-info__actions{top:15px;margin-right:20px;position:absolute;right:0}.ieeesa-view-tenant-info--title,.ieeesa-view-tenant-info--action{padding:.75em 0}.ieeesa-view-tenant-info--link{padding:1em .75em 1.3em 0!important}.ieeesa-view-tenant-info--link-mobile{max-width:-moz-fit-content;max-width:fit-content}.ieeesa-view-tenant-info--app-id,.ieeesa-view-tenant-info--app-status{color:#49454f}.ieeesa-view-tenant-info__accordion{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:1.5em .75em}.ieeesa-view-tenant-info__accordion--bg-white{background-color:#fff;box-shadow:none}.ieeesa-view-tenant-info__accordion--info{padding:1em 1em 1.5em}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-body{padding:1.5em 1.5em 1.5em 2.25em}.ieeesa-view-tenant-info__accordion-info .ieeesa-button{position:absolute;top:1.25em;right:0}.ieeesa-view-tenant-info__accordion-info .ieeesa-button svg{width:1.3em!important;height:1.3em!important}.ieeesa-view-tenant-info .mat-divider-vertical{margin:0;height:1.4em;color:#cac4d0;width:.063em;border-right-color:#cac4d0}.ieeesa-view-tenant-info .ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{color:#000!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__roles-and-permissions__divider{margin-top:12px!important;margin-bottom:16px!important;border-top:1px solid #ccd2da!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mat-expansion-panel-body,.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table .mat-column-permissions{min-width:12.5em;padding:16px!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__content{margin-top:0!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__column-menu .mat-mdc-icon-button.mat-mdc-button-base{padding:6px;width:24px;height:24px}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__columns-header-text{padding:8px 16px;background:#dae9f1;box-shadow:0 1px #dce3e9 inset}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__trailing,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__notch,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-select,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenant-info__roles-and-permissions .at-mdc-select-min-line,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenant-info__group-types .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__group-types .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__group-types .mat-expansion-panel-body,.ieeesa-view-tenant-info__group-types .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SlideToggleComponent, selector: "ieeesa-slide-toggle", inputs: ["formControlName", "slideToggle", "isDisabled", "canShowIcon"], outputs: ["slideToggleChange"] }, { kind: "component", type: AccordionComponent, selector: "ieeesa-accordion", inputs: ["accordionInfo"], outputs: ["accordionOpened"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: TenantBasicDetailsComponent, selector: "ieeesa-tenant-basic-details", inputs: ["tenantDetails"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon", "canDisableCheckbox", "isEllipsisRequiredForLink"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick", "tableColumnMenuActionClick", "tableColumnMenuToggleButton", "rowSlideToggle"] }, { kind: "component", type: ViewTenantGroupTypesComponent, selector: "ieeesa-view-tenant-group-types" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, decorators: [{
             type: Component,
@@ -3513,7 +4189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatButtonModule,
                         DataTableComponent,
                         ViewTenantGroupTypesComponent,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n                (click)=\"openCreateRoleForm()\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{ constants.viewRolesAndPermissions.actionButtonLabels.addRole\r\n                }}\r\n              </button>\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                (click)=\"openMapRolesAndPermissionsForm()\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\r\n                {{ constants.viewRolesAndPermissions.actionButtonLabels\r\n                .mapPermissionsRoles }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isRolesAndPermissionsExpanded\">\r\n              <mat-divider\r\n                class=\"ieeesa-view-tenant-info__roles-and-permissions__divider\"\r\n              ></mat-divider>\r\n              <ieeesa-data-table\r\n                *ngIf=\"columnSchema.length\"\r\n                [tableDataInfo]=\"tableData\"\r\n                [headerElementClassName]=\"headerElementClassName\"\r\n                [columnSchemaInfo]=\"columnSchema\"\r\n                [caption]=\"rolesAndPermissionsTableCaption\"\r\n                [paginatorConfig]=\"paginatorConfig\"\r\n                [tableActions]=\"tableActions\"\r\n                [isScrollSupportMessageNeeded]=\"true\"\r\n                [tableColumnActionMenuSize]=\"iconSize\"\r\n                [tableColumnActions]=\"menuItems\"\r\n                [customStickyHeaderNeeded]=\"true\"\r\n                [tableColumnsHeaderText]=\"rolesAndPermissionsTableHeaderName\"\r\n                [scrollbarSupportMessage]=\"\r\n                  rolesAndPermissionsTableSupportMessage\r\n                \"\r\n                [verticalColumnHeaderNumber]=\"permissionsColumnClassNumber\"\r\n                (paginationChange)=\"onTablePaginationChange($event)\"\r\n                (tableColumnMenuActionClick)=\"onRoleMenuClick($event)\"\r\n                (tableColumnMenuToggleButton)=\"selectedRoleMenuElement($event)\"\r\n              ></ieeesa-data-table>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.GROUP_TYPES\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__group-types\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isGroupTypesExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n            isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n          \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button p-2\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{ constants.viewGroupTypes.actionButtonLabels.addGroupType }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isGroupTypesExpanded\">\r\n              <ieeesa-view-tenant-group-types></ieeesa-view-tenant-group-types>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          ></ieeesa-accordion>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-view-tenant-info{background-color:#f2f2f2}.ieeesa-view-tenant-info--bg-white{background-color:#fff;padding:1em 1.5em 0}.ieeesa-view-tenant-info__actions{top:15px;margin-right:20px;position:absolute;right:0}.ieeesa-view-tenant-info--title,.ieeesa-view-tenant-info--action{padding:.75em 0}.ieeesa-view-tenant-info--link{padding:1em .75em 1.3em 0!important}.ieeesa-view-tenant-info--link-mobile{max-width:-moz-fit-content;max-width:fit-content}.ieeesa-view-tenant-info--app-id,.ieeesa-view-tenant-info--app-status{color:#49454f}.ieeesa-view-tenant-info__accordion{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:1.5em .75em}.ieeesa-view-tenant-info__accordion--bg-white{background-color:#fff;box-shadow:none}.ieeesa-view-tenant-info__accordion--info{padding:1em 1em 1.5em}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-body{padding:1.5em 1.5em 1.5em 2.25em}.ieeesa-view-tenant-info__accordion-info .ieeesa-button{position:absolute;top:1.25em;right:0}.ieeesa-view-tenant-info__accordion-info .ieeesa-button svg{width:1.3em!important;height:1.3em!important}.ieeesa-view-tenant-info .mat-divider-vertical{margin:0;height:1.4em;color:#cac4d0;width:.063em;border-right-color:#cac4d0}.ieeesa-view-tenant-info .ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{color:#000!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__roles-and-permissions__divider{margin-top:12px!important;margin-bottom:16px!important;border-top:1px solid #ccd2da!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mat-expansion-panel-body,.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table .mat-column-permissions{min-width:12.5em;padding:16px!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__content{margin-top:0!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__column-menu .mat-mdc-icon-button.mat-mdc-button-base{padding:6px;width:24px;height:24px}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__columns-header-text{padding:8px 16px;background:#dae9f1;box-shadow:0 1px #dce3e9 inset}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__trailing,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__notch,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-select,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenant-info__roles-and-permissions .at-mdc-select-min-line,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenant-info__group-types .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__group-types .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__group-types .mat-expansion-panel-body,.ieeesa-view-tenant-info__group-types .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n                (click)=\"openCreateRoleForm()\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n              >\r\n                {{\r\n                  constants.viewRolesAndPermissions.actionButtonLabels.addRole\r\n                }}\r\n              </button>\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                (click)=\"openMapRolesAndPermissionsForm()\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\r\n                {{\r\n                  constants.viewRolesAndPermissions.actionButtonLabels\r\n                    .mapPermissionsRoles\r\n                }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isRolesAndPermissionsExpanded\">\r\n              <mat-divider\r\n                class=\"ieeesa-view-tenant-info__roles-and-permissions__divider\"\r\n              ></mat-divider>\r\n              <ieeesa-data-table\r\n                *ngIf=\"columnSchema.length\"\r\n                [tableDataInfo]=\"tableData\"\r\n                [headerElementClassName]=\"headerElementClassName\"\r\n                [columnSchemaInfo]=\"columnSchema\"\r\n                [caption]=\"rolesAndPermissionsTableCaption\"\r\n                [paginatorConfig]=\"paginatorConfig\"\r\n                [tableActions]=\"tableActions\"\r\n                [isScrollSupportMessageNeeded]=\"true\"\r\n                [tableColumnActionMenuSize]=\"iconSize\"\r\n                [tableColumnActions]=\"menuItems\"\r\n                [customStickyHeaderNeeded]=\"true\"\r\n                [tableColumnsHeaderText]=\"rolesAndPermissionsTableHeaderName\"\r\n                [scrollbarSupportMessage]=\"\r\n                  rolesAndPermissionsTableSupportMessage\r\n                \"\r\n                [verticalColumnHeaderNumber]=\"permissionsColumnClassNumber\"\r\n                (paginationChange)=\"onTablePaginationChange($event)\"\r\n                (tableColumnMenuActionClick)=\"onRoleMenuClick($event)\"\r\n                (tableColumnMenuToggleButton)=\"selectedRoleMenuElement($event)\"\r\n              ></ieeesa-data-table>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.GROUP_TYPES\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__group-types\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isGroupTypesExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button p-2\"\r\n                *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n                (click)=\"openCreateGroupTypeForm()\"\r\n              >\r\n                {{ constants.viewGroupTypes.actionButtonLabels.addGroupType }}\r\n              </button>\r\n            </div>\r\n            <ng-container component *ngIf=\"isGroupTypesExpanded\">\r\n              <ieeesa-view-tenant-group-types></ieeesa-view-tenant-group-types>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          ></ieeesa-accordion>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-view-tenant-info{background-color:#f2f2f2}.ieeesa-view-tenant-info--bg-white{background-color:#fff;padding:1em 1.5em 0}.ieeesa-view-tenant-info__actions{top:15px;margin-right:20px;position:absolute;right:0}.ieeesa-view-tenant-info--title,.ieeesa-view-tenant-info--action{padding:.75em 0}.ieeesa-view-tenant-info--link{padding:1em .75em 1.3em 0!important}.ieeesa-view-tenant-info--link-mobile{max-width:-moz-fit-content;max-width:fit-content}.ieeesa-view-tenant-info--app-id,.ieeesa-view-tenant-info--app-status{color:#49454f}.ieeesa-view-tenant-info__accordion{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:1.5em .75em}.ieeesa-view-tenant-info__accordion--bg-white{background-color:#fff;box-shadow:none}.ieeesa-view-tenant-info__accordion--info{padding:1em 1em 1.5em}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__accordion-info .mat-accordion .mat-expansion-panel-body{padding:1.5em 1.5em 1.5em 2.25em}.ieeesa-view-tenant-info__accordion-info .ieeesa-button{position:absolute;top:1.25em;right:0}.ieeesa-view-tenant-info__accordion-info .ieeesa-button svg{width:1.3em!important;height:1.3em!important}.ieeesa-view-tenant-info .mat-divider-vertical{margin:0;height:1.4em;color:#cac4d0;width:.063em;border-right-color:#cac4d0}.ieeesa-view-tenant-info .ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{color:#000!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__roles-and-permissions__divider{margin-top:12px!important;margin-bottom:16px!important;border-top:1px solid #ccd2da!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mat-expansion-panel-body,.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table .mat-column-permissions{min-width:12.5em;padding:16px!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__content{margin-top:0!important}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__column-menu .mat-mdc-icon-button.mat-mdc-button-base{padding:6px;width:24px;height:24px}.ieeesa-view-tenant-info__roles-and-permissions .ieeesa-data-table__columns-header-text{padding:8px 16px;background:#dae9f1;box-shadow:0 1px #dce3e9 inset}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__trailing,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__notch,.ieeesa-view-tenant-info__roles-and-permissions .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-select,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenant-info__roles-and-permissions .at-mdc-select-min-line,.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenant-info__roles-and-permissions .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenant-info__group-types .ieeesa-accordion .mat-accordion .mat-expansion-panel-spacing.mat-expanded{position:relative}.ieeesa-view-tenant-info__group-types .mat-mdc-header-cell{white-space:nowrap}.ieeesa-view-tenant-info__group-types .mat-expansion-panel-body,.ieeesa-view-tenant-info__group-types .ieeesa-data-table{padding-left:0;padding-right:0}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.BreakpointObserverService }, { type: TenantApplicationsService }, { type: i2.GlobalErrorHandlerService }, { type: i2$1.SharedService }, { type: i5.ActivatedRoute }]; }, propDecorators: { apiBaseURL: [{
                 type: Input
             }], userPermissions: [{
@@ -3561,5 +4237,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppType, CreateModifyRoleComponent, CreateTenantApplicationComponent, FeaturePermissionId, FormStatus, GroupTypeSettings, PermissionType, RoleAndPermissionsTableType, RoleMenuAction, RolesAndPermissionsMappingComponent, RolesValidation, SortOrderBy, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantBasicDetailsComponent, TenantFunctionType, TenantPermissionsMapService, TenantPermissionsService, TenantStatus, TenantsValidationPatterns, ViewTenantDetailsComponent, ViewTenantGroupTypesComponent, ViewTenantsColumnSchemaDef, ViewTenantsListComponent };
+export { AppType, CreateModifyGroupTypeComponent, CreateModifyRoleComponent, CreateTenantApplicationComponent, FeaturePermissionId, FormStatus, GroupTypeSettings, GroupTypeValidation, PermissionType, RoleAndPermissionsTableType, RoleMenuAction, RolesAndPermissionsMappingComponent, RolesValidation, RosterTypeLOVCode, Settings, SortOrderBy, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantBasicDetailsComponent, TenantFunctionType, TenantPermissionsMapService, TenantPermissionsService, TenantStatus, TenantsValidationPatterns, ViewTenantDetailsComponent, ViewTenantGroupTypesComponent, ViewTenantsColumnSchemaDef, ViewTenantsListComponent, VotingMemberLevelRole };
 //# sourceMappingURL=ieeesa-npm-tenants.mjs.map