@sunbird-cb/utils 1.0.19-ang-9-12 → 1.0.19-ang-13-16

package/fesm2015/sunbird-cb-utils.js

@@ -1,33 +1,37 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Inject, Output, NgModule, Directive, Input, HostBinding, HostListener, ElementRef, ViewChild, Pipe, LOCALE_ID } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { Injectable, EventEmitter, Component, Inject, Output, NgModule, Directive, Input, HostBinding, HostListener, ViewChild, Pipe, LOCALE_ID } from '@angular/core';
+import * as i1$1 from '@angular/material/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, BreakpointObserver } from '@angular/cdk/layout';
-import { map, debounceTime, distinctUntilChanged, throttleTime, filter, catchError, mergeMap, retry } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
+import { Breakpoints } from '@angular/cdk/layout';
+import { map, debounceTime, distinctUntilChanged, throttleTime, catchError, mergeMap, retry, filter } from 'rxjs/operators';
+import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i7 from 'ngx-image-cropper';
+import { ImageCropperModule } from 'ngx-image-cropper';
+import * as i8 from '@angular/material/slider';
 import { MatSliderModule } from '@angular/material/slider';
+import * as i9 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ImageCropperModule } from 'ngx-image-cropper';
+import * as i3$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { __awaiter } from 'tslib';
-import * as i2 from 'keycloak-angular';
-import { KeycloakEventType, KeycloakService } from 'keycloak-angular';
-import * as i1$1 from '@angular/common/http';
-import { HttpClient } from '@angular/common/http';
-import * as i2$1 from '@angular/cdk/platform';
-import { Platform } from '@angular/cdk/platform';
-import * as i3 from '@angular/router';
-import { NavigationEnd, Router, ActivatedRoute } from '@angular/router';
+import * as i3$2 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import * as i1$2 from '@angular/common/http';
+import * as i2 from '@angular/cdk/platform';
 import * as _moment from 'moment';
 import * as _ from 'lodash';
 import { orderBy } from 'lodash';
-import { DomSanitizer } from '@angular/platform-browser';
+import * as i1$3 from '@angular/platform-browser';
 
 class ConfigurationsService {
     constructor() {
@@ -82,13 +86,14 @@ class ConfigurationsService {
         this.updateOrgReadData.next(id);
     }
 }
-ConfigurationsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigurationsService_Factory() { return new ConfigurationsService(); }, token: ConfigurationsService, providedIn: "root" });
-ConfigurationsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ConfigurationsService.ctorParameters = () => [];
+ConfigurationsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 class ValueService {
     constructor(breakpointObserver) {
@@ -101,15 +106,14 @@ class ValueService {
             .pipe(map((res) => res.matches));
     }
 }
-ValueService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ValueService_Factory() { return new ValueService(i0.ɵɵinject(i1.BreakpointObserver)); }, token: ValueService, providedIn: "root" });
-ValueService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ValueService.ctorParameters = () => [
-    { type: BreakpointObserver }
-];
+ValueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ValueService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+ValueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ValueService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ValueService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
 
 class ImageCropComponent {
     constructor(dialogRef, configSvc, snackBar, valueSvc, data) {
@@ -248,45 +252,67 @@ class ImageCropComponent {
         this.dialogRef.close();
     }
 }
-ImageCropComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-utils-image-crop',
-                template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n",
-                styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width: 1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width: 1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width: 1030px){.heightwidth{display:block}}@media only screen and (max-width: 1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width: 1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"]
-            },] }
-];
-ImageCropComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: ConfigurationsService },
-    { type: MatSnackBar },
-    { type: ValueService },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
-ImageCropComponent.propDecorators = {
-    data: [{ type: Output }]
-};
+ImageCropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropComponent, deps: [{ token: i1$1.MatDialogRef }, { token: ConfigurationsService }, { token: i3.MatSnackBar }, { token: ValueService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ImageCropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageCropComponent, selector: "ws-utils-image-crop", outputs: { data: "data" }, ngImport: i0, template: "<ng-container *ngIf=\"isNotOfRequiredSize\">\r\n  <mat-dialog-content>\r\n    <div class=\"flex pl-4\">\r\n      <mat-icon class=\"ws-mat-warn-text largeicon padding-remove-left\">warning</mat-icon>\r\n      <h2 class=\"text-xl\" i18n>This image will appear stretched as it is not in proper dimension. Do you want to\r\n        continue?</h2>\r\n    </div>\r\n    <div class=\"text-sm pl-4\">\r\n      <div i18n class=\"pb-2\">Note:</div>\r\n      <div i18n class=\"pb-2\">Required dimensions : 265 * 150</div>\r\n      <div class=\"flex flex-wrap items-baseline\">\r\n        <div>Current dimensions:</div>\r\n        <div class=\"pl-1\">{{ width }} * {{ height }} px</div>\r\n      </div>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions class=\"flex flex-end\">\r\n    <div class=\"flex flex-end\">\r\n      <button mat-raised-button autofocus type=\"button\" (click)=\" close()\">\r\n        <span i18n>No</span>\r\n      </button>\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" continueToImageCrop()\">\r\n        <span class=\"text-white\" i18n>Yes</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRoundCrop\">\r\n  <!-- For Profile image - start -->\r\n  <div class=\"flex flex-between\">\r\n    <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n    <p mat-dialog-title class=\"text-3xl font-weight-bold ws-mat-primary-text\" i18n>Profile Photo</p>\r\n    <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>close</mat-icon>\r\n\r\n  </div>\r\n  <mat-dialog-content class=\"p-0 overflow-hidden \" *ngIf=\"isRoundCrop\">\r\n    <div class=\"flex flex-between\">\r\n      <div class=\"profile-slides\">\r\n        <image-cropper #imageCropper class=\"image-cropper-profile\" [imageFile]=\"imageFile\" [maintainAspectRatio]=\"true\"\r\n          [aspectRatio]=\"250 / 250\" [resizeToWidth]=\"100\" [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"120\"\r\n          [cropperMinWidth]=\"500\" [format]=\"'jpeg'\" [transform]=\"transform\" [canvasRotation]=\"canvasRotation\"\r\n          (imageCropped)=\"imageCropped($event)\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n    <ul class=\"toolbar cf\">\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n          <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Left</span>\r\n        </button>\r\n      </li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n          <span class=\"button-text\" i18n>Rotate Right</span>\r\n        </button></li>\r\n      <li><button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n          <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n          <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n        </button></li>\r\n      <li><a href=\"#\"><i class=\"icon-cloud\"></i></a></li>\r\n    </ul>\r\n  </mat-dialog-content>\r\n</ng-container> <!-- For Profile image - end -->\r\n<ng-container>\r\n  <ng-container *ngIf=\"!isNotOfRequiredSize && !isRoundCrop \">\r\n    <div class=\"flex flex-between\">\r\n      <mat-icon class=\" ws-mat-primary-text margin-bottom-xxs\">crop</mat-icon>\r\n      <p mat-dialog-title class=\"text-3xl title-margin font-weight-bold ws-mat-primary-text\" i18n>Edit Image</p>\r\n      <mat-icon class=\"float-right flex-end cursor-pointer\" (click)=\"close()\" i18n>\r\n        close</mat-icon>\r\n    </div>\r\n    <mat-dialog-content *ngIf=\"!isRoundCrop\">\r\n      <div class=\"flex flex-between\">\r\n        <div class=\"Slides\">\r\n          <image-cropper #imageCropper class=\"image-cropper padding-remove\" [imageFile]=\"imageFile\"\r\n            [maintainAspectRatio]=\"true\" [aspectRatio]=\"opWidth / opHeight\" [resizeToWidth]=\"opWidth\"\r\n            [roundCropper]=\"isRoundCrop\" [resizeToHeight]=\"opHeight\" [cropperMinWidth]=\"opWidth\" [format]=\"'jpeg'\"\r\n            [transform]=\"transform\" [canvasRotation]=\"canvasRotation\" (imageCropped)=\"imageCropped($event)\">\r\n          </image-cropper>\r\n          <div class=\"flex flex-between\">\r\n            <span class=\"my-3\" i18n>Zoom</span>\r\n            <mat-slider class=\"w-full mx-3\" color=\"primary\" (input)=\"zoom($event)\" min=\"1\" max=\"2.5\" step=\"0.1\">\r\n            </mat-slider>\r\n          </div>\r\n          <div class=\"edit-feature-window \" *ngIf=\"!isXSmall\">\r\n            <div class=\"flex flex-between\">\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateLeft()\">\r\n                <mat-icon class=\"text-white large-icon ws-mat-primary-text\">rotate_left</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Left</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"rotateRight()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">rotate_right</mat-icon>\r\n                <span class=\"button-text\" i18n>Rotate Right</span>\r\n              </button>\r\n              <button mat-raised-button class=\"mat-button\" (click)=\"flipHorizontal()\">\r\n                <mat-icon class=\"text-white medium-icon ws-mat-primary-text\">flip</mat-icon>\r\n                <span class=\"button-text\" i18n>Flip Horizontal</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <mat-card class=\"ws-mat-primary-border-top-bolder mat-elevation-z6 margin-bottom-l button-text\"\r\n          *ngIf=\"isThumbnail\">\r\n          <img [src]=\"imageFileBase64\" height=\"auto\" width=\"100%\" (error)=\"changeToDefaultImg($event)\" />\r\n          <div class=\"flex flex-middle justify-center margin-bottom-s padding-top-s\">\r\n            <mat-icon class=\"ws-mat-primary-text padding-right-s\">image</mat-icon>\r\n            <b class=\"mat-title margin-remove ws-mat-primary-text\" i18n>Preview</b>\r\n          </div>\r\n        </mat-card>\r\n      </div>\r\n      <div class=\"edit-feature-window heightwidth\">\r\n        <!-- <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \" i18n>Cropped dimensions: {{ opWidth }} * {{ opHeight }} px</b>\r\n        </div> -->\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_horiz</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Width: </span>\r\n            <span>{{ croppedWidth }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n        <div class=\"flex flex-middle margin-left-l margin-bottom-s padding-top-s\">\r\n          <mat-icon class=\"ws-mat-primary-text padding-right-s\">swap_vert</mat-icon>\r\n          <b class=\"mat-body margin-remove \">\r\n            <span i18n>Cropped Height: </span>\r\n            <span>{{ croppedHeight }}</span>\r\n            <span i18n>px</span>\r\n          </b>\r\n        </div>\r\n      </div>\r\n    </mat-dialog-content>\r\n  </ng-container>\r\n  <mat-dialog-actions align=\"end\" *ngIf=\"!isNotOfRequiredSize \">\r\n    <div class=\"flex flex-end margin-bottom-s\">\r\n      <!--  <button mat-raised-button type=\"button\" (click)=\" reset()\">\r\n        <span i18n>Reset</span>\r\n      </button> -->\r\n      <button mat-raised-button type=\"button\" class=\"text-white ws-mat-primary-background text-white\"\r\n        (click)=\" croppingImage()\">\r\n        <span class=\"text-white\" i18n>Apply</span>\r\n      </button>\r\n    </div>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: [".image-cropper{max-height:55vh}::ng-deep image-cropper .overlay{background-color:transparent!important}.Slides{display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto;padding:0 1.25em}@media only screen and (max-width: 1030px){.Slides{padding:0;width:100%}}.cursor{cursor:pointer}.edit-feature-window{background:transparent;justify-content:center}mat-toolbar{background-color:#fff!important;z-index:1!important}mat-dialog-content{padding:1.25em!important}@media only screen and (max-width: 1030px){mat-dialog-content{padding:.25em .5em!important}}.heightwidth{display:flex}@media only screen and (max-width: 1030px){.heightwidth{display:block}}@media only screen and (max-width: 1030px){.mat-button{min-width:auto;padding:0 14px}}.largeicon{font-size:2em;padding:.13em .5em}.tooltip{background:#b71c1c}.dimension-icon{position:relative;top:.35em;padding:0 0 0 .3em}@media only screen and (max-width: 1030px){.button-text{display:none}}.image-cropper-profile{max-height:55vh}.profile-slides{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:block;height:auto;width:50%;position:relative;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1030px){.profile-slides{padding:0;width:100%}}.toolbar{left:50%;margin:1em 0 0 -10em;position:absolute;width:auto;border-radius:4px}.cf:before,.cf:after{content:\"\";display:table}.cf:after{clear:both}.toolbar li{float:left;list-style:none}.toolbar a{border-left:0px solid rgba(79,123,170,.4);border-right:1px solid rgba(255,255,255,.3)}.toolbar li:first-child a{border-left:none;border-radius:4px 0 0 4px}.toolbar li:last-child a{border-right:none;border-radius:0 4px 4px 0}\n"], components: [{ type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.ImageCropperComponent, selector: "image-cropper", inputs: ["format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled", "imageChangedEvent", "imageURL", "imageBase64", "imageFile"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }, { type: i8.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "vertical", "displayWith", "valueText"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }, { type: i9.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-utils-image-crop',
+                    templateUrl: './image-crop.component.html',
+                    styleUrls: ['./image-crop.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: ConfigurationsService }, { type: i3.MatSnackBar }, { type: ValueService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { data: [{
+                type: Output
+            }] } });
 
 class ImageCropModule {
 }
-ImageCropModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ImageCropComponent],
-                imports: [
-                    CommonModule,
-                    ImageCropperModule,
-                    MatIconModule,
-                    MatButtonModule,
-                    MatDialogModule,
-                    MatToolbarModule,
-                    MatDialogModule,
-                    MatCardModule,
-                    MatTooltipModule,
-                    MatSliderModule,
-                ],
-                exports: [ImageCropComponent],
-                entryComponents: [ImageCropComponent],
-            },] }
-];
+ImageCropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ImageCropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropModule, declarations: [ImageCropComponent], imports: [CommonModule,
+        ImageCropperModule,
+        MatIconModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatToolbarModule,
+        MatDialogModule,
+        MatCardModule,
+        MatTooltipModule,
+        MatSliderModule], exports: [ImageCropComponent] });
+ImageCropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropModule, imports: [[
+            CommonModule,
+            ImageCropperModule,
+            MatIconModule,
+            MatButtonModule,
+            MatDialogModule,
+            MatToolbarModule,
+            MatDialogModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatSliderModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImageCropComponent],
+                    imports: [
+                        CommonModule,
+                        ImageCropperModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatToolbarModule,
+                        MatDialogModule,
+                        MatCardModule,
+                        MatTooltipModule,
+                        MatSliderModule,
+                    ],
+                    exports: [ImageCropComponent],
+                    entryComponents: [ImageCropComponent],
+                }]
+        }] });
 
 var EFeatures;
 (function (EFeatures) {
@@ -908,31 +934,46 @@ class ClassChangeOnScrollDirective {
         }, this.wsClassOnScrollDirChange || 5000);
     }
 }
-ClassChangeOnScrollDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsClassChangeOnScroll]',
-            },] }
-];
-ClassChangeOnScrollDirective.ctorParameters = () => [];
-ClassChangeOnScrollDirective.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',] }]
-};
+ClassChangeOnScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ClassChangeOnScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ClassChangeOnScrollDirective, selector: "[wsUtilsClassChangeOnScroll]", inputs: { wsClassOnScrollDirChange: "wsClassOnScrollDirChange" }, host: { properties: { "class.scrolling-down": "this.isScrollingDown", "class.scrolling-up": "this.isScrollingUp", "class.scrolling-no": "this.isNotScrolling", "class.scrolled-down": "this.hasScrolledDown" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsClassChangeOnScroll]',
+                }]
+        }], ctorParameters: function () { return []; }, 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 {
 }
-ClassChangeOnScrollModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ClassChangeOnScrollDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [ClassChangeOnScrollDirective],
-            },] }
-];
+ClassChangeOnScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClassChangeOnScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollModule, declarations: [ClassChangeOnScrollDirective], imports: [CommonModule], exports: [ClassChangeOnScrollDirective] });
+ClassChangeOnScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClassChangeOnScrollModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ClassChangeOnScrollDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [ClassChangeOnScrollDirective],
+                }]
+        }] });
 
 class DefaultThumbnailDirective {
     constructor() {
@@ -953,29 +994,42 @@ class DefaultThumbnailDirective {
         }
     }
 }
-DefaultThumbnailDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsDefaultThumbnail]',
-            },] }
-];
-DefaultThumbnailDirective.propDecorators = {
-    wsUtilsDefaultThumbnail: [{ type: Input }],
-    src: [{ type: Input }],
-    srcUrl: [{ type: HostBinding, args: ['src',] }],
-    updateSrc: [{ type: HostListener, args: ['error',] }]
-};
+DefaultThumbnailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DefaultThumbnailDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DefaultThumbnailDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DefaultThumbnailDirective, 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: "12.2.17", ngImport: i0, type: DefaultThumbnailDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsDefaultThumbnail]',
+                }]
+        }], propDecorators: { wsUtilsDefaultThumbnail: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], srcUrl: [{
+                type: HostBinding,
+                args: ['src']
+            }], updateSrc: [{
+                type: HostListener,
+                args: ['error']
+            }] } });
 
 class DefaultThumbnailModule {
 }
-DefaultThumbnailModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [DefaultThumbnailDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [DefaultThumbnailDirective],
-            },] }
-];
+DefaultThumbnailModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DefaultThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DefaultThumbnailModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DefaultThumbnailModule, declarations: [DefaultThumbnailDirective], imports: [CommonModule], exports: [DefaultThumbnailDirective] });
+DefaultThumbnailModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DefaultThumbnailModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DefaultThumbnailModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DefaultThumbnailDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [DefaultThumbnailDirective],
+                }]
+        }] });
 
 const customBreakPoints = {
     xs: '(max-width: 450px)',
@@ -1045,30 +1099,37 @@ class ImageResponsiveDirective {
         }
     }
 }
-ImageResponsiveDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsImageResponsive]',
-            },] }
-];
-ImageResponsiveDirective.ctorParameters = () => [
-    { type: BreakpointObserver }
-];
-ImageResponsiveDirective.propDecorators = {
-    src: [{ type: Input }],
-    srcBindUrl: [{ type: HostBinding, args: ['src',] }]
-};
+ImageResponsiveDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveDirective, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+ImageResponsiveDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ImageResponsiveDirective, selector: "[wsUtilsImageResponsive]", inputs: { src: "src" }, host: { properties: { "src": "this.srcBindUrl" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsImageResponsive]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { src: [{
+                type: Input
+            }], srcBindUrl: [{
+                type: HostBinding,
+                args: ['src']
+            }] } });
 
 class ImageResponsiveModule {
 }
-ImageResponsiveModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ImageResponsiveDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [ImageResponsiveDirective],
-            },] }
-];
+ImageResponsiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ImageResponsiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveModule, declarations: [ImageResponsiveDirective], imports: [CommonModule], exports: [ImageResponsiveDirective] });
+ImageResponsiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageResponsiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImageResponsiveDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [ImageResponsiveDirective],
+                }]
+        }] });
 
 class InViewPortDirective {
     constructor(_el) {
@@ -1117,29 +1178,34 @@ class InViewPortDirective {
         this.inViewport.emit(event);
     }
 }
-InViewPortDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsInViewPort]',
-            },] }
-];
-InViewPortDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-InViewPortDirective.propDecorators = {
-    inViewport: [{ type: Output }]
-};
+InViewPortDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+InViewPortDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: InViewPortDirective, selector: "[wsUtilsInViewPort]", outputs: { inViewport: "inViewport" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsInViewPort]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { inViewport: [{
+                type: Output
+            }] } });
 
 class InViewPortModule {
 }
-InViewPortModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [InViewPortDirective],
-                exports: [InViewPortDirective],
-                imports: [
-                    CommonModule,
-                ],
-            },] }
-];
+InViewPortModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InViewPortModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortModule, declarations: [InViewPortDirective], imports: [CommonModule], exports: [InViewPortDirective] });
+InViewPortModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InViewPortModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [InViewPortDirective],
+                    exports: [InViewPortDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                }]
+        }] });
 
 class NavigationDirective {
     constructor() {
@@ -1161,52 +1227,74 @@ class NavigationDirective {
         }
     }
 }
-NavigationDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsNavigation]',
-            },] }
-];
-NavigationDirective.ctorParameters = () => [];
-NavigationDirective.propDecorators = {
-    wsUtilsNavigation: [{ type: Input }],
-    openInNewTab: [{ type: Input }],
-    routeUrl: [{ type: Input }, { type: HostBinding, args: ['attr.routerLink',] }],
-    onMouseEnter: [{ type: HostListener, args: ['mousedown', ['$event'],] }]
-};
+NavigationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NavigationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: NavigationDirective, selector: "[wsUtilsNavigation]", inputs: { wsUtilsNavigation: "wsUtilsNavigation", openInNewTab: "openInNewTab", routeUrl: "routeUrl" }, host: { listeners: { "mousedown": "onMouseEnter($event)" }, properties: { "attr.routerLink": "this.routeUrl" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsNavigation]',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { wsUtilsNavigation: [{
+                type: Input
+            }], openInNewTab: [{
+                type: Input
+            }], routeUrl: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.routerLink']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
 
 class NavigationModule {
 }
-NavigationModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [NavigationDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [NavigationDirective],
-            },] }
-];
+NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationModule, declarations: [NavigationDirective], imports: [CommonModule], exports: [NavigationDirective] });
+NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NavigationDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [NavigationDirective],
+                }]
+        }] });
 
 class PermissionDirective {
     constructor() { }
 }
-PermissionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsPermission]',
-            },] }
-];
-PermissionDirective.ctorParameters = () => [];
+PermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PermissionDirective, selector: "[wsUtilsPermission]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsUtilsPermission]',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 class PermissionModule {
 }
-PermissionModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PermissionDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PermissionDirective],
-            },] }
-];
+PermissionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PermissionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionModule, declarations: [PermissionDirective], imports: [CommonModule], exports: [PermissionDirective] });
+PermissionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PermissionDirective],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PermissionDirective],
+                }]
+        }] });
 
 function getStringifiedQueryParams(obj) {
     return Object.entries(obj)
@@ -1289,358 +1377,62 @@ class HorizontalScrollerComponent {
         }
     }
 }
-HorizontalScrollerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-utils-horizontal-scroller',
-                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"]
-            },] }
-];
-HorizontalScrollerComponent.ctorParameters = () => [];
-HorizontalScrollerComponent.propDecorators = {
-    loadStatus: [{ type: Input }],
-    onHover: [{ type: Input }],
-    loadNext: [{ type: Output }],
-    horizontalScrollElem: [{ type: ViewChild, args: ['horizontalScrollElem', { static: true },] }]
-};
+HorizontalScrollerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HorizontalScrollerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: HorizontalScrollerComponent, selector: "ws-utils-horizontal-scroller", inputs: { loadStatus: "loadStatus", onHover: "onHover" }, outputs: { loadNext: "loadNext" }, viewQueries: [{ propertyName: "horizontalScrollElem", first: true, predicate: ["horizontalScrollElem"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label 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"], components: [{ type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-utils-horizontal-scroller',
+                    templateUrl: './horizontal-scroller.component.html',
+                    styleUrls: ['./horizontal-scroller.component.scss'],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { loadStatus: [{
+                type: Input
+            }], onHover: [{
+                type: Input
+            }], loadNext: [{
+                type: Output
+            }], horizontalScrollElem: [{
+                type: ViewChild,
+                args: ['horizontalScrollElem', { static: true }]
+            }] } });
 
 class HorizontalScrollerModule {
 }
-HorizontalScrollerModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [HorizontalScrollerComponent],
-                imports: [
-                    CommonModule,
-                    MatButtonModule,
-                    MatIconModule,
-                    MatProgressSpinnerModule,
-                ],
-                exports: [HorizontalScrollerComponent],
-            },] }
-];
-
-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.warn = noConsoleWithError;
-        console.info = noConsoleWithError;
-        console.error = noConsoleWithError;
-    }
-}
-LoggerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoggerService_Factory() { return new LoggerService(i0.ɵɵinject(ConfigurationsService)); }, token: LoggerService, providedIn: "root" });
-LoggerService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-LoggerService.ctorParameters = () => [
-    { type: ConfigurationsService }
-];
+HorizontalScrollerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HorizontalScrollerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerModule, declarations: [HorizontalScrollerComponent], imports: [CommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatProgressSpinnerModule], exports: [HorizontalScrollerComponent] });
+HorizontalScrollerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerModule, imports: [[
+            CommonModule,
+            MatButtonModule,
+            MatIconModule,
+            MatProgressSpinnerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HorizontalScrollerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HorizontalScrollerComponent],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    exports: [HorizontalScrollerComponent],
+                }]
+        }] });
 
-const msTokenExpiryDuration = 600;
-const storageKey$1 = 'msLoginRequested';
 const storage$1 = 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;
-    }
-    init(config) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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;
-                yield this.exchangeTokenForCode(this.code, url);
-                if (location.hash) {
-                    url += location.hash.substring(1);
-                }
-                history.replaceState(null, '', url);
-            }
-        });
-    }
-    login(email) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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');
-            }
-        });
-    }
-    getToken(email) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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 = yield 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 = yield 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$1.getItem(storageKey$1) || '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$1.setItem(storageKey$1, Date.now().toString());
-            this.login(email);
-        }
-    }
-    isValidEmail(email) {
-        return this.msConfig.validEmailExtensions.some(ext => email.endsWith(ext));
-    }
-    isValid(accessToken, expiresOn) {
-        if (accessToken && expiresOn) {
-            return true;
-        }
-        return false;
-    }
-    exchangeTokenForCode(code, redirectUrl) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.http
-                .get(`${API_ENDPOINTS}?code=${code}&redirectUrl=${redirectUrl}`)
-                .toPromise();
-            return this.getInstanceFromResponse(response);
-        });
-    }
-    getTokenForEmail(email) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield 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,
-        };
-    }
-}
-AuthMicrosoftService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthMicrosoftService_Factory() { return new AuthMicrosoftService(i0.ɵɵinject(LoggerService), i0.ɵɵinject(i1$1.HttpClient)); }, token: AuthMicrosoftService, providedIn: "root" });
-AuthMicrosoftService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-AuthMicrosoftService.ctorParameters = () => [
-    { type: LoggerService },
-    { type: HttpClient }
-];
-
-const storage = localStorage;
-const storageKey = 'kc';
+const storageKey$1 = 'kc';
 class AuthKeycloakService {
-    constructor(configSvc, keycloakSvc, msAuthSvc) {
-        this.configSvc = configSvc;
-        this.keycloakSvc = keycloakSvc;
-        this.msAuthSvc = msAuthSvc;
+    constructor() {
         this.loginChangeSubject = new ReplaySubject(1);
-        this.loginChangeSubject.subscribe((isLoggedIn) => {
-            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 || '',
-                };
-            }
-        });
     }
     get isLoggedIn$() {
         return this.loginChangeSubject.asObservable();
     }
-    get isLoggedIn() {
-        return this.keycloakSvc.isLoggedIn();
-    }
-    get isAuthenticated() {
-        return this.keycloakSvc.getKeycloakInstance().authenticated;
-    }
-    get token() {
-        return this.keycloakSvc.getKeycloakInstance().token;
-    }
-    get sessionId() {
-        return this.keycloakSvc.getKeycloakInstance().sessionId;
-    }
-    get userId() {
-        const kc = this.keycloakSvc.getKeycloakInstance();
-        if (!kc) {
-            return;
-        }
-        return (kc.tokenParsed && kc.tokenParsed.sub) || (kc.idTokenParsed && kc.idTokenParsed.sub);
-    }
-    get userEmail() {
-        const kc = this.keycloakSvc.getKeycloakInstance();
-        const tokenParsed = kc.tokenParsed;
-        const idTokenParsed = kc.idTokenParsed;
-        return ((tokenParsed && tokenParsed.email) ||
-            (idTokenParsed && idTokenParsed.email) ||
-            (idTokenParsed && idTokenParsed.encEmail) ||
-            (tokenParsed && tokenParsed.preferred_username) ||
-            (idTokenParsed && idTokenParsed.preferred_username));
-    }
-    get userName() {
-        const kc = this.keycloakSvc.getKeycloakInstance();
-        return ((kc.tokenParsed && kc.tokenParsed.name) ||
-            (kc.idTokenParsed && kc.idTokenParsed.name));
-    }
-    initAuth() {
-        return __awaiter(this, void 0, void 0, function* () {
-            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 yield this.keycloakSvc.init({
-                    config: {
-                        url: instanceConfig.keycloak.url,
-                        realm: instanceConfig.keycloak.realm,
-                        clientId: instanceConfig.keycloak.clientId,
-                    },
-                    initOptions: Object.assign(Object.assign({}, 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', redirectUrl = this.defaultRedirectUrl) {
-        return this.keycloakSvc.login({
-            idpHint,
-            redirectUri: redirectUrl,
-        });
-    }
-    register(redirectUrl = this.defaultRedirectUrl) {
-        return this.keycloakSvc.register({
-            redirectUri: redirectUrl,
-        });
-    }
     logout(_redirectUrl = this.defaultRedirectUrl) {
         return __awaiter(this, void 0, void 0, function* () {
             window.location.href = `${_redirectUrl}public/logout`;
@@ -1648,10 +1440,10 @@ class AuthKeycloakService {
     }
     force_logout() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (storage.getItem('telemetrySessionId')) {
-                storage.removeItem('telemetrySessionId');
+            if (storage$1.getItem('telemetrySessionId')) {
+                storage$1.removeItem('telemetrySessionId');
             }
-            storage.removeItem(storageKey);
+            storage$1.removeItem(storageKey$1);
             if (localStorage.getItem('login') === 'true') {
                 try {
                     sessionStorage.clear();
@@ -1666,82 +1458,6 @@ class AuthKeycloakService {
             }
         });
     }
-    addKeycloakEventListener() {
-        this.keycloakSvc.keycloakEvents$.subscribe((event) => {
-            switch (event.type) {
-                case KeycloakEventType.OnAuthError:
-                    this.loginChangeSubject.next(false);
-                    break;
-                case KeycloakEventType.OnAuthLogout:
-                    this.loginChangeSubject.next(false);
-                    storage.removeItem(storageKey);
-                    break;
-                case KeycloakEventType.OnAuthRefreshError:
-                    break;
-                case KeycloakEventType.OnAuthRefreshSuccess:
-                    break;
-                case KeycloakEventType.OnAuthSuccess:
-                    break;
-                case KeycloakEventType.OnReady:
-                    this.loginChangeSubject.next(event.args);
-                    if (event.args) {
-                        this.saveKeycloakConfig();
-                    }
-                    break;
-                case KeycloakEventType.OnTokenExpired:
-                    this.keycloakSvc.updateToken(60);
-                    break;
-            }
-        });
-    }
-    setupGlobalAuthResponder() {
-        fromEvent(window, 'message')
-            .pipe(filter((event) => Boolean(event) &&
-            Boolean(event.data) &&
-            event.data.type === 'AUTH_REQUEST' &&
-            Boolean(event.source && typeof event.source.postMessage === 'function')))
-            .subscribe((event) => __awaiter(this, void 0, void 0, function* () {
-            const contentWindow = event.source;
-            const token = yield 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, '*');
-        }));
-    }
-    saveKeycloakConfig() {
-        const kc = this.keycloakSvc.getKeycloakInstance();
-        const kcInitOptions = {
-            idToken: kc.idToken,
-            refreshToken: kc.refreshToken,
-            timeSkew: kc.timeSkew,
-            token: kc.token,
-        };
-        storage.setItem(storageKey, JSON.stringify(kcInitOptions));
-    }
-    getSavedKcConfig() {
-        try {
-            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;
@@ -1752,17 +1468,14 @@ class AuthKeycloakService {
         }
     }
 }
-AuthKeycloakService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthKeycloakService_Factory() { return new AuthKeycloakService(i0.ɵɵinject(ConfigurationsService), i0.ɵɵinject(i2.KeycloakService), i0.ɵɵinject(AuthMicrosoftService)); }, token: AuthKeycloakService, providedIn: "root" });
-AuthKeycloakService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-AuthKeycloakService.ctorParameters = () => [
-    { type: ConfigurationsService },
-    { type: KeycloakService },
-    { type: AuthMicrosoftService }
-];
+AuthKeycloakService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthKeycloakService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AuthKeycloakService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthKeycloakService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthKeycloakService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 const RANDOM_ID_PER_USER = 0;
 class UtilityService {
@@ -1871,18 +1584,14 @@ class UtilityService {
         return data;
     }
 }
-UtilityService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UtilityService_Factory() { return new UtilityService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i2$1.Platform), i0.ɵɵinject(i3.Router), i0.ɵɵinject(i3.ActivatedRoute)); }, token: UtilityService, providedIn: "root" });
-UtilityService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-UtilityService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: Platform },
-    { type: Router },
-    { type: ActivatedRoute }
-];
+UtilityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UtilityService, deps: [{ token: i1$2.HttpClient }, { token: i2.Platform }, { token: i3$2.Router }, { token: i3$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+UtilityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UtilityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UtilityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: i2.Platform }, { type: i3$2.Router }, { type: i3$2.ActivatedRoute }]; } });
 
 class LogoutComponent {
     constructor(dialogRef, authSvc, configSvc, utilitySvc) {
@@ -1913,33 +1622,40 @@ class LogoutComponent {
         return false;
     }
 }
-LogoutComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-utils-logout',
-                template: "<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>",
-                styles: [".hide-overflow{overflow:hidden}\n"]
-            },] }
-];
-LogoutComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: AuthKeycloakService },
-    { type: ConfigurationsService },
-    { type: UtilityService }
-];
+LogoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutComponent, deps: [{ token: i1$1.MatDialogRef }, { token: AuthKeycloakService }, { token: ConfigurationsService }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Component });
+LogoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LogoutComponent, selector: "ws-utils-logout", ngImport: i0, template: "<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>", styles: [".hide-overflow{overflow:hidden}\n"], components: [{ type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-utils-logout',
+                    templateUrl: './logout.component.html',
+                    styleUrls: ['./logout.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: AuthKeycloakService }, { type: ConfigurationsService }, { type: UtilityService }]; } });
 
 class LogoutModule {
 }
-LogoutModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [LogoutComponent],
-                imports: [
-                    CommonModule,
-                    MatButtonModule,
-                    MatDialogModule,
-                ],
-                entryComponents: [LogoutComponent],
-            },] }
-];
+LogoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LogoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutModule, declarations: [LogoutComponent], imports: [CommonModule,
+        MatButtonModule,
+        MatDialogModule] });
+LogoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutModule, imports: [[
+            CommonModule,
+            MatButtonModule,
+            MatDialogModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LogoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LogoutComponent],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                    ],
+                    entryComponents: [LogoutComponent],
+                }]
+        }] });
 
 class PipeConciseDateRangePipe {
     transform(dateRange) {
@@ -1987,21 +1703,28 @@ class PipeConciseDateRangePipe {
         }
     }
 }
-PipeConciseDateRangePipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeConciseDateRange',
-            },] }
-];
+PipeConciseDateRangePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeConciseDateRangePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangePipe, name: "pipeConciseDateRange" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeConciseDateRange',
+                }]
+        }] });
 
 class PipeConciseDateRangeModule {
 }
-PipeConciseDateRangeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeConciseDateRangePipe],
-                imports: [CommonModule],
-                exports: [PipeConciseDateRangePipe],
-            },] }
-];
+PipeConciseDateRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeConciseDateRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangeModule, declarations: [PipeConciseDateRangePipe], imports: [CommonModule], exports: [PipeConciseDateRangePipe] });
+PipeConciseDateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangeModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeConciseDateRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeConciseDateRangePipe],
+                    imports: [CommonModule],
+                    exports: [PipeConciseDateRangePipe],
+                }]
+        }] });
 
 class PipeCountTransformPipe {
     transform(value) {
@@ -2029,23 +1752,32 @@ class PipeCountTransformPipe {
         return '0';
     }
 }
-PipeCountTransformPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeCountTransform',
-            },] }
-];
+PipeCountTransformPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeCountTransformPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformPipe, name: "pipeCountTransform" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeCountTransform',
+                }]
+        }] });
 
 class PipeCountTransformModule {
 }
-PipeCountTransformModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeCountTransformPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeCountTransformPipe],
-            },] }
-];
+PipeCountTransformModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeCountTransformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformModule, declarations: [PipeCountTransformPipe], imports: [CommonModule], exports: [PipeCountTransformPipe] });
+PipeCountTransformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeCountTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeCountTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeCountTransformPipe],
+                }]
+        }] });
 
 class PipeDateConcatPipe {
     constructor() {
@@ -2072,24 +1804,32 @@ class PipeDateConcatPipe {
         return dateStr;
     }
 }
-PipeDateConcatPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeDateConcat',
-            },] }
-];
-PipeDateConcatPipe.ctorParameters = () => [];
+PipeDateConcatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeDateConcatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatPipe, name: "pipeDateConcat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeDateConcat',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 class PipeDateConcatModule {
 }
-PipeDateConcatModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeDateConcatPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeDateConcatPipe],
-            },] }
-];
+PipeDateConcatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeDateConcatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatModule, declarations: [PipeDateConcatPipe], imports: [CommonModule], exports: [PipeDateConcatPipe] });
+PipeDateConcatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDateConcatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeDateConcatPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeDateConcatPipe],
+                }]
+        }] });
 
 class PipeDurationTransformPipe {
     transform(data, type) {
@@ -2144,46 +1884,64 @@ class PipeDurationTransformPipe {
         return duration;
     }
 }
-PipeDurationTransformPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeDurationTransform',
-            },] }
-];
+PipeDurationTransformPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeDurationTransformPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformPipe, name: "pipeDurationTransform" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeDurationTransform',
+                }]
+        }] });
 
 class PipeDurationTransformModule {
 }
-PipeDurationTransformModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeDurationTransformPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeDurationTransformPipe],
-            },] }
-];
+PipeDurationTransformModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeDurationTransformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformModule, declarations: [PipeDurationTransformPipe], imports: [CommonModule], exports: [PipeDurationTransformPipe] });
+PipeDurationTransformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeDurationTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeDurationTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeDurationTransformPipe],
+                }]
+        }] });
 
 class PipeHtmlTagRemovalPipe {
     transform(htmlString) {
         return htmlString ? String(htmlString).replace(/<[^>]+>/gm, '') : '';
     }
 }
-PipeHtmlTagRemovalPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeHtmlTagRemoval',
-            },] }
-];
+PipeHtmlTagRemovalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeHtmlTagRemovalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalPipe, name: "pipeHtmlTagRemoval" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeHtmlTagRemoval',
+                }]
+        }] });
 
 class PipeHtmlTagRemovalModule {
 }
-PipeHtmlTagRemovalModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeHtmlTagRemovalPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeHtmlTagRemovalPipe],
-            },] }
-];
+PipeHtmlTagRemovalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeHtmlTagRemovalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalModule, declarations: [PipeHtmlTagRemovalPipe], imports: [CommonModule], exports: [PipeHtmlTagRemovalPipe] });
+PipeHtmlTagRemovalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeHtmlTagRemovalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeHtmlTagRemovalPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeHtmlTagRemovalPipe],
+                }]
+        }] });
 
 class PipeFilterPipe {
     transform(value, keys, term) {
@@ -2194,23 +1952,32 @@ class PipeFilterPipe {
             .some(key => item.hasOwnProperty(key) && new RegExp(`^${term}$`, 'gi').test(item[key])));
     }
 }
-PipeFilterPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeFilter',
-            },] }
-];
+PipeFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterPipe, name: "pipeFilter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeFilter',
+                }]
+        }] });
 
 class PipeFilterModule {
 }
-PipeFilterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeFilterPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeFilterPipe],
-            },] }
-];
+PipeFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterModule, declarations: [PipeFilterPipe], imports: [CommonModule], exports: [PipeFilterPipe] });
+PipeFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeFilterPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeFilterPipe],
+                }]
+        }] });
 
 class PipeFilterSearchPipe {
     transform(items, searchText, ...keys) {
@@ -2235,23 +2002,32 @@ class PipeFilterSearchPipe {
         });
     }
 }
-PipeFilterSearchPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeFilterSearch',
-            },] }
-];
+PipeFilterSearchPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeFilterSearchPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchPipe, name: "pipeFilterSearch" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeFilterSearch',
+                }]
+        }] });
 
 class PipeFilterSearchModule {
 }
-PipeFilterSearchModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeFilterSearchPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeFilterSearchPipe],
-            },] }
-];
+PipeFilterSearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeFilterSearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchModule, declarations: [PipeFilterSearchPipe], imports: [CommonModule], exports: [PipeFilterSearchPipe] });
+PipeFilterSearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeFilterSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeFilterSearchPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeFilterSearchPipe],
+                }]
+        }] });
 
 class PipeListFilterPipe {
     transform(value, keys, term) {
@@ -2263,23 +2039,32 @@ class PipeListFilterPipe {
             && item[key] && (`${item[key]} `).toLocaleLowerCase().includes(term.toLocaleLowerCase())));
     }
 }
-PipeListFilterPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeListFilter',
-            },] }
-];
+PipeListFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeListFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterPipe, name: "pipeListFilter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeListFilter',
+                }]
+        }] });
 
 class PipeListFilterModule {
 }
-PipeListFilterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeListFilterPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeListFilterPipe],
-            },] }
-];
+PipeListFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeListFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterModule, declarations: [PipeListFilterPipe], imports: [CommonModule], exports: [PipeListFilterPipe] });
+PipeListFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeListFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeListFilterPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeListFilterPipe],
+                }]
+        }] });
 
 const moment$1 = _moment;
 class PipeRelativeTimePipe {
@@ -2290,46 +2075,64 @@ class PipeRelativeTimePipe {
         return moment$1().startOf('hour').fromNow();
     }
 }
-PipeRelativeTimePipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeRelativeTime',
-            },] }
-];
+PipeRelativeTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeRelativeTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimePipe, name: "pipeRelativeTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeRelativeTime',
+                }]
+        }] });
 
 class PipeRelativeTimeModule {
 }
-PipeRelativeTimeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeRelativeTimePipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeRelativeTimePipe],
-            },] }
-];
+PipeRelativeTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeRelativeTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimeModule, declarations: [PipeRelativeTimePipe], imports: [CommonModule], exports: [PipeRelativeTimePipe] });
+PipeRelativeTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimeModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeRelativeTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeRelativeTimePipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeRelativeTimePipe],
+                }]
+        }] });
 
 class OrderByPipe {
     constructor() {
         this.transform = orderBy;
     }
 }
-OrderByPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'orderBy',
-            },] }
-];
+OrderByPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+OrderByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, name: "orderBy" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'orderBy',
+                }]
+        }] });
 
 class PipeOrderByModule {
 }
-PipeOrderByModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [OrderByPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [OrderByPipe],
-            },] }
-];
+PipeOrderByModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeOrderByModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeOrderByModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeOrderByModule, declarations: [OrderByPipe], imports: [CommonModule], exports: [OrderByPipe] });
+PipeOrderByModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeOrderByModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeOrderByModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OrderByPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [OrderByPipe],
+                }]
+        }] });
 
 class PipeLimitToPipe {
     transform(data, limit = 5) {
@@ -2349,23 +2152,32 @@ class PipeLimitToPipe {
         return null;
     }
 }
-PipeLimitToPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeLimitTo',
-            },] }
-];
+PipeLimitToPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeLimitToPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToPipe, name: "pipeLimitTo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeLimitTo',
+                }]
+        }] });
 
 class PipeLimitToModule {
 }
-PipeLimitToModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeLimitToPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeLimitToPipe],
-            },] }
-];
+PipeLimitToModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeLimitToModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToModule, declarations: [PipeLimitToPipe], imports: [CommonModule], exports: [PipeLimitToPipe] });
+PipeLimitToModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeLimitToModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeLimitToPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeLimitToPipe],
+                }]
+        }] });
 
 class PipeNameTransformPipe {
     transform(value) {
@@ -2385,23 +2197,32 @@ class PipeNameTransformPipe {
         return 'Anonymous User';
     }
 }
-PipeNameTransformPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeNameTransform',
-            },] }
-];
+PipeNameTransformPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipeNameTransformPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformPipe, name: "pipeNameTransform" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeNameTransform',
+                }]
+        }] });
 
 class PipeNameTransformModule {
 }
-PipeNameTransformModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeNameTransformPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeNameTransformPipe],
-            },] }
-];
+PipeNameTransformModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeNameTransformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformModule, declarations: [PipeNameTransformPipe], imports: [CommonModule], exports: [PipeNameTransformPipe] });
+PipeNameTransformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeNameTransformModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeNameTransformPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeNameTransformPipe],
+                }]
+        }] });
 
 class PipePartialContentPipe {
     transform(value, keys) {
@@ -2414,23 +2235,32 @@ class PipePartialContentPipe {
         return result;
     }
 }
-PipePartialContentPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipePartialContent',
-            },] }
-];
+PipePartialContentPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PipePartialContentPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentPipe, name: "pipePartialContent" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipePartialContent',
+                }]
+        }] });
 
 class PipePartialContentModule {
 }
-PipePartialContentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipePartialContentPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipePartialContentPipe],
-            },] }
-];
+PipePartialContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipePartialContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentModule, declarations: [PipePartialContentPipe], imports: [CommonModule], exports: [PipePartialContentPipe] });
+PipePartialContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipePartialContentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipePartialContentPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipePartialContentPipe],
+                }]
+        }] });
 
 class PipeSafeSanitizerPipe {
     constructor(sanitizer) {
@@ -2453,26 +2283,32 @@ class PipeSafeSanitizerPipe {
         }
     }
 }
-PipeSafeSanitizerPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'pipeSafeSanitizer',
-            },] }
-];
-PipeSafeSanitizerPipe.ctorParameters = () => [
-    { type: DomSanitizer }
-];
+PipeSafeSanitizerPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+PipeSafeSanitizerPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerPipe, name: "pipeSafeSanitizer" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pipeSafeSanitizer',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; } });
 
 class PipeSafeSanitizerModule {
 }
-PipeSafeSanitizerModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PipeSafeSanitizerPipe],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PipeSafeSanitizerPipe],
-            },] }
-];
+PipeSafeSanitizerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeSafeSanitizerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerModule, declarations: [PipeSafeSanitizerPipe], imports: [CommonModule], exports: [PipeSafeSanitizerPipe] });
+PipeSafeSanitizerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PipeSafeSanitizerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PipeSafeSanitizerPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [PipeSafeSanitizerPipe],
+                }]
+        }] });
 
 class ExploreDetailResolve {
     constructor(http, configSvc, utilitySvc) {
@@ -2534,17 +2370,14 @@ class ExploreDetailResolve {
         return pageData;
     }
 }
-ExploreDetailResolve.ɵprov = i0.ɵɵdefineInjectable({ factory: function ExploreDetailResolve_Factory() { return new ExploreDetailResolve(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ConfigurationsService), i0.ɵɵinject(UtilityService)); }, token: ExploreDetailResolve, providedIn: "root" });
-ExploreDetailResolve.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ExploreDetailResolve.ctorParameters = () => [
-    { type: HttpClient },
-    { type: ConfigurationsService },
-    { type: UtilityService }
-];
+ExploreDetailResolve.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExploreDetailResolve, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable });
+ExploreDetailResolve.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExploreDetailResolve, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExploreDetailResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }, { type: UtilityService }]; } });
 
 class MarketingOfferingResolve {
     constructor(http) {
@@ -2567,15 +2400,14 @@ class MarketingOfferingResolve {
         return pageData;
     }
 }
-MarketingOfferingResolve.ɵprov = i0.ɵɵdefineInjectable({ factory: function MarketingOfferingResolve_Factory() { return new MarketingOfferingResolve(i0.ɵɵinject(i1$1.HttpClient)); }, token: MarketingOfferingResolve, providedIn: "root" });
-MarketingOfferingResolve.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-MarketingOfferingResolve.ctorParameters = () => [
-    { type: HttpClient }
-];
+MarketingOfferingResolve.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarketingOfferingResolve, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+MarketingOfferingResolve.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarketingOfferingResolve, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarketingOfferingResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
 const JSON_MAP = {
     pagename: 'lexid',
@@ -2644,17 +2476,238 @@ class PageResolve {
         }));
     }
 }
-PageResolve.ɵprov = i0.ɵɵdefineInjectable({ factory: function PageResolve_Factory() { return new PageResolve(i0.ɵɵinject(ConfigurationsService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.LOCALE_ID)); }, token: PageResolve, providedIn: "root" });
-PageResolve.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-PageResolve.ctorParameters = () => [
-    { type: ConfigurationsService },
-    { type: HttpClient },
-    { type: String, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
-];
+PageResolve.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PageResolve, deps: [{ token: ConfigurationsService }, { token: i1$2.HttpClient }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+PageResolve.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PageResolve, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PageResolve, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: i1$2.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });
+
+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.warn = noConsoleWithError;
+        console.info = noConsoleWithError;
+        console.error = noConsoleWithError;
+    }
+}
+LoggerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LoggerService, deps: [{ token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable });
+LoggerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LoggerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LoggerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationsService }]; } });
+
+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;
+    }
+    init(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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;
+                yield this.exchangeTokenForCode(this.code, url);
+                if (location.hash) {
+                    url += location.hash.substring(1);
+                }
+                history.replaceState(null, '', url);
+            }
+        });
+    }
+    login(email) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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');
+            }
+        });
+    }
+    getToken(email) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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 = yield 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 = yield 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) {
+            return true;
+        }
+        return false;
+    }
+    exchangeTokenForCode(code, redirectUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.http
+                .get(`${API_ENDPOINTS}?code=${code}&redirectUrl=${redirectUrl}`)
+                .toPromise();
+            return this.getInstanceFromResponse(response);
+        });
+    }
+    getTokenForEmail(email) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield 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,
+        };
+    }
+}
+AuthMicrosoftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthMicrosoftService, deps: [{ token: LoggerService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthMicrosoftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthMicrosoftService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthMicrosoftService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: LoggerService }, { type: i1$2.HttpClient }]; } });
 
 var WsEvents;
 (function (WsEvents) {
@@ -2957,19 +3010,19 @@ class EventService {
         }
     }
 }
-EventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function EventService_Factory() { return new EventService(i0.ɵɵinject(UtilityService), i0.ɵɵinject("environment")); }, token: EventService, providedIn: "root" });
-EventService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-EventService.ctorParameters = () => [
-    { type: UtilityService },
-    { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
-];
+EventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EventService, deps: [{ token: UtilityService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+EventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EventService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: UtilityService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }]; } });
 
 const PROTECTED_SLAG_V8 = '/apis/protected/v8';
-const ɵ0 = (type, id) => `${PROTECTED_SLAG_V8}/content/collection/${type}/${id}`, ɵ1 = (contentId) => `${PROTECTED_SLAG_V8}/user/progress/${contentId}`;
 const API_END_POINTS = {
     CONTENT: `${PROTECTED_SLAG_V8}/content`,
     AUTHORING_CONTENT: `/apis/authApi/hierarchy`,
@@ -2986,9 +3039,9 @@ const API_END_POINTS = {
     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: ɵ0,
+    COLLECTION_HIERARCHY: (type, id) => `${PROTECTED_SLAG_V8}/content/collection/${type}/${id}`,
     REGISTRATION_STATUS: `${PROTECTED_SLAG_V8}/admin/userRegistration/checkUserRegistrationContent`,
-    MARK_AS_COMPLETE_META: ɵ1,
+    MARK_AS_COMPLETE_META: (contentId) => `${PROTECTED_SLAG_V8}/user/progress/${contentId}`,
 };
 class WidgetContentService {
     constructor(http, configSvc) {
@@ -3135,16 +3188,14 @@ class WidgetContentService {
         return this.http.get(url);
     }
 }
-WidgetContentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function WidgetContentService_Factory() { return new WidgetContentService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ConfigurationsService)); }, token: WidgetContentService, providedIn: "root" });
-WidgetContentService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-WidgetContentService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: ConfigurationsService }
-];
+WidgetContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetContentService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable });
+WidgetContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetContentService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetContentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
 
 class TelemetryService {
     constructor(environment, configSvc, eventsSvc, logger) {
@@ -3561,119 +3612,26 @@ class TelemetryService {
         return null;
     }
 }
-TelemetryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TelemetryService_Factory() { return new TelemetryService(i0.ɵɵinject("environment"), i0.ɵɵinject(ConfigurationsService), i0.ɵɵinject(EventService), i0.ɵɵinject(LoggerService)); }, token: TelemetryService, providedIn: "root" });
-TelemetryService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-TelemetryService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: ConfigurationsService },
-    { type: EventService },
-    { type: LoggerService }
-];
+TelemetryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TelemetryService, deps: [{ token: 'environment' }, { token: ConfigurationsService }, { token: EventService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+TelemetryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TelemetryService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TelemetryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }, { type: ConfigurationsService }, { type: EventService }, { type: LoggerService }]; } });
 
 class SubapplicationRespondService {
-    constructor(configSvc, contentSvc, keyCloakSvc, activatedRoute, router, eventSvc, teleSvc) {
-        this.configSvc = configSvc;
+    constructor(contentSvc, eventSvc, teleSvc) {
         this.contentSvc = contentSvc;
-        this.keyCloakSvc = keyCloakSvc;
-        this.activatedRoute = activatedRoute;
-        this.router = router;
         this.eventSvc = eventSvc;
         this.teleSvc = teleSvc;
         this.subAppname = '';
         this.continueLearningData = null;
         this.loaded = false;
-        this.changeContextrespond();
-        this.configSvc.prefChangeNotifier.subscribe(() => {
-            this.changeContextrespond();
-        });
-    }
-    loadedRespond(contentWindow, applicationName, id) {
-        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 = 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 ? Object.assign({ 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 = 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 ? Object.assign({ 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({
@@ -3720,56 +3678,15 @@ class SubapplicationRespondService {
         this.contentWindowinfo = null;
         this.loaded = false;
     }
-    changeContextrespond() {
-        if (this.loaded && this.contentWindowinfo && this.configSvc && this.configSvc.userProfile && this.subAppname) {
-            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 = this.activatedRoute.snapshot.queryParams.viewMode ?
-                this.activatedRoute.snapshot.queryParams.viewMode : '';
-            const token = this.keyCloakSvc.token;
-            const response = {
-                subApplicationName: this.subAppname,
-                requestId: 'CONTEXT_CHANGE',
-                parentContext: {
-                    domainName: window.location.host,
-                    url: this.router.url,
-                    rootOrg: this.configSvc.rootOrg,
-                    theme: this.configSvc.activeThemeObject ? Object.assign({ 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',
-                },
-            };
-            this.contentWindowinfo.postMessage(response, '*');
-        }
-    }
 }
-SubapplicationRespondService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SubapplicationRespondService_Factory() { return new SubapplicationRespondService(i0.ɵɵinject(ConfigurationsService), i0.ɵɵinject(WidgetContentService), i0.ɵɵinject(AuthKeycloakService), i0.ɵɵinject(i3.ActivatedRoute), i0.ɵɵinject(i3.Router), i0.ɵɵinject(EventService), i0.ɵɵinject(TelemetryService)); }, token: SubapplicationRespondService, providedIn: "root" });
-SubapplicationRespondService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-SubapplicationRespondService.ctorParameters = () => [
-    { type: ConfigurationsService },
-    { type: WidgetContentService },
-    { type: AuthKeycloakService },
-    { type: ActivatedRoute },
-    { type: Router },
-    { type: EventService },
-    { type: TelemetryService }
-];
+SubapplicationRespondService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SubapplicationRespondService, deps: [{ token: WidgetContentService }, { token: EventService }, { token: TelemetryService }], target: i0.ɵɵFactoryTarget.Injectable });
+SubapplicationRespondService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SubapplicationRespondService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SubapplicationRespondService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: WidgetContentService }, { type: EventService }, { type: TelemetryService }]; } });
 
 const endpoints = {
     userPref: '/apis/protected/v8/user/preference',
@@ -3837,16 +3754,14 @@ class UserPreferenceService {
         });
     }
 }
-UserPreferenceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UserPreferenceService_Factory() { return new UserPreferenceService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ConfigurationsService)); }, token: UserPreferenceService, providedIn: "root" });
-UserPreferenceService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-UserPreferenceService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: ConfigurationsService }
-];
+UserPreferenceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferenceService, deps: [{ token: i1$2.HttpClient }, { token: ConfigurationsService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserPreferenceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferenceService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferenceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: ConfigurationsService }]; } });
 
 var NsContent;
 (function (NsContent) {
@@ -3955,5 +3870,5 @@ var NsContent;
     })(ETagType = NsContent.ETagType || (NsContent.ETagType = {}));
 })(NsContent || (NsContent = {}));
 
-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, ɵ0, ɵ1 };
+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.js.map