@ieeesa-npm/tenants 0.2.1 → 0.2.2

package/fesm2022/ieeesa-npm-tenants.mjs

@@ -179,14 +179,19 @@ var viewTenants = {
 		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"
 	},
 	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.",
-		"3009": "Unable to fetch Roles and Permissions Mapping."
+		"3008": "No Permission(s) found.",
+		"3009": "Unable to fetch Roles and Permissions Mapping.",
+		"3010": "Role Id is required.",
+		"3011": "Application Id is required."
 	},
 	tenantAccordionInfo: [
 		{
@@ -264,6 +269,13 @@ var viewRolesAndPermissions = {
 		}
 	]
 };
+var deleteRole = {
+	message: {
+		success: {
+			submission: "role has been successfully deleted from the"
+		}
+	}
+};
 var routeConfigPath = {
 	viewTenants: "tenants/view-tenants-list",
 	viewTenantDetails: "tenants/view-tenant-details"
@@ -273,6 +285,7 @@ var constants = {
 	editTenant: editTenant,
 	viewTenants: viewTenants,
 	viewRolesAndPermissions: viewRolesAndPermissions,
+	deleteRole: deleteRole,
 	routeConfigPath: routeConfigPath
 };
 
@@ -280,6 +293,7 @@ var screenText = /*#__PURE__*/Object.freeze({
     __proto__: null,
     createTenant: createTenant,
     default: constants,
+    deleteRole: deleteRole,
     editTenant: editTenant,
     routeConfigPath: routeConfigPath,
     viewRolesAndPermissions: viewRolesAndPermissions,
@@ -547,7 +561,7 @@ class TenantApplicationsService {
      */
     getRoles(appId) {
         return this.httpService
-            .getData(`${this.apiBaseUrl}/groups/getRole/${appId}`)
+            .getData(`${this.apiBaseUrl}/groups/role/${appId}`)
             .pipe(map((response) => {
             return response;
         }), catchError((error) => {
@@ -563,7 +577,7 @@ class TenantApplicationsService {
      */
     getRolesAndPermissionsMappings(appId, payload) {
         return this.httpService
-            .postData(`${this.apiBaseUrl}/groups/getRoleBasedPermission/${appId}`, payload)
+            .postData(`${this.apiBaseUrl}/groups/roleBasedPermissions/${appId}`, payload)
             .pipe(map((response) => {
             return response;
         }), catchError((error) => {
@@ -722,6 +736,30 @@ class TenantApplicationsService {
         });
         return this.featureList;
     }
+    /**
+     * 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;
+        }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, deps: [{ token: i2.HttpService }, { token: TenantPermissionsService }, { token: TenantPermissionsMapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, providedIn: 'root' }); }
 }
@@ -1522,7 +1560,7 @@ class ViewTenantsListComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, deps: [{ token: i1$1.MatDialog }, { token: i2.AlertsService }, { token: i2.BreakpointObserverService }, { token: i3.SharedService }, { token: TenantApplicationsService }, { token: i5$1.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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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 .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenants-list .mdc-notched-outline__trailing,.ieeesa-view-tenants-list .mdc-notched-outline__notch,.ieeesa-view-tenants-list .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-select,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenants-list .at-mdc-select-min-line,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{white-space:nowrap}.ieeesa-view-tenants-list .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.ieeesa-view-tenants-list .mat-mdc-select-value{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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 .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenants-list .mdc-notched-outline__trailing,.ieeesa-view-tenants-list .mdc-notched-outline__notch,.ieeesa-view-tenants-list .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-select,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenants-list .at-mdc-select-min-line,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{white-space:nowrap}.ieeesa-view-tenants-list .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.ieeesa-view-tenants-list .mat-mdc-select-value{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick", "tableColumnMenuActionClick", "tableColumnMenuToggleButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, decorators: [{
             type: Component,
@@ -1651,6 +1689,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/* 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 = {}));
+
 class ViewTenantDetailsComponent {
     constructor(
     // eslint-disable-next-line no-unused-vars
@@ -1705,8 +1750,14 @@ class ViewTenantDetailsComponent {
         this.isBasicDetailsExpanded = false;
         // 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;
         this.alignmentType = AlignType;
         this.permissionType = PermissionType;
+        this.selectedRoleInfo = {
+            roleId: '',
+            roleName: '',
+        };
         this.breakpointObserverService
             .getBreakpoint()
             .pipe(takeUntil(this.destroy$))
@@ -1732,6 +1783,10 @@ class ViewTenantDetailsComponent {
         this.userTenantsPermissions = this.tenantAppService?.filterPermission(this.userPermissions);
         this.appId = this.tenantAppService.getSelectedTenantInformation()
             ?.appId;
+        this.tablePagination = {
+            offset: 0,
+            pageSize: this.paginatorConfig.pageSizeOptions[0],
+        };
         this.getTenantDetails(this.appId);
         this.getApplicationTypes();
     }
@@ -1793,6 +1848,8 @@ class ViewTenantDetailsComponent {
                     this.columnSchema = [];
                     this.paginatorConfig.recordsPerPage =
                         this.constants?.viewRolesAndPermissions?.pageSizeOptions[0];
+                    this.tablePagination.offset = 0;
+                    this.tablePagination.pageSize = this.paginatorConfig.recordsPerPage;
                     this.getRolesAndInitializeTableSchema();
                 }
                 break;
@@ -1812,11 +1869,11 @@ class ViewTenantDetailsComponent {
                 if (response?.status) {
                     this.getRolesAndPermissionsAndInitializeTableView({
                         payload: {
-                            offset: 0,
-                            pageSize: this.paginatorConfig?.recordsPerPage,
+                            offset: this.tablePagination.offset,
+                            pageSize: this.tablePagination.pageSize,
                         },
                     });
-                    const rolesList = response.body;
+                    const rolesList = this.tenantAppService.sortRolesByRoleType(response?.body);
                     const cellValue = this.constants.viewRolesAndPermissions.tableCellValue;
                     this.columnSchema = [
                         {
@@ -1888,6 +1945,10 @@ class ViewTenantDetailsComponent {
      * @memberof ViewTenantDetailsComponent
      */
     onTablePaginationChange(pageEvent) {
+        this.tablePagination = {
+            offset: pageEvent.pageIndex,
+            pageSize: pageEvent.pageSize,
+        };
         this.getRolesAndPermissionsAndInitializeTableView({
             payload: {
                 offset: pageEvent.pageIndex,
@@ -1895,6 +1956,18 @@ class ViewTenantDetailsComponent {
             },
         });
     }
+    /**
+     * 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;
+        if (roleMenuInfo?.menuActionInfo?.id === RoleMenuAction.DELETE_ROLE) {
+            this.openDeleteRoleModal();
+        }
+    }
     /**
      * Keeps track of the accordion based on the element's ID in DOM tree.
      * @memberof ViewTenantDetailsComponent
@@ -2067,6 +2140,74 @@ class 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();
+        });
+    }
     /**
      * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
      * @memberof ViewTenantDetailsComponent
@@ -2076,7 +2217,7 @@ class ViewTenantDetailsComponent {
         this.destroy$?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, deps: [{ token: i1$1.MatDialog }, { token: i2.BreakpointObserverService }, { token: TenantApplicationsService }, { token: i2.GlobalErrorHandlerService }, { token: i3.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantDetailsComponent, isStandalone: true, selector: "ieeesa-view-tenant-details", inputs: { apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", routePaths: "routePaths" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\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                [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              ></ieeesa-data-table>\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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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__roles-and-permissions .mat-mdc-select-value{display:flex;justify-content:center}.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5$1.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"], outputs: ["slideToggleChange"] }, { kind: "component", type: AccordionComponent, selector: "ieeesa-accordion", inputs: ["accordionInfo"], outputs: ["accordionOpened"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: TenantBasicDetailsComponent, selector: "ieeesa-tenant-basic-details", inputs: ["tenantDetails"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantDetailsComponent, isStandalone: true, selector: "ieeesa-view-tenant-details", inputs: { apiBaseURL: "apiBaseURL", userPermissions: "userPermissions", routePaths: "routePaths" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\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                [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 *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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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__roles-and-permissions .mat-mdc-select-value{display:flex;justify-content:center}.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5$1.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"], outputs: ["slideToggleChange"] }, { kind: "component", type: AccordionComponent, selector: "ieeesa-accordion", inputs: ["accordionInfo"], outputs: ["accordionOpened"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: TenantBasicDetailsComponent, selector: "ieeesa-tenant-basic-details", inputs: ["tenantDetails"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "searchResultMessage", "rowMenuActionIcon"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick", "tableColumnMenuActionClick", "tableColumnMenuToggleButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, decorators: [{
             type: Component,
@@ -2090,7 +2231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         IconButtonComponent,
                         MatButtonModule,
                         DataTableComponent,
-                    ], 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              >\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                [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              ></ieeesa-data-table>\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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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__roles-and-permissions .mat-mdc-select-value{display:flex;justify-content:center}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-view-tenant-info px-4 pb-4\"\r\n  [ngClass]=\"\r\n    isMobileView\r\n      ? 'ieeesa-view-tenant-info--bg-white'\r\n      : 'ieeesa-view-tenant-info--bg-blue'\r\n  \"\r\n>\r\n  <div\r\n    class=\"d-flex justify-content-between gap-lg-4 gap-md-3 gap-sm-2 gap-3\"\r\n    [ngClass]=\"isMobileView ? 'flex-column gap-2 pb-3' : 'align-item-center'\"\r\n  >\r\n    <div\r\n      class=\"d-flex gap-lg-4 gap-md-3 gap-sm-3 gap-3 ps-0 align-items-md-center align-items-xl-center\"\r\n      [ngClass]=\"isMobileView ? 'flex-column' : ''\"\r\n    >\r\n      <p\r\n        class=\"mb-0 ieeesa-headline-lg-32 py-3\"\r\n        [ngClass]=\"isMobileView ? '' : 'ieeesa-view-tenant-info--title'\"\r\n      >\r\n        {{ tenantDetails?.appTitle }}\r\n      </p>\r\n      <div class=\"d-flex gap-lg-2 gap-md-2 gap-sm-2 gap-2\">\r\n        <span\r\n          class=\"mb-0 ieeesa-title-sm-14 mt-1\"\r\n          [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-view-tenant-info--app-id'\"\r\n        >\r\n          {{ tenantLabels?.appId }}:\r\n        </span>\r\n        {{ tenantDetails?.appId }}\r\n        <ng-container *ngIf=\"tenantDetails?.appId !== tenantLabels?.saAppId\">\r\n          <mat-divider [vertical]=\"true\"></mat-divider>\r\n          <span\r\n            class=\"mb-0 mt-1 ieeesa-title-sm-14 ieeesa-view-tenant-info--app-status\"\r\n            [ngClass]=\"isMobileView ? 'p-0' : ''\"\r\n          >\r\n            {{ tenantLabels?.status }}:\r\n          </span>\r\n          <ieeesa-slide-toggle\r\n            [slideToggle]=\"slideToggleOption\"\r\n            (slideToggleChange)=\"onSlideToggleChange($event)\"\r\n          ></ieeesa-slide-toggle>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <a\r\n      class=\"ieeesa-btn-label-lg-bold-16 text-decoration-none mt-lg-3 mt-xl-6 p-sm-0 p-md-0\"\r\n      href=\"javascript:void(0)\"\r\n      rel=\"noopener noreferrer\"\r\n      [routerLink]=\"viewTenantsRouteUrl\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-view-tenant-info--link-mobile'\r\n          : 'ieeesa-view-tenant-info--link'\r\n      \"\r\n      >{{ tenantLabels?.viewAllApps }}</a\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-view-tenant-info__accordion ieeesa-view-tenant-info__accordion--blue-bg\"\r\n    [ngClass]=\"isMobileView ? 'ieeesa-view-tenant-info__accordion--info' : ''\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"\r\n        let accordionInfo of accordionInfoList;\r\n        trackBy: trackByAccordionFn\r\n      \"\r\n    >\r\n      <ng-container [ngSwitch]=\"accordionInfo.id\">\r\n        <ng-container *ngSwitchCase=\"accordionDetails.BASIC_DETAILS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__accordion-info\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <ieeesa-icon-button\r\n              *ngIf=\"\r\n                isBasicDetailsExpanded &&\r\n                validateAccess(permissionType.MANAGE_TENANT)\r\n              \"\r\n              actions\r\n              class=\"ieeesa-button\"\r\n              [iconButton]=\"editButton\"\r\n              (iconButtonClick)=\"openEditTenantForm()\"\r\n            ></ieeesa-icon-button>\r\n            <ng-container component *ngIf=\"isBasicDetailsExpanded\">\r\n              <ieeesa-tenant-basic-details\r\n                [tenantDetails]=\"tenantDetails\"\r\n              ></ieeesa-tenant-basic-details>\r\n            </ng-container>\r\n          </ieeesa-accordion>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"accordionDetails.ROLES_AND_PERMISSIONS\">\r\n          <ieeesa-accordion\r\n            [accordionInfo]=\"accordionInfo\"\r\n            class=\"ieeesa-view-tenant-info__roles-and-permissions\"\r\n            (accordionOpened)=\"showTenantDetails(accordionInfo, $event)\"\r\n          >\r\n            <div\r\n              actions\r\n              *ngIf=\"isRolesAndPermissionsExpanded\"\r\n              class=\"d-flex gap-3\"\r\n              [ngClass]=\"\r\n                isMobileView ? 'mb-3 px-4' : 'ieeesa-view-tenant-info__actions'\r\n              \"\r\n            >\r\n              <button\r\n                mat-button\r\n                class=\"mat-tertiary-button\"\r\n                [ngClass]=\"isMobileView ? 'p-0' : 'px-2 py-2'\"\r\n              >\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                [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 *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-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:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size: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-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__roles-and-permissions .mat-mdc-select-value{display:flex;justify-content:center}.ieeesa-menu__item:not(:last-of-type){margin-bottom:0!important}.ieeesa-menu .mat-mdc-menu-item{min-height:35px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.BreakpointObserverService }, { type: TenantApplicationsService }, { type: i2.GlobalErrorHandlerService }, { type: i3.SharedService }]; }, propDecorators: { apiBaseURL: [{
                 type: Input
             }], userPermissions: [{
@@ -2138,5 +2279,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppType, CreateTenantApplicationComponent, FeaturePermissionId, FormStatus, PermissionType, SortOrderBy, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantBasicDetailsComponent, TenantFunctionType, TenantPermissionsMapService, TenantPermissionsService, TenantStatus, TenantsValidationPatterns, ViewTenantDetailsComponent, ViewTenantsColumnSchemaDef, ViewTenantsListComponent };
+export { AppType, CreateTenantApplicationComponent, FeaturePermissionId, FormStatus, PermissionType, RoleMenuAction, SortOrderBy, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantBasicDetailsComponent, TenantFunctionType, TenantPermissionsMapService, TenantPermissionsService, TenantStatus, TenantsValidationPatterns, ViewTenantDetailsComponent, ViewTenantsColumnSchemaDef, ViewTenantsListComponent };
 //# sourceMappingURL=ieeesa-npm-tenants.mjs.map