@sunbird-cb/utils-v2 0.0.0-watch → 0.0.1-ang-17-20

package/fesm2022/sunbird-cb-utils-v2.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Inject, Output, NgModule, Directive, Input, HostBinding, HostListener, ViewChild, Pipe, LOCALE_ID } from '@angular/core';
-import * as i1$1 from '@angular/material/legacy-dialog';
-import { MAT_LEGACY_DIALOG_DATA, MatLegacyDialogModule } from '@angular/material/legacy-dialog';
+import { Injectable, EventEmitter, Output, Inject, Component, NgModule, HostBinding, Input, Directive, HostListener, ViewChild, Pipe, LOCALE_ID } from '@angular/core';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { BehaviorSubject, ReplaySubject, Subject, fromEvent, timer, of, EMPTY, forkJoin } from 'rxjs';
-import * as i3 from '@angular/material/legacy-snack-bar';
+import * as i3 from '@angular/material/snack-bar';
 import * as i1 from '@angular/cdk/layout';
 import { Breakpoints } from '@angular/cdk/layout';
 import { map, debounceTime, distinctUntilChanged, throttleTime, catchError, mergeMap, retry, filter } from 'rxjs/operators';
@@ -13,16 +13,16 @@ import * as i6 from 'ngx-image-cropper';
 import { ImageCropperModule } from 'ngx-image-cropper';
 import * as i7 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i8 from '@angular/material/legacy-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
-import * as i9 from '@angular/material/legacy-card';
-import { MatLegacyCardModule } from '@angular/material/legacy-card';
-import * as i10 from '@angular/material/legacy-slider';
-import { MatLegacySliderModule } from '@angular/material/legacy-slider';
+import * as i8 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i9 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i10 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatLegacyTooltipModule } from '@angular/material/legacy-tooltip';
-import * as i4 from '@angular/material/legacy-progress-spinner';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import _, { orderBy } from 'lodash';
 import moment from 'moment';
 import * as i3$1 from '@angular/router';
@@ -33,14 +33,23 @@ import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1$3 from '@angular/platform-browser';
 
+// const instanceConfigPath: string | null = window.location.host
+// const locationHost: string | null = window.location.host
+// if (!environment.production && Boolean(environment.sitePath)) {
+//   locationHost = environment.sitePath
+//   instanceConfigPath = environment.sitePath
+// }
 class ConfigurationsService {
+    // update as the single source of truth
     constructor() {
         this.appSetup = true;
+        // The url the user tried to access while landing in the app before accepting tnc
         this.userUrl = '';
         this.baseUrl = `assets/configurations`;
         this.sitePath = `assets/configurations`;
         this.hostPath = (window.location.host).replace(':', '_');
         this.userRoles = null;
+        this.userAllRoles = null;
         this.userGroups = null;
         this.restrictedFeatures = null;
         this.restrictedWidgets = null;
@@ -59,7 +68,9 @@ class ConfigurationsService {
         this.nodebbUserProfile = null;
         this.isAuthenticated = false;
         this.isNewUser = false;
+        // pinnedApps
         this.pinnedApps = new BehaviorSubject(new Set());
+        // Notifier
         this.prefChangeNotifier = new ReplaySubject(1);
         this.tourGuideNotifier = new ReplaySubject();
         this.authChangeNotifier = new ReplaySubject(1);
@@ -67,9 +78,11 @@ class ConfigurationsService {
         this.updateProfileObservable = this.updateProfile.asObservable();
         this.updateTourGuide = new BehaviorSubject(true);
         this.updateTourGuideObservable = this.updateTourGuide.asObservable();
+        // platform rating
         this.updatePlatformRating = new BehaviorSubject({ bottom: '120px' });
         this.updatePlatformRatingObservable$ = this.updatePlatformRating.asObservable();
         this.languageTranslationFlag = new Subject();
+        // Preference Related Values
         this.activeThemeObject = null;
         this.activeFontObject = null;
         this.isDarkMode = false;
@@ -87,12 +100,28 @@ class ConfigurationsService {
             color: 'primary',
         };
         this.primaryNavBarConfig = null;
+        /* for temp Fix */
+        // setBaseUrl = (sitePath: string) => `assets/configurations/${(sitePath).replace(':', '_')}`
+        // setSitePath = (sitePath: string) => `assets/configurations/${(sitePath).replace(
+        //   ':',
+        //   '_',
+        // )}`
+        // setHostPath = (sitePath: string) => (sitePath).replace(':', '_')
         this.welcomeTabs = null;
         this.compentency = null;
+        // variable setting for csJwtToken
         this.cstoken = '';
         this.netcoreConfig = {};
+        this.completionSurvey = {};
         this.changeNavBarFullView = new Subject();
         this.openExploreMenuForMWeb = new Subject();
+        this.updateOrgReadData = new BehaviorSubject('');
+        this.updateOrgReadDataObservable = this.updateOrgReadData.asObservable();
+        // @Inject('env') env: any
+        // if (!env.production && Boolean(env.sitePath)) {
+        //   locationHost = env.sitePath
+        //   instanceConfigPath = env.sitePath
+        // }
     }
     updateGlobalProfile(state) {
         this.updateProfile.next(state);
@@ -103,15 +132,18 @@ class ConfigurationsService {
     updatePlatformRatingMethod(state) {
         this.updatePlatformRating.next(state);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigurationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigurationsService, providedIn: 'root' }); }
+    updateOrgData(id) {
+        this.updateOrgReadData.next(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigurationsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class ValueService {
     constructor(breakpointObserver) {
@@ -123,15 +155,15 @@ class ValueService {
             .observe([Breakpoints.XSmall, Breakpoints.Small])
             .pipe(map((res) => res.matches));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ValueService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ValueService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ValueService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
 
 class ImageCropComponent {
     constructor(dialogRef, configSvc, snackBar, valueSvc, data) {
@@ -139,6 +171,7 @@ class ImageCropComponent {
         this.configSvc = configSvc;
         this.snackBar = snackBar;
         this.valueSvc = valueSvc;
+        // need to set for creator Logo
         this.data = new EventEmitter();
         this.isRoundCrop = false;
         this.isNotOfRequiredSize = false;
@@ -183,13 +216,15 @@ class ImageCropComponent {
             }
         });
     }
+    // displays the default image
     changeToDefaultImg($event) {
         $event.target.src = this.configSvc.instanceConfig ?
             this.configSvc.instanceConfig.logos.defaultContent : '';
     }
+    // image cropping event
     imageCropped(event) {
-        this.imageFileBase64 = event.base64;
-        this.cropimageFile = this.base64ImageToBlob(this.imageFileBase64);
+        this.imageFileBase64 = event.base64; // store the cropped image as a base64 value
+        this.cropimageFile = this.base64ImageToBlob(this.imageFileBase64); // convert the cropped image as a file
         this.croppedHeight = event.height;
         this.croppedWidth = event.width;
     }
@@ -201,6 +236,7 @@ class ImageCropComponent {
     continueToImageCrop() {
         this.isNotOfRequiredSize = false;
     }
+    // checks if the image is of the correct dimensions
     thumbnailSizeDetection() {
         const fr = new FileReader();
         fr.readAsDataURL(this.imageFile);
@@ -223,16 +259,23 @@ class ImageCropComponent {
         };
     }
     base64ImageToBlob(str) {
+        // extract content type and base64 payload from original string
         const pos = str.indexOf(';base64,');
+        // var type = str.substring(5, pos);
         const b64 = str.substr(pos + 8);
+        // decode base64
         const imageContent = atob(b64);
+        // create an ArrayBuffer and a view (as unsigned 8-bit)
         const buffer = new ArrayBuffer(imageContent.length);
         const view = new Uint8Array(buffer);
+        // fill the view, using the decoded base64
         for (let n = 0; n < imageContent.length; n = n + 1) {
             view[n] = imageContent.charCodeAt(n);
         }
+        // convert ArrayBuffer to Blob
         const blob = new Blob([view], { type: 'image/png' });
         const b = blob;
+        // Cast to a File() type
         b.lastModifiedDate = new Date();
         b.name = this.fileName;
         const file = new File([blob], this.fileName, { type: 'image/jpeg' });
@@ -268,6 +311,7 @@ class ImageCropComponent {
             scale: event.value,
         };
     }
+    // calls when apply button is clicked,and returns the cropped image
     croppingImage() {
         this.dialogRef.close(this.cropimageFile);
     }
@@ -276,46 +320,48 @@ class ImageCropComponent {
         this.canvasRotation = 0;
         this.transform = {};
     }
+    // closes the dialog box
     close() {
         this.dialogRef.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageCropComponent, deps: [{ token: i1$1.MatLegacyDialogRef }, { token: ConfigurationsService }, { token: i3.MatLegacySnackBar }, { token: ValueService }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageCropComponent, selector: "ws-utils-image-crop", outputs: { data: "data" }, ngImport: i0, template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width: 1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width: 1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width: 1030px){.heightwidth{display:block}}@media only screen and (max-width: 1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width: 1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i9.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i10.MatLegacySlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropComponent, deps: [{ token: i1$1.MatDialogRef }, { token: ConfigurationsService }, { token: i3.MatSnackBar }, { token: ValueService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ImageCropComponent, isStandalone: false, selector: "ws-utils-image-crop", outputs: { data: "data" }, ngImport: i0, template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width:1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width:1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width:1030px){.heightwidth{display:block}}@media only screen and (max-width:1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width:1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width:1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i10.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageCropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ws-utils-image-crop', template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width: 1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width: 1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width: 1030px){.heightwidth{display:block}}@media only screen and (max-width: 1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width: 1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatLegacyDialogRef }, { type: ConfigurationsService }, { type: i3.MatLegacySnackBar }, { type: ValueService }, { type: undefined, decorators: [{
+            args: [{ selector: 'ws-utils-image-crop', standalone: false, template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width:1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width:1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width:1030px){.heightwidth{display:block}}@media only screen and (max-width:1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width:1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width:1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: ConfigurationsService }, { type: i3.MatSnackBar }, { type: ValueService }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: [MAT_LEGACY_DIALOG_DATA]
-                }] }]; }, propDecorators: { data: [{
+                    args: [MAT_DIALOG_DATA]
+                }] }], propDecorators: { data: [{
                 type: Output
             }] } });
 
+// @dynamic
 class ImageCropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageCropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ImageCropModule, declarations: [ImageCropComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ImageCropModule, declarations: [ImageCropComponent], imports: [CommonModule,
             ImageCropperModule,
             MatIconModule,
-            MatLegacyButtonModule,
-            MatLegacyDialogModule,
+            MatButtonModule,
+            MatDialogModule,
             MatToolbarModule,
-            MatLegacyDialogModule,
-            MatLegacyCardModule,
-            MatLegacyTooltipModule,
-            MatLegacySliderModule], exports: [ImageCropComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageCropModule, imports: [CommonModule,
+            MatDialogModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatSliderModule], exports: [ImageCropComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropModule, imports: [CommonModule,
             ImageCropperModule,
             MatIconModule,
-            MatLegacyButtonModule,
-            MatLegacyDialogModule,
+            MatButtonModule,
+            MatDialogModule,
             MatToolbarModule,
-            MatLegacyDialogModule,
-            MatLegacyCardModule,
-            MatLegacyTooltipModule,
-            MatLegacySliderModule] }); }
+            MatDialogModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatSliderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageCropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ImageCropComponent],
@@ -323,13 +369,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         ImageCropperModule,
                         MatIconModule,
-                        MatLegacyButtonModule,
-                        MatLegacyDialogModule,
+                        MatButtonModule,
+                        MatDialogModule,
                         MatToolbarModule,
-                        MatLegacyDialogModule,
-                        MatLegacyCardModule,
-                        MatLegacyTooltipModule,
-                        MatLegacySliderModule,
+                        MatDialogModule,
+                        MatCardModule,
+                        MatTooltipModule,
+                        MatSliderModule,
                     ],
                     exports: [ImageCropComponent]
                 }]
@@ -337,12 +383,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 var EFeatures;
 (function (EFeatures) {
+    // Playlists
     EFeatures["PLAYLIST"] = "playlist";
     EFeatures["PLAYLIST_CREATE"] = "playlistCreate";
     EFeatures["PLAYLIST_ADD_NEW_CONTENT"] = "playlistAddNewContent";
     EFeatures["PLAYLIST_REMOVE_EXISTING_CONTENT"] = "playlistRemoveExistingContent";
     EFeatures["PLAYLIST_DELETE"] = "playlistDelete";
     EFeatures["PLAYLIST_SHARE"] = "playlistShare";
+    // Goals
     EFeatures["GOAL"] = "goal";
     EFeatures["GOAL_CREATE_OWN"] = "goalCreateOwn";
     EFeatures["GOAL_CREATE_SUGGESTED"] = "goalCreateSuggested";
@@ -352,6 +400,7 @@ var EFeatures;
     EFeatures["GOAL_VIEW_ALL_GOALS_SECTION"] = "goalViewAllGoalsSection";
     EFeatures["GOAL_VIEW_IN_PROGRESS_GOALS_SECTION"] = "goalViewInProgressGoalsSection";
     EFeatures["GOAL_VIEW_COMPLETED_GOALS_SECTION"] = "goalViewCompletedGoalsSection";
+    // Navigator
     EFeatures["NAVIGATOR"] = "navigator";
     EFeatures["NAVIGATOR_VIEW_NAVIGATOR_CAROUSEL"] = "navigatorViewNavigatorCarousel";
     EFeatures["NAVIGATOR_VIEW_ROLES_PAGE"] = "navigatorViewRolesPage";
@@ -395,6 +444,7 @@ var EFeatures;
     EFeatures["NAVIGATOR_VIEW_DIFFERENT_COURSES_IN_PILLAR"] = "navigatorViewDifferentCoursesInPillar";
     EFeatures["NAVIGATOR_VIEW_FULL_STACK_PAGE"] = "navigatorViewFullStackPage";
     EFeatures["NAVIGATOR_VIEW_DIFFERENT_FULL_STACK_PROGRAMS"] = "navigatorViewDifferentFullStackPrograms";
+    // Catalog
     EFeatures["CATALOG"] = "catalog";
     EFeatures["CATALOG_VIEW_CATALOG_LIST"] = "catalogViewCatalogList";
     EFeatures["CATALOG_SELECT_ITEM_FROM_CATALOG_LIST"] = "catalogSelectItemFromCatalogList";
@@ -402,6 +452,7 @@ var EFeatures;
     EFeatures["CATALOG_VIEW_COURSES_STRIP"] = "catalogViewCoursesStrip";
     EFeatures["CATALOG_VIEW_LEARNING_MODULES_STRIP"] = "catalogViewLearningModulesStrip";
     EFeatures["CATALOG_VIEW_RESOURCES_STRIP"] = "catalogViewResourcesStrip";
+    // Marketing Page
     EFeatures["MARKETING_PAGE"] = "marketingPage";
     EFeatures["MARKETING_PAGE_VIEW_BRAND_ASSETS_PAGE"] = "marketingPageViewBrandAssetsPage";
     EFeatures["MARKETING_PAGE_VIEW_CORPORATE_STRIP"] = "marketingPageViewCorporateStrip";
@@ -426,6 +477,7 @@ var EFeatures;
     EFeatures["MARKETING_PAGE_VIEW_PRODUCT_AND_SUBSIDIARIES_PAGE"] = "marketingPageViewProductAndSubsidiariesPage";
     EFeatures["MARKETING_PAGE_VIEW_PRODUCT_AND_SUBSIDIARIES_LIST"] = "marketingPageViewProductAndSubsidiariesList";
     EFeatures["MARKETING_PAGE_SELECT_ANY_PRODUCT_AND_SUBSIDIARY"] = "marketingPageSelectAnyProductAndSubsidiary";
+    // Interests
     EFeatures["INTERESTS"] = "interests";
     EFeatures["INTERESTS_ADD_INTERESTS_FROM_SEARCH"] = "interestsAddInterestsFromSearch";
     EFeatures["INTERESTS_ADD_INTERESTS_FROM_OUR_SUGGESTIONS_SECTION"] = "interestsAddInterestsFromOurSuggestionsSection";
@@ -434,6 +486,7 @@ var EFeatures;
     EFeatures["INTERESTS_VIEW_MY_INTERESTS_SECTION"] = "interestsViewMyInterestsSection";
     EFeatures["INTERESTS_VIEW_OWN_SUGGESTIONS_SECTION"] = "interestsViewOwnSuggestionsSection";
     EFeatures["INTERESTS_VIEW_MORE_SUGGESTIONS_BUTTON"] = "interestsViewMoreSuggestionsButton";
+    // Feedback
     EFeatures["FEEDBACK"] = "feedback";
     EFeatures["FEEDBACK_VIEW_PLATFORM_FEEDBACK_SECTION"] = "feedbackViewPlatformFeedbackSection";
     EFeatures["FEEDBACK_STAR_RATING_FOR_PLATFORM"] = "feedbackStarRatingForPlatform";
@@ -449,6 +502,7 @@ var EFeatures;
     EFeatures["FEEDBACK_WRITING_ISSUE"] = "feedbackWritingIssue";
     EFeatures["FEEDBACK_RESET_ISSUE"] = "feedbackResetIssue";
     EFeatures["FEEDBACK_SUBMIT_ISSUE"] = "feedbackSubmitIssue";
+    // Contact Us
     EFeatures["CONTACT_US"] = "contactUs";
     EFeatures["CONTACT_US_VIEW_RAISE_AHD_SECTION"] = "contactUsViewRaiseAhdSection";
     EFeatures["CONTACT_US_VIEW_MAIL_US_SECTION"] = "contactUsViewMailUsSection";
@@ -456,6 +510,7 @@ var EFeatures;
     EFeatures["CONTACT_US_RAISE_AHD"] = "contactUsRaiseAhd";
     EFeatures["CONTACT_US_WRITE_EMAIL"] = "contactUsWriteEmail";
     EFeatures["CONTACT_US_DIAL_FROM_PHONE"] = "contactUsDialFromPhone";
+    // FAQs
     EFeatures["FAQ"] = "faq";
     EFeatures["FAQ_VIEW_LOGIN_FAQS"] = "faqViewLoginFaqs";
     EFeatures["FAQ_VIEW_ODC_ACCESS_FAQS"] = "faqViewOdcAccessFaqs";
@@ -464,6 +519,7 @@ var EFeatures;
     EFeatures["FAQ_VIEW_PROGRESS_COMPLETION_FAQS"] = "faqViewProgressCompletionFaqs";
     EFeatures["FAQ_VIEW_VIDEO_FAQS"] = "faqViewVideoFaqs";
     EFeatures["FAQ_VIEW_AUTHORING_FAQS"] = "faqViewAuthoringFaqs";
+    // Mobile Apps
     EFeatures["MOBILE_APPS"] = "mobileApps";
     EFeatures["MOBILE_APPS_VIEW_ANDROID_APP_SECTION"] = "mobileAppsViewAndroidAppSection";
     EFeatures["MOBILE_APPS_DOWNLOAD_APP_FROM_PLAY_STORE"] = "mobileAppsDownloadAppFromPlayStore";
@@ -472,8 +528,10 @@ var EFeatures;
     EFeatures["MOBILE_APPS_VIEW_IOS_APP_SECTION"] = "mobileAppsViewIosAppSection";
     EFeatures["MOBILE_APPS_DOWNLOAD_IOS_APP"] = "mobileAppsDownloadIosApp";
     EFeatures["MOBILE_APPS_VIEW_QR_CODE_FOR_IOS_APP"] = "mobileAppsViewQrCodeForIosApp";
+    // About Us
     EFeatures["ABOUT_US"] = "aboutUs";
     EFeatures["ABOUT_US_VIEW_ABOUT_US_PAGE_SECTIONS"] = "aboutUsViewAboutUsPageSections";
+    // Settings
     EFeatures["SETTINGS"] = "settings";
     EFeatures["SETTINGS_VIEW_LANGUAGE_SECTION"] = "settingsViewLanguageSection";
     EFeatures["SETTINGS_VIEW_FONT_SIZE_SECTION"] = "settingsViewFontSizeSection";
@@ -481,6 +539,7 @@ var EFeatures;
     EFeatures["SETTINGS_CHANGE_LANGUAGE"] = "settingsChangeLanguage";
     EFeatures["SETTINGS_CHANGE_FONT_SIZE"] = "settingsChangeFontSize";
     EFeatures["SETTINGS_CHANGE_THEME"] = "settingsChangeTheme";
+    // Login Page
     EFeatures["LOGIN_PAGE"] = "loginPage";
     EFeatures["LOGIN_PAGE_LOGIN_FOR_INFOSCIONS"] = "loginPageLoginForInfoscions";
     EFeatures["LOGIN_PAGE_LOGIN_FOR_SUBSIDIARIES"] = "loginPageLoginForSubsidiaries";
@@ -489,6 +548,7 @@ var EFeatures;
     EFeatures["LOGIN_PAGE_TERMS_OF_USE"] = "loginPageTermsOfUse";
     EFeatures["LOGIN_PAGE_FAQS"] = "loginPageFaqs";
     EFeatures["LOGIN_PAGE_CONTACT_US"] = "loginPageContactUs";
+    // TOC Page
     EFeatures["TOC_PAGE"] = "tocPage";
     EFeatures["TOC_PAGE_VIEW_OVERVIEW_SECTION"] = "tocPageViewOverviewSection";
     EFeatures["TOC_PAGE_VIEW_INSTRUCTOR_LED_SECTION"] = "tocPageViewInstructorLedSection";
@@ -526,6 +586,7 @@ var EFeatures;
     EFeatures["TOC_PAGE_START_OVER_THE_COURSE"] = "tocPageStartOverTheCourse";
     EFeatures["TOC_PAGE_GO_TO_COURSE_QUIZ"] = "tocPageGoToCourseQuiz";
     EFeatures["TOC_PAGE_GO_TO_COURSE_HANDS_ON"] = "tocPageGoToCourseHandsOn";
+    // Navbar
     EFeatures["NAVBAR"] = "navbar";
     EFeatures["NAVBAR_VIEW_LOGO"] = "navbarViewLogo";
     EFeatures["NAVBAR_CATALOG_ICON"] = "navbarCatalogIcon";
@@ -534,6 +595,7 @@ var EFeatures;
     EFeatures["NAVBAR_SETTINGS_ICON"] = "navbarSettingsIcon";
     EFeatures["NAVBAR_SEARCH_ICON"] = "navbarSearchIcon";
     EFeatures["NAVBAR_APPS_ICON"] = "navbarAppsIcon";
+    // Home Page
     EFeatures["HOME_PAGE"] = "homePage";
     EFeatures["HOME_PAGE_VIEW_CAROUSEL"] = "homePageViewCarousel";
     EFeatures["HOME_PAGE_VIEW_CONTINUE_LEARNING_STRIP"] = "homePageViewContinueLearningStrip";
@@ -545,10 +607,12 @@ var EFeatures;
     EFeatures["HOME_PAGE_VIEW_TRENDING_STRIP"] = "homePageViewTrendingStrip";
     EFeatures["HOME_PAGE_SHOW_COMPLETED_FILTER"] = "homePageShowCompletedFilter";
     EFeatures["HOME_PAGE_SHOW_RESOURCES_FILTER"] = "homePageShowResourcesFilter";
+    // TNC Page
     EFeatures["TNC_PAGE"] = "tncPage";
     EFeatures["TNC_PAGE_VIEW_CONTEST_RULES_SECTION"] = "tncPageViewContestRulesSection";
     EFeatures["TNC_PAGE_VIEW_DATA_PRIVACY_SECTION"] = "tncPageViewDataPrivacySection";
     EFeatures["TNC_PAGE_ACCEPT_TERMS_AND_CONDITIONS"] = "tncPageAcceptTermsAndConditions";
+    // Blogs
     EFeatures["BLOGS"] = "blogs";
     EFeatures["BLOG_VIEW_OTHERS_BLOGS"] = "blogViewOthersBlogs";
     EFeatures["BLOGS_LIKE_OTHER_BLOGS"] = "blogsLikeOtherBlogs";
@@ -565,6 +629,7 @@ var EFeatures;
     EFeatures["BLOGS_DELETE_MY_RESPONSE"] = "blogsDeleteMyResponse";
     EFeatures["BLOGS_VIEW_DRAFTS_SECTION"] = "blogsViewDraftsSection";
     EFeatures["BLOGS_VIEW_PUBLISHED_SECTION"] = "blogsViewPublishedSection";
+    // Question and Answer
     EFeatures["QUESTION_AND_ANSWER"] = "questionAndAnswer";
     EFeatures["QUESTION_AND_ANSWER_VIEW_ALL_QUESTIONS_AND_ANSWERS"] = "questionAndAnswerViewAllQuestionsAndAnswers";
     EFeatures["QUESTION_AND_ANSWER_VIEW_ONLY_UNANSWERED_QUESTIONS"] = "questionAndAnswerViewOnlyUnansweredQuestions";
@@ -580,13 +645,16 @@ var EFeatures;
     EFeatures["QUESTION_AND_ANSWER_PUBLISH_SAVED_QUESTION"] = "questionAndAnswerPublishedSavedQuestion";
     EFeatures["QUESTION_AND_ANSWER_VIEW_DRAFTS_SECTION"] = "questionAndAnswerViewDraftsSection";
     EFeatures["QUESTION_AND_ANSWER_VIEW_PUBLISHED_SECTION"] = "questionAndAnswerViewPublishedSection";
+    // Badges
     EFeatures["BADGES"] = "badges";
     EFeatures["BADGES_VIEW_RECENTLY_EARNED_BADGE"] = "badgesViewRecentlyEarnedBadge";
     EFeatures["BADGES_VIEW_ALL_EARNED_BADGES"] = "badgesViewAllEarnedBadges";
     EFeatures["BADGES_VIEW_NEXT_TARGETTED_BADGES"] = "badgesViewNextTargettedBadges";
+    // Hands on Dashboard
     EFeatures["HANDS_ON_DASHBOARD"] = "handsOnDashboard";
     EFeatures["HANDS_ON_DASHBOARD_VIEW_MY_DASHBOARD"] = "handsOnDashboardViewMyDashboard";
     EFeatures["HANDS_ON_DASHBOARD_VIEW_SHARED_PROFILE_SECTION"] = "handsOnDashboardViewSharedProfileSection";
+    // Learning History
     EFeatures["LEARNING_HISTORY"] = "learningHistory";
     EFeatures["LEARNING_HISTORY_VIEW_PROGRAMS_SECTION"] = "learningHistoryViewProgramsSection";
     EFeatures["LEARNING_HISTORY_VIEW_COURSES_SECTION"] = "learningHistoryViewCoursesSection";
@@ -595,6 +663,7 @@ var EFeatures;
     EFeatures["LEARNING_HISTORY_VIEW_CERTIFICATIONS_SECTION"] = "learningHistoryViewCertificationsSection";
     EFeatures["LEARNING_HISTORY_APPLY_COMPLETED_FILTER"] = "learningHistoryApplyCompletedFilter";
     EFeatures["LEARNING_HISTORY_VIEW_MORE_BUTTON"] = "learningHistoryViewMoreButton";
+    // Learning Time
     EFeatures["LEARNING_TIME"] = "learningTime";
     EFeatures["LEARNING_TIME_VIEW_LEARNING_TIME_GRAPH"] = "learningTimeViewLearningTimeGraph";
     EFeatures["LEARNING_TIME_APPLY_BAR_GRAPH_FILTER"] = "learningTimeApplyBarGraphFilter";
@@ -602,23 +671,28 @@ var EFeatures;
     EFeatures["LEARNING_TIME_APPLY_TIME_SPENT_FILTER"] = "learningTimeApplyTimeSpentFilter";
     EFeatures["LEARNING_TIME_APPLY_APP_AVERAGE_FILTER"] = "learningTimeApplyAppAverageFilter";
     EFeatures["LEARNING_TIME_APPLY_USER_AVERAGE_OVER_PERIOD_FILTER"] = "learningTimeApplyUserAverageOverPeriodFilter";
+    // Notification
     EFeatures["NOTIFICATION"] = "notification";
     EFeatures["NOTIFICATION_VIEW_RECENT_BADGE_EARNED"] = "notificationViewRecentBadgeEarned";
     EFeatures["NOTIFICATION_VIEW_SHARED_PLAYLIST"] = "notificationViewSharedPlaylist";
     EFeatures["NOTIFICATION_VIEW_SHARED_GOALS"] = "notificationViewSharedGoals";
+    // Profile
     EFeatures["PROFILE"] = "profile";
     EFeatures["PROFILE_VIEW_BASIC_INFORMATION"] = "profileViewBasicInformation";
     EFeatures["PROFILE_VIEW_RECENTLY_LEARNED_COURSES"] = "profileViewRecentlyLearnedCourses";
     EFeatures["PROFILE_VIEW_LIKED_ITEMS"] = "profileViewLikedItems";
     EFeatures["PROFILE_VIEW_BADGES_EARNED"] = "profileViewBadgesEarned";
+    // Behavioural Skills
     EFeatures["BEHAVIORAL_SKILLS"] = "behavioralSkills";
     EFeatures["BEHAVIORAL_SKILLS_VIEW_MODEL_CLIENT_INTERACTIONS"] = "behavioralSkillsViewModalClientInteractions";
     EFeatures["BEHAVIORAL_SKILLS_VIEW_CLIENT_INTERACTION_TESTS"] = "behavioralSkillsViewClientInteractionTests";
+    // Certifications
     EFeatures["CERTIFICATIONS"] = "certifications";
     EFeatures["CERTIFICATIONS_VIEW_MY_APPROVALS_SECTION"] = "certificationsViewMyApprovalsSection";
     EFeatures["CERTIFICATIONS_VIEW_MY_REQUESTS_SECTION"] = "certificationsViewMyRequestsSection";
     EFeatures["CERTIFICATIONS_VIEW_MY_CERTIFICATIONS_SECTION"] = "certificationsViewMyCertificationsSection";
     EFeatures["CERTIFICATIONS_APPLY_COMPLETION_STATUS_FILTER"] = "certificationsApplyCompletionStatusFilter";
+    // Code Crack
     EFeatures["CODE_CRACK"] = "codeCrack";
     EFeatures["CODE_CRACK_VIEW_PUZZLE_MANIA"] = "codeCrackViewPuzzleMania";
     EFeatures["CODE_CRACK_VIEW_CODE_CRACK"] = "codeCrackViewCodeCrack";
@@ -628,6 +702,7 @@ var EFeatures;
     EFeatures["CODE_CRACK_START_CODE_CRACK_TEST"] = "codeCrackStartCodeCrackTest";
     EFeatures["CODE_CRACK_START_PUZZLE_MANIA"] = "codeCrackStartPuzzleMania";
     EFeatures["CODE_CRACK_START_TECHNOLOGY_PLAYGROUND"] = "codeCrackStartTechnologyPlayground";
+    // Instructor Led Training
     EFeatures["INSTRUCTOR_LED_TRAINING"] = "instructorLedTraining";
     EFeatures["INSTRUCTOR_LED_TRAINING_VIEW_TRAINING_SCHEDULE_SECTION"] = "instructorLedTrainingViewTrainingScheduleSection";
     EFeatures["INSTRUCTOR_LED_TRAINING_VIEW_FEEDBACK_SECTION"] = "instructorLedTrainingViewFeedbackSection";
@@ -635,6 +710,7 @@ var EFeatures;
     EFeatures["INSTRUCTOR_LED_TRAINING_SEARCH_TRAINING"] = "instructorLedTrainingSearchTraining";
     EFeatures["INSTRUCTOR_LED_TRAINING_REGISTER_FOR_TRAINING"] = "instructorLedTrainingRegisterForTraining";
     EFeatures["INSTRUCTOR_LED_TRAINING_GIVE_TRAINING_FEEDBACK"] = "instructorLedTrainingGiveTrainingFeedback";
+    // LeaderBoard
     EFeatures["LEADERBOARD"] = "leaderboard";
     EFeatures["LEADERBOARD_VIEW_WEEKLY_SECTION"] = "leaderboardViewWeeklySection";
     EFeatures["LEADERBOARD_VIEW_MONTHLY_SECTION"] = "leaderboardViewMonthlySection";
@@ -642,9 +718,11 @@ var EFeatures;
     EFeatures["LEADERBOARD_APPLY_LEARNER_COLLABORATOR_FILTER"] = "leaderboardApplyLearnerCollaboratorFilter";
     EFeatures["LEADERBOARD_BACK_DATE_BUTTON"] = "leaderboardBackDatebutton";
     EFeatures["LEADERBOARD_FORWARD_DATE_BUTTON"] = "leaderboardForwardDateButton";
+    // Playground
     EFeatures["PLAYGROUND"] = "playground";
     EFeatures["PLAYGROUND_VIEW_TECHNOLOGY_PLAYGROUNDS_STRIP"] = "playgroundViewTechnologyPlaygorundsStrip";
     EFeatures["PLAYGROUND_VIEW_ASSESSMENTS_PLAYGROUNDS_STRIP"] = "playgroundViewAssessmentsPlaygroundsStrip";
+    // Puzzle Mania
     EFeatures["PUZZLE_MANIA"] = "puzzleMania";
     EFeatures["PUZZLE_MANIA_VIEW_PUZZLE_MANIA"] = "puzzleManiaViewPuzzleMania";
     EFeatures["PUZZLE_MANIA_VIEW_CODE_CRACK"] = "puzzleManiaViewCodeCrack";
@@ -654,19 +732,23 @@ var EFeatures;
     EFeatures["PUZZLE_MANIA_START_CODE_CRACK_TEST"] = "puzzleManiaStartCodeCrackTest";
     EFeatures["PUZZLE_MANIA_START_PUZZLE_MANIA"] = "puzzleManiaStartPuzzleMania";
     EFeatures["PUZZLE_MANIA_START_TECHNOLOGY_PLAYGROUND"] = "puzzleManiaStartTechnologyPlayground";
+    // Full Stack Sales Leader
     EFeatures["FULL_STACK_SALES_LEADER"] = "fullStackSalesLeader";
     EFeatures["FULL_STACK_SALES_LEADER_WATCH_LEADER_VIDEO"] = "fullStackSalesLeaderWatchLeaderVideo";
     EFeatures["FULL_STACK_SALES_LEADER_EMBARK_ON_THIS_LEARNING_JOURNEY_BUTTON"] = "fullStackSalesLeaderEmbarkOnThisLearningJourneyButton";
     EFeatures["FULL_STACK_SALES_LEADER_QUICK_TOUR_VIDEO_LINK"] = "fullStackSalesLeaderQuickTourVideoLink";
     EFeatures["FULL_STACK_SALES_LEADER_FEEDBACK_LINK"] = "fullStackSalesLeaderFeedbackLink";
     EFeatures["FULL_STACK_SALES_LEADER_DROP_NOTE_LINK"] = "fullStackSalesLeaderDropNoteLink";
+    // Onboarding
     EFeatures["ONBOARDING"] = "onboarding";
     EFeatures["ONBOARDING_VIEW_DC_ONBOARDING_PROGRAMS_STRIP"] = "onboardingViewDcOnboardingProgramsStrip";
     EFeatures["ONBOARDING_VIEW_ORGANISATIONAL_ONBOARDING_PROGRAMS_STRIP"] = "onboardingViewOrganisationalOnboardingProgramsStrip";
     EFeatures["ONBOARDING_VIEW_ROLE_BASED_ONBOARDING_PROGRAMS_STRIP"] = "onboardingViewRoleBasedOnboardingProgramsStrip";
     EFeatures["ONBOARDING_VIEW_UNIT_AND_PROJECT_ONBOARDING_PROGRAMS_STRIP"] = "onboardingViewUnitAndProjectOnboardingProgramsStrip";
+    // Search
     EFeatures["SEARCH"] = "search";
     EFeatures["SEARCH_SEARCHING_CONTENT"] = "searchSearchingContent";
+    // Knowledge Hub
     EFeatures["KNOWLEDGE_HUB"] = "knowledgeHub";
     EFeatures["KNOWLEDGE_HUB_SUBMIT_KNOWLEDGE_ARTIFACTS"] = "knowledgeHubSubmitKnowledgeArtifacts";
     EFeatures["KNOWLEDGE_HUB_VIEW_TOP_PROJECTS_SECTION"] = "knowledgeHubViewTopProjectsSection";
@@ -677,6 +759,7 @@ var EFeatures;
     EFeatures["KNOWLEDGE_HUB_VIEW_DOCUMENTS_STRIP"] = "knowledgeHubViewDocumentsStrip";
     EFeatures["KNOWLEDGE_HUB_VIEW_TOOLS_STRIP"] = "knowledgeHubViewProjectReferencesStrip";
     EFeatures["KNOWLEDGE_HUB_VIEW_MARKETING_STRIP"] = "knowledgeHubViewMarketingStrip";
+    // Channels
     EFeatures["CHANNELS"] = "channels";
     EFeatures["CHANNELS_VIEW_LEADERSHIP_SECTION"] = "channelsViewLeadershipSection";
     EFeatures["CHANNELS_VIEW_RAVI_KUMAR_PAGE"] = "channelsViewRaviKumarPage";
@@ -708,14 +791,17 @@ var EFeatures;
     EFeatures["CHANNELS_VIEW_iGOT_KNOWLEDGE_INSTITUTE_PAGE"] = "channelsViewiGOTKnowledgeInstitutePage";
     EFeatures["CHANNELS_VIEW_CMT_LEARNING_HUB_PAGE"] = "channelsViewCmtLearningHubPage";
     EFeatures["CHANNELS_VIEW_FULL_STACK_SALES_LEADERS_PAGE"] = "channelsViewFullStackSalesLeaderPage";
+    // Experience Wow Page
     EFeatures["EXPERIENCE_WOW_PAGE"] = "experienceWowPage";
     EFeatures["EXPERIENCE_WOW_PAGE_VIEW_PAGE_SECTIONS"] = "experienceWowPageViewPageSections";
     EFeatures["EXPERIENCE_WOW_PAGE_CHECK_iGOT_STATISTICS"] = "experienceWowPageCheckiGOTStatistics";
     EFeatures["EXPERIENCE_WOW_PAGE_CHECK_iGOT_ME_STATISTICS"] = "experienceWowPageCheckiGOTMeStatistics";
     EFeatures["EXPERIENCE_WOW_PAGE_PROVIDE_SUGGESTIONS"] = "experienceWowPageProvideSuggestions";
     EFeatures["EXPERIENCE_WOW_PAGE_SEND_MAIL_FOR_BECOMING_COCREATOR"] = "experienceWowPageSendMailForBecomingCocreator";
+    // iGOT Radio
     EFeatures["iGOT_RADIO"] = "iGOTRadio";
     EFeatures["iGOT_RADIO_VIEW_PODCASTS_STRIP"] = "iGOTRadioViewPodcastsStrip";
+    // iGOT TV
     EFeatures["iGOT_TV"] = "iGOTTv";
     EFeatures["iGOT_TV_VIEW_JUST_FOR_YOU_SECTION"] = "iGOTTvViewJustForYouSection";
     EFeatures["iGOT_TV_VIEW_MUST_VIEW_STRIP"] = "iGOTTvViewMustViewStrip";
@@ -726,30 +812,41 @@ var EFeatures;
     EFeatures["iGOT_TV_VIEW_PREVIOUS_EVENTS_LIST"] = "iGOTTvViewPreviousEventsList";
     EFeatures["iGOT_TV_VIEW_LIVE_EVENTS_LIST"] = "iGOTTvViewLiveEventsList";
     EFeatures["iGOT_TV_VIEW_UPCOMING_EVENTS_LIST"] = "iGOTTvViewUpcomingEventsList";
+    // Leadership Messages
     EFeatures["LEADERSHIP_MESSAGES"] = "leadershipMessages";
     EFeatures["LEADERSHIP_MESSAGES_VIEW_LEADERSHIP_VIDEO"] = "leadershipMessagesViewLeadershipVideo";
+    // Living Labs
     EFeatures["LIVING_LABS"] = "livingLabs";
     EFeatures["LIVING_LABS_VIEW_LIVING_LABS_STRIP"] = "livingLabsViewLivingLabsStrip";
+    // Americas Confluence 2018
     EFeatures["AMERICAS_CONFLUENECE"] = "americasConfluence";
     EFeatures["AMERICAS_CONFLUENECE_VIEW_CONFLUENCE_VIDEOS_STRIPS"] = "americasConfluenceViewConfluenceVideosStrips";
+    // APAC Confluence 2019
     EFeatures["APAC_CONFLUENECE"] = "apacConfluence";
     EFeatures["APAC_CONFLUENECE_VIEW_CONFLUENCE_VIDEOS_STRIPS"] = "apacConfluenceViewConfluenceVideosStrips";
+    // EMEA Confluence 2018
     EFeatures["EMEA_CONFLUENECE"] = "emeaConfluence";
     EFeatures["EMEA_CONFLUENECE_VIEW_CONFLUENCE_VIDEOS_STRIPS"] = "emeaConfluenceViewConfluenceVideosStrips";
+    // Connect 2019
     EFeatures["CONNECT"] = "connect";
     EFeatures["CONNECT_VIEW_CONTENT_STRIP"] = "connectViewContentStrip";
+    // Live Events
     EFeatures["LIVE_EVENTS"] = "liveEvents";
     EFeatures["LIVE_EVENTS_WATCH_LIVE"] = "liveEventsWatchLive";
     EFeatures["LIVE_EVENTS_WATCH_CLASSROOM_BROADCAST"] = "liveEventsWatchClassroomBroadcast";
     EFeatures["LIVE_EVENTS_WATCH_THREE_SIXTY_VIDEO"] = "liveEventsWatchThreeSixtyVideo";
     EFeatures["LIVE_EVENTS_WATCH_FAMILY_MATTERS_VIDEO"] = "liveEventsWatchFamilyMattersVideo";
     EFeatures["LIVE_EVENTS_WATCH_CONFLUENCE_EVENTS"] = "liveEventsWatchConfluenceEvents";
+    // Digital Assistant Tour
     EFeatures["DIGITAL_ASSISTANT_TOUR"] = "digitalAssistantTour";
     EFeatures["DIGITAL_ASSISTANT_TOUR_WATCH_TOUR_VIDEO"] = "digitalAssistantTourWatchTourVideo";
+    // Quick Tour
     EFeatures["QUICK_TOUR"] = "quickTour";
     EFeatures["QUICK_TOUR_WATCH_TOUR_VIDEO"] = "quickTourWatchTourVideo";
+    // Logout
     EFeatures["LOGOUT"] = "logout";
     EFeatures["LOGOUT_LOGS_OUT_FROM_APPLICATION"] = "logoutLogsOutFromApplication";
+    // My Analytics
     EFeatures["MY_ANALYTICS"] = "myAnalytics";
     EFeatures["MY_ANALYTICS_APPLY_QUARTER_FILTERS"] = "myAnalyticsApplyQuarterFilters";
     EFeatures["MY_ANALYTICS_VIEW_MY_LEARNING_SECTION"] = "myAnalyticsViewMyLearningSection";
@@ -793,6 +890,7 @@ var EFeatures;
     EFeatures["MY_ANALYTICS_VIEW_iGOT_LIVE"] = "myAnalyticsViewiGOTLive";
     EFeatures["MY_ANALYTICS_VIEW_TOP_COURSES_BY_USER_UNIT"] = "myAnalyticsViewTopCoursesByUserUnit";
     EFeatures["MY_ANALYTICS_VIEW_TOP_COURSES_BY_USER_PEERS"] = "myAnalyticsViewTopCoursesbyUserPeers";
+    // Learning Analytics
     EFeatures["LEARNING_ANALYTICS"] = "learningAnalytics";
     EFeatures["LEARNING_ANALYTICS_SEARCH_FOR_PARTICIPANTS_AND_EDUCATORS"] = "learningAnalyticsSearchForParticipantsAndEducators";
     EFeatures["LEARNING_ANALYTICS_UNIT_FILTER"] = "learningAnalyticsUnitFilter";
@@ -845,8 +943,10 @@ var EFeatures;
     EFeatures["LEARNING_ANALYTICS_COURSES_BY_TOPIC"] = "learningAnalyticsCoursesByTopic";
     EFeatures["LEARNING_ANALYTICS_COURSES_BY_ABCD"] = "learningAnalyticsCoursesByAbcd";
     EFeatures["LEARNING_ANALYTICS_COURSES_BY_SKILL"] = "learningAnalyticsCoursesBySkill";
+    // Apps Page
     EFeatures["APPS_PAGE"] = "appsPage";
     EFeatures["APPS_PAGE_VIEW_DIFFERENT_APPS_ICONS"] = "appsPageViewDifferentAppsIcons";
+    // Course Card
     EFeatures["COURSE_CARD"] = "courseCard";
     EFeatures["COURSE_CARD_LIKE_THE_COURSE_BUTTON"] = "courseCardLikeTheCourseButton";
     EFeatures["COURSE_CARD_SHARE_THE_COURSE_BUTTON"] = "courseCardShareTheCourseButton";
@@ -857,6 +957,7 @@ var EFeatures;
     EFeatures["COURSE_CARD_VIEW_TOC_OPTION"] = "courseCardViewTocOption";
     EFeatures["COURSE_CARD_COHORTS_OPTION"] = "courseCardCohortsOption";
     EFeatures["COURSE_CARD_ANALYTICS_OPTION"] = "courseCardAnalyticsOption";
+    // Search Results Page
     EFeatures["SEARCH_RESULTS_PAGE"] = "searchResultsPage";
     EFeatures["SEARCH_RESULTS_PAGE_VIEW_LEARNING_SECTION"] = "searchResultsPageViewLearningSection";
     EFeatures["SEARCH_RESULTS_PAGE_VIEW_CERTIFICATIONS_SECTION"] = "searchResultsPageViewCertificationsSection";
@@ -879,6 +980,7 @@ var EFeatures;
     EFeatures["SEARCH_RESULTS_PAGE_GROUPS_FILTER"] = "searchResultsPageGroupsFilter";
     EFeatures["SEARCH_RESULTS_PAGE_VIEW_RESULT_CARDS"] = "searchResultsPageViewResultCards";
     EFeatures["SEARCH_RESULTS_PAGE_VIEW_RELATED_CONCEPTS"] = "searchResultsPageViewRelatedConcepts";
+    // Lab42 Pages
     EFeatures["LAB_42_INTERVIEW"] = "interview";
     EFeatures["LAB_42_DIALOGUE"] = "dialogue";
     EFeatures["LAB_42_STRATEGY_MAP"] = "strategyMap";
@@ -886,6 +988,7 @@ var EFeatures;
     EFeatures["LAB_42_PROJECT_STACK"] = "projectStack";
     EFeatures["LAB_42_LIVE_TRANSCRIBE"] = "liveTranscribe";
     EFeatures["LAB_42_EPOCH"] = "epoch";
+    // Learning Assistant Pages
     EFeatures["LEARNING_ASSISTANT_MAQ"] = "learning-assistant-maq";
     EFeatures["LEARNING_ASSISTANT_ILIPDP"] = "learning-assistant-ilipdp";
 })(EFeatures || (EFeatures = {}));
@@ -954,15 +1057,16 @@ class ClassChangeOnScrollDirective {
             this.setScrollState();
         }, this.wsClassOnScrollDirChange || 5000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ClassChangeOnScrollDirective, selector: "[wsUtilsClassChangeOnScroll]", inputs: { wsClassOnScrollDirChange: "wsClassOnScrollDirChange" }, host: { properties: { "class.scrolling-down": "this.isScrollingDown", "class.scrolling-up": "this.isScrollingUp", "class.scrolling-no": "this.isNotScrolling", "class.scrolled-down": "this.hasScrolledDown" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ClassChangeOnScrollDirective, isStandalone: false, selector: "[wsUtilsClassChangeOnScroll]", inputs: { wsClassOnScrollDirChange: "wsClassOnScrollDirChange" }, host: { properties: { "class.scrolling-down": "this.isScrollingDown", "class.scrolling-up": "this.isScrollingUp", "class.scrolling-no": "this.isNotScrolling", "class.scrolled-down": "this.hasScrolledDown" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsClassChangeOnScroll]',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { wsClassOnScrollDirChange: [{
+        }], ctorParameters: () => [], propDecorators: { wsClassOnScrollDirChange: [{
                 type: Input
             }], isScrollingDown: [{
                 type: HostBinding,
@@ -979,11 +1083,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ClassChangeOnScrollModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollModule, declarations: [ClassChangeOnScrollDirective], imports: [CommonModule], exports: [ClassChangeOnScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollModule, declarations: [ClassChangeOnScrollDirective], imports: [CommonModule], exports: [ClassChangeOnScrollDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassChangeOnScrollModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ClassChangeOnScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ClassChangeOnScrollDirective],
@@ -1012,13 +1116,14 @@ class DefaultThumbnailDirective {
             this.srcUrl = this.src;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DefaultThumbnailDirective, selector: "[wsUtilsDefaultThumbnail]", inputs: { wsUtilsDefaultThumbnail: "wsUtilsDefaultThumbnail", src: "src" }, host: { listeners: { "error": "updateSrc()" }, properties: { "src": "this.srcUrl" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: DefaultThumbnailDirective, isStandalone: false, selector: "[wsUtilsDefaultThumbnail]", inputs: { wsUtilsDefaultThumbnail: "wsUtilsDefaultThumbnail", src: "src" }, host: { listeners: { "error": "updateSrc()" }, properties: { "src": "this.srcUrl" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsDefaultThumbnail]',
+                    standalone: false
                 }]
         }], propDecorators: { wsUtilsDefaultThumbnail: [{
                 type: Input
@@ -1033,11 +1138,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DefaultThumbnailModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailModule, declarations: [DefaultThumbnailDirective], imports: [CommonModule], exports: [DefaultThumbnailDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailModule, declarations: [DefaultThumbnailDirective], imports: [CommonModule], exports: [DefaultThumbnailDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultThumbnailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DefaultThumbnailModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DefaultThumbnailDirective],
@@ -1074,6 +1179,7 @@ class ImageResponsiveDirective {
         ])
             .pipe(distinctUntilChanged())
             .subscribe(data => {
+            // //console.log('data >',  data)
             if (data.breakpoints[customBreakPoints.xxl]) {
                 this.currentSize = 'xxl';
             }
@@ -1115,15 +1221,16 @@ class ImageResponsiveDirective {
             this.srcBindUrl = this.src[this.currentSize];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveDirective, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ImageResponsiveDirective, selector: "[wsUtilsImageResponsive]", inputs: { src: "src" }, host: { properties: { "src": "this.srcBindUrl" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveDirective, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ImageResponsiveDirective, isStandalone: false, selector: "[wsUtilsImageResponsive]", inputs: { src: "src" }, host: { properties: { "src": "this.srcBindUrl" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsImageResponsive]',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { src: [{
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { src: [{
                 type: Input
             }], srcBindUrl: [{
                 type: HostBinding,
@@ -1131,11 +1238,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class ImageResponsiveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveModule, declarations: [ImageResponsiveDirective], imports: [CommonModule], exports: [ImageResponsiveDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveModule, declarations: [ImageResponsiveDirective], imports: [CommonModule], exports: [ImageResponsiveDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageResponsiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageResponsiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ImageResponsiveDirective],
@@ -1161,6 +1268,18 @@ class InViewPortDirective {
             fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe(() => {
                 this.check();
             });
+        // let limit = 1
+        // this.scroll =
+        //   fromEvent(window, 'scroll').pipe(debounceTime(100)).subscribe(() => {
+        //     if (limit) {
+        //       this.check()
+        //       limit -= 1
+        //     }
+        //   })
+        // this.resize =
+        //   fromEvent(window, 'resize').toPromise().then(() => {
+        //     this.check()
+        //   })
     }
     ngOnDestroy() {
         this.scroll.unsubscribe();
@@ -1192,24 +1311,25 @@ class InViewPortDirective {
         }
         this.inViewport.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InViewPortDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: InViewPortDirective, selector: "[wsUtilsInViewPort]", outputs: { inViewport: "inViewport" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InViewPortDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: InViewPortDirective, isStandalone: false, selector: "[wsUtilsInViewPort]", outputs: { inViewport: "inViewport" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InViewPortDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InViewPortDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsInViewPort]',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { inViewport: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inViewport: [{
                 type: Output
             }] } });
 
 class InViewPortModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InViewPortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: InViewPortModule, declarations: [InViewPortDirective], imports: [CommonModule], exports: [InViewPortDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InViewPortModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InViewPortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: InViewPortModule, declarations: [InViewPortDirective], imports: [CommonModule], exports: [InViewPortDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InViewPortModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InViewPortModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InViewPortModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InViewPortDirective],
@@ -1239,15 +1359,16 @@ class NavigationDirective {
             this.routeUrl = './';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NavigationDirective, selector: "[wsUtilsNavigation]", inputs: { wsUtilsNavigation: "wsUtilsNavigation", openInNewTab: "openInNewTab", routeUrl: "routeUrl" }, host: { listeners: { "mousedown": "onMouseEnter($event)" }, properties: { "attr.routerLink": "this.routeUrl" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: NavigationDirective, isStandalone: false, selector: "[wsUtilsNavigation]", inputs: { wsUtilsNavigation: "wsUtilsNavigation", openInNewTab: "openInNewTab", routeUrl: "routeUrl" }, host: { listeners: { "mousedown": "onMouseEnter($event)" }, properties: { "attr.routerLink": "this.routeUrl" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavigationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsNavigation]',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { wsUtilsNavigation: [{
+        }], ctorParameters: () => [], propDecorators: { wsUtilsNavigation: [{
                 type: Input
             }], openInNewTab: [{
                 type: Input
@@ -1262,11 +1383,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class NavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, declarations: [NavigationDirective], imports: [CommonModule], exports: [NavigationDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: NavigationModule, declarations: [NavigationDirective], imports: [CommonModule], exports: [NavigationDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavigationModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NavigationDirective],
@@ -1279,22 +1400,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class PermissionDirective {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PermissionDirective, selector: "[wsUtilsPermission]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: PermissionDirective, isStandalone: false, selector: "[wsUtilsPermission]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PermissionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wsUtilsPermission]',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class PermissionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PermissionModule, declarations: [PermissionDirective], imports: [CommonModule], exports: [PermissionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PermissionModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PermissionModule, declarations: [PermissionDirective], imports: [CommonModule], exports: [PermissionDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PermissionModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PermissionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PermissionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PermissionDirective],
@@ -1350,7 +1472,10 @@ class HorizontalScrollerComponent {
     }
     showPrev() {
         if (this.horizontalScrollElem) {
+            // const elem = this.horizontalScrollElem.nativeElement
+            // elem.scrollLeft -= 0.20 * elem.clientWidth
             if (this.horizontalScrollElem) {
+                // const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth * 0.24)
                 const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
                 this.horizontalScrollElem.nativeElement.scrollTo({
                     left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
@@ -1361,7 +1486,10 @@ class HorizontalScrollerComponent {
     }
     showNext() {
         if (this.horizontalScrollElem) {
+            // const elem = this.horizontalScrollElem.nativeElement
+            // elem.scrollLeft += 0.20 * elem.clientWidth
             if (this.horizontalScrollElem) {
+                // const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth * 0.24)
                 const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
                 this.horizontalScrollElem.nativeElement.scrollTo({
                     left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
@@ -1385,13 +1513,13 @@ class HorizontalScrollerComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HorizontalScrollerComponent, selector: "ws-utils-horizontal-scroller", inputs: { loadStatus: "loadStatus", onHover: "onHover" }, outputs: { loadNext: "loadNext" }, viewQueries: [{ propertyName: "horizontalScrollElem", first: true, predicate: ["horizontalScrollElem"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>", styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: HorizontalScrollerComponent, isStandalone: false, selector: "ws-utils-horizontal-scroller", inputs: { loadStatus: "loadStatus", onHover: "onHover" }, outputs: { loadNext: "loadNext" }, viewQueries: [{ propertyName: "horizontalScrollElem", first: true, predicate: ["horizontalScrollElem"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>", styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ws-utils-horizontal-scroller', template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>", styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { loadStatus: [{
+            args: [{ selector: 'ws-utils-horizontal-scroller', standalone: false, template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>", styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { loadStatus: [{
                 type: Input
             }], onHover: [{
                 type: Input
@@ -1403,25 +1531,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class HorizontalScrollerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerModule, declarations: [HorizontalScrollerComponent], imports: [CommonModule,
-            MatLegacyButtonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, declarations: [HorizontalScrollerComponent], imports: [CommonModule,
+            MatButtonModule,
             MatIconModule,
-            MatLegacyProgressSpinnerModule], exports: [HorizontalScrollerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerModule, imports: [CommonModule,
-            MatLegacyButtonModule,
+            MatProgressSpinnerModule], exports: [HorizontalScrollerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, imports: [CommonModule,
+            MatButtonModule,
             MatIconModule,
-            MatLegacyProgressSpinnerModule] }); }
+            MatProgressSpinnerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [HorizontalScrollerComponent],
                     imports: [
                         CommonModule,
-                        MatLegacyButtonModule,
+                        MatButtonModule,
                         MatIconModule,
-                        MatLegacyProgressSpinnerModule,
+                        MatProgressSpinnerModule,
                     ],
                     exports: [HorizontalScrollerComponent],
                 }]
@@ -1482,6 +1610,7 @@ var WsEvents;
         EnumTelemetrySubType["GetStarted"] = "Get Started";
         EnumTelemetrySubType["PlatformRating"] = "PlatformRating";
     })(EnumTelemetrySubType = WsEvents.EnumTelemetrySubType || (WsEvents.EnumTelemetrySubType = {}));
+    // PDF Telemetry Event
     let EnumTelemetryPdfActivity;
     (function (EnumTelemetryPdfActivity) {
         EnumTelemetryPdfActivity["PAGE_CHANGED"] = "PAGE_CHANGED";
@@ -1490,6 +1619,7 @@ var WsEvents;
         EnumTelemetryPdfActivity["ZOOM_CHANGE"] = "ZOOM_CHANGE";
         EnumTelemetryPdfActivity["NONE"] = "NONE";
     })(EnumTelemetryPdfActivity = WsEvents.EnumTelemetryPdfActivity || (WsEvents.EnumTelemetryPdfActivity = {}));
+    // Multimedia Telemetry Data
     let EnumTelemetryMediaActivity;
     (function (EnumTelemetryMediaActivity) {
         EnumTelemetryMediaActivity["PLAYED"] = "PLAYED";
@@ -1582,7 +1712,11 @@ class UtilityService {
         this.currentRouteData = [];
         this.router.events.subscribe((event) => {
             if (event instanceof NavigationEnd) {
+                // let snapshot = this.router.routerState.firstChild(this.activatedRoute).snapshot
+                // console.log('this.route.snapshot :: ', this.route.snapshot)
                 const snapshot = this.route.snapshot;
+                // console.log('root.snapshot.root.firstChild ', snapshot.root.firstChild)
+                // console.log('firstChild ', snapshot.firstChild)
                 const firstChild = snapshot.root.firstChild;
                 this.getChildRouteData(snapshot, firstChild);
             }
@@ -1591,6 +1725,7 @@ class UtilityService {
     getChildRouteData(snapshot, firstChild) {
         if (firstChild) {
             if (firstChild.data) {
+                // console.log('firstChild.data', firstChild.data)
                 this.currentRouteData.push(firstChild.data);
             }
             if (firstChild.firstChild) {
@@ -1668,6 +1803,8 @@ class UtilityService {
             module: '',
             pageId: '',
         };
+        // tslint:disable-next-line: no-console
+        // console.log('Final currentDataRoute get routeData()', this.currentRouteData)
         this.currentRouteData.map((rd) => {
             if (rd.pageId) {
                 data.pageId = `${data.pageId}/${rd.pageId}`;
@@ -1678,15 +1815,15 @@ class UtilityService {
         });
         return data;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityService, deps: [{ token: i1$2.HttpClient }, { token: i2$1.Platform }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UtilityService, deps: [{ token: i1$2.HttpClient }, { token: i2$1.Platform }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UtilityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UtilityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: i2$1.Platform }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i2$1.Platform }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }] });
 
 class EventService {
     constructor(environment, utilitySvc) {
@@ -1703,6 +1840,7 @@ class EventService {
         this.eventsPRSubject = new Subject();
         this.getPREvents$ = this.eventsPRSubject.asObservable();
         this.environment = environment;
+        // this.focusChangeEventListener()
     }
     dispatchEvent(event) {
         event.pageContext = this.getContext(event.pageContext);
@@ -1717,6 +1855,7 @@ class EventService {
     dispatchPlatformRatingEvent(event) {
         this.eventsPRSubject.next(event);
     }
+    // helper functions
     raiseInteractTelemetry(edata, object, pageContext) {
         this.dispatchEvent({
             eventType: WsEvents.WsEventType.Telemetry,
@@ -1744,6 +1883,7 @@ class EventService {
             to: 'Telemetry',
         });
     }
+    // Raise custom impression events eg:on tab change
     raiseCustomImpression(object, pageContext) {
         this.dispatchEvent({
             eventType: WsEvents.WsEventType.Telemetry,
@@ -1757,19 +1897,32 @@ class EventService {
             to: 'Telemetry',
         });
     }
+    // private focusChangeEventListener() {
+    //   fromEvent(window, 'focus').subscribe(() => {
+    //     this.raiseInteractTelemetry('focus', 'gained', {})
+    //   })
+    //   fromEvent(window, 'blur').subscribe(() => {
+    //     this.raiseInteractTelemetry('focus', 'lost', {})
+    //   })
+    // }
+    // Method to get the context information about the telemetry interact event
     getContext(pageContext) {
         const routeDataContext = this.utilitySvc.routeData;
+        // initialize with the route data configuration - current route's pageID & module
         const finalContext = {
             pageId: routeDataContext.pageId,
             module: routeDataContext.module,
         };
         if (pageContext) {
+            // if context has pageIdExt, append it to the route's pageId
             if (pageContext.pageIdExt) {
                 finalContext.pageId = `${routeDataContext.pageId}_${pageContext.pageIdExt}`;
             }
             else if (pageContext.pageId) {
+                // else context has pageId, override it to the final pageID
                 finalContext.pageId = pageContext.pageId;
             }
+            // if context has module, override it to the final module
             if (pageContext.module) {
                 finalContext.module = pageContext.module;
             }
@@ -1777,15 +1930,20 @@ class EventService {
         return finalContext;
     }
     handleTabTelemetry(subType, data, object) {
+        // raise a tab click interact event
         this.raiseInteractTelemetry({
             subType,
             type: WsEvents.EnumInteractTypes.CLICK,
             id: `${_.camelCase(data.label)}-tab`,
         }, {
+            // context: {
+            //   position: data.index,
+            // },
             ...object
         }, {
             pageIdExt: `${_.camelCase(data.label)}-tab`,
         });
+        // raise a tab click impression event
         this.raiseCustomImpression({
             context: {
                 position: data.index,
@@ -1807,15 +1965,20 @@ class EventService {
         const minutes = new Date(datetime).getMinutes();
         const seconds = new Date(datetime).getSeconds();
         const formatedDate = new Date(year, month, date, hours, minutes, seconds, 0);
+        // let format = 'YYYY-MM-DD hh:mm a'
+        // if (!timeAllow) {
         const format = 'YYYY-MM-DD';
+        // }
         const readableDateMonth = moment(formatedDate).format(format);
         const finalDateTimeValue = `${readableDateMonth}`;
         return finalDateTimeValue;
     }
     compareDate(startDate) {
         const now = new Date();
+        // tslint:disable-next-line:prefer-template
         const day = ('0' + (new Date().getDate())).slice(-2);
         const year = new Date().getFullYear();
+        // tslint:disable-next-line:prefer-template
         const month = ('0' + (now.getMonth() + 1)).slice(-2);
         const todaysdate = `${year}-${month}-${day}`;
         if (startDate === todaysdate) {
@@ -1853,6 +2016,7 @@ class EventService {
             let isEventRecording = false;
             let isEventPast = false;
             let isEventFuture = false;
+            // console.log('strip comp', data)
             Object.keys(data).forEach((index) => {
                 isEventRecording = false;
                 isEventLive = false;
@@ -1962,18 +2126,18 @@ class EventService {
         this.keySpeakerEvents = [...liveEvents, ...futureEvents, ...pastEvents];
         return this.keySpeakerEvents;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventService, deps: [{ token: 'environment' }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EventService, deps: [{ token: 'environment' }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EventService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EventService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: UtilityService }]; } });
+                }] }, { type: UtilityService }] });
 
 class HorizontalScrollerV2Component {
     constructor(eventService) {
@@ -2022,7 +2186,10 @@ class HorizontalScrollerV2Component {
         }
     }
     showPrev() {
+        // const elem = this.horizontalScrollElem.nativeElement
+        // elem.scrollLeft -= 0.20 * elem.clientWidth
         if (this.horizontalScrollElem) {
+            // const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth * 0.24)
             const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
             this.horizontalScrollElem.nativeElement.scrollTo({
                 left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
@@ -2033,7 +2200,10 @@ class HorizontalScrollerV2Component {
         }
     }
     showNext() {
+        // const elem = this.horizontalScrollElem.nativeElement
+        // elem.scrollLeft += 0.20 * elem.clientWidth
         if (this.horizontalScrollElem) {
+            // const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth * 0.24)
             const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
             this.horizontalScrollElem.nativeElement.scrollTo({
                 left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
@@ -2077,6 +2247,25 @@ class HorizontalScrollerV2Component {
     }
     slideTo(ele) {
         const diff = ele - this.activeNav;
+        // if (ele > this.activeNav && ele !== this.activeNav) {
+        //   if (this.horizontalScrollElem) {
+        //     const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth)
+        //     this.horizontalScrollElem.nativeElement.scrollTo({
+        //       left: this.horizontalScrollElem.nativeElement.scrollLeft + (clientWidth*diff),
+        //       behavior: 'smooth',
+        //     })
+        //   }
+        //   this.activeNav = ele
+        // } else {
+        //   if (this.horizontalScrollElem && ele >= 0 && ele !== this.activeNav) {
+        //     const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth)
+        //     this.horizontalScrollElem.nativeElement.scrollTo({
+        //       left: this.horizontalScrollElem.nativeElement.scrollLeft - (clientWidth*diff),
+        //       behavior: 'smooth',
+        //     })
+        //   }
+        //   this.activeNav = ele
+        // }
         if (this.horizontalScrollElem) {
             const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
             this.horizontalScrollElem.nativeElement.scrollTo({
@@ -2091,6 +2280,7 @@ class HorizontalScrollerV2Component {
             this.bottomDotsArray = [];
             let cardWidth;
             let arrLength;
+            // console.log('this.cardSubType-->',this.cardSubType)
             if (this.cardSubType !== 'card-wide-v2') {
                 cardWidth = this.cardSubType === 'standard' ? 245 :
                     ((document.getElementsByClassName(this.cardSubType) &&
@@ -2110,6 +2300,8 @@ class HorizontalScrollerV2Component {
                                 this.bottomDotsArray.push(i);
                             }
                         }
+                        // console.log('this.cardSubType', this.cardSubType, arrLength, this.widgetsLength ,
+                        // this.defaultMaxWidgets, scrollerWidth, this.bottomDotsArray)
                     }
                 }
             }
@@ -2123,13 +2315,13 @@ class HorizontalScrollerV2Component {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Component, deps: [{ token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HorizontalScrollerV2Component, selector: "ws-utils-horizontal-scroller-v2", inputs: { loadStatus: "loadStatus", onHover: "onHover", sliderConfig: "sliderConfig", widgetsLength: "widgetsLength", defaultMaxWidgets: "defaultMaxWidgets", stripConfig: "stripConfig", stripsResultDataMap: "stripsResultDataMap", subtype: "subtype" }, outputs: { loadNext: "loadNext" }, viewQueries: [{ propertyName: "horizontalScrollElem", first: true, predicate: ["horizontalScrollElem"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"horizontal-scroll-container h-full\" [ngClass]=\"{'px-4': sliderConfig.showNavs, 'mt-5':sliderConfig.cerificateCardMargin}\">\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"\" \n            (click)=\"showPrev()\" class=\"prevBtn  mat-elevation-z\" [hidden]=\"!enablePrev\"\n            [ngClass]=\"{'prevBtnHover': onHover}\">\n            <mat-icon>navigate_before</mat-icon>\n        </button>\n    </ng-container>\n    <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\"\n            color=\"\" class=\"nextBtn  mat-elevation-z\" [ngClass]=\"{'nextBtnHover': onHover}\"\n            [hidden]=\"!enableNext || loadStatus === 'fetching'\">\n            <mat-icon>navigate_next</mat-icon>\n        </button>\n    </ng-container>\n    <!-- <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\n        <mat-spinner></mat-spinner>\n    </div> -->    \n</section>\n\n<div class=\"dots-container\" *ngIf=\"sliderConfig?.showDots\">\n    <!-- <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" -->\n    <span class=\"dot\" [ngClass]=\"{ active: j === activeNav }\" *ngFor=\"let slide of bottomDotsArray; let j = index\" (click)=\"slideTo(j)\"></span>\n</div>", styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}@media only screen and (max-width: 599px){.horizontal-scroll-container{padding:0}}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:#0006;border-radius:50%;display:inline-block;transition:background-color .5s ease!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@media screen and (max-width: 768px){.nextBtn{right:-16px}.prevBtn{left:-16px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Component, deps: [{ token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: HorizontalScrollerV2Component, isStandalone: false, selector: "ws-utils-horizontal-scroller-v2", inputs: { loadStatus: "loadStatus", onHover: "onHover", sliderConfig: "sliderConfig", widgetsLength: "widgetsLength", defaultMaxWidgets: "defaultMaxWidgets", stripConfig: "stripConfig", stripsResultDataMap: "stripsResultDataMap", subtype: "subtype" }, outputs: { loadNext: "loadNext" }, viewQueries: [{ propertyName: "horizontalScrollElem", first: true, predicate: ["horizontalScrollElem"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"horizontal-scroll-container h-full\" [ngClass]=\"{'px-4': sliderConfig.showNavs, 'mt-5':sliderConfig.cerificateCardMargin}\">\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"\" \n            (click)=\"showPrev()\" class=\"prevBtn  mat-elevation-z\" [hidden]=\"!enablePrev\"\n            [ngClass]=\"{'prevBtnHover': onHover}\">\n            <mat-icon>navigate_before</mat-icon>\n        </button>\n    </ng-container>\n    <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\"\n            color=\"\" class=\"nextBtn  mat-elevation-z\" [ngClass]=\"{'nextBtnHover': onHover}\"\n            [hidden]=\"!enableNext || loadStatus === 'fetching'\">\n            <mat-icon>navigate_next</mat-icon>\n        </button>\n    </ng-container>\n    <!-- <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\n        <mat-spinner></mat-spinner>\n    </div> -->    \n</section>\n\n<div class=\"dots-container\" *ngIf=\"sliderConfig?.showDots\">\n    <!-- <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" -->\n    <span class=\"dot\" [ngClass]=\"{ active: j === activeNav }\" *ngFor=\"let slide of bottomDotsArray; let j = index\" (click)=\"slideTo(j)\"></span>\n</div>", styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}@media only screen and (max-width:599px){.horizontal-scroll-container{padding:0}}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:#0006;border-radius:50%;display:inline-block;transition:background-color .5s ease!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@media screen and (max-width:768px){.nextBtn{right:-16px}.prevBtn{left:-16px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Component, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'ws-utils-horizontal-scroller-v2', template: "<section class=\"horizontal-scroll-container h-full\" [ngClass]=\"{'px-4': sliderConfig.showNavs, 'mt-5':sliderConfig.cerificateCardMargin}\">\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"\" \n            (click)=\"showPrev()\" class=\"prevBtn  mat-elevation-z\" [hidden]=\"!enablePrev\"\n            [ngClass]=\"{'prevBtnHover': onHover}\">\n            <mat-icon>navigate_before</mat-icon>\n        </button>\n    </ng-container>\n    <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\"\n            color=\"\" class=\"nextBtn  mat-elevation-z\" [ngClass]=\"{'nextBtnHover': onHover}\"\n            [hidden]=\"!enableNext || loadStatus === 'fetching'\">\n            <mat-icon>navigate_next</mat-icon>\n        </button>\n    </ng-container>\n    <!-- <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\n        <mat-spinner></mat-spinner>\n    </div> -->    \n</section>\n\n<div class=\"dots-container\" *ngIf=\"sliderConfig?.showDots\">\n    <!-- <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" -->\n    <span class=\"dot\" [ngClass]=\"{ active: j === activeNav }\" *ngFor=\"let slide of bottomDotsArray; let j = index\" (click)=\"slideTo(j)\"></span>\n</div>", styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}@media only screen and (max-width: 599px){.horizontal-scroll-container{padding:0}}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:#0006;border-radius:50%;display:inline-block;transition:background-color .5s ease!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@media screen and (max-width: 768px){.nextBtn{right:-16px}.prevBtn{left:-16px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: EventService }]; }, propDecorators: { loadStatus: [{
+            args: [{ selector: 'ws-utils-horizontal-scroller-v2', standalone: false, template: "<section class=\"horizontal-scroll-container h-full\" [ngClass]=\"{'px-4': sliderConfig.showNavs, 'mt-5':sliderConfig.cerificateCardMargin}\">\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"\" \n            (click)=\"showPrev()\" class=\"prevBtn  mat-elevation-z\" [hidden]=\"!enablePrev\"\n            [ngClass]=\"{'prevBtnHover': onHover}\">\n            <mat-icon>navigate_before</mat-icon>\n        </button>\n    </ng-container>\n    <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"sliderConfig?.showNavs\">\n        <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\"\n            color=\"\" class=\"nextBtn  mat-elevation-z\" [ngClass]=\"{'nextBtnHover': onHover}\"\n            [hidden]=\"!enableNext || loadStatus === 'fetching'\">\n            <mat-icon>navigate_next</mat-icon>\n        </button>\n    </ng-container>\n    <!-- <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\n        <mat-spinner></mat-spinner>\n    </div> -->    \n</section>\n\n<div class=\"dots-container\" *ngIf=\"sliderConfig?.showDots\">\n    <!-- <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" -->\n    <span class=\"dot\" [ngClass]=\"{ active: j === activeNav }\" *ngFor=\"let slide of bottomDotsArray; let j = index\" (click)=\"slideTo(j)\"></span>\n</div>", styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}@media only screen and (max-width:599px){.horizontal-scroll-container{padding:0}}.nextLoading,.nextBtn,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:#0006;border-radius:50%;display:inline-block;transition:background-color .5s ease!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@media screen and (max-width:768px){.nextBtn{right:-16px}.prevBtn{left:-16px}}\n"] }]
+        }], ctorParameters: () => [{ type: EventService }], propDecorators: { loadStatus: [{
                 type: Input
             }], onHover: [{
                 type: Input
@@ -2153,30 +2345,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class HorizontalScrollerV2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Module, declarations: [HorizontalScrollerV2Component], imports: [CommonModule,
-            MatLegacyButtonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Module, declarations: [HorizontalScrollerV2Component], imports: [CommonModule,
+            MatButtonModule,
             MatIconModule,
-            MatLegacyProgressSpinnerModule], exports: [HorizontalScrollerV2Component] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Module, imports: [CommonModule,
-            MatLegacyButtonModule,
+            MatProgressSpinnerModule], exports: [HorizontalScrollerV2Component] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Module, imports: [CommonModule,
+            MatButtonModule,
             MatIconModule,
-            MatLegacyProgressSpinnerModule] }); }
+            MatProgressSpinnerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HorizontalScrollerV2Module, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerV2Module, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [HorizontalScrollerV2Component],
                     imports: [
                         CommonModule,
-                        MatLegacyButtonModule,
+                        MatButtonModule,
                         MatIconModule,
-                        MatLegacyProgressSpinnerModule,
+                        MatProgressSpinnerModule,
                     ],
                     exports: [HorizontalScrollerV2Component],
                 }]
         }] });
 
+// tslint:disable:no-console
 class LoggerService {
     constructor(configSvc) {
         this.configSvc = configSvc;
@@ -2205,20 +2398,22 @@ class LoggerService {
         const noConsoleWithError = () => {
             throw new Error('Console Functions Usage Are Not Allowed.');
         };
+        // console.log = noConsoleWithError
         console.warn = noConsoleWithError;
         console.info = noConsoleWithError;
         console.error = noConsoleWithError;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoggerService, deps: [{ token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoggerService, deps: [{ token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoggerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoggerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationsService }]; } });
+        }], ctorParameters: () => [{ type: ConfigurationsService }] });
 
+// TODO: Use a url-search-polyfill if the site didnot work in IE 11
 const msTokenExpiryDuration = 600;
 const storageKey$1 = 'msLoginRequested';
 const storage$1 = localStorage;
@@ -2270,6 +2465,7 @@ class AuthMicrosoftService {
         }
         return redirectUrl;
     }
+    // Behavior Methods
     async init(config) {
         if (!config || !config.microsoft || !config.microsoft.isConfigured) {
             this.loggerSvc.warn('Empty/No Configuration passed, ignoring Microsoft Authentication');
@@ -2354,6 +2550,7 @@ class AuthMicrosoftService {
     }
     isValid(accessToken, expiresOn) {
         if (accessToken && expiresOn) {
+            // TODO: Implement expiredOn and Date comparison based validity
             return true;
         }
         return false;
@@ -2378,23 +2575,155 @@ class AuthMicrosoftService {
             tokenType: token.tokenType,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthMicrosoftService, deps: [{ token: LoggerService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthMicrosoftService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthMicrosoftService, deps: [{ token: LoggerService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthMicrosoftService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthMicrosoftService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthMicrosoftService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: LoggerService }, { type: i1$2.HttpClient }]; } });
+        }], ctorParameters: () => [{ type: LoggerService }, { type: i1$2.HttpClient }] });
 
+class DomainConfService {
+    constructor(configSvc, environment) {
+        this.configSvc = configSvc;
+        this.currentHostname = window.location.hostname;
+        this.subdomain = this.currentHostname.split('.')[0];
+        this.environment = environment;
+    }
+    /**
+     * Gets the appropriate CDN host based on domain configuration
+  
+     * @returns The CDN host URL for the current domain
+     */
+    getDomainCDNHost() {
+        // Early return for direct hostname match
+        if (this.environment?.sitePath === this.currentHostname) {
+            return this.environment?.cdnContentHost;
+        }
+        // Handle missing configuration
+        if (!this.configSvc.instanceConfig?.domainList) {
+            return this.environment?.cdnContentHost;
+        }
+        // Get domain-specific CDN host
+        const domainData = this.configSvc.instanceConfig.domainList[this.subdomain];
+        return domainData?.cdnContentHost || this.environment?.cdnContentHost;
+    }
+    /**
+     * Gets the appropriate app logo based on domain configuration
+     * @returns The app logo URL for the current domain
+     */
+    getDomainAppLogo() {
+        // Handle missing configuration
+        if (!this.configSvc?.instanceConfig) {
+            return '';
+        }
+        // Early return for direct hostname match
+        if (this.environment?.sitePath === this.currentHostname) {
+            return this.configSvc.instanceConfig.logos.app;
+        }
+        // Handle missing domain list
+        if (!this.configSvc.instanceConfig.domainList) {
+            return this.configSvc.instanceConfig.logos.app;
+        }
+        // Get domain-specific logo
+        const domainData = this.configSvc.instanceConfig.domainList[this.subdomain];
+        return domainData?.logo || this.configSvc.instanceConfig.logos.app;
+    }
+    /**
+     * Gets the appropriate redirect path based on domain configuration
+     * @returns The redirect path for the current domain
+     */
+    getDomainRedirectPath() {
+        // Handle missing configuration
+        if (!this.configSvc?.instanceConfig) {
+            return '/page/home';
+        }
+        // Early return for direct hostname match
+        if (this.environment?.sitePath === this.currentHostname) {
+            return '/page/home';
+        }
+        // Handle missing domain list
+        if (!this.configSvc.instanceConfig.domainList) {
+            return '/page/home';
+        }
+        // Get domain-specific redirect path
+        const domainData = this.configSvc.instanceConfig.domainList[this.subdomain];
+        return domainData?.redirectPath || '/page/home';
+    }
+    getDomainSitePath() {
+        debugger;
+        // Handle missing configuration
+        if (!this.configSvc?.instanceConfig) {
+            return this.environment?.sitePath;
+        }
+        // Early return for direct hostname match
+        if (this.environment?.sitePath === this.currentHostname) {
+            return this.environment?.sitePath;
+        }
+        // Handle missing domain list
+        if (!this.configSvc.instanceConfig.domainList) {
+            return this.environment?.sitePath;
+        }
+        // Get domain-specific redirect path
+        const domainData = this.configSvc.instanceConfig.domainList[this.subdomain];
+        return domainData?.sitePath || this.environment?.sitePath;
+    }
+    /**
+     * Determines if the current domain is a same portal or client portal
+     * @returns Boolean indicating if it's a same portal (true) or client portal (false)
+     */
+    isKbPortal() {
+        // Check if environment sitePath matches current hostname
+        const domainData = this.getDomainData();
+        return this.environment.sitePath === domainData.sitePath;
+    }
+    getNonLoggedInPageUrl() {
+        // Check if environment sitePath matches current hostname
+        const domainData = this.getDomainData();
+        return domainData?.karmayogiBharatLink || 'https://igotkarmayogi.gov.in/';
+    }
+    getDomainData() {
+        const defaultDomainData = {
+            "logo": "/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg",
+            "redirectPath": "/page/home",
+            "cdnContentHost": this.environment?.cdnContentHost || "https://portal.igotkarmayogi.gov.in/",
+            "sitePath": this.environment?.sitePath || "portal.igotkarmayogi.gov.in",
+            "karmayogiBharatLink": this.environment?.karmayogiBharatLink || "https://igotkarmayogi.gov.in/"
+        };
+        return this.configSvc.instanceConfig?.domainList?.[this.subdomain] || defaultDomainData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DomainConfService, deps: [{ token: ConfigurationsService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DomainConfService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DomainConfService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ConfigurationsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }] });
+
+// interface IParsedToken {
+//   email?: string
+//   encEmail?: string
+//   name?: string
+//   preferred_username?: string
+// }
 const storage = localStorage;
 const storageKey = 'kc';
+// const logoutRedirectUrl = ''
 class AuthKeycloakService {
-    constructor(http, configSvc, msAuthSvc, environment) {
+    constructor(http, configSvc, 
+    // private keycloakSvc: KeycloakService,
+    msAuthSvc, domainConf, environment) {
         this.http = http;
         this.configSvc = configSvc;
         this.msAuthSvc = msAuthSvc;
+        this.domainConf = domainConf;
         this.loginChangeSubject = new ReplaySubject(1);
         this.loginChangeSubject.subscribe((isLoggedIn) => {
             this.configSvc.isAuthenticated = isLoggedIn;
@@ -2410,9 +2739,48 @@ class AuthKeycloakService {
         });
         this.environment = environment;
     }
+    // Getters
     get isLoggedIn$() {
         return this.loginChangeSubject.asObservable();
     }
+    // get isLoggedIn(): Promise<boolean> {
+    //   return this.keycloakSvc.isLoggedIn()
+    // }
+    // get isAuthenticated(): boolean | undefined {
+    //   return this.keycloakSvc.getKeycloakInstance().authenticated
+    // }
+    // get token(): string | undefined {
+    //   return this.keycloakSvc.getKeycloakInstance().token
+    // }
+    // get sessionId(): string | undefined {
+    //   return this.keycloakSvc.getKeycloakInstance().sessionId
+    // }
+    // get userId(): string | undefined {
+    //   const kc = this.keycloakSvc.getKeycloakInstance()
+    //   if (!kc) {
+    //     return
+    //   }
+    //   return (kc.tokenParsed && kc.tokenParsed.sub) || (kc.idTokenParsed && kc.idTokenParsed.sub)
+    // }
+    // get userEmail(): string | undefined {
+    //   const kc = this.keycloakSvc.getKeycloakInstance()
+    //   const tokenParsed = kc.tokenParsed as IParsedToken
+    //   const idTokenParsed = kc.idTokenParsed as IParsedToken
+    //   return (
+    //     (tokenParsed && tokenParsed.email) ||
+    //     (idTokenParsed && idTokenParsed.email) ||
+    //     (idTokenParsed && idTokenParsed.encEmail) ||
+    //     (tokenParsed && tokenParsed.preferred_username) ||
+    //     (idTokenParsed && idTokenParsed.preferred_username)
+    //   )
+    // }
+    // get userName(): string | undefined {
+    //   const kc = this.keycloakSvc.getKeycloakInstance()
+    //   return (
+    //     (kc.tokenParsed && (kc.tokenParsed as IParsedToken).name) ||
+    //     (kc.idTokenParsed && (kc.idTokenParsed as IParsedToken).name)
+    //   )
+    // }
     async initAuth() {
         if (!this.configSvc.instanceConfig) {
             return false;
@@ -2424,12 +2792,36 @@ class AuthKeycloakService {
         try {
             this.setupGlobalAuthResponder();
             this.addKeycloakEventListener();
+            // return await this.keycloakSvc.init({
+            //   config: {
+            //     url: instanceConfig.keycloak.url,
+            //     realm: instanceConfig.keycloak.realm,
+            //     clientId: instanceConfig.keycloak.clientId,
+            //   },
+            //   initOptions: {
+            //     ...this.getSavedKcConfig(),
+            //     onLoad: instanceConfig.keycloak.onLoad || 'check-sso',
+            //     checkLoginIframe: false,
+            //   },
+            //   enableBearerInterceptor: true,
+            //   loadUserProfileAtStartUp: false,
+            //   bearerExcludedUrls: instanceConfig.keycloak.bearerExcludedUrls,
+            // })
             return true;
         }
         catch (err) {
             return false;
         }
     }
+    // login(
+    //   idpHint: 'E' | 'N' | 'S' = 'E',
+    //   redirectUrl: string = this.defaultRedirectUrl,
+    // ): Promise<void> {
+    //   return this.keycloakSvc.login({
+    //     idpHint,
+    //     redirectUri: redirectUrl,
+    //   })
+    // }
     loginV2(_idpHint = 'E', redirectUrl = this.defaultRedirectUrl) {
         if (this.configSvc.instanceConfig) {
             window.location.href = this.configSvc.instanceConfig.keycloak.url + redirectUrl;
@@ -2437,6 +2829,16 @@ class AuthKeycloakService {
         }
         return Promise.reject();
     }
+    // register(
+    //   redirectUrl: string = this.defaultRedirectUrl,
+    // ): Promise<void> {
+    //   return this.keycloakSvc.register({
+    //     redirectUri: redirectUrl,
+    //   })
+    // }
+    /**
+     * @deprecated this will be depricated
+     */
     async logout(redirectUrl = this.defaultRedirectUrl) {
         if (storage.getItem('telemetrySessionId')) {
             storage.removeItem('telemetrySessionId');
@@ -2448,15 +2850,29 @@ class AuthKeycloakService {
         catch {
         }
         storage.removeItem(storageKey);
+        // alert(`${redirectUrl}apis/reset`)
         window.location.href = `${redirectUrl}apis/reset`;
+        // window.location.href = 'http://localhost:3003/reset'
+        //  await this.http.get('/apis/reset').toPromise()
+        // setTimeout(window.location.href = `${redirectUrl}apis/reset`, 13000)
+        // logoutRedirectUrl = redirectUrl
+        // if (this.msAuthSvc.isLogoutRequired) {
+        //   this.keycloakSvc.logout(this.msAuthSvc.logoutUrl(redirectUrl))
+        // } else {
+        // this.keycloakSvc.logout(redirectUrl)
+        // }
     }
     async force_logout() {
         if (storage.getItem('telemetrySessionId')) {
             storage.removeItem('telemetrySessionId');
         }
         else {
+            // window.location.href = '/public/home'
             storage.removeItem(storageKey);
-            window.location.href = `https://${this.environment.sitePath}/apis/reset`;
+            // window.location.href = `${this.environment.staticHomePageUrl}`
+            // await this.http.get(`https://${this.environment.sitePath}/apis/reset`).toPromise()
+            // this.openInvisibleIframe(`https://${this.environment.sitePath}/apis/reset`)
+            window.location.href = `https://${this.domainConf.getDomainSitePath()}/apis/reset`;
             await this.http.get('https://admin-test.ecornell.com/saml/logout.do').toPromise();
         }
         try {
@@ -2466,24 +2882,111 @@ class AuthKeycloakService {
         catch {
         }
         storage.removeItem(storageKey);
-        window.location.href = `https://${this.environment.sitePath}/apis/reset`;
+        // window.location.href = `${this.environment.staticHomePageUrl}`
+        //await this.http.get(`https://${this.environment.sitePath}/apis/reset`).toPromise()
+        window.location.href = `https://${this.domainConf.getDomainSitePath()}/apis/reset`;
+        // this.openInvisibleIframe(`https://${this.environment.sitePath}/apis/reset`)
+        // window.location.href = `${this.environment.staticHomePageUrl}`
         await this.http.get('https://admin-test.ecornell.com/saml/logout.do').toPromise();
     }
     openInvisibleIframe(url) {
+        // Create an iframe element
         const iframe = document.createElement('iframe');
-        iframe.src = url;
+        // Set iframe attributes and make it invisible
+        iframe.src = url; // The URL you want to load
         iframe.style.position = 'absolute';
         iframe.style.width = '0';
         iframe.style.height = '0';
         iframe.style.border = 'none';
-        iframe.style.visibility = 'hidden';
-        iframe.style.opacity = '0';
+        iframe.style.visibility = 'hidden'; // Alternatively, use display: none
+        iframe.style.opacity = '0'; // Make it invisible, while still loading content
+        // Append the iframe to the body or any specific container element
         document.body.appendChild(iframe);
     }
     addKeycloakEventListener() {
+        // this.keycloakSvc.keycloakEvents$.subscribe((event: KeycloakEvent) => {
+        //   switch (event.type) {
+        //     case KeycloakEventType.OnAuthError:
+        //       this.loginChangeSubject.next(false)
+        //       break
+        //     case KeycloakEventType.OnAuthLogout:
+        //       this.loginChangeSubject.next(false)
+        //       storage.removeItem(storageKey)
+        //       break
+        //     case KeycloakEventType.OnAuthRefreshError:
+        //       break
+        //     case KeycloakEventType.OnAuthRefreshSuccess:
+        //       break
+        //     case KeycloakEventType.OnAuthSuccess:
+        //       break
+        //     case KeycloakEventType.OnReady:
+        //       this.loginChangeSubject.next(event.args)
+        //       if (event.args) {
+        //         this.saveKeycloakConfig()
+        //       }
+        //       break
+        //     case KeycloakEventType.OnTokenExpired:
+        //       this.keycloakSvc.updateToken(60)
+        //       break
+        //   }
+        // })
     }
     setupGlobalAuthResponder() {
-    }
+        // fromEvent<MessageEvent>(window, 'message')
+        //   .pipe(
+        //     filter(
+        //       (event: MessageEvent) =>
+        //         Boolean(event) &&
+        //         Boolean(event.data) &&
+        //         event.data.type === 'AUTH_REQUEST' &&
+        //         Boolean(event.source && typeof event.source.postMessage === 'function'),
+        //     ),
+        //   )
+        //   .subscribe(async (event: MessageEvent) => {
+        //     const contentWindow = event.source as Window
+        //     const token = await this.keycloakSvc.getToken()
+        //     const response = {
+        //       app: 'WEB_PORTAL',
+        //       type: 'AUTH_RESPONSE',
+        //       state: 'NONE',
+        //       plugin: 'NONE',
+        //       data: {
+        //         token,
+        //         id: event.data && event.data.data && event.data.data.id,
+        //       },
+        //     }
+        //     contentWindow.postMessage(response, '*')
+        //   })
+    }
+    // Utility Methods
+    // private saveKeycloakConfig() {
+    //   // const kc = this.keycloakSvc.getKeycloakInstance()
+    //   // const kcInitOptions: KeycloakInitOptions = {
+    //   //   idToken: kc.idToken,
+    //   //   refreshToken: kc.refreshToken,
+    //   //   timeSkew: kc.timeSkew,
+    //   //   token: kc.token,
+    //   // }
+    //   // storage.setItem(storageKey, JSON.stringify(kcInitOptions))
+    // }
+    // private getSavedKcConfig(): KeycloakInitOptions {
+    //   try {
+    //     // const lastSaved = KEYCLOAK_STORAGE.getItem(key);
+    //     const lastSaved = storage.getItem(storageKey)
+    //     if (lastSaved) {
+    //       const processed = JSON.parse(lastSaved)
+    //       if (
+    //         'idToken' in processed &&
+    //         'refreshToken' in processed &&
+    //         'timeSkew' in processed &&
+    //         'token' in processed
+    //       ) {
+    //         return processed
+    //       }
+    //     }
+    //   } catch (e) { }
+    //   return {}
+    // }
     get defaultRedirectUrl() {
         try {
             const baseUrl = document.baseURI;
@@ -2493,18 +2996,18 @@ class AuthKeycloakService {
             return location.origin;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthKeycloakService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }, { token: AuthMicrosoftService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthKeycloakService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthKeycloakService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }, { token: AuthMicrosoftService }, { token: DomainConfService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthKeycloakService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthKeycloakService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthKeycloakService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }, { type: AuthMicrosoftService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: ConfigurationsService }, { type: AuthMicrosoftService }, { type: DomainConfService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }]; } });
+                }] }] });
 
 class LogoutComponent {
     constructor(dialogRef, authSvc, configSvc, utilitySvc, translate) {
@@ -2518,6 +3021,8 @@ class LogoutComponent {
         this.isDownloadableAndroid = false;
         if (localStorage.getItem('websiteLanguage')) {
             this.translate.setDefaultLang('en');
+            // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+            // tslint:disable-next-line: no-non-null-assertion
             const lang = localStorage.getItem('websiteLanguage') || null;
             this.translate.use(lang);
         }
@@ -2543,6 +3048,7 @@ class LogoutComponent {
         if (localStorage.getItem('websiteLanguage')) {
             localStorage.removeItem('websiteLanguage');
         }
+        // this.authSvc.logout()
         this.authSvc.force_logout();
         if (localStorage.getItem('faq')) {
             localStorage.removeItem('faq');
@@ -2556,8 +3062,8 @@ class LogoutComponent {
         if (localStorage.getItem('motivationalMessage')) {
             localStorage.removeItem('motivationalMessage');
         }
-        if (localStorage.getItem('canShowCustomAttrPopup')) {
-            localStorage.removeItem('canShowCustomAttrPopup');
+        if (localStorage.getItem('microSiteRedirectionData')) {
+            localStorage.removeItem('microSiteRedirectionData');
         }
     }
     get isDownloadable() {
@@ -2567,33 +3073,33 @@ class LogoutComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogoutComponent, deps: [{ token: i1$1.MatLegacyDialogRef }, { token: AuthKeycloakService }, { token: ConfigurationsService }, { token: UtilityService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogoutComponent, selector: "ws-utils-logout", ngImport: i0, template: "<h1 mat-dialog-title i18n>{{'utilslogout.logoutNow' | translate}}</h1>\r\n<div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n  {{'utilslogout.logoutNote' | translate}}\r\n</div>\r\n<div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n  {{'utilslogout.logoutConfirm' | translate}}\r\n</div>\r\n<div mat-dialog-actions class=\"flex-row-reverse\">\r\n  <button mat-flat-button color=\"warn\" [disabled]=\"disabled\" (click)=\"confirmed()\" i18n>\r\n    {{'utilslogout.logoutYes' | translate}}\r\n  </button>\r\n  <button mat-button class=\"margin-right-xs\" mat-dialog-close cdkFocusInitial i18n>\r\n    {{'utilslogout.logoutNo' | translate}}\r\n  </button>\r\n</div>\r\n", styles: [".hide-overflow{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$1.MatLegacyDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutComponent, deps: [{ token: i1$1.MatDialogRef }, { token: AuthKeycloakService }, { token: ConfigurationsService }, { token: UtilityService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: LogoutComponent, isStandalone: false, selector: "ws-utils-logout", ngImport: i0, template: "<h1 mat-dialog-title i18n>{{'utilslogout.logoutNow' | translate}}</h1>\r\n<div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n  {{'utilslogout.logoutNote' | translate}}\r\n</div>\r\n<div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n  {{'utilslogout.logoutConfirm' | translate}}\r\n</div>\r\n<div mat-dialog-actions class=\"flex-row-reverse\">\r\n  <button mat-flat-button color=\"warn\" [disabled]=\"disabled\" (click)=\"confirmed()\" i18n>\r\n    {{'utilslogout.logoutYes' | translate}}\r\n  </button>\r\n  <button mat-button class=\"margin-right-xs\" mat-dialog-close cdkFocusInitial i18n>\r\n    {{'utilslogout.logoutNo' | translate}}\r\n  </button>\r\n</div>\r\n", styles: [".hide-overflow{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ws-utils-logout', template: "<h1 mat-dialog-title i18n>{{'utilslogout.logoutNow' | translate}}</h1>\r\n<div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n  {{'utilslogout.logoutNote' | translate}}\r\n</div>\r\n<div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n  {{'utilslogout.logoutConfirm' | translate}}\r\n</div>\r\n<div mat-dialog-actions class=\"flex-row-reverse\">\r\n  <button mat-flat-button color=\"warn\" [disabled]=\"disabled\" (click)=\"confirmed()\" i18n>\r\n    {{'utilslogout.logoutYes' | translate}}\r\n  </button>\r\n  <button mat-button class=\"margin-right-xs\" mat-dialog-close cdkFocusInitial i18n>\r\n    {{'utilslogout.logoutNo' | translate}}\r\n  </button>\r\n</div>\r\n", styles: [".hide-overflow{overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatLegacyDialogRef }, { type: AuthKeycloakService }, { type: ConfigurationsService }, { type: UtilityService }, { type: i5.TranslateService }]; } });
+            args: [{ selector: 'ws-utils-logout', standalone: false, template: "<h1 mat-dialog-title i18n>{{'utilslogout.logoutNow' | translate}}</h1>\r\n<div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n  {{'utilslogout.logoutNote' | translate}}\r\n</div>\r\n<div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n  {{'utilslogout.logoutConfirm' | translate}}\r\n</div>\r\n<div mat-dialog-actions class=\"flex-row-reverse\">\r\n  <button mat-flat-button color=\"warn\" [disabled]=\"disabled\" (click)=\"confirmed()\" i18n>\r\n    {{'utilslogout.logoutYes' | translate}}\r\n  </button>\r\n  <button mat-button class=\"margin-right-xs\" mat-dialog-close cdkFocusInitial i18n>\r\n    {{'utilslogout.logoutNo' | translate}}\r\n  </button>\r\n</div>\r\n", styles: [".hide-overflow{overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: AuthKeycloakService }, { type: ConfigurationsService }, { type: UtilityService }, { type: i5.TranslateService }] });
 
 class LogoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LogoutModule, declarations: [LogoutComponent], imports: [CommonModule,
-            MatLegacyButtonModule,
-            MatLegacyDialogModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, declarations: [LogoutComponent], imports: [CommonModule,
+            MatButtonModule,
+            MatDialogModule,
             TranslateModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogoutModule, imports: [CommonModule,
-            MatLegacyButtonModule,
-            MatLegacyDialogModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, imports: [CommonModule,
+            MatButtonModule,
+            MatDialogModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LogoutComponent],
                     imports: [
                         CommonModule,
-                        MatLegacyButtonModule,
-                        MatLegacyDialogModule,
+                        MatButtonModule,
+                        MatDialogModule,
                         TranslateModule,
                     ]
                 }]
@@ -2644,22 +3150,23 @@ class PipeConciseDateRangePipe {
             return `${dateRange.fromDate} - ${dateRange.toDate}`;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangePipe, name: "pipeConciseDateRange" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangePipe, isStandalone: false, name: "pipeConciseDateRange" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeConciseDateRange',
+                    standalone: false
                 }]
         }] });
 
 class PipeConciseDateRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangeModule, declarations: [PipeConciseDateRangePipe], imports: [CommonModule], exports: [PipeConciseDateRangePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangeModule, declarations: [PipeConciseDateRangePipe], imports: [CommonModule], exports: [PipeConciseDateRangePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeConciseDateRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeConciseDateRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeConciseDateRangePipe],
@@ -2693,22 +3200,23 @@ class PipeCountTransformPipe {
         }
         return '0';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformPipe, name: "pipeCountTransform" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformPipe, isStandalone: false, name: "pipeCountTransform" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeCountTransform',
+                    standalone: false
                 }]
         }] });
 
 class PipeCountTransformModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformModule, declarations: [PipeCountTransformPipe], imports: [CommonModule], exports: [PipeCountTransformPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformModule, declarations: [PipeCountTransformPipe], imports: [CommonModule], exports: [PipeCountTransformPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCountTransformModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCountTransformModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeCountTransformPipe],
@@ -2743,22 +3251,23 @@ class PipeDateConcatPipe {
         }
         return dateStr;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatPipe, name: "pipeDateConcat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatPipe, isStandalone: false, name: "pipeDateConcat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeDateConcat',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class PipeDateConcatModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatModule, declarations: [PipeDateConcatPipe], imports: [CommonModule], exports: [PipeDateConcatPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatModule, declarations: [PipeDateConcatPipe], imports: [CommonModule], exports: [PipeDateConcatPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDateConcatModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDateConcatModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeDateConcatPipe],
@@ -2784,10 +3293,11 @@ class PipeDurationTransformPipe {
             case 'hms':
                 return this.hmsCalculation(h, m, s, duration, type);
             case 'hms2H':
+                /**to Print HH:mm:ss */
                 const duration2 = moment.duration(data, 'seconds');
                 const resultstring = moment.utc(duration2.asMilliseconds()).format('HH:mm:ss');
                 return resultstring;
-            case 'hms2M':
+            case 'hms2M': /**to Print mm:ss */
                 const duration2H = moment.duration(data, 'seconds');
                 const resultstring2H = moment.utc(duration2H.asMilliseconds()).format('mm:ss');
                 return resultstring2H;
@@ -2842,22 +3352,23 @@ class PipeDurationTransformPipe {
         }
         return duration;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformPipe, name: "pipeDurationTransform" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformPipe, isStandalone: false, name: "pipeDurationTransform" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeDurationTransform',
+                    standalone: false
                 }]
         }] });
 
 class PipeDurationTransformModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformModule, declarations: [PipeDurationTransformPipe], imports: [CommonModule], exports: [PipeDurationTransformPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformModule, declarations: [PipeDurationTransformPipe], imports: [CommonModule], exports: [PipeDurationTransformPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeDurationTransformModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeDurationTransformModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeDurationTransformPipe],
@@ -2872,22 +3383,23 @@ class PipeHtmlTagRemovalPipe {
     transform(htmlString) {
         return htmlString ? String(htmlString).replace(/<[^>]+>/gm, '') : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalPipe, name: "pipeHtmlTagRemoval" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalPipe, isStandalone: false, name: "pipeHtmlTagRemoval" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeHtmlTagRemoval',
+                    standalone: false
                 }]
         }] });
 
 class PipeHtmlTagRemovalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalModule, declarations: [PipeHtmlTagRemovalPipe], imports: [CommonModule], exports: [PipeHtmlTagRemovalPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalModule, declarations: [PipeHtmlTagRemovalPipe], imports: [CommonModule], exports: [PipeHtmlTagRemovalPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeHtmlTagRemovalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeHtmlTagRemovalPipe],
@@ -2906,22 +3418,23 @@ class PipeFilterPipe {
         return (value || []).filter((item) => keys.split(',')
             .some(key => item.hasOwnProperty(key) && new RegExp(`^${term}$`, 'gi').test(item[key])));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterPipe, name: "pipeFilter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterPipe, isStandalone: false, name: "pipeFilter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeFilter',
+                    standalone: false
                 }]
         }] });
 
 class PipeFilterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterModule, declarations: [PipeFilterPipe], imports: [CommonModule], exports: [PipeFilterPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterModule, declarations: [PipeFilterPipe], imports: [CommonModule], exports: [PipeFilterPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeFilterPipe],
@@ -2941,22 +3454,23 @@ class PipeOrdinalPipe {
         const v = value % 100;
         return value + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalPipe, name: "pipeOrdinal" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalPipe, isStandalone: false, name: "pipeOrdinal" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeOrdinal',
+                    standalone: false
                 }]
         }] });
 
 class PipeOrdinalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalModule, declarations: [PipeOrdinalPipe], imports: [CommonModule], exports: [PipeOrdinalPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalModule, declarations: [PipeOrdinalPipe], imports: [CommonModule], exports: [PipeOrdinalPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrdinalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrdinalModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeOrdinalPipe],
@@ -2971,22 +3485,23 @@ class PipeEmailPipe {
     transform(value) {
         return value.split('.').join('[dot]').replace('@', '[at]');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailPipe, name: "pipeEmail" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailPipe, isStandalone: false, name: "pipeEmail" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeEmail',
+                    standalone: false
                 }]
         }] });
 
 class PipeEmailModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailModule, declarations: [PipeEmailPipe], imports: [CommonModule], exports: [PipeEmailPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailModule, declarations: [PipeEmailPipe], imports: [CommonModule], exports: [PipeEmailPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeEmailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeEmailModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeEmailPipe],
@@ -3010,22 +3525,23 @@ class PipeFilterV2Pipe {
             return `${it[key]} `.toLowerCase().includes(searchTextLowerCase);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Pipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Pipe, name: "pipeFilterV2" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Pipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Pipe, isStandalone: false, name: "pipeFilterV2" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Pipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Pipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeFilterV2',
+                    standalone: false
                 }]
         }] });
 
 class PipeFilterV2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Module, declarations: [PipeFilterV2Pipe], imports: [CommonModule], exports: [PipeFilterV2Pipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Module, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Module, declarations: [PipeFilterV2Pipe], imports: [CommonModule], exports: [PipeFilterV2Pipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Module, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV2Module, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV2Module, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeFilterV2Pipe],
@@ -3041,7 +3557,9 @@ class PipeFilterV3Pipe {
         if (filter && Array.isArray(items)) {
             const filterKeys = Object.keys(filter);
             if (isAnd) {
-                return items.filter(item => filterKeys.reduce((memo, keyName) => (memo && new RegExp(filter[keyName], 'gi').test(item[keyName])) || filter[keyName] === '', true));
+                return items.filter(item => filterKeys.reduce((memo, keyName) => 
+                // tslint:disable-next-line: align
+                (memo && new RegExp(filter[keyName], 'gi').test(item[keyName])) || filter[keyName] === '', true));
             }
             return items.filter(item => {
                 return filterKeys.some(keyName => {
@@ -3051,22 +3569,23 @@ class PipeFilterV3Pipe {
         }
         return items;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Pipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Pipe, name: "pipeFilterV3" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Pipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Pipe, isStandalone: false, name: "pipeFilterV3" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Pipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Pipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeFilterV3',
+                    standalone: false
                 }]
         }] });
 
 class PipeFilterV3Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Module, declarations: [PipeFilterV3Pipe], imports: [CommonModule], exports: [PipeFilterV3Pipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Module, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Module, declarations: [PipeFilterV3Pipe], imports: [CommonModule], exports: [PipeFilterV3Pipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Module, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterV3Module, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterV3Module, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeFilterV3Pipe],
@@ -3097,6 +3616,11 @@ class PipeFilterSearchPipe {
                 if (it.fullName) {
                     return it.fullName.toLowerCase().includes(searchTextLowerCase);
                 }
+                // keys.map((key: any) => {
+                //   console.log('key:', key)
+                //   console.log(`it['personalDetails'][key]`, it['personalDetails'][key])
+                //   return it['personalDetails'][key].toLowerCase().includes(searchTextLowerCase)
+                // })
             });
             if (result && result.length <= 0) {
                 return [-1];
@@ -3107,22 +3631,23 @@ class PipeFilterSearchPipe {
             return it.title.toLowerCase().includes(searchTextLowerCase);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchPipe, name: "pipeFilterSearch" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchPipe, isStandalone: false, name: "pipeFilterSearch" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeFilterSearch',
+                    standalone: false
                 }]
         }] });
 
 class PipeFilterSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchModule, declarations: [PipeFilterSearchPipe], imports: [CommonModule], exports: [PipeFilterSearchPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchModule, declarations: [PipeFilterSearchPipe], imports: [CommonModule], exports: [PipeFilterSearchPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeFilterSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeFilterSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeFilterSearchPipe],
@@ -3141,23 +3666,25 @@ class PipeListFilterPipe {
         return (value || []).filter((item) => keys.split(',')
             .some(key => item.hasOwnProperty(key)
             && item[key] && (`${item[key]} `).toLocaleLowerCase().includes(term.toLocaleLowerCase())));
+        // new RegExp(`^${term}$`, 'gi').test(item[key])
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterPipe, name: "pipeListFilter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterPipe, isStandalone: false, name: "pipeListFilter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeListFilter',
+                    standalone: false
                 }]
         }] });
 
 class PipeListFilterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterModule, declarations: [PipeListFilterPipe], imports: [CommonModule], exports: [PipeListFilterPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterModule, declarations: [PipeListFilterPipe], imports: [CommonModule], exports: [PipeListFilterPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeListFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeListFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeListFilterPipe],
@@ -3175,22 +3702,23 @@ class PipeRelativeTimePipe {
         }
         return moment().startOf('hour').fromNow();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimePipe, name: "pipeRelativeTime" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimePipe, isStandalone: false, name: "pipeRelativeTime" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeRelativeTime',
+                    standalone: false
                 }]
         }] });
 
 class PipeRelativeTimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimeModule, declarations: [PipeRelativeTimePipe], imports: [CommonModule], exports: [PipeRelativeTimePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimeModule, declarations: [PipeRelativeTimePipe], imports: [CommonModule], exports: [PipeRelativeTimePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeRelativeTimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeRelativeTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeRelativeTimePipe],
@@ -3205,22 +3733,23 @@ class OrderByPipe {
     constructor() {
         this.transform = orderBy;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrderByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: OrderByPipe, name: "orderBy" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OrderByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: OrderByPipe, isStandalone: false, name: "orderBy" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrderByPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OrderByPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'orderBy',
+                    standalone: false
                 }]
         }] });
 
 class PipeOrderByModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrderByModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeOrderByModule, declarations: [OrderByPipe], imports: [CommonModule], exports: [OrderByPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrderByModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrderByModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeOrderByModule, declarations: [OrderByPipe], imports: [CommonModule], exports: [OrderByPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrderByModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeOrderByModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeOrderByModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OrderByPipe],
@@ -3248,22 +3777,23 @@ class PipeLimitToPipe {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToPipe, name: "pipeLimitTo" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToPipe, isStandalone: false, name: "pipeLimitTo" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeLimitTo',
+                    standalone: false
                 }]
         }] });
 
 class PipeLimitToModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToModule, declarations: [PipeLimitToPipe], imports: [CommonModule], exports: [PipeLimitToPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToModule, declarations: [PipeLimitToPipe], imports: [CommonModule], exports: [PipeLimitToPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeLimitToModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeLimitToModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeLimitToPipe],
@@ -3280,6 +3810,9 @@ class PipeNameTransformPipe {
         if (value.firstName) {
             result += value.firstName;
         }
+        // if (value.lastName && value.lastName !== value.firstName) {
+        //   result += ` ${value.lastName}`
+        // }
         if (result.trim() !== '') {
             return result;
         }
@@ -3288,22 +3821,23 @@ class PipeNameTransformPipe {
         }
         return 'Anonymous User';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformPipe, name: "pipeNameTransform" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformPipe, isStandalone: false, name: "pipeNameTransform" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeNameTransform',
+                    standalone: false
                 }]
         }] });
 
 class PipeNameTransformModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformModule, declarations: [PipeNameTransformPipe], imports: [CommonModule], exports: [PipeNameTransformPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformModule, declarations: [PipeNameTransformPipe], imports: [CommonModule], exports: [PipeNameTransformPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNameTransformModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNameTransformModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeNameTransformPipe],
@@ -3324,22 +3858,23 @@ class PipePartialContentPipe {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentPipe, name: "pipePartialContent" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentPipe, isStandalone: false, name: "pipePartialContent" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipePartialContent',
+                    standalone: false
                 }]
         }] });
 
 class PipePartialContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentModule, declarations: [PipePartialContentPipe], imports: [CommonModule], exports: [PipePartialContentPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentModule, declarations: [PipePartialContentPipe], imports: [CommonModule], exports: [PipePartialContentPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePartialContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePartialContentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipePartialContentPipe],
@@ -3370,22 +3905,23 @@ class PipeSafeSanitizerPipe {
                 throw new Error(`Invalid safe type specified: ${type}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerPipe, name: "pipeSafeSanitizer" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerPipe, isStandalone: false, name: "pipeSafeSanitizer" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeSafeSanitizer',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; } });
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
 
 class PipeSafeSanitizerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerModule, declarations: [PipeSafeSanitizerPipe], imports: [CommonModule], exports: [PipeSafeSanitizerPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerModule, declarations: [PipeSafeSanitizerPipe], imports: [CommonModule], exports: [PipeSafeSanitizerPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeSafeSanitizerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeSafeSanitizerPipe],
@@ -3401,32 +3937,38 @@ class PipePublicURL {
         this.environment = environment;
     }
     transform(value) {
+        // Karmayogi content to be modified with the domain specific url
+        // https://portal.karmayogi.nic.in/content-store/content/do_113918818243969024137/artifact/
+        // do_113918818243969024137_1699074493067_effectivecommunication1699074492860.jpg
         if (value && value.includes('/content') && value.includes('do_')) {
             const mainUrl = value && value.split('/content').pop() || '';
             const finalURL = `${this.environment.contentHost}/${this.environment.contentBucket}/content${mainUrl}`;
             return value ? finalURL : '';
         }
+        // CIOS content has direct S3 url like blow, so return same url
+        // https://s3.amazonaws.com/ecornell/content/On-Demand/Homepages/Banners/CEPL503-OD3_homepage-banner_v1.jpg
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURL, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURL, name: "pipePublicURL" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURL, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURL, isStandalone: false, name: "pipePublicURL" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURL, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURL, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipePublicURL',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }]; } });
+                }] }] });
 
 class PipePublicURLModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURLModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURLModule, declarations: [PipePublicURL], imports: [CommonModule], exports: [PipePublicURL] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURLModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURLModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURLModule, declarations: [PipePublicURL], imports: [CommonModule], exports: [PipePublicURL] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURLModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipePublicURLModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipePublicURLModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipePublicURL],
@@ -3539,25 +4081,26 @@ class PipeCertificateImageURL {
             return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURL, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURL, name: "pipeCertImageURL" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURL, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURL, isStandalone: false, name: "pipeCertImageURL" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURL, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURL, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeCertImageURL',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }]; } });
+                }] }] });
 
 class PipeCertificateImageURLModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURLModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURLModule, declarations: [PipeCertificateImageURL], imports: [CommonModule], exports: [PipeCertificateImageURL] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURLModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURLModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURLModule, declarations: [PipeCertificateImageURL], imports: [CommonModule], exports: [PipeCertificateImageURL] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURLModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCertificateImageURLModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCertificateImageURLModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeCertificateImageURL],
@@ -3593,25 +4136,26 @@ class PipeNicRelativePipe {
         const newUrl = newLink.join('/');
         return newUrl;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativePipe, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativePipe, name: "PipeNicRelative" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativePipe, deps: [{ token: 'environment' }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativePipe, isStandalone: false, name: "PipeNicRelative" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'PipeNicRelative',
+                    standalone: false
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }]; } });
+                }] }] });
 
 class PipeNicRelativeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativeModule, declarations: [PipeNicRelativePipe], imports: [CommonModule], exports: [PipeNicRelativePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativeModule, declarations: [PipeNicRelativePipe], imports: [CommonModule], exports: [PipeNicRelativePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeNicRelativeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeNicRelativeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeNicRelativePipe],
@@ -3627,22 +4171,23 @@ class PipeCourseNamePipe {
         const fullname = value.split(',');
         return fullname[1];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNamePipe, name: "pipeCourseName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNamePipe, isStandalone: false, name: "pipeCourseName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pipeCourseName',
+                    standalone: false
                 }]
         }] });
 
 class PipeCourseNameModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNameModule, declarations: [PipeCourseNamePipe], imports: [CommonModule], exports: [PipeCourseNamePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNameModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNameModule, declarations: [PipeCourseNamePipe], imports: [CommonModule], exports: [PipeCourseNamePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNameModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipeCourseNameModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeCourseNameModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PipeCourseNamePipe],
@@ -3712,15 +4257,15 @@ class ExploreDetailResolve {
         });
         return pageData;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExploreDetailResolve, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExploreDetailResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExploreDetailResolve, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExploreDetailResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExploreDetailResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExploreDetailResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }, { type: UtilityService }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: ConfigurationsService }, { type: UtilityService }] });
 
 class MarketingOfferingResolve {
     constructor(http) {
@@ -3742,15 +4287,15 @@ class MarketingOfferingResolve {
         });
         return pageData;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarketingOfferingResolve, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarketingOfferingResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MarketingOfferingResolve, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MarketingOfferingResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarketingOfferingResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MarketingOfferingResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
 
 const JSON_MAP = {
     pagename: 'lexid',
@@ -3786,6 +4331,9 @@ class PageResolve {
         };
     }
     setS3Cookie(_contentId) {
+        // return this.http.post(`/apis/protected/v8/content/setCookie`, { contentId }).pipe(
+        //   catchError(_err => of(true)),
+        // )
         return EMPTY;
     }
     getContent(id) {
@@ -3818,18 +4366,18 @@ class PageResolve {
             return general;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageResolve, deps: [{ token: ConfigurationsService }, { token: i1$2.HttpClient }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageResolve, deps: [{ token: ConfigurationsService }, { token: i1$2.HttpClient }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: i1$2.HttpClient }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: ConfigurationsService }, { type: i1$2.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
-                }] }]; } });
+                }] }] });
 
 class PageNameResolve {
     constructor() { }
@@ -3852,15 +4400,15 @@ class PageNameResolve {
         }
         return 'common module';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNameResolve, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNameResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageNameResolve, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageNameResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNameResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageNameResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class ModuleNameResolve {
     constructor() {
@@ -3886,15 +4434,15 @@ class ModuleNameResolve {
         }
         return 'common module';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleNameResolve, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleNameResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleNameResolve, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleNameResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleNameResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModuleNameResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 var NsContent;
 (function (NsContent) {
@@ -3915,11 +4463,27 @@ var NsContent;
         EPrimaryCategory["MANDATORY_COURSE_GOAL"] = "Mandatory Course Goal";
         EPrimaryCategory["BLENDED_PROGRAM"] = "Blended Program";
         EPrimaryCategory["OFFLINE_SESSION"] = "Offline Session";
+        // following will not be available soon
+        /**
+         * @deprecated The type should not be used
+         */
         EPrimaryCategory["KNOWLEDGE_ARTIFACT"] = "Knowledge Artifact";
+        /**
+        * @deprecated The type should not be used
+        */
         EPrimaryCategory["KNOWLEDGE_BOARD"] = "Knowledge Board";
+        /**
+        * @deprecated The type should not be used
+        */
         EPrimaryCategory["LEARNING_JOURNEY"] = "Learning Journeys";
+        /**
+        * @deprecated The type should not be used
+        */
         EPrimaryCategory["CHANNEL"] = "Channel";
     })(EPrimaryCategory = NsContent.EPrimaryCategory || (NsContent.EPrimaryCategory = {}));
+    /**
+       * @deprecated Enum EContentTypes should not be used in future
+       */
     let EContentTypes;
     (function (EContentTypes) {
         EContentTypes["PROGRAM"] = "Learning Path";
@@ -3976,6 +4540,7 @@ var NsContent;
         EMimeTypes["CLASS_DIAGRAM"] = "application/class-diagram";
         EMimeTypes["CHANNEL"] = "application/channel";
         EMimeTypes["COLLECTION_RESOURCE"] = "resource/collection";
+        // Added on UI Only
         EMimeTypes["CERTIFICATION"] = "application/certification";
         EMimeTypes["PLAYLIST"] = "application/playlist";
         EMimeTypes["QUESTION_SET"] = "application/vnd.sunbird.questionset";
@@ -4015,6 +4580,7 @@ var NsContent;
         EDisplayContentTypes["KNOWLEDGE_BOARD"] = "Knowledge Board";
         EDisplayContentTypes["LEARNING_JOURNEY"] = "Learning Journeys";
     })(EDisplayContentTypes = NsContent.EDisplayContentTypes || (NsContent.EDisplayContentTypes = {}));
+    // for UI
     let EFilterCategory;
     (function (EFilterCategory) {
         EFilterCategory["ALL"] = "ALL";
@@ -4022,6 +4588,7 @@ var NsContent;
         EFilterCategory["PRACTICE"] = "PRACTICE";
         EFilterCategory["ASSESS"] = "ASSESS";
     })(EFilterCategory = NsContent.EFilterCategory || (NsContent.EFilterCategory = {}));
+    // for UI
     let ETagType;
     (function (ETagType) {
         ETagType["NEWLY_ADDED"] = "NEWLY ADDED";
@@ -4037,9 +4604,11 @@ var NsContent;
         ECourseCategory["STANDALONE_ASSESSMENT"] = "Standalone Assessment";
         ECourseCategory["MODERATED_ASSESSEMENT"] = "Moderated Assessment";
         ECourseCategory["CASE_STUDY"] = "Case Study";
+        ECourseCategory["COMPREHENSIVE_ASSESSMENT_PROGRAM"] = "Comprehensive Assessment Program";
     })(ECourseCategory = NsContent.ECourseCategory || (NsContent.ECourseCategory = {}));
 })(NsContent || (NsContent = {}));
 
+// TODO: move this in some common place
 const PROTECTED_SLAG_V8 = '/apis/protected/v8';
 const API_END_POINTS$2 = {
     CONTENT: `${PROTECTED_SLAG_V8}/content`,
@@ -4064,13 +4633,18 @@ const API_END_POINTS$2 = {
     CERT_DOWNLOAD: (certId) => `${PROTECTED_SLAG_V8}/cohorts/course/batch/cert/download/${certId}`,
     CERT_DOWNLOADV2: `/apis/proxies/v8/certificate/dynamic/v1/generate`,
 };
+/**
+ * @deprecated this will be depricated
+ */
 class WidgetContentService {
     constructor(http, configSvc) {
         this.http = http;
         this.configSvc = configSvc;
     }
     fetchMarkAsCompleteMeta(identifier) {
+        // tslint:disable-next-line
         const url = API_END_POINTS$2.MARK_AS_COMPLETE_META(identifier);
+        // return this.http.get(url).toPromise()
         if (url) { }
         return of().toPromise();
     }
@@ -4097,6 +4671,9 @@ class WidgetContentService {
     }
     fetchContentRatings(contentIds) {
         if (contentIds) { }
+        // return this.http
+        //   .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
+        //   .toPromise()
         return of().toPromise();
     }
     fetchContentHistory(contentId) {
@@ -4134,11 +4711,16 @@ class WidgetContentService {
         });
     }
     saveContinueLearning(content) {
+        // const url = API_END_POINTS.USER_CONTINUE_LEARNING
+        // return this.http.post<any>(url, content)
         if (content) {
         }
         return of();
     }
     setS3Cookie(_contentId) {
+        // return this.http
+        //   .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
+        //   .pipe(catchError(_err => of(true)))
         return EMPTY;
     }
     setS3ImageCookie() {
@@ -4180,6 +4762,10 @@ class WidgetContentService {
     addContentRating(contentId, data) {
         return this.http.post(`${API_END_POINTS$2.CONTENT_RATING}/${contentId}`, data);
     }
+    /**
+     *
+     * @deprecated this will be depricated.
+     */
     getFirstChildInHierarchy(content) {
         if (!(content.children || []).length) {
             return content;
@@ -4221,16 +4807,17 @@ class WidgetContentService {
     downloadCertV2(payload) {
         return this.http.post(`${API_END_POINTS$2.CERT_DOWNLOADV2}`, payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetContentService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetContentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetContentService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetContentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetContentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: ConfigurationsService }] });
 
+// tslint:enable
 const API_END_POINTS$1 = {
     readFeed: (id) => `/apis/proxies/v8/user/v1/feed/${id}`,
     getFormID: (id) => `/apis/proxies/v8/forms/getFormById?id=${id}`,
@@ -4258,15 +4845,17 @@ class NPSGridService {
     deleteFeed(req) {
         return this.http.post(API_END_POINTS$1.deleteFeed, req);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NPSGridService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NPSGridService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NPSGridService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NPSGridService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NPSGridService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NPSGridService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
 
 class TelemetryService {
-    constructor(configSvc, eventsSvc, environment, logger, router, npsSvc) {
+    constructor(configSvc, eventsSvc, environment, 
+    // private authSvc: AuthKeycloakService,
+    logger, router, npsSvc) {
         this.configSvc = configSvc;
         this.eventsSvc = eventsSvc;
         this.logger = logger;
@@ -4329,10 +4918,13 @@ class TelemetryService {
                 ...this.telemetryConfig,
                 pdata: {
                     ...this.telemetryConfig.pdata,
+                    // pid: navigator.userAgent,
                     id: `${this.environment.name}.${this.telemetryConfig.pdata.id}`,
                 },
                 uid: (this.configSvc.userProfile && this.configSvc.userProfile.userId) ?
                     this.configSvc.userProfile.userId : '',
+                // authtoken: this.authSvc.token,
+                // tslint:disable-next-line: no-non-null-assertion
                 channel: this.rootOrgId || this.telemetryConfig.channel,
                 sid: this.getTelemetrySessionId,
             };
@@ -4363,6 +4955,7 @@ class TelemetryService {
                 $t.start(this.telemetryConfig, (pageContext && pageContext.pageId) ?
                     pageContext.pageId
                     : '', '1.0', {
+                    // id,
                     type: edata.type,
                     mode: edata.mode,
                     pageid: (pageContext && pageContext.pageId) ?
@@ -4389,6 +4982,7 @@ class TelemetryService {
             }
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry start', e);
         }
     }
@@ -4414,6 +5008,7 @@ class TelemetryService {
             });
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry end', e);
         }
     }
@@ -4422,9 +5017,10 @@ class TelemetryService {
             $t.audit({
                 type,
                 props,
-                state: data,
-                prevstate: '',
-                duration: '',
+                // data,
+                state: data, // Optional. Current State
+                prevstate: '', // Optional. Previous State
+                duration: '', // Optional.
             }, {
                 context: {
                     pdata: {
@@ -4435,6 +5031,7 @@ class TelemetryService {
             });
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry audit', e);
         }
     }
@@ -4442,10 +5039,12 @@ class TelemetryService {
         try {
             $t.heartbeat({
                 id,
+                // mode,
                 type,
             });
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry heartbeat', e);
         }
     }
@@ -4458,8 +5057,8 @@ class TelemetryService {
                 page.module = data.pageContext.module;
             }
             const edata = {
-                pageid: page.pageid,
-                type: page.pageUrlParts[0],
+                pageid: page.pageid, // Required. Unique page id
+                type: page.pageUrlParts[0], // Required. Impression type (list, detail, view, edit, workflow, search)
                 uri: page.pageUrl,
             };
             if (page.objectId) {
@@ -4474,6 +5073,7 @@ class TelemetryService {
                     object: {
                         id: page.objectId,
                         type: objectType,
+                        // This will override above id if the data has object in it.
                         ...(data && data.object),
                     },
                 };
@@ -4499,10 +5099,12 @@ class TelemetryService {
             this.previousUrl = page.pageUrl;
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry impression', e);
         }
     }
     externalImpression(impressionData) {
+        // this.triggerNPSUpdate(impressionData)
         try {
             const page = this.getPageDetails();
             if (this.externalApps[impressionData.subApplicationName]) {
@@ -4528,9 +5130,11 @@ class TelemetryService {
             }
         }
         catch (e) {
+            // tslint:disable-next-line: no-console
             console.log('Error in telemetry externalImpression', e);
         }
     }
+    // for Plartform rating
     addCustomListenerForPlatformRating() {
         this.eventsSvc.getPREvents$
             .pipe(filter(event => event &&
@@ -4668,9 +5272,11 @@ class TelemetryService {
             event.data.eventSubType === WsEvents.EnumTelemetrySubType.Impression))
             .subscribe(event => {
             try {
+                // console.log('event.data::', event.data)
                 this.impression(event.data);
             }
             catch (e) {
+                // tslint:disable-next-line: no-console
                 console.log('Error in telemetry impression', e);
             }
         });
@@ -4772,14 +5378,20 @@ class TelemetryService {
                     $t.interact(event.data, externalConfig);
                 }
                 catch (e) {
+                    // tslint:disable-next-line: no-console
                     console.log('Error in telemetry interact', e);
                 }
             }
             else {
+                // let interactid
+                // if (event.data.edata.type === 'goal') {
+                //   interactid = page.pageUrlParts[4]
+                // }
                 try {
                     $t.interact({
                         type: event.data.edata.type,
                         subtype: event.data.edata.subType,
+                        // object: event.data.object,
                         id: (event.data.edata && event.data.edata.id) ?
                             event.data.edata.id
                             : '',
@@ -4799,6 +5411,7 @@ class TelemetryService {
                     });
                 }
                 catch (e) {
+                    // tslint:disable-next-line: no-console
                     console.log('Error in telemetry interact', e);
                 }
             }
@@ -4834,6 +5447,7 @@ class TelemetryService {
                 });
             }
             catch (e) {
+                // tslint:disable-next-line: no-console
                 console.log('Error in telemetry interact', e);
             }
         });
@@ -4858,6 +5472,7 @@ class TelemetryService {
                     $t.heartbeat(event.data, externalConfig);
                 }
                 catch (e) {
+                    // tslint:disable-next-line: no-console
                     console.log('Error in telemetry heartbeat', e);
                 }
             }
@@ -4865,7 +5480,10 @@ class TelemetryService {
                 try {
                     $t.heartbeat({
                         type: event.data.type,
+                        // subtype: event.data.eventSubType,
                         id: event.data.id,
+                        // mimeType: event.data.mimeType,
+                        // mode: event.data.mode,
                     }, {
                         context: {
                             pdata: {
@@ -4876,6 +5494,7 @@ class TelemetryService {
                     });
                 }
                 catch (e) {
+                    // tslint:disable-next-line: no-console
                     console.log('Error in telemetry heartbeat', e);
                 }
             }
@@ -4903,6 +5522,7 @@ class TelemetryService {
                 });
             }
             catch (e) {
+                // tslint:disable-next-line: no-console
                 console.log('Error in telemetry search', e);
             }
         });
@@ -4924,34 +5544,37 @@ class TelemetryService {
         };
     }
     extractContentIdFromUrlParts(urlParts) {
+        // TODO: pick toc and viewer url from some configuration
         const tocIdx = urlParts.indexOf('toc');
         const viewerIdx = urlParts.indexOf('viewer');
         if (tocIdx === -1 && viewerIdx === -1) {
             return null;
         }
         if (tocIdx !== -1 && tocIdx < urlParts.length - 1) {
-            return urlParts[tocIdx + 1];
+            return urlParts[tocIdx + 1]; // e.g. url /app/toc/<content_id>
         }
         if (viewerIdx !== -1 && viewerIdx < urlParts.length - 2) {
-            return urlParts[viewerIdx + 2];
+            return urlParts[viewerIdx + 2]; // e.g. url /app/viewer/<content_type>/<content_id>
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TelemetryService, deps: [{ token: ConfigurationsService }, { token: EventService }, { token: 'environment' }, { token: LoggerService }, { token: i3$1.Router }, { token: NPSGridService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TelemetryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TelemetryService, deps: [{ token: ConfigurationsService }, { token: EventService }, { token: 'environment' }, { token: LoggerService }, { token: i3$1.Router }, { token: NPSGridService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TelemetryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TelemetryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TelemetryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: EventService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: ConfigurationsService }, { type: EventService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: LoggerService }, { type: i3$1.Router }, { type: NPSGridService }]; } });
+                }] }, { type: LoggerService }, { type: i3$1.Router }, { type: NPSGridService }] });
 
 class SubapplicationRespondService {
-    constructor(configSvc, contentSvc, activatedRoute, router, eventSvc, teleSvc) {
+    constructor(configSvc, contentSvc, 
+    // private keyCloakSvc: AuthKeycloakService,
+    activatedRoute, router, eventSvc, teleSvc) {
         this.configSvc = configSvc;
         this.contentSvc = contentSvc;
         this.activatedRoute = activatedRoute;
@@ -4978,6 +5601,7 @@ class SubapplicationRespondService {
                         this.configSvc.userProfile.userName.split(' ', 2)[1] : '';
                     const viewMode = this.activatedRoute.snapshot.queryParams.viewMode ?
                         this.activatedRoute.snapshot.queryParams.viewMode : '';
+                    // const token = this.keyCloakSvc.token
                     const response = {
                         subApplicationName: applicationName,
                         requestId: 'LOADED',
@@ -4996,6 +5620,7 @@ class SubapplicationRespondService {
                             user: {
                                 firstName,
                                 lastName,
+                                // token,
                                 userId: this.configSvc.userProfile.userId ? this.configSvc.userProfile.userId : '',
                                 roles: this.configSvc.userRoles ? Array.from(this.configSvc.userRoles) : [],
                             },
@@ -5020,6 +5645,7 @@ class SubapplicationRespondService {
                     this.configSvc.userProfile.userName.split(' ', 2)[1] : '';
                 const viewMode = this.activatedRoute.snapshot.queryParams.viewMode ?
                     this.activatedRoute.snapshot.queryParams.viewMode : '';
+                // const token = this.keyCloakSvc.token
                 const response = {
                     subApplicationName: applicationName,
                     requestId: 'LOADED',
@@ -5038,6 +5664,7 @@ class SubapplicationRespondService {
                         user: {
                             firstName,
                             lastName,
+                            // token,
                             userId: this.configSvc.userProfile.userId ? this.configSvc.userProfile.userId : '',
                             roles: this.configSvc.userRoles ? Array.from(this.configSvc.userRoles) : [],
                         },
@@ -5111,6 +5738,7 @@ class SubapplicationRespondService {
                 this.configSvc.userProfile.userName.split(' ', 2)[1] : '';
             const viewMode = this.activatedRoute.snapshot.queryParams.viewMode ?
                 this.activatedRoute.snapshot.queryParams.viewMode : '';
+            // const token = this.keyCloakSvc.token
             const response = {
                 subApplicationName: this.subAppname,
                 requestId: 'CONTEXT_CHANGE',
@@ -5129,6 +5757,7 @@ class SubapplicationRespondService {
                     user: {
                         firstName,
                         lastName,
+                        // token,
                         userId: this.configSvc.userProfile.userId ? this.configSvc.userProfile.userId : '',
                         roles: this.configSvc.userRoles ? Array.from(this.configSvc.userRoles) : [],
                     },
@@ -5138,20 +5767,21 @@ class SubapplicationRespondService {
             this.contentWindowinfo.postMessage(response, '*');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubapplicationRespondService, deps: [{ token: ConfigurationsService }, { token: WidgetContentService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: EventService }, { token: TelemetryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubapplicationRespondService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SubapplicationRespondService, deps: [{ token: ConfigurationsService }, { token: WidgetContentService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: EventService }, { token: TelemetryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SubapplicationRespondService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubapplicationRespondService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SubapplicationRespondService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: WidgetContentService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: EventService }, { type: TelemetryService }]; } });
+        }], ctorParameters: () => [{ type: ConfigurationsService }, { type: WidgetContentService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: EventService }, { type: TelemetryService }] });
 
 const endpoints = {
     userPref: '/apis/protected/v8/user/preference',
 };
 class UserPreferenceService {
+    // do changes in the backend and update the store
     constructor(http, configurationSvc) {
         this.http = http;
         this.configurationSvc = configurationSvc;
@@ -5224,15 +5854,15 @@ class UserPreferenceService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPreferenceService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPreferenceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserPreferenceService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserPreferenceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPreferenceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserPreferenceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: ConfigurationsService }] });
 
 class MultilingualTranslationsService {
     constructor(translate, http, configSvc) {
@@ -5240,9 +5870,11 @@ class MultilingualTranslationsService {
         this.http = http;
         this.configSvc = configSvc;
         this.selectedLang = '';
+        // website lang change
         this.languageSelected = new BehaviorSubject(true);
         this.languageSelectedObservable = this.languageSelected.asObservable();
         this.editProfileDetails = '/apis/proxies/v8/user/v1/extPatch';
+        //    this.getLanguage()
     }
     getLanguage() {
         if (this.configSvc.unMappedUser) {
@@ -5255,6 +5887,7 @@ class MultilingualTranslationsService {
             }
             else {
                 if (localStorage.getItem('websiteLanguage')) {
+                    // this.translate.setDefaultLang('en')
                     let lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
                     lang = lang.replace(/\"/g, '');
                     this.translate.use(lang);
@@ -5267,6 +5900,7 @@ class MultilingualTranslationsService {
         }
         else {
             if (localStorage.getItem('websiteLanguage')) {
+                // this.translate.setDefaultLang('en')
                 let lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
                 lang = lang.replace(/\"/g, '');
                 this.translate.use(lang);
@@ -5277,9 +5911,11 @@ class MultilingualTranslationsService {
         let nlabel = label;
         nlabel = nlabel && nlabel.replace(/\s/g, '');
         if (subtype) {
+            // tslint:disable-next-line: prefer-template
             const translationKey = type + '.' + nlabel + subtype;
             return this.translate.instant(translationKey);
         }
+        // tslint:disable-next-line: prefer-template
         const translationKeyn = type + '.' + nlabel;
         return this.translate.instant(translationKeyn);
     }
@@ -5295,9 +5931,11 @@ class MultilingualTranslationsService {
         nlabel = sl.join('');
         nlabel = nlabel.replace(/\s/g, '');
         if (subtype) {
+            // tslint:disable-next-line: prefer-template
             const translationKey = type + '.' + nlabel + subtype;
             return this.translate.instant(translationKey);
         }
+        // tslint:disable-next-line: prefer-template
         const translationKeyn = type + '.' + nlabel;
         return this.translate.instant(translationKeyn);
     }
@@ -5312,9 +5950,11 @@ class MultilingualTranslationsService {
         nlabel = sl.join('');
         nlabel = nlabel.replace(/\s/g, '');
         if (subtype) {
+            // tslint:disable-next-line: prefer-template
             const translationKey = type + '.' + nlabel + subtype;
             return this.translate.instant(translationKey);
         }
+        // tslint:disable-next-line: prefer-template
         const translationKeyn = type + '.' + nlabel;
         return this.translate.instant(translationKeyn);
     }
@@ -5339,21 +5979,20 @@ class MultilingualTranslationsService {
             this.editProfileDetailsAPI(reqUpdates).subscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultilingualTranslationsService, deps: [{ token: i5.TranslateService }, { token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultilingualTranslationsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MultilingualTranslationsService, deps: [{ token: i5.TranslateService }, { token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MultilingualTranslationsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultilingualTranslationsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MultilingualTranslationsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i5.TranslateService }, { type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
+        }], ctorParameters: () => [{ type: i5.TranslateService }, { type: i1$2.HttpClient }, { type: ConfigurationsService }] });
 
 const PROXIES_V8 = '/apis/proxies/v8';
 const API_END_POINTS = {
     ENROLL_CONTENT_DATA: `${PROXIES_V8}/learner/course/v4/user/enrollment/details`
 };
-console.log('fghjk');
 class WidgetEnrollService {
     constructor(http, configSvc) {
         this.http = http;
@@ -5389,15 +6028,15 @@ class WidgetEnrollService {
     fetchEnrollStats(userId) {
         return this.http.get(`apis/proxies/v8/learner/course/v4/user/enrollment/summary/${userId}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetEnrollService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetEnrollService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetEnrollService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetEnrollService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetEnrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetEnrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: ConfigurationsService }] });
 
 class DataTransferService {
     setEnrollData(data) {
@@ -5410,15 +6049,21 @@ class DataTransferService {
         this.enrollData = null;
     }
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTransferService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTransferService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DataTransferService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DataTransferService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTransferService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DataTransferService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
+
+// constants
+
+/**
+ * Generated bundle index. Do not edit.
+ */
 
-export { AuthKeycloakService, AuthMicrosoftService, ClassChangeOnScrollDirective, ClassChangeOnScrollModule, ConfigurationsService, DataTransferService, DefaultThumbnailDirective, DefaultThumbnailModule, EFeatures, EInstance, EventService, ExploreDetailResolve, HorizontalScrollerComponent, HorizontalScrollerModule, HorizontalScrollerV2Component, HorizontalScrollerV2Module, ImageCropComponent, ImageCropModule, ImageResponsiveDirective, ImageResponsiveModule, InViewPortDirective, InViewPortModule, LoggerService, LogoutComponent, LogoutModule, MarketingOfferingResolve, ModuleNameResolve, MultilingualTranslationsService, NPSGridService, NavigationDirective, NavigationModule, NsContent, OrderByPipe, PageNameResolve, PageResolve, PermissionDirective, PermissionModule, PipeCertificateImageURL, PipeCertificateImageURLModule, PipeConciseDateRangeModule, PipeConciseDateRangePipe, PipeCountTransformModule, PipeCountTransformPipe, PipeCourseNameModule, PipeCourseNamePipe, PipeDateConcatModule, PipeDateConcatPipe, PipeDurationTransformModule, PipeDurationTransformPipe, PipeEmailModule, PipeEmailPipe, PipeFilterModule, PipeFilterPipe, PipeFilterSearchModule, PipeFilterSearchPipe, PipeFilterV2Module, PipeFilterV2Pipe, PipeFilterV3Module, PipeFilterV3Pipe, PipeHtmlTagRemovalModule, PipeHtmlTagRemovalPipe, PipeLimitToModule, PipeLimitToPipe, PipeListFilterModule, PipeListFilterPipe, PipeNameTransformModule, PipeNameTransformPipe, PipeNicRelativeModule, PipeNicRelativePipe, PipeOrderByModule, PipeOrdinalModule, PipeOrdinalPipe, PipePartialContentModule, PipePartialContentPipe, PipePublicURL, PipePublicURLModule, PipeRelativeTimeModule, PipeRelativeTimePipe, PipeSafeSanitizerModule, PipeSafeSanitizerPipe, SubapplicationRespondService, TelemetryService, UserPreferenceService, UtilityService, ValueService, WidgetContentService, WidgetEnrollService, WsEvents, getStringifiedQueryParams };
+export { AuthKeycloakService, AuthMicrosoftService, ClassChangeOnScrollDirective, ClassChangeOnScrollModule, ConfigurationsService, DataTransferService, DefaultThumbnailDirective, DefaultThumbnailModule, DomainConfService, EFeatures, EInstance, EventService, ExploreDetailResolve, HorizontalScrollerComponent, HorizontalScrollerModule, HorizontalScrollerV2Component, HorizontalScrollerV2Module, ImageCropComponent, ImageCropModule, ImageResponsiveDirective, ImageResponsiveModule, InViewPortDirective, InViewPortModule, LoggerService, LogoutComponent, LogoutModule, MarketingOfferingResolve, ModuleNameResolve, MultilingualTranslationsService, NPSGridService, NavigationDirective, NavigationModule, NsContent, OrderByPipe, PageNameResolve, PageResolve, PermissionDirective, PermissionModule, PipeCertificateImageURL, PipeCertificateImageURLModule, PipeConciseDateRangeModule, PipeConciseDateRangePipe, PipeCountTransformModule, PipeCountTransformPipe, PipeCourseNameModule, PipeCourseNamePipe, PipeDateConcatModule, PipeDateConcatPipe, PipeDurationTransformModule, PipeDurationTransformPipe, PipeEmailModule, PipeEmailPipe, PipeFilterModule, PipeFilterPipe, PipeFilterSearchModule, PipeFilterSearchPipe, PipeFilterV2Module, PipeFilterV2Pipe, PipeFilterV3Module, PipeFilterV3Pipe, PipeHtmlTagRemovalModule, PipeHtmlTagRemovalPipe, PipeLimitToModule, PipeLimitToPipe, PipeListFilterModule, PipeListFilterPipe, PipeNameTransformModule, PipeNameTransformPipe, PipeNicRelativeModule, PipeNicRelativePipe, PipeOrderByModule, PipeOrdinalModule, PipeOrdinalPipe, PipePartialContentModule, PipePartialContentPipe, PipePublicURL, PipePublicURLModule, PipeRelativeTimeModule, PipeRelativeTimePipe, PipeSafeSanitizerModule, PipeSafeSanitizerPipe, SubapplicationRespondService, TelemetryService, UserPreferenceService, UtilityService, ValueService, WidgetContentService, WidgetEnrollService, WsEvents, getStringifiedQueryParams };
 //# sourceMappingURL=sunbird-cb-utils-v2.mjs.map