@ieeesa-npm/groups 0.10.3 → 0.10.4

package/fesm2022/ieeesa-npm-groups.mjs

@@ -13,7 +13,7 @@ import { BehaviorSubject, map, catchError, Subject, takeUntil, merge } from 'rxj
 import { FlatTreeControl } from '@angular/cdk/tree';
 import { takeUntil as takeUntil$1, map as map$1 } from 'rxjs/operators';
 import { MatIconModule } from '@angular/material/icon';
-import * as i7 from '@angular/material/button';
+import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/tree';
 import { MatTreeModule } from '@angular/material/tree';
@@ -418,15 +418,11 @@ var PermissionType;
     PermissionType["CREATE_SUBGROUP"] = "CREATE_SUBGROUP";
     PermissionType["EDIT_GROUP"] = "EDIT_GROUP";
     PermissionType["DELETE_GROUP"] = "DELETE_GROUP";
+    PermissionType["MANAGE_SYSTEM_USERS"] = "MANAGE_SYSTEM_USERS";
     PermissionType["VIEW_GROUP_OFFICERS"] = "VIEW_GROUP_OFFICERS";
     PermissionType["MANAGE_GROUP_OFFICERS"] = "MANAGE_GROUP_OFFICERS";
     PermissionType["VIEW_GROUP_MEMBERS"] = "VIEW_GROUP_MEMBERS";
     PermissionType["MANAGE_GROUP_MEMBERS"] = "MANAGE_GROUP_MEMBERS";
-    PermissionType["MANAGE_SYSTEM_USERS"] = "MANAGE_SYSTEM_USERS";
-    PermissionType["VIEW_ALL_GROUPS"] = "VIEW_ALL_GROUPS";
-    PermissionType["MANAGE_ALL_GROUPS"] = "MANAGE_ALL_GROUPS";
-    PermissionType["VIEW_ALL_ROSTERS"] = "VIEW_ALL_ROSTERS";
-    PermissionType["MANAGE_ALL_ROSTERS"] = "MANAGE_ALL_ROSTERS";
 })(PermissionType || (PermissionType = {}));
 
 class GroupPermissionsMapService {
@@ -457,6 +453,11 @@ class GroupPermissionsMapService {
                 permissionName: 'Edit Group Details',
                 permissionId: 'PERM_NESC_d64e1f09-d3f7-4f86-a94c-4782a2f60571',
             },
+            {
+                permissionType: PermissionType.MANAGE_SYSTEM_USERS,
+                permissionName: 'Manage System Users',
+                permissionId: 'PERM_NESC_d2c103e9-20c6-4dd5-b320-f7d4d017c574',
+            },
             {
                 permissionType: PermissionType.VIEW_GROUP_OFFICERS,
                 permissionName: 'View Group Officers',
@@ -478,51 +479,10 @@ class GroupPermissionsMapService {
                 permissionId: 'PERM_NESC_1969fecb-6383-446e-9276-b6a7b7265cb4',
             },
         ];
-        this.globalGroupPermissions = [
-            {
-                permissionType: PermissionType.MANAGE_SYSTEM_USERS,
-                permissionName: 'Manage System Users',
-                permissionId: 'PERM_NESC_d2c103e9-20c6-4dd5-b320-f7d4d017c574',
-            },
-            {
-                permissionType: PermissionType.VIEW_ALL_GROUPS,
-                permissionName: 'View All Group Details',
-                permissionId: 'PERM_NESC_741d7504-7595-4bec-811f-8d601333e7c4',
-            },
-            {
-                permissionType: PermissionType.MANAGE_ALL_GROUPS,
-                permissionName: 'Manage All Group Details',
-                permissionId: 'PERM_NESC_eebde105-0b53-44c8-babc-066be903229f',
-            },
-            {
-                permissionType: PermissionType.VIEW_ALL_ROSTERS,
-                permissionName: 'View All Rosters',
-                permissionId: 'PERM_NESC_0109d7c7-6d64-4673-b63b-3a23f3323530',
-            },
-            {
-                permissionType: PermissionType.MANAGE_ALL_ROSTERS,
-                permissionName: 'Manage All Rosters',
-                permissionId: 'PERM_NESC_6fec2e8c-1b48-46a9-b394-34d3648d6fe8',
-            },
-        ];
     }
-    /**
-     * Returns group-wise permission mappings.
-     * @return {GroupPermission[]}
-     * @memberof GroupPermissionsMapService
-     */
     getGroupPermissions() {
         return this.groupPermissions;
     }
-    /**
-     * Returns global permissions mapping for groups.
-     * Global permissions are maintained separately as global permissions also include role based group wise permissions irrespective of the attached group.
-     * @return {GroupPermission[]}
-     * @memberof GroupPermissionsMapService
-     */
-    getGlobalGroupPermissions() {
-        return this.globalGroupPermissions;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupPermissionsMapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupPermissionsMapService, providedIn: 'root' }); }
 }
@@ -557,8 +517,10 @@ class UserPermissionsService {
      * @return {GroupPermissions[]}
      * @memberof UserPermissionsService
      */
-    filterUserGroupPermissions(userPermissions, groupPermissions) {
-        const userGroupPermissions = groupPermissions?.filter((permission) => userPermissions?.find(({ permissionId }) => permission?.permissionId === permissionId));
+    filterUserGroupPermissions(userPermissions) {
+        const userGroupPermissions = this.groupPermissionsService
+            ?.getGroupPermissions()
+            ?.filter((permission) => userPermissions?.find(({ permissionId }) => permission?.permissionId === permissionId));
         return userGroupPermissions;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, deps: [{ token: GroupPermissionsMapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -583,13 +545,10 @@ class GroupsService {
     // eslint-disable-next-line no-unused-vars
     userPermissionsService, 
     // eslint-disable-next-line no-unused-vars
-    groupPermissionsService, 
-    // eslint-disable-next-line no-unused-vars
     alertService // eslint-disable-next-line no-empty-function
     ) {
         this.httpService = httpService;
         this.userPermissionsService = userPermissionsService;
-        this.groupPermissionsService = groupPermissionsService;
         this.alertService = alertService;
         this.groupsText = errors;
         this.openModalNotifier = new BehaviorSubject(GroupFunctionType.VIEW_ROSTER);
@@ -609,7 +568,7 @@ class GroupsService {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getGroupTypes() {
         return this.httpService
-            .getData(`${this.apiBaseUrl}/groups/config/groupTypeConfigInfo`)
+            .getData(`${this.apiBaseUrl}/configurations/config/group_type`)
             .pipe(map((response) => {
             this.setLoadedGroupTypes(response?.body);
             return response;
@@ -1059,17 +1018,11 @@ class GroupsService {
     }
     /**
      * Validates permission based access for provided feature.
-     * Checks for group level permissions, and provides access based on individual group permissions.
-     * For global permissions provides access across the individual groups or System groups.
      * @param {PermissionType} permissionType
      * @return {boolean}
      * @memberof GroupsService
      */
-    validateAccess(permissionType, permissions) {
-        if (permissions) {
-            const userPermissionsToGroup = this.userPermissionsService.filterUserGroupPermissions(permissions, this.groupPermissionsService.getGroupPermissions());
-            return this.userPermissionsService.validateAccessPermission(permissionType, userPermissionsToGroup);
-        }
+    validateAccess(permissionType) {
         return this.userPermissionsService.validateAccessPermission(permissionType, this.getUserGroupPermissions());
     }
     /**
@@ -1140,7 +1093,7 @@ class GroupsService {
     getParentGroupChangeStatus() {
         return this.isParentGroupChanged;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, deps: [{ token: i2.HttpService }, { token: UserPermissionsService }, { token: GroupPermissionsMapService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, deps: [{ token: i2.HttpService }, { token: UserPermissionsService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsService, decorators: [{
@@ -1148,7 +1101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i2.HttpService }, { type: UserPermissionsService }, { type: GroupPermissionsMapService }, { type: i2.AlertsService }]; } });
+        }], ctorParameters: function () { return [{ type: i2.HttpService }, { type: UserPermissionsService }, { type: i2.AlertsService }]; } });
 
 const INDEX_VALUE = 4;
 /**
@@ -1215,47 +1168,35 @@ class CreateGroupComponent {
             this.createFormGroup();
         }
         else {
-            this.groupsService
-                .getGroupTypes()
-                .pipe(takeUntil(this.destroy$))
-                .subscribe({
-                next: (res) => {
-                    if (res?.status) {
-                        const groupTypes = this.groupsService?.getFormattedGroupTypes(res?.body);
-                        if (this.selectedGroupInfo?.groupType) {
-                            const allowedGroupType = groupTypes[this.selectedGroupInfo?.groupType]?.businessRule
-                                ?.allowedGroupType;
-                            if (allowedGroupType?.length) {
-                                this.groupTypes = allowedGroupType.map((groupTypeId) => ({
-                                    id: groupTypeId,
-                                    name: groupTypes[groupTypeId]?.name,
-                                }));
-                                this.groupTypes = this.groupTypes.filter((groupType) => !groupTypes[groupType.id]?.businessRule?.isAdmin);
-                            }
-                            else {
-                                this.showAlertMessage(errors?.ER1000, AlertType.ERROR);
-                            }
-                        }
-                        else {
-                            this.groupTypes = Object.entries(groupTypes).map(([id, item]) => ({
-                                id,
-                                name: item?.name,
-                            }));
-                            this.groupTypes = this.groupTypes.filter((groupType) => groupTypes[groupType.id]?.hierarchy === 0 &&
-                                !groupTypes[groupType.id]?.businessRule?.isAdmin);
-                        }
-                        if (this.groupTypes?.length) {
-                            this.createFormGroup();
-                        }
-                        else {
-                            this.showAlertMessage(errors?.['1010'], AlertType.ERROR);
-                        }
-                    }
-                },
-                error: (error) => {
-                    this.handleErrors(error);
-                },
-            });
+            const groupTypes = this.groupsService?.getFormattedGroupTypes(this.groupsService?.getLoadedGroupTypes());
+            if (this.selectedGroupInfo?.groupType) {
+                const allowedGroupType = groupTypes[this.selectedGroupInfo?.groupType]?.businessRule
+                    ?.allowedGroupType;
+                if (allowedGroupType?.length) {
+                    this.groupTypes = allowedGroupType.map((groupTypeId) => ({
+                        id: groupTypeId,
+                        name: groupTypes[groupTypeId]?.name,
+                    }));
+                    this.groupTypes = this.groupTypes.filter((groupType) => !groupTypes[groupType.id]?.businessRule?.isAdmin);
+                }
+                else {
+                    this.showAlertMessage(errors?.ER1000, AlertType.ERROR);
+                }
+            }
+            else {
+                this.groupTypes = Object.entries(groupTypes).map(([id, item]) => ({
+                    id,
+                    name: item?.name,
+                }));
+                this.groupTypes = this.groupTypes.filter((groupType) => groupTypes[groupType.id]?.hierarchy === 0 &&
+                    !groupTypes[groupType.id]?.businessRule?.isAdmin);
+            }
+            if (this.groupTypes?.length) {
+                this.createFormGroup();
+            }
+            else {
+                this.showAlertMessage(errors?.['1010'], AlertType.ERROR);
+            }
         }
     }
     /**
@@ -1395,8 +1336,8 @@ class CreateGroupComponent {
                 type: FormControlType?.TEXT_AREA,
                 label: this.createGroupText?.label?.parentGroup,
                 controlName: 'parentGroup',
-                value: parentGroupInfo?.groupName ??
-                    this.selectedGroupParentInfo?.groupName,
+                value: this.selectedGroupParentInfo?.groupName ??
+                    parentGroupInfo?.groupName,
                 ariaLabel: this.createGroupText?.label?.ariaLabel?.parentGroup,
                 ariaDescribedById: this.createGroupText?.label?.ariaDescribedById?.parentGroup,
                 isReadonly: true,
@@ -2165,31 +2106,26 @@ class TreeViewComponent {
     getFilteredGroupActions(group) {
         const filteredMenu = [];
         const isAdminGroupType = group?.item?.groupTypeInfo?.businessRule?.isAdmin;
-        const groupPermissions = group?.item?.permissions;
         this.menuItems?.forEach((e) => {
             e.isToolTipNeeded = false;
             if ((e?.id === GroupAction.VIEW_ROSTER &&
                 ((isAdminGroupType &&
-                    this.groupsService.validateAccess(this.permissionType.MANAGE_SYSTEM_USERS, groupPermissions)) ||
+                    this.groupsService.validateAccess(this.permissionType.MANAGE_SYSTEM_USERS)) ||
                     (!isAdminGroupType &&
-                        (this.groupsService.validateAccess(this.permissionType.VIEW_GROUP_OFFICERS, groupPermissions) ||
-                            this.groupsService.validateAccess(this.permissionType.MANAGE_GROUP_OFFICERS, groupPermissions) ||
-                            this.groupsService.validateAccess(this.permissionType.VIEW_GROUP_MEMBERS, groupPermissions) ||
-                            this.groupsService.validateAccess(this.permissionType.VIEW_ALL_ROSTERS) ||
-                            this.groupsService.validateAccess(this.permissionType.MANAGE_GROUP_MEMBERS, groupPermissions))))) ||
+                        (this.groupsService.validateAccess(this.permissionType.VIEW_GROUP_OFFICERS) ||
+                            this.groupsService.validateAccess(this.permissionType.MANAGE_GROUP_OFFICERS) ||
+                            this.groupsService.validateAccess(this.permissionType.VIEW_GROUP_MEMBERS) ||
+                            this.groupsService.validateAccess(this.permissionType.MANAGE_GROUP_MEMBERS))))) ||
                 (e?.id === GroupAction.EDIT_GROUP &&
                     !isAdminGroupType &&
-                    (this.groupsService.validateAccess(this.permissionType.EDIT_GROUP, groupPermissions) ||
-                        this.groupsService.validateAccess(this.permissionType.MANAGE_ALL_GROUPS))) ||
+                    this.groupsService.validateAccess(this.permissionType.EDIT_GROUP)) ||
                 (e?.id === GroupAction.DELETE_GROUP &&
                     !isAdminGroupType &&
-                    (this.groupsService.validateAccess(this.permissionType.DELETE_GROUP, groupPermissions) ||
-                        this.groupsService.validateAccess(this.permissionType.MANAGE_ALL_GROUPS)) &&
+                    this.groupsService.validateAccess(this.permissionType.DELETE_GROUP) &&
                     !group?.item?.hasChildren) ||
                 (e?.id === GroupAction.CREATE_SUB_GROUP &&
                     group?.item?.groupTypeInfo?.businessRule?.allowSubGroup &&
-                    (this.groupsService.validateAccess(this.permissionType.CREATE_SUBGROUP, groupPermissions) ||
-                        this.groupsService.validateAccess(this.permissionType.MANAGE_ALL_GROUPS)) &&
+                    this.groupsService.validateAccess(this.permissionType.CREATE_SUBGROUP) &&
                     !isAdminGroupType)) {
                 filteredMenu.push(e);
             }
@@ -2215,7 +2151,7 @@ class TreeViewComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, deps: [{ token: Groups }, { token: i0.ElementRef }, { token: GroupsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewComponent, isStandalone: true, selector: "ieeesa-tree", inputs: { parentGroupsInfo: "parentGroupsInfo", childGroupsInfo: "childGroupsInfo", isGroupSearchOrFilterActive: "isGroupSearchOrFilterActive", deletedGroupIdInfo: "deletedGroupIdInfo", userGroupPermissions: "userGroupPermissions" }, outputs: { toggleGroupClick: "toggleGroupClick", createGroupClick: "createGroupClick", editGroupClick: "editGroupClick", deleteGroupClick: "deleteGroupClick", viewRosterClick: "viewRosterClick" }, ngImport: i0, template: "<div class=\"ieeesa-tree\">\r\n  <mat-tree\r\n    [dataSource]=\"dataSource\"\r\n    [treeControl]=\"treeControl\"\r\n    class=\"ieeesa-tree__root\"\r\n    #rootSelector\r\n    role=\"treegrid\"\r\n  >\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div\r\n          [ngClass]=\"\r\n            !isGroupSearchOrFilterActive ? 'ieeesa-tree__collapse-icon' : ''\r\n          \"\r\n          role=\"gridcell\"\r\n        ></div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node; when: hasChildGroups\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16 ieeesa-tree__parent-node-wrapper\"\r\n    >\r\n      <div\r\n        [ngClass]=\"\r\n          treeControl.isExpanded(node)\r\n            ? 'ieeesa-tree__root-node-white-bg'\r\n            : 'ieeesa-tree__root-node'\r\n        \"\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div role=\"gridcell\">\r\n          <ieeesa-icon-button\r\n            *ngIf=\"!isGroupSearchOrFilterActive\"\r\n            (iconButtonClick)=\"viewChildGroups(node)\"\r\n            [iconButton]=\"getToggleButtonInfo(node)\"\r\n          ></ieeesa-icon-button>\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <ng-template #ieeesaGroupNodeOutlet let-node>\r\n      <ng-container\r\n        *ngTemplateOutlet=\"ieeesaGroupInfoOutlet; context: { $implicit: node }\"\r\n      ></ng-container>\r\n      <div\r\n        class=\"d-flex d-none gap-3 d-sm-flex d-md-flex d-lg-flex ieeesa-tree__group-actions\"\r\n        role=\"gridcell\"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupActionsOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n      <ieeesa-menu\r\n        [menuItems]=\"getFilteredGroupActions(node)\"\r\n        (menuItemClick)=\"onGroupActionsClick($event); handleGroupActions(node)\"\r\n        class=\"d-lg-none d-md-none d-sm-none\"\r\n        role=\"gridcell\"\r\n      ></ieeesa-menu>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupInfoOutlet let-node>\r\n      <div class=\"ieeesa-tree__group-info-wrapper\">\r\n        <div\r\n          class=\"ieeesa-tree__group-info d-flex flex-column flex-sm-column flex-md-column flex-lg-row align-items-start align-items-sm-baseline align-items-md-baseline align-items-lg-baseline gap-2 mb-1\"\r\n        >\r\n          <p\r\n            class=\"ieeesa-tree__node-group-name ieeesa-headline-sm-26\"\r\n            [matTooltip]=\"node?.item?.groupName\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupName }}\r\n          </p>\r\n          <p\r\n            class=\"ieeesa-tree__node-group-acronym ieeesa-title-lg-24\"\r\n            [matTooltip]=\"node?.item?.groupAcronym\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupAcronym }}\r\n          </p>\r\n        </div>\r\n        <div class=\"ieeesa-body-md-16 ieeesa-tree__node-group-desc\">\r\n          {{ node?.item?.groupTypeInfo?.name }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupActionsOutlet let-node>\r\n      <ieeesa-icon-button\r\n        *ngFor=\"let item of getFilteredGroupActions(node); trackBy: trackByFn\"\r\n        [iconButton]=\"item\"\r\n        (iconButtonClick)=\"\r\n          onGroupActionsClick($event); handleGroupActions(node)\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-template>\r\n  </mat-tree>\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-tree p{margin-bottom:0}.ieeesa-tree .ieeesa-icon-button{padding:1px 6px}.ieeesa-tree .mat-mdc-icon-button{padding:0!important;position:absolute;right:1.7em}.ieeesa-tree__group-actions{position:absolute;right:4.375em}.ieeesa-tree__group-info-wrapper{width:80%;max-width:60%}.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:69%}.ieeesa-tree__node-group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:67%;min-width:0}.ieeesa-tree__node-group-acronym{color:#63666a!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:auto;max-width:100%;min-width:0}.ieeesa-tree__node-group-desc{color:#4a4d50!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ieeesa-tree__node-group-desc:hover{white-space:normal}.ieeesa-tree__node{background:#f4f8fe;padding:.75em 1.5em .75em 1.125em}.ieeesa-tree__root-node-white-bg{background:#fff;box-shadow:0 1px #00b5e2 inset,6px 0 #379dfc inset}.ieeesa-tree__collapse-icon{min-width:3.25em}@media (max-width: 992px){.ieeesa-tree__group-info-wrapper{max-width:60%}.ieeesa-tree__node-group-acronym{max-width:90%}}@media (max-width: 576px){.ieeesa-tree__group-info-wrapper,.ieeesa-tree__node-group-acronym,.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:90%}.ieeesa-tree__node-group-name{max-width:80%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: MenuComponent, selector: "ieeesa-menu", inputs: ["menuItems", "button", "isMarginBottomZero"], outputs: ["menuItemClick"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: TextTruncatedDirective, selector: "[matTooltip][ieeesaTextTruncated]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewComponent, isStandalone: true, selector: "ieeesa-tree", inputs: { parentGroupsInfo: "parentGroupsInfo", childGroupsInfo: "childGroupsInfo", isGroupSearchOrFilterActive: "isGroupSearchOrFilterActive", deletedGroupIdInfo: "deletedGroupIdInfo", userGroupPermissions: "userGroupPermissions" }, outputs: { toggleGroupClick: "toggleGroupClick", createGroupClick: "createGroupClick", editGroupClick: "editGroupClick", deleteGroupClick: "deleteGroupClick", viewRosterClick: "viewRosterClick" }, ngImport: i0, template: "<div class=\"ieeesa-tree\">\r\n  <mat-tree\r\n    [dataSource]=\"dataSource\"\r\n    [treeControl]=\"treeControl\"\r\n    class=\"ieeesa-tree__root\"\r\n    #rootSelector\r\n    role=\"treegrid\"\r\n  >\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div\r\n          [ngClass]=\"\r\n            !isGroupSearchOrFilterActive ? 'ieeesa-tree__collapse-icon' : ''\r\n          \"\r\n          role=\"gridcell\"\r\n        ></div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node; when: hasChildGroups\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16 ieeesa-tree__parent-node-wrapper\"\r\n    >\r\n      <div\r\n        [ngClass]=\"\r\n          treeControl.isExpanded(node)\r\n            ? 'ieeesa-tree__root-node-white-bg'\r\n            : 'ieeesa-tree__root-node'\r\n        \"\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div role=\"gridcell\">\r\n          <ieeesa-icon-button\r\n            *ngIf=\"!isGroupSearchOrFilterActive\"\r\n            (iconButtonClick)=\"viewChildGroups(node)\"\r\n            [iconButton]=\"getToggleButtonInfo(node)\"\r\n          ></ieeesa-icon-button>\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <ng-template #ieeesaGroupNodeOutlet let-node>\r\n      <ng-container\r\n        *ngTemplateOutlet=\"ieeesaGroupInfoOutlet; context: { $implicit: node }\"\r\n      ></ng-container>\r\n      <div\r\n        class=\"d-flex d-none gap-3 d-sm-flex d-md-flex d-lg-flex ieeesa-tree__group-actions\"\r\n        role=\"gridcell\"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupActionsOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n      <ieeesa-menu\r\n        [menuItems]=\"getFilteredGroupActions(node)\"\r\n        (menuItemClick)=\"onGroupActionsClick($event); handleGroupActions(node)\"\r\n        class=\"d-lg-none d-md-none d-sm-none\"\r\n        role=\"gridcell\"\r\n      ></ieeesa-menu>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupInfoOutlet let-node>\r\n      <div class=\"ieeesa-tree__group-info-wrapper\">\r\n        <div\r\n          class=\"ieeesa-tree__group-info d-flex flex-column flex-sm-column flex-md-column flex-lg-row align-items-start align-items-sm-baseline align-items-md-baseline align-items-lg-baseline gap-2 mb-1\"\r\n        >\r\n          <p\r\n            class=\"ieeesa-tree__node-group-name ieeesa-headline-sm-26\"\r\n            [matTooltip]=\"node?.item?.groupName\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >{{ node?.item?.groupName }}</p>\r\n          <p\r\n            class=\"ieeesa-tree__node-group-acronym ieeesa-title-lg-24\"\r\n            [matTooltip]=\"node?.item?.groupAcronym\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupAcronym }}\r\n          </p>\r\n        </div>\r\n        <div class=\"ieeesa-body-md-16 ieeesa-tree__node-group-desc\">\r\n          {{ node?.item?.groupTypeInfo?.name }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupActionsOutlet let-node>\r\n      <ieeesa-icon-button\r\n        *ngFor=\"let item of getFilteredGroupActions(node); trackBy: trackByFn\"\r\n        [iconButton]=\"item\"\r\n        (iconButtonClick)=\"\r\n          onGroupActionsClick($event); handleGroupActions(node)\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-template>\r\n  </mat-tree>\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-tree p{margin-bottom:0}.ieeesa-tree .ieeesa-icon-button{padding:1px 6px}.ieeesa-tree .mat-mdc-icon-button{padding:0!important;position:absolute;right:1.7em}.ieeesa-tree__group-actions{position:absolute;right:4.375em}.ieeesa-tree__group-info-wrapper{width:80%;max-width:60%}.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:69%}.ieeesa-tree__node-group-name{text-overflow:ellipsis;white-space:pre;overflow:hidden;max-width:67%;min-width:0}.ieeesa-tree__node-group-acronym{color:#63666a!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:auto;max-width:100%;min-width:0}.ieeesa-tree__node-group-desc{color:#4a4d50!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ieeesa-tree__node-group-desc:hover{white-space:normal}.ieeesa-tree__node{background:#f4f8fe;padding:.75em 1.5em .75em 1.125em}.ieeesa-tree__root-node-white-bg{background:#fff;box-shadow:0 1px #00b5e2 inset,6px 0 #379dfc inset}.ieeesa-tree__collapse-icon{min-width:3.25em}@media (max-width: 992px){.ieeesa-tree__group-info-wrapper{max-width:60%}.ieeesa-tree__node-group-acronym{max-width:90%}}@media (max-width: 576px){.ieeesa-tree__group-info-wrapper,.ieeesa-tree__node-group-acronym,.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:90%}.ieeesa-tree__node-group-name{max-width:80%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: MenuComponent, selector: "ieeesa-menu", inputs: ["menuItems", "button", "isMarginBottomZero"], outputs: ["menuItemClick"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton"], outputs: ["iconButtonClick"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: TextTruncatedDirective, selector: "[matTooltip][ieeesaTextTruncated]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
@@ -2228,7 +2164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         IconButtonComponent,
                         MatTooltipModule,
                         TextTruncatedDirective,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-tree\">\r\n  <mat-tree\r\n    [dataSource]=\"dataSource\"\r\n    [treeControl]=\"treeControl\"\r\n    class=\"ieeesa-tree__root\"\r\n    #rootSelector\r\n    role=\"treegrid\"\r\n  >\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div\r\n          [ngClass]=\"\r\n            !isGroupSearchOrFilterActive ? 'ieeesa-tree__collapse-icon' : ''\r\n          \"\r\n          role=\"gridcell\"\r\n        ></div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node; when: hasChildGroups\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16 ieeesa-tree__parent-node-wrapper\"\r\n    >\r\n      <div\r\n        [ngClass]=\"\r\n          treeControl.isExpanded(node)\r\n            ? 'ieeesa-tree__root-node-white-bg'\r\n            : 'ieeesa-tree__root-node'\r\n        \"\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div role=\"gridcell\">\r\n          <ieeesa-icon-button\r\n            *ngIf=\"!isGroupSearchOrFilterActive\"\r\n            (iconButtonClick)=\"viewChildGroups(node)\"\r\n            [iconButton]=\"getToggleButtonInfo(node)\"\r\n          ></ieeesa-icon-button>\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <ng-template #ieeesaGroupNodeOutlet let-node>\r\n      <ng-container\r\n        *ngTemplateOutlet=\"ieeesaGroupInfoOutlet; context: { $implicit: node }\"\r\n      ></ng-container>\r\n      <div\r\n        class=\"d-flex d-none gap-3 d-sm-flex d-md-flex d-lg-flex ieeesa-tree__group-actions\"\r\n        role=\"gridcell\"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupActionsOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n      <ieeesa-menu\r\n        [menuItems]=\"getFilteredGroupActions(node)\"\r\n        (menuItemClick)=\"onGroupActionsClick($event); handleGroupActions(node)\"\r\n        class=\"d-lg-none d-md-none d-sm-none\"\r\n        role=\"gridcell\"\r\n      ></ieeesa-menu>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupInfoOutlet let-node>\r\n      <div class=\"ieeesa-tree__group-info-wrapper\">\r\n        <div\r\n          class=\"ieeesa-tree__group-info d-flex flex-column flex-sm-column flex-md-column flex-lg-row align-items-start align-items-sm-baseline align-items-md-baseline align-items-lg-baseline gap-2 mb-1\"\r\n        >\r\n          <p\r\n            class=\"ieeesa-tree__node-group-name ieeesa-headline-sm-26\"\r\n            [matTooltip]=\"node?.item?.groupName\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupName }}\r\n          </p>\r\n          <p\r\n            class=\"ieeesa-tree__node-group-acronym ieeesa-title-lg-24\"\r\n            [matTooltip]=\"node?.item?.groupAcronym\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupAcronym }}\r\n          </p>\r\n        </div>\r\n        <div class=\"ieeesa-body-md-16 ieeesa-tree__node-group-desc\">\r\n          {{ node?.item?.groupTypeInfo?.name }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupActionsOutlet let-node>\r\n      <ieeesa-icon-button\r\n        *ngFor=\"let item of getFilteredGroupActions(node); trackBy: trackByFn\"\r\n        [iconButton]=\"item\"\r\n        (iconButtonClick)=\"\r\n          onGroupActionsClick($event); handleGroupActions(node)\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-template>\r\n  </mat-tree>\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-tree p{margin-bottom:0}.ieeesa-tree .ieeesa-icon-button{padding:1px 6px}.ieeesa-tree .mat-mdc-icon-button{padding:0!important;position:absolute;right:1.7em}.ieeesa-tree__group-actions{position:absolute;right:4.375em}.ieeesa-tree__group-info-wrapper{width:80%;max-width:60%}.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:69%}.ieeesa-tree__node-group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:67%;min-width:0}.ieeesa-tree__node-group-acronym{color:#63666a!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:auto;max-width:100%;min-width:0}.ieeesa-tree__node-group-desc{color:#4a4d50!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ieeesa-tree__node-group-desc:hover{white-space:normal}.ieeesa-tree__node{background:#f4f8fe;padding:.75em 1.5em .75em 1.125em}.ieeesa-tree__root-node-white-bg{background:#fff;box-shadow:0 1px #00b5e2 inset,6px 0 #379dfc inset}.ieeesa-tree__collapse-icon{min-width:3.25em}@media (max-width: 992px){.ieeesa-tree__group-info-wrapper{max-width:60%}.ieeesa-tree__node-group-acronym{max-width:90%}}@media (max-width: 576px){.ieeesa-tree__group-info-wrapper,.ieeesa-tree__node-group-acronym,.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:90%}.ieeesa-tree__node-group-name{max-width:80%}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-tree\">\r\n  <mat-tree\r\n    [dataSource]=\"dataSource\"\r\n    [treeControl]=\"treeControl\"\r\n    class=\"ieeesa-tree__root\"\r\n    #rootSelector\r\n    role=\"treegrid\"\r\n  >\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16\"\r\n    >\r\n      <div\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div\r\n          [ngClass]=\"\r\n            !isGroupSearchOrFilterActive ? 'ieeesa-tree__collapse-icon' : ''\r\n          \"\r\n          role=\"gridcell\"\r\n        ></div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <mat-tree-node\r\n      *matTreeNodeDef=\"let node; when: hasChildGroups\"\r\n      matTreeNodePadding\r\n      [matTreeNodePaddingIndent]=\"treePaddingIndent\"\r\n      class=\"ieeesa-body-md-16 ieeesa-tree__parent-node-wrapper\"\r\n    >\r\n      <div\r\n        [ngClass]=\"\r\n          treeControl.isExpanded(node)\r\n            ? 'ieeesa-tree__root-node-white-bg'\r\n            : 'ieeesa-tree__root-node'\r\n        \"\r\n        class=\"ieeesa-tree__node w-100 d-flex gap-lg-3 my-0 gap-0 gap-sm-0 gap-md-2\"\r\n        [ngStyle]=\"getBoxShadow(node?.item?.groupTypeInfo?.legendColor)\"\r\n      >\r\n        <div role=\"gridcell\">\r\n          <ieeesa-icon-button\r\n            *ngIf=\"!isGroupSearchOrFilterActive\"\r\n            (iconButtonClick)=\"viewChildGroups(node)\"\r\n            [iconButton]=\"getToggleButtonInfo(node)\"\r\n          ></ieeesa-icon-button>\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupNodeOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n    </mat-tree-node>\r\n    <ng-template #ieeesaGroupNodeOutlet let-node>\r\n      <ng-container\r\n        *ngTemplateOutlet=\"ieeesaGroupInfoOutlet; context: { $implicit: node }\"\r\n      ></ng-container>\r\n      <div\r\n        class=\"d-flex d-none gap-3 d-sm-flex d-md-flex d-lg-flex ieeesa-tree__group-actions\"\r\n        role=\"gridcell\"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            ieeesaGroupActionsOutlet;\r\n            context: { $implicit: node }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n      <ieeesa-menu\r\n        [menuItems]=\"getFilteredGroupActions(node)\"\r\n        (menuItemClick)=\"onGroupActionsClick($event); handleGroupActions(node)\"\r\n        class=\"d-lg-none d-md-none d-sm-none\"\r\n        role=\"gridcell\"\r\n      ></ieeesa-menu>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupInfoOutlet let-node>\r\n      <div class=\"ieeesa-tree__group-info-wrapper\">\r\n        <div\r\n          class=\"ieeesa-tree__group-info d-flex flex-column flex-sm-column flex-md-column flex-lg-row align-items-start align-items-sm-baseline align-items-md-baseline align-items-lg-baseline gap-2 mb-1\"\r\n        >\r\n          <p\r\n            class=\"ieeesa-tree__node-group-name ieeesa-headline-sm-26\"\r\n            [matTooltip]=\"node?.item?.groupName\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >{{ node?.item?.groupName }}</p>\r\n          <p\r\n            class=\"ieeesa-tree__node-group-acronym ieeesa-title-lg-24\"\r\n            [matTooltip]=\"node?.item?.groupAcronym\"\r\n            ieeesaTextTruncated\r\n            role=\"gridcell\"\r\n          >\r\n            {{ node?.item?.groupAcronym }}\r\n          </p>\r\n        </div>\r\n        <div class=\"ieeesa-body-md-16 ieeesa-tree__node-group-desc\">\r\n          {{ node?.item?.groupTypeInfo?.name }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #ieeesaGroupActionsOutlet let-node>\r\n      <ieeesa-icon-button\r\n        *ngFor=\"let item of getFilteredGroupActions(node); trackBy: trackByFn\"\r\n        [iconButton]=\"item\"\r\n        (iconButtonClick)=\"\r\n          onGroupActionsClick($event); handleGroupActions(node)\r\n        \"\r\n      >\r\n      </ieeesa-icon-button>\r\n    </ng-template>\r\n  </mat-tree>\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-tree p{margin-bottom:0}.ieeesa-tree .ieeesa-icon-button{padding:1px 6px}.ieeesa-tree .mat-mdc-icon-button{padding:0!important;position:absolute;right:1.7em}.ieeesa-tree__group-actions{position:absolute;right:4.375em}.ieeesa-tree__group-info-wrapper{width:80%;max-width:60%}.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:69%}.ieeesa-tree__node-group-name{text-overflow:ellipsis;white-space:pre;overflow:hidden;max-width:67%;min-width:0}.ieeesa-tree__node-group-acronym{color:#63666a!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:auto;max-width:100%;min-width:0}.ieeesa-tree__node-group-desc{color:#4a4d50!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ieeesa-tree__node-group-desc:hover{white-space:normal}.ieeesa-tree__node{background:#f4f8fe;padding:.75em 1.5em .75em 1.125em}.ieeesa-tree__root-node-white-bg{background:#fff;box-shadow:0 1px #00b5e2 inset,6px 0 #379dfc inset}.ieeesa-tree__collapse-icon{min-width:3.25em}@media (max-width: 992px){.ieeesa-tree__group-info-wrapper{max-width:60%}.ieeesa-tree__node-group-acronym{max-width:90%}}@media (max-width: 576px){.ieeesa-tree__group-info-wrapper,.ieeesa-tree__node-group-acronym,.ieeesa-tree__parent-node-wrapper .ieeesa-tree__group-info-wrapper{max-width:90%}.ieeesa-tree__node-group-name{max-width:80%}}\n"] }]
         }], ctorParameters: function () { return [{ type: Groups }, { type: i0.ElementRef }, { type: GroupsService }]; }, propDecorators: { parentGroupsInfo: [{
                 type: Input
             }], childGroupsInfo: [{
@@ -3546,8 +3482,7 @@ class ViewRosterComponent {
     getManageRosterActionsPermission() {
         return (this.groupService.validateAccess(PermissionType.MANAGE_SYSTEM_USERS) ||
             this.groupService.validateAccess(PermissionType.MANAGE_GROUP_OFFICERS) ||
-            this.groupService.validateAccess(PermissionType.MANAGE_GROUP_MEMBERS) ||
-            this.groupService.validateAccess(PermissionType.MANAGE_ALL_ROSTERS));
+            this.groupService.validateAccess(PermissionType.MANAGE_GROUP_MEMBERS));
     }
     /**
      * Configure Table information based on group roster type
@@ -4193,16 +4128,13 @@ class GroupsComponent {
     // eslint-disable-next-line no-unused-vars
     globalErrorHandlerService, 
     // eslint-disable-next-line no-unused-vars
-    userPermissionsService, 
-    // eslint-disable-next-line no-unused-vars
-    groupPermissionsService) {
+    userPermissionsService) {
         this.dialog = dialog;
         this.groupsService = groupsService;
         this.alertService = alertService;
         this.breakpointObserverService = breakpointObserverService;
         this.globalErrorHandlerService = globalErrorHandlerService;
         this.userPermissionsService = userPermissionsService;
-        this.groupPermissionsService = groupPermissionsService;
         this.destroy$ = new Subject();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.constants = screenTexts;
@@ -4263,7 +4195,7 @@ class GroupsComponent {
                 ' ' +
                 this.viewGroupTexts?.minCharRequiredToSearch2;
         this.userGroupPermissions =
-            this.userPermissionsService.filterUserGroupPermissions(this.userPermissions, this.groupPermissionsService?.getGlobalGroupPermissions());
+            this.userPermissionsService.filterUserGroupPermissions(this.userPermissions);
         this.groupsService.setUserGroupPermissions(this.userGroupPermissions);
         this.groupsService?.setAppConfig(this.apiBaseURL, this.userPermissions);
         this.getGroupTypes();
@@ -4295,16 +4227,21 @@ class GroupsComponent {
      * @memberof GroupsComponent
      */
     openCreateGroupForm(parentGroupInfo) {
-        this.groupsService?.setSelectedGroupInfo(parentGroupInfo ?? undefined);
-        this.groupsService?.setGroupFunctionType(GroupFunctionType?.CREATE);
-        const dialogOptions = {
-            heading: this.createGroupText?.heading,
-            isCloseNeeded: true,
-            componentReference: CreateGroupComponent,
-            modalType: ModalType.FORM,
-        };
-        this.functionType = GroupFunctionType?.CREATE;
-        this.openModal(dialogOptions, 'ieeesa-create-group', parentGroupInfo);
+        const groupTypes = this.groupsService.getLoadedGroupTypes();
+        if (groupTypes && groupTypes?.length > 0) {
+            this.groupsService?.setSelectedGroupInfo(parentGroupInfo ?? undefined);
+            this.groupsService?.setGroupFunctionType(GroupFunctionType?.CREATE);
+            const dialogOptions = {
+                heading: this.createGroupText?.heading,
+                isCloseNeeded: true,
+                componentReference: CreateGroupComponent,
+                modalType: ModalType.FORM,
+            };
+            this.functionType = GroupFunctionType?.CREATE;
+            this.openModal(dialogOptions, 'ieeesa-create-group', parentGroupInfo);
+        }
+        else
+            this.showAlertMessage(AlertType.ERROR, this.constants?.errors?.['1010']);
     }
     /**
      * Sets the dialog options for edit group modal and calls openModal method.
@@ -4751,8 +4688,8 @@ class GroupsComponent {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsComponent, deps: [{ token: i1.MatDialog }, { token: GroupsService }, { token: i2.AlertsService }, { token: i2.BreakpointObserverService }, { token: i2.GlobalErrorHandlerService }, { token: UserPermissionsService }, { token: GroupPermissionsMapService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GroupsComponent, isStandalone: true, selector: "ieeesa-groups", inputs: { groupsPageInfo: "groupsPageInfo", applicationId: "applicationId", apiBaseURL: "apiBaseURL", userPermissions: "userPermissions" }, providers: [AlertsService], ngImport: i0, template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo.groupsTitle }}\r\n    </p>\r\n    <div [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-groups__info__action'\">\r\n      <button\r\n        mat-button\r\n        *ngIf=\"\r\n          validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n          validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n        \"\r\n        class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n        (click)=\"openCreateGroupForm()\"\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n      >\r\n        {{ constants?.viewGroups?.addGroup }}\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"(validateAccess(permissionType.CREATE_ROOT_GROUP) ||  validateAccess(this.permissionType.MANAGE_ALL_GROUPS))\"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.search\"\r\n        (click)=\"onGroupSearch()\"\r\n        type=\"button\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass search-group-icon\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <p\r\n        class=\"ieeesa-body-md-16 order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7\"\r\n      >\r\n        {{ groupsPageInfo.groupsDescription }}\r\n      </p>\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n    ></ieeesa-tree>\r\n    <div\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      class=\"d-flex flex-column flex-sm-row flex-md-row mt-4 justify-content-start justify-content-sm-end\"\r\n    >\r\n      <p class=\"px-sm-3 d-flex align-items-start ieeesa-label-lg-bold-16\">\r\n        {{ constants?.viewGroups?.legend }}\r\n      </p>\r\n      <ieeesa-legend\r\n        [legends]=\"groupsLegends\"\r\n        [isSorting]=\"isSorting\"\r\n      ></ieeesa-legend>\r\n    </div>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .mat-mdc-button{min-width:45px;padding:0 10px}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info .search-group-icon{height:1.5em;color:#00629b}.ieeesa-groups__info__heading,.ieeesa-groups__info__action{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px;font-size:1rem}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:baseline}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text{display:none}.ieeesa-groups .ieeesa-select-field .mat-mdc-select-min-line{color:#49454f}.ieeesa-groups .ieeesa-search-field__search-icon{color:#00629b}.ieeesa-groups .ieeesa-search-field__button{background:none}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field{width:100%;border-radius:3px;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe;font-size:1rem;box-shadow:0 0 4px #00000080 inset}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { 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: SearchComponent, selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: SelectComponent, selector: "ieeesa-select", inputs: ["isSortNeeded", "dropdownOptions", "selectedOptions", "formControlName", "isMultiLevel", "isLabelAlignedLeft", "selectLabel", "isMultiSelect", "isDisabled", "isSearch", "placeholderText"], outputs: ["optionSelected", "optionSearched"] }, { kind: "component", type: TreeViewComponent, selector: "ieeesa-tree", inputs: ["parentGroupsInfo", "childGroupsInfo", "isGroupSearchOrFilterActive", "deletedGroupIdInfo", "userGroupPermissions"], outputs: ["toggleGroupClick", "createGroupClick", "editGroupClick", "deleteGroupClick", "viewRosterClick"] }, { kind: "component", type: LegendComponent, selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsComponent, deps: [{ token: i1.MatDialog }, { token: GroupsService }, { token: i2.AlertsService }, { token: i2.BreakpointObserverService }, { token: i2.GlobalErrorHandlerService }, { token: UserPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GroupsComponent, isStandalone: true, selector: "ieeesa-groups", inputs: { groupsPageInfo: "groupsPageInfo", applicationId: "applicationId", apiBaseURL: "apiBaseURL", userPermissions: "userPermissions" }, providers: [AlertsService], ngImport: i0, template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo.groupsTitle }}\r\n    </p>\r\n    <div [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-groups__info__action'\">\r\n      <button\r\n        mat-button\r\n        *ngIf=\"validateAccess(permissionType.CREATE_ROOT_GROUP)\"\r\n        class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n        (click)=\"openCreateGroupForm()\"\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n      >\r\n        {{ constants?.viewGroups?.addGroup }}\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"validateAccess(permissionType.CREATE_ROOT_GROUP)\"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.search\"\r\n        (click)=\"onGroupSearch()\"\r\n        type=\"button\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass search-group-icon\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <p\r\n        class=\"ieeesa-body-md-16 order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7\"\r\n      >\r\n        {{ groupsPageInfo.groupsDescription }}\r\n      </p>\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n    ></ieeesa-tree>\r\n    <div\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      class=\"d-flex flex-column flex-sm-row flex-md-row mt-4 justify-content-start justify-content-sm-end\"\r\n    >\r\n      <p class=\"px-sm-3 d-flex align-items-start ieeesa-label-lg-bold-16\">\r\n        {{ constants?.viewGroups?.legend }}\r\n      </p>\r\n      <ieeesa-legend\r\n        [legends]=\"groupsLegends\"\r\n        [isSorting]=\"isSorting\"\r\n      ></ieeesa-legend>\r\n    </div>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .mat-mdc-button{min-width:45px;padding:0 10px}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info .search-group-icon{height:1.5em;color:#00629b}.ieeesa-groups__info__heading,.ieeesa-groups__info__action{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px;font-size:1rem}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:baseline}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text{display:none}.ieeesa-groups .ieeesa-select-field .mat-mdc-select-min-line{color:#49454f}.ieeesa-groups .ieeesa-search-field__search-icon{color:#00629b}.ieeesa-groups .ieeesa-search-field__button{background:none}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field{width:100%;border-radius:3px;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe;font-size:1rem;box-shadow:0 0 4px #00000080 inset}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: SearchComponent, selector: "ieeesa-search", inputs: ["formControlName", "placeholderLabel", "searchTerm", "supportMessage", "searchType", "minCharacterToSearch"], outputs: ["searchValue"] }, { kind: "component", type: SelectComponent, selector: "ieeesa-select", inputs: ["isSortNeeded", "dropdownOptions", "selectedOptions", "formControlName", "isMultiLevel", "isLabelAlignedLeft", "selectLabel", "isMultiSelect", "isDisabled", "isSearch", "placeholderText"], outputs: ["optionSelected", "optionSearched"] }, { kind: "component", type: TreeViewComponent, selector: "ieeesa-tree", inputs: ["parentGroupsInfo", "childGroupsInfo", "isGroupSearchOrFilterActive", "deletedGroupIdInfo", "userGroupPermissions"], outputs: ["toggleGroupClick", "createGroupClick", "editGroupClick", "deleteGroupClick", "viewRosterClick"] }, { kind: "component", type: LegendComponent, selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton"], outputs: ["iconButtonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GroupsComponent, decorators: [{
             type: Component,
@@ -4765,8 +4702,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TreeViewComponent,
                         LegendComponent,
                         IconButtonComponent,
-                    ], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo.groupsTitle }}\r\n    </p>\r\n    <div [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-groups__info__action'\">\r\n      <button\r\n        mat-button\r\n        *ngIf=\"\r\n          validateAccess(permissionType.CREATE_ROOT_GROUP) ||\r\n          validateAccess(this.permissionType.MANAGE_ALL_GROUPS)\r\n        \"\r\n        class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n        (click)=\"openCreateGroupForm()\"\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n      >\r\n        {{ constants?.viewGroups?.addGroup }}\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"(validateAccess(permissionType.CREATE_ROOT_GROUP) ||  validateAccess(this.permissionType.MANAGE_ALL_GROUPS))\"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.search\"\r\n        (click)=\"onGroupSearch()\"\r\n        type=\"button\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass search-group-icon\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <p\r\n        class=\"ieeesa-body-md-16 order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7\"\r\n      >\r\n        {{ groupsPageInfo.groupsDescription }}\r\n      </p>\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n    ></ieeesa-tree>\r\n    <div\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      class=\"d-flex flex-column flex-sm-row flex-md-row mt-4 justify-content-start justify-content-sm-end\"\r\n    >\r\n      <p class=\"px-sm-3 d-flex align-items-start ieeesa-label-lg-bold-16\">\r\n        {{ constants?.viewGroups?.legend }}\r\n      </p>\r\n      <ieeesa-legend\r\n        [legends]=\"groupsLegends\"\r\n        [isSorting]=\"isSorting\"\r\n      ></ieeesa-legend>\r\n    </div>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .mat-mdc-button{min-width:45px;padding:0 10px}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info .search-group-icon{height:1.5em;color:#00629b}.ieeesa-groups__info__heading,.ieeesa-groups__info__action{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px;font-size:1rem}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:baseline}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text{display:none}.ieeesa-groups .ieeesa-select-field .mat-mdc-select-min-line{color:#49454f}.ieeesa-groups .ieeesa-search-field__search-icon{color:#00629b}.ieeesa-groups .ieeesa-search-field__button{background:none}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field{width:100%;border-radius:3px;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe;font-size:1rem;box-shadow:0 0 4px #00000080 inset}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: GroupsService }, { type: i2.AlertsService }, { type: i2.BreakpointObserverService }, { type: i2.GlobalErrorHandlerService }, { type: UserPermissionsService }, { type: GroupPermissionsMapService }]; }, propDecorators: { groupsPageInfo: [{
+                    ], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<div class=\"ieeesa-groups px-4\">\r\n  <div\r\n    class=\"ieeesa-groups__info d-flex justify-content-between pb-3\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__info--white-bg'\r\n        : 'ieeesa-groups__info--blue-bg'\r\n    \"\r\n  >\r\n    <p\r\n      class=\"mb-0\"\r\n      [ngClass]=\"\r\n        isMobileView\r\n          ? 'ieeesa-title-lg-24 p-0'\r\n          : 'ieeesa-headline-lg-32 ieeesa-groups__info__heading'\r\n      \"\r\n    >\r\n      {{ groupsPageInfo.groupsTitle }}\r\n    </p>\r\n    <div [ngClass]=\"isMobileView ? 'p-0' : 'ieeesa-groups__info__action'\">\r\n      <button\r\n        mat-button\r\n        *ngIf=\"validateAccess(permissionType.CREATE_ROOT_GROUP)\"\r\n        class=\"ieeesa-groups__create-subgroup mat-tertiary-button d-none d-sm-none d-md-block d-lg-block d-xl-block\"\r\n        (click)=\"openCreateGroupForm()\"\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.addGroup\"\r\n      >\r\n        {{ constants?.viewGroups?.addGroup }}\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"d-flex d-sm-flex d-md-none d-lg-none d-xl-none ieeesa-groups__mobile-icons gap-2\"\r\n    >\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"createGroupIcon\"\r\n        *ngIf=\"validateAccess(permissionType.CREATE_ROOT_GROUP)\"\r\n        (iconButtonClick)=\"openCreateGroupForm()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <ieeesa-icon-button\r\n        [iconButton]=\"filterGroupIcon\"\r\n        (iconButtonClick)=\"showGroupFilter()\"\r\n      >\r\n      </ieeesa-icon-button>\r\n      <button\r\n        mat-button\r\n        [attr.aria-label]=\"constants?.viewGroups?.ariaLabel?.search\"\r\n        (click)=\"onGroupSearch()\"\r\n        type=\"button\"\r\n      >\r\n        <i class=\"fa-solid fa-magnifying-glass search-group-icon\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ieeesa-groups__actions\"\r\n    [ngClass]=\"\r\n      isMobileView\r\n        ? 'ieeesa-groups__actions--white-bg'\r\n        : 'ieeesa-groups__actions--blue-bg'\r\n    \"\r\n  >\r\n    <div class=\"ieeesa-groups__actions--search row\">\r\n      <p\r\n        class=\"ieeesa-body-md-16 order-2 order-sm-1 col-12 col-md-7 col-lg-7 col-xl-7\"\r\n      >\r\n        {{ groupsPageInfo.groupsDescription }}\r\n      </p>\r\n      <div\r\n        *ngIf=\"\r\n          ((isGroupSearchActive || isGroupFilterActive) && isMobileView) ||\r\n          !isMobileView\r\n        \"\r\n        class=\"order-1 order-sm-2 col-12 col-md-5 col-lg-5 col-xl-5 d-flex flex-column\"\r\n      >\r\n        <ieeesa-search\r\n          *ngIf=\"isGroupSearchActive || !isMobileView\"\r\n          (searchValue)=\"onGroupSearchClick($event)\"\r\n          [searchTerm]=\"trimmedSearchTerm\"\r\n          [searchType]=\"searchType\"\r\n          [placeholderLabel]=\"searchPlaceHolderText\"\r\n          [minCharacterToSearch]=\"minCharacterToSearch\"\r\n          [supportMessage]=\"supportMessage\"\r\n        ></ieeesa-search>\r\n\r\n        <ieeesa-select\r\n          *ngIf=\"isGroupFilterActive || !isMobileView\"\r\n          class=\"align-self-end pt-lg-4 pt-md-4 pt-xl-4\"\r\n          [isSortNeeded]=\"false\"\r\n          [dropdownOptions]=\"selectGroupOptions\"\r\n          [isLabelAlignedLeft]=\"true\"\r\n          [selectLabel]=\"constants?.viewGroups?.filterByLabel\"\r\n          (optionSelected)=\"onGroupTypeFiltered($event)\"\r\n          [placeholderText]=\"filterPlaceHolderText\"\r\n          [selectedOptions]=\"selectedGroupType\"\r\n        ></ieeesa-select>\r\n      </div>\r\n    </div>\r\n    <ieeesa-tree\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      [parentGroupsInfo]=\"parentGroupsInfo\"\r\n      [childGroupsInfo]=\"childGroupsInfo\"\r\n      [deletedGroupIdInfo]=\"deletedGroupId\"\r\n      [isGroupSearchOrFilterActive]=\"isGroupSearchOrFilterActive\"\r\n      [userGroupPermissions]=\"userGroupPermissions\"\r\n      (toggleGroupClick)=\"getGroups($event)\"\r\n      (createGroupClick)=\"openCreateGroupForm($event)\"\r\n      (deleteGroupClick)=\"openDeleteConfirmationModal($event)\"\r\n      (viewRosterClick)=\"viewRoster($event)\"\r\n      (editGroupClick)=\"openEditGroupForm($event)\"\r\n    ></ieeesa-tree>\r\n    <div\r\n      *ngIf=\"parentGroupsInfo && parentGroupsInfo.length > 0\"\r\n      class=\"d-flex flex-column flex-sm-row flex-md-row mt-4 justify-content-start justify-content-sm-end\"\r\n    >\r\n      <p class=\"px-sm-3 d-flex align-items-start ieeesa-label-lg-bold-16\">\r\n        {{ constants?.viewGroups?.legend }}\r\n      </p>\r\n      <ieeesa-legend\r\n        [legends]=\"groupsLegends\"\r\n        [isSorting]=\"isSorting\"\r\n      ></ieeesa-legend>\r\n    </div>\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-groups{background-color:#f2f2f2}.ieeesa-groups__mobile-icons .mat-mdc-button{min-width:45px;padding:0 10px}.ieeesa-groups__mobile-icons .ieeesa-icon-button__svg{height:1.5em!important;width:1.5em!important}.ieeesa-groups__info--white-bg{background-color:#fff;padding:16px 24px 0}.ieeesa-groups__info .search-group-icon{height:1.5em;color:#00629b}.ieeesa-groups__info__heading,.ieeesa-groups__info__action{padding:12px 0}.ieeesa-groups__actions{background-color:#fff;box-shadow:0 2px #00b5e2 inset;padding:16px 24px 48px}.ieeesa-groups__actions--white-bg{background-color:#fff;box-shadow:none}.ieeesa-groups .ieeesa-select-field__label{width:max-content;padding-right:9px;font-size:1rem}.ieeesa-groups .ieeesa-select-field__label-left{display:flex;align-items:baseline}.ieeesa-groups .ieeesa-select-field .mat-mdc-form-field{width:auto}.ieeesa-groups .ieeesa-select-field .ieeesa-form-support-text{display:none}.ieeesa-groups .ieeesa-select-field .mat-mdc-select-min-line{color:#49454f}.ieeesa-groups .ieeesa-search-field__search-icon{color:#00629b}.ieeesa-groups .ieeesa-search-field__button{background:none}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field{width:100%;border-radius:3px;background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe;font-size:1rem;box-shadow:0 0 4px #00000080 inset}.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__leading,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__notch,.ieeesa-groups .ieeesa-search-field .mat-mdc-form-field .mdc-notched-outline__trailing{border:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: GroupsService }, { type: i2.AlertsService }, { type: i2.BreakpointObserverService }, { type: i2.GlobalErrorHandlerService }, { type: UserPermissionsService }]; }, propDecorators: { groupsPageInfo: [{
                 type: Input
             }], applicationId: [{
                 type: Input