@ieeesa-npm/tenants 0.4.6 → 0.5.1

package/fesm2022/ieeesa-npm-tenants.mjs

@@ -0,0 +1,4307 @@
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, ViewContainerRef, NgModule } from '@angular/core';
+import * as i2 from '@ieeesa-npm/presentation';
+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 i8 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { FormStatus, ModalType, AlertType } from '@ieeesa-npm/models';
+import { Validators } from '@angular/forms';
+import { validColorValidator } from 'ngx-colors';
+import * as i4 from '@ieeesa-npm/utility';
+import * as i2$1 from '@ieeesa-npm/shared';
+import * as i1 from '@angular/material/dialog';
+import * as i6 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i8$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",
+	label: {
+		leftButtonLabel: "Cancel",
+		rightButtonLabel: "Save",
+		appTitle: "Application Title",
+		appId: "Application Id",
+		appLogo: "Application Logo",
+		appHeading: "Application Heading",
+		appDescription: "Application Description",
+		appBgColor: "Application Background Color",
+		appHelpLink: "Application Help Link",
+		featuresList: "Selection of list of features",
+		featureVersion: "Feature Version",
+		domainURL: "Domain URL",
+		appType: "Application Type",
+		ariaLabel: {
+			appTitle: "Application Title",
+			appId: "Application Id",
+			appLogo: "Application Logo",
+			appHeading: "Application Heading",
+			appDescription: "Application Description",
+			appBgColor: "Application Background Color",
+			appHelpLink: "Application Help Link",
+			featuresList: "Selection of list of features",
+			featureVersion: "Feature Version",
+			domainURL: "Domain URL",
+			appType: "Application Type"
+		},
+		ariaDescribedById: {
+			appTitle: "ariaApplicationTitle",
+			appId: "ariaApplicationId",
+			appLogo: "ariaApplicationLogo",
+			appHeading: "ariaApplicationHeading",
+			appDescription: "ariaApplicationDescription",
+			appBgColor: "ariaApplicationBackgroundColor",
+			appHelpLink: "ariaApplicationHelpLink",
+			featuresList: "ariaFeatures",
+			featureVersion: "ariaFeatureVersion",
+			domainURL: "ariaDomainURL",
+			appType: "ariaApplicationType"
+		}
+	},
+	message: {
+		error: {
+			required: "This field is required.",
+			invalidColor: "Invalid color.",
+			invalidFile: "Invalid file format. Please upload SVG, PNG and JPG file format only.",
+			limit: {
+				appTitleMaxChars: "Application Title must not be greater than 50 characters long.",
+				appIdMaxChars: "Application Id must not be greater than 10 characters long.",
+				appHeadingMaxChars: "Application Heading must not be greater than 150 characters long.",
+				appDescriptionMaxChars: "Application Description must not be greater than 500 characters long.",
+				appLogoMaxSize: "File size exceeds the maximum limit."
+			},
+			pattern: {
+				appId: "It should only allow Alphanumeric characters.",
+				appHelpLink: "Invalid URL.",
+				appDomainUrl: "Invalid URL."
+			}
+		},
+		success: {
+			submission: "has been created successfully."
+		}
+	},
+	supportText: {
+		appTitle: "Enter application name.",
+		appId: "Enter application id.",
+		appLogo: "Upload application logo.",
+		appHeading: "Enter application heading.",
+		appDescription: "Enter application description.",
+		appBgColor: "Choose background color.",
+		appHelpLink: "Enter application help link.",
+		featuresList: "Select reusable feature(s).",
+		featureVersion: "Select feature version.",
+		domainURL: "Enter domain URL."
+	},
+	errors: {
+		"2003": "Application Type not found.",
+		"2026": "List of features not found.",
+		"2028": "Application Title is required.",
+		"2029": "Application Logo is required.",
+		"2030": "Application Heading is required.",
+		"2031": "Application Description is required.",
+		"2032": "Background color is required.",
+		"2033": "Help link is required.",
+		"2034": "Domain Url is required.",
+		"2035": "Application Type is required.",
+		"2036": "Application Features are required.",
+		"2037": "Application Title must not be greater than 50 characters long.",
+		"2038": "Application Heading must not be greater than 150 characters long",
+		"2039": "Application Description must not be greater than 500 characters long.",
+		"2040": "Invalid URL.",
+		"2041": "Application Id is required.",
+		"2042": "Application Id must not be greater than 10 characters long",
+		"2043": "Application Id contains invalid characters. Please enter alphanumeric characters only.",
+		"2044": "Invalid URL.",
+		"2045": "Application Id must be unique.",
+		"2046": "Application Features are required.",
+		"2047": "Application Type is required.",
+		"2048": "Features Not Found.",
+		"2049": "Unable to display tenants. Please try again later.",
+		"2050": "Tenant Details not found.",
+		"2052": "Not allowed to update Application Id and Application Type.",
+		"2053": "Default features to be pre-selected."
+	},
+	buttons: {
+		addApplicationLabel: "Add Application"
+	}
+};
+var createRole = {
+	heading: "New Role",
+	label: {
+		leftButtonLabel: "Cancel",
+		rightButtonLabel: "Save",
+		appTitle: "Application Title",
+		roleType: "Role Type",
+		roleName: "Role Name",
+		ariaLabel: {
+			appTitle: "Application Title",
+			roleType: "Role Type",
+			roleName: "Role Name"
+		},
+		ariaDescribedById: {
+			appTitle: "ariaApplicationTitle",
+			roleType: "ariaRoleType",
+			roleName: "ariaRoleName"
+		}
+	},
+	message: {
+		error: {
+			required: "This field is required.",
+			limit: {
+				roleNameMaxChars: "Role name must not be greater than 100 characters long."
+			}
+		},
+		success: {
+			submission1: "New",
+			submission2: "has been successfully added to the",
+			submission3: "You can map the permissions for the newly added role.",
+			modify: "has been successfully edited for the"
+		}
+	},
+	supportText: {
+		roleType: "Select role type from the dropdown.",
+		roleName: "Enter role name."
+	},
+	errors: {
+		"3011": "App Id is required.",
+		"3012": "role already exists.",
+		"3013": "Application Id modification not allowed.",
+		"3014": "Role Type not found.",
+		"3015": "Role Type is required.",
+		"3016": "Role Name is required.",
+		"3017": "Role Type not found."
+	}
+};
+var editTenant = {
+	message: {
+		success: {
+			submission: "has been updated successfully."
+		}
+	}
+};
+var viewTenants = {
+	tenantsTitle: "Tenant Application Management",
+	addTenant: "Add Application",
+	emptyFieldValueReplacedBy: "-",
+	createTenantsIcon: "assets/images/sprites/sprites.svg#icon-create-group-white-bg",
+	pageSizeOptions: [
+		10,
+		20,
+		50,
+		100
+	],
+	ariaLabel: {
+		add: "Add Application"
+	},
+	label: {
+		appId: "Application ID",
+		status: "Status",
+		viewAllApps: "View All Applications",
+		saAppId: "SAAPPS",
+		active: "Active",
+		inactive: "Inactive"
+	},
+	buttons: {
+		id: 1,
+		ariaLabel: "Edit Application Details",
+		label: "Edit Application Details",
+		toolTip: "Edit Application Details",
+		iconURL: "assets/images/sprites/sprites.svg#icon-edit-tenant"
+	},
+	tableColumns: {
+		appId: "Application Id",
+		appTitle: "Application Title",
+		appDescription: "Application Description",
+		features: "Features",
+		status: "Status"
+	},
+	confirmationInfo: {
+		leftButtonLabel: "Cancel",
+		rightButtonLabel: "OK",
+		promptMessage: "Are you sure you want to",
+		promptMessageInactivate: "inactivate",
+		promptMessageActivate: "reactivate",
+		ariaLabel: {
+			alert: "Alert"
+		},
+		deleteRoleConfirmationMessage: "Are you sure you want to delete the",
+		deleteRolePromptMessage: "Deleting this role will remove all current assignments in the",
+		featureChangeSignOutLeftButtonLabel: "Later",
+		featureChangeSignOutRightButtonLabel: "Sign out now",
+		featureChangeSignOutMessage: "Feature changes take effect only after signing in again. Sign out now to apply them?"
+	},
+	errors: {
+		"2050": "Tenant Details not found.",
+		"2051": "Failure to update tenant status.",
+		"2054": "IEEE SA Collaboration Portal cannot be inactivated.",
+		"3007": "No Role(s) found.",
+		"3008": "No Permission(s) found.",
+		"3009": "Unable to fetch Roles and Permissions Mapping.",
+		"3010": "Role Id is required.",
+		"3011": "Application Id is required."
+	},
+	tenantAccordionInfo: [
+		{
+			id: 1,
+			title: "Basic Details",
+			isDisabled: false,
+			content: "Basic data"
+		},
+		{
+			id: 2,
+			title: "Roles and Permissions",
+			isDisabled: false,
+			content: "Roles"
+		},
+		{
+			id: 3,
+			title: "Group Types",
+			isDisabled: false,
+			content: "Groups"
+		}
+	],
+	tenantBasicDetails: {
+		label: {
+			title: "Title",
+			logo: "Logo",
+			description: "Description",
+			bgColor: "Background Color",
+			heading: "Heading",
+			helpLink: "Help Link",
+			listOfFeatures: "List of features",
+			featureVersion: "Feature Version",
+			domainURL: "Domain URL",
+			type: "Type"
+		}
+	}
+};
+var viewRolesAndPermissions = {
+	tableCaption: "Roles & Permissions Matrix",
+	tableColumnsHeaderText: "ROLES",
+	scrollbarSupportMessage: "Scroll right for viewing more roles.",
+	pageSizeOptions: [
+		10,
+		20,
+		50,
+		100
+	],
+	columnActionIconSize: "fa-xs",
+	actionButtonLabels: {
+		addRole: "Add Role",
+		mapPermissionsRoles: "Map Permissions & Roles"
+	},
+	tableColumn: {
+		permissions: "PERMISSIONS"
+	},
+	tableCellValue: {
+		yes: "Yes",
+		no: "No"
+	},
+	columnActionMenuItems: [
+		{
+			id: 1,
+			label: "Edit Role",
+			ariaLabel: "Edit Role",
+			iconURL: "",
+			toolTip: "",
+			isToolTipNeeded: false
+		},
+		{
+			id: 2,
+			label: "Delete Role",
+			ariaLabel: "Delete Role",
+			iconURL: "",
+			toolTip: "",
+			isToolTipNeeded: false
+		}
+	]
+};
+var mapRolesAndPermissions = {
+	heading: "Map Permissions & Roles",
+	legend: "Select a Role or Permission to continue",
+	roleTableCaption: "Role: ",
+	permissionTableCaption: "Permission: ",
+	label: {
+		leftButtonLabel: "Cancel",
+		rightButtonLabel: "Save",
+		role: "Role",
+		permission: "Permission",
+		ariaLabel: {
+			role: "Role",
+			permission: "Permission"
+		},
+		ariaDescribedById: {
+			role: "ariaRole",
+			permission: "ariaPermission"
+		}
+	},
+	tableColumns: {
+		role: "Role",
+		permission: "Permission",
+		status: "Status"
+	},
+	message: {
+		success: {
+			rolesAndPermissionsSubmission: "Role(s) & Permission(s) successfully updated."
+		}
+	},
+	supportText: {
+		role: "Choose a role from the available list.",
+		permission: "Choose a permission from the available list."
+	},
+	errors: {
+		"3007": "Role(s) not found.",
+		"3008": "Permission(s) not found.",
+		"3009": "Role Permission details does not exist.",
+		"3017": "Role Permission Mapping does not exist for given role Id.",
+		"3020": "Roles does not exist for given permission Id.",
+		"3021": "Permissions does not exist for given role Id."
+	}
+};
+var deleteRole = {
+	message: {
+		success: {
+			submission: "role has been successfully deleted from the"
+		}
+	}
+};
+var viewGroupTypes = {
+	actionButtonLabels: {
+		addGroupType: "Add Group Type"
+	},
+	actionMenuItems: [
+		{
+			id: 1,
+			label: "Edit Group Type",
+			ariaLabel: "Edit Group Type",
+			iconURL: "",
+			toolTip: "",
+			isToolTipNeeded: false,
+			isDisabled: false
+		},
+		{
+			id: 2,
+			label: "Delete Group Type",
+			ariaLabel: "Delete Group Type",
+			iconURL: "",
+			toolTip: "",
+			isToolTipNeeded: false,
+			isDisabled: false
+		}
+	],
+	tableColumns: {
+		heading: {
+			groupType: "Group Type",
+			rosterType: "Roster Type",
+			description: "Description",
+			applicableRoles: "Applicable Roles",
+			settings: "Settings",
+			action: "Actions"
+		}
+	},
+	settings: {
+		allowSubGroup: "Allow Sub-Groups",
+		allowRoster: "Enable Rosters",
+		allowAlternateVoting: "Allow Alternate Voting",
+		hasClassification: "Has Classification",
+		allowEdit: "Allow Edit",
+		allowDelete: "Allow Delete"
+	},
+	errors: {
+		"1010": "Group Type(s) not found.",
+		"2050": "Tenant Details not found."
+	}
+};
+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,
+	editTenant: editTenant,
+	viewTenants: viewTenants,
+	viewRolesAndPermissions: viewRolesAndPermissions,
+	mapRolesAndPermissions: mapRolesAndPermissions,
+	deleteRole: deleteRole,
+	viewGroupTypes: viewGroupTypes,
+	routeConfigPath: routeConfigPath,
+	createGroupType: createGroupType
+};
+
+var screenText = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    createGroupType: createGroupType,
+    createRole: createRole,
+    createTenant: createTenant,
+    default: constants,
+    deleteRole: deleteRole,
+    editTenant: editTenant,
+    mapRolesAndPermissions: mapRolesAndPermissions,
+    routeConfigPath: routeConfigPath,
+    viewGroupTypes: viewGroupTypes,
+    viewRolesAndPermissions: viewRolesAndPermissions,
+    viewTenants: viewTenants
+});
+
+/* eslint-disable no-unused-vars */
+var PermissionType;
+(function (PermissionType) {
+    PermissionType["VIEW_TENANTS"] = "VIEW_TENANTS";
+    PermissionType["MANAGE_TENANT"] = "MANAGE_TENANT";
+})(PermissionType || (PermissionType = {}));
+var TenantStatus;
+(function (TenantStatus) {
+    TenantStatus["ACTIVE"] = "Active";
+    TenantStatus["INACTIVE"] = "Inactive";
+})(TenantStatus || (TenantStatus = {}));
+
+/* eslint-disable no-unused-vars */
+var ViewTenantsColumnSchemaDef;
+(function (ViewTenantsColumnSchemaDef) {
+    ViewTenantsColumnSchemaDef["APP_ID"] = "appId";
+    ViewTenantsColumnSchemaDef["APP_TITLE"] = "appTitle";
+    ViewTenantsColumnSchemaDef["APP_DESCRIPTION"] = "appDescription";
+    ViewTenantsColumnSchemaDef["APP_HEADING"] = "appHeading";
+    ViewTenantsColumnSchemaDef["FEATURES"] = "features";
+    ViewTenantsColumnSchemaDef["STATUS"] = "status";
+})(ViewTenantsColumnSchemaDef || (ViewTenantsColumnSchemaDef = {}));
+var SortOrderBy;
+(function (SortOrderBy) {
+    SortOrderBy["DESC"] = "DESC";
+    SortOrderBy["ASC"] = "ASC";
+})(SortOrderBy || (SortOrderBy = {}));
+
+/* eslint-disable no-useless-escape */
+const TenantsValidationPatterns = {
+    appTitleMaxLength: 50,
+    appIdMaxLength: 10,
+    appHeadingMaxLength: 150,
+    appDescriptionMaxLength: 500,
+    url: /^https:\/\//,
+    alphaNumeric: /^[a-zA-Z0-9]+$/,
+};
+const RolesValidation = {
+    roleNameMaxLength: 100,
+};
+const GroupTypeValidation = {
+    groupTypeMaxLength: 30,
+    descriptionMaxLength: 500
+};
+
+/* eslint-disable no-unused-vars */
+var TenantFunctionType;
+(function (TenantFunctionType) {
+    TenantFunctionType["CREATE"] = "CREATE";
+    TenantFunctionType["EDIT"] = "EDIT";
+    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 {
+    /**
+     * Returns access provision for the passed action/feature based on whether the signed in user has appropriate permission.
+     * @param {PermissionType} permission
+     * @param {TenantsPermission[]} tenantsPermissions
+     * @return {boolean}
+     * @memberof TenantPermissionsService
+     */
+    validateAccessPermission(permission, userTenantsPermissions) {
+        const isPermitted = userTenantsPermissions && userTenantsPermissions.length
+            ? userTenantsPermissions?.some(({ permissionType }) => permissionType === permission)
+            : false;
+        return isPermitted;
+    }
+    /**
+     * Filters signed in user tenants permissions from entire tenants permissions.
+     * @param { UserPermission[] }
+     * @return {TenantsPermissions[]}
+     * @memberof TenantPermissionsService
+     */
+    filterTenantsPermissions(userPermissions, tenantsPermissions) {
+        const userTenantsPermission = tenantsPermissions?.filter((permission) => {
+            return userPermissions?.find(({ permissionId }) => permission?.permissionId === permissionId);
+        });
+        return userTenantsPermission;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class TenantPermissionsMapService {
+    constructor() {
+        this.globalTenantsPermissions = [
+            {
+                permissionType: PermissionType.VIEW_TENANTS,
+                permissionId: 'PERM_1a2dbbb5-5fe1-4261-85b1-a5373f41075a',
+                permissionName: 'View Tenant Applications',
+            },
+            {
+                permissionType: PermissionType.MANAGE_TENANT,
+                permissionId: 'PERM_315c49ec-f79a-4dcd-9795-6f97838c8c83',
+                permissionName: 'Manage (Create, Edit, Disable) Tenant Application',
+            },
+        ];
+    }
+    /**
+     * Returns global permissions mapping for tenants.
+     * @return {TenantsPermissions[]}
+     * @memberof TenantsPermissionsMapService
+     */
+    getGlobalTenantsPermissions() {
+        return this.globalTenantsPermissions;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsMapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsMapService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantPermissionsMapService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class TenantApplicationsService {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    httpService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantPermissionsService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantPermissionsMapService // eslint-disable-next-line no-empty-function
+    ) {
+        this.httpService = httpService;
+        this.tenantPermissionsService = tenantPermissionsService;
+        this.tenantPermissionsMapService = tenantPermissionsMapService;
+        this.tenantsText = viewTenants?.errors;
+        this.createTenantsText = createTenant?.errors;
+        this.radioOptions = [];
+        this.checkBoxOptions = [];
+        this.appTypeInfo = [];
+        this.featureList = [];
+        this.roleTypeOptions = [];
+        this.isGroupTypeAddedOrModified = new Subject();
+    }
+    setAppConfig(apiBaseUrl, userPermission) {
+        this.apiBaseUrl = apiBaseUrl;
+        this.userPermission = userPermission;
+    }
+    /**
+     * Gets tenant details from server using HttpService
+     * @param {string} appId
+     * @return {Observable<TenantDetailsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getTenantDetails(appId) {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/app/details/${appId}`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Sets the user tenants permissions
+     * @param {TenantsPermissions[]} TenantsPermissions
+     * @memberof TenantApplicationsService
+     */
+    setUserTenantsPermissions(userTenantsPermissions) {
+        this.userTenantsPermissions = userTenantsPermissions;
+    }
+    /**
+     * Returns the user tenants permissions
+     * @return {TenantsPermissions[]}
+     * @memberof TenantApplicationsService
+     */
+    getUserTenantsPermissions() {
+        return this.userTenantsPermissions;
+    }
+    /**
+     * Sets the user tenants information
+     * @param {TenantBasicInfo} tenantInfo
+     * @memberof TenantApplicationsService
+     */
+    setSelectedTenantInformation(tenantInfo) {
+        this.selectedTenantInfo = tenantInfo;
+    }
+    /**
+     * Returns the tenants information
+     * @return {TenantBasicInfo}
+     * @memberof TenantApplicationsService
+     */
+    getSelectedTenantInformation() {
+        return this.selectedTenantInfo;
+    }
+    /**
+     * Sets the roles informations
+     * @param {Role} roles
+     * @memberof TenantApplicationsService
+     */
+    setRolesInfo(roles) {
+        this.roles = roles;
+    }
+    /**
+     * Returns the roles information
+     * @return {Role}
+     * @memberof TenantApplicationsService
+     */
+    getRolesInfo() {
+        return this.roles;
+    }
+    /**
+     * Sets the selected role information.
+     * @param {RoleDetails} roleInfo
+     * @memberof TenantApplicationsService
+     */
+    setSelectedRoleInformation(roleInfo) {
+        this.selectedRoleInfo = roleInfo;
+    }
+    /**
+     * Returns the selected role information.
+     * @return {RoleDetails}
+     * @memberof TenantApplicationsService
+     */
+    getSelectedRoleInformation() {
+        return this.selectedRoleInfo;
+    }
+    /**
+     * Sets the tenant role type options.
+     * @param {RoleTypeOption} roleTypeOptions
+     * @memberof TenantApplicationsService
+     */
+    setRoleTypeOption(roleTypeOptions) {
+        this.roleTypeOption = roleTypeOptions;
+    }
+    /**
+     * Returns the tenant role type options.
+     * @return {RoleTypeOption}
+     * @memberof TenantApplicationsService
+     */
+    getRoleTypeOption() {
+        return this.roleTypeOption;
+    }
+    /**
+     * Sets the list of application type information
+     * @param {RadioOption} appTypeInfo
+     * @memberof TenantApplicationsService
+     */
+    setApplicationType(appTypeInfo) {
+        this.appTypeInfo = appTypeInfo;
+    }
+    /**
+     * Returns the list of application type information
+     * @return {RadioOption}
+     * @memberof TenantApplicationsService
+     */
+    getApplicationType() {
+        return this.appTypeInfo;
+    }
+    /**
+     * Filter permissions
+     * @param usersPermissions
+     * @returns @memberof TenantApplicationsService
+     */
+    filterPermission(usersPermissions) {
+        return this.tenantPermissionsService?.filterTenantsPermissions(usersPermissions, this.tenantPermissionsMapService?.getGlobalTenantsPermissions());
+    }
+    /**
+     * Validating access for tenants
+     * @param permissionType Permission Type to validate permission
+     * @param mappedUserPermissions Permission which are mapped with tenants
+     * @returns true if permission is granted
+     */
+    validateAccess(permissionType, permissions) {
+        return this.tenantPermissionsService.validateAccessPermission(permissionType, permissions);
+    }
+    /**
+     * Gets the tenants.
+     * @param {GetTenantsPayload} payload
+     * @return {Observable<GetTenantsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getTenantsList(payload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/configurations/app/config`, payload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets list of features from server using HttpService.
+     * @return {Observable<GetFeaturesResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getFeatures() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/app/features`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets list of roles from server using HttpService.
+     * @param {string} appId
+     * @return {*}  {Observable<GetRolesResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getRoles(appId) {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/role/${appId}`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets the list of permissions based on the appId and return the success or error response as Observable.
+     * @param {string} appId
+     * @return {Observable<GetPermissionsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getPermissions(appId) {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/permissions/${appId}`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets the list of roles or permissions based on the roleId or permissionId in the payload and return the success or error response as Observable.
+     * @param {RolePermissionMappingRequestPayload} payload
+     * @returns {Observable<RolePermissionMappingResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getRolePermissionMapping(payload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/users/rolePermissionMapping`, payload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Submit the new mappings of roles to permissions to the server.
+     * @param {RolesAndPermissionsRequestPayload} payload
+     * @returns {Observable<RolesAndPermissionsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    saveRolePermissionMapping(payload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/users/rolePermission`, payload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets list of roles and permissions mappings from server using HttpService.
+     * @param {string} appId
+     * @param {GetRolesAndPermissionsPayload} payload
+     * @return {*}  {Observable<GetRolesAndPermissionsResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getRolesAndPermissionsMappings(appId, payload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/roleBasedPermissions/${appId}`, payload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets list of application types from server using HttpService.
+     * @return {Observable<GetAppTypesResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getApplicationTypes() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/config/app_type`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Posts create role form data to server using HttpService to create a new role.
+     * @param {CreateModifyRoleRequestPayload} createModifyRolePayload
+     * @return {Observable<CreateModifyRoleResponse>}
+     * @memberof TenantApplicationsService
+     */
+    createRole(createModifyRolePayload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/role`, createModifyRolePayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Posts the edited role form data to server using HttpService for updating the role information.
+     * @param {CreateModifyRoleRequestPayload} createModifyRolePayload
+     * @return {Observable<CreateModifyRoleResponse>}
+     * @memberof TenantApplicationsService
+     */
+    editRole(createModifyRolePayload) {
+        return this.httpService
+            .putData(`${this.apiBaseUrl}/groups/role`, createModifyRolePayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets list of role types from server using HttpService.
+     * @param {GetRoleTypesPayload} payload
+     * @return {Observable<RoleTypeResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getRoleTypes(payload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/configurations/config/configField`, payload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Constructs the select/dropdown options from the role types received from server.
+     * @param {RoleTypeConfiguration[]} roleTypeResponse
+     * @return {RoleTypeOption[]}
+     * @memberof TenantApplicationsService
+     */
+    getRoleTypeOptions(roleTypeResponse) {
+        this.roleTypeOptions = [];
+        roleTypeResponse.forEach((item) => {
+            this.roleTypeOptions?.push({
+                id: item?.configFieldId,
+                name: item?.configFieldValue?.roleTypeName,
+                order: item?.configFieldValue?.viewOrder,
+            });
+        });
+        this.roleTypeOptions.sort((a, b) => a.order - b.order);
+        return this.roleTypeOptions;
+    }
+    /**
+     * Posts tenant application form data to server using HttpService for creating new tenant application.
+     * @param {CreateTenantPayload} createTenantPayload
+     * @return {Observable<CreateTenantResponse>}
+     * @memberof TenantApplicationsService
+     */
+    createTenant(createTenantPayload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/configurations/app/createTenant`, createTenantPayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Constructs the checkbox options from features list from server.
+     * @param {FeaturesList[]} features
+     * @returns {CheckboxOption[]}
+     */
+    getFeatureOptions(features) {
+        this.checkBoxOptions = [];
+        features?.forEach((feature) => {
+            this.checkBoxOptions?.push({
+                id: feature?.featureId,
+                name: feature?.featureName,
+                checked: feature?.isDefault,
+                disabled: feature?.isDefault,
+            });
+        });
+        return this.checkBoxOptions;
+    }
+    /**
+     * Constructs the radio options from application types from server.
+     * @param {AppTypeConfig[]} appTypeOptions
+     * @returns {RadioOption[]}
+     */
+    getApplicationTypeOptions(appTypeOptions) {
+        this.radioOptions = [];
+        appTypeOptions?.forEach((appType) => {
+            this.radioOptions?.push({
+                id: appType?.configFieldId,
+                label: appType?.configFieldValue?.type,
+            });
+        });
+        return this.radioOptions;
+    }
+    /**
+     * Constructs the selected features id's.
+     * @param {CheckboxOption[]} featureOptions
+     * @returns {FeatureId[]}
+     */
+    getFeatureIds(featureOptions) {
+        const featureIds = [];
+        featureOptions?.forEach((featureOption) => {
+            if (featureOption?.checked) {
+                featureIds.push({
+                    featureId: featureOption.id,
+                });
+            }
+        });
+        return featureIds;
+    }
+    /**
+     * Sets the newly created tenant information.
+     * @param {NewTenantInfo} newTenantInfo
+     */
+    setNewTenantInfo(newTenantInfo) {
+        this.newTenantInfo = newTenantInfo;
+    }
+    /**
+     * Returns the newly created tenant information.
+     */
+    get getNewTenantInfo() {
+        return this.newTenantInfo;
+    }
+    /**
+     * Sets tenant function type.
+     * @param {TenantFunctionType} tenantFunctionType -tenant function type.
+     */
+    setTenantFunctionType(tenantFunctionType) {
+        this.tenantFunctionType = tenantFunctionType;
+    }
+    /**
+     * Returns tenant function type.
+     * @return {TenantFunctionType} -tenant function type.
+     */
+    getTenantFunctionType() {
+        return this.tenantFunctionType;
+    }
+    /**
+     * Stores the newly created role information.
+     * @param {RoleInfo} newlyCreatedRole -create role information.
+     */
+    setNewlyCreatedRoleInfo(newlyCreatedRole) {
+        this.newlyCreatedRole = newlyCreatedRole;
+    }
+    /**
+     * Returns the newly created role information.
+     * @return {RoleInfo} -create role information.
+     */
+    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
+     * @return {Observable<CreateTenantResponse>}
+     * @memberof TenantApplicationsService
+     */
+    editTenant(editTenantPayload) {
+        return this.httpService
+            .putData(`${this.apiBaseUrl}/configurations/app/editTenant`, editTenantPayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Sends update request to the server to update the tenant application status to active/inactive using HttpService and returns the success or failure response.
+     * @param {UpdateTenantStatusRequestPayload} updateTenantStatusPayload
+     * @return {Observable<UpdateTenantStatusResponse>}
+     * @memberof TenantApplicationsService
+     */
+    updateTenantStatus(updateTenantStatusPayload) {
+        return this.httpService
+            .putData(`${this.apiBaseUrl}/configurations/app/updateStatus`, updateTenantStatusPayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * It generates Feature list from checkbox options generated in form array.
+     * @param {CheckboxOption[]} features
+     * @return {Features[]}
+     * @memberof TenantApplicationsService
+     */
+    getFeaturesList(features) {
+        this.featureList = [];
+        features?.forEach((feature) => {
+            if (feature.checked)
+                this.featureList?.push({
+                    featureId: feature?.id,
+                    featureName: feature?.name,
+                    isDefault: feature?.checked,
+                });
+        });
+        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
+     * @return {Role[]}
+     * @memberof TenantApplicationsService
+     */
+    sortRolesByRoleType(roleList) {
+        return roleList.sort((a, b) => a?.viewOrder - b?.viewOrder);
+    }
+    /**
+     * Posts the role details to server using HttpService for deleting the role.
+     * @param {DeleteRoleRequestPayload} deleteRoleRequestPayload
+     * @return {Observable<DeleteRoleResponse>}
+     * @memberof TenantApplicationsService
+     */
+    deleteRole(deleteRolePayload) {
+        return this.httpService
+            .putData(`${this.apiBaseUrl}/groups/role/deleteRole`, deleteRolePayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Gets group types from server using HttpService.
+     * @param {string} appId
+     * @return {Observable<ViewGroupTypeResponse>}
+     * @memberof TenantApplicationsService
+     */
+    getGroupTypes(appId) {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/config/appGroupTypeDetails/${appId}`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            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: i4.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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i4.HttpService }, { type: TenantPermissionsService }, { type: TenantPermissionsMapService }]; } });
+
+class CreateTenantApplicationComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    fileUploadService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService // eslint-disable-next-line no-empty-function
+    ) {
+        this.fileUploadService = fileUploadService;
+        this.tenantAppService = tenantAppService;
+        this.sharedService = sharedService;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        this.createTenantTexts = this.constants?.createTenant;
+        this.leftButtonLabel = this.createTenantTexts?.label?.leftButtonLabel;
+        this.rightButtonLabel = this.createTenantTexts?.label?.rightButtonLabel;
+        this.colWidth = { xs: 12, xl: 12, sm: 12, md: 12, lg: 12 };
+        this.actionButtonAlign = AlignType.LEFT;
+        this.submitFormResponse = new EventEmitter();
+        this.formCancel = new EventEmitter();
+        this.allowedFileTypes = [
+            AllowedFileTypes.JPG,
+            AllowedFileTypes.PNG,
+            AllowedFileTypes.SVG,
+        ];
+        this.isAppLogoModified = false;
+    }
+    ngOnInit() {
+        this.tenantFunctionType = this.tenantAppService?.getTenantFunctionType();
+        this.selectedTenantInfo =
+            this.tenantAppService?.getSelectedTenantInformation();
+        this.fileUploadService.setApiBaseUrl(this.tenantAppService?.apiBaseUrl);
+        this.getFeatures();
+    }
+    /**
+     * Gets the list of features and updates the form control.
+     * @memberof CreateTenantApplicationComponent
+     */
+    getFeatures() {
+        this.tenantAppService
+            .getFeatures()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.featuresOptions = this.tenantAppService.getFeatureOptions(response?.body);
+                    if (this.tenantFunctionType === TenantFunctionType.EDIT)
+                        this.featuresOptions?.forEach((option) => {
+                            if (this.selectedTenantInfo?.features?.some((feature) => feature?.featureId === option?.id)) {
+                                option.checked = true;
+                            }
+                        });
+                    this.getApplicationTypes();
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Gets the application/tenant types and updates the form control.
+     * @memberof CreateTenantApplicationComponent
+     */
+    getApplicationTypes() {
+        this.tenantAppService
+            .getApplicationTypes()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.appTypeOptions =
+                        this.tenantAppService.getApplicationTypeOptions(response?.body);
+                    if (this.tenantFunctionType === TenantFunctionType.EDIT) {
+                        this.appTypeOptions?.forEach((radioOption) => {
+                            if (radioOption?.id === this.selectedTenantInfo?.appType) {
+                                radioOption.checked = true;
+                                this.selectedAppTypeOption = radioOption;
+                            }
+                            else {
+                                radioOption.checked = false;
+                            }
+                        });
+                    }
+                    this.initializeCreateTenantFormGroup();
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Initialize the create tenant form group array.
+     * @memberof CreateTenantApplicationComponent
+     */
+    initializeCreateTenantFormGroup() {
+        this.createTenantFormGroup = {
+            formGroup: [
+                {
+                    legend: '',
+                    controls: [
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createTenantTexts?.label?.appTitle + '*',
+                            controlName: 'appTitle',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appTitle
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(TenantsValidationPatterns.appTitleMaxLength),
+                            ],
+                            supportMessage: this.createTenantTexts?.supportText?.appTitle,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            maxErrorMessage: this.createTenantTexts?.message?.error?.limit?.appTitleMaxChars,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appTitle,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appTitle,
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: `${this.createTenantTexts?.label?.appId}${this.tenantFunctionType === TenantFunctionType.EDIT ? '' : '*'}`,
+                            controlName: 'appId',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appId
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(TenantsValidationPatterns.appIdMaxLength),
+                                Validators.pattern(TenantsValidationPatterns.alphaNumeric),
+                            ],
+                            disabled: this.tenantFunctionType === TenantFunctionType.EDIT,
+                            supportMessage: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? ''
+                                : this.createTenantTexts?.supportText?.appId,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            maxErrorMessage: this.createTenantTexts?.message?.error?.limit?.appIdMaxChars,
+                            patternErrorMessage: this.createTenantTexts?.message?.error?.pattern?.appId,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appId,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appId,
+                        },
+                        {
+                            type: FormControlType?.FILE_UPLOAD,
+                            label: this.createTenantTexts?.label?.appLogo + '*',
+                            controlName: 'appLogo',
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appLogo
+                                : '',
+                            placeholder: '',
+                            isFileSelected: this.tenantFunctionType === TenantFunctionType.EDIT,
+                            supportMessage: this.createTenantTexts?.supportText?.appLogo,
+                            validation: [Validators.required],
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appLogo,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appLogo,
+                            isMultiFileUpload: false,
+                            maxUploadFileSize: 2,
+                            maxFileSizeErrorMessage: this.createTenantTexts?.message?.error?.limit?.appLogoMaxSize,
+                            allowedFileTypeErrorMessage: this.createTenantTexts?.message?.error?.invalidFile,
+                            allowedFileTypes: this.allowedFileTypes,
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createTenantTexts?.label?.appHeading + '*',
+                            controlName: 'appHeading',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appHeading
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(TenantsValidationPatterns.appHeadingMaxLength),
+                            ],
+                            supportMessage: this.createTenantTexts?.supportText?.appHeading,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            maxErrorMessage: this.createTenantTexts?.message?.error?.limit
+                                ?.appHeadingMaxChars,
+                            patternErrorMessage: this.createTenantTexts?.message?.error?.pattern?.email,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appHeading,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appHeading,
+                        },
+                        {
+                            type: FormControlType.TEXT_AREA,
+                            label: this.createTenantTexts?.label?.appDescription + '*',
+                            controlName: 'appDescription',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appDescription
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(TenantsValidationPatterns.appDescriptionMaxLength),
+                            ],
+                            supportMessage: this.createTenantTexts?.supportText?.appDescription,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            maxErrorMessage: this.createTenantTexts?.message?.error?.limit
+                                ?.appDescriptionMaxChars,
+                            maxCharCount: TenantsValidationPatterns.appDescriptionMaxLength,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appDescription,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById
+                                ?.appDescription,
+                            ariaMultiline: true,
+                            isResize: true,
+                        },
+                        {
+                            type: FormControlType.COLOR_PICKER,
+                            label: this.createTenantTexts?.label?.appBgColor + '*',
+                            controlName: 'backgroundColor',
+                            value: '',
+                            defaultColor: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.backgroundColor
+                                : '',
+                            placeholder: '',
+                            supportMessage: this.createTenantTexts?.supportText?.appBgColor,
+                            validation: [Validators.required, validColorValidator()],
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            invalidColorErrorMessage: this.createTenantTexts?.message?.error?.invalidColor,
+                            ariaLabel: this.createTenantTexts?.supportText?.appBgColor,
+                            ariaDescribedById: this.createTenantTexts?.supportText?.appBgColor,
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createTenantTexts?.label?.appHelpLink + '*',
+                            controlName: 'appHelpLink',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appHelpLink
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.pattern(TenantsValidationPatterns.url),
+                            ],
+                            supportMessage: this.createTenantTexts?.supportText?.appHelpLink,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            patternErrorMessage: this.createTenantTexts?.message?.error?.pattern?.appHelpLink,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appHelpLink,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appHelpLink,
+                        },
+                        {
+                            type: FormControlType.CHECKBOX,
+                            label: this.createTenantTexts?.label?.featuresList + '*',
+                            controlName: 'features',
+                            checkboxOptions: this.featuresOptions,
+                            minSelectionRequired: 1,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.featuresList,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.featuresList,
+                            supportMessage: this.createTenantTexts?.supportText?.featuresList,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            validation: [Validators.required],
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createTenantTexts?.label?.domainURL + '*',
+                            controlName: 'appDomainUrl',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appDomainUrl
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.pattern(TenantsValidationPatterns.url),
+                            ],
+                            supportMessage: this.createTenantTexts?.supportText?.domainURL,
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            patternErrorMessage: this.createTenantTexts?.message?.error?.pattern?.appDomainUrl,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.domainURL,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.domainURL,
+                        },
+                        {
+                            type: FormControlType.RADIO,
+                            label: `${this.createTenantTexts?.label?.appType}${this.tenantFunctionType === TenantFunctionType.EDIT ? '' : '*'}`,
+                            controlName: 'appType',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT
+                                ? this.selectedTenantInfo?.appType
+                                : '',
+                            disabled: this.tenantFunctionType === TenantFunctionType.EDIT,
+                            radioOptions: this.appTypeOptions,
+                            validation: [Validators.required],
+                            requiredErrorMessage: this.createTenantTexts?.message?.error?.required,
+                            ariaLabel: this.createTenantTexts?.label?.ariaLabel?.appType,
+                            ariaDescribedById: this.createTenantTexts?.label?.ariaDescribedById?.appType,
+                        },
+                    ],
+                },
+            ],
+        };
+    }
+    /**
+     * Creates Payload and gets presigned url for file upload on form submission.
+     * @param {FormGroup[]} form
+     * @memberof CreateTenantApplicationComponent
+     */
+    onCreateTenantFormSubmit(form) {
+        form[0]?.markAllAsTouched();
+        if (form[0].status === FormStatus.VALID) {
+            this.createTenantPayload = this.getCreateTenantPayload(form[0].getRawValue());
+            if (this.tenantFunctionType === TenantFunctionType.EDIT &&
+                (!this.isAppLogoModified || !this.file)) {
+                this.editTenant();
+            }
+            else if (this.file) {
+                this.getFileUploadPresignedUrl(this.file, form[0]?.controls['appId']?.value);
+            }
+            else {
+                this.createTenant();
+            }
+        }
+    }
+    /**
+     * Creates a new tenant on form submission.
+     * @memberof CreateTenantApplicationComponent
+     */
+    createTenant() {
+        this.tenantAppService
+            .createTenant(this.createTenantPayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response.status) {
+                    this.tenantAppService.setNewTenantInfo(this.createTenantPayload?.payload);
+                    this.submitFormResponse.emit(response);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Updates the modified tenant information on form submission.
+     * @memberof CreateTenantApplicationComponent
+     */
+    editTenant() {
+        this.tenantAppService
+            .editTenant(this.createTenantPayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.updatedTenantBasicInfo = this.createTenantPayload?.payload;
+                    this.updatedTenantBasicInfo.features =
+                        this.tenantAppService.getFeaturesList(this.featuresOptions);
+                    this.tenantAppService.setSelectedTenantInformation(this.updatedTenantBasicInfo);
+                    this.submitFormResponse.emit(response);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Constructs create tenant payload from the form data and returns.
+     * @param {*} formData
+     * @return {CreateTenantRequestPayload}
+     * @memberof CreateTenantApplicationComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getCreateTenantPayload(formData) {
+        const payload = {
+            payload: {
+                appTitle: formData?.appTitle,
+                appId: formData?.appId,
+                appHeading: formData?.appHeading,
+                appDescription: formData?.appDescription,
+                backgroundColor: formData?.backgroundColor,
+                appLogo: formData?.appLogo,
+                appDomainUrl: formData?.appDomainUrl,
+                appHelpLink: formData?.appHelpLink,
+                appType: this.selectedAppTypeOption?.id,
+                features: this.tenantAppService.getFeatureIds(this.featuresOptions),
+            },
+        };
+        return payload;
+    }
+    /**
+     * Gets create tenant form group reference and disables default features.
+     * @param {FormGroup[]} form
+     * @memberof CreateTenantApplicationComponent
+     */
+    getCreateTenantFormGroupRef(form) {
+        this.createTenantFormGroupRef = form[0];
+        const featuresFormArray = this.createTenantFormGroupRef?.controls['features'];
+        this.featuresOptions?.forEach((option, index) => {
+            if (option?.disabled) {
+                featuresFormArray?.at(index).disable();
+            }
+        });
+    }
+    /**
+     * Updates createTenantFormGroupRef on add or edit tenant form change event.
+     * @param {FormGroup[]} form
+     * @memberof CreateTenantApplicationComponent
+     */
+    onCreateTenantFormChange(form) {
+        this.createTenantFormGroupRef = form[0];
+        this.isAppLogoModified =
+            this.createTenantFormGroupRef?.controls['appLogo']?.dirty &&
+                this.tenantFunctionType === TenantFunctionType.EDIT;
+    }
+    /**
+     * Emits form cancel event.
+     * @memberof CreateTenantApplicationComponent
+     */
+    onFormCancel() {
+        this.formCancel.emit();
+    }
+    /**
+     * Gets the selected file when the file is browsed and on formFileUpload event is triggered.
+     * @param {File | FileList} file
+     */
+    onFormFileUpload(file) {
+        this.file = file;
+    }
+    /**
+     * Gets pre-signed URL to upload the selected file to AWS S3 bucket.
+     * @param {File | FileList} file
+     */
+    getFileUploadPresignedUrl(file, appId) {
+        this.fileUploadService
+            .getFileUploadPresignedUrl(file, appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.fileUploadPresignedUrl = response?.body;
+                if (this.fileUploadPresignedUrl)
+                    this.uploadFileToS3(file);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any, no-unused-vars, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function, no-empty-function
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Uploads the file to AWS S3 bucket and submit the form data to API to create new tenant.
+     * @param {File | FileList} file
+     */
+    uploadFileToS3(file) {
+        this.fileUploadService
+            .uploadFileToS3(this.fileUploadPresignedUrl, file)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+            next: (response) => {
+                this.fileUploadService.setFileUploadStatus(true);
+                // eslint-disable-next-line no-unused-expressions
+                this.tenantFunctionType === TenantFunctionType.EDIT
+                    ? this.editTenant()
+                    : this.createTenant();
+            },
+            // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.fileUploadService.setFileUploadStatus(false);
+                this.sharedService.handleErrors(error, this.createTenantTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Triggers when the color picker values has been changed.
+     * @param {string} color
+     */
+    onColorPickerChange(color) {
+        this.selectedColor = color;
+    }
+    /**
+     * Triggers when the radio option has been changed.
+     * @param {RadioOption} radioOption
+     */
+    onRadioOptionSelected(radioOption) {
+        this.selectedAppTypeOption = radioOption;
+    }
+    /**
+     * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
+     * @memberof CreateTenantApplicationComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateTenantApplicationComponent, deps: [{ token: i2.FileUploadService }, { token: TenantApplicationsService }, { token: i2$1.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateTenantApplicationComponent, isStandalone: true, selector: "ieeesa-create-tenant-application", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createTenantFormGroup\"\r\n  class=\"ieeesa-create-tenant-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createTenantFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateTenantFormSubmit($event)\"\r\n  (formChange)=\"onCreateTenantFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateTenantFormGroupRef($event)\"\r\n  (formFileUpload)=\"onFormFileUpload($event)\"\r\n  (formColorPickerChange)=\"onColorPickerChange($event)\"\r\n  (formRadioOptionSelected)=\"onRadioOptionSelected($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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-dialog.ieeesa-create-tenant,.ieeesa-modal-dialog.ieeesa-edit-tenant{max-width:60vw!important}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-container,.ieeesa-modal-dialog.ieeesa-edit-tenant .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-edit-tenant .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal-title,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal-title{margin-left:15px!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__actions,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field__content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field__content{color:#1c1b1f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo),.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:90%}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-flex,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo),.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "fileUploadStatus", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "isRightButtonNeeded", "actionButtonAlign", "fileDownloadAndDeleteConfig"], 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: CreateTenantApplicationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-create-tenant-application', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createTenantFormGroup\"\r\n  class=\"ieeesa-create-tenant-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createTenantFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateTenantFormSubmit($event)\"\r\n  (formChange)=\"onCreateTenantFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateTenantFormGroupRef($event)\"\r\n  (formFileUpload)=\"onFormFileUpload($event)\"\r\n  (formColorPickerChange)=\"onColorPickerChange($event)\"\r\n  (formRadioOptionSelected)=\"onRadioOptionSelected($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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-dialog.ieeesa-create-tenant,.ieeesa-modal-dialog.ieeesa-edit-tenant{max-width:60vw!important}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-container,.ieeesa-modal-dialog.ieeesa-edit-tenant .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-surface,.ieeesa-modal-dialog.ieeesa-edit-tenant .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-dialog-content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal-title,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal-title{margin-left:15px!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__actions,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field__content,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field__content{color:#1c1b1f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field:has(.mdc-text-field--disabled) .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo),.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:90%}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-flex,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo),.ieeesa-modal-dialog.ieeesa-edit-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:100%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.FileUploadService }, { type: TenantApplicationsService }, { type: i2$1.SharedService }]; }, propDecorators: { dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }], submitFormResponse: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }] } });
+
+class ViewTenantsListComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dialog, 
+    // eslint-disable-next-line no-unused-vars
+    alertService, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantApplicationsService, 
+    // eslint-disable-next-line no-unused-vars
+    router) {
+        this.dialog = dialog;
+        this.alertService = alertService;
+        this.breakpointObserverService = breakpointObserverService;
+        this.sharedService = sharedService;
+        this.tenantApplicationsService = tenantApplicationsService;
+        this.router = router;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        this.viewTenantsConstants = this.constants?.viewTenants;
+        this.isMobileView = false;
+        this.tenantsPageInfo = {
+            tenantsTitle: '',
+        };
+        this.apiBaseURL = '';
+        this.defaultSortedColumn = ViewTenantsColumnSchemaDef.APP_ID;
+        this.createTenant = new EventEmitter();
+        this.viewTenantsDetails = new EventEmitter();
+        this.tableActions = {
+            isPaginationNeeded: true,
+        };
+        this.tableColumns = this.viewTenantsConstants?.tableColumns;
+        this.emptyFieldValueReplacedBy = this.viewTenantsConstants?.emptyFieldValueReplacedBy;
+        this.paginatorConfig = {
+            recordsPerPage: this.viewTenantsConstants?.pageSizeOptions[0],
+            pageSizeOptions: this.viewTenantsConstants.pageSizeOptions,
+            totalRecords: 0,
+        };
+        this.permissionType = PermissionType;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.createTenantScreenTexts = this.constants?.createTenant;
+        this.defaultColumnSortDirection = true;
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result.matches;
+        });
+    }
+    /**
+     * Sets the user permissions, router config path, base API URL, table column schema and gets the tenants list.
+     * @memberof ViewTenantsListComponent
+     */
+    ngOnInit() {
+        this.userTenantsPermissions =
+            this.tenantApplicationsService?.filterPermission(this.userPermissions);
+        this.tenantApplicationsService?.setAppConfig(this.apiBaseURL, this.userPermissions);
+        this.tenantsPageInfo = {
+            tenantsTitle: this.viewTenantsConstants?.tenantsTitle,
+        };
+        this.routePaths = this.routePaths ?? this.constants?.routeConfigPath;
+        this.sharedService?.setRoutePaths(this.routePaths);
+        this.configureTableInfo();
+        this.defaultSortedColumn = this.columnSchema[0].columnDef;
+        this.getTenantsAndInitializeTableView(this.getTenantsPayload());
+    }
+    /**
+     * Validates permission based access for provided feature.
+     * @param {PermissionType} permissionType
+     * @return {boolean}
+     * @memberof ViewTenantsListComponent
+     */
+    validateAccess(permissionType) {
+        return this.tenantApplicationsService.validateAccess(permissionType, this.userTenantsPermissions);
+    }
+    /**
+     * Configures table schema to display the tenants in table view.
+     * @memberof ViewTenantsListComponent
+     */
+    configureTableInfo() {
+        this.columnSchema = [
+            {
+                id: 1,
+                columnDef: ViewTenantsColumnSchemaDef.APP_ID,
+                heading: this.tableColumns?.appId,
+                columnType: TableColumnType.LINK,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appId}`,
+                isSortableColumn: true,
+            },
+            {
+                id: 2,
+                columnDef: ViewTenantsColumnSchemaDef.APP_TITLE,
+                heading: this.tableColumns?.appTitle,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appTitle ?? this.emptyFieldValueReplacedBy}`,
+                isSortableColumn: true,
+            },
+            {
+                id: 3,
+                columnDef: ViewTenantsColumnSchemaDef.APP_DESCRIPTION,
+                heading: this.tableColumns?.appDescription,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appDescription ?? this.emptyFieldValueReplacedBy}`,
+            },
+            {
+                id: 4,
+                columnDef: ViewTenantsColumnSchemaDef.FEATURES,
+                heading: this.tableColumns?.features,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element?.features && element?.features?.length > 0
+                    ? this.formatFeaturesName(element?.features)
+                    : this.emptyFieldValueReplacedBy}`,
+            },
+            {
+                id: 5,
+                columnDef: ViewTenantsColumnSchemaDef.STATUS,
+                heading: this.tableColumns?.status,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.status ? TenantStatus.ACTIVE : TenantStatus.INACTIVE}`,
+            },
+        ];
+    }
+    /**
+     * Format the features name in to single sentence with comma separated.
+     * @memberof ViewTenantsListComponent
+     */
+    formatFeaturesName(features) {
+        return features
+            .map((feature) => {
+            // eslint-disable-next-line no-unused-expressions
+            return feature.featureName;
+        })
+            ?.join(', ');
+    }
+    /**
+     * Fetching details of tenants and initialize table view
+     * @param {GetTenantsPayload} payload
+     * @memberof ViewTenantsListComponent
+     */
+    getTenantsAndInitializeTableView(payload) {
+        this.tenantApplicationsService
+            .getTenantsList(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.tableData = response?.body?.appDetails;
+                this.paginatorConfig.totalRecords = response?.body
+                    ?.totalRecords;
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.errors);
+            },
+        });
+    }
+    /**
+     * Sets the dialog options for create tenant modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof ViewTenantsListComponent
+     */
+    openCreateTenantForm() {
+        this.tenantApplicationsService.setTenantFunctionType(TenantFunctionType.CREATE);
+        const dialogOptions = {
+            heading: this.viewTenantsConstants?.addTenant,
+            isCloseNeeded: true,
+            componentReference: CreateTenantApplicationComponent,
+            modalType: ModalType.FORM,
+        };
+        this.openModal(dialogOptions, 'ieeesa-create-tenant');
+    }
+    /**
+     * Opens modal component with received params and handles form submission success and errors.
+     * @param {*} dialogOptions
+     * @param {string} [className]
+     * @return -returns nothing
+     * @memberof ViewTenantsListComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-inferrable-types, no-unused-vars
+    openModal(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    dialogOptions, className) {
+        className = className ?? '';
+        this.dialogRef = this.dialog?.open(ModalComponent, {
+            data: dialogOptions,
+            width: '',
+            panelClass: ['ieeesa-modal-dialog', className],
+            ariaModal: true,
+        });
+        this.dialogRef?.componentInstance?.submitFormResponse
+            .pipe(takeUntil(this.destroy$))
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any, no-unused-vars
+            .subscribe((result) => {
+            this.dialogRef?.close();
+            const appTitle = this.tenantApplicationsService.getNewTenantInfo?.appTitle;
+            this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${appTitle} ${this.createTenantScreenTexts?.message?.success?.submission}`);
+            this.getTenantsAndInitializeTableView(this.getTenantsPayload());
+        });
+        this.dialogRef?.componentInstance?.formCancel
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.dialogRef?.close();
+        });
+    }
+    /**
+     * Sorts the tenants by application id or title in ascending or descending.
+     * @param {Sort} sort
+     * @memberof ViewTenantsListComponent
+     */
+    onSortTenants(sort) {
+        this.defaultSortedColumn = sort.active;
+        this.defaultColumnSortDirection =
+            sort.direction === TableColumnSortDirection.ASCENDING;
+        this.sortConfig = {
+            sort: sort,
+            isSortedByAscending: this.defaultColumnSortDirection,
+        };
+        this.getTenantsAndInitializeTableView(this.getTenantsPayload());
+    }
+    /**
+     * Constructs and returns the payload for fetching the tenants list.
+     * @returns GetTenantsPayload
+     */
+    getTenantsPayload() {
+        const payload = {
+            payload: {
+                offset: this.pageEvent?.pageIndex
+                    ? this.pageEvent?.pageIndex
+                    : 0,
+                pageSize: this.pageEvent?.pageSize
+                    ? this.pageEvent?.pageSize
+                    : this.paginatorConfig?.recordsPerPage,
+                sortedBy: this.sortConfig?.sort?.active
+                    ? this.sortConfig?.sort?.active
+                    : ViewTenantsColumnSchemaDef.APP_ID,
+                sortedOrderBy: this.filterSortedOrderBy(this.sortConfig?.isSortedByAscending
+                    ? this.sortConfig?.isSortedByAscending
+                    : this.defaultColumnSortDirection),
+            },
+        };
+        return payload;
+    }
+    /**
+     * Returning sorting order according to column definition.
+     * @param defaultColumnSortDirection
+     * @returns SortOrderBy.ASC | SortOrderBy.DESC
+     */
+    filterSortedOrderBy(defaultColumnSortDirection) {
+        return defaultColumnSortDirection ? SortOrderBy.ASC : SortOrderBy.DESC;
+    }
+    /**
+     * Get the the records according to pagination.
+     *  @param {{
+     *     pageOffset: number;
+     *     pageLimit: number;
+     *   }} pageEvent
+     * @memberof ViewTenantsListComponent
+     */
+    onTablePaginationChange(pageEvent) {
+        this.pageEvent = pageEvent;
+        this.getTenantsAndInitializeTableView(this.getTenantsPayload());
+    }
+    /**
+     * Navigates to view tenants detail component.
+     * @param {{tenantInfo: TenantBasicInfo}}
+     * @memberof ViewTenantsListComponent
+     */
+    navigateToViewTenantDetails(tenantInfo) {
+        if (tenantInfo) {
+            this.tenantApplicationsService.setSelectedTenantInformation(tenantInfo);
+        }
+        if (this.routePaths?.viewTenantDetails)
+            this.router.navigate([this.routePaths?.viewTenantDetails], { queryParams: { id: tenantInfo?.appId } });
+        else
+            this.viewTenantsDetails.emit(tenantInfo);
+    }
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantsListComponent
+     * @return -returns nothing
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, deps: [{ token: i1.MatDialog }, { token: i4.AlertsService }, { token: i2.BreakpointObserverService }, { token: i2$1.SharedService }, { token: TenantApplicationsService }, { token: i6.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantsListComponent, isStandalone: true, selector: "ieeesa-view-tenants-list", inputs: { tenantsPageInfo: "tenantsPageInfo", apiBaseURL: "apiBaseURL", routePaths: "routePaths", userPermissions: "userPermissions", defaultSortedColumn: "defaultSortedColumn" }, outputs: { createTenant: "createTenant", viewTenantsDetails: "viewTenantsDetails" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenants-list\"\r\n  [ngClass]=\"{ 'ieeesa-view-tenants-list__mobile': isMobileView }\"\r\n>\r\n  <p class=\"ieeesa-headline-lg-32 py-3 mb-0\">\r\n    {{ tenantsPageInfo.tenantsTitle }}\r\n  </p>\r\n  <div class=\"ieeesa-view-tenants-list__content\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button me-3\"\r\n        [attr.aria-label]=\"viewTenantsConstants?.ariaLabel?.add\"\r\n        (click)=\"openCreateTenantForm()\"\r\n        *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n      >\r\n        {{ viewTenantsConstants?.addTenant }}\r\n      </button>\r\n    </div>\r\n    <ieeesa-data-table\r\n      [tableDataInfo]=\"tableData\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [isCellTextOverflowEllipsis]=\"true\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [defaultSortedColumn]=\"defaultSortedColumn\"\r\n      (sortChange)=\"onSortTenants($event)\"\r\n      (paginationChange)=\"onTablePaginationChange($event)\"\r\n      (rowLink)=\"navigateToViewTenantDetails($event)\"\r\n    ></ieeesa-data-table>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-view-tenants-list{background-color:#f2f2f2;padding:0 24px 48px}.ieeesa-view-tenants-list__mobile{background-color:#fff}.ieeesa-view-tenants-list__content{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:24px 0}.ieeesa-view-tenants-list__content .cdk-column-appId{min-width:9em;max-width:9em}.ieeesa-view-tenants-list__content .cdk-column-appTitle{min-width:10em;max-width:10em}.ieeesa-view-tenants-list__content .cdk-column-appDescription{min-width:20.25em;max-width:20.25em}.ieeesa-view-tenants-list__content .cdk-column-features{min-width:17em;max-width:17em}.ieeesa-view-tenants-list .ieeesa-data-table__pagination-container{padding-left:11px;padding-right:11px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "pageIndex", "pageSize", "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", "minCharToSearch", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-view-tenants-list', standalone: true, imports: [CommonModule, MatButtonModule, DataTableComponent], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-view-tenants-list\"\r\n  [ngClass]=\"{ 'ieeesa-view-tenants-list__mobile': isMobileView }\"\r\n>\r\n  <p class=\"ieeesa-headline-lg-32 py-3 mb-0\">\r\n    {{ tenantsPageInfo.tenantsTitle }}\r\n  </p>\r\n  <div class=\"ieeesa-view-tenants-list__content\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button me-3\"\r\n        [attr.aria-label]=\"viewTenantsConstants?.ariaLabel?.add\"\r\n        (click)=\"openCreateTenantForm()\"\r\n        *ngIf=\"validateAccess(permissionType.MANAGE_TENANT)\"\r\n      >\r\n        {{ viewTenantsConstants?.addTenant }}\r\n      </button>\r\n    </div>\r\n    <ieeesa-data-table\r\n      [tableDataInfo]=\"tableData\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [isCellTextOverflowEllipsis]=\"true\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [defaultSortedColumn]=\"defaultSortedColumn\"\r\n      (sortChange)=\"onSortTenants($event)\"\r\n      (paginationChange)=\"onTablePaginationChange($event)\"\r\n      (rowLink)=\"navigateToViewTenantDetails($event)\"\r\n    ></ieeesa-data-table>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-view-tenants-list{background-color:#f2f2f2;padding:0 24px 48px}.ieeesa-view-tenants-list__mobile{background-color:#fff}.ieeesa-view-tenants-list__content{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:24px 0}.ieeesa-view-tenants-list__content .cdk-column-appId{min-width:9em;max-width:9em}.ieeesa-view-tenants-list__content .cdk-column-appTitle{min-width:10em;max-width:10em}.ieeesa-view-tenants-list__content .cdk-column-appDescription{min-width:20.25em;max-width:20.25em}.ieeesa-view-tenants-list__content .cdk-column-features{min-width:17em;max-width:17em}.ieeesa-view-tenants-list .ieeesa-data-table__pagination-container{padding-left:11px;padding-right:11px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i4.AlertsService }, { type: i2.BreakpointObserverService }, { type: i2$1.SharedService }, { type: TenantApplicationsService }, { type: i6.Router }]; }, propDecorators: { tenantsPageInfo: [{
+                type: Input
+            }], apiBaseURL: [{
+                type: Input
+            }], routePaths: [{
+                type: Input
+            }], userPermissions: [{
+                type: Input
+            }], defaultSortedColumn: [{
+                type: Input
+            }], createTenant: [{
+                type: Output
+            }], viewTenantsDetails: [{
+                type: Output
+            }] } });
+
+var FeaturePermissionId;
+(function (FeaturePermissionId) {
+    // eslint-disable-next-line no-unused-vars
+    FeaturePermissionId["MEETINGS_AND_EVENTS"] = "FEATURE_049753e8-ea5c-4fad-adb0-e1456e69c7a5";
+    // eslint-disable-next-line no-unused-vars
+    FeaturePermissionId["BALLOTS"] = "FEATURE_a0ad3616-20dc-43da-813f-9b76d33f227a";
+})(FeaturePermissionId || (FeaturePermissionId = {}));
+
+class TenantBasicDetailsComponent {
+    set tenantDetails(value) {
+        this.basicInfo = value;
+        this.logo = this.basicInfo?.appLogo;
+        this.selectedAppType = this.basicInfo?.appType;
+        if (this.basicInfo) {
+            this.getAppType();
+            this.getFileDownloadPresignedUrls(this.logo);
+        }
+    }
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    fileUploadService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService) {
+        this.tenantAppService = tenantAppService;
+        this.breakpointObserverService = breakpointObserverService;
+        this.fileUploadService = fileUploadService;
+        this.sharedService = sharedService;
+        this.destroy$ = new Subject();
+        this.isMobileView = false;
+        this.constants = screenText;
+        this.basicDetailTexts = this.constants?.viewTenants?.tenantBasicDetails?.label;
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result?.matches;
+        });
+        this.tenantAppService.getApplicationType();
+        this.fileUploadService.setApiBaseUrl(this.tenantAppService?.apiBaseUrl);
+    }
+    /**
+     * Gets the application types.
+     * @memberof TenantBasicDetailsComponent
+     */
+    getAppType() {
+        const appTypes = this.tenantAppService.getApplicationType();
+        if (this.basicInfo) {
+            const selectedType = appTypes?.find(({ id }) => id === this.basicInfo?.appType);
+            this.selectedAppTypeLabel = selectedType?.label;
+        }
+    }
+    /**
+     * Retrieves presigned URL for downloading files from Amazon S3 bucket.
+     * @memberof TenantBasicDetailsComponent
+     */
+    getFileDownloadPresignedUrls(fileName) {
+        this.fileUploadService
+            .getFileDownloadPresignedUrls(fileName)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            next: (response) => {
+                this.imageUrl = response?.body;
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantDetailsComponent
+     */
+    ngOnDestroy() {
+        this.destroy$?.next(true);
+        this.destroy$?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantBasicDetailsComponent, deps: [{ token: TenantApplicationsService }, { token: i2.BreakpointObserverService }, { token: i2.FileUploadService }, { token: i2$1.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TenantBasicDetailsComponent, isStandalone: true, selector: "ieeesa-tenant-basic-details", inputs: { tenantDetails: "tenantDetails" }, ngImport: i0, template: "<div *ngIf=\"basicInfo\" class=\"ieeesa-tenant-basic-info d-flex flex-start flex-column\">\r\n  <p class=\"ieeesa-body-color-sm-14 mb-0\">{{ basicDetailTexts.title }}</p>\r\n  <p class=\"ieeesa-body-md-16\">{{ basicInfo.appTitle }}</p>\r\n  <p class=\"ieeesa-body-color-sm-14 mb-2\">{{ basicDetailTexts.logo }}</p>\r\n  <ng-container>\r\n    <ieeesa-image-preview\r\n      class=\"pb-3\"\r\n      [imageUrl]=\"imageUrl\"\r\n    ></ieeesa-image-preview>\r\n  </ng-container>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.heading\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appHeading }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.description\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16 me-4\">{{ basicInfo.appDescription }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-2\">{{\r\n    basicDetailTexts.bgColor\r\n  }}</span>\r\n  <p\r\n    class=\"ieeesa-tenant-basic-info__bgColor\"\r\n    [ngStyle]=\"{ 'background-color': basicInfo.backgroundColor }\"\r\n  ></p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.helpLink\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appHelpLink }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.listOfFeatures\r\n  }}</span>\r\n  <ul [ngClass]=\"isMobileView ? '' : 'd-flex gap-5'\">\r\n    <li class=\"ieeesa-body-md-16\" *ngFor=\"let feature of basicInfo.features\">\r\n      {{ feature?.featureName }}\r\n    </li>\r\n  </ul>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.domainURL\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appDomainUrl }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{ basicDetailTexts.type }}</span>\r\n  <p class=\"ieeesa-body-md-16\">{{ selectedAppTypeLabel }}</p>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-tenant-basic-info .ieeesa-body-color-sm-14{color:#63666a!important}.ieeesa-tenant-basic-info__bgColor{width:1.85em;height:1.85em;border:1px solid #fffbfe}.ieeesa-tenant-basic-info .ieeesa-body-md-16,.ieeesa-tenant-basic-info .ieeesa-title-sm-16{color:#1c1b1f!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ImagePreviewComponent, selector: "ieeesa-image-preview", inputs: ["imageAltText", "imageUrl"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantBasicDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-tenant-basic-details', standalone: true, imports: [CommonModule, ImagePreviewComponent], encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"basicInfo\" class=\"ieeesa-tenant-basic-info d-flex flex-start flex-column\">\r\n  <p class=\"ieeesa-body-color-sm-14 mb-0\">{{ basicDetailTexts.title }}</p>\r\n  <p class=\"ieeesa-body-md-16\">{{ basicInfo.appTitle }}</p>\r\n  <p class=\"ieeesa-body-color-sm-14 mb-2\">{{ basicDetailTexts.logo }}</p>\r\n  <ng-container>\r\n    <ieeesa-image-preview\r\n      class=\"pb-3\"\r\n      [imageUrl]=\"imageUrl\"\r\n    ></ieeesa-image-preview>\r\n  </ng-container>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.heading\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appHeading }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.description\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16 me-4\">{{ basicInfo.appDescription }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-2\">{{\r\n    basicDetailTexts.bgColor\r\n  }}</span>\r\n  <p\r\n    class=\"ieeesa-tenant-basic-info__bgColor\"\r\n    [ngStyle]=\"{ 'background-color': basicInfo.backgroundColor }\"\r\n  ></p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.helpLink\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appHelpLink }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.listOfFeatures\r\n  }}</span>\r\n  <ul [ngClass]=\"isMobileView ? '' : 'd-flex gap-5'\">\r\n    <li class=\"ieeesa-body-md-16\" *ngFor=\"let feature of basicInfo.features\">\r\n      {{ feature?.featureName }}\r\n    </li>\r\n  </ul>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{\r\n    basicDetailTexts.domainURL\r\n  }}</span>\r\n  <p class=\"ieeesa-title-sm-16\">{{ basicInfo.appDomainUrl }}</p>\r\n  <span class=\"ieeesa-body-color-sm-14 mb-0\">{{ basicDetailTexts.type }}</span>\r\n  <p class=\"ieeesa-body-md-16\">{{ selectedAppTypeLabel }}</p>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-tenant-basic-info .ieeesa-body-color-sm-14{color:#63666a!important}.ieeesa-tenant-basic-info__bgColor{width:1.85em;height:1.85em;border:1px solid #fffbfe}.ieeesa-tenant-basic-info .ieeesa-body-md-16,.ieeesa-tenant-basic-info .ieeesa-title-sm-16{color:#1c1b1f!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: TenantApplicationsService }, { type: i2.BreakpointObserverService }, { type: i2.FileUploadService }, { type: i2$1.SharedService }]; }, propDecorators: { tenantDetails: [{
+                type: Input
+            }] } });
+
+class CreateModifyRoleComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // eslint-disable-next-line no-unused-vars
+    globalErrorHandlerService // eslint-disable-next-line no-empty-function
+    ) {
+        this.tenantAppService = tenantAppService;
+        this.sharedService = sharedService;
+        this.globalErrorHandlerService = globalErrorHandlerService;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        this.createRoleTexts = this.constants?.createRole;
+        this.leftButtonLabel = this.createRoleTexts?.label?.leftButtonLabel;
+        this.rightButtonLabel = this.createRoleTexts?.label?.rightButtonLabel;
+        this.colWidth = { xs: 12, xl: 12, sm: 12, md: 12, lg: 12 };
+        this.actionButtonAlign = AlignType.LEFT;
+        this.submitFormResponse = new EventEmitter();
+        this.formCancel = new EventEmitter();
+    }
+    ngOnInit() {
+        this.tenantFunctionType = this.tenantAppService?.getTenantFunctionType();
+        this.selectedTenantInfo =
+            this.tenantAppService?.getSelectedTenantInformation();
+        this.roleTypeOptions =
+            this.tenantAppService?.getRoleTypeOption();
+        this.selectedRoleDetails =
+            this.tenantAppService?.getSelectedRoleInformation();
+        if (this.selectedRoleDetails) {
+            this.selectedRole = this.tenantAppService?.roles?.find(({ roleId }) => roleId === this.selectedRoleDetails?.roleId);
+        }
+        this.initializeCreateRoleFormGroup();
+    }
+    /**
+     * Constructs and returns the role type form field based on credit or edit role.
+     * @return {FieldConfig} -role type form field.
+     * @memberof CreateModifyRoleComponent
+     */
+    getRoleTypeField() {
+        let roleTypeField;
+        if (this.tenantFunctionType === TenantFunctionType.EDIT_ROLE) {
+            roleTypeField = {
+                type: FormControlType?.TEXT_AREA,
+                label: this.createRoleTexts?.label?.roleType,
+                controlName: 'roleType',
+                isReadonly: true,
+                value: this.selectedRole?.roleTypeName,
+                ariaMultiline: false,
+                ariaLabel: this.createRoleTexts?.label?.ariaLabel?.roleType,
+                ariaDescribedById: this.createRoleTexts?.label?.ariaDescribedById?.roleType,
+                isResize: true,
+            };
+        }
+        else {
+            roleTypeField = {
+                type: FormControlType?.SELECT,
+                label: this.createRoleTexts?.label?.roleType + '*',
+                controlName: 'roleType',
+                isSortNeeded: false,
+                value: '',
+                validation: [Validators.required],
+                dropdownOptions: this.roleTypeOptions,
+                supportMessage: this.createRoleTexts?.supportText?.roleType,
+                requiredErrorMessage: this.createRoleTexts?.message?.error?.required,
+                ariaLabel: this.createRoleTexts?.label?.ariaLabel?.roleType,
+                ariaDescribedById: this.createRoleTexts?.label?.ariaDescribedById?.roleType,
+            };
+        }
+        return roleTypeField;
+    }
+    /**
+     * Initialize the create/edit role form group array.
+     * @memberof CreateModifyRoleComponent
+     */
+    initializeCreateRoleFormGroup() {
+        this.createRoleFormGroup = {
+            formGroup: [
+                {
+                    legend: '',
+                    controls: [
+                        {
+                            type: FormControlType.TEXT_AREA,
+                            label: this.createRoleTexts?.label?.appTitle,
+                            controlName: 'appTitle',
+                            value: this.selectedTenantInfo?.appTitle,
+                            ariaLabel: this.createRoleTexts?.label?.ariaLabel?.appTitle,
+                            ariaDescribedById: this.createRoleTexts?.label?.ariaDescribedById?.appTitle,
+                            isReadonly: true,
+                            ariaMultiline: false,
+                            isResize: true,
+                        },
+                        this.getRoleTypeField(),
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createRoleTexts?.label?.roleName + '*',
+                            controlName: 'roleName',
+                            value: this.tenantFunctionType === TenantFunctionType.EDIT_ROLE
+                                ? this.selectedRole?.roleName
+                                : '',
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(RolesValidation.roleNameMaxLength),
+                            ],
+                            supportMessage: this.createRoleTexts?.supportText?.roleName,
+                            requiredErrorMessage: this.createRoleTexts?.message?.error?.required,
+                            maxErrorMessage: this.createRoleTexts?.message?.error?.limit?.roleNameMaxChars,
+                            ariaLabel: this.createRoleTexts?.label?.ariaLabel?.roleName,
+                            ariaDescribedById: this.createRoleTexts?.label?.ariaDescribedById?.roleName,
+                        },
+                    ],
+                },
+            ],
+        };
+    }
+    /**
+     * Gets create/edit role form group reference.
+     * @param {FormGroup[]} form
+     * @memberof CreateModifyRoleComponent
+     */
+    getCreateModifyRoleFormGroupRef(form) {
+        this.createModifyRoleFormGroupRef = form[0];
+    }
+    /**
+     * Updates createModifyRoleFormGroupRef on add role form change event.
+     * @param {FormGroup[]} form
+     * @memberof CreateModifyRoleComponent
+     */
+    onCreateModifyRoleFormChange(form) {
+        this.createModifyRoleFormGroupRef = form[0];
+    }
+    /**
+     * Creates a new role on form submission and the form is valid.
+     * @param {FormGroup[]} form
+     * @memberof CreateModifyRoleComponent
+     */
+    onCreateModifyRoleFormSubmit(form) {
+        form[0]?.markAllAsTouched();
+        if (form[0].status === FormStatus.VALID) {
+            this.createModifyRolePayload = this.getCreateModifyRolePayload(form[0].getRawValue());
+            // eslint-disable-next-line no-unused-expressions
+            this.tenantFunctionType === TenantFunctionType.EDIT_ROLE
+                ? this.editRole()
+                : this.createRole();
+        }
+    }
+    /**
+     * Constructs create/edit role payload from the form data and returns.
+     * @param {*} formData
+     * @return {CreateModifyRoleRequestPayload}
+     * @memberof CreateModifyRoleComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getCreateModifyRolePayload(formData) {
+        const payload = {
+            payload: {
+                appId: this.selectedTenantInfo?.appId,
+                roleName: formData?.roleName,
+            },
+        };
+        if (this.tenantFunctionType === TenantFunctionType.EDIT_ROLE) {
+            payload.payload.roleId = this.selectedRole?.roleId;
+        }
+        else {
+            payload.payload.roleType = formData?.roleType?.id;
+        }
+        return payload;
+    }
+    /**
+     * Post the creates new role form data to the server on form submission to create a new role.
+     * @param {CreateRoleRequestPayload} createModifyRolePayload
+     * @memberof CreateModifyRoleComponent
+     */
+    createRole() {
+        this.tenantAppService
+            .createRole(this.createModifyRolePayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response.status) {
+                    this.tenantAppService.setNewlyCreatedRoleInfo(this.createModifyRolePayload?.payload);
+                    this.submitFormResponse.emit(response);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Post the edited role form data to server on form submission to update the selected role information.
+     * @param {CreateModifyRoleRequestPayload} createModifyRolePayload
+     * @memberof CreateModifyRoleComponent
+     */
+    editRole() {
+        this.tenantAppService
+            .editRole(this.createModifyRolePayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response.status) {
+                    this.tenantAppService.setNewlyCreatedRoleInfo(this.createModifyRolePayload?.payload);
+                    this.submitFormResponse.emit(response);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.handleErrors(error);
+            },
+        });
+    }
+    /**
+     * Captures the server side errors and handles it based on the custom or Http errors.
+     * @param {HttpErrorResponse} error
+     * @return -returns nothing
+     * @memberof CreateModifyRoleComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handleErrors(error) {
+        const errorCodes = error?.error?.body?.errorCodes;
+        if (Array.isArray(errorCodes) && !error?.error?.status) {
+            if (errorCodes[0] === '3012') {
+                const roleName = this.createModifyRolePayload?.payload?.roleName;
+                const errorMessage = this.sharedService?.parseErrorMessage(errorCodes, this.createRoleTexts?.errors);
+                this.sharedService.showAlertMessage(AlertType.ERROR, `${roleName} ${errorMessage}`);
+            }
+        }
+        else if (error && error instanceof HttpErrorResponse) {
+            this.globalErrorHandlerService?.handleError(error);
+        }
+    }
+    /**
+     * Emits form cancel event.
+     * @memberof CreateModifyRoleComponent
+     */
+    onFormCancel() {
+        this.formCancel.emit();
+    }
+    /**
+     * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
+     * @memberof CreateModifyRoleComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateModifyRoleComponent, deps: [{ token: TenantApplicationsService }, { token: i2$1.SharedService }, { token: i4.GlobalErrorHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateModifyRoleComponent, isStandalone: true, selector: "ieeesa-create-modify-role", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createRoleFormGroup\"\r\n  class=\"ieeesa-create-role-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateModifyRoleFormSubmit($event)\"\r\n  (formChange)=\"onCreateModifyRoleFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateModifyRoleFormGroupRef($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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-dialog.ieeesa-create-modify-role{width:40vw!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-modify-role .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .mat-mdc-dialog-content{padding:.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field__label-top{min-height:6.25em!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field{width:70%}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]),.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){padding-top:0;margin-bottom:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-input-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-input-field .mat-mdc-form-field-subscript-wrapper{display:none!important}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form__form-field{width:100%}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .ieeesa-select-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .mat-mdc-form-field-flex{width:100%!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "fileUploadStatus", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "isRightButtonNeeded", "actionButtonAlign", "fileDownloadAndDeleteConfig"], 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: CreateModifyRoleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-create-modify-role', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createRoleFormGroup\"\r\n  class=\"ieeesa-create-role-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createRoleFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateModifyRoleFormSubmit($event)\"\r\n  (formChange)=\"onCreateModifyRoleFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateModifyRoleFormGroupRef($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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-modal-dialog.ieeesa-create-modify-role{width:40vw!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-modify-role .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .mat-mdc-dialog-content{padding:.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field__label-top{min-height:6.25em!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field{width:70%}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-select-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-input-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none!important}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]),.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]){padding-top:0;margin-bottom:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay{background:#fff;padding:0;border:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mat-mdc-form-field-focus-overlay .mat-mdc-form-field-infix{min-height:2.375em;padding-top:.0625em;padding-bottom:.375em}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .app-title.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:before,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-modal .ieeesa-dynamic-form .role-type.ieeesa-dynamic-form__form-field:has(.mat-mdc-input-element[readonly=true]) .ieeesa-text-area-field .mat-mdc-form-field .mdc-line-ripple:after{border:0}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-input-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-input-field .mat-mdc-form-field-subscript-wrapper{display:none!important}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form__form-field{width:100%}.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .ieeesa-select-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .ieeesa-input-field,.ieeesa-modal-dialog.ieeesa-create-modify-role .ieeesa-dynamic-form .mat-mdc-form-field-flex{width:100%!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: TenantApplicationsService }, { type: i2$1.SharedService }, { type: i4.GlobalErrorHandlerService }]; }, propDecorators: { dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }], submitFormResponse: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }] } });
+
+/* eslint-disable no-unused-vars */
+var RoleMenuAction;
+(function (RoleMenuAction) {
+    RoleMenuAction[RoleMenuAction["EDIT_ROLE"] = 1] = "EDIT_ROLE";
+    RoleMenuAction[RoleMenuAction["DELETE_ROLE"] = 2] = "DELETE_ROLE";
+})(RoleMenuAction || (RoleMenuAction = {}));
+
+/* eslint-disable no-unused-vars */
+var RoleAndPermissionsTableType;
+(function (RoleAndPermissionsTableType) {
+    RoleAndPermissionsTableType["ROLE"] = "ROLE";
+    RoleAndPermissionsTableType["PERMISSION"] = "PERMISSION";
+})(RoleAndPermissionsTableType || (RoleAndPermissionsTableType = {}));
+
+class RolesAndPermissionsMappingComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars, no-empty-function, @typescript-eslint/no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // 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.elementRef = elementRef;
+        this.formUtilityService = formUtilityService;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.mapRolesAndPermissionsScreenTexts = this.constants?.mapRolesAndPermissions;
+        this.colWidth = { xs: 12, xl: 6, sm: 12, md: 12, lg: 6 };
+        this.actionButtonAlign = AlignType.MIDDLE;
+        this.leftButtonLabel = this.mapRolesAndPermissionsScreenTexts?.label?.leftButtonLabel;
+        this.rightButtonLabel = this.mapRolesAndPermissionsScreenTexts?.label?.rightButtonLabel;
+        this.roles = [];
+        this.permissions = [];
+        this.destroy$ = new Subject();
+        this.tableColumnSchema = [];
+        this.tableData = [];
+        this.modifiedRolesAndPermissionsMapping = [];
+        this.tableHeading = '';
+        this.rolePermissionMappingPayload = {
+            payload: {
+                appId: '',
+                permissionId: null,
+                roleId: null,
+            },
+        };
+        this.formCancel = new EventEmitter();
+    }
+    /**
+     * Initializes form group and all the page defaults.
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    ngOnInit() {
+        this.appId = this.tenantAppService.getSelectedTenantInformation()
+            ?.appId;
+        this.formGroup = {
+            formGroup: [
+                {
+                    legend: this.mapRolesAndPermissionsScreenTexts?.legend,
+                    controls: [
+                        {
+                            controlName: 'role',
+                            label: this.mapRolesAndPermissionsScreenTexts?.label?.role,
+                            type: FormControlType.SELECT,
+                            dropdownOptions: this.roles,
+                            supportMessage: this.mapRolesAndPermissionsScreenTexts?.supportText?.role,
+                            ariaLabel: this.mapRolesAndPermissionsScreenTexts?.label?.ariaLabel?.role,
+                            ariaDescribedById: this.mapRolesAndPermissionsScreenTexts?.label?.ariaDescribedById
+                                ?.role,
+                        },
+                        {
+                            controlName: 'permission',
+                            label: this.mapRolesAndPermissionsScreenTexts?.label?.permission,
+                            type: FormControlType.SELECT,
+                            dropdownOptions: this.permissions,
+                            supportMessage: this.mapRolesAndPermissionsScreenTexts?.supportText?.permission,
+                            ariaLabel: this.mapRolesAndPermissionsScreenTexts?.label?.ariaLabel
+                                ?.permission,
+                            ariaDescribedById: this.mapRolesAndPermissionsScreenTexts?.label?.ariaDescribedById
+                                ?.permission,
+                        },
+                    ],
+                },
+            ],
+        };
+        this.getRoles();
+        this.getPermissions();
+        this.sharedService.isAlertClosed
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            const alertModals = document.querySelectorAll('.cdk-overlay-container ieeesa-alert');
+            if (alertModals.length) {
+                document.querySelector('.cdk-overlay-container .mat-mdc-dialog-content .ieeesa-alert-box__close-button')?.focus();
+            }
+            else {
+                this.elementRef.nativeElement.querySelector('.cdk-overlay-container .mat-mdc-dialog-content .ieeesa-select-field mat-select')?.focus();
+            }
+        });
+    }
+    /**
+     * Constructs the role or permission table schema to display the associated mapping in a table view.
+     * @param {FormGroup[]} formGroups
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    onRoleOrPermissionSelected(formGroups) {
+        this.tableColumnSchema = [];
+        this.modifiedRolesAndPermissionsMapping = [];
+        const formGroup = formGroups[0];
+        const role = formGroup.get('role')?.value;
+        const permission = formGroup.get('permission')?.value;
+        if (role) {
+            this.selectedRole = {
+                roleId: role.id,
+                roleName: role.name,
+            };
+            this.rolePermissionMappingPayload.payload.roleId = role?.id;
+        }
+        if (permission) {
+            this.selectedPermission = {
+                permissionId: permission.id,
+                permissionName: permission.name,
+            };
+            this.rolePermissionMappingPayload.payload.permissionId = permission?.id;
+        }
+        this.rolePermissionMappingPayload.payload.appId = this.appId;
+        if ((role && permission) || role) {
+            this.tableHeading = `${this.mapRolesAndPermissionsScreenTexts?.roleTableCaption}<strong>${role?.name}</strong>`;
+            this.tableColumnSchema.push({
+                id: 1,
+                columnDef: 'permission',
+                heading: this.mapRolesAndPermissionsScreenTexts.tableColumns.permission,
+                columnType: TableColumnType.TEXT,
+                cellData: (permissionMapping) => permissionMapping?.roleOrPermissionName,
+            });
+        }
+        else {
+            this.tableColumnSchema.push({
+                id: 1,
+                columnDef: 'role',
+                heading: this.mapRolesAndPermissionsScreenTexts.tableColumns.role,
+                columnType: TableColumnType.TEXT,
+                cellData: (roleMapping) => roleMapping?.roleOrPermissionName,
+            });
+        }
+        if (permission) {
+            const permissionHeading = `${this.mapRolesAndPermissionsScreenTexts?.permissionTableCaption}<strong>${permission?.name}</strong>`;
+            this.tableHeading = role
+                ? this.tableHeading + `</br>` + permissionHeading
+                : permissionHeading;
+        }
+        this.tableColumnSchema.push({
+            id: 2,
+            columnDef: 'slideToggle',
+            heading: this.mapRolesAndPermissionsScreenTexts.tableColumns.status,
+            columnType: TableColumnType.SLIDE_TOGGLE,
+            cellData: (roleMapping) => {
+                return {
+                    id: Math.floor(Math.random() * 1000) + 1,
+                    label: '',
+                    ariaLabel: roleMapping.roleOrPermissionName,
+                    checked: roleMapping.status,
+                };
+            },
+        });
+        this.dynamicFormComponent.isSubmitButtonDisabled = true;
+        this.getRolePermissionMapping(this.rolePermissionMappingPayload);
+    }
+    /**
+     * Gets the list of roles and displayed in the role dropdown.
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    getRoles() {
+        this.tenantAppService
+            .getRoles(this.appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    const rolesList = response?.body;
+                    rolesList.map((role) => {
+                        this.roles.push({
+                            id: role.roleId,
+                            name: role.roleName,
+                        });
+                    });
+                    this.formUtilityService.updateFormControlOptions('role', 'dropdownOptions', this.roles, this.dynamicFormComponent);
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.mapRolesAndPermissionsScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Gets the list of permissions and displayed in the permission dropdown.
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    getPermissions() {
+        this.tenantAppService
+            .getPermissions(this.appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    const permissionsList = response?.body;
+                    permissionsList.map((permission) => {
+                        this.permissions.push({
+                            id: permission.permissionId,
+                            name: permission.permissionName,
+                        });
+                    });
+                    this.formUtilityService.updateFormControlOptions('permission', 'dropdownOptions', this.permissions, this.dynamicFormComponent);
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.mapRolesAndPermissionsScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Gets the list of mapped roles/permissions from the backend api.
+     * @param {RolePermissionMappingRequestPayload} payload
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    getRolePermissionMapping(payload) {
+        this.tableData = [];
+        this.tenantAppService
+            .getRolePermissionMapping(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                const payloadInfo = payload.payload;
+                if (payloadInfo?.roleId && payloadInfo?.permissionId) {
+                    this.tableData.push({
+                        roleOrPermissionName: this.selectedPermission?.permissionName,
+                        roleOrPermissionId: this.selectedPermission?.permissionId,
+                        status: true,
+                    });
+                }
+                else if (payloadInfo?.roleId) {
+                    this.setTableData(this.permissions, response.body, RoleAndPermissionsTableType.PERMISSION);
+                }
+                else {
+                    this.setTableData(this.roles, response.body, RoleAndPermissionsTableType.ROLE);
+                }
+            },
+            error: (error) => {
+                const errorCodes = error?.error?.body?.errorCodes;
+                // Returns error code 3020 when mapped roles does not exist for given permission id.
+                if (errorCodes.includes('3020')) {
+                    this.setTableData(this.roles, [], RoleAndPermissionsTableType.ROLE);
+                }
+                // Returns error code 3021 when mapped permissions does not exist for given role id.
+                else if (errorCodes.includes('3021')) {
+                    this.setTableData(this.permissions, [], RoleAndPermissionsTableType.PERMISSION);
+                }
+                // Returns error code 3017 when role permission mapping does not exist for given role id.
+                else if (errorCodes.includes('3017')) {
+                    this.tableData.push({
+                        roleOrPermissionName: this.selectedPermission?.permissionName,
+                        roleOrPermissionId: this.selectedPermission?.permissionId,
+                        status: false,
+                    });
+                }
+                else
+                    this.sharedService.handleErrors(error, this.mapRolesAndPermissionsScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Displaying the mapped roles and permissions data into the data table.
+     * @param {SelectOption[]} roleOrPermissions
+     * @param {RoleDetails[] | Permission[]} mappedRoleOrPermissions
+     * @param {RoleAndPermissionsTableType} tableType
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    setTableData(roleOrPermissions, mappedRoleOrPermissions, tableType) {
+        roleOrPermissions.map((roleOrPermission) => {
+            this.tableData.push({
+                roleOrPermissionName: roleOrPermission.name,
+                roleOrPermissionId: roleOrPermission.id,
+                status: tableType === RoleAndPermissionsTableType.ROLE
+                    ? mappedRoleOrPermissions.length > 0 &&
+                        mappedRoleOrPermissions.some((mappedRoleOrPermission) => mappedRoleOrPermission.roleId === roleOrPermission.id)
+                    : mappedRoleOrPermissions.length > 0 &&
+                        mappedRoleOrPermissions.some((mappedRoleOrPermission) => mappedRoleOrPermission.permissionId === roleOrPermission.id),
+            });
+        });
+    }
+    /**
+     * Constructs the payload based on the roles and permissions mapping (selection or deselection).
+     * @param roleOrPermissionStatus
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    roleOrPermissionStatusChange(roleOrPermissionStatus) {
+        if ((this.selectedRole?.roleId && this.selectedPermission?.permissionId) ||
+            this.selectedRole?.roleId) {
+            if (this.modifiedRolesAndPermissionsMapping.find((permission) => permission.permissionId ===
+                roleOrPermissionStatus.rowData.roleOrPermissionId)) {
+                this.modifiedRolesAndPermissionsMapping.splice(this.modifiedRolesAndPermissionsMapping.findIndex((permission) => permission.permissionId ===
+                    roleOrPermissionStatus.rowData.roleOrPermissionId), 1);
+            }
+            else {
+                this.modifiedRolesAndPermissionsMapping.push({
+                    roleId: this.selectedRole.roleId,
+                    permissionId: roleOrPermissionStatus.rowData.roleOrPermissionId,
+                    appId: this.appId,
+                    status: roleOrPermissionStatus.slideToggle.checked,
+                });
+            }
+        }
+        else if (this.selectedPermission?.permissionId) {
+            if (this.modifiedRolesAndPermissionsMapping.find((role) => role.roleId === roleOrPermissionStatus.rowData.roleOrPermissionId)) {
+                this.modifiedRolesAndPermissionsMapping.splice(this.modifiedRolesAndPermissionsMapping.findIndex((role) => role.roleId === roleOrPermissionStatus.rowData.roleOrPermissionId), 1);
+            }
+            else {
+                this.modifiedRolesAndPermissionsMapping.push({
+                    roleId: roleOrPermissionStatus.rowData.roleOrPermissionId,
+                    permissionId: this.selectedPermission.permissionId,
+                    appId: this.appId,
+                    status: roleOrPermissionStatus.slideToggle.checked,
+                });
+            }
+        }
+        this.dynamicFormComponent.isSubmitButtonDisabled =
+            !this.modifiedRolesAndPermissionsMapping.length;
+    }
+    /**
+     * Submits the roles and permissions mappings to the server.
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    onMapAndPermissionsFormSubmit() {
+        const payload = {
+            payload: this.modifiedRolesAndPermissionsMapping,
+        };
+        this.dynamicFormComponent.isSubmitButtonDisabled = true;
+        this.modifiedRolesAndPermissionsMapping = [];
+        this.tenantAppService
+            .saveRolePermissionMapping(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.sharedService.showAlertMessage(AlertType.SUCCESS, this.mapRolesAndPermissionsScreenTexts.message.success
+                        .rolesAndPermissionsSubmission);
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.mapRolesAndPermissionsScreenTexts.errors);
+            },
+        });
+    }
+    /**
+     * Closes the map and permissions modal.
+     * @memberof MapPermissionsRolesComponent
+     * @returns {void}
+     */
+    onMapAndPermissionsFormCancel() {
+        this.formCancel.emit();
+    }
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantDetailsComponent
+     */
+    ngOnDestroy() {
+        this.destroy$?.next(true);
+        this.destroy$?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesAndPermissionsMappingComponent, deps: [{ token: TenantApplicationsService }, { token: i2$1.SharedService }, { 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: RolesAndPermissionsMappingComponent, isStandalone: true, selector: "ieeesa-roles-and-permissions-mapping", outputs: { formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  [formGroups]=\"formGroup\"\r\n  [colWidth]=\"colWidth\"\r\n  [isSubmitButtonDisabled]=\"true\"\r\n  [isLegendVisible]=\"true\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  (dropdownChange)=\"onRoleOrPermissionSelected($event)\"\r\n  (formSubmit)=\"onMapAndPermissionsFormSubmit()\"\r\n  (formLeftButtonClicked)=\"onMapAndPermissionsFormCancel()\"\r\n>\r\n  <ieeesa-data-table\r\n    component\r\n    *ngIf=\"tableData.length\"\r\n    [columnSchemaInfo]=\"tableColumnSchema\"\r\n    [tableColumnsHeaderText]=\"tableHeading\"\r\n    [tableDataInfo]=\"tableData\"\r\n    (rowSlideToggle)=\"roleOrPermissionStatusChange($event)\"\r\n  ></ieeesa-data-table>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-map-permissions-and-roles{max-width:50vw!important}.ieeesa-map-permissions-and-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-map-permissions-and-roles .mat-mdc-dialog-surface{border-radius:0}.ieeesa-map-permissions-and-roles .ieeesa-modal{box-shadow:0 3px #00b5e2 inset,0 4px 24px #00000080}.ieeesa-map-permissions-and-roles .ieeesa-modal-title__heading{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:.03125em}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .row{margin:0;padding:0 12px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__legend{text-align:center;margin-bottom:0;font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field{padding-top:4px!important}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:24px;padding-top:48px!important}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table{width:33vw;padding-top:48px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table__columns-header-text{font-size:16px;padding:0}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table .mat-colum-role,.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table .mat-column-permission{padding:16px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table__content{padding-top:12px}@media (max-width: 767px){.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table{width:auto}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field{padding-top:24px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "fileUploadStatus", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "isRightButtonNeeded", "actionButtonAlign", "fileDownloadAndDeleteConfig"], 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"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "pageIndex", "pageSize", "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", "minCharToSearch", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesAndPermissionsMappingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-roles-and-permissions-mapping', standalone: true, imports: [CommonModule, DynamicFormComponent, DataTableComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  [formGroups]=\"formGroup\"\r\n  [colWidth]=\"colWidth\"\r\n  [isSubmitButtonDisabled]=\"true\"\r\n  [isLegendVisible]=\"true\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  (dropdownChange)=\"onRoleOrPermissionSelected($event)\"\r\n  (formSubmit)=\"onMapAndPermissionsFormSubmit()\"\r\n  (formLeftButtonClicked)=\"onMapAndPermissionsFormCancel()\"\r\n>\r\n  <ieeesa-data-table\r\n    component\r\n    *ngIf=\"tableData.length\"\r\n    [columnSchemaInfo]=\"tableColumnSchema\"\r\n    [tableColumnsHeaderText]=\"tableHeading\"\r\n    [tableDataInfo]=\"tableData\"\r\n    (rowSlideToggle)=\"roleOrPermissionStatusChange($event)\"\r\n  ></ieeesa-data-table>\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-map-permissions-and-roles{max-width:50vw!important}.ieeesa-map-permissions-and-roles .mat-mdc-dialog-container{box-shadow:none}.ieeesa-map-permissions-and-roles .mat-mdc-dialog-surface{border-radius:0}.ieeesa-map-permissions-and-roles .ieeesa-modal{box-shadow:0 3px #00b5e2 inset,0 4px 24px #00000080}.ieeesa-map-permissions-and-roles .ieeesa-modal-title__heading{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:.03125em}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .row{margin:0;padding:0 12px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__legend{text-align:center;margin-bottom:0;font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field{padding-top:4px!important}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:24px;padding-top:48px!important}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table{width:33vw;padding-top:48px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table__columns-header-text{font-size:16px;padding:0}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table .mat-colum-role,.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table .mat-column-permission{padding:16px}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table__content{padding-top:12px}@media (max-width: 767px){.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form .ieeesa-data-table{width:auto}.ieeesa-map-permissions-and-roles .ieeesa-dynamic-form__form-field{padding-top:24px!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: TenantApplicationsService }, { type: i2$1.SharedService }, { type: i0.ElementRef }, { type: i2$1.FormUtilityService }]; }, propDecorators: { formCancel: [{
+                type: Output
+            }], dynamicFormComponent: [{
+                type: ViewChild,
+                args: [DynamicFormComponent]
+            }] } });
+
+/* eslint-disable no-unused-vars */
+var GroupTypeSettings;
+(function (GroupTypeSettings) {
+    GroupTypeSettings["ALLOW_SUB_GROUP"] = "allowSubGroup";
+    GroupTypeSettings["ALLOW_ROSTER"] = "allowRoster";
+    GroupTypeSettings["ALLOW_ALTERNATE_VOTING"] = "allowAlternateVoting";
+    GroupTypeSettings["HAS_CLASSIFICATION"] = "hasClassification";
+    GroupTypeSettings["ALLOW_EDIT"] = "allowEdit";
+    GroupTypeSettings["ALLOW_DELETE"] = "allowDelete";
+})(GroupTypeSettings || (GroupTypeSettings = {}));
+
+/**
+ * Component for viewing and managing tenant group types. Fetches the configured group types associated to the selected tenant and displays in tabular view.
+ * @export
+ * @class ViewTenantGroupTypesComponent
+ * @implements {OnInit}
+ */
+class ViewTenantGroupTypesComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService // eslint-disable-next-line no-empty-function
+    ) {
+        this.tenantAppService = tenantAppService;
+        this.sharedService = sharedService;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        this.columnHeading = this.constants?.viewGroupTypes?.tableColumns?.heading;
+        this.settings = this.constants?.viewGroupTypes?.settings;
+        this.tableRowActions = this.constants?.viewGroupTypes?.actionMenuItems;
+        this.columnSchema = [];
+        this.groupTypes = [];
+        this.appId = '';
+        this.headerElementClassName = '.ieeesa-header';
+    }
+    /**
+     * Fetches group types data from the server and initializes column schema.
+     * @memberof 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$))
+            .subscribe({
+            next: (response) => {
+                this.initializeColumnSchema();
+                this.groupTypes = this.formatGroupTypesTableData(response);
+                this.tenantAppService.setGroupTypeDetails(response);
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewGroupTypes?.errors);
+            },
+        });
+    }
+    /**
+     * Formats raw group types data into a required format for display.
+     * @param {ViewGroupTypeResponse} groupTypeRes
+     * @return {GroupTypeDetails[]}
+     * @memberof ViewTenantGroupTypesComponent
+     */
+    formatGroupTypesTableData(groupTypeRes) {
+        const formattedData = [];
+        groupTypeRes?.body?.forEach((item) => {
+            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;
+    }
+    /**
+     * Transforms business rule to required format in string.
+     * @param {*} rule
+     * @return {string}
+     * @memberof ViewTenantGroupTypesComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transformBusinessRule(rule) {
+        const ruleStringArray = [];
+        for (const setting of Object.values(GroupTypeSettings)) {
+            if (rule[setting] === true) {
+                ruleStringArray.push(this.settings[setting]);
+            }
+        }
+        return ruleStringArray.join(', ');
+    }
+    /**
+     * Initializes table column schema to display group types in tabular view.
+     * @memberof ViewTenantGroupTypesComponent
+     */
+    initializeColumnSchema() {
+        this.columnSchema = [
+            {
+                id: 1,
+                columnDef: 'groupType',
+                heading: this.columnHeading?.groupType,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.name}`,
+            },
+            {
+                id: 2,
+                columnDef: 'rosterType',
+                heading: this.columnHeading?.rosterType,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.rosterType}`,
+            },
+            {
+                id: 3,
+                columnDef: 'description',
+                heading: this.columnHeading?.description,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.description}`,
+            },
+            {
+                id: 4,
+                columnDef: 'applicableRoles',
+                heading: this.columnHeading?.applicableRoles,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.roles}`,
+            },
+            {
+                id: 5,
+                columnDef: 'settings',
+                heading: this.columnHeading?.settings,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.businessRule}`,
+            },
+            {
+                id: 6,
+                columnDef: 'action',
+                heading: this.columnHeading?.action,
+                columnType: TableColumnType.ACTIONS,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.menuAction}`,
+            },
+        ];
+    }
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantGroupTypesComponent
+     */
+    ngOnDestroy() {
+        this.destroy$?.next(true);
+        this.destroy$?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantGroupTypesComponent, deps: [{ token: TenantApplicationsService }, { token: i2$1.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantGroupTypesComponent, isStandalone: true, selector: "ieeesa-view-tenant-group-types", ngImport: i0, 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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "pageIndex", "pageSize", "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", "minCharToSearch", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantGroupTypesComponent, decorators: [{
+            type: Component,
+            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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "fileUploadStatus", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "isRightButtonNeeded", "actionButtonAlign", "fileDownloadAndDeleteConfig"], 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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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
+    dialog, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantAppService, 
+    // eslint-disable-next-line no-unused-vars
+    globalErrorHandlerService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // eslint-disable-next-line no-unused-vars
+    activatedRoute, 
+    // eslint-disable-next-line no-unused-vars
+    authService, 
+    // eslint-disable-next-line no-unused-vars
+    storageService) {
+        this.dialog = dialog;
+        this.breakpointObserverService = breakpointObserverService;
+        this.tenantAppService = tenantAppService;
+        this.globalErrorHandlerService = globalErrorHandlerService;
+        this.sharedService = sharedService;
+        this.activatedRoute = activatedRoute;
+        this.authService = authService;
+        this.storageService = storageService;
+        this.destroy$ = new Subject();
+        this.isMobileView = false;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = screenText;
+        this.tenantLabels = this.constants?.viewTenants?.label;
+        this.slideToggleOption = {
+            id: 1,
+            label: this.constants?.viewTenants?.label?.active,
+            checked: true,
+            disabled: false,
+        };
+        this.editButton = this.constants?.viewTenants?.buttons;
+        this.accordionInfoList = JSON.parse(JSON.stringify(this.constants?.viewTenants?.tenantAccordionInfo));
+        this.appId = '';
+        this.iconSize = this.constants?.viewRolesAndPermissions?.columnActionIconSize;
+        this.rolesAndPermissionsTableCaption = this.constants?.viewRolesAndPermissions?.tableCaption;
+        this.rolesAndPermissionsTableHeaderName = this.constants?.viewRolesAndPermissions?.tableColumnsHeaderText;
+        this.rolesAndPermissionsTableSupportMessage = this.constants?.viewRolesAndPermissions?.scrollbarSupportMessage;
+        this.permissionsColumnClassNumber = 1;
+        this.menuItems = this.constants?.viewRolesAndPermissions?.columnActionMenuItems;
+        this.columnSchema = [];
+        this.tableData = [];
+        this.isRolesAndPermissionsExpanded = false;
+        this.paginatorConfig = {
+            recordsPerPage: this.constants?.viewRolesAndPermissions?.pageSizeOptions[0],
+            pageSizeOptions: this.constants?.viewRolesAndPermissions?.pageSizeOptions,
+            totalRecords: 0,
+        };
+        this.rolesAndPermissionsClassName = '.ieeesa-view-tenant-info__roles-and-permissions';
+        this.headerElementClassName = '.ieeesa-header';
+        this.tableActions = {
+            isPaginationNeeded: true,
+        };
+        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;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.mapRolesAndPermissionsScreenTexts = this.constants?.mapRolesAndPermissions;
+        this.alignmentType = AlignType;
+        this.permissionType = PermissionType;
+        this.createRoleScreenTexts = this.constants?.createRole;
+        this.selectedRoleInfo = {
+            roleId: '',
+            roleName: '',
+        };
+        this.isGroupTypesExpanded = false;
+        this.roleTypeOptions = [];
+        /** Feature ids captured before the edit dialog opens, used to detect a feature list change on save. */
+        this.featureIdsBeforeEdit = [];
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result?.matches;
+        });
+    }
+    /**
+     * Initializes view tenant details component.
+     * @return -returns nothing
+     * @memberof ViewTenantDetailsComponent
+     */
+    ngOnInit() {
+        this.tenantDetails =
+            this.tenantAppService?.getSelectedTenantInformation();
+        this.slideToggleOption.checked = this.tenantDetails?.status;
+        this.slideToggleOption.label = this.tenantDetails?.status
+            ? this.tenantLabels?.active
+            : this.tenantLabels?.inactive;
+        this.routePaths = this.routePaths ?? this.constants?.routeConfigPath;
+        this.viewTenantsRouteUrl = `/${this.routePaths?.viewTenants}`;
+        this.tenantAppService?.setAppConfig(this.apiBaseURL, this.userPermissions);
+        this.userTenantsPermissions = this.tenantAppService?.filterPermission(this.userPermissions);
+        this.appId = this.tenantAppService.getSelectedTenantInformation()
+            ?.appId;
+        this.tablePagination = {
+            offset: 0,
+            pageSize: this.paginatorConfig.pageSizeOptions[0],
+        };
+        this.getApplicationTypes();
+        this.activatedRoute?.queryParams
+            ?.pipe(takeUntil(this.destroy$))
+            ?.subscribe((params) => {
+            this.appId = params['id'];
+            this.getTenantDetails(this.appId);
+        });
+    }
+    /**
+     * Gets the selected tenant details from server.
+     * @memberof ViewTenantDetailsComponent
+     */
+    getTenantDetails(appId) {
+        this.tenantAppService
+            .getTenantDetails(appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.tenantDetails = response?.body;
+                    this.tenantAppService.setSelectedTenantInformation(this.tenantDetails);
+                    this.slideToggleOption.checked = this.tenantDetails
+                        .status;
+                    this.slideToggleOption.label = this.tenantDetails.status
+                        ? this.tenantLabels?.active
+                        : this.tenantLabels?.inactive;
+                    const features = this.tenantDetails.features;
+                    features.map((feature) => {
+                        if (feature?.featureId ===
+                            FeaturePermissionId.MEETINGS_AND_EVENTS ||
+                            feature?.featureId === FeaturePermissionId.BALLOTS)
+                            this.accordionInfoList.push({
+                                id: this.accordionInfoList.length + 1,
+                                isDisabled: false,
+                                title: feature?.featureName,
+                            });
+                    });
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants.errors);
+            },
+        });
+    }
+    /**
+     * Display the corresponding tenant basic or feature details based on selected accordion.
+     * @param {AccordionInfo} accordionInfo
+     * @param {boolean} expanded
+     * @memberof ViewTenantDetailsComponent
+     */
+    showTenantDetails(accordionInfo, expanded) {
+        const accordionId = accordionInfo.id;
+        switch (accordionId) {
+            case 1: {
+                this.isBasicDetailsExpanded = expanded;
+                if (expanded) {
+                    this.getApplicationTypes();
+                }
+                break;
+            }
+            case 2: {
+                this.isRolesAndPermissionsExpanded = expanded;
+                if (expanded) {
+                    this.columnSchema = [];
+                    this.paginatorConfig.recordsPerPage =
+                        this.constants?.viewRolesAndPermissions?.pageSizeOptions[0];
+                    this.tablePagination.offset = 0;
+                    this.tablePagination.pageSize = this.paginatorConfig.recordsPerPage;
+                    this.getRolesAndInitializeTableSchema();
+                }
+                break;
+            }
+            case 3: {
+                this.isGroupTypesExpanded = expanded;
+                break;
+            }
+        }
+    }
+    /**
+     * Fetches the configured roles of the selected tenant and creates the column schema.
+     * @memberof ViewTenantDetailsComponent
+     */
+    getRolesAndInitializeTableSchema() {
+        this.tenantAppService
+            .getRoles(this.appId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.getRolesAndPermissionsAndInitializeTableView({
+                        payload: {
+                            offset: this.tablePagination.offset,
+                            pageSize: this.tablePagination.pageSize,
+                        },
+                    });
+                    const rolesList = this.tenantAppService.sortRolesByRoleType(response?.body);
+                    this.tenantAppService.setRolesInfo(rolesList);
+                    const cellValue = this.constants.viewRolesAndPermissions.tableCellValue;
+                    this.columnSchema = [
+                        {
+                            id: 0,
+                            columnDef: 'permissions',
+                            heading: this.constants.viewRolesAndPermissions.tableColumn
+                                .permissions,
+                            columnType: TableColumnType.TEXT,
+                            cellData: (rolesAndPermissions) => rolesAndPermissions.permission,
+                            isStickyColumn: true,
+                        },
+                    ];
+                    rolesList.map((role, index) => {
+                        this.columnSchema.push({
+                            id: index + 1,
+                            columnDef: role.roleId,
+                            heading: role.roleName,
+                            columnType: TableColumnType.TEXT,
+                            hasColumnActions: true,
+                            cellData: (rolesAndPermissions) => {
+                                return rolesAndPermissions.roleIdsList.find((roleId) => role.roleId === roleId)
+                                    ? cellValue.yes
+                                    : cellValue.no;
+                            },
+                        });
+                    });
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Fetches the roles and permissions mappings for the selected tenant and and initialize table view.
+     * @param {GetRolesAndPermissionsPayload} payload
+     * @memberof ViewTenantDetailsComponent
+     */
+    getRolesAndPermissionsAndInitializeTableView(payload) {
+        this.tenantAppService
+            .getRolesAndPermissionsMappings(this.appId, payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.tableData = [];
+                    this.paginatorConfig.totalRecords = response?.body
+                        ?.totalRecords;
+                    const rolesAndPermissionsList = response?.body
+                        ?.rolePermissionDetails;
+                    rolesAndPermissionsList.map((permission) => {
+                        let roleIdsList = [];
+                        roleIdsList = permission.roleList.map((role) => role.roleId);
+                        this.tableData.push({
+                            permission: permission.permissionName,
+                            roleIdsList: roleIdsList,
+                        });
+                    });
+                }
+            },
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Fetch the roles and permissions records based on offset and page size while the pagination changes.
+     * @param {PageEvent} pageEvent
+     * @memberof ViewTenantDetailsComponent
+     */
+    onTablePaginationChange(pageEvent) {
+        this.tablePagination = {
+            offset: pageEvent.pageIndex,
+            pageSize: pageEvent.pageSize,
+        };
+        this.getRolesAndPermissionsAndInitializeTableView({
+            payload: {
+                offset: pageEvent.pageIndex,
+                pageSize: pageEvent.pageSize,
+            },
+        });
+    }
+    /**
+     * Captures the selected role's information and performs edit or delete action basis on the selected menu item.
+     * @param {TableColumnMenuInfo} roleMenuInfo
+     * @memberof ViewTenantDetailsComponent
+     */
+    onRoleMenuClick(roleMenuInfo) {
+        this.selectedRoleInfo.roleId = roleMenuInfo?.tableColumnInfo?.columnDef;
+        this.selectedRoleInfo.roleName = roleMenuInfo?.tableColumnInfo?.heading;
+        this.tenantAppService?.setSelectedRoleInformation(this.selectedRoleInfo);
+        if (roleMenuInfo?.menuActionInfo?.id === RoleMenuAction.DELETE_ROLE) {
+            this.openDeleteRoleModal();
+        }
+        else if (roleMenuInfo?.menuActionInfo?.id === RoleMenuAction.EDIT_ROLE) {
+            this.openEditRoleForm();
+        }
+    }
+    /**
+     * Keeps track of the accordion based on the element's ID in DOM tree.
+     * @memberof ViewTenantDetailsComponent
+     */
+    trackByAccordionFn(index, item) {
+        return item?.id;
+    }
+    /**
+     * Gets the role types and updates the form control.
+     * @memberof ViewTenantDetailsComponent
+     */
+    getRoleTypes() {
+        const payload = {
+            payload: {
+                appId: this.tenantDetails?.appId,
+                configFieldName: 'role_type',
+            },
+        };
+        this.tenantAppService
+            .getRoleTypes(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.roleTypeOptions = this.tenantAppService.getRoleTypeOptions(response?.body);
+                    this.tenantAppService?.setRoleTypeOption(this.roleTypeOptions);
+                    if (this.functionType === TenantFunctionType.CREATE_ROLE) {
+                        this.openCreateRoleForm();
+                    }
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.createRoleScreenTexts?.errors);
+            },
+        });
+    }
+    /**
+     * Sets the dialog options for create role modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof ViewTenantDetailsComponent
+     */
+    openCreateRoleForm() {
+        this.tenantAppService?.setTenantFunctionType(TenantFunctionType?.CREATE_ROLE);
+        this.functionType = TenantFunctionType.CREATE_ROLE;
+        if (this.roleTypeOptions.length > 0) {
+            const dialogOptions = {
+                heading: this.constants?.createRole?.heading,
+                isCloseNeeded: true,
+                componentReference: CreateModifyRoleComponent,
+                modalType: ModalType.FORM,
+            };
+            this.openModal(dialogOptions, 'ieeesa-create-modify-role');
+        }
+        else {
+            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
+     * @memberof ViewTenantDetailsComponent
+     */
+    openEditRoleForm() {
+        this.tenantAppService?.setTenantFunctionType(TenantFunctionType?.EDIT_ROLE);
+        this.functionType = TenantFunctionType.EDIT_ROLE;
+        const dialogOptions = {
+            heading: this.selectedRoleInfo?.roleName,
+            isCloseNeeded: true,
+            componentReference: CreateModifyRoleComponent,
+            modalType: ModalType.FORM,
+        };
+        this.openModal(dialogOptions, 'ieeesa-create-modify-role');
+    }
+    /**
+     * Sets the dialog options for edit tenant modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof ViewTenantDetailsComponent
+     */
+    openEditTenantForm() {
+        this.tenantAppService?.setTenantFunctionType(TenantFunctionType?.EDIT);
+        this.functionType = TenantFunctionType.EDIT;
+        this.featureIdsBeforeEdit = this.getFeatureIds(this.tenantDetails);
+        const dialogOptions = {
+            heading: this.tenantDetails?.appTitle,
+            isCloseNeeded: true,
+            componentReference: CreateTenantApplicationComponent,
+            modalType: ModalType.FORM,
+        };
+        this.openModal(dialogOptions, 'ieeesa-edit-tenant');
+    }
+    /**
+     * Opens modal component with received params and handles form submission success and errors.
+     * @param {*} dialogOptions
+     * @param {string} [className]
+     * @return -returns nothing
+     * @memberof ViewTenantsDetailsComponent
+     */
+    openModal(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    dialogOptions, className) {
+        className = className ?? '';
+        this.dialogRef = this.dialog?.open(ModalComponent, {
+            data: dialogOptions,
+            width: '',
+            panelClass: ['ieeesa-modal-dialog', className],
+            ariaModal: true,
+        });
+        this.dialogRef?.componentInstance?.submitFormResponse
+            .pipe(takeUntil(this.destroy$))
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any, no-unused-vars
+            .subscribe((result) => {
+            this.dialogRef?.close();
+            switch (this.functionType) {
+                case TenantFunctionType?.EDIT: {
+                    this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${this.tenantDetails?.appTitle} ${this.editTenantScreenTexts?.message?.success?.submission}`);
+                    this.tenantDetails = {
+                        ...this.tenantAppService.getSelectedTenantInformation(),
+                    };
+                    this.promptReSignInIfFeaturesChanged();
+                    break;
+                }
+                case TenantFunctionType?.CREATE_ROLE: {
+                    const promptMessage = this.createRoleScreenTexts?.message?.success;
+                    const roleInfo = this.tenantAppService?.getNewlyCreatedRoleInfo();
+                    this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${promptMessage?.submission1} ${roleInfo?.roleName} ${promptMessage?.submission2} ${this.tenantDetails?.appTitle}. ${promptMessage?.submission3}`);
+                    this.getRolesAndInitializeTableSchema();
+                    break;
+                }
+                case TenantFunctionType?.EDIT_ROLE: {
+                    const promptMessage = this.createRoleScreenTexts?.message?.success;
+                    const roleInfo = this.tenantAppService?.getNewlyCreatedRoleInfo();
+                    this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${roleInfo?.roleName} ${promptMessage?.modify} ${this.tenantDetails?.appTitle}.`);
+                    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
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.dialogRef?.close();
+            if (this.tenantAppService.getTenantFunctionType() ===
+                TenantFunctionType.MAP_PERMISSION_AND_ROLE)
+                this.getRolesAndInitializeTableSchema();
+        });
+        this.dialogRef?.componentInstance?.modalConfirm
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (this.tenantAppService.getTenantFunctionType() ===
+                TenantFunctionType.MAP_PERMISSION_AND_ROLE)
+                this.getRolesAndInitializeTableSchema();
+        });
+    }
+    /**
+     * Calls openTenantStatusConfirmationModal to change the status of tenant on slide toggle change.
+     * @param {SlideToggleOption} slideToggleOption
+     * @memberof ViewTenantDetailsComponent
+     */
+    onSlideToggleChange(slideToggleOption) {
+        this.openTenantStatusConfirmationModal(slideToggleOption?.checked);
+    }
+    /**
+     * Opens the confirmation modal to inactivate/reactivate the tenant.
+     * @param {boolean} isActivate
+     * @memberof ViewTenantDetailsComponent
+     */
+    openTenantStatusConfirmationModal(isActivate) {
+        const confirmationInfo = this.constants?.viewTenants?.confirmationInfo;
+        const statusText = isActivate
+            ? confirmationInfo?.promptMessageActivate
+            : confirmationInfo?.promptMessageInactivate;
+        const updateTenantStatusModalOptions = {
+            leftButtonLabel: confirmationInfo?.leftButtonLabel,
+            rightButtonLabel: confirmationInfo?.rightButtonLabel,
+            promptMessage: `${confirmationInfo?.promptMessage} ${statusText} ${this.tenantDetails?.appTitle}?`,
+            actionButtonAlign: this.alignmentType?.MIDDLE,
+        };
+        this.dialogRef = this.dialog?.open(ModalConfirmationComponent, {
+            data: updateTenantStatusModalOptions,
+            width: 'auto',
+            autoFocus: 'dialog',
+            ariaLabel: confirmationInfo?.ariaLabel?.alert,
+        });
+        this.dialogRef
+            .afterClosed()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            if (result) {
+                this.updateTenantStatus(isActivate);
+            }
+            else {
+                this.setSlideToggleStatus(isActivate);
+            }
+        });
+    }
+    /**
+     * Opens the map permissions and roles modal.
+     * @memberof ViewTenantDetailsComponent
+     * @returns {void}
+     */
+    openMapRolesAndPermissionsForm() {
+        this.tenantAppService?.setTenantFunctionType(TenantFunctionType?.MAP_PERMISSION_AND_ROLE);
+        const dialogOptions = {
+            heading: this.mapRolesAndPermissionsScreenTexts.heading,
+            isCloseNeeded: true,
+            modalType: ModalType.FORM,
+            componentReference: RolesAndPermissionsMappingComponent,
+        };
+        this.openModal(dialogOptions, 'ieeesa-map-permissions-and-roles');
+    }
+    /**
+     * Updates the tenant status to the server using http request and display success/error message based on request response (success or failure).
+     * @param {boolean} isActivate
+     * @memberof ViewTenantDetailsComponent
+     */
+    updateTenantStatus(isActivate) {
+        const updateTenantStatusRequestPayload = {
+            payload: {
+                appId: this.tenantDetails?.appId,
+                status: isActivate,
+            },
+        };
+        this.tenantAppService
+            .updateTenantStatus(updateTenantStatusRequestPayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (res) => {
+                this.dialogRef?.close();
+                if (res?.status) {
+                    this.slideToggleOption.label = isActivate
+                        ? this.tenantLabels?.active
+                        : this.tenantLabels?.inactive;
+                    this.tenantDetails.status = isActivate;
+                    this.tenantDetails = Object.assign({}, this.tenantDetails);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.setSlideToggleStatus(isActivate);
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Sets slide toggle checked status and label.
+     * @param {boolean} isActivate
+     * @memberof ViewTenantDetailsComponent
+     */
+    setSlideToggleStatus(isActivate) {
+        this.slideToggleOption.checked = !isActivate;
+        this.slideToggleOption.label = !isActivate
+            ? this.tenantLabels?.active
+            : this.tenantLabels?.inactive;
+    }
+    /**
+     * Gets the application/tenant types.
+     * @memberof ViewTenantDetailsComponent
+     */
+    getApplicationTypes() {
+        this.tenantAppService
+            .getApplicationTypes()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.status) {
+                    this.appTypeOptions =
+                        this.tenantAppService.getApplicationTypeOptions(response?.body);
+                    this.tenantAppService.setApplicationType(this.appTypeOptions);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Validates permission based access for provided feature.
+     * @param {PermissionType} permissionType
+     * @return {boolean}
+     * @memberof ViewTenantDetailsComponent
+     */
+    validateAccess(permissionType) {
+        return this.tenantAppService.validateAccess(permissionType, this.userTenantsPermissions);
+    }
+    /**
+     * Posts the details of the role to be deleted to the server using http request and display success/error message based on request response (success or failure).
+     * @memberof ViewTenantDetailsComponent
+     */
+    deleteRole() {
+        const deleteRoleRequestPayload = {
+            payload: {
+                appId: this.tenantDetails?.appId,
+                roleId: this.selectedRoleInfo?.roleId,
+            },
+        };
+        this.tenantAppService
+            .deleteRole(deleteRoleRequestPayload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (res) => {
+                if (res?.status) {
+                    this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${this.selectedRoleInfo?.roleName} ${this.deleteRoleScreenTexts?.message?.success?.submission} ${this.tenantDetails?.appTitle}.`);
+                    this.getRolesAndInitializeTableSchema();
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.viewTenants?.errors);
+            },
+        });
+    }
+    /**
+     * Sets the role menu HTMLElement.
+     * @param {HTMLElement} menuButton
+     * @memberof ViewTenantDetailsComponent
+     */
+    selectedRoleMenuElement(menuButton) {
+        this.roleMenuElement = menuButton;
+    }
+    /**
+     * Opens the confirmation modal to get user confirmation to delete the role.
+     * @memberof ViewTenantDetailsComponent
+     */
+    openDeleteRoleModal() {
+        const confirmationInfo = this.constants?.viewTenants?.confirmationInfo;
+        const deleteRoleModalOptions = {
+            leftButtonLabel: confirmationInfo?.leftButtonLabel,
+            rightButtonLabel: confirmationInfo?.rightButtonLabel,
+            promptMessage: `${confirmationInfo?.deleteRoleConfirmationMessage} ${this.selectedRoleInfo?.roleName}? ${confirmationInfo?.deleteRolePromptMessage} ${this.tenantDetails?.appTitle}.`,
+            actionButtonAlign: this.alignmentType?.MIDDLE,
+        };
+        this.dialogRef = this.dialog?.open(ModalConfirmationComponent, {
+            data: deleteRoleModalOptions,
+            width: '25%',
+            panelClass: [
+                'ieeesa-modal-confirm-dialog',
+                'ieeesa-delete-role-confirm-dialog',
+            ],
+            autoFocus: 'dialog',
+            ariaLabel: confirmationInfo?.ariaLabel?.alert,
+        });
+        this.dialogRef
+            .afterClosed()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            if (result) {
+                this.deleteRole();
+            }
+            else
+                this.roleMenuElement?.focus();
+        });
+    }
+    /**
+     * Returns the feature ids of the given tenant.
+     * @param {TenantBasicInfo} [tenant]
+     * @return {string[]}
+     * @memberof ViewTenantDetailsComponent
+     */
+    getFeatureIds(tenant) {
+        return (tenant?.features ?? [])
+            .map((feature) => feature?.featureId)
+            .filter(Boolean)
+            .sort();
+    }
+    /**
+     * Opens the re-sign-in confirmation modal when the tenant feature list changed on save, since
+     * feature flags are only refreshed at login. Emits signOutRequested when the user confirms.
+     * @memberof ViewTenantDetailsComponent
+     */
+    promptReSignInIfFeaturesChanged() {
+        const featureIdsAfterEdit = this.getFeatureIds(this.tenantDetails);
+        if (featureIdsAfterEdit.join(',') === this.featureIdsBeforeEdit.join(',')) {
+            return;
+        }
+        const confirmationInfo = this.constants?.viewTenants?.confirmationInfo;
+        this.dialog
+            ?.open(ModalConfirmationComponent, {
+            data: {
+                leftButtonLabel: confirmationInfo?.featureChangeSignOutLeftButtonLabel,
+                rightButtonLabel: confirmationInfo?.featureChangeSignOutRightButtonLabel,
+                promptMessage: confirmationInfo?.featureChangeSignOutMessage,
+                actionButtonAlign: this.alignmentType?.MIDDLE,
+            },
+            width: '25%',
+            panelClass: [
+                'ieeesa-modal-confirm-dialog',
+                'ieeesa-feature-change-sign-out-dialog',
+            ],
+            autoFocus: 'dialog',
+            ariaLabel: confirmationInfo?.ariaLabel?.alert,
+        })
+            .afterClosed()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((isSignOutConfirmed) => {
+            if (isSignOutConfirmed) {
+                this.signOut();
+            }
+        });
+    }
+    /**
+     * Clears the session and redirects to the SSO sign-out URL, mirroring the header sign-out.
+     * @memberof ViewTenantDetailsComponent
+     */
+    signOut() {
+        if (!this.signOutConfig?.ssoSignOutUrl) {
+            return;
+        }
+        this.authService?.deleteCookie(this.signOutConfig?.cookieName);
+        this.storageService?.clearStorage();
+        window.location.href = this.signOutConfig.ssoSignOutUrl;
+    }
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantDetailsComponent
+     */
+    ngOnDestroy() {
+        this.roleTypeOptions = [];
+        this.tenantAppService?.setRoleTypeOption(this.roleTypeOptions);
+        this.destroy$?.next(true);
+        this.destroy$?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, deps: [{ token: i1.MatDialog }, { token: i2.BreakpointObserverService }, { token: TenantApplicationsService }, { token: i4.GlobalErrorHandlerService }, { token: i2$1.SharedService }, { token: i6.ActivatedRoute }, { token: i4.AuthService }, { token: i4.StorageService }], 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", signOutConfig: "signOutConfig" }, 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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i6.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: i8$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: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "pageIndex", "pageSize", "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", "minCharToSearch", "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,
+            args: [{ selector: 'ieeesa-view-tenant-details', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        SlideToggleComponent,
+                        AccordionComponent,
+                        MatDividerModule,
+                        TenantBasicDetailsComponent,
+                        IconButtonComponent,
+                        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                {{\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-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.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.MatDialog }, { type: i2.BreakpointObserverService }, { type: TenantApplicationsService }, { type: i4.GlobalErrorHandlerService }, { type: i2$1.SharedService }, { type: i6.ActivatedRoute }, { type: i4.AuthService }, { type: i4.StorageService }]; }, propDecorators: { apiBaseURL: [{
+                type: Input
+            }], userPermissions: [{
+                type: Input
+            }], routePaths: [{
+                type: Input
+            }], signOutConfig: [{
+                type: Input
+            }] } });
+
+/* eslint-disable no-empty-function */
+class TenantApplicationsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TenantApplicationsComponent, isStandalone: true, selector: "ieeesa-tenant-applications", ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-tenant-applications', standalone: true, imports: [CommonModule, MatButtonModule], template: "" }]
+        }] });
+
+/* eslint-disable no-unused-vars */
+var AppType;
+(function (AppType) {
+    AppType["GENERIC"] = "Generic";
+    AppType["STANDALONE"] = "Standalone";
+})(AppType || (AppType = {}));
+
+class TenantApplicationsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: [],
+                }]
+        }] });
+
+/*
+ * Public API Surface of tenants
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppType, CreateModifyGroupTypeComponent, CreateModifyRoleComponent, CreateTenantApplicationComponent, FeaturePermissionId, 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