@sunbird-cb/utils 1.0.18-ang-9-12 → 1.0.19-ang-9-12

package/fesm2015/sunbird-cb-utils.js

@@ -1,39 +1,33 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Inject, Output, NgModule, Directive, Input, HostBinding, HostListener, ViewChild, Pipe, LOCALE_ID } from '@angular/core';
-import * as i1$1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+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 { BehaviorSubject, ReplaySubject, fromEvent, timer, of, forkJoin, Subject } from 'rxjs';
-import * as i3 from '@angular/material/snack-bar';
 import * as i1 from '@angular/cdk/layout';
-import { Breakpoints } from '@angular/cdk/layout';
+import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
 import { map, debounceTime, distinctUntilChanged, throttleTime, filter, catchError, mergeMap, retry } from 'rxjs/operators';
-import * as i5 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@angular/material/button';
+import { CommonModule } from '@angular/common';
 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 { MatIconModule } from '@angular/material/icon';
+import { MatSliderModule } from '@angular/material/slider';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i3$1 from '@angular/material/progress-spinner';
+import { ImageCropperModule } from 'ngx-image-cropper';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { __awaiter } from 'tslib';
 import * as i2 from 'keycloak-angular';
-import { KeycloakEventType } from 'keycloak-angular';
-import * as i1$2 from '@angular/common/http';
-import * as i3$2 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
+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 _moment from 'moment';
 import * as _ from 'lodash';
 import { orderBy } from 'lodash';
-import * as i1$3 from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
 
 class ConfigurationsService {
     constructor() {
@@ -88,14 +82,13 @@ class ConfigurationsService {
         this.updateOrgReadData.next(id);
     }
 }
-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 []; } });
+ConfigurationsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigurationsService_Factory() { return new ConfigurationsService(); }, token: ConfigurationsService, providedIn: "root" });
+ConfigurationsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+ConfigurationsService.ctorParameters = () => [];
 
 class ValueService {
     constructor(breakpointObserver) {
@@ -108,14 +101,15 @@ class ValueService {
             .pipe(map((res) => res.matches));
     }
 }
-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 }]; } });
+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 }
+];
 
 class ImageCropComponent {
     constructor(dialogRef, configSvc, snackBar, valueSvc, data) {
@@ -254,67 +248,45 @@ class ImageCropComponent {
         this.dialogRef.close();
     }
 }
-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
-            }] } });
+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 }]
+};
 
 class ImageCropModule {
 }
-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],
-                }]
-        }] });
+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) {
@@ -936,46 +908,31 @@ class ClassChangeOnScrollDirective {
         }, this.wsClassOnScrollDirChange || 5000);
     }
 }
-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']
-            }] } });
+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',] }]
+};
 
 class ClassChangeOnScrollModule {
 }
-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],
-                }]
-        }] });
+ClassChangeOnScrollModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ClassChangeOnScrollDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [ClassChangeOnScrollDirective],
+            },] }
+];
 
 class DefaultThumbnailDirective {
     constructor() {
@@ -996,42 +953,29 @@ class DefaultThumbnailDirective {
         }
     }
 }
-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']
-            }] } });
+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',] }]
+};
 
 class DefaultThumbnailModule {
 }
-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],
-                }]
-        }] });
+DefaultThumbnailModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [DefaultThumbnailDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [DefaultThumbnailDirective],
+            },] }
+];
 
 const customBreakPoints = {
     xs: '(max-width: 450px)',
@@ -1101,37 +1045,30 @@ class ImageResponsiveDirective {
         }
     }
 }
-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']
-            }] } });
+ImageResponsiveDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsImageResponsive]',
+            },] }
+];
+ImageResponsiveDirective.ctorParameters = () => [
+    { type: BreakpointObserver }
+];
+ImageResponsiveDirective.propDecorators = {
+    src: [{ type: Input }],
+    srcBindUrl: [{ type: HostBinding, args: ['src',] }]
+};
 
 class ImageResponsiveModule {
 }
-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],
-                }]
-        }] });
+ImageResponsiveModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ImageResponsiveDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [ImageResponsiveDirective],
+            },] }
+];
 
 class InViewPortDirective {
     constructor(_el) {
@@ -1180,34 +1117,29 @@ class InViewPortDirective {
         this.inViewport.emit(event);
     }
 }
-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
-            }] } });
+InViewPortDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsInViewPort]',
+            },] }
+];
+InViewPortDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+InViewPortDirective.propDecorators = {
+    inViewport: [{ type: Output }]
+};
 
 class InViewPortModule {
 }
-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,
-                    ],
-                }]
-        }] });
+InViewPortModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [InViewPortDirective],
+                exports: [InViewPortDirective],
+                imports: [
+                    CommonModule,
+                ],
+            },] }
+];
 
 class NavigationDirective {
     constructor() {
@@ -1229,74 +1161,52 @@ class NavigationDirective {
         }
     }
 }
-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']]
-            }] } });
+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'],] }]
+};
 
 class NavigationModule {
 }
-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],
-                }]
-        }] });
+NavigationModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [NavigationDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [NavigationDirective],
+            },] }
+];
 
 class PermissionDirective {
     constructor() { }
 }
-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 []; } });
+PermissionDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsPermission]',
+            },] }
+];
+PermissionDirective.ctorParameters = () => [];
 
 class PermissionModule {
 }
-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],
-                }]
-        }] });
+PermissionModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PermissionDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PermissionDirective],
+            },] }
+];
 
 function getStringifiedQueryParams(obj) {
     return Object.entries(obj)
@@ -1379,52 +1289,35 @@ class HorizontalScrollerComponent {
         }
     }
 }
-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 }]
-            }] } });
+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 },] }]
+};
 
 class HorizontalScrollerModule {
 }
-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],
-                }]
-        }] });
+HorizontalScrollerModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [HorizontalScrollerComponent],
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    MatProgressSpinnerModule,
+                ],
+                exports: [HorizontalScrollerComponent],
+            },] }
+];
 
 class LoggerService {
     constructor(configSvc) {
@@ -1459,14 +1352,15 @@ class LoggerService {
         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 }]; } });
+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 }
+];
 
 const msTokenExpiryDuration = 600;
 const storageKey$1 = 'msLoginRequested';
@@ -1638,14 +1532,16 @@ class AuthMicrosoftService {
         };
     }
 }
-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 }]; } });
+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';
@@ -1856,14 +1752,17 @@ class AuthKeycloakService {
         }
     }
 }
-AuthKeycloakService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AuthKeycloakService, deps: [{ token: ConfigurationsService }, { token: i2.KeycloakService }, { token: AuthMicrosoftService }], 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 [{ type: ConfigurationsService }, { type: i2.KeycloakService }, { type: AuthMicrosoftService }]; } });
+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 }
+];
 
 const RANDOM_ID_PER_USER = 0;
 class UtilityService {
@@ -1972,14 +1871,18 @@ class UtilityService {
         return data;
     }
 }
-UtilityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UtilityService, deps: [{ token: i1$2.HttpClient }, { token: i2$1.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$1.Platform }, { type: i3$2.Router }, { type: i3$2.ActivatedRoute }]; } });
+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 }
+];
 
 class LogoutComponent {
     constructor(dialogRef, authSvc, configSvc, utilitySvc) {
@@ -2010,40 +1913,33 @@ class LogoutComponent {
         return false;
     }
 }
-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 }]; } });
+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 }
+];
 
 class LogoutModule {
 }
-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],
-                }]
-        }] });
+LogoutModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [LogoutComponent],
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatDialogModule,
+                ],
+                entryComponents: [LogoutComponent],
+            },] }
+];
 
 class PipeConciseDateRangePipe {
     transform(dateRange) {
@@ -2091,28 +1987,21 @@ class PipeConciseDateRangePipe {
         }
     }
 }
-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',
-                }]
-        }] });
+PipeConciseDateRangePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeConciseDateRange',
+            },] }
+];
 
 class PipeConciseDateRangeModule {
 }
-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],
-                }]
-        }] });
+PipeConciseDateRangeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeConciseDateRangePipe],
+                imports: [CommonModule],
+                exports: [PipeConciseDateRangePipe],
+            },] }
+];
 
 class PipeCountTransformPipe {
     transform(value) {
@@ -2140,32 +2029,23 @@ class PipeCountTransformPipe {
         return '0';
     }
 }
-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',
-                }]
-        }] });
+PipeCountTransformPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeCountTransform',
+            },] }
+];
 
 class PipeCountTransformModule {
 }
-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],
-                }]
-        }] });
+PipeCountTransformModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeCountTransformPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeCountTransformPipe],
+            },] }
+];
 
 class PipeDateConcatPipe {
     constructor() {
@@ -2192,32 +2072,24 @@ class PipeDateConcatPipe {
         return dateStr;
     }
 }
-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 []; } });
+PipeDateConcatPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeDateConcat',
+            },] }
+];
+PipeDateConcatPipe.ctorParameters = () => [];
 
 class PipeDateConcatModule {
 }
-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],
-                }]
-        }] });
+PipeDateConcatModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeDateConcatPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeDateConcatPipe],
+            },] }
+];
 
 class PipeDurationTransformPipe {
     transform(data, type) {
@@ -2272,64 +2144,46 @@ class PipeDurationTransformPipe {
         return duration;
     }
 }
-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',
-                }]
-        }] });
+PipeDurationTransformPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeDurationTransform',
+            },] }
+];
 
 class PipeDurationTransformModule {
 }
-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],
-                }]
-        }] });
+PipeDurationTransformModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeDurationTransformPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeDurationTransformPipe],
+            },] }
+];
 
 class PipeHtmlTagRemovalPipe {
     transform(htmlString) {
         return htmlString ? String(htmlString).replace(/<[^>]+>/gm, '') : '';
     }
 }
-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',
-                }]
-        }] });
+PipeHtmlTagRemovalPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeHtmlTagRemoval',
+            },] }
+];
 
 class PipeHtmlTagRemovalModule {
 }
-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],
-                }]
-        }] });
+PipeHtmlTagRemovalModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeHtmlTagRemovalPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeHtmlTagRemovalPipe],
+            },] }
+];
 
 class PipeFilterPipe {
     transform(value, keys, term) {
@@ -2340,32 +2194,23 @@ class PipeFilterPipe {
             .some(key => item.hasOwnProperty(key) && new RegExp(`^${term}$`, 'gi').test(item[key])));
     }
 }
-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',
-                }]
-        }] });
+PipeFilterPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeFilter',
+            },] }
+];
 
 class PipeFilterModule {
 }
-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],
-                }]
-        }] });
+PipeFilterModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeFilterPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeFilterPipe],
+            },] }
+];
 
 class PipeFilterSearchPipe {
     transform(items, searchText, ...keys) {
@@ -2390,32 +2235,23 @@ class PipeFilterSearchPipe {
         });
     }
 }
-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',
-                }]
-        }] });
+PipeFilterSearchPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeFilterSearch',
+            },] }
+];
 
 class PipeFilterSearchModule {
 }
-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],
-                }]
-        }] });
+PipeFilterSearchModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeFilterSearchPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeFilterSearchPipe],
+            },] }
+];
 
 class PipeListFilterPipe {
     transform(value, keys, term) {
@@ -2427,32 +2263,23 @@ class PipeListFilterPipe {
             && item[key] && (`${item[key]} `).toLocaleLowerCase().includes(term.toLocaleLowerCase())));
     }
 }
-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',
-                }]
-        }] });
+PipeListFilterPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeListFilter',
+            },] }
+];
 
 class PipeListFilterModule {
 }
-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],
-                }]
-        }] });
+PipeListFilterModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeListFilterPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeListFilterPipe],
+            },] }
+];
 
 const moment$1 = _moment;
 class PipeRelativeTimePipe {
@@ -2463,64 +2290,46 @@ class PipeRelativeTimePipe {
         return moment$1().startOf('hour').fromNow();
     }
 }
-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',
-                }]
-        }] });
+PipeRelativeTimePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeRelativeTime',
+            },] }
+];
 
 class PipeRelativeTimeModule {
 }
-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],
-                }]
-        }] });
+PipeRelativeTimeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeRelativeTimePipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeRelativeTimePipe],
+            },] }
+];
 
 class OrderByPipe {
     constructor() {
         this.transform = 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',
-                }]
-        }] });
+OrderByPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'orderBy',
+            },] }
+];
 
 class PipeOrderByModule {
 }
-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],
-                }]
-        }] });
+PipeOrderByModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [OrderByPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [OrderByPipe],
+            },] }
+];
 
 class PipeLimitToPipe {
     transform(data, limit = 5) {
@@ -2540,32 +2349,23 @@ class PipeLimitToPipe {
         return null;
     }
 }
-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',
-                }]
-        }] });
+PipeLimitToPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeLimitTo',
+            },] }
+];
 
 class PipeLimitToModule {
 }
-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],
-                }]
-        }] });
+PipeLimitToModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeLimitToPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeLimitToPipe],
+            },] }
+];
 
 class PipeNameTransformPipe {
     transform(value) {
@@ -2585,32 +2385,23 @@ class PipeNameTransformPipe {
         return 'Anonymous User';
     }
 }
-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',
-                }]
-        }] });
+PipeNameTransformPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeNameTransform',
+            },] }
+];
 
 class PipeNameTransformModule {
 }
-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],
-                }]
-        }] });
+PipeNameTransformModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeNameTransformPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeNameTransformPipe],
+            },] }
+];
 
 class PipePartialContentPipe {
     transform(value, keys) {
@@ -2623,32 +2414,23 @@ class PipePartialContentPipe {
         return result;
     }
 }
-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',
-                }]
-        }] });
+PipePartialContentPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipePartialContent',
+            },] }
+];
 
 class PipePartialContentModule {
 }
-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],
-                }]
-        }] });
+PipePartialContentModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipePartialContentPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipePartialContentPipe],
+            },] }
+];
 
 class PipeSafeSanitizerPipe {
     constructor(sanitizer) {
@@ -2671,32 +2453,26 @@ class PipeSafeSanitizerPipe {
         }
     }
 }
-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 }]; } });
+PipeSafeSanitizerPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'pipeSafeSanitizer',
+            },] }
+];
+PipeSafeSanitizerPipe.ctorParameters = () => [
+    { type: DomSanitizer }
+];
 
 class PipeSafeSanitizerModule {
 }
-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],
-                }]
-        }] });
+PipeSafeSanitizerModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PipeSafeSanitizerPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PipeSafeSanitizerPipe],
+            },] }
+];
 
 class ExploreDetailResolve {
     constructor(http, configSvc, utilitySvc) {
@@ -2758,14 +2534,17 @@ class ExploreDetailResolve {
         return pageData;
     }
 }
-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 }]; } });
+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 }
+];
 
 class MarketingOfferingResolve {
     constructor(http) {
@@ -2788,14 +2567,15 @@ class MarketingOfferingResolve {
         return pageData;
     }
 }
-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 }]; } });
+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 }
+];
 
 const JSON_MAP = {
     pagename: 'lexid',
@@ -2864,17 +2644,17 @@ class PageResolve {
         }));
     }
 }
-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]
-                }] }]; } });
+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,] }] }
+];
 
 var WsEvents;
 (function (WsEvents) {
@@ -3177,19 +2957,19 @@ class EventService {
         }
     }
 }
-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']
-                }] }]; } });
+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',] }] }
+];
 
 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`,
@@ -3206,9 +2986,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: (type, id) => `${PROTECTED_SLAG_V8}/content/collection/${type}/${id}`,
+    COLLECTION_HIERARCHY: ɵ0,
     REGISTRATION_STATUS: `${PROTECTED_SLAG_V8}/admin/userRegistration/checkUserRegistrationContent`,
-    MARK_AS_COMPLETE_META: (contentId) => `${PROTECTED_SLAG_V8}/user/progress/${contentId}`,
+    MARK_AS_COMPLETE_META: ɵ1,
 };
 class WidgetContentService {
     constructor(http, configSvc) {
@@ -3355,14 +3135,16 @@ class WidgetContentService {
         return this.http.get(url);
     }
 }
-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 }]; } });
+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 }
+];
 
 class TelemetryService {
     constructor(environment, configSvc, eventsSvc, logger) {
@@ -3779,17 +3561,18 @@ class TelemetryService {
         return null;
     }
 }
-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 }]; } });
+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 }
+];
 
 class SubapplicationRespondService {
     constructor(configSvc, contentSvc, keyCloakSvc, activatedRoute, router, eventSvc, teleSvc) {
@@ -3972,14 +3755,21 @@ class SubapplicationRespondService {
         }
     }
 }
-SubapplicationRespondService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SubapplicationRespondService, deps: [{ token: ConfigurationsService }, { token: WidgetContentService }, { token: AuthKeycloakService }, { token: i3$2.ActivatedRoute }, { token: i3$2.Router }, { 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: ConfigurationsService }, { type: WidgetContentService }, { type: AuthKeycloakService }, { type: i3$2.ActivatedRoute }, { type: i3$2.Router }, { type: EventService }, { type: TelemetryService }]; } });
+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 }
+];
 
 const endpoints = {
     userPref: '/apis/protected/v8/user/preference',
@@ -4047,14 +3837,16 @@ class UserPreferenceService {
         });
     }
 }
-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 }]; } });
+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 }
+];
 
 var NsContent;
 (function (NsContent) {
@@ -4163,5 +3955,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 };
+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 };
 //# sourceMappingURL=sunbird-cb-utils.js.map