@ieeesa-npm/tenants 0.0.1 → 0.0.2

package/fesm2022/ieeesa-npm-tenants.mjs

@@ -1,15 +1,19 @@
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, NgModule } from '@angular/core';
-import * as i1$1 from '@ieeesa-npm/presentation';
-import { AlignType, AllowedFileTypes, FormControlType, DynamicFormComponent } from '@ieeesa-npm/presentation';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import * as i1 from '@ieeesa-npm/presentation';
+import { AlignType, AllowedFileTypes, FormControlType, DynamicFormComponent, TableColumnType, ModalComponent, TableColumnSortDirection, DataTableComponent } from '@ieeesa-npm/presentation';
 import { map, catchError, Subject, takeUntil } from 'rxjs';
+import * as i7 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@ieeesa-npm/utility';
+import { ModalType, AlertType } from '@ieeesa-npm/utility';
 import { Validators } from '@angular/forms';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { validColorValidator } from 'ngx-colors';
-import * as i1 from '@ieeesa-npm/utility';
 import * as i3 from '@ieeesa-npm/shared';
-import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/material/dialog';
+import * as i5 from '@angular/router';
 
 var createTenant = {
 	heading: "New Application",
@@ -155,7 +159,7 @@ var constants = {
 	routeConfigPath: routeConfigPath
 };
 
-var screenTexts = /*#__PURE__*/Object.freeze({
+var constants$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     createTenant: createTenant,
     default: constants,
@@ -164,6 +168,34 @@ var screenTexts = /*#__PURE__*/Object.freeze({
     viewTenants: viewTenants
 });
 
+/* eslint-disable no-unused-vars */
+var PermissionType;
+(function (PermissionType) {
+    PermissionType["VIEW_TENANTS"] = "VIEW_TENANTS";
+    PermissionType["CREATE_TENANT"] = "CREATE_TENANT";
+})(PermissionType || (PermissionType = {}));
+var TenantStatus;
+(function (TenantStatus) {
+    TenantStatus["ACTIVE"] = "Active";
+    TenantStatus["INACTIVE"] = "Inactive";
+})(TenantStatus || (TenantStatus = {}));
+
+/* eslint-disable no-unused-vars */
+var ViewTenantsColumnSchemaDef;
+(function (ViewTenantsColumnSchemaDef) {
+    ViewTenantsColumnSchemaDef["APP_ID"] = "appId";
+    ViewTenantsColumnSchemaDef["APP_TITLE"] = "appTitle";
+    ViewTenantsColumnSchemaDef["APP_DESCRIPTION"] = "appDescription";
+    ViewTenantsColumnSchemaDef["APP_HEADING"] = "appHeading";
+    ViewTenantsColumnSchemaDef["FEATURES"] = "features";
+    ViewTenantsColumnSchemaDef["STATUS"] = "status";
+})(ViewTenantsColumnSchemaDef || (ViewTenantsColumnSchemaDef = {}));
+var SortOrderBy;
+(function (SortOrderBy) {
+    SortOrderBy["DESC"] = "DESC";
+    SortOrderBy["ASC"] = "ASC";
+})(SortOrderBy || (SortOrderBy = {}));
+
 /* eslint-disable no-useless-escape */
 const TenantsValidationPatterns = {
     appTitleMaxLength: 50,
@@ -217,18 +249,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-/* eslint-disable no-unused-vars */
-var PermissionType;
-(function (PermissionType) {
-    PermissionType["VIEW_TENANTS"] = "VIEW_TENANTS";
-    PermissionType["CREATE_TENANT"] = "CREATE_TENANT";
-})(PermissionType || (PermissionType = {}));
-var TenantStatus;
-(function (TenantStatus) {
-    TenantStatus["ACTIVE"] = "Active";
-    TenantStatus["INACTIVE"] = "Inactive";
-})(TenantStatus || (TenantStatus = {}));
-
 class TenantPermissionsMapService {
     constructor() {
         this.globalTenantsPermissions = [
@@ -447,7 +467,7 @@ class TenantApplicationsService {
     get getTenantBasicInfo() {
         return this.tenantBasicInfo;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, deps: [{ token: i1.HttpService }, { token: TenantPermissionsService }, { token: TenantPermissionsMapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, deps: [{ token: i2.HttpService }, { token: TenantPermissionsService }, { token: TenantPermissionsMapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsService, decorators: [{
@@ -455,7 +475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.HttpService }, { type: TenantPermissionsService }, { type: TenantPermissionsMapService }]; } });
+        }], ctorParameters: function () { return [{ type: i2.HttpService }, { type: TenantPermissionsService }, { type: TenantPermissionsMapService }]; } });
 
 class CreateTenantApplicationComponent {
     constructor(
@@ -471,7 +491,7 @@ class CreateTenantApplicationComponent {
         this.sharedService = sharedService;
         this.destroy$ = new Subject();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.constants = screenTexts;
+        this.constants = constants$1;
         this.createTenantTexts = this.constants?.createTenant;
         this.leftButtonLabel = this.createTenantTexts?.label?.leftButtonLabel;
         this.rightButtonLabel = this.createTenantTexts?.label?.rightButtonLabel;
@@ -848,13 +868,13 @@ class CreateTenantApplicationComponent {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateTenantApplicationComponent, deps: [{ token: i1$1.FileUploadService }, { token: TenantApplicationsService }, { token: i3.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateTenantApplicationComponent, deps: [{ token: i1.FileUploadService }, { token: TenantApplicationsService }, { token: i3.SharedService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateTenantApplicationComponent, isStandalone: true, selector: "ieeesa-create-tenant-application", outputs: { submitFormResponse: "submitFormResponse", formCancel: "formCancel" }, viewQueries: [{ propertyName: "dynamicFormComponent", first: true, predicate: DynamicFormComponent, descendants: true }], ngImport: i0, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createTenantFormGroup\"\r\n  class=\"ieeesa-create-tenant-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createTenantFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateTenantFormSubmit($event)\"\r\n  (formChange)=\"onCreateTenantFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateTenantFormGroupRef($event)\"\r\n  (formFileUpload)=\"onFormFileUpload($event)\"\r\n  (formColorPickerChange)=\"onColorPickerChange($event)\"\r\n  (formRadioOptionSelected)=\"onRadioOptionSelected($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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-modal-dialog.ieeesa-create-tenant{max-width:50vw!important}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal-title{margin-left:15px!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:90%}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__label,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__support-text{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__content{position:relative;bottom:10px}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__icon--warning{position:relative;bottom:6px}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:100%}}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormComponent, selector: "ieeesa-dynamic-form", inputs: ["formGroups", "submitResponse", "searchResponse", "colWidth", "isLegendVisible", "rightButtonLabel", "leftButtonLabel", "isSubmitButtonDisabled", "isLeftButtonDisabled", "isLeftButtonNeeded", "actionButtonAlign"], outputs: ["formSubmit", "formChange", "formInput", "formLeftButtonClicked", "formSearchApply", "formGroupsReference", "dropdownChange", "formCheckboxSelection", "formDateSelected", "formSelectSearch", "formControlChange", "formAutoCompleteSearch", "formAutoCompleteClearSearchValue", "autoCompleteOptionSelected", "formAfterContentInit", "formSelectedDateRange", "addFormGroup", "formTimeSelected", "supportTextLinkClick", "formSlideToggleChange", "formFileUpload", "dropdownOpenedChange", "formColorPickerChange", "formRadioOptionSelected"], exportAs: ["dynamicForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateTenantApplicationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ieeesa-create-tenant-application', standalone: true, imports: [CommonModule, DynamicFormComponent], encapsulation: ViewEncapsulation.None, template: "<ieeesa-dynamic-form\r\n  *ngIf=\"createTenantFormGroup\"\r\n  class=\"ieeesa-create-tenant-form\"\r\n  [leftButtonLabel]=\"leftButtonLabel\"\r\n  [rightButtonLabel]=\"rightButtonLabel\"\r\n  [isLegendVisible]=\"false\"\r\n  [colWidth]=\"colWidth\"\r\n  [actionButtonAlign]=\"actionButtonAlign\"\r\n  [formGroups]=\"createTenantFormGroup\"\r\n  [isLeftButtonNeeded]=\"true\"\r\n  (formSubmit)=\"onCreateTenantFormSubmit($event)\"\r\n  (formChange)=\"onCreateTenantFormChange($event)\"\r\n  (formLeftButtonClicked)=\"onFormCancel()\"\r\n  (formGroupsReference)=\"getCreateTenantFormGroupRef($event)\"\r\n  (formFileUpload)=\"onFormFileUpload($event)\"\r\n  (formColorPickerChange)=\"onColorPickerChange($event)\"\r\n  (formRadioOptionSelected)=\"onRadioOptionSelected($event)\"\r\n></ieeesa-dynamic-form>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-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-modal-dialog.ieeesa-create-tenant{max-width:50vw!important}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-container{box-shadow:none}.ieeesa-modal-dialog.ieeesa-create-tenant .mat-mdc-dialog-surface{border-radius:0;margin:1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal{box-shadow:0 3px #11b7e5 inset,0 4px 24px #00000080;padding-bottom:.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-dialog-content{padding:1.5em 1em .75em!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal-title{margin-left:15px!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__actions{flex-direction:row-reverse;gap:.5em;padding:2em 1em .75em;margin-top:2em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field{margin-bottom:1em;padding-top:0!important}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__content,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field .mdc-label{padding-left:0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field .ieeesa-text-area-field__resize{resize:vertical}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:90%}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-flex{width:62.5em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field .mat-mdc-form-field{display:flex;min-height:40px}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field .mat-mdc-text-field-wrapper{padding:.5em 1em}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__label,.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__support-text{color:#49454f}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-form-error--text{padding:.25em 1em 0}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .mat-mdc-form-field-subscript-wrapper{display:none}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__content{position:relative;bottom:10px}.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-input-field__icon--warning{position:relative;bottom:6px}@media (max-width: 767px){.ieeesa-modal-dialog.ieeesa-create-tenant .ieeesa-modal .ieeesa-dynamic-form__form-field:not(.app-description,.app-logo){width:100%}}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FileUploadService }, { type: TenantApplicationsService }, { type: i3.SharedService }]; }, propDecorators: { dynamicFormComponent: [{
+        }], ctorParameters: function () { return [{ type: i1.FileUploadService }, { type: TenantApplicationsService }, { type: i3.SharedService }]; }, propDecorators: { dynamicFormComponent: [{
                 type: ViewChild,
                 args: [DynamicFormComponent]
             }], submitFormResponse: [{
@@ -863,6 +883,330 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+class ViewTenantsListComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dialog, 
+    // eslint-disable-next-line no-unused-vars
+    alertService, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    sharedService, 
+    // eslint-disable-next-line no-unused-vars
+    tenantApplicationsService, 
+    // eslint-disable-next-line no-unused-vars
+    router) {
+        this.dialog = dialog;
+        this.alertService = alertService;
+        this.breakpointObserverService = breakpointObserverService;
+        this.sharedService = sharedService;
+        this.tenantApplicationsService = tenantApplicationsService;
+        this.router = router;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        this.viewTenantsConstants = this.constants?.viewTenants;
+        this.isMobileView = false;
+        this.tenantsPageInfo = {
+            tenantsTitle: '',
+        };
+        this.apiBaseURL = 'https://saappsapidev.ieee.org/v1';
+        this.defaultSortedColumn = ViewTenantsColumnSchemaDef.APP_ID;
+        this.defaultColumnSortDirection = true;
+        this.createTenant = new EventEmitter();
+        this.viewTenantsDetails = new EventEmitter();
+        this.tableActions = {
+            isPaginationNeeded: true,
+        };
+        this.tableColumns = this.viewTenantsConstants?.tableColumns;
+        this.emptyFieldValueReplacedBy = this.viewTenantsConstants?.emptyFieldValueReplacedBy;
+        this.paginatorConfig = {
+            recordsPerPage: this.viewTenantsConstants?.pageSizeOptions?.[0],
+            pageSizeOptions: this.viewTenantsConstants.pageSizeOptions,
+            totalRecords: 0,
+        };
+        this.permissionType = PermissionType;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.createTenantScreenTexts = this.constants?.createTenant;
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result.matches;
+        });
+    }
+    /**
+     * Sets the user permissions, router config path, base API URL, table column schema and gets the tenants list.
+     * @memberof ViewTenantsListComponent
+     */
+    ngOnInit() {
+        this.userTenantsPermissions =
+            this.tenantApplicationsService?.filterPermission(this.userPermissions);
+        this.tenantApplicationsService?.setAppConfig(this.apiBaseURL, this.userPermissions);
+        this.tenantsPageInfo = {
+            tenantsTitle: this.viewTenantsConstants?.tenantsTitle,
+        };
+        this.routePaths = this.routePaths ?? this.constants?.routeConfigPath;
+        this.sharedService?.setRoutePaths(this.routePaths);
+        this.configureTableInfo();
+        this.getTenantsAndInitializeTableView({
+            payload: {
+                offset: 0,
+                pageSize: this.paginatorConfig?.recordsPerPage,
+                sortedBy: ViewTenantsColumnSchemaDef.APP_ID,
+                sortedOrderBy: this.filterSortedOrderBy(this.defaultColumnSortDirection),
+            },
+        });
+    }
+    /**
+     * Validates permission based access for provided feature.
+     * @param {PermissionType} permissionType
+     * @return {boolean}
+     * @memberof ViewTenantsListComponent
+     */
+    validateAccess(permissionType) {
+        return this.tenantApplicationsService.validateAccess(permissionType, this.userTenantsPermissions);
+    }
+    /**
+     * Configures table schema to display the tenants in table view.
+     * @memberof ViewTenantsListComponent
+     */
+    configureTableInfo() {
+        this.columnSchema = [
+            {
+                id: 1,
+                columnDef: ViewTenantsColumnSchemaDef.APP_ID,
+                heading: this.tableColumns?.appId,
+                columnType: TableColumnType.LINK,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appId}`,
+                isSortableColumn: true,
+            },
+            {
+                id: 2,
+                columnDef: ViewTenantsColumnSchemaDef.APP_TITLE,
+                heading: this.tableColumns?.appTitle,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appTitle ?? this.emptyFieldValueReplacedBy}`,
+                isSortableColumn: true,
+            },
+            {
+                id: 3,
+                columnDef: ViewTenantsColumnSchemaDef.APP_DESCRIPTION,
+                heading: this.tableColumns?.appDescription,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.appDescription ?? this.emptyFieldValueReplacedBy}`,
+            },
+            {
+                id: 4,
+                columnDef: ViewTenantsColumnSchemaDef.FEATURES,
+                heading: this.tableColumns?.features,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element?.features && element?.features?.length > 0
+                    ? this.formatFeaturesName(element?.features)
+                    : this.emptyFieldValueReplacedBy}`,
+            },
+            {
+                id: 5,
+                columnDef: ViewTenantsColumnSchemaDef.STATUS,
+                heading: this.tableColumns?.status,
+                columnType: TableColumnType.TEXT,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                cellData: (element) => `${element.status ? TenantStatus.ACTIVE : TenantStatus.INACTIVE}`,
+            },
+        ];
+    }
+    /**
+     * Format the features name in to single sentence with comma separated.
+     * @memberof ViewTenantsListComponent
+     */
+    formatFeaturesName(features) {
+        return features
+            .map((feature) => {
+            // eslint-disable-next-line no-unused-expressions
+            return feature.featureName;
+        })
+            ?.join(', ');
+    }
+    /**
+     * Fetching details of tenants and initialize table view
+     * @param {GetTenantsPayload} payload
+     * @memberof ViewTenantsListComponent
+     */
+    getTenantsAndInitializeTableView(payload) {
+        this.tenantApplicationsService
+            .getTenantsList(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                this.tableData = response?.body?.appDetails;
+                this.paginatorConfig.totalRecords = response?.body
+                    ?.totalRecords;
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            error: (error) => {
+                this.sharedService.handleErrors(error, this.constants?.errors);
+            },
+        });
+    }
+    /**
+     * Sets the dialog options for create tenant modal and calls openModal method.
+     * @return -returns nothing
+     * @memberof ViewTenantsListComponent
+     */
+    openCreateTenantForm() {
+        const dialogOptions = {
+            heading: this.viewTenantsConstants?.addTenant,
+            isCloseNeeded: true,
+            componentReference: CreateTenantApplicationComponent,
+            modalType: ModalType.FORM,
+        };
+        this.openModal(dialogOptions, 'ieeesa-create-tenant');
+    }
+    /**
+     * Opens modal component with received params and handles form submission success and errors.
+     * @param {*} dialogOptions
+     * @param {string} [className]
+     * @return -returns nothing
+     * @memberof ViewTenantsListComponent
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-inferrable-types, no-unused-vars
+    openModal(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    dialogOptions, className) {
+        className = className ?? '';
+        this.dialogRef = this.dialog?.open(ModalComponent, {
+            data: dialogOptions,
+            width: '',
+            panelClass: ['ieeesa-modal-dialog', className],
+            ariaModal: true,
+        });
+        this.dialogRef?.componentInstance?.submitFormResponse
+            .pipe(takeUntil(this.destroy$))
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any, no-unused-vars
+            .subscribe((result) => {
+            this.dialogRef?.close();
+            const appTitle = this.tenantApplicationsService.getTenantBasicInfo?.appTitle;
+            this.sharedService.showAlertMessage(AlertType?.SUCCESS, `${appTitle} ${this.createTenantScreenTexts?.message?.success?.submission}`);
+            this.getTenantsAndInitializeTableView({
+                payload: {
+                    offset: 0,
+                    pageSize: this.paginatorConfig?.recordsPerPage,
+                    sortedBy: ViewTenantsColumnSchemaDef.APP_ID,
+                    sortedOrderBy: this.filterSortedOrderBy(this.defaultColumnSortDirection),
+                },
+            });
+        });
+        this.dialogRef?.componentInstance?.formCancel
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.dialogRef?.close();
+        });
+    }
+    /**
+     * Sorts the tenants by application id or title in ascending or descending.
+     * @param {Sort} sort
+     * @memberof ViewTenantsListComponent
+     */
+    onSortTenants(sort) {
+        this.defaultSortedColumn = sort.active;
+        this.defaultColumnSortDirection =
+            sort.direction === TableColumnSortDirection.ASCENDING;
+        const payload = {
+            payload: {
+                offset: 0,
+                pageSize: this.paginatorConfig?.recordsPerPage,
+                sortedBy: this.defaultSortedColumn,
+                sortedOrderBy: this.filterSortedOrderBy(this.defaultColumnSortDirection),
+            },
+        };
+        this.getTenantsAndInitializeTableView(payload);
+    }
+    /**
+     * Returning sorting order according to column definition
+     * @param defaultColumnSortDirection
+     * @returns SortOrderBy.ASC | SortOrderBy.DESC
+     */
+    filterSortedOrderBy(defaultColumnSortDirection) {
+        return defaultColumnSortDirection ? SortOrderBy.ASC : SortOrderBy.DESC;
+    }
+    /**
+     * Get the the records according to pagination
+     *  @param {{
+     *     pageOffset: number;
+     *     pageLimit: number;
+     *   }} pageEvent
+     * @memberof ViewTenantsListComponent
+     */
+    onTablePaginationChange(pageEvent) {
+        this.getTenantsAndInitializeTableView({
+            payload: {
+                offset: pageEvent.pageIndex,
+                pageSize: pageEvent.pageSize,
+                sortedBy: this.defaultSortedColumn,
+                sortedOrderBy: this.filterSortedOrderBy(this.defaultColumnSortDirection),
+            },
+        });
+    }
+    /**
+     * Navigates to view tenants detail component
+     * @memberof ViewTenantsListComponent
+     */
+    navigateToViewTenantDetails(tenantInfo) {
+        if (tenantInfo) {
+            this.tenantApplicationsService.setSelectedTenantInformation(tenantInfo);
+        }
+        if (this.routePaths?.viewTenantDetails)
+            this.router.navigate([this.routePaths?.viewTenantDetails]);
+        else
+            this.viewTenantsDetails.emit(tenantInfo);
+    }
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof ViewTenantsListComponent
+     * @return -returns nothing
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, deps: [{ token: i1$1.MatDialog }, { token: i2.AlertsService }, { token: i2.BreakpointObserverService }, { token: i3.SharedService }, { token: TenantApplicationsService }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantsListComponent, isStandalone: true, selector: "ieeesa-view-tenants-list", inputs: { tenantsPageInfo: "tenantsPageInfo", apiBaseURL: "apiBaseURL", routePaths: "routePaths", userPermissions: "userPermissions", defaultSortedColumn: "defaultSortedColumn", defaultColumnSortDirection: "defaultColumnSortDirection" }, outputs: { createTenant: "createTenant", viewTenantsDetails: "viewTenantsDetails" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-view-tenants-list\"\r\n  [ngClass]=\"{ 'ieeesa-view-tenants-list__mobile': isMobileView }\"\r\n>\r\n  <p class=\"ieeesa-headline-lg-32 py-3 mb-0\">\r\n    {{ tenantsPageInfo?.tenantsTitle }}\r\n  </p>\r\n  <div class=\"ieeesa-view-tenants-list__content\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button me-3\"\r\n        [attr.aria-label]=\"viewTenantsConstants?.ariaLabel?.add\"\r\n        (click)=\"openCreateTenantForm()\"\r\n      >\r\n        {{ viewTenantsConstants?.addTenant }}\r\n      </button>\r\n    </div>\r\n    <ieeesa-data-table\r\n      [tableDataInfo]=\"tableData\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [isCellTextOverflowEllipsis]=\"true\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [defaultSortedColumn]=\"defaultSortedColumn\"\r\n      (sortChange)=\"onSortTenants($event)\"\r\n      (paginationChange)=\"onTablePaginationChange($event)\"\r\n      (rowLink)=\"navigateToViewTenantDetails($event)\"\r\n    ></ieeesa-data-table>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-view-tenants-list{background-color:#f2f2f2;padding:16px 32px 48px}.ieeesa-view-tenants-list__mobile{background-color:#fff}.ieeesa-view-tenants-list__content{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:24px 0}.ieeesa-view-tenants-list__content .cdk-column-appId{width:8.5em;max-width:8.5em}.ieeesa-view-tenants-list__content .cdk-column-appTitle{width:10em;max-width:10em}.ieeesa-view-tenants-list__content .cdk-column-appDescription{width:28.375em;max-width:28.375em}.ieeesa-view-tenants-list__content .cdk-column-features{width:21em;max-width:21em}.ieeesa-view-tenants-list .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenants-list .mdc-notched-outline__trailing,.ieeesa-view-tenants-list .mdc-notched-outline__notch,.ieeesa-view-tenants-list .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-select,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenants-list .at-mdc-select-min-line,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenants-list .mat-mdc-select-value{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "searchResultMessage"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-view-tenants-list', standalone: true, imports: [CommonModule, MatButtonModule, DataTableComponent], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-view-tenants-list\"\r\n  [ngClass]=\"{ 'ieeesa-view-tenants-list__mobile': isMobileView }\"\r\n>\r\n  <p class=\"ieeesa-headline-lg-32 py-3 mb-0\">\r\n    {{ tenantsPageInfo?.tenantsTitle }}\r\n  </p>\r\n  <div class=\"ieeesa-view-tenants-list__content\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button\r\n        mat-button\r\n        class=\"mat-tertiary-button me-3\"\r\n        [attr.aria-label]=\"viewTenantsConstants?.ariaLabel?.add\"\r\n        (click)=\"openCreateTenantForm()\"\r\n      >\r\n        {{ viewTenantsConstants?.addTenant }}\r\n      </button>\r\n    </div>\r\n    <ieeesa-data-table\r\n      [tableDataInfo]=\"tableData\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [isCellTextOverflowEllipsis]=\"true\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [defaultSortedColumn]=\"defaultSortedColumn\"\r\n      (sortChange)=\"onSortTenants($event)\"\r\n      (paginationChange)=\"onTablePaginationChange($event)\"\r\n      (rowLink)=\"navigateToViewTenantDetails($event)\"\r\n    ></ieeesa-data-table>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-view-tenants-list{background-color:#f2f2f2;padding:16px 32px 48px}.ieeesa-view-tenants-list__mobile{background-color:#fff}.ieeesa-view-tenants-list__content{background-color:#fff;box-shadow:0 1px 4px #00000040,0 4px #00b5e2 inset;padding:24px 0}.ieeesa-view-tenants-list__content .cdk-column-appId{width:8.5em;max-width:8.5em}.ieeesa-view-tenants-list__content .cdk-column-appTitle{width:10em;max-width:10em}.ieeesa-view-tenants-list__content .cdk-column-appDescription{width:28.375em;max-width:28.375em}.ieeesa-view-tenants-list__content .cdk-column-features{width:21em;max-width:21em}.ieeesa-view-tenants-list .mat-mdc-paginator-container{padding:0;flex-wrap:nowrap}.ieeesa-view-tenants-list .mdc-notched-outline__trailing,.ieeesa-view-tenants-list .mdc-notched-outline__notch,.ieeesa-view-tenants-list .mdc-notched-outline__leading{border:none!important}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label,.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-select,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{margin:0}.ieeesa-view-tenants-list .at-mdc-select-min-line,.ieeesa-view-tenants-list .mat-mdc-paginator-range-label{color:#1c1d1e}.ieeesa-view-tenants-list .mat-mdc-paginator-page-size-label{position:relative;color:#63666a;left:2em}.ieeesa-view-tenants-list .mat-mdc-select-value{display:flex;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.AlertsService }, { type: i2.BreakpointObserverService }, { type: i3.SharedService }, { type: TenantApplicationsService }, { type: i5.Router }]; }, propDecorators: { tenantsPageInfo: [{
+                type: Input
+            }], apiBaseURL: [{
+                type: Input
+            }], routePaths: [{
+                type: Input
+            }], userPermissions: [{
+                type: Input
+            }], defaultSortedColumn: [{
+                type: Input
+            }], defaultColumnSortDirection: [{
+                type: Input
+            }], createTenant: [{
+                type: Output
+            }], viewTenantsDetails: [{
+                type: Output
+            }] } });
+
+class ViewTenantDetailsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewTenantDetailsComponent, isStandalone: true, selector: "ieeesa-view-tenant-details", ngImport: i0, template: "<p>view-tenant-details works!</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewTenantDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-view-tenant-details', imports: [CommonModule], standalone: true, template: "<p>view-tenant-details works!</p>\r\n" }]
+        }] });
+
 /* eslint-disable no-empty-function */
 class TenantApplicationsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TenantApplicationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -902,5 +1246,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppType, CreateTenantApplicationComponent, FormStatus, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantsValidationPatterns };
+export { AppType, CreateTenantApplicationComponent, FormStatus, PermissionType, SortOrderBy, TenantApplicationsComponent, TenantApplicationsModule, TenantApplicationsService, TenantPermissionsMapService, TenantPermissionsService, TenantStatus, TenantsValidationPatterns, ViewTenantDetailsComponent, ViewTenantsColumnSchemaDef, ViewTenantsListComponent };
 //# sourceMappingURL=ieeesa-npm-tenants.mjs.map