@ieeesa-npm/groups 0.0.1

package/esm2022/lib/services/groups.service.mjs

@@ -0,0 +1,60 @@
+import { Injectable } from "@angular/core";
+import { map, catchError } from "rxjs";
+import * as i0 from "@angular/core";
+import * as i1 from "@ieeesa-npm/utility";
+/**
+ * Groups service is an abstract layer and responsible for managing groups REST API calls.
+ * @class GroupsService
+ * @implements {OnDestroy}
+ */
+export class GroupsService {
+    // eslint-disable-next-line no-empty-function, no-unused-vars
+    constructor(httpService) {
+        this.httpService = httpService;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setAppConfig(apiBaseUrl, userPermission) {
+        this.apiBaseUrl = apiBaseUrl;
+        this.userPermission = userPermission;
+    }
+    /**
+     * Gets application group types from API and returns it as an observable.
+     * @return {Observable<GroupTypeResponse>} -It returns group types if success else error.
+     * @memberof GroupsService
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getGroupTypes() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/group_type`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Posts create group form data to server using HttpService for creating new group.
+     * @param {CreateGroupPayload} createGroupPayload -create group form data which includes group name, type, short name, scope.
+     * @return {Observable<any>} -returns create group API response (success or error) as an observable.
+     * @memberof GroupsService
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    createGroup(createGroupPayload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/create`, createGroupPayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, deps: [{ token: i1.HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXBzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncm91cHMvc3JjL2xpYi9zZXJ2aWNlcy9ncm91cHMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTTNDLE9BQU8sRUFBYyxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFHbkQ7Ozs7R0FJRztBQUlILE1BQU0sT0FBTyxhQUFhO0lBSXhCLDZEQUE2RDtJQUM3RCxZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUFHLENBQUM7SUFFaEQsOERBQThEO0lBQzlELFlBQVksQ0FBQyxVQUFrQixFQUFFLGNBQW1CO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQyxjQUFjLEdBQUcsY0FBYyxDQUFDO0lBQ3ZDLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsOERBQThEO0lBQzlELGFBQWE7UUFDWCxPQUFPLElBQUksQ0FBQyxXQUFXO2FBQ3BCLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLDRCQUE0QixDQUFDO2FBQ3ZELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUNmLE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUMsQ0FBQyxFQUNGLFVBQVUsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ25CLE1BQU0sS0FBSyxDQUFDO1FBQ2QsQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNOLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILDhEQUE4RDtJQUM5RCxXQUFXLENBQ1Qsa0JBQXNDO1FBRXRDLE9BQU8sSUFBSSxDQUFDLFdBQVc7YUFDcEIsUUFBUSxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsZ0JBQWdCLEVBQUUsa0JBQWtCLENBQUM7YUFDaEUsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQ2YsT0FBTyxRQUFRLENBQUM7UUFDbEIsQ0FBQyxDQUFDLEVBQ0YsVUFBVSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDbkIsTUFBTSxLQUFLLENBQUM7UUFDZCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ04sQ0FBQzs4R0FwRFUsYUFBYTtrSEFBYixhQUFhLGNBRlosTUFBTTs7MkZBRVAsYUFBYTtrQkFIekIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBDcmVhdGVHcm91cFBheWxvYWQsXHJcbiAgQ3JlYXRlR3JvdXBSZXNwb25zZSxcclxufSBmcm9tIFwiLi4vbW9kZWxzL2NyZWF0ZS1ncm91cC5tb2RlbFwiO1xyXG5pbXBvcnQgeyBIdHRwU2VydmljZSB9IGZyb20gXCJAaWVlZXNhLW5wbS91dGlsaXR5XCI7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIG1hcCwgY2F0Y2hFcnJvciB9IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7IEdyb3VwVHlwZVJlc3BvbnNlIH0gZnJvbSBcIi4uL21vZGVscy9ncm91cC10eXBlcy5tb2RlbFwiO1xyXG5cclxuLyoqXHJcbiAqIEdyb3VwcyBzZXJ2aWNlIGlzIGFuIGFic3RyYWN0IGxheWVyIGFuZCByZXNwb25zaWJsZSBmb3IgbWFuYWdpbmcgZ3JvdXBzIFJFU1QgQVBJIGNhbGxzLlxyXG4gKiBAY2xhc3MgR3JvdXBzU2VydmljZVxyXG4gKiBAaW1wbGVtZW50cyB7T25EZXN0cm95fVxyXG4gKi9cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46IFwicm9vdFwiLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgR3JvdXBzU2VydmljZSB7XHJcbiAgYXBpQmFzZVVybCE6IHN0cmluZztcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIHVzZXJQZXJtaXNzaW9uOiBhbnk7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWVtcHR5LWZ1bmN0aW9uLCBuby11bnVzZWQtdmFyc1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cFNlcnZpY2U6IEh0dHBTZXJ2aWNlKSB7fVxyXG5cclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIHNldEFwcENvbmZpZyhhcGlCYXNlVXJsOiBzdHJpbmcsIHVzZXJQZXJtaXNzaW9uOiBhbnkpIHtcclxuICAgIHRoaXMuYXBpQmFzZVVybCA9IGFwaUJhc2VVcmw7XHJcbiAgICB0aGlzLnVzZXJQZXJtaXNzaW9uID0gdXNlclBlcm1pc3Npb247XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBHZXRzIGFwcGxpY2F0aW9uIGdyb3VwIHR5cGVzIGZyb20gQVBJIGFuZCByZXR1cm5zIGl0IGFzIGFuIG9ic2VydmFibGUuXHJcbiAgICogQHJldHVybiB7T2JzZXJ2YWJsZTxHcm91cFR5cGVSZXNwb25zZT59IC1JdCByZXR1cm5zIGdyb3VwIHR5cGVzIGlmIHN1Y2Nlc3MgZWxzZSBlcnJvci5cclxuICAgKiBAbWVtYmVyb2YgR3JvdXBzU2VydmljZVxyXG4gICAqL1xyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcbiAgZ2V0R3JvdXBUeXBlcygpOiBPYnNlcnZhYmxlPEdyb3VwVHlwZVJlc3BvbnNlPiB7XHJcbiAgICByZXR1cm4gdGhpcy5odHRwU2VydmljZVxyXG4gICAgICAuZ2V0RGF0YShgJHt0aGlzLmFwaUJhc2VVcmx9L2NvbmZpZ3VyYXRpb25zL2dyb3VwX3R5cGVgKVxyXG4gICAgICAucGlwZShcclxuICAgICAgICBtYXAoKHJlc3BvbnNlKSA9PiB7XHJcbiAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XHJcbiAgICAgICAgfSksXHJcbiAgICAgICAgY2F0Y2hFcnJvcigoZXJyb3IpID0+IHtcclxuICAgICAgICAgIHRocm93IGVycm9yO1xyXG4gICAgICAgIH0pXHJcbiAgICAgICk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBQb3N0cyBjcmVhdGUgZ3JvdXAgZm9ybSBkYXRhIHRvIHNlcnZlciB1c2luZyBIdHRwU2VydmljZSBmb3IgY3JlYXRpbmcgbmV3IGdyb3VwLlxyXG4gICAqIEBwYXJhbSB7Q3JlYXRlR3JvdXBQYXlsb2FkfSBjcmVhdGVHcm91cFBheWxvYWQgLWNyZWF0ZSBncm91cCBmb3JtIGRhdGEgd2hpY2ggaW5jbHVkZXMgZ3JvdXAgbmFtZSwgdHlwZSwgc2hvcnQgbmFtZSwgc2NvcGUuXHJcbiAgICogQHJldHVybiB7T2JzZXJ2YWJsZTxhbnk+fSAtcmV0dXJucyBjcmVhdGUgZ3JvdXAgQVBJIHJlc3BvbnNlIChzdWNjZXNzIG9yIGVycm9yKSBhcyBhbiBvYnNlcnZhYmxlLlxyXG4gICAqIEBtZW1iZXJvZiBHcm91cHNTZXJ2aWNlXHJcbiAgICovXHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICBjcmVhdGVHcm91cChcclxuICAgIGNyZWF0ZUdyb3VwUGF5bG9hZDogQ3JlYXRlR3JvdXBQYXlsb2FkXHJcbiAgKTogT2JzZXJ2YWJsZTxDcmVhdGVHcm91cFJlc3BvbnNlPiB7XHJcbiAgICByZXR1cm4gdGhpcy5odHRwU2VydmljZVxyXG4gICAgICAucG9zdERhdGEoYCR7dGhpcy5hcGlCYXNlVXJsfS9ncm91cHMvY3JlYXRlYCwgY3JlYXRlR3JvdXBQYXlsb2FkKVxyXG4gICAgICAucGlwZShcclxuICAgICAgICBtYXAoKHJlc3BvbnNlKSA9PiB7XHJcbiAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XHJcbiAgICAgICAgfSksXHJcbiAgICAgICAgY2F0Y2hFcnJvcigoZXJyb3IpID0+IHtcclxuICAgICAgICAgIHRocm93IGVycm9yO1xyXG4gICAgICAgIH0pXHJcbiAgICAgICk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/public-api.mjs

@@ -0,0 +1,12 @@
+/*
+ * Public API Surface of groups
+ */
+export * from "./lib/components/create-group/create-group.component";
+export * from "./lib/groups.component";
+export * from "./lib/services/groups.service";
+export * from "./lib/models/create-group.model";
+export * from "./lib/models/group-types.model";
+export * from "./lib/models/group-function-type.model";
+export * from "./lib/assets/form-validations";
+export * from "./lib/groups.module";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2dyb3Vwcy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHdDQUF3QyxDQUFDO0FBRXZELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBncm91cHNcclxuICovXHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2NyZWF0ZS1ncm91cC9jcmVhdGUtZ3JvdXAuY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9ncm91cHMuY29tcG9uZW50XCI7XHJcblxyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvc2VydmljZXMvZ3JvdXBzLnNlcnZpY2VcIjtcclxuXHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9tb2RlbHMvY3JlYXRlLWdyb3VwLm1vZGVsXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9tb2RlbHMvZ3JvdXAtdHlwZXMubW9kZWxcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vbGliL21vZGVscy9ncm91cC1mdW5jdGlvbi10eXBlLm1vZGVsXCI7XHJcblxyXG5leHBvcnQgKiBmcm9tIFwiLi9saWIvYXNzZXRzL2Zvcm0tdmFsaWRhdGlvbnNcIjtcclxuXHJcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9ncm91cHMubW9kdWxlXCI7Il19

package/fesm2022/ieeesa-npm-groups.mjs

@@ -0,0 +1,520 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, Output, Input, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Validators } from '@angular/forms';
+import { AlignType, FormControlType, DynamicFormComponent, ModalComponent } from '@ieeesa-npm/presentation';
+import * as i2 from '@ieeesa-npm/utility';
+import { AlertType, AlertsService, ModalType } from '@ieeesa-npm/utility';
+import { HttpErrorResponse } from '@angular/common/http';
+import * as i1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import { map, catchError, Subject, takeUntil } from 'rxjs';
+
+var createGroup = {
+	heading: "New Group",
+	label: {
+		groupType: "Group Type",
+		groupName: "Group Name",
+		shortName: "Group Short Name",
+		groupScope: "Group Scope",
+		rightButtonLabel: "Submit",
+		leftButtonLabel: "Cancel",
+		ariaLabel: {
+			groupType: "Group type required.",
+			groupName: "Group name required.",
+			shortName: "Group short name required.",
+			groupScope: "Group scope."
+		},
+		ariaDescribedById: {
+			groupType: "ariaGroupType",
+			groupName: "ariaGroupName",
+			shortName: "ariaShortName",
+			groupScope: "ariaGroupScope"
+		}
+	},
+	characterLimit: {
+		character500: 500,
+		character15: 15,
+		character1500: 1500,
+		character2000: 2000
+	},
+	message: {
+		error: {
+			required: "This field is required.",
+			limit: {
+				groupName: "Group Name must not be greater than 500 characters long.",
+				shortName: "Group Short Name must not be greater than 15 characters long.",
+				groupScope: "Group Scope must not be greater than 1500 characters long."
+			},
+			pattern: {
+				groupName: "Group Name contains invalid characters. Please enter alphanumeric, special characters and whitespace only.",
+				shortName: "Group Short Name contains invalid characters. Please enter '.',',' , '/', '-' , '_' only.",
+				groupScope: "Group Scope contains invalid characters. Please enter alphanumeric, special characters and whitespace only."
+			},
+			unique: {
+				"1001": "Group Name already in use.",
+				"1002": "Group Short Name already in use."
+			}
+		},
+		success: {
+			submission: "New Group added successfully."
+		}
+	},
+	supportText: {
+		groupType: "Choose a group type from the available list.",
+		groupName: "Enter the name of the group.",
+		shortName: "Enter the abbreviation of the group.",
+		groupScope: "Enter a brief description for the scope of the group."
+	}
+};
+var constants = {
+	createGroup: createGroup
+};
+
+/* eslint-disable no-useless-escape */
+const GroupsValidationPatterns = {
+    // Group Name field regular expression, which accept Alpha Numeric, Special Characters (ASCII) and whitespace.
+    groupName: /^[\w\s!"#$%&'()*+,-./:;<=>?@\[\]^_`{|}~]+$/,
+    // Group Short Name field regular expression which accept letters, numbers and ".","," , "/", "-" , "_" characters.
+    shortName: /^[a-zA-Z0-9.,\/\-_ ]+$/,
+    // Group Scope field regular expression which accept Alpha Numeric, Special Characters and whitespace.
+    groupScope: /^[\w\s!"#$%&'()*+,-./:;<=>?@\[\]^_`{|}~]+$/,
+};
+
+/**
+ * Groups service is an abstract layer and responsible for managing groups REST API calls.
+ * @class GroupsService
+ * @implements {OnDestroy}
+ */
+class GroupsService {
+    // eslint-disable-next-line no-empty-function, no-unused-vars
+    constructor(httpService) {
+        this.httpService = httpService;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setAppConfig(apiBaseUrl, userPermission) {
+        this.apiBaseUrl = apiBaseUrl;
+        this.userPermission = userPermission;
+    }
+    /**
+     * Gets application group types from API and returns it as an observable.
+     * @return {Observable<GroupTypeResponse>} -It returns group types if success else error.
+     * @memberof GroupsService
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getGroupTypes() {
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/configurations/group_type`)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Posts create group form data to server using HttpService for creating new group.
+     * @param {CreateGroupPayload} createGroupPayload -create group form data which includes group name, type, short name, scope.
+     * @return {Observable<any>} -returns create group API response (success or error) as an observable.
+     * @memberof GroupsService
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    createGroup(createGroupPayload) {
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/groups/create`, createGroupPayload)
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, deps: [{ token: i2.HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return [{ type: i2.HttpService }]; } });
+
+/**
+ * CreateGroupComponent uses DynamicFormComponent to build create new group form and implement the functionalities of submission of form and handling success and error scenarios.
+ * @class CreateGroupComponent
+ * @implements {OnInit}
+ * @implements {OnDestroy}
+ */
+class CreateGroupComponent {
+    // eslint-disable-next-line no-unused-vars, no-empty-function
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    groupsService, 
+    // eslint-disable-next-line no-unused-vars
+    globalErrorHandlerService, 
+    // eslint-disable-next-line no-unused-vars
+    alertService // eslint-disable-next-line no-empty-function
+    ) {
+        this.groupsService = groupsService;
+        this.globalErrorHandlerService = globalErrorHandlerService;
+        this.alertService = alertService;
+        this.destroy$ = new Subject();
+        /**
+         * Event emitted when the form is successfully submitted.
+         * @memberof CreateGroupComponent
+         */
+        this.submitFormResponse = new EventEmitter();
+        /**
+         * Event emitted when the form is cancelled.
+         * @memberof CreateGroupComponent
+         */
+        this.formCancel = new EventEmitter();
+        this.createGroupText = createGroup;
+        this.leftButtonLabel = this.createGroupText?.label?.leftButtonLabel;
+        this.rightButtonLabel = this.createGroupText?.label?.rightButtonLabel;
+        this.isLegendVisible = false;
+        this.isLeftButtonNeeded = true;
+        this.colWidth = { xs: 12, xl: 12, sm: 12, md: 12, lg: 12 };
+        this.actionButtonAlign = AlignType.LEFT;
+    }
+    /**
+     * Initialize the create group form group array and component.
+     * @return -returns nothing
+     * @memberof CreateGroupComponent
+     */
+    ngOnInit() {
+        this.groupsService
+            .getGroupTypes()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (res) => {
+                if (res?.status) {
+                    this.groupTypes = Object.entries(res.body.configFieldValue).map(
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    ([id, item]) => ({
+                        id: id,
+                        name: item.name,
+                    }));
+                    if (this.groupTypes.length) {
+                        this.createFormGroup();
+                    }
+                }
+            },
+            error: (error) => {
+                if (error && error instanceof HttpErrorResponse) {
+                    this.globalErrorHandlerService.handleError(error);
+                }
+            },
+        });
+    }
+    /**
+     * Initialize the create group form group array.
+     * @memberof CreateGroupComponent
+     */
+    createFormGroup() {
+        this.formGroup = {
+            formGroup: [
+                {
+                    legend: "",
+                    controls: [
+                        {
+                            type: FormControlType.SELECT,
+                            label: this.createGroupText?.label?.groupType + "*",
+                            controlName: "groupType",
+                            requiredErrorMessage: this.createGroupText?.message?.error
+                                ?.required,
+                            value: "",
+                            validation: [Validators.required],
+                            dropdownOptions: this.groupTypes,
+                            supportMessage: this.createGroupText?.supportText?.groupType,
+                            ariaLabel: this.createGroupText?.label?.ariaLabel?.groupType,
+                            placeholder: "",
+                            ariaDescribedById: this.createGroupText?.label?.ariaDescribedById
+                                ?.groupType,
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createGroupText?.label?.groupName + "*",
+                            controlName: "groupName",
+                            requiredErrorMessage: this.createGroupText?.message?.error
+                                ?.required,
+                            value: "",
+                            placeholder: "",
+                            supportMessage: this.createGroupText?.supportText?.groupName,
+                            patternErrorMessage: this.createGroupText?.message?.error?.pattern
+                                ?.groupName,
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(createGroup?.characterLimit?.character500),
+                                Validators.pattern(GroupsValidationPatterns.groupName),
+                            ],
+                            maxErrorMessage: this.createGroupText?.message?.error?.limit
+                                ?.groupName,
+                            ariaLabel: this.createGroupText?.label?.ariaLabel?.groupName,
+                            ariaDescribedById: this.createGroupText?.label?.ariaDescribedById
+                                ?.groupName,
+                        },
+                        {
+                            type: FormControlType.INPUT,
+                            label: this.createGroupText?.label?.shortName + "*",
+                            controlName: "shortName",
+                            requiredErrorMessage: this.createGroupText?.message?.error
+                                ?.required,
+                            value: "",
+                            patternErrorMessage: this.createGroupText?.message?.error?.pattern
+                                ?.shortName,
+                            placeholder: "",
+                            supportMessage: this.createGroupText?.supportText?.shortName,
+                            validation: [
+                                Validators.required,
+                                Validators.maxLength(createGroup?.characterLimit?.character15),
+                                Validators.pattern(GroupsValidationPatterns.shortName),
+                            ],
+                            maxErrorMessage: this.createGroupText?.message?.error?.limit
+                                ?.shortName,
+                            ariaLabel: this.createGroupText?.label?.ariaLabel?.shortName,
+                            ariaDescribedById: this.createGroupText?.label?.ariaDescribedById
+                                ?.shortName,
+                        },
+                        {
+                            type: FormControlType.TEXT_AREA,
+                            label: this.createGroupText?.label?.groupScope,
+                            controlName: "groupScope",
+                            patternErrorMessage: this.createGroupText?.message?.error?.pattern
+                                ?.groupScope,
+                            value: "",
+                            placeholder: "",
+                            supportMessage: this.createGroupText?.supportText?.groupScope,
+                            isResize: true,
+                            maxLength: createGroup?.characterLimit?.character2000,
+                            validation: [
+                                Validators.maxLength(createGroup?.characterLimit?.character1500),
+                                Validators.pattern(GroupsValidationPatterns.groupScope),
+                            ],
+                            maxErrorMessage: this.createGroupText?.message?.error?.limit
+                                ?.groupScope,
+                            ariaLabel: this.createGroupText?.label?.ariaLabel?.groupScope,
+                            ariaDescribedById: this.createGroupText?.label?.ariaDescribedById
+                                ?.groupScope,
+                        },
+                    ],
+                },
+            ],
+        };
+    }
+    /**
+     * Handles client side validation and emits create group information.
+     * @param {FormGroup[]} form -Array of formGroup
+     * @return -returns nothing
+     * @memberof CreateGroupComponent
+     */
+    onFormSubmit(form) {
+        form[0]?.markAllAsTouched();
+        if (form[0].status === "VALID") {
+            const formResponse = form[0].getRawValue();
+            const createGroupPayload = {
+                payload: {
+                    groupName: formResponse?.groupName,
+                    groupShortName: formResponse?.shortName,
+                    groupType: formResponse?.groupType?.name,
+                    groupDesc: formResponse?.groupScope,
+                    groupParentId: null,
+                },
+            };
+            this.groupsService
+                .createGroup(createGroupPayload)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe({
+                next: (res) => {
+                    if (res?.status) {
+                        this.submitFormResponse.emit(res);
+                    }
+                },
+                error: (error) => {
+                    const errorCodeArr = error?.error?.body?.errorCodes;
+                    if (Array.isArray(errorCodeArr)) {
+                        const errorMessage = [];
+                        errorCodeArr.forEach((item, index) => {
+                            const errorMessageKey = errorCodeArr[index];
+                            errorMessage.push(this.createGroupText?.message?.error?.unique[errorMessageKey]);
+                        });
+                        this.alertService.showMessage({
+                            status: "custom",
+                            message: errorMessage,
+                            alertType: AlertType.ERROR,
+                            isCloseNeeded: true,
+                        });
+                    }
+                    else if (error && error instanceof HttpErrorResponse) {
+                        this.globalErrorHandlerService.handleError(error);
+                    }
+                },
+            });
+        }
+    }
+    /**
+     * Get form reference.
+     * @param {FormGroup[]} form
+     * @memberof CreateGroupComponent
+     */
+    getFormGroupReference(form) {
+        this.form = form[0];
+    }
+    /**
+     * Emits form cancel event.
+     * @return -returns nothing
+     * @memberof CreateGroupComponent
+     */
+    createGroupCancelled() {
+        this.formCancel.emit();
+    }
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof CreateGroupComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CreateGroupComponent, deps: [{ token: GroupsService }, { token: i2.GlobalErrorHandlerService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: CreateGroupComponent, isStandalone: true, selector: "ieeesa-create-group", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, providers: [AlertsService], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"formGroup\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"isLegendVisible\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"formGroup\"\r\n  [isLeftButtonNeeded]=\"isLeftButtonNeeded\"\r\n  (formSubmit)=\"onFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"createGroupCancelled()\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n></ieeesa-dynamic-form>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);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:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-create-group .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-group .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field__label,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field__support-text,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-select-field__label,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-select-field__support-text{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .short-name .ieeesa-input-field .mat-mdc-form-field{width:40%}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .group-type .ieeesa-select-field .mat-mdc-form-field{display:flex;width:43%}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .group-type .ieeesa-select-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .short-name .ieeesa-input-field .mat-mdc-form-field{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange"], exportAs: ["dynamicForm"] }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CreateGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ieeesa-create-group", standalone: true, imports: [CommonModule, DynamicFormComponent, MatDialogModule], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<ieeesa-dynamic-form\r\n  *ngIf=\"formGroup\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"isLegendVisible\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"formGroup\"\r\n  [isLeftButtonNeeded]=\"isLeftButtonNeeded\"\r\n  (formSubmit)=\"onFormSubmit($event)\"\r\n  (formLeftButtonClicked)=\"createGroupCancelled()\"\r\n  (formGroupsReference)=\"getFormGroupReference($event)\"\r\n></ieeesa-dynamic-form>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);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:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.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 Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-modal-dialog.ieeesa-create-group .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-group .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:1.5em;padding:3em 1em .75em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding:0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field .mat-mdc-form-field{display:flex}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field__label,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-input-field__support-text,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-select-field__label,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-select-field__support-text{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .short-name .ieeesa-input-field .mat-mdc-form-field{width:40%}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .group-type .ieeesa-select-field .mat-mdc-form-field{display:flex;width:43%}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .group-type .ieeesa-select-field .mat-mdc-form-field,.ieeesa-modal-dialog.ieeesa-create-group .ieeesa-modal .short-name .ieeesa-input-field .mat-mdc-form-field{width:100%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: GroupsService }, { type: i2.GlobalErrorHandlerService }, { type: i2.AlertsService }]; }, propDecorators: { submitFormResponse: [{
+                type: Output
+            }], formCancel: [{
+                type: Output
+            }] } });
+
+/* eslint-disable no-unused-vars */
+var GroupFunctionType;
+(function (GroupFunctionType) {
+    GroupFunctionType["CREATE"] = "CREATE";
+    GroupFunctionType["EDIT"] = "EDIT";
+})(GroupFunctionType || (GroupFunctionType = {}));
+
+/**
+ * Groups component is a wrapper or container component for groups management reusable component and in this component integrates all group management functionalities and this will be entry component for managing groups when it is consumed in other applications.
+ * @class GroupsComponent
+ */
+class GroupsComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dialog, 
+    // eslint-disable-next-line no-unused-vars
+    groupsService, 
+    // eslint-disable-next-line no-unused-vars
+    alertService // eslint-disable-next-line no-empty-function
+    ) {
+        this.dialog = dialog;
+        this.groupsService = groupsService;
+        this.alertService = alertService;
+        this.destroy$ = new Subject();
+        this.createGroupText = createGroup;
+    }
+    /**
+     * Initialize the groups component.
+     * @return -returns nothing
+     * @memberof GroupsComponent
+     */
+    ngOnInit() {
+        this.groupsService.setAppConfig(this.apiBaseURL, this.permissions);
+    }
+    /**
+     * Sets the dialog options for create group modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof GroupsComponent
+     */
+    openCreateGroupForm() {
+        const dialogOptions = {
+            heading: this.createGroupText?.heading,
+            isCloseNeeded: true,
+            componentReference: CreateGroupComponent,
+            modalType: ModalType.FORM,
+        };
+        this.functionType = GroupFunctionType.CREATE;
+        this.openModal(dialogOptions, "ieeesa-create-group");
+    }
+    /**
+     * Opens modal component with for received params and handles form submission success and errors.
+     * @param {*} dialogOptions
+     * @param {string} [className]
+     * @return -returns nothing
+     * @memberof GroupsComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-inferrable-types
+    openModal(dialogOptions, className) {
+        className = className ?? "";
+        this.dialogRef = this.dialog.open(ModalComponent, {
+            data: dialogOptions,
+            width: "auto",
+            panelClass: ["ieeesa-modal-dialog", className],
+            ariaModal: true,
+        });
+        this.dialogRef?.componentInstance?.submitFormResponse
+            .pipe(takeUntil(this.destroy$))
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any, no-unused-vars
+            .subscribe((result) => {
+            this.dialogRef.close();
+            if (this.functionType === GroupFunctionType.CREATE) {
+                this.alertService.showMessage({
+                    status: "custom",
+                    alertType: AlertType.SUCCESS,
+                    isCloseNeeded: true,
+                    message: this.createGroupText?.message?.success?.submission,
+                });
+            }
+        });
+        this.dialogRef?.componentInstance?.formCancel
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.dialogRef.close();
+        });
+    }
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof GroupsComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsComponent, deps: [{ token: i1.MatDialog }, { token: GroupsService }, { token: i2.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: GroupsComponent, isStandalone: true, selector: "ieeesa-groups", inputs: { applicationId: "applicationId", apiBaseURL: "apiBaseURL", permissions: "permissions" }, providers: [AlertsService], ngImport: i0, template: "<button type=\"button\" (click)=\"openCreateGroupForm()\">Create Group</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ieeesa-groups", standalone: true, imports: [CommonModule, MatDialogModule], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<button type=\"button\" (click)=\"openCreateGroupForm()\">Create Group</button>" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: GroupsService }, { type: i2.AlertsService }]; }, propDecorators: { applicationId: [{
+                type: Input
+            }], apiBaseURL: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }] } });
+
+class GroupsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: GroupsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: GroupsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: []
+                }]
+        }] });
+
+/*
+ * Public API Surface of groups
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CreateGroupComponent, GroupFunctionType, GroupsComponent, GroupsModule, GroupsService, GroupsValidationPatterns };
+//# sourceMappingURL=ieeesa-npm-groups.mjs.map