@sunbird-cb/utils 0.0.1-ang-17-20

package/fesm2022/sunbird-cb-utils.mjs

@@ -0,0 +1,4437 @@
+import * as i0 from '@angular/core';
+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, fromEvent, timer, of, forkJoin, Subject } from 'rxjs';
+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';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+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/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 { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i3$1 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import * as i1$3 from '@angular/common/http';
+import * as i2 from '@angular/cdk/platform';
+import moment from 'moment';
+import * as _ from 'lodash';
+import { orderBy } from 'lodash';
+import * as i1$4 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.eventBufferTimeInMinutes = null;
+        this.userGroups = null;
+        this.restrictedFeatures = null;
+        this.restrictedWidgets = null;
+        this.instanceConfig = null;
+        this.appsConfig = null;
+        this.rootOrg = null;
+        this.org = null;
+        this.activeOrg = '';
+        this.isProduction = false;
+        this.hasAcceptedTnc = false;
+        this.profileDetailsStatus = false;
+        this.userPreference = null;
+        this.userProfile = null;
+        this.userProfileV2 = null;
+        this.isAuthenticated = false;
+        this.isNewUser = false;
+        this.isActive = true;
+        // pinnedApps
+        this.pinnedApps = new BehaviorSubject(new Set());
+        // Notifier
+        this.prefChangeNotifier = new ReplaySubject(1);
+        this.tourGuideNotifier = new ReplaySubject();
+        this.authChangeNotifier = new ReplaySubject(1);
+        // Preference Related Values
+        this.activeThemeObject = null;
+        this.activeFontObject = null;
+        this.isDarkMode = false;
+        this.isIntranetAllowed = false;
+        this.isRTL = false;
+        this.activeLocale = null;
+        this.activeLocaleGroup = '';
+        this.completedActivity = null;
+        this.completedTour = false;
+        this.profileSettings = ['profilePicture', 'learningTime', 'learningPoints'];
+        this.primaryNavBar = {
+            color: 'primary',
+        };
+        this.pageNavBar = {
+            color: 'primary',
+        };
+        this.primaryNavBarConfig = null;
+        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
+        // }
+    }
+    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: "20.3.16", ngImport: i0, type: ConfigurationsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class ValueService {
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+        this.isXSmall$ = this.breakpointObserver
+            .observe([Breakpoints.XSmall])
+            .pipe(map((res) => res.matches));
+        this.isLtMedium$ = this.breakpointObserver
+            .observe([Breakpoints.XSmall, Breakpoints.Small])
+            .pipe(map((res) => res.matches));
+    }
+    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: "20.3.16", ngImport: i0, type: ValueService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
+
+class ImageCropComponent {
+    constructor(dialogRef, configSvc, snackBar, valueSvc, data) {
+        this.dialogRef = dialogRef;
+        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;
+        this.imageFileBase64 = '';
+        this.width = '';
+        this.height = '';
+        this.imageDimensions = '';
+        this.croppedHeight = '';
+        this.croppedWidth = '';
+        this.cropperReadyToStart = false;
+        this.fileName = '';
+        this.canvasRotation = 0;
+        this.transform = {};
+        this.resetValue = false;
+        this.isXSmall = false;
+        this.isThumbnail = true;
+        this.isRoundCrop = data.isRoundCrop;
+        if (data.imageFile) {
+            this.imageFile = data.imageFile;
+        }
+        if (data.imageFileName) {
+            this.fileName = data.imageFileName;
+        }
+        if (!data.isRoundCrop) {
+            if (data.height) {
+                this.opHeight = data.height;
+            }
+            if (data.width) {
+                this.opWidth = data.width;
+            }
+        }
+    }
+    ngOnInit() {
+        this.thumbnailSizeDetection();
+        this.valueSvc.isXSmall$.subscribe((isXSmall) => {
+            this.isXSmall = isXSmall;
+            if (this.isXSmall) {
+                this.dialogRef.updateSize('90%');
+            }
+            else {
+                this.dialogRef.updateSize('70%');
+            }
+        });
+    }
+    // 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; // 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;
+    }
+    openSnackBar(message) {
+        this.snackBar.open(message, 'X', {
+            duration: 2000,
+        });
+    }
+    continueToImageCrop() {
+        this.isNotOfRequiredSize = false;
+    }
+    // checks if the image is of the correct dimensions
+    thumbnailSizeDetection() {
+        const fr = new FileReader();
+        fr.readAsDataURL(this.imageFile);
+        fr.onload = () => {
+            const img = new Image();
+            img.src = fr.result;
+            img.onload = () => {
+                this.width = img.width;
+                this.height = img.height;
+                if (!this.isRoundCrop) {
+                    if ((this.height === this.opHeight) && (this.width === this.opWidth)) {
+                        this.openSnackBar('Image is of the required dimensions of the thumbnail, croping is not available!');
+                        return;
+                    }
+                    if ((this.height < this.opHeight) || (this.width < this.opWidth)) {
+                        this.isNotOfRequiredSize = true;
+                    }
+                }
+            };
+        };
+    }
+    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' });
+        return file;
+    }
+    flipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = {
+            ...this.transform,
+            flipH: flippedV,
+            flipV: flippedH,
+        };
+    }
+    rotateLeft() {
+        this.canvasRotation = this.canvasRotation - 1;
+        this.flipAfterRotate();
+    }
+    rotateRight() {
+        this.canvasRotation = this.canvasRotation + 1;
+        this.flipAfterRotate();
+    }
+    flipHorizontal() {
+        this.transform = {
+            ...this.transform,
+            flipH: !this.transform.flipH,
+        };
+    }
+    zoom(event) {
+        this.resetValue = false;
+        this.transform = {
+            ...this.transform,
+            scale: event.value,
+        };
+    }
+    // calls when apply button is clicked,and returns the cropped image
+    croppingImage() {
+        this.dialogRef.close(this.cropimageFile);
+    }
+    reset() {
+        this.resetValue = true;
+        this.canvasRotation = 0;
+        this.transform = {};
+    }
+    // closes the dialog box
+    close() {
+        this.dialogRef.close();
+    }
+    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: i1$2.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: "20.3.16", ngImport: i0, type: ImageCropComponent, decorators: [{
+            type: Component,
+            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_DIALOG_DATA]
+                }] }], propDecorators: { data: [{
+                type: Output
+            }] } });
+
+// @dynamic
+class ImageCropModule {
+    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,
+            MatButtonModule,
+            MatDialogModule,
+            MatToolbarModule,
+            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,
+            MatButtonModule,
+            MatDialogModule,
+            MatToolbarModule,
+            MatDialogModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatSliderModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageCropModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImageCropComponent],
+                    imports: [
+                        CommonModule,
+                        ImageCropperModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatToolbarModule,
+                        MatDialogModule,
+                        MatCardModule,
+                        MatTooltipModule,
+                        MatSliderModule,
+                    ],
+                    exports: [ImageCropComponent]
+                }]
+        }] });
+
+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";
+    EFeatures["GOAL_EDIT_EXISTING_GOAL"] = "goalEditExistingGoal";
+    EFeatures["GOAL_DELETE_EXISTING_GOAL"] = "goalDeleteExistingGoal";
+    EFeatures["GOAL_SHARE_GOAL_WITH_OTHERS"] = "goalShareGoalWithOthers";
+    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";
+    EFeatures["NAVIGATOR_SELECT_ANY_PILLAR"] = "navigatorSelectAnyPillar";
+    EFeatures["NAVIGATOR_PURSUE_ANY_OFFERING"] = "navigatorPursueAnyOffering";
+    EFeatures["NAVIGATOR_CREATE_GOAL_FROM_OFFERING"] = "navigatorCreateGoalFromOffering";
+    EFeatures["NAVIGATOR_VIEW_EXPLORE_PAGE"] = "navigatorViewExplorePage";
+    EFeatures["NAVIGATOR_SELECT_ANY_LEARNING_PATH"] = "navigatorSelectAnyLearningPath";
+    EFeatures["NAVIGATOR_CREATE_GOAL_FROM_LEARNING_PATH"] = "navigatorCreateGoalFromLearningPath";
+    EFeatures["NAVIGATOR_VIEW_SUGGESTIONS_PAGE"] = "navigatorViewSuggestionsPage";
+    EFeatures["NAVIGATOR_SELECT_SUGGESTED_TOPICS"] = "navigatorSelectSuggestedTopics";
+    EFeatures["NAVIGATOR_GET_SUGGESTIONS_OF_SELECTED_TOPICS"] = "navigatorGetSuggestionsOfSelectedTopics";
+    EFeatures["NAVIGATOR_CREATE_GOAL_FROM_SELECTED_LEARNING_PATHS"] = "navigatorCreateGoalFromSelectedLearningPaths";
+    EFeatures["NAVIGATOR_VIEW_INDUSTRIES_PAGE"] = "navigatorViewIndustriesPage";
+    EFeatures["NAVIGATOR_VIEW_CME_PAGE"] = "navigatorViewCmePage";
+    EFeatures["NAVIGATOR_SELECT_SUBDOMAIN"] = "navigatorSelectSubdomain";
+    EFeatures["NAVIGATOR_SELECT_PILLAR"] = "navigatorSelectPillar";
+    EFeatures["NAVIGATOR_SELECT_THEME"] = "navigatorSelectTheme";
+    EFeatures["NAVIGATOR_VIEW_CPG_PAGE"] = "navigatorViewCpgPage";
+    EFeatures["NAVIGATOR_VIEW_ENERGY_PAGE"] = "navigatorViewEnergyPage";
+    EFeatures["NAVIGATOR_VIEW_FINANCIAL_SERVICES_PAGE"] = "navigatorViewFinancialServicesPage";
+    EFeatures["NAVIGATOR_VIEW_HEALTH_CARE_PAGE"] = "navigatorViewHealthCarePage";
+    EFeatures["NAVIGATOR_VIEW_INSURANCE_PAGE"] = "navigatorViewInsurancePage";
+    EFeatures["NAVIGATOR_VIEW_LIFE_SCIENCES_PAGE"] = "navigatorViewLifeSciencesPage";
+    EFeatures["NAVIGATOR_VIEW_MFG_PAGE"] = "navigatorViewMfgPage";
+    EFeatures["NAVIGATOR_VIEW_RETAIL_PAGE"] = "navigatorViewRetailPage";
+    EFeatures["NAVIGATOR_VIEW_TRAVEL_AND_HOSPITALITY_PAGE"] = "navigatorViewTravelAndHospitalityPage";
+    EFeatures["NAVIGATOR_VIEW_UTILITIES_PAGE"] = "navigatorViewUtilitiesPage";
+    EFeatures["NAVIGATOR_VIEW_CME_ANALYTICS"] = "navigatorViewCmeAnalytics";
+    EFeatures["NAVIGATOR_VIEW_GPG_ANALYTICS"] = "navigatorViewGpgAnalytics";
+    EFeatures["NAVIGATOR_VIEW_ENERGY_ANALYTICS"] = "navigatorViewEnergyAnalytics";
+    EFeatures["NAVIGATOR_VIEW_FINANCIAL_SERVICES_ANALYTICS"] = "navigatorViewFinancialServicesAnalytics";
+    EFeatures["NAVIGATOR_VIEW_HEALTH_CARE_ANALYTICS"] = "navigatorViewHealthCareAnalytics";
+    EFeatures["NAVIGATOR_VIEW_INSURANCE_ANALYTICS"] = "navigatorViewInsuranceAnalytics";
+    EFeatures["NAVIGATOR_VIEW_LIFE_SCIENCES_ANALYTICS"] = "navigatorViewLifeSciencesAnalytics";
+    EFeatures["NAVIGATOR_VIEW_MFG_ANALYTICS"] = "navigatorViewMfgAnalytics";
+    EFeatures["NAVIGATOR_VIEW_RETAIL_ANALYTICS"] = "navigatorViewRetailAnalytics";
+    EFeatures["NAVIGATOR_VIEW_TRAVEL_AND_HOSPITALITY_ANALYTICS"] = "navigatorViewTravelAndHospitalityAnalytics";
+    EFeatures["NAVIGATOR_VIEW_UTILITIES_ANALYTICS"] = "navigatorViewUtilitiesAnalytics";
+    EFeatures["NAVIGATOR_VIEW_PILLARS_PAGE"] = "navigatorViewPillarsPage";
+    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";
+    EFeatures["CATALOG_VIEW_PROGRAMS_STRIP"] = "catalogViewProgramsStrip";
+    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";
+    EFeatures["MARKETING_PAGE_VIEW_EMPLOYEE_STRIP"] = "marketingPageViewEmployeeStrip";
+    EFeatures["MARKETING_PAGE_VIEW_EXPERIMENTAL_SHOWCASE_PAGE"] = "marketingPageViewExperimentalShowcasePage";
+    EFeatures["MARKETING_PAGE_VIEW_HUBS_PAGE"] = "marketingPageViewHubsPage";
+    EFeatures["MARKETING_PAGE_VIEW_CONNECTICUT_STRIP"] = "marketingPageViewConnecticutStrip";
+    EFeatures["MARKETING_PAGE_VIEW_INDIANA_STRIP"] = "marketingPageViewIndianaStrip";
+    EFeatures["MARKETING_PAGE_VIEW_RHODE_ISLAND_STRIP"] = "marketingPageViewRhodeIslandStrip";
+    EFeatures["MARKETING_PAGE_VIEW_CLIENT_STORIES_PAGE"] = "marketingPageViewClientStoriesPage";
+    EFeatures["MARKETING_PAGE_VIEW_AGILE_SCALE_AT_DIGITAL_STRIP"] = "marketingPageViewAgileScaleAtDigitalStrip";
+    EFeatures["MARKETING_PAGE_VIEW_AI_POWERED_CORE_STRIP"] = "marketingPageViewAiPoweredCoreStrip";
+    EFeatures["MARKETING_PAGE_VIEW_ALWAYS_ON_LEAVING_STRIP"] = "marketingPageViewAlwaysOnLeavingStrip";
+    EFeatures["MARKETING_PAGE_VIEW_SERVICES_PAGE"] = "marketingPageViewServicesPage";
+    EFeatures["MARKETING_PAGE_VIEW_SERVICES_PENTAGON"] = "marketingPageViewServicesPentagon";
+    EFeatures["MARKETING_PAGE_VIEW_OFFERINGS_LIST"] = "marketingPageViewOfferingsList";
+    EFeatures["MARKETING_PAGE_SELECT_ANY_OFFERING"] = "marketingPageSelectAnyOffering";
+    EFeatures["MARKETING_PAGE_SELECT_ANY_PILLAR_FROM_PENTAGON"] = "marketingPageSelectAnyPillarFromPentagon";
+    EFeatures["MARKETING_PAGE_VIEW_INDUSTRIES_PAGE"] = "marketingPageViewIndustriesPage";
+    EFeatures["MARKETING_PAGE_VIEW_INDUSTRIES_LIST"] = "marketingPageViewIndustriesList";
+    EFeatures["MARKETING_PAGE_SELECT_ANY_INDUSTRY"] = "marketingPageSelectAnyIndustry";
+    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";
+    EFeatures["INTERESTS_REMOVE_INTERESTS_FROM_MY_INTERESTS_SECTION"] = "interestsRemoveInterestsFromMyInterestsSection";
+    EFeatures["INTERESTS_VIEW_INTERESTS_SEARCH_FIELD"] = "interestsViewInterestsSearchField";
+    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";
+    EFeatures["FEEDBACK_WRITE_PLATFORM_FEEDBACK"] = "feedbackWritePlatformFeedback";
+    EFeatures["FEEDBACK_RESET_PLATFORM_FEEDBACK"] = "feedbackResetPlatformFeedback";
+    EFeatures["FEEDBACK_SUBMIT_PLATFORM_FEEDBACK"] = "feedbackSubmitPlatformFeedback";
+    EFeatures["FEEDBACK_VIEW_CONTENT_FEEDBACK_SECTION"] = "feedbackViewContentFeedbackSection";
+    EFeatures["FEEDBACK_STAR_RATING_FOR_CONTENT"] = "feedbackStarRatingForContent";
+    EFeatures["FEEDBACK_WRITE_CONTENT_FEEDBACK"] = "feedbackWriteContentFeedback";
+    EFeatures["FEEDBACK_RESET_CONTENT_FEEDBACK"] = "feedbackResetContentFeedback";
+    EFeatures["FEEDBACK_SUBMIT_CONTENT_FEEDBACK"] = "feedbackSubmitContentFeedback";
+    EFeatures["FEEDBACK_VIEW_ISSUE_REPORTING_SECTION"] = "feedbackViewIssueReportingSection";
+    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";
+    EFeatures["CONTACT_US_VIEW_TALK_TO_US_SECTION"] = "contactUsViewTalkToUsSection";
+    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";
+    EFeatures["FAQ_VIEW_COMPATIBILITY_FAQS"] = "faqViewCompatibilityFaqs";
+    EFeatures["FAQ_VIEW_INSTALLATION_FAQS"] = "faqViewInstallationFaqs";
+    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";
+    EFeatures["MOBILE_APPS_DOWNLOAD_APP_FROM_OUR_SERVER"] = "mobileAppsDownloadAppFromOurServer";
+    EFeatures["MOBILE_APPS_VIEW_QR_CODE_FOR_ANDROID_APP"] = "mobileAppsViewQrCodeForAndroidApp";
+    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";
+    EFeatures["SETTINGS_VIEW_THEME_SECTION"] = "settingsViewThemeSection";
+    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";
+    EFeatures["LOGIN_PAGE_LOGIN_FOR_NEW_RECRUITS"] = "loginPageLoginForNewRecruits";
+    EFeatures["LOGIN_PAGE_ABOUT_US"] = "loginPageAboutUs";
+    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";
+    EFeatures["TOC_PAGE_VIEW_COHORTS_SECTION"] = "tocPageViewCohortsSection";
+    EFeatures["TOC_PAGE_VIEW_DISCUSSION_FORUM_SECTION"] = "tocPageViewDiscussionForumSection";
+    EFeatures["TOC_PAGE_VIEW_COURSE_ANALYTICS_SECTION"] = "tocPageViewCourseAnalyticsSection";
+    EFeatures["TOC_PAGE_VIEW_WHATS_NEXT_SECTION"] = "tocPageViewWhatsNextSection";
+    EFeatures["TOC_PAGE_VIEW_PART_OF_SECTION"] = "tocPageViewPartOfSection";
+    EFeatures["TOC_PAGE_REGISTER_FOR_UPCOMING_TRAINING"] = "tocPageRegisterForUpcomingTraining";
+    EFeatures["TOC_PAGE_UNREGISTER_FROM_REGISTERED_TRAINING"] = "tocPageUnregisterFromRegisteredTraining";
+    EFeatures["TOC_PAGE_SHARE_INSTRUCTOR_LED_TRAININGS"] = "tocPageShareInstructorLedTrainings";
+    EFeatures["TOC_PAGE_VIEW_EDUCATORS_OF_TRAININGS"] = "tocPageViewEducatorsOfTrainings";
+    EFeatures["TOC_PAGE_NOMINATE_OTHERS_FOR_TRAININGS"] = "tocPageNominateOthersForTrainings";
+    EFeatures["TOC_PAGE_REQUEST_TRAINING"] = "tocPageRequestTraining";
+    EFeatures["TOC_PAGE_VIEW_ACTIVE_LEARNERS_SECTION"] = "tocPageViewActiveLearnersSection";
+    EFeatures["TOC_PAGE_VIEW_ALL_ACTIVE_LEARNERS"] = "tocPageViewAllActiveLearners";
+    EFeatures["TOC_PAGE_VIEW_CURRENTLY_ACTIVE_LEARNERS"] = "tocPageViewCurrentlyActiveLearners";
+    EFeatures["TOC_PAGE_VIEW_LEARNERS_SHARING_THE_SAME_GOALS"] = "tocPageViewLearnersSharingTheSameGoals";
+    EFeatures["TOC_PAGE_VIEW_EXPERTS_AND_TUTORS_SECTION"] = "tocPageViewExpertsAndTutorsSection";
+    EFeatures["TOC_PAGE_VIEW_ALL_EXPERTS_AND_TUTORS"] = "tocPageViewAllExpertsAndTutors";
+    EFeatures["TOC_PAGE_VIEW_AUTHORS_OF_COURSE"] = "tocPageViewAuthorsOfCourse";
+    EFeatures["TOC_PAGE_VIEW_EDUCATORS_OF_COURSE"] = "tocPageViewEducatorsOfCourse";
+    EFeatures["TOC_PAGE_VIEW_TOPPERS_OF_COURSE"] = "tocPageViewToppersOfCourse";
+    EFeatures["TOC_PAGE_MAIL_THE_PERSON"] = "tocPageMailThePerson";
+    EFeatures["TOC_PAGE_CALL_THE_PERSON"] = "tocPageCallThePerson";
+    EFeatures["TOC_PAGE_POST_VIEWS_IN_DISCUSSION_FORUM"] = "tocPagePostViewsInDiscussionForum";
+    EFeatures["TOC_PAGE_LEARN_THE_COURSE"] = "tocPageLearnTheCourse";
+    EFeatures["TOC_PAGE_LIKE_THE_COURSE"] = "tocPageLikeTheCourse";
+    EFeatures["TOC_PAGE_SHARE_THE_COURSE"] = "tocPageShareTheCourse";
+    EFeatures["TOC_PAGE_ADD_COURSE_TO_GOALS"] = "tocPageAddCourseToGoals";
+    EFeatures["TOC_PAGE_ADD_COURSE_TO_PLAYLIST"] = "tocPageAddCourseToPlaylist";
+    EFeatures["TOC_PAGE_ADD_COURSE_TO_WATCHLIST"] = "tocPageAddCourseToWatchlist";
+    EFeatures["TOC_PAGE_GIVE_COURSE_FEEDBACK"] = "tocPageGiveCourseFeedback";
+    EFeatures["TOC_PAGE_RESUME_THE_COURSE"] = "tocPageResumeTheCourse";
+    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";
+    EFeatures["NAVBAR_NAVIGATOR_ICON"] = "navbarNavigatorIcon";
+    EFeatures["NAVBAR_NOTIFICATION_ICON"] = "navbarNotificationIcon";
+    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";
+    EFeatures["HOME_PAGE_VIEW_FEATURED_APPS_STRIP"] = "homePageViewFeaturedAppsStrip";
+    EFeatures["HOME_PAGE_VIEW_RECENT_ADDITION_TO_PLAYLISTS_STRIP"] = "homePageViewRecentAdditionToPlaylistsStrip";
+    EFeatures["HOME_PAGE_VIEW_BASED_ON_YOUR_INTERESTS_STRIP"] = "homePageViewBasedOnYourInterestsStrip";
+    EFeatures["HOME_PAGE_VIEW_BASED_ON_WHAT_YOU_VIEWED_STRIP"] = "homePageViewBasedOnWhatYouViewedStrip";
+    EFeatures["HOME_PAGE_VIEW_LATEST_STRIP"] = "homePageViewLatestStrip";
+    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";
+    EFeatures["BLOGS_VIEW_MY_BLOGS"] = "blogsViewMyBlogs";
+    EFeatures["BLOGS_WRITE_NEW_BLOG"] = "blogsWriteNewBlog";
+    EFeatures["BLOGS_SAVE_BLOG_AS_DRAFT"] = "blogsSaveBlogAsDraft";
+    EFeatures["BLOGS_EDIT_MY_SAVED_BLOG"] = "blogsEditMySavedBlog";
+    EFeatures["BLOGS_PUBLISH_MY_BLOG"] = "blogsPublishMyBlog";
+    EFeatures["BLOGS_UPVOTE_FOR_BLOG"] = "blogsUpvoteForBlog";
+    EFeatures["BLOGS_DOWNVOTE_FOR_BLOG"] = "blogsDownvoteForBlog";
+    EFeatures["BLOGS_WRITE_RESPONSE_FOR_BLOG"] = "blogsWriteResponseForBlog";
+    EFeatures["BLOGS_DELETE_MY_BLOG"] = "blogsDeleteMyBlog";
+    EFeatures["BLOGS_EDIT_MY_RESPONSE"] = "blogsEditMyResponse";
+    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";
+    EFeatures["QUESTION_AND_ANSWER_VIEW_MY_TIMELINE"] = "questionAndAnswerViewMyTimeline";
+    EFeatures["QUESTION_AND_ANSWER_ASK_NEW_QUESTION"] = "questionAndAnswerAskNewQuestion";
+    EFeatures["QUESTION_AND_ANSWER_VIEW_SPECIFIC_QUESTION"] = "questionAndAnswerViewSpecificQuestion";
+    EFeatures["QUESTION_AND_ANSWER_UPVOTE_FOR_ANSWER"] = "questionAndAnswerUpvoteForAnswer";
+    EFeatures["QUESTION_AND_ANSWER_DOWNVOTE_FOR_ANSWER"] = "questionAndAnswerDownvoteForAnswer";
+    EFeatures["QUESTION_AND_ANSWER_LIKE_AN_ANSWER"] = "questionAndAnswerLikeAnAnswer";
+    EFeatures["QUESTION_AND_ANSWER_ADD_COMMENT_FOR_ANY_ANSWER"] = "questionAndAnswerAddCommentForAnyAnswer";
+    EFeatures["QUESTION_AND_ANSWER_ADD_ANSWER_FOR_ANY_QUESTION"] = "questionAndAnswerAddAnswerForAnyQuestion";
+    EFeatures["QUESTION_AND_ANSWER_SAVE_QUESTION_AS_DRAFT"] = "questionAndAnswerSaveQuestionAsDraft";
+    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";
+    EFeatures["LEARNING_HISTORY_VIEW_LEARNING_MODULES_SECTION"] = "learningHistoryViewLearningModulesSection";
+    EFeatures["LEARNING_HISTORY_VIEW_RESOURCES_SECTION"] = "learningHistoryViewResourcesSection";
+    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";
+    EFeatures["LEARNING_TIME_APPLY_DATE_RANGE_FILTER"] = "learningTimeApplyDateRangeFilter";
+    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";
+    EFeatures["CODE_CRACK_VIEW_TECHNOLOGY_PLAYGROUND"] = "codeCrackViewTechnologyPlayground";
+    EFeatures["CODE_CRACK_WATCH_PROGRAMMING_CHALLENGES_VIDEO"] = "codeCrackWatchProgrammingChallengesVideo";
+    EFeatures["CODE_CRACK_VIEW_ACCELERATE"] = "codeCrackViewAccelerate";
+    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";
+    EFeatures["INSTRUCTOR_LED_TRAINING_VIEW_TRAININGS_PLANNED_BY_YOUR_TEAM_SECTION"] = "instructorLedTrainingViewTrainingsPlannedByYourTeamSection";
+    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";
+    EFeatures["LEADERBOARD_VIEW_HALL_OF_FAME_SECTION"] = "leaderboardViewHallOfSection";
+    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";
+    EFeatures["PUZZLE_MANIA_VIEW_TECHNOLOGY_PLAYGROUND"] = "puzzleManiaViewTechnologyPlayground";
+    EFeatures["PUZZLE_MANIA_WATCH_PROGRAMMING_CHALLENGES_VIDEO"] = "puzzleManiaWatchProgrammingChallengesVideo";
+    EFeatures["PUZZLE_MANIA_VIEW_ACCELERATE"] = "puzzleManiaViewAccelerate";
+    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";
+    EFeatures["KNOWLEDGE_HUB_VIEW_INTERESTING_READS_SECTION"] = "knowledgeHubViewInterestingReadsSection";
+    EFeatures["KNOWLEDGE_HUB_VIEW_MARKETING_SECTION"] = "knowledgeHubViewMarketingSection";
+    EFeatures["KNOWLEDGE_HUB_VIEW_KSHOP_CLASSIC_SECTION"] = "knowledgeHubViewKshopClassicSection";
+    EFeatures["KNOWLEDGE_HUB_VIEW_TRENDING_TOOLS_SECTION"] = "knowledgeHubViewTrendingToolsSection";
+    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";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_PAGE"] = "channelsViewMohitJoshiPage";
+    EFeatures["CHANNELS_FOLLOW_RAVI_KUMAR"] = "channelsFollowRaviKumar";
+    EFeatures["CHANNELS_MAIL_TO_RAVI_KUMAR"] = "channelsMailToRaviKumar";
+    EFeatures["CHANNELS_VIEW_ABOUT_RAVI_KUMAR_SECTION"] = "channelsViewAboutRaviKumarSection";
+    EFeatures["CHANNELS_VIEW_RAVI_KUMAR_TWEETS_SECTION"] = "channelsViewRaviKumarTweetsSection";
+    EFeatures["CHANNELS_VIEW_RAVI_KUMAR_ARTICLES_SECTION"] = "channelsViewRaviKumarArticlesSection";
+    EFeatures["CHANNELS_VIEW_RAVI_KUMAR_TRAILBLAZERS_SECTION"] = "channelsViewRaviKumarTrailblazersSection";
+    EFeatures["CHANNELS_VIEW_RAVI_KUMAR_COMMUNICATIONS_SECTION"] = "channelsViewRaviKumarCommunicationsSection";
+    EFeatures["CHANNELS_VIEW_RAVI_KUMAR_DISCUSSION_SECTION"] = "channelsViewraviKumarDiscussionSection";
+    EFeatures["CHANNELS_LIKE_TWEET_RAVI_KUMAR"] = "channelsLikeTweetRaviKumar";
+    EFeatures["CHANNELS_SHARE_TWEET_RAVI_KUMAR"] = "channelsShareTweetRaviKumar";
+    EFeatures["CHANNELS_POST_YOUR_THOUGHTS_IN_DISCUSSION_RAVI_KUMAR"] = "channelsPostYourThoughtsInDiscussionRaviKumar";
+    EFeatures["CHANNELS_FOLLOW_MOHIT_JOSHI"] = "channelsFollowMohitJoshi";
+    EFeatures["CHANNELS_MAIL_TO_MOHIT_JOSHI"] = "channelsMailToMohitJoshi";
+    EFeatures["CHANNELS_VIEW_ABOUT_MOHIT_JOSHI_SECTION"] = "channelsViewAboutMohitJoshiSection";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_TWEETS_SECTION"] = "channelsViewMohitJoshiTweetsSection";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_ARTICLES_SECTION"] = "channelsViewMohitJoshiArticlesSection";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_TRAILBLAZERS_SECTION"] = "channelsViewMohitJoshiTrailblazersSection";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_COMMUNICATIONS_SECTION"] = "channelsViewMohitJoshiCommunicationsSection";
+    EFeatures["CHANNELS_VIEW_MOHIT_JOSHI_DISCUSSION_SECTION"] = "channelsViewMohitJoshiDiscussionSection";
+    EFeatures["CHANNELS_LIKE_TWEET_MOHIT_JOSHI"] = "channelsLikeTweetMohitJoshi";
+    EFeatures["CHANNELS_SHARE_TWEET_MOHIT_JOSHI"] = "channelsShareTweetMohitJoshi";
+    EFeatures["CHANNELS_POST_YOUR_THOUGHTS_IN_DISCUSSION_MOHIT_JOSHI"] = "channelsPostYourThoughtsInDiscussionMohitJoshi";
+    EFeatures["CHANNELS_VIEW_CORPORATE_SECTION"] = "channelsViewCorporateSection";
+    EFeatures["CHANNELS_VIEW_EXPERIENCE_WOW_PAGE"] = "channelsViewExperienceWowPage";
+    EFeatures["CHANNELS_VIEW_INFOSYS_KNOWLEDGE_INSTITUTE_PAGE"] = "channelsViewInfosysKnowledgeInstitutePage";
+    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_Wingspan_STATISTICS"] = "experienceWowPageCheckWingspanStatistics";
+    EFeatures["EXPERIENCE_WOW_PAGE_CHECK_INFY_ME_STATISTICS"] = "experienceWowPageCheckInfyMeStatistics";
+    EFeatures["EXPERIENCE_WOW_PAGE_PROVIDE_SUGGESTIONS"] = "experienceWowPageProvideSuggestions";
+    EFeatures["EXPERIENCE_WOW_PAGE_SEND_MAIL_FOR_BECOMING_COCREATOR"] = "experienceWowPageSendMailForBecomingCocreator";
+    // Infy Radio
+    EFeatures["INFY_RADIO"] = "infyRadio";
+    EFeatures["INFY_RADIO_VIEW_PODCASTS_STRIP"] = "infyRadioViewPodcastsStrip";
+    // Infy TV
+    EFeatures["INFY_TV"] = "infyTv";
+    EFeatures["INFY_TV_VIEW_JUST_FOR_YOU_SECTION"] = "infyTvViewJustForYouSection";
+    EFeatures["INFY_TV_VIEW_MUST_VIEW_STRIP"] = "infyTvViewMustViewStrip";
+    EFeatures["INFY_TV_VIEW_LATEST_STRIP"] = "infyTvViewLatestStrip";
+    EFeatures["INFY_TV_VIEW_CHANNELS_SECTION"] = "infyTvViewChannelsSection";
+    EFeatures["INFY_TV_VIEW_CHANNELS_STRIP"] = "infyTvViewChannelsStrip";
+    EFeatures["INFY_TV_VIEW_BROADCAST_SECTION"] = "infyTvViewBroadcastSection";
+    EFeatures["INFY_TV_VIEW_PREVIOUS_EVENTS_LIST"] = "infyTvViewPreviousEventsList";
+    EFeatures["INFY_TV_VIEW_LIVE_EVENTS_LIST"] = "infyTvViewLiveEventsList";
+    EFeatures["INFY_TV_VIEW_UPCOMING_EVENTS_LIST"] = "infyTvViewUpcomingEventsList";
+    // 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";
+    EFeatures["MY_ANALYTICS_VIEW_MY_ASSESSMENT_SECTION"] = "myAnalyticsViewMyAssessmentSection";
+    EFeatures["MY_ANALYTICS_VIEW_MY_REFACTORING_SECTION"] = "myAnalyticsViewMyRefactoringSection";
+    EFeatures["MY_ANALYTICS_VIEW_MY_PLANS_SECTION"] = "myAnalyticsViewMyPlansSection";
+    EFeatures["MY_ANALYTICS_VIEW_MY_COLLABORATORS_SECTION"] = "myAnalyticsViewMyCollaboratorsSection";
+    EFeatures["MY_ANALYTICS_VIEW_MY_FEATURES_USAGE_SECTION"] = "myAnalyticsViewTopCoursesSection";
+    EFeatures["MY_ANALYTICS_VIEW_MY_LEARNING_MINUTES"] = "myAnalyticsViewMyLearningMinutes";
+    EFeatures["MY_ANALYTICS_VIEW_MY_LEARNING_POINTS"] = "myAnalyticsViewMyLearningPoints";
+    EFeatures["MY_ANALYTICS_VIEW_BADGES"] = "myAnalyticsViewBadges";
+    EFeatures["MY_ANALYTICS_VIEW_TIME_SPENT_BY_USER"] = "myAnalyticsViewTimeSpentByUser";
+    EFeatures["MY_ANALYTICS_VIEW_AVERAGE_MINUTES_ON_Wingspan"] = "myAnalyticsViewAverageMinutesOnWingspan";
+    EFeatures["MY_ANALYTICS_VIEW_AVERAGE_MINUTES_ACROSS_DIMENSIONS"] = "myAnalyticsViewAverageMinutesAcrossDimensions";
+    EFeatures["MY_ANALYTICS_VIEW_PERCENTAGE_TIME_SPENT_BY_USER"] = "myAnalyticsViewPercentageTimeSpentByUser";
+    EFeatures["MY_ANALYTICS_VIEW_PERCENTAGE_TIME_SPENT_BY_INFOSCIONS"] = "myAnalyticsViewPercentageTimeSpentByInfoscions";
+    EFeatures["MY_ANALYTICS_VIEW_PERCENTAGE_TIME_SPENT_BY_PEERS"] = "myAnalyticsViewPercentageTimeSpentByPeers";
+    EFeatures["MY_ANALYTICS_VIEW_TOTAL_ASSESSMENTS"] = "myAnalyticsViewTotalAssessments";
+    EFeatures["MY_ANALYTICS_VIEW_PENDING_ASSESSMENTS"] = "myAnalyticsViewPendingAssessments";
+    EFeatures["MY_ANALYTICS_VIEW_CERTIFICATIONS"] = "myAnalyticsViewCertifications";
+    EFeatures["MY_ANALYTICS_VIEW_ASSESSMENTS"] = "myAnalyticsViewAssessments";
+    EFeatures["MY_ANALYTICS_VIEW_RECENT_ASSESSMENTS"] = "myAnalyticsViewRecentAssessments";
+    EFeatures["MY_ANALYTICS_VIEW_ASSESSMENT_DETAILS"] = "myAnalyticsViewAssessmentDetails";
+    EFeatures["MY_ANALYTICS_VIEW_RECENT_ASSESSMENT"] = "myAnalyticsViewRecentAssessment";
+    EFeatures["MY_ANALYTICS_VIEW_MY_REFACTORING_PROGRAM"] = "myAnalyticsViewMyRefactoringProgram";
+    EFeatures["MY_ANALYTICS_VIEW_NAVIGATOR"] = "myAnalyticsViewNavigator";
+    EFeatures["MY_ANALYTICS_VIEW_AI_AND_AUTOMATION_PROGRESS"] = "myAnalyticsViewAiAndAutomationProcess";
+    EFeatures["MY_ANALYTICS_VIEW_MY_GOALS"] = "myAnalyticsViewMyGoals";
+    EFeatures["MY_ANALYTICS_VIEW_PLAYLIST"] = "myAnalyticsViewPlaylist";
+    EFeatures["MY_ANALYTICS_VIEW_GOALS_SHARED_WITH_USER"] = "myAnalyticsViewGoalsSharedWithUser";
+    EFeatures["MY_ANALYTICS_VIEW_DETAILED_COURSES_PROGRESS"] = "myAnalyticsViewDetailedCoursesProgress";
+    EFeatures["MY_ANALYTICS_VIEW_GOALS_SHARED_BY_USER"] = "myAnalyticsViewGoalsSharedByUser";
+    EFeatures["MY_ANALYTICS_VIEW_ARTIFACTS_SHARED_BY_USER"] = "myAnalyticsViewArtifactsSharedByUser";
+    EFeatures["MY_ANALYTICS_VIEW_EXPERTS_USER_CONTACTED"] = "myAnalyticsViewExpertsUserContacted";
+    EFeatures["MY_ANALYTICS_VIEW_DETAILED_GOALS_SHARING"] = "myAnalyticsViewDetailedGoalsSharing";
+    EFeatures["MY_ANALYTICS_VIEW_PLAYGROUNDS"] = "myAnalyticsViewPlaygrounds";
+    EFeatures["MY_ANALYTICS_VIEW_LIKES"] = "myAnalyticsViewLikes";
+    EFeatures["MY_ANALYTICS_VIEW_SEARCH"] = "myAnalyticsViewSearch";
+    EFeatures["MY_ANALYTICS_VIEW_INFY_TV"] = "myAnalyticsViewInfyTv";
+    EFeatures["MY_ANALYTICS_VIEW_INFY_RADIO"] = "myAnalyticsViewInfyRadio";
+    EFeatures["MY_ANALYTICS_VIEW_INFY_LIVE"] = "myAnalyticsViewInfyLive";
+    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";
+    EFeatures["LEARNING_ANALYTICS_PU_FILTER"] = "learningAnalyticsPuFilter";
+    EFeatures["LEARNING_ANALYTICS_DU_FILTER"] = "learningAnalyticsDuFilter";
+    EFeatures["LEARNING_ANALYTICS_ACCOUNT_FILTER"] = "learningAnalyticsAccountFilter";
+    EFeatures["LEARNING_ANALYTICS_LOCATION_FILTER"] = "learningAnalyticsLocationFilter";
+    EFeatures["LEARNING_ANALYTICS_QUARTER_FILTER"] = "learningAnalyticsQuarterFilter";
+    EFeatures["LEARNING_ANALYTICS_COMPLETED_FILTER"] = "learningAnalyticsCompletedFilter";
+    EFeatures["LEARNING_ANALYTICS_ETA_FILTER"] = "learningAnalyticsEtaFilter";
+    EFeatures["LEARNING_ANALYTICS_UNIQUE_USERS_DATA"] = "learningAnalyticsUniqueUsersData";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_ONSITE_OFFSHORE"] = "learningAnalyticsUsersByOnsiteOffshore";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_DEVICE_TYPE"] = "learningAnalyticsUsersByDeviceType";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_UNIT"] = "learningAnalyticsUsersByUnit";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_TRACK"] = "learningAnalyticsUsersByTrack";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_PU_SALES"] = "learningAnalyticsUsersByPuSales";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_CU_TYPE"] = "learningAnalyticsUsersByCuType";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_SKILL"] = "learningAnalyticsUsersBySkill";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_TOPICS"] = "learningAnalyticsUsersByTopics";
+    EFeatures["LEARNING_ANALYTICS_USERS_BY_HORIZON"] = "learningAnalyticsUsersByHorizon";
+    EFeatures["LEARNING_ANALYTICS_USERS_GROWTH"] = "learningAnalyticsUsersGrowth";
+    EFeatures["LEARNING_ANALYTICS_USERS_DETAILS"] = "learningAnalyticsUsersDetails";
+    EFeatures["LEARNING_ANALYTICS_VIEW_ALL_TRAININGS_SECTION"] = "learningAnalyticsViewAllTrainingsSection";
+    EFeatures["LEARNING_ANALYTICS_TALENT_GRID_FILTER"] = "learningAnalyticstalentGridFilter";
+    EFeatures["LEARNING_ANALYTICS_STACK_FILTER"] = "learningAnalyticsStackFilter";
+    EFeatures["LEARNING_ANALYTICS_UNIQUE_PARTICIPANTS"] = "learningAnalyticsUniqueParticipants";
+    EFeatures["LEARNING_ANALYTICS_OVERALL_PARTICIPANTS"] = "learningAnalyticsOverallParticipants";
+    EFeatures["LEARNING_ANALYTICS_AVERAGE_DAYS"] = "learningAnalyticsAverageDays";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_ONSITE_ONSHORE"] = "learningAnalyticsParticipantsByOnsiteOnshore";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_UNIT"] = "learningAnalyticsParticipantsByUnit";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_PU"] = "learningAnalyticsParticipantsByPu";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_SKILL_TYPE"] = "learningAnalyticsParticipantsBySkillType";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_SKILL"] = "learningAnalyticsParticipantsBySkill";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_STACKS"] = "learningAnalyticsParticipantsByStacks";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_NEW_SERVICES"] = "learningAnalyticsParticipantsByNewServices";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_LEARNING_TRACK"] = "learningAnalyticsParticipantsByLearningTrack";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_OFFERING_MODE"] = "learningAnalyticsParticipantsByOfferingMode";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_TOPICS"] = "learningAnalyticsParticipantsByTopics";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_BY_ABCD"] = "learningAnalyticsParticipantsByAbcd";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS_DETAILS"] = "learningAnalyticsParticipantsDetails";
+    EFeatures["LEARNING_ANALYTICS_SCHEDULES_SECTION"] = "learningAnalyticsSchedulesSection";
+    EFeatures["LEARNING_ANALYTICS_SCHEDULE_DATE_FILTER"] = "learningAnalyticsScheduleDateFilter";
+    EFeatures["LEARNING_ANALYTICS_PARTICIPANTS"] = "learningAnalyticsParticipants";
+    EFeatures["LEARNING_ANALYTICS_EDUCATORS"] = "learningAnalyticsEducators";
+    EFeatures["LEARNING_ANALYTICS_COURSES"] = "learningAnalyticsCourses";
+    EFeatures["LEARNING_ANALYTICS_SCHEDULES"] = "learningAnalyticsSchedules";
+    EFeatures["LEARNING_ANALYTICS_VIEW_TRAINING_SCHEDULES_SECTION"] = "learningAnalyticsTrainingSchedulesSection";
+    EFeatures["LEARNING_ANALYTICS_COURSES_BY_OFFERING_MODE"] = "learningAnalyticsCoursesByOfferingMode";
+    EFeatures["LEARNING_ANALYTICS_COURSES_BY_TRACK"] = "learningAnalyticsCoursesByTrack";
+    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";
+    EFeatures["COURSE_CARD_ADD_COURSE_TO_GOALS_BUTTON"] = "courseCardAddCourseToGoalsButton";
+    EFeatures["COURSE_CARD_ADD_COURSE_TO_PLAYLIST_BUTTON"] = "courseCardAddCourseToPlaylistButton";
+    EFeatures["COURSE_CARD_VIEW_MORE_OPTIONS_BUTTON"] = "courseCardViewMoreOptionsButton";
+    EFeatures["COURSE_CARD_START_COURSE_OPTION"] = "courseCardStartCourseOption";
+    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";
+    EFeatures["SEARCH_RESULTS_PAGE_VIEW_KNOWLEDGE_SECTION"] = "searchResultsPageViewKnowledgeSection";
+    EFeatures["SEARCH_RESULTS_PAGE_VIEW_PROJECTS_SECTION"] = "searchResultsPageViewProjectsSection";
+    EFeatures["SEARCH_RESULTS_PAGE_VIEW_SOCIAL_SECTION"] = "searchResultsPageViewSocialSection";
+    EFeatures["SEARCH_RESULTS_PAGE_CATALOG_FILTER"] = "searchResultsPageCatalogFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_DURATION_FILTER"] = "searchResultsPageDurationFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_CONTENT_TYPE_FILTER"] = "searchResultsPageContentTypeFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_LEVEL_FILTER"] = "searchResultsPageLevelFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_SOURCE_FILTER"] = "searchResultsPageSourceFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_UNIT_FILTER"] = "searchResultsPageUnitFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_TYPE_FILTER"] = "searchResultsPageTypeFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_PUBLISHED_DATE_FILTER"] = "searchResultsPagePublishedDateFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_CATEGORY_FILTER"] = "searchResultsPageCategoryFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_ITEM_TYPE_FILTER"] = "searchResultsPageItemTypeFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_TOPICS_FILTER"] = "searchResultsPageTopicsFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_AUTHORS_FILTER"] = "searchResultsPageAuthorsFilter";
+    EFeatures["SEARCH_RESULTS_PAGE_TAGS_FILTER"] = "searchResultsPageTagsFilter";
+    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";
+    EFeatures["LAB_42_VIRTUAL_CLASSROOM"] = "virtualClassroom";
+    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 = {}));
+
+var EInstance;
+(function (EInstance) {
+    EInstance["INSTANCE"] = "RootOrg";
+})(EInstance || (EInstance = {}));
+
+var ScrollingStateEnum;
+(function (ScrollingStateEnum) {
+    ScrollingStateEnum[ScrollingStateEnum["ScrollingUp"] = 0] = "ScrollingUp";
+    ScrollingStateEnum[ScrollingStateEnum["ScrollingDown"] = 1] = "ScrollingDown";
+    ScrollingStateEnum[ScrollingStateEnum["NoScrolling"] = 2] = "NoScrolling";
+})(ScrollingStateEnum || (ScrollingStateEnum = {}));
+class ClassChangeOnScrollDirective {
+    get isScrollingDown() {
+        return this.currState === ScrollingStateEnum.ScrollingDown;
+    }
+    get isScrollingUp() {
+        return this.currState === ScrollingStateEnum.ScrollingUp;
+    }
+    get isNotScrolling() {
+        return this.currState === ScrollingStateEnum.NoScrolling;
+    }
+    constructor() {
+        this.wsClassOnScrollDirChange = 5000;
+        this.hasScrolledDown = false;
+        this.windowScrollSubscription = null;
+        this.lastScreenTop = 0;
+        this.currState = ScrollingStateEnum.NoScrolling;
+    }
+    ngOnInit() {
+        this.windowScrollSubscription = fromEvent(window, 'scroll')
+            .pipe(debounceTime(50))
+            .subscribe(() => {
+            clearTimeout(this.timeoutTimer);
+            const curr = window.scrollY;
+            this.hasScrolledDown = curr > 56;
+            this.setScrollState(this.lastScreenTop, curr);
+            this.lastScreenTop = curr;
+        });
+    }
+    ngAfterViewInit() { }
+    ngOnDestroy() {
+        if (this.windowScrollSubscription) {
+            this.windowScrollSubscription.unsubscribe();
+        }
+    }
+    setScrollState(prev = 0, curr = 0) {
+        if (prev > curr) {
+            this.currState = ScrollingStateEnum.ScrollingUp;
+        }
+        else if (prev < curr) {
+            this.currState = ScrollingStateEnum.ScrollingDown;
+        }
+        else {
+            this.currState = ScrollingStateEnum.NoScrolling;
+        }
+        if (this.currState !== ScrollingStateEnum.NoScrolling) {
+            this.resetScrollingState();
+        }
+    }
+    resetScrollingState() {
+        this.timeoutTimer = setTimeout(() => {
+            this.setScrollState();
+        }, this.wsClassOnScrollDirChange || 5000);
+    }
+    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: "20.3.16", ngImport: i0, type: ClassChangeOnScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsClassChangeOnScroll]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [], propDecorators: { wsClassOnScrollDirChange: [{
+                type: Input
+            }], isScrollingDown: [{
+                type: HostBinding,
+                args: ['class.scrolling-down']
+            }], isScrollingUp: [{
+                type: HostBinding,
+                args: ['class.scrolling-up']
+            }], isNotScrolling: [{
+                type: HostBinding,
+                args: ['class.scrolling-no']
+            }], hasScrolledDown: [{
+                type: HostBinding,
+                args: ['class.scrolled-down']
+            }] } });
+
+class ClassChangeOnScrollModule {
+    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: "20.3.16", ngImport: i0, type: ClassChangeOnScrollModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ClassChangeOnScrollDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [ClassChangeOnScrollDirective],
+                }]
+        }] });
+
+class DefaultThumbnailDirective {
+    constructor() {
+        this.wsUtilsDefaultThumbnail = '';
+        this.src = '';
+        this.isSrcUpdateAttemptedForDefault = false;
+        this.srcUrl = '';
+    }
+    updateSrc() {
+        if (!this.isSrcUpdateAttemptedForDefault) {
+            this.srcUrl = this.wsUtilsDefaultThumbnail;
+            this.isSrcUpdateAttemptedForDefault = true;
+        }
+    }
+    ngOnChanges() {
+        if (this.src) {
+            this.srcUrl = this.src;
+        }
+    }
+    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: "20.3.16", ngImport: i0, type: DefaultThumbnailDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsDefaultThumbnail]',
+                    standalone: false
+                }]
+        }], propDecorators: { wsUtilsDefaultThumbnail: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], srcUrl: [{
+                type: HostBinding,
+                args: ['src']
+            }], updateSrc: [{
+                type: HostListener,
+                args: ['error']
+            }] } });
+
+class DefaultThumbnailModule {
+    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: "20.3.16", ngImport: i0, type: DefaultThumbnailModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DefaultThumbnailDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [DefaultThumbnailDirective],
+                }]
+        }] });
+
+const customBreakPoints = {
+    xs: '(max-width: 450px)',
+    s: '(min-width: 450.001px) and (max-width: 768px)',
+    m: '(min-width: 768.001px) and (max-width: 1024px)',
+    l: '(min-width: 1024.001px) and (max-width: 1400px)',
+    xl: '(min-width: 1400.001px) and (max-width: 1920px)',
+    xxl: '(min-width: 1920.001px)',
+};
+class ImageResponsiveDirective {
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+        this.src = null;
+        this.srcBindUrl = '';
+        this.currentSize = '';
+        this.breakpointSubscription = null;
+        this.breakpointSubscription = this.breakpointObserver
+            .observe([
+            customBreakPoints.xs,
+            customBreakPoints.s,
+            customBreakPoints.m,
+            customBreakPoints.l,
+            customBreakPoints.xl,
+            customBreakPoints.xxl,
+        ])
+            .pipe(distinctUntilChanged())
+            .subscribe(data => {
+            // //console.log('data >',  data)
+            if (data.breakpoints[customBreakPoints.xxl]) {
+                this.currentSize = 'xxl';
+            }
+            else if (data.breakpoints[customBreakPoints.xl]) {
+                this.currentSize = 'xl';
+            }
+            else if (data.breakpoints[customBreakPoints.l]) {
+                this.currentSize = 'l';
+            }
+            else if (data.breakpoints[customBreakPoints.m]) {
+                this.currentSize = 'm';
+            }
+            else if (data.breakpoints[customBreakPoints.s]) {
+                this.currentSize = 's';
+            }
+            else if (data.breakpoints[customBreakPoints.xs]) {
+                this.currentSize = 'xs';
+            }
+            else {
+                this.currentSize = 'xl';
+            }
+            this.setSrc();
+        });
+    }
+    ngOnChanges() {
+        if (this.src) {
+            this.setSrc();
+        }
+    }
+    ngOnDestroy() {
+        if (this.breakpointSubscription) {
+            this.breakpointSubscription.unsubscribe();
+        }
+    }
+    setSrc() {
+        if (this.currentSize &&
+            this.src &&
+            this.src[this.currentSize]) {
+            this.srcBindUrl = this.src[this.currentSize];
+        }
+    }
+    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: "20.3.16", ngImport: i0, type: ImageResponsiveDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsImageResponsive]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { src: [{
+                type: Input
+            }], srcBindUrl: [{
+                type: HostBinding,
+                args: ['src']
+            }] } });
+
+class ImageResponsiveModule {
+    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: "20.3.16", ngImport: i0, type: ImageResponsiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImageResponsiveDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [ImageResponsiveDirective],
+                }]
+        }] });
+
+class InViewPortDirective {
+    constructor(_el) {
+        this._el = _el;
+        this.inViewport = new EventEmitter();
+    }
+    ngOnInit() {
+        this.check();
+        this.scroll =
+            fromEvent(window, 'scroll').pipe(debounceTime(100)).subscribe(() => {
+                this.check();
+            });
+        this.resize =
+            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();
+        this.resize.unsubscribe();
+    }
+    check(partial = true, direction = 'both') {
+        const el = this._el.nativeElement;
+        const elSize = (el.offsetWidth * el.offsetHeight);
+        const rec = el.getBoundingClientRect();
+        const vp = {
+            width: window.innerWidth,
+            height: window.innerHeight,
+        };
+        const tViz = rec.top >= 0 && rec.top < vp.height;
+        const bViz = rec.bottom > 0 && rec.bottom <= vp.height;
+        const lViz = rec.left >= 0 && rec.left < vp.width;
+        const rViz = rec.right > 0 && rec.right <= vp.width;
+        const vVisible = partial ? tViz || bViz : tViz && bViz;
+        const hVisible = partial ? lViz || rViz : lViz && rViz;
+        let event = false;
+        if (direction === 'both') {
+            event = (elSize && vVisible && hVisible) ? true : false;
+        }
+        else if (direction === 'vertical') {
+            event = (elSize && vVisible) ? true : false;
+        }
+        else if (direction === 'horizontal') {
+            event = (elSize && hVisible) ? true : false;
+        }
+        this.inViewport.emit(event);
+    }
+    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: "20.3.16", ngImport: i0, type: InViewPortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsInViewPort]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inViewport: [{
+                type: Output
+            }] } });
+
+class InViewPortModule {
+    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: "20.3.16", ngImport: i0, type: InViewPortModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [InViewPortDirective],
+                    exports: [InViewPortDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                }]
+        }] });
+
+class NavigationDirective {
+    onMouseEnter($event) {
+        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
+            $event.preventDefault();
+            $event.stopPropagation();
+            this.routeUrl = './';
+            window.open(this.wsUtilsNavigation);
+        }
+    }
+    constructor() {
+        this.wsUtilsNavigation = '';
+        this.openInNewTab = false;
+        this.routeUrl = '';
+    }
+    ngOnChanges() {
+        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
+            this.routeUrl = './';
+        }
+    }
+    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: "20.3.16", ngImport: i0, type: NavigationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsNavigation]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [], propDecorators: { wsUtilsNavigation: [{
+                type: Input
+            }], openInNewTab: [{
+                type: Input
+            }], routeUrl: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.routerLink']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+
+class NavigationModule {
+    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: "20.3.16", ngImport: i0, type: NavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NavigationDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [NavigationDirective],
+                }]
+        }] });
+
+class PermissionDirective {
+    constructor() { }
+    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: "20.3.16", ngImport: i0, type: PermissionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsPermission]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [] });
+
+class PermissionModule {
+    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: "20.3.16", ngImport: i0, type: PermissionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PermissionDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PermissionDirective],
+                }]
+        }] });
+
+function getStringifiedQueryParams(obj) {
+    return Object.entries(obj)
+        .filter(u => u[1])
+        .map(u => {
+        return `${u[0]}=${u[1]}`;
+    })
+        .join('&');
+}
+
+class HorizontalScrollerComponent {
+    constructor() {
+        this.loadStatus = 'none';
+        this.onHover = false;
+        this.loadNext = new EventEmitter();
+        this.horizontalScrollElem = null;
+        this.enablePrev = false;
+        this.enableNext = false;
+        this.scrollObserver = null;
+    }
+    ngOnInit() {
+        if (this.horizontalScrollElem) {
+            const horizontalScrollElem = this.horizontalScrollElem;
+            this.scrollObserver = fromEvent(horizontalScrollElem.nativeElement, 'scroll')
+                .pipe(debounceTime(100), throttleTime(100))
+                .subscribe(_ => {
+                this.updateNavigationBtnStatus(horizontalScrollElem
+                    .nativeElement);
+            });
+        }
+    }
+    ngOnChanges() {
+        timer(100).subscribe(() => {
+            if (this.horizontalScrollElem) {
+                this.updateNavigationBtnStatus(this.horizontalScrollElem
+                    .nativeElement);
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.scrollObserver) {
+            this.scrollObserver.unsubscribe();
+        }
+    }
+    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,
+                    behavior: 'smooth',
+                });
+            }
+        }
+    }
+    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,
+                    behavior: 'smooth',
+                });
+            }
+        }
+    }
+    updateNavigationBtnStatus(elem) {
+        this.enablePrev = true;
+        this.enableNext = true;
+        if (elem.scrollLeft === 0) {
+            this.enablePrev = false;
+        }
+        if (elem.scrollWidth === elem.clientWidth + elem.scrollLeft) {
+            if (this.loadStatus === 'hasMore') {
+                this.loadNext.emit();
+            }
+            else {
+                this.enableNext = false;
+            }
+        }
+    }
+    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 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 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-x:auto;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.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: "20.3.16", ngImport: i0, type: HorizontalScrollerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ws-utils-horizontal-scroller', standalone: false, template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label 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 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-x:auto;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none}.horizontal-scroll-content::-webkit-scrollbar{width:0px;height:0px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { loadStatus: [{
+                type: Input
+            }], onHover: [{
+                type: Input
+            }], loadNext: [{
+                type: Output
+            }], horizontalScrollElem: [{
+                type: ViewChild,
+                args: ['horizontalScrollElem', { static: true }]
+            }] } });
+
+class HorizontalScrollerModule {
+    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,
+            MatProgressSpinnerModule], exports: [HorizontalScrollerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, imports: [CommonModule,
+            MatButtonModule,
+            MatIconModule,
+            MatProgressSpinnerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HorizontalScrollerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HorizontalScrollerComponent],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    exports: [HorizontalScrollerComponent],
+                }]
+        }] });
+
+// import { filter } from 'rxjs/operators'
+// import { AuthMicrosoftService } from './auth-microsoft.service'
+// import { ConfigurationsService } from './configurations.service'
+// interface IParsedToken {
+//   email?: string
+//   encEmail?: string
+//   name?: string
+//   preferred_username?: string
+// }
+const storage$1 = localStorage;
+const storageKey$1 = 'kc';
+class AuthKeycloakService {
+    constructor() {
+        this.loginChangeSubject = new ReplaySubject(1);
+        // this.loginChangeSubject.subscribe((isLoggedIn: boolean) => {
+        //   this.configSvc.isAuthenticated = isLoggedIn
+        //   if (
+        //     isLoggedIn &&
+        //     this.configSvc.instanceConfig &&
+        //     Boolean(this.configSvc.instanceConfig.disablePidCheck)
+        //   ) {
+        //     this.configSvc.userProfile = {
+        //       email: this.userEmail,
+        //       userName: this.userName,
+        //       userId: this.userId || '',
+        //     }
+        //   }
+        // })
+    }
+    // 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(): Promise<boolean> {
+    //   if (!this.configSvc.instanceConfig) {
+    //     return false
+    //   }
+    //   const instanceConfig = this.configSvc.instanceConfig
+    //   if (instanceConfig.microsoft.isConfigured) {
+    //     this.msAuthSvc.init({ microsoft: instanceConfig.microsoft })
+    //   }
+    //   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,
+    //     })
+    //   } catch (err) {
+    //     return false
+    //   }
+    // }
+    // login(
+    //   idpHint: 'E' | 'N' | 'S' = 'E',
+    //   redirectUrl: string = this.defaultRedirectUrl,
+    // ): Promise<void> {
+    //   return this.keycloakSvc.login({
+    //     idpHint,
+    //     redirectUri: redirectUrl,
+    //   })
+    // }
+    // register(
+    //   redirectUrl: string = this.defaultRedirectUrl,
+    // ): Promise<void> {
+    //   return this.keycloakSvc.register({
+    //     redirectUri: redirectUrl,
+    //   })
+    // }
+    /**
+     * @deprecated this will be depricated
+     */
+    async logout(_redirectUrl = this.defaultRedirectUrl) {
+        // window.location.href = `${_redirectUrl}apis/reset`
+        window.location.href = `${_redirectUrl}public/logout`;
+        // storage.removeItem(storageKey)
+        // await this.http.get('/apis/reset').toPromise()
+        // if (this.msAuthSvc.isLogoutRequired) {
+        //   this.keycloakSvc.logout(this.msAuthSvc.logoutUrl(redirectUrl))
+        // } else {
+        //   this.keycloakSvc.logout(redirectUrl)
+        // }
+    }
+    async force_logout() {
+        // const headers = new HttpHeaders({
+        //   'Cache-Control':  'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
+        //   Pragma: 'no-cache',
+        //   Expires: '0',
+        // })
+        if (storage$1.getItem('telemetrySessionId')) {
+            storage$1.removeItem('telemetrySessionId');
+        }
+        // try {
+        //   sessionStorage.clear()
+        //   localStorage.clear()
+        // } catch {
+        // }
+        storage$1.removeItem(storageKey$1);
+        if (localStorage.getItem('login') === 'true') {
+            try {
+                sessionStorage.clear();
+                localStorage.clear();
+            }
+            catch {
+            }
+            window.location.href = `${this.defaultRedirectUrl}apis/reset`;
+        }
+        else {
+            window.location.href = `${this.defaultRedirectUrl}public/logout`;
+        }
+        // window.location.href = '/public/logout'
+        // await this.http.get('/apis/reset', { headers }).toPromise()
+    }
+    // private 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
+    //     }
+    //   })
+    // }
+    // private 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;
+            return baseUrl || location.origin;
+        }
+        catch (error) {
+            return location.origin;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthKeycloakService, deps: [], 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: "20.3.16", ngImport: i0, type: AuthKeycloakService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+const RANDOM_ID_PER_USER = 0;
+class UtilityService {
+    constructor(http, platform, router, route) {
+        this.http = http;
+        this.platform = platform;
+        this.router = router;
+        this.route = route;
+        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);
+            }
+        });
+    }
+    getChildRouteData(snapshot, firstChild) {
+        if (firstChild) {
+            if (firstChild.data) {
+                // console.log('firstChild.data', firstChild.data)
+                this.currentRouteData.push(firstChild.data);
+            }
+            if (firstChild.firstChild) {
+                this.getChildRouteData(snapshot, firstChild.firstChild);
+            }
+        }
+    }
+    get randomId() {
+        return RANDOM_ID_PER_USER + 1;
+    }
+    getJson(url) {
+        return this.http.get(url);
+    }
+    getLeafNodes(node, nodes) {
+        if ((node.children || []).length === 0) {
+            nodes.push(node);
+        }
+        else {
+            if (node.children) {
+                node.children.forEach(child => {
+                    this.getLeafNodes(child, nodes);
+                });
+            }
+        }
+        return nodes;
+    }
+    getPath(node, id) {
+        const path = [];
+        this.hasPath(node, path, id);
+        return path;
+    }
+    hasPath(node, pathArr, id) {
+        if (node == null) {
+            return false;
+        }
+        pathArr.push(node);
+        if (node.identifier === id) {
+            return true;
+        }
+        const children = node.children || [];
+        if (children.some(u => this.hasPath(u, pathArr, id))) {
+            return true;
+        }
+        pathArr.pop();
+        return false;
+    }
+    get isMobile() {
+        if (this.isIos || this.isAndroid) {
+            return true;
+        }
+        return false;
+    }
+    get isIos() {
+        return this.platform.IOS;
+    }
+    get isAndroid() {
+        return this.platform.ANDROID;
+    }
+    get isAndroidApp() {
+        return Boolean(window.appRef);
+    }
+    get iOsAppRef() {
+        if (window.webkit &&
+            window.webkit.messageHandlers &&
+            window.webkit.messageHandlers.appRef) {
+            return window.webkit.messageHandlers.appRef;
+        }
+        return null;
+    }
+    setRouteData(data) {
+        this.currentRouteData = data;
+    }
+    get routeData() {
+        const data = {
+            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}`;
+            }
+            if (rd.module) {
+                data.module = rd.module;
+            }
+        });
+        return data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UtilityService, deps: [{ token: i1$3.HttpClient }, { token: i2.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: "20.3.16", ngImport: i0, type: UtilityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i2.Platform }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }] });
+
+class LogoutComponent {
+    constructor(dialogRef, authSvc, configSvc, utilitySvc) {
+        this.dialogRef = dialogRef;
+        this.authSvc = authSvc;
+        this.configSvc = configSvc;
+        this.utilitySvc = utilitySvc;
+        this.disabled = false;
+        this.isDownloadableIos = false;
+        this.isDownloadableAndroid = false;
+    }
+    ngOnInit() {
+        if (this.configSvc.restrictedFeatures) {
+            this.isDownloadableIos = !this.configSvc.restrictedFeatures.has('iosDownload');
+            this.isDownloadableAndroid = !this.configSvc.restrictedFeatures.has('androidDownload');
+        }
+    }
+    confirmed() {
+        this.disabled = true;
+        this.dialogRef.close();
+        this.authSvc.force_logout();
+        // this.router.navigate(['public', 'logout'])
+        // this.router.logout()
+    }
+    get isDownloadable() {
+        if (this.configSvc.instanceConfig && this.configSvc.instanceConfig.isContentDownloadAvailable &&
+            (this.utilitySvc.iOsAppRef || this.utilitySvc.isAndroidApp)) {
+            return true;
+        }
+        return false;
+    }
+    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 }], 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: "<div class=\"logout-outer\">\r\n  <h1 mat-dialog-title i18n>Logout Now</h1>\r\n  <div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n    Note: On logging out all the downloaded content will be deleted.\r\n  </div>\r\n  <div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n    Are you sure?\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      Yes\r\n    </button>\r\n    <button mat-button class=\"margin-right-xs\" [mat-dialog-close] cdkFocusInitial i18n>No</button>\r\n  </div>\r\n</div>", styles: [".hide-overflow{overflow:hidden}.logout-outer{padding:16px 0}\n"], dependencies: [{ kind: "directive", type: i1$2.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]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ws-utils-logout', standalone: false, template: "<div class=\"logout-outer\">\r\n  <h1 mat-dialog-title i18n>Logout Now</h1>\r\n  <div class=\"ws-mat-primary-text text-base pb-2 title-text\" *ngIf=\"isDownloadable\" i18n>\r\n    Note: On logging out all the downloaded content will be deleted.\r\n  </div>\r\n  <div mat-dialog-content class=\"text-base hide-overflow\" i18n>\r\n    Are you sure?\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      Yes\r\n    </button>\r\n    <button mat-button class=\"margin-right-xs\" [mat-dialog-close] cdkFocusInitial i18n>No</button>\r\n  </div>\r\n</div>", styles: [".hide-overflow{overflow:hidden}.logout-outer{padding:16px 0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: AuthKeycloakService }, { type: ConfigurationsService }, { type: UtilityService }] });
+
+class LogoutModule {
+    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] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, imports: [CommonModule,
+            MatButtonModule,
+            MatDialogModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LogoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LogoutComponent],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                    ]
+                }]
+        }] });
+
+class PipeConciseDateRangePipe {
+    transform(dateRange) {
+        try {
+            let conciseRange;
+            let prefix;
+            let suffix;
+            const fromDate = new Date(dateRange.fromDate);
+            const toDate = new Date(dateRange.toDate);
+            const fromDateObj = {
+                day: fromDate.getDate(),
+                month: fromDate.toLocaleString('default', { month: 'short' }),
+                year: fromDate.getFullYear(),
+                time: fromDate.getTime(),
+            };
+            const toDateObj = {
+                day: toDate.getDate(),
+                month: toDate.toLocaleString('default', { month: 'short' }),
+                year: toDate.getFullYear(),
+                time: toDate.getTime(),
+            };
+            if (fromDateObj.time === toDateObj.time) {
+                conciseRange = `${fromDateObj.day} ${fromDateObj.month} ${fromDateObj.year}`;
+                return conciseRange;
+            }
+            if (fromDateObj.year !== fromDateObj.year) {
+                prefix = `${fromDateObj.day} ${fromDateObj.month} ${fromDateObj.year}`;
+                suffix = `${toDateObj.day} ${toDateObj.month} ${toDateObj.year}`;
+                conciseRange = `${prefix} - ${suffix}`;
+                return conciseRange;
+            }
+            if (fromDateObj.month === toDateObj.month) {
+                prefix = `${fromDateObj.day}`;
+                suffix = `${toDateObj.day} ${toDateObj.month} ${toDateObj.year}`;
+            }
+            else {
+                prefix = `${fromDateObj.day} ${fromDateObj.month}`;
+                suffix = `${toDateObj.day} ${toDateObj.month} ${toDateObj.year}`;
+            }
+            conciseRange = `${prefix} - ${suffix}`;
+            return conciseRange;
+        }
+        catch (e) {
+            return `${dateRange.fromDate} - ${dateRange.toDate}`;
+        }
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeConciseDateRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeConciseDateRangePipe],
+                    imports: [CommonModule],
+                    exports: [PipeConciseDateRangePipe],
+                }]
+        }] });
+
+class PipeCountTransformPipe {
+    transform(value) {
+        const thousand = 1000;
+        const million = 1000000;
+        if (value > 0) {
+            if (value < thousand) {
+                return String(value);
+            }
+            if (value >= thousand && value < million) {
+                const views = (value / thousand).toFixed(1);
+                if (views.endsWith('0')) {
+                    return `${views.split('.')[0]}K`;
+                }
+                return `${views}K`;
+            }
+            {
+                const views = (value / million).toFixed(1);
+                if (views.endsWith('0')) {
+                    return `${views.split('.')[0]}M`;
+                }
+                return `${views}M`;
+            }
+        }
+        return '0';
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeCountTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeCountTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeCountTransformPipe],
+                }]
+        }] });
+
+class PipeDateConcatPipe {
+    constructor() {
+        this.months = [
+            'Jan',
+            'Feb',
+            'Mar',
+            'Apr',
+            'May',
+            'Jun',
+            'Jul',
+            'Aug',
+            'Sep',
+            'Oct',
+            'Nov',
+            'Dec',
+        ];
+    }
+    transform(value) {
+        let dateStr = `${value.day} ${this.months[value.month - 1]} ${value.year}`;
+        if (value.timeZone) {
+            dateStr += ` ${value.timeZone}`;
+        }
+        return dateStr;
+    }
+    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: "20.3.16", ngImport: i0, type: PipeDateConcatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeDateConcat',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [] });
+
+class PipeDateConcatModule {
+    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: "20.3.16", ngImport: i0, type: PipeDateConcatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeDateConcatPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeDateConcatPipe],
+                }]
+        }] });
+
+class PipeDurationTransformPipe {
+    transform(data, type) {
+        if (data <= 0) {
+            return '';
+        }
+        const h = Math.floor(data / 3600);
+        const m = Math.floor((data % 3600) / 60);
+        const s = Math.floor((data % 3600) % 60);
+        let duration = '';
+        let space = '';
+        switch (type) {
+            case 'time24':
+                return this.defaultDuration(h, m, s);
+            case 'hms':
+                if (h > 0) {
+                    duration += type === 'hms' ? `${h}h` : `${h} hr`;
+                }
+                if (m > 0) {
+                    if (h > 0) {
+                        space = ' ';
+                    }
+                    duration += type === 'hms' ? `${space}${m}m` : `${space}${m} min`;
+                }
+                if (s > 0 && h === 0) {
+                    if (m > 0) {
+                        space = ' ';
+                    }
+                    duration += type === 'hms' ? `${space}${s}s` : `${space}${s} sec`;
+                }
+                return duration;
+            case 'hour':
+                if (h === 0) {
+                    duration += 'less than an hour';
+                }
+                if (h === 1) {
+                    duration += `${h} hour`;
+                }
+                if (h > 1) {
+                    duration += `${h} hours`;
+                }
+                return duration;
+            default:
+                return this.defaultDuration(h, m, s);
+        }
+    }
+    defaultDuration(h, m, s) {
+        let duration = '';
+        duration += h > 0 ? `${h.toString().padStart(2)}:` : '';
+        duration += m > 0 ? `${m.toString().padStart(2)}:` : '00:';
+        duration += s > 0 ? s.toString().padStart(2) : '00';
+        return duration;
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeDurationTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeDurationTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeDurationTransformPipe],
+                }]
+        }] });
+
+class PipeHtmlTagRemovalPipe {
+    transform(htmlString) {
+        return htmlString ? String(htmlString).replace(/<[^>]+>/gm, '') : '';
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeHtmlTagRemovalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeHtmlTagRemovalPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeHtmlTagRemovalPipe],
+                }]
+        }] });
+
+class PipeFilterPipe {
+    transform(value, keys, term) {
+        if (!term) {
+            return value;
+        }
+        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: "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: "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: "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: "20.3.16", ngImport: i0, type: PipeFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeFilterPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeFilterPipe],
+                }]
+        }] });
+
+class PipeFilterSearchPipe {
+    transform(items, searchText, ...keys) {
+        if (!items) {
+            return [];
+        }
+        if (!searchText) {
+            return items;
+        }
+        const searchTextLowerCase = searchText.toLowerCase();
+        if (keys && keys.length) {
+            const result = items.filter(it => {
+                return it['personalDetails'][keys[0]].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];
+            }
+            return result;
+        }
+        return items.filter(it => {
+            return it.title.toLowerCase().includes(searchTextLowerCase);
+        });
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeFilterSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeFilterSearchPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeFilterSearchPipe],
+                }]
+        }] });
+
+class PipeListFilterPipe {
+    transform(value, keys, term) {
+        if (!term) {
+            return value;
+        }
+        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: "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: "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: "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: "20.3.16", ngImport: i0, type: PipeListFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeListFilterPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeListFilterPipe],
+                }]
+        }] });
+
+// const moment = _moment
+class PipeRelativeTimePipe {
+    transform(value) {
+        if (value) {
+            return moment((new Date(value))).fromNow();
+        }
+        return moment().startOf('hour').fromNow();
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeRelativeTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeRelativeTimePipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeRelativeTimePipe],
+                }]
+        }] });
+
+class OrderByPipe {
+    constructor() {
+        this.transform = 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: "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: "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: "20.3.16", ngImport: i0, type: PipeOrderByModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OrderByPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [OrderByPipe],
+                }]
+        }] });
+
+class PipeLimitToPipe {
+    transform(data, limit = 5) {
+        if (!data || !data.length) {
+            return null;
+        }
+        if (Array.isArray(data)) {
+            return data.slice(0, limit);
+        }
+        if (typeof data === 'string') {
+            const slicedString = data.substr(0, limit);
+            if (limit < data.length) {
+                return `${slicedString}...`;
+            }
+            return slicedString;
+        }
+        return null;
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeLimitToModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeLimitToPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeLimitToPipe],
+                }]
+        }] });
+
+class PipeNameTransformPipe {
+    transform(value) {
+        let result = '';
+        if (value.firstName) {
+            result += value.firstName;
+        }
+        if (value.lastName && value.lastName !== value.firstName) {
+            result += ` ${value.lastName}`;
+        }
+        if (result.trim() !== '') {
+            return result;
+        }
+        if (value.email) {
+            return value.email;
+        }
+        return 'Anonymous User';
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipeNameTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeNameTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeNameTransformPipe],
+                }]
+        }] });
+
+class PipePartialContentPipe {
+    transform(value, keys) {
+        const result = {};
+        for (const key of keys) {
+            if (value[key]) {
+                result[key] = value[key];
+            }
+        }
+        return result;
+    }
+    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: "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: "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: "20.3.16", ngImport: i0, type: PipePartialContentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipePartialContentPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipePartialContentPipe],
+                }]
+        }] });
+
+class PipeSafeSanitizerPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value, type = 'html') {
+        switch (type) {
+            case 'html':
+                return this.sanitizer.bypassSecurityTrustHtml(value);
+            case 'style':
+                return this.sanitizer.bypassSecurityTrustStyle(value);
+            case 'script':
+                return this.sanitizer.bypassSecurityTrustScript(value);
+            case 'url':
+                return this.sanitizer.bypassSecurityTrustUrl(value);
+            case 'resourceUrl':
+                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
+            default:
+                throw new Error(`Invalid safe type specified: ${type}`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PipeSafeSanitizerPipe, deps: [{ token: i1$4.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: "20.3.16", ngImport: i0, type: PipeSafeSanitizerPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeSafeSanitizer',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
+
+class PipeSafeSanitizerModule {
+    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: "20.3.16", ngImport: i0, type: PipeSafeSanitizerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeSafeSanitizerPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeSafeSanitizerPipe],
+                }]
+        }] });
+
+class ExploreDetailResolve {
+    constructor(http, configSvc, utilitySvc) {
+        this.http = http;
+        this.configSvc = configSvc;
+        this.utilitySvc = utilitySvc;
+        this.baseUrl = this.configSvc.sitePath;
+        this.isIntranetAllowedSettings = false;
+    }
+    resolve(route, _state) {
+        this.isIntranetAllowedSettings = this.configSvc.isIntranetAllowed;
+        const tag = decodeURIComponent(route.params.tags);
+        let url = '';
+        if (route.data.pageUrl) {
+            url = route.data.pageUrl;
+        }
+        if (route.data.pageType === 'page' && route.data.pageKey) {
+            url = `${this.baseUrl}/page/${route.data.pageKey}.json`;
+        }
+        return this.http.get(url).pipe(map(pageData => ({ data: this.transformPageData(pageData, tag), error: null })), catchError(err => of({ data: null, error: err })));
+    }
+    transformPageData(pageData, tag) {
+        const DELIMITER = '>';
+        const path = tag.split(DELIMITER);
+        pageData.pageLayout.widgetData.widgets = pageData.pageLayout.widgetData.widgets.map((widget) => {
+            if (pageData.navigationBar && pageData.navigationBar.links) {
+                pageData.navigationBar.links = pageData.navigationBar.links
+                    .filter((link) => link.widgetData.tags === tag);
+            }
+            if (widget.widgetSubType === 'cardBreadcrumb') {
+                widget.widgetData.path = [{
+                        text: pageData.navigationBar.pageTitle,
+                        clickUrl: pageData.navigationBar.pageBackLink,
+                    }].concat(path.map((edge, idx) => ({
+                    text: edge,
+                    clickUrl: `/page/explore/${path.slice(0, idx + 1).join(DELIMITER)}`,
+                })));
+            }
+            if (widget.widgetSubType === 'contentStripMultiple') {
+                widget.widgetData.strips = widget.widgetData.strips.map((strip) => {
+                    strip.request.searchV6.filters[0].andFilters.push({ catalogPaths: [tag] });
+                    if (this.utilitySvc.isMobile && !this.isIntranetAllowedSettings) {
+                        strip.request.searchV6.filters[0].andFilters.push({ isInIntranet: ['false'] });
+                    }
+                    return strip;
+                });
+                if (widget.widgetData.noDataWidget && widget.widgetData.noDataWidget.widgetData.strips) {
+                    widget.widgetData.noDataWidget.widgetData.strips = widget.widgetData.noDataWidget.widgetData.strips.map((strip) => {
+                        strip.request.searchV6.filters[0].andFilters.push({ catalogPaths: [tag] });
+                        if (this.utilitySvc.isMobile && !this.isIntranetAllowedSettings) {
+                            strip.request.searchV6.filters[0].andFilters.push({ isInIntranet: ['false'] });
+                        }
+                        return strip;
+                    });
+                }
+            }
+            return widget;
+        });
+        return pageData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExploreDetailResolve, deps: [{ token: i1$3.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: "20.3.16", ngImport: i0, type: ExploreDetailResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: ConfigurationsService }, { type: UtilityService }] });
+
+class MarketingOfferingResolve {
+    constructor(http) {
+        this.http = http;
+    }
+    resolve(route, _state) {
+        const tag = route.params.tag;
+        return this.http.get(route.data.pageUrl).pipe(map(pageData => ({ data: this.transformPageData(pageData, tag), error: null })), catchError(err => of({ data: null, error: err })));
+    }
+    transformPageData(pageData, tag) {
+        pageData.pageLayout.widgetData.widgets = pageData.pageLayout.widgetData.widgets.map((widget) => {
+            if (widget.widgetSubType === 'contentStripMultiple') {
+                widget.widgetData.strips = widget.widgetData.strips.map((strip) => {
+                    strip.request.search.filters.catalogPaths = [decodeURIComponent(tag)];
+                    return strip;
+                });
+            }
+            return widget;
+        });
+        return pageData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MarketingOfferingResolve, deps: [{ token: i1$3.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: "20.3.16", ngImport: i0, type: MarketingOfferingResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }] });
+
+const JSON_MAP = {
+    pagename: 'lexid',
+};
+
+class PageResolve {
+    constructor(configSvc, http, locale) {
+        this.configSvc = configSvc;
+        this.http = http;
+        this.locale = locale;
+        this.baseUrl = this.configSvc.sitePath;
+    }
+    resolve(route) {
+        if (route.data.pageUrl) {
+            return this.getData(route.data.pageUrl);
+        }
+        if (route.data.pageType === 'feature' && route.data.pageKey) {
+            return this.getData(`${this.baseUrl}/feature/${route.data.pageKey}`);
+        }
+        if (route.data.pageType === 'page' &&
+            route.data.pageKey &&
+            route.paramMap.has(route.data.pageKey)) {
+            return this.getData(`${this.baseUrl}/page/${route.paramMap.get(route.data.pageKey)}`);
+        }
+        if (route.data.pageType === 'page' &&
+            route.data.pageKey &&
+            route.data.pageKey === 'toc') {
+            return this.getData(`${this.baseUrl}/page/${route.data.pageKey}`);
+        }
+        return {
+            data: null,
+            error: 'CONFIGURATION_ERROR_PAGE_URL_NOT_FORMED',
+        };
+    }
+    setS3Cookie(contentId) {
+        return this.http.post(`/apis/protected/v8/content/setCookie`, { contentId }).pipe(catchError(_err => of(true)));
+    }
+    getContent(id) {
+        return this.http
+            .post(`/apis/protected/v8/content/${id}?hierarchyType=minimal`, ['status', 'artifactUrl']);
+    }
+    getData(url) {
+        const id = url.split('/').pop().split('.')[0] || '';
+        const equivalentId = id.startsWith('lex_auth_') ? id : JSON_MAP[id];
+        if (equivalentId) {
+            return forkJoin([this.setS3Cookie(equivalentId), this.getContent(equivalentId)]).pipe(mergeMap(([_, v]) => {
+                if (v.status === 'Expired' || v.status === 'Deleted' || !v.artifactUrl) {
+                    return of({ data: null, error: 'NoContent' });
+                }
+                return this.http
+                    .get(`${v.artifactUrl}?ts=${new Date().getTime()}`)
+                    .pipe(map(data => ({ data, error: null })), catchError(err => of({ data: null, error: err })));
+            }), catchError(err => of({ data: null, error: err })));
+        }
+        const pageRequest = [
+            (equivalentId ? this.setS3Cookie(equivalentId) : of(true)).pipe(mergeMap(() => this.http.get(`${url}.json`).pipe(map(data => ({ data, error: null })), catchError(err => of({ data: null, error: err }))))),
+            this.locale === 'en' || this.locale === 'en-US' ?
+                of({ data: undefined, error: null }) :
+                this.http.get(`${url}.${this.locale}.json`).pipe(map(data => ({ data, error: null })), catchError(err => of({ data: null, error: err }))),
+        ];
+        return forkJoin(pageRequest).pipe(map(([general, withLocale]) => {
+            if (withLocale.data) {
+                return withLocale;
+            }
+            return general;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageResolve, deps: [{ token: ConfigurationsService }, { token: i1$3.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: "20.3.16", ngImport: i0, type: PageResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: ConfigurationsService }, { type: i1$3.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }] });
+
+// tslint:disable:no-console
+class LoggerService {
+    constructor(configSvc) {
+        this.configSvc = configSvc;
+        this.consoleError = console.error;
+        this.consoleInfo = console.info;
+        this.consoleLog = console.log;
+        this.consoleWarn = console.warn;
+        this.noConsole = () => { };
+    }
+    get error() {
+        return this.consoleError;
+    }
+    get info() {
+        return this.configSvc.isProduction ? this.noConsole : this.consoleInfo;
+    }
+    get log() {
+        return this.configSvc.isProduction ? this.noConsole : this.consoleLog;
+    }
+    get warn() {
+        return this.configSvc.isProduction ? this.noConsole : this.consoleWarn;
+    }
+    removeConsoleAccess() {
+        if (this.configSvc.isProduction) {
+            return;
+        }
+        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: "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: "20.3.16", ngImport: i0, type: LoggerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: ConfigurationsService }] });
+
+// TODO: Use a url-search-polyfill if the site didnot work in IE 11
+const msTokenExpiryDuration = 600;
+const storageKey = 'msLoginRequested';
+const storage = localStorage;
+const API_ENDPOINTS = {
+    sharePointToken: '/apis/protected/v8/user/token',
+};
+class AuthMicrosoftService {
+    constructor(loggerSvc, http) {
+        this.loggerSvc = loggerSvc;
+        this.http = http;
+        this.msConfig = {
+            clientId: '',
+            tenant: '',
+            defaultEmailId: '',
+            validEmailExtensions: [],
+            isConfigured: false,
+        };
+        this.emailUsed = null;
+        this.code = null;
+        this.msToken = {
+            accessToken: '',
+            expiresOn: '',
+            resource: '',
+            tokenType: '',
+        };
+    }
+    get isLogoutRequired() {
+        return Boolean(this.msConfig.isConfigured && this.msConfig.clientId && this.emailUsed);
+    }
+    get loginUrl() {
+        if (this.msConfig.isConfigured && this.msConfig.clientId) {
+            const base = 'https://login.windows.net/common/oauth2/authorize';
+            const searchParam = new URLSearchParams({
+                response_type: 'code',
+                client_id: this.msConfig.clientId,
+                redirect_uri: window.location.href,
+            });
+            const fragment = location.search.substring(1);
+            if (fragment) {
+                return `${base}?${searchParam.toString()}#${fragment}`;
+            }
+            return `${base}?${searchParam.toString()}`;
+        }
+        return null;
+    }
+    logoutUrl(redirectUrl) {
+        if (this.isValidEmail(this.emailUsed || '')) {
+            return `https://login.microsoftonline.com/common/oauth2/logout?post_logout_redirect_uri=${redirectUrl}`;
+        }
+        return redirectUrl;
+    }
+    // Behavior Methods
+    async init(config) {
+        if (!config || !config.microsoft || !config.microsoft.isConfigured) {
+            this.loggerSvc.warn('Empty/No Configuration passed, ignoring Microsoft Authentication');
+        }
+        this.msConfig = config.microsoft;
+        const queryParams = new URLSearchParams(location.search);
+        if (queryParams.has('code') && queryParams.has('session_state')) {
+            this.code = queryParams.get('code');
+            if (!this.code) {
+                return;
+            }
+            let url = location.origin + location.pathname;
+            await this.exchangeTokenForCode(this.code, url);
+            if (location.hash) {
+                url += location.hash.substring(1);
+            }
+            history.replaceState(null, '', url);
+        }
+    }
+    async login(email) {
+        if (!this.isValidEmail(email)) {
+            this.loggerSvc.warn(`Microsoft Login is not allowed for your emailId (${email})`);
+            return;
+        }
+        const loginUrl = this.loginUrl;
+        if (loginUrl) {
+            location.assign(loginUrl);
+        }
+        else {
+            this.loggerSvc.warn('Unable to identify Office Login URL, Ignoring login request');
+        }
+    }
+    async getToken(email) {
+        if (this.msToken &&
+            this.isValid(this.msToken.accessToken, this.msToken.expiresOn) &&
+            this.msToken.accessToken) {
+            return this.msToken.accessToken;
+        }
+        if (this.isValidEmail(email)) {
+            try {
+                this.msToken = await this.getTokenForEmail(email);
+                if (this.msToken.accessToken) {
+                    this.emailUsed = email;
+                    return this.msToken.accessToken;
+                }
+            }
+            catch (error) {
+                if (!this.code) {
+                    this.login(email);
+                }
+            }
+        }
+        if (this.msConfig.defaultEmailId && this.isValidEmail(this.msConfig.defaultEmailId)) {
+            try {
+                this.msToken = await this.getTokenForEmail(this.msConfig.defaultEmailId);
+                if (this.msToken.accessToken) {
+                    this.emailUsed = this.msConfig.defaultEmailId;
+                    return this.msToken.accessToken;
+                }
+            }
+            catch (error) { }
+        }
+        throw new Error('UNABLE TO FETCH MS AUTH TOKEN');
+    }
+    loginForSSOEnabledEmbed(email) {
+        if (!this.isValidEmail(email)) {
+            this.loggerSvc.warn('SSO Login request Ignored. Invalid Email Id for SSO Enabled Content');
+        }
+        let msPrevTS = 0;
+        try {
+            msPrevTS = parseInt(storage.getItem(storageKey) || '0', 10);
+        }
+        catch (error) { }
+        if (!msPrevTS || (msPrevTS && (Date.now() - msPrevTS) / 1000 > msTokenExpiryDuration)) {
+            this.loggerSvc.info(`last login exceeded ${msTokenExpiryDuration} duration. Redirecting to O365 login`);
+            storage.setItem(storageKey, Date.now().toString());
+            this.login(email);
+        }
+    }
+    isValidEmail(email) {
+        return this.msConfig.validEmailExtensions.some(ext => email.endsWith(ext));
+    }
+    isValid(accessToken, expiresOn) {
+        if (accessToken && expiresOn) {
+            // TODO: Implement expiredOn and Date comparison based validity
+            return true;
+        }
+        return false;
+    }
+    async exchangeTokenForCode(code, redirectUrl) {
+        const response = await this.http
+            .get(`${API_ENDPOINTS}?code=${code}&redirectUrl=${redirectUrl}`)
+            .toPromise();
+        return this.getInstanceFromResponse(response);
+    }
+    async getTokenForEmail(email) {
+        const response = await this.http
+            .get(`${API_ENDPOINTS.sharePointToken}?email=${email}`)
+            .toPromise();
+        return this.getInstanceFromResponse(response);
+    }
+    getInstanceFromResponse(token) {
+        return {
+            accessToken: token.accessToken,
+            expiresOn: token.expiresOn,
+            resource: token.resource,
+            tokenType: token.tokenType,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthMicrosoftService, deps: [{ token: LoggerService }, { token: i1$3.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: "20.3.16", ngImport: i0, type: AuthMicrosoftService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: LoggerService }, { type: i1$3.HttpClient }] });
+
+var WsEvents;
+(function (WsEvents) {
+    let WsEventType;
+    (function (WsEventType) {
+        WsEventType["Action"] = "Action";
+        WsEventType["Telemetry"] = "Telemetry";
+        WsEventType["PageNavigation"] = "PageNavigation";
+        WsEventType["AccessRestrictedContentAccessed"] = "AccessRestrictedContentAccessed";
+        WsEventType["PageSlow"] = "PageSlow";
+        WsEventType["ErrorOccurred"] = "ErrorOccurred";
+        WsEventType["WidgetResolveError"] = "WidgetResolveError";
+    })(WsEventType = WsEvents.WsEventType || (WsEvents.WsEventType = {}));
+    let WsEventLogLevel;
+    (function (WsEventLogLevel) {
+        WsEventLogLevel["Warn"] = "Warn";
+        WsEventLogLevel["Error"] = "Error";
+        WsEventLogLevel["Info"] = "Info";
+        WsEventLogLevel["Log"] = "Log";
+        WsEventLogLevel["Trace"] = "Trace";
+    })(WsEventLogLevel = WsEvents.WsEventLogLevel || (WsEvents.WsEventLogLevel = {}));
+    let WsAuditTypes;
+    (function (WsAuditTypes) {
+        WsAuditTypes["Created"] = "Created";
+        WsAuditTypes["Updated"] = "Updated";
+        WsAuditTypes["Deleted"] = "Deleted";
+    })(WsAuditTypes = WsEvents.WsAuditTypes || (WsEvents.WsAuditTypes = {}));
+    let WsTimeSpentType;
+    (function (WsTimeSpentType) {
+        WsTimeSpentType["Page"] = "Page";
+        WsTimeSpentType["Player"] = "Player";
+    })(WsTimeSpentType = WsEvents.WsTimeSpentType || (WsEvents.WsTimeSpentType = {}));
+    let WsTimeSpentMode;
+    (function (WsTimeSpentMode) {
+        WsTimeSpentMode["Play"] = "Play";
+        WsTimeSpentMode["View"] = "View";
+    })(WsTimeSpentMode = WsEvents.WsTimeSpentMode || (WsEvents.WsTimeSpentMode = {}));
+    let externalTelemetrypdata;
+    (function (externalTelemetrypdata) {
+        externalTelemetrypdata["RBCP"] = "rbcp-web-ui";
+    })(externalTelemetrypdata = WsEvents.externalTelemetrypdata || (WsEvents.externalTelemetrypdata = {}));
+    let EnumTelemetrySubType;
+    (function (EnumTelemetrySubType) {
+        EnumTelemetrySubType["Init"] = "Init";
+        EnumTelemetrySubType["Interact"] = "Interact";
+        EnumTelemetrySubType["Loaded"] = "Loaded";
+        EnumTelemetrySubType["Unloaded"] = "Unloaded";
+        EnumTelemetrySubType["StateChange"] = "StateChange";
+        EnumTelemetrySubType["HeartBeat"] = "HeartBeat";
+        EnumTelemetrySubType["Search"] = "Search";
+        EnumTelemetrySubType["Feedback"] = "Feedback";
+        EnumTelemetrySubType["Impression"] = "Impression";
+    })(EnumTelemetrySubType = WsEvents.EnumTelemetrySubType || (WsEvents.EnumTelemetrySubType = {}));
+    // PDF Telemetry Event
+    let EnumTelemetryPdfActivity;
+    (function (EnumTelemetryPdfActivity) {
+        EnumTelemetryPdfActivity["PAGE_CHANGED"] = "PAGE_CHANGED";
+        EnumTelemetryPdfActivity["FULLSCREEN_ACTIVATED"] = "FULLSCREEN_ACTIVATED";
+        EnumTelemetryPdfActivity["FULLSCREEN_DEACTIVATED"] = "FULLSCREEN_DEACTIVATED";
+        EnumTelemetryPdfActivity["ZOOM_CHANGE"] = "ZOOM_CHANGE";
+        EnumTelemetryPdfActivity["NONE"] = "NONE";
+    })(EnumTelemetryPdfActivity = WsEvents.EnumTelemetryPdfActivity || (WsEvents.EnumTelemetryPdfActivity = {}));
+    // Multimedia Telemetry Data
+    let EnumTelemetryMediaActivity;
+    (function (EnumTelemetryMediaActivity) {
+        EnumTelemetryMediaActivity["PLAYED"] = "PLAYED";
+        EnumTelemetryMediaActivity["PAUSED"] = "PAUSED";
+        EnumTelemetryMediaActivity["SEEKED"] = "SEEKED";
+        EnumTelemetryMediaActivity["ENDED"] = "ENDED";
+        EnumTelemetryMediaActivity["VOLUME_CHANGE"] = "VOLUME_CHANGE";
+        EnumTelemetryMediaActivity["MUTE"] = "MUTE";
+        EnumTelemetryMediaActivity["UNMUTE"] = "UNMUTE";
+        EnumTelemetryMediaActivity["PLAYBACK_SPEED_CHANGE"] = "PLAYBACK_SPEED_CHANGE";
+        EnumTelemetryMediaActivity["FULLSCREEN_ACTIVATED"] = "FULLSCREEN_ACTIVATED";
+        EnumTelemetryMediaActivity["FULLSCREEN_DEACTIVATED"] = "FULLSCREEN_DEACTIVATED";
+        EnumTelemetryMediaActivity["PICTURE_IN_PICTURE_ACTIVATED"] = "PICTURE_IN_PICTURE_ACTIVATED";
+        EnumTelemetryMediaActivity["PICTURE_IN_PICTURE_DEACTIVATED"] = "PICTURE_IN_PICTURE_DEACTIVATED";
+        EnumTelemetryMediaActivity["NONE"] = "NONE";
+    })(EnumTelemetryMediaActivity = WsEvents.EnumTelemetryMediaActivity || (WsEvents.EnumTelemetryMediaActivity = {}));
+    let EnumTelemetryMediaState;
+    (function (EnumTelemetryMediaState) {
+        EnumTelemetryMediaState["PLAYING"] = "PLAYING";
+        EnumTelemetryMediaState["PAUSED"] = "PAUSED";
+        EnumTelemetryMediaState["ENDED"] = "ENDED";
+        EnumTelemetryMediaState["BUFFERING"] = "BUFFERING";
+        EnumTelemetryMediaState["NOT_STARTED"] = "NOT_STARTED";
+    })(EnumTelemetryMediaState = WsEvents.EnumTelemetryMediaState || (WsEvents.EnumTelemetryMediaState = {}));
+    let EnumTelemetrymodules;
+    (function (EnumTelemetrymodules) {
+        EnumTelemetrymodules["CONTENT"] = "content";
+        EnumTelemetrymodules["FEEDBACK"] = "feedback";
+        EnumTelemetrymodules["COURSE"] = "course";
+        EnumTelemetrymodules["PROGRAM"] = "program";
+        EnumTelemetrymodules["EXPLORE"] = "explore";
+        EnumTelemetrymodules["LEARN"] = "learn";
+        EnumTelemetrymodules["HOME"] = "home";
+        EnumTelemetrymodules["DASHBOARD"] = "dashboard";
+        EnumTelemetrymodules["SEARCH"] = "search";
+        EnumTelemetrymodules["DISCUSS"] = "discuss";
+        EnumTelemetrymodules["COMPETENCY"] = "competency";
+        EnumTelemetrymodules["EVENTS"] = "events";
+        EnumTelemetrymodules["CAREER"] = "career";
+        EnumTelemetrymodules["PROFILE"] = "profile";
+        EnumTelemetrymodules["NETWORK"] = "network";
+        EnumTelemetrymodules["SUPPORT"] = "support";
+    })(EnumTelemetrymodules = WsEvents.EnumTelemetrymodules || (WsEvents.EnumTelemetrymodules = {}));
+    let EnumInteractTypes;
+    (function (EnumInteractTypes) {
+        EnumInteractTypes["CLICK"] = "click";
+    })(EnumInteractTypes = WsEvents.EnumInteractTypes || (WsEvents.EnumInteractTypes = {}));
+    let EnumInteractSubTypes;
+    (function (EnumInteractSubTypes) {
+        EnumInteractSubTypes["COURSE_TAB"] = "course-tab";
+        EnumInteractSubTypes["CAREER_TAB"] = "career-tab";
+        EnumInteractSubTypes["NETWORK_TAB"] = "network-tab";
+        EnumInteractSubTypes["COMPETENCY_TAB"] = "competency-tab";
+        EnumInteractSubTypes["PROFILE_EDIT_TAB"] = "profile-edit-tab";
+        EnumInteractSubTypes["DISCUSS_TAB"] = "discuss-tab";
+        EnumInteractSubTypes["EVENTS_TAB"] = "events-tab";
+        EnumInteractSubTypes["SIDE_MENU"] = "side-menu";
+        EnumInteractSubTypes["HOME_PAGE_STRIP_TABS"] = "home-page-strip-tabs";
+    })(EnumInteractSubTypes = WsEvents.EnumInteractSubTypes || (WsEvents.EnumInteractSubTypes = {}));
+})(WsEvents || (WsEvents = {}));
+
+class EventService {
+    constructor(utilitySvc, environment) {
+        this.utilitySvc = utilitySvc;
+        this.todaysEvents = [];
+        this.eventsSubject = new Subject();
+        this.events$ = this.eventsSubject.asObservable();
+        this.eventsChatbotSubject = new Subject();
+        this.chatbotEvents$ = this.eventsChatbotSubject.asObservable();
+        this.eventsGetStartSubject = new Subject();
+        this.getStartEvents$ = this.eventsGetStartSubject.asObservable();
+        this.eventsPRSubject = new Subject();
+        this.getPREvents$ = this.eventsPRSubject.asObservable();
+        this.environment = environment;
+        // this.focusChangeEventListener()
+    }
+    dispatchEvent(event) {
+        event.pageContext = this.getContext(event.pageContext);
+        this.eventsSubject.next(event);
+    }
+    dispatchChatbotEvent(event) {
+        this.eventsChatbotSubject.next(event);
+    }
+    dispatchGetStartedEvent(event) {
+        this.eventsGetStartSubject.next(event);
+    }
+    dispatchPlatformRatingEvent(event) {
+        this.eventsPRSubject.next(event);
+    }
+    // helper functions
+    raiseInteractTelemetry(edata, object, pageContext) {
+        this.dispatchEvent({
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata,
+                object,
+                pageContext: this.getContext(pageContext),
+                eventSubType: WsEvents.EnumTelemetrySubType.Interact,
+            },
+            from: '',
+            to: 'Telemetry',
+        });
+    }
+    raiseFeedbackTelemetry(edata, object, from) {
+        this.dispatchEvent({
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                edata,
+                object,
+                eventSubType: WsEvents.EnumTelemetrySubType.Feedback,
+            },
+            from: from || '',
+            to: 'Telemetry',
+        });
+    }
+    // Raise custom impression events eg:on tab change
+    raiseCustomImpression(object, pageContext) {
+        this.dispatchEvent({
+            eventType: WsEvents.WsEventType.Telemetry,
+            eventLogLevel: WsEvents.WsEventLogLevel.Info,
+            data: {
+                object,
+                pageContext: this.getContext(pageContext),
+                eventSubType: WsEvents.EnumTelemetrySubType.Impression,
+            },
+            from: '',
+            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;
+            }
+        }
+        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,
+            },
+            ...object
+        }, {
+            pageIdExt: `${_.camelCase(data.label)}-tab`,
+        });
+    }
+    getPublicUrl(url) {
+        const mainUrl = url.split('/content').pop() || '';
+        return `${this.environment.contentHost}/${this.environment.contentBucket}/content${mainUrl}`;
+    }
+    allEventDateFormat(datetime) {
+        const date = new Date(datetime).getDate();
+        const year = new Date(datetime).getFullYear();
+        const month = new Date(datetime).getMonth();
+        const hours = new Date(datetime).getHours();
+        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) {
+            return true;
+        }
+        return false;
+    }
+    customDateFormat(date, time) {
+        const stime = time.split('+')[0];
+        const hour = stime.substr(0, 2);
+        const min = stime.substr(2, 3);
+        return `${date} ${hour}${min}`;
+    }
+    setEventListData(eventObj) {
+        if (eventObj !== undefined) {
+            this.todaysEvents = [];
+            const data = eventObj;
+            // console.log('strip comp', data)
+            Object.keys(data).forEach((index) => {
+                const obj = data[index];
+                const floor = Math.floor;
+                const hours = floor(obj.duration / 60);
+                const minutes = obj.duration % 60;
+                const duration = (hours === 0) ? ((minutes === 0) ? '---' : `${minutes} minutes`) : (minutes === 0) ? (hours === 1) ?
+                    `${hours} hour` : `${hours} hours` : (hours === 1) ? `${hours} hour ${minutes} minutes` :
+                    `${hours} hours ${minutes} minutes`;
+                const creatordata = obj.creatorDetails !== undefined ? obj.creatorDetails : [];
+                const str = creatordata && creatordata.length > 0 ? creatordata.replace(/\\/g, '') : [];
+                const creatorDetails = str && str.length > 0 ? JSON.parse(str) : creatordata;
+                const stime = obj.startTime.split('+')[0];
+                const hour = stime.substr(0, 2);
+                const min = stime.substr(2, 3);
+                const starttime = `${hour}${min}`;
+                const etime = obj.endTime.split('+')[0];
+                const ehour = etime.substr(0, 2);
+                const emin = etime.substr(2, 3);
+                const endtime = `${ehour}${emin}`;
+                const eventDataObj = {
+                    event: obj,
+                    eventName: obj.name,
+                    eventStartTime: starttime,
+                    eventEndTime: endtime,
+                    eventStartDate: obj.startDate,
+                    eventCreatedOn: this.allEventDateFormat(obj.createdOn),
+                    eventDuration: duration,
+                    eventjoined: creatorDetails.length,
+                    eventThumbnail: obj.appIcon && (obj.appIcon !== null || obj.appIcon !== undefined) ?
+                        this.getPublicUrl(obj.appIcon) :
+                        '/assets/icons/Events_default.png',
+                    pastevent: false,
+                };
+                const isToday = this.compareDate(obj.startDate);
+                if (isToday) {
+                    this.todaysEvents.push(eventDataObj);
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EventService, deps: [{ token: UtilityService }, { token: 'environment' }], 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: "20.3.16", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: UtilityService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }] });
+
+// TODO: move this in some common place
+const PROTECTED_SLAG_V8 = '/apis/protected/v8';
+const API_END_POINTS = {
+    CONTENT: `${PROTECTED_SLAG_V8}/content`,
+    AUTHORING_CONTENT: `/apis/authApi/hierarchy`,
+    CONTENT_LIKES: `${PROTECTED_SLAG_V8}/content/likeCount`,
+    SET_S3_COOKIE: `${PROTECTED_SLAG_V8}/content/setCookie`,
+    SET_S3_IMAGE_COOKIE: `${PROTECTED_SLAG_V8}/content/setImageCookie`,
+    FETCH_MANIFEST: `${PROTECTED_SLAG_V8}/content/getWebModuleManifest`,
+    FETCH_WEB_MODULE_FILES: `${PROTECTED_SLAG_V8}/content/getWebModuleFiles`,
+    MULTIPLE_CONTENT: `${PROTECTED_SLAG_V8}/content/multiple`,
+    CONTENT_SEARCH_V5: `${PROTECTED_SLAG_V8}/content/searchV5`,
+    CONTENT_SEARCH_V6: `${PROTECTED_SLAG_V8}/content/searchV6`,
+    CONTENT_SEARCH_REGION_RECOMMENDATION: `${PROTECTED_SLAG_V8}/content/searchRegionRecommendation`,
+    CONTENT_HISTORY: `${PROTECTED_SLAG_V8}/user/history`,
+    USER_CONTINUE_LEARNING: `${PROTECTED_SLAG_V8}/user/history/continue`,
+    CONTENT_RATING: `${PROTECTED_SLAG_V8}/user/rating`,
+    CONTENT_RATING_V2: `${PROTECTED_SLAG_V8}/user/rating/content/average-ratingInfo`,
+    COLLECTION_HIERARCHY: (type, id) => `${PROTECTED_SLAG_V8}/content/collection/${type}/${id}`,
+    REGISTRATION_STATUS: `${PROTECTED_SLAG_V8}/admin/userRegistration/checkUserRegistrationContent`,
+    MARK_AS_COMPLETE_META: (contentId) => `${PROTECTED_SLAG_V8}/user/progress/${contentId}`,
+};
+class WidgetContentService {
+    constructor(http, configSvc) {
+        this.http = http;
+        this.configSvc = configSvc;
+    }
+    fetchMarkAsCompleteMeta(identifier) {
+        const url = API_END_POINTS.MARK_AS_COMPLETE_META(identifier);
+        return this.http.get(url).toPromise();
+    }
+    fetchContent(contentId, hierarchyType = 'detail', additionalFields = []) {
+        const url = `${API_END_POINTS.CONTENT}/${contentId}?hierarchyType=${hierarchyType}`;
+        return this.http
+            .post(url, { additionalFields })
+            .pipe(retry(1));
+    }
+    fetchAuthoringContent(contentId) {
+        const url = `${API_END_POINTS.AUTHORING_CONTENT}/${contentId}`;
+        return this.http.get(url).pipe(retry(1));
+    }
+    fetchMultipleContent(ids) {
+        return this.http.get(`${API_END_POINTS.MULTIPLE_CONTENT}/${ids.join(',')}`);
+    }
+    fetchCollectionHierarchy(type, id, pageNumber = 0, pageSize = 1) {
+        return this.http.get(`${API_END_POINTS.COLLECTION_HIERARCHY(type, id)}?pageNumber=${pageNumber}&pageSize=${pageSize}`);
+    }
+    fetchContentLikes(contentIds) {
+        return this.http
+            .post(API_END_POINTS.CONTENT_LIKES, contentIds)
+            .toPromise();
+    }
+    fetchContentRatings(contentIds) {
+        return this.http
+            .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
+            .toPromise();
+    }
+    fetchContentRatingsV2(contentId) {
+        return this.http
+            .get(`${API_END_POINTS.CONTENT_RATING_V2}/${contentId}`);
+    }
+    fetchContentHistory(contentId) {
+        return this.http.get(`${API_END_POINTS.CONTENT_HISTORY}/${contentId}`);
+    }
+    async continueLearning(id, collectionId, collectionType) {
+        return new Promise(async (resolve) => {
+            if (collectionType &&
+                collectionType.toLowerCase() === 'playlist') {
+                const reqBody = {
+                    contextPathId: collectionId ? collectionId : id,
+                    resourceId: id,
+                    data: JSON.stringify({
+                        timestamp: Date.now(),
+                        contextFullPath: [collectionId, id],
+                    }),
+                    dateAccessed: Date.now(),
+                    contextType: 'playlist',
+                };
+                await this.saveContinueLearning(reqBody).toPromise().catch().finally(() => {
+                    resolve(true);
+                });
+            }
+            else {
+                const reqBody = {
+                    contextPathId: collectionId ? collectionId : id,
+                    resourceId: id,
+                    data: JSON.stringify({ timestamp: Date.now() }),
+                    dateAccessed: Date.now(),
+                };
+                await this.saveContinueLearning(reqBody).toPromise().catch().finally(() => {
+                    resolve(true);
+                });
+            }
+        });
+    }
+    saveContinueLearning(content) {
+        const url = API_END_POINTS.USER_CONTINUE_LEARNING;
+        return this.http.post(url, content);
+    }
+    setS3Cookie(contentId) {
+        return this.http
+            .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
+            .pipe(catchError(_err => of(true)));
+    }
+    setS3ImageCookie() {
+        return this.http.post(API_END_POINTS.SET_S3_IMAGE_COOKIE, {}).pipe(catchError(_err => of(true)));
+    }
+    fetchManifest(url) {
+        return this.http.post(API_END_POINTS.FETCH_MANIFEST, { url });
+    }
+    fetchWebModuleContent(url) {
+        return this.http.get(`${API_END_POINTS.FETCH_WEB_MODULE_FILES}?url=${encodeURIComponent(url)}`);
+    }
+    search(req) {
+        req.query = req.query || '';
+        return this.http.post(API_END_POINTS.CONTENT_SEARCH_V5, {
+            request: req,
+        });
+    }
+    searchRegionRecommendation(req) {
+        req.query = req.query || '';
+        req.preLabelValue =
+            (req.preLabelValue || '') +
+                ((this.configSvc.userProfile && this.configSvc.userProfile.country) || '');
+        req.filters = {
+            ...req.filters,
+            labels: [req.preLabelValue || ''],
+        };
+        return this.http.post(API_END_POINTS.CONTENT_SEARCH_REGION_RECOMMENDATION, { request: req });
+    }
+    searchV6(req) {
+        req.query = req.query || '';
+        return this.http.post(API_END_POINTS.CONTENT_SEARCH_V6, req);
+    }
+    fetchContentRating(contentId) {
+        return this.http.get(`${API_END_POINTS.CONTENT_RATING}/${contentId}`);
+    }
+    deleteContentRating(contentId) {
+        return this.http.delete(`${API_END_POINTS.CONTENT_RATING}/${contentId}`);
+    }
+    addContentRating(contentId, data) {
+        return this.http.post(`${API_END_POINTS.CONTENT_RATING}/${contentId}`, data);
+    }
+    getFirstChildInHierarchy(content) {
+        if (!(content.children || []).length) {
+            return content;
+        }
+        if (content.contentType === 'Learning Path' &&
+            !(content.artifactUrl && content.artifactUrl.length)) {
+            const child = content.children[0];
+            return this.getFirstChildInHierarchy(child);
+        }
+        if (content.contentType === 'Resource' ||
+            content.contentType === 'Knowledge Artifact' ||
+            content.contentType === 'Learning Path') {
+            return content;
+        }
+        const firstChild = content.children[0];
+        const resultContent = this.getFirstChildInHierarchy(firstChild);
+        return resultContent;
+    }
+    getRegistrationStatus(source) {
+        return this.http.get(`${API_END_POINTS.REGISTRATION_STATUS}/${source}`).toPromise();
+    }
+    fetchConfig(url) {
+        return this.http.get(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WidgetContentService, deps: [{ token: i1$3.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: "20.3.16", ngImport: i0, type: WidgetContentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: ConfigurationsService }] });
+
+class TelemetryService {
+    constructor(environment, configSvc, eventsSvc, 
+    // private authSvc: AuthKeycloakService,
+    logger) {
+        this.configSvc = configSvc;
+        this.eventsSvc = eventsSvc;
+        this.logger = logger;
+        this.previousUrl = null;
+        this.telemetryConfig = null;
+        this.pData = null;
+        this.contextCdata = [];
+        this.externalApps = {
+            RBCP: 'rbcp-web-ui',
+        };
+        this.environment = environment;
+        const instanceConfig = this.configSvc.instanceConfig;
+        if (instanceConfig) {
+            this.telemetryConfig = instanceConfig.telemetryConfig;
+            this.telemetryConfig = {
+                ...this.telemetryConfig,
+                pdata: {
+                    ...this.telemetryConfig.pdata,
+                    // pid: navigator.userAgent,
+                    id: `${environment.name}.${this.telemetryConfig.pdata.id}`,
+                },
+                uid: this.configSvc.userProfile && 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,
+            };
+            this.pData = this.telemetryConfig.pdata;
+            this.addPlayerListener();
+            this.addCustomEventListener();
+            this.addInteractListener();
+            this.addFeedbackListener();
+            this.addTimeSpentListener();
+            this.addSearchListener();
+            this.addHearbeatListener();
+            this.addCustomImpressionListener();
+        }
+    }
+    get getTelemetrySessionId() {
+        return localStorage.getItem('telemetrySessionId') || '';
+    }
+    get rootOrgId() {
+        if (this.configSvc && this.configSvc.userProfile && this.configSvc.userProfile.rootOrgId) {
+            return this.configSvc.userProfile.rootOrgId;
+        }
+        return '';
+    }
+    start(edata, data, pageContext) {
+        try {
+            if (this.telemetryConfig) {
+                $t.start(this.telemetryConfig, (pageContext && pageContext.pageId) ?
+                    pageContext.pageId
+                    : '', '1.0', {
+                    // id,
+                    type: edata.type,
+                    mode: edata.mode,
+                    pageid: (pageContext && pageContext.pageId) ?
+                        pageContext.pageId
+                        : '',
+                    duration: 1,
+                }, {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.pData.id,
+                        },
+                        ...(pageContext && pageContext.module ? { env: pageContext.module } : null),
+                    },
+                    object: {
+                        ...(data) && data,
+                    },
+                });
+            }
+            else {
+                this.logger.error('Error Initializing Telemetry. Config missing.');
+            }
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry start', e);
+        }
+    }
+    end(edata, data, pageContext) {
+        try {
+            $t.end({
+                type: edata.type,
+                mode: edata.mode,
+                pageid: (pageContext && pageContext.pageId) ?
+                    pageContext.pageId
+                    : '',
+            }, {
+                context: {
+                    pdata: {
+                        ...this.pData,
+                        id: this.pData.id,
+                    },
+                    ...(pageContext && pageContext.module ? { env: pageContext.module } : null),
+                },
+                object: {
+                    ...(data) && data,
+                },
+            });
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry end', e);
+        }
+    }
+    audit(type, props, data) {
+        try {
+            $t.audit({
+                type,
+                props,
+                // data,
+                state: data, // Optional. Current State
+                prevstate: '', // Optional. Previous State
+                duration: '', // Optional.
+            }, {
+                context: {
+                    pdata: {
+                        ...this.pData,
+                        id: this.pData.id,
+                    },
+                },
+            });
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry audit', e);
+        }
+    }
+    heartbeat(type, id) {
+        try {
+            $t.heartbeat({
+                id,
+                // mode,
+                type,
+            });
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry heartbeat', e);
+        }
+    }
+    impression(data) {
+        try {
+            const page = this.getPageDetails();
+            if (data && data.pageContext) {
+                // page.pageid = data.pageContext.pageId
+                page.module = data.pageContext.module;
+            }
+            const edata = {
+                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) {
+                const config = {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.pData.id,
+                        },
+                        env: page.module || (this.telemetryConfig && this.telemetryConfig.env),
+                    },
+                    object: {
+                        id: page.objectId,
+                        // This will override above id if the data has object in it.
+                        ...((data) ? data.object : {}),
+                    },
+                };
+                $t.impression(edata, config);
+            }
+            else {
+                $t.impression(edata, {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.pData.id,
+                        },
+                        env: page.module || '',
+                    },
+                    object: {
+                        ...((data) ? data.object : {}),
+                    },
+                });
+            }
+            this.previousUrl = page.pageUrl;
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry impression', e);
+        }
+    }
+    externalImpression(impressionData) {
+        try {
+            const page = this.getPageDetails();
+            if (this.externalApps[impressionData.subApplicationName]) {
+                const externalConfig = page.objectId ? {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.externalApps[impressionData.subApplicationName],
+                        },
+                    },
+                    object: {
+                        id: page.objectId,
+                    },
+                } : {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.externalApps[impressionData.subApplicationName],
+                        },
+                    },
+                };
+                $t.impression(impressionData.data, externalConfig);
+            }
+        }
+        catch (e) {
+            // tslint:disable-next-line: no-console
+            console.log('Error in telemetry externalImpression', e);
+        }
+    }
+    addCustomImpressionListener() {
+        this.eventsSvc.events$
+            .pipe(filter((event) => event &&
+            event.data &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            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);
+            }
+        });
+    }
+    addTimeSpentListener() {
+        this.eventsSvc.events$
+            .pipe(filter(event => event &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.type === WsEvents.WsTimeSpentType.Page &&
+            event.data.mode &&
+            event.data))
+            .subscribe(event => {
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Loaded) {
+                this.start({
+                    type: event.data.type || WsEvents.WsTimeSpentType.Player,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, {}, event.pageContext);
+            }
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Unloaded) {
+                this.end({
+                    type: event.data.type || WsEvents.WsTimeSpentType.Player,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, {}, event.pageContext);
+            }
+        });
+    }
+    addCustomEventListener() {
+        this.eventsSvc.events$
+            .pipe(filter(event => event &&
+            event.eventType === WsEvents.WsEventType.Telemetry))
+            .subscribe(event => {
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Loaded &&
+                event.data.type !== WsEvents.WsTimeSpentType.Player) {
+                this.start({
+                    type: event.data.type,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, event.data.object, event.pageContext);
+            }
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Unloaded &&
+                event.data.type !== WsEvents.WsTimeSpentType.Player) {
+                this.end({
+                    type: event.data.type || WsEvents.WsTimeSpentType.Player,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, event.data.object, event.pageContext);
+            }
+        });
+    }
+    addPlayerListener() {
+        this.eventsSvc.events$
+            .pipe(filter(event => event &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.type === WsEvents.WsTimeSpentType.Player &&
+            event.data.mode &&
+            event.data))
+            .subscribe(event => {
+            const content = event.data.content;
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Loaded &&
+                (!content ||
+                    (content.isIframeSupported || '').toLowerCase() === 'maybe' ||
+                    (content.isIframeSupported || '').toLowerCase() === 'yes' ||
+                    (content.mimeType === 'application/pdf' || 'application/json'))) {
+                this.start({
+                    type: event.data.type || WsEvents.WsTimeSpentType.Player,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, event.data.object, event.pageContext);
+            }
+            if (event.data.state === WsEvents.EnumTelemetrySubType.Unloaded &&
+                (!content ||
+                    (content.isIframeSupported || '').toLowerCase() === 'maybe' ||
+                    (content.isIframeSupported || '').toLowerCase() === 'yes' ||
+                    (content.mimeType === 'application/pdf' || 'application/json'))) {
+                this.end({
+                    type: event.data.type || WsEvents.WsTimeSpentType.Player,
+                    mode: event.data.mode || WsEvents.WsTimeSpentMode.Play,
+                }, event.data.object, event.pageContext);
+            }
+        });
+    }
+    addInteractListener() {
+        this.eventsSvc.events$
+            .pipe(filter((event) => event &&
+            event.data &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.eventSubType === WsEvents.EnumTelemetrySubType.Interact))
+            .subscribe(event => {
+            const page = this.getPageDetails();
+            if (typeof event.from === 'string' && this.externalApps[event.from]) {
+                const externalConfig = {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.externalApps[event.from],
+                        },
+                    },
+                };
+                try {
+                    $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
+                            : '',
+                        pageid: event.data.pageContext && event.data.pageContext.pageId || page.pageid,
+                        // target: { page },
+                    }, {
+                        context: {
+                            pdata: {
+                                ...this.pData,
+                                id: this.pData.id,
+                            },
+                            ...(event.data.pageContext && event.data.pageContext.module ? { env: event.data.pageContext.module } : null),
+                        },
+                        object: {
+                            ...event.data.object,
+                        },
+                    });
+                }
+                catch (e) {
+                    // tslint:disable-next-line: no-console
+                    console.log('Error in telemetry interact', e);
+                }
+            }
+        });
+    }
+    addFeedbackListener() {
+        this.eventsSvc.events$
+            .pipe(filter((event) => event &&
+            event.data &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.eventSubType === WsEvents.EnumTelemetrySubType.Feedback))
+            .subscribe(event => {
+            const page = this.getPageDetails();
+            try {
+                $t.feedback({
+                    rating: event.data.object.rating || 0,
+                    commentid: event.data.object.commentid || '',
+                    commenttxt: event.data.object.commenttxt || '',
+                    pageid: page.pageid,
+                }, {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.pData.id,
+                        },
+                    },
+                    object: {
+                        id: event.data.object.contentId || event.data.object.id || '',
+                        type: event.data.edata.type || '',
+                        ver: `${(event.data.object.version || '1')}${''}`,
+                        rollup: {},
+                    },
+                });
+            }
+            catch (e) {
+                // tslint:disable-next-line: no-console
+                console.log('Error in telemetry interact', e);
+            }
+        });
+    }
+    addHearbeatListener() {
+        this.eventsSvc.events$
+            .pipe(filter((event) => event &&
+            event.data &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.eventSubType === WsEvents.EnumTelemetrySubType.HeartBeat))
+            .subscribe(event => {
+            if (typeof event.from === 'string' && this.externalApps[event.from]) {
+                const externalConfig = {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.externalApps[event.from],
+                        },
+                    },
+                };
+                try {
+                    $t.heartbeat(event.data, externalConfig);
+                }
+                catch (e) {
+                    // tslint:disable-next-line: no-console
+                    console.log('Error in telemetry heartbeat', e);
+                }
+            }
+            else {
+                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: {
+                                ...this.pData,
+                                id: this.pData.id,
+                            },
+                        },
+                    });
+                }
+                catch (e) {
+                    // tslint:disable-next-line: no-console
+                    console.log('Error in telemetry heartbeat', e);
+                }
+            }
+        });
+    }
+    addSearchListener() {
+        this.eventsSvc.events$
+            .pipe(filter((event) => event &&
+            event.data &&
+            event.eventType === WsEvents.WsEventType.Telemetry &&
+            event.data.eventSubType === WsEvents.EnumTelemetrySubType.Search))
+            .subscribe(event => {
+            try {
+                $t.search({
+                    query: event.data.query,
+                    filters: event.data.filters,
+                    size: event.data.size,
+                }, {
+                    context: {
+                        pdata: {
+                            ...this.pData,
+                            id: this.pData.id,
+                        },
+                    },
+                });
+            }
+            catch (e) {
+                // tslint:disable-next-line: no-console
+                console.log('Error in telemetry search', e);
+            }
+        });
+    }
+    getPageDetails() {
+        const path = window.location.pathname.replace('/', '');
+        const url = path + window.location.search;
+        return {
+            pageid: path,
+            pageUrl: url,
+            pageUrlParts: path.split('/'),
+            refferUrl: this.previousUrl,
+            objectId: this.extractContentIdFromUrlParts(path.split('/')),
+            module: '',
+        };
+    }
+    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]; // e.g. url /app/toc/<content_id>
+        }
+        if (viewerIdx !== -1 && viewerIdx < urlParts.length - 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: "20.3.16", ngImport: i0, type: TelemetryService, deps: [{ token: 'environment' }, { token: ConfigurationsService }, { token: EventService }, { token: LoggerService }], 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: "20.3.16", ngImport: i0, type: TelemetryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }, { type: ConfigurationsService }, { type: EventService }, { type: LoggerService }] });
+
+class SubapplicationRespondService {
+    constructor(
+    // private configSvc: ConfigurationsService,
+    contentSvc, 
+    // private keyCloakSvc: AuthKeycloakService,
+    // private activatedRoute: ActivatedRoute,
+    // private router: Router,
+    eventSvc, teleSvc) {
+        this.contentSvc = contentSvc;
+        this.eventSvc = eventSvc;
+        this.teleSvc = teleSvc;
+        this.subAppname = '';
+        this.continueLearningData = null;
+        this.loaded = false;
+        // this.changeContextrespond()
+        // this.configSvc.prefChangeNotifier.subscribe(() => {
+        //   this.changeContextrespond()
+        // })
+    }
+    // loadedRespond(contentWindow: any, applicationName: string, id?: string) {
+    //   if (id && this.activatedRoute.snapshot.queryParams.viewMode && this.activatedRoute.snapshot.queryParams.viewMode === 'RESUME') {
+    //     this.continueLearningData = null
+    //     this.contentSvc.fetchContentHistory(id).subscribe(
+    //       data => {
+    //         this.continueLearningData = data.continueData
+    //         if (this.configSvc && this.configSvc.userProfile) {
+    //           const firstName = this.configSvc.userProfile.userName ?
+    //             this.configSvc.userProfile.userName.split(' ', 2)[0] : ''
+    //           const lastName = this.configSvc.userProfile.userName ?
+    //             this.configSvc.userProfile.userName.split(' ', 2)[1] : ''
+    //           const viewMode: string = this.activatedRoute.snapshot.queryParams.viewMode ?
+    //             this.activatedRoute.snapshot.queryParams.viewMode : ''
+    //           const token = this.keyCloakSvc.token
+    //           const response = {
+    //             subApplicationName: applicationName,
+    //             requestId: 'LOADED',
+    //             parentContext: {
+    //               domainName: window.location.host,
+    //               url: this.router.url,
+    //               rootOrg: this.configSvc.rootOrg,
+    //               theme: this.configSvc.activeThemeObject ? {
+    //                 name: this.configSvc.activeThemeObject.themeName,
+    //                 ...this.configSvc.activeThemeObject.color,
+    //               } : '',
+    //               fontSize: this.configSvc.activeFontObject ? this.configSvc.activeFontObject.baseFontSize : '14px',
+    //               locale: (this.configSvc.userPreference && this.configSvc.userPreference.selectedLocale) || 'en',
+    //               darkMode: this.configSvc.isDarkMode,
+    //               subApplicationStartMode: viewMode.toUpperCase(),
+    //               user: {
+    //                 firstName,
+    //                 lastName,
+    //                 token,
+    //                 userId: this.configSvc.userProfile.userId ? this.configSvc.userProfile.userId : '',
+    //                 roles: this.configSvc.userRoles ? Array.from(this.configSvc.userRoles) : [],
+    //               },
+    //               heartbeatFrequency: '200',
+    //             },
+    //             data: this.continueLearningData.data ? {
+    //               continueLearning: this.continueLearningData.data,
+    //             } : null,
+    //           }
+    //           contentWindow.postMessage(response, '*')
+    //           this.contentWindowinfo = contentWindow
+    //           this.loaded = true
+    //           this.subAppname = applicationName
+    //         }
+    //       })
+    //   } else {
+    //     if (this.configSvc && this.configSvc.userProfile) {
+    //       const firstName = this.configSvc.userProfile.userName ?
+    //         this.configSvc.userProfile.userName.split(' ', 2)[0] : ''
+    //       const lastName = this.configSvc.userProfile.userName ?
+    //         this.configSvc.userProfile.userName.split(' ', 2)[1] : ''
+    //       const viewMode: string = this.activatedRoute.snapshot.queryParams.viewMode ?
+    //         this.activatedRoute.snapshot.queryParams.viewMode : ''
+    //       const token = this.keyCloakSvc.token
+    //       const response = {
+    //         subApplicationName: applicationName,
+    //         requestId: 'LOADED',
+    //         parentContext: {
+    //           domainName: window.location.host,
+    //           url: this.router.url,
+    //           rootOrg: this.configSvc.rootOrg,
+    //           theme: this.configSvc.activeThemeObject ? {
+    //             name: this.configSvc.activeThemeObject.themeName,
+    //             ...this.configSvc.activeThemeObject.color,
+    //           } : '',
+    //           fontSize: this.configSvc.activeFontObject ? this.configSvc.activeFontObject.baseFontSize : '14px',
+    //           locale: (this.configSvc.userPreference && this.configSvc.userPreference.selectedLocale) || 'en',
+    //           darkMode: this.configSvc.isDarkMode,
+    //           subApplicationStartMode: viewMode.toUpperCase(),
+    //           user: {
+    //             firstName,
+    //             lastName,
+    //             token,
+    //             userId: this.configSvc.userProfile.userId ? this.configSvc.userProfile.userId : '',
+    //             roles: this.configSvc.userRoles ? Array.from(this.configSvc.userRoles) : [],
+    //           },
+    //           heartbeatFrequency: '200',
+    //         },
+    //         data: null,
+    //       }
+    //       contentWindow.postMessage(response, '*')
+    //       this.contentWindowinfo = contentWindow
+    //       this.loaded = true
+    //       this.subAppname = applicationName
+    //     }
+    //   }
+    // }
+    continueLearningRespond(id, continueLearning) {
+        this.contentSvc.saveContinueLearning({
+            contextPathId: id,
+            resourceId: id,
+            data: JSON.stringify({ timestamp: Date.now(), data: continueLearning }),
+            dateAccessed: Date.now(),
+        })
+            .toPromise()
+            .catch();
+    }
+    telemetryEvents(tData) {
+        if (tData) {
+            switch (tData.eventId) {
+                case 'INTERACT':
+                    this.eventSvc.dispatchEvent({
+                        eventType: WsEvents.WsEventType.Telemetry,
+                        eventLogLevel: WsEvents.WsEventLogLevel.Warn,
+                        data: {
+                            ...tData.data,
+                            eventSubType: WsEvents.EnumTelemetrySubType.Interact,
+                        },
+                        from: tData.subApplicationName,
+                        to: 'Telemetry',
+                    });
+                    break;
+                case 'HEARTBEAT':
+                    this.eventSvc.dispatchEvent({
+                        eventType: WsEvents.WsEventType.Telemetry,
+                        eventLogLevel: WsEvents.WsEventLogLevel.Trace,
+                        data: {
+                            ...tData.data,
+                            eventSubType: WsEvents.EnumTelemetrySubType.HeartBeat,
+                        },
+                        from: tData.subApplicationName,
+                        to: 'Telemetry',
+                    });
+                    break;
+                case 'IMPRESSION':
+                    this.teleSvc.externalImpression(tData.data);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    unsubscribeResponse() {
+        this.subAppname = '';
+        this.continueLearningData = null;
+        this.contentWindowinfo = null;
+        this.loaded = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SubapplicationRespondService, deps: [{ token: WidgetContentService }, { 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: "20.3.16", ngImport: i0, type: SubapplicationRespondService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: WidgetContentService }, { 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;
+    }
+    initialize() {
+        this.configurationSvc.prefChangeNotifier
+            .pipe(debounceTime(250))
+            .subscribe((changedUserPref) => {
+            if (this.configurationSvc.isAuthenticated) {
+                this.saveUserPreference(changedUserPref);
+            }
+        });
+    }
+    async fetchUserPreference() {
+        const pref = await this.http.get(endpoints.userPref).toPromise();
+        return pref;
+    }
+    async saveUserPreference(changedUserPref) {
+        try {
+            if (!changedUserPref) {
+                return false;
+            }
+            const newUserPref = {
+                ...this.configurationSvc.userPreference,
+                pinnedApps: (changedUserPref && changedUserPref.pinnedApps) ||
+                    (this.configurationSvc.userPreference &&
+                        this.configurationSvc.userPreference.pinnedApps) ||
+                    '',
+                isDarkMode: this.configurationSvc.isDarkMode,
+                isRTL: this.configurationSvc.isRTL,
+                selectedTheme: (this.configurationSvc.activeThemeObject &&
+                    this.configurationSvc.activeThemeObject.themeClass) ||
+                    '',
+                selectedFont: (this.configurationSvc.activeFontObject &&
+                    this.configurationSvc.activeFontObject.fontClass) ||
+                    '',
+                selectedLangGroup: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.selectedLangGroup) ||
+                    '',
+                selectedLocale: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.selectedLocale) ||
+                    '',
+                colorPallet: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.colorPallet) ||
+                    [],
+                defaultCardType: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.defaultCardType) ||
+                    '',
+                completedActivity: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.completedActivity) ||
+                    [],
+                ...(changedUserPref || {}),
+                completedTour: this.configurationSvc.completedTour,
+                profileSettings: (this.configurationSvc.userPreference &&
+                    this.configurationSvc.userPreference.profileSettings) ||
+                    this.configurationSvc.profileSettings,
+            };
+            const oldUserPref = this.configurationSvc.userPreference;
+            this.configurationSvc.userPreference = newUserPref;
+            await this.http
+                .put(endpoints.userPref, newUserPref)
+                .pipe(retry(3), catchError(err => {
+                this.configurationSvc.userPreference = oldUserPref;
+                return of(err);
+            }))
+                .toPromise();
+            return true;
+        }
+        catch (err) {
+            return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserPreferenceService, deps: [{ token: i1$3.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: "20.3.16", ngImport: i0, type: UserPreferenceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: ConfigurationsService }] });
+
+var NsContent;
+(function (NsContent) {
+    let EContentTypes;
+    (function (EContentTypes) {
+        EContentTypes["PROGRAM"] = "Learning Path";
+        EContentTypes["CHANNEL"] = "Channel";
+        EContentTypes["COURSE"] = "Course";
+        EContentTypes["KNOWLEDGE_ARTIFACT"] = "Knowledge Artifact";
+        EContentTypes["KNOWLEDGE_BOARD"] = "Knowledge Board";
+        EContentTypes["LEARNING_JOURNEY"] = "Learning Journeys";
+        EContentTypes["MODULE"] = "Collection";
+        EContentTypes["RESOURCE"] = "Resource";
+    })(EContentTypes = NsContent.EContentTypes || (NsContent.EContentTypes = {}));
+    let EMiscPlayerSupportedCollectionTypes;
+    (function (EMiscPlayerSupportedCollectionTypes) {
+        EMiscPlayerSupportedCollectionTypes["PLAYLIST"] = "Playlist";
+    })(EMiscPlayerSupportedCollectionTypes = NsContent.EMiscPlayerSupportedCollectionTypes || (NsContent.EMiscPlayerSupportedCollectionTypes = {}));
+    NsContent.PLAYER_SUPPORTED_COLLECTION_TYPES = [
+        EContentTypes.COURSE,
+        EContentTypes.MODULE,
+        EContentTypes.PROGRAM,
+        EMiscPlayerSupportedCollectionTypes.PLAYLIST,
+    ];
+    NsContent.KB_SUPPORTED_CONTENT_TYPES = [
+        EContentTypes.COURSE,
+        EContentTypes.MODULE,
+        EContentTypes.PROGRAM,
+        EContentTypes.RESOURCE,
+    ];
+    NsContent.PLAYLIST_SUPPORTED_CONTENT_TYPES = [
+        EContentTypes.COURSE,
+        EContentTypes.MODULE,
+        EContentTypes.PROGRAM,
+        EContentTypes.RESOURCE,
+    ];
+    let EMimeTypes;
+    (function (EMimeTypes) {
+        EMimeTypes["COLLECTION"] = "application/vnd.ekstep.content-collection";
+        EMimeTypes["HTML"] = "application/html";
+        EMimeTypes["ILP_FP"] = "application/ilpfp";
+        EMimeTypes["IAP"] = "application/iap-assessment";
+        EMimeTypes["M4A"] = "audio/m4a";
+        EMimeTypes["MP3"] = "audio/mpeg";
+        EMimeTypes["MP4"] = "video/mp4";
+        EMimeTypes["M3U8"] = "application/x-mpegURL";
+        EMimeTypes["INTERACTION"] = "video/interactive";
+        EMimeTypes["PDF"] = "application/pdf";
+        EMimeTypes["QUIZ"] = "application/quiz";
+        EMimeTypes["DRAG_DROP"] = "application/drag-drop";
+        EMimeTypes["HTML_PICKER"] = "application/htmlpicker";
+        EMimeTypes["WEB_MODULE"] = "application/web-module";
+        EMimeTypes["WEB_MODULE_EXERCISE"] = "application/web-module-exercise";
+        EMimeTypes["YOUTUBE"] = "video/x-youtube";
+        EMimeTypes["HANDS_ON"] = "application/integrated-hands-on";
+        EMimeTypes["RDBMS_HANDS_ON"] = "application/rdbms";
+        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["UNKNOWN"] = "application/unknown";
+    })(EMimeTypes = NsContent.EMimeTypes || (NsContent.EMimeTypes = {}));
+    let EDisplayContentTypes;
+    (function (EDisplayContentTypes) {
+        EDisplayContentTypes["ASSESSMENT"] = "ASSESSMENT";
+        EDisplayContentTypes["AUDIO"] = "AUDIO";
+        EDisplayContentTypes["CERTIFICATION"] = "CERTIFICATION";
+        EDisplayContentTypes["CHANNEL"] = "Channel";
+        EDisplayContentTypes["CLASS_DIAGRAM"] = "CLASS_DIAGRAM";
+        EDisplayContentTypes["COURSE"] = "COURSE";
+        EDisplayContentTypes["DEFAULT"] = "DEFAULT";
+        EDisplayContentTypes["DRAG_DROP"] = "DRAG_DROP";
+        EDisplayContentTypes["EXTERNAL_CERTIFICATION"] = "EXTERNAL_CERTIFICATION";
+        EDisplayContentTypes["EXTERNAL_COURSE"] = "EXTERNAL_COURSE";
+        EDisplayContentTypes["GOALS"] = "GOALS";
+        EDisplayContentTypes["HANDS_ON"] = "HANDS_ON";
+        EDisplayContentTypes["IAP"] = "IAP";
+        EDisplayContentTypes["INSTRUCTOR_LED"] = "INSTRUCTOR_LED";
+        EDisplayContentTypes["INTERACTIVE_VIDEO"] = "INTERACTIVE_VIDEO";
+        EDisplayContentTypes["KNOWLEDGE_ARTIFACT"] = "KNOWLEDGE_ARTIFACT";
+        EDisplayContentTypes["MODULE"] = "MODULE";
+        EDisplayContentTypes["PDF"] = "PDF";
+        EDisplayContentTypes["PLAYLIST"] = "PLAYLIST";
+        EDisplayContentTypes["PROGRAM"] = "PROGRAM";
+        EDisplayContentTypes["QUIZ"] = "QUIZ";
+        EDisplayContentTypes["RESOURCE"] = "RESOURCE";
+        EDisplayContentTypes["RDBMS_HANDS_ON"] = "RDBMS_HANDS_ON";
+        EDisplayContentTypes["VIDEO"] = "VIDEO";
+        EDisplayContentTypes["WEB_MODULE"] = "WEB_MODULE";
+        EDisplayContentTypes["WEB_PAGE"] = "WEB_PAGE";
+        EDisplayContentTypes["YOUTUBE"] = "YOUTUBE";
+        EDisplayContentTypes["KNOWLEDGE_BOARD"] = "Knowledge Board";
+        EDisplayContentTypes["LEARNING_JOURNEY"] = "Learning Journeys";
+    })(EDisplayContentTypes = NsContent.EDisplayContentTypes || (NsContent.EDisplayContentTypes = {}));
+    // for UI
+    let EFilterCategory;
+    (function (EFilterCategory) {
+        EFilterCategory["ALL"] = "ALL";
+        EFilterCategory["LEARN"] = "LEARN";
+        EFilterCategory["PRACTICE"] = "PRACTICE";
+        EFilterCategory["ASSESS"] = "ASSESS";
+    })(EFilterCategory = NsContent.EFilterCategory || (NsContent.EFilterCategory = {}));
+    // for UI
+    let ETagType;
+    (function (ETagType) {
+        ETagType["NEWLY_ADDED"] = "NEWLY ADDED";
+    })(ETagType = NsContent.ETagType || (NsContent.ETagType = {}));
+})(NsContent || (NsContent = {}));
+
+// constants
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthKeycloakService, AuthMicrosoftService, ClassChangeOnScrollDirective, ClassChangeOnScrollModule, ConfigurationsService, DefaultThumbnailDirective, DefaultThumbnailModule, EFeatures, EInstance, EventService, ExploreDetailResolve, HorizontalScrollerComponent, HorizontalScrollerModule, ImageCropComponent, ImageCropModule, ImageResponsiveDirective, ImageResponsiveModule, InViewPortDirective, InViewPortModule, LoggerService, LogoutComponent, LogoutModule, MarketingOfferingResolve, NavigationDirective, NavigationModule, NsContent, OrderByPipe, PageResolve, PermissionDirective, PermissionModule, PipeConciseDateRangeModule, PipeConciseDateRangePipe, PipeCountTransformModule, PipeCountTransformPipe, PipeDateConcatModule, PipeDateConcatPipe, PipeDurationTransformModule, PipeDurationTransformPipe, PipeFilterModule, PipeFilterPipe, PipeFilterSearchModule, PipeFilterSearchPipe, PipeHtmlTagRemovalModule, PipeHtmlTagRemovalPipe, PipeLimitToModule, PipeLimitToPipe, PipeListFilterModule, PipeListFilterPipe, PipeNameTransformModule, PipeNameTransformPipe, PipeOrderByModule, PipePartialContentModule, PipePartialContentPipe, PipeRelativeTimeModule, PipeRelativeTimePipe, PipeSafeSanitizerModule, PipeSafeSanitizerPipe, SubapplicationRespondService, TelemetryService, UserPreferenceService, UtilityService, ValueService, WidgetContentService, WsEvents, getStringifiedQueryParams };
+//# sourceMappingURL=sunbird-cb-utils.mjs.map