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

package/bundles/sunbird-cb-utils.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/cdk/layout'), require('rxjs/operators'), require('@angular/material/icon'), require('@angular/material/button'), require('ngx-image-cropper'), require('@angular/material/slider'), require('@angular/material/card'), require('@angular/common'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@angular/material/progress-spinner'), require('keycloak-angular'), require('@angular/common/http'), require('@angular/router'), require('@angular/cdk/platform'), require('moment'), require('lodash'), require('@angular/platform-browser')) :
-    typeof define === 'function' && define.amd ? define('@sunbird-cb/utils', ['exports', '@angular/core', '@angular/material/dialog', 'rxjs', '@angular/material/snack-bar', '@angular/cdk/layout', 'rxjs/operators', '@angular/material/icon', '@angular/material/button', 'ngx-image-cropper', '@angular/material/slider', '@angular/material/card', '@angular/common', '@angular/material/toolbar', '@angular/material/tooltip', '@angular/material/progress-spinner', 'keycloak-angular', '@angular/common/http', '@angular/router', '@angular/cdk/platform', 'moment', 'lodash', '@angular/platform-browser'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sunbird-cb"] = global["sunbird-cb"] || {}, global["sunbird-cb"].utils = {}), global.ng.core, global.ng.material.dialog, global.rxjs, global.ng.material.snackBar, global.ng.cdk.layout, global.rxjs.operators, global.ng.material.icon, global.ng.material.button, global.ngxImageCropper, global.ng.material.slider, global.ng.material.card, global.ng.common, global.ng.material.toolbar, global.ng.material.tooltip, global.ng.material.progressSpinner, global["keycloak-angular"], global.ng.common.http, global.ng.router, global.ng.cdk.platform, global.moment, global._, global.ng.platformBrowser));
-})(this, (function (exports, i0, i1$1, rxjs, i3, i1, operators, i5, i6, i7, i8, i9, i4, toolbar, tooltip, i3$1, i2, i1$2, i3$2, i2$1, _moment, _, i1$3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@angular/material/snack-bar'), require('rxjs'), require('@angular/cdk/layout'), require('rxjs/operators'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/slider'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('ngx-image-cropper'), require('@angular/material/progress-spinner'), require('keycloak-angular'), require('@angular/common/http'), require('@angular/cdk/platform'), require('@angular/router'), require('moment'), require('lodash'), require('@angular/platform-browser')) :
+    typeof define === 'function' && define.amd ? define('@sunbird-cb/utils', ['exports', '@angular/core', '@angular/material/dialog', '@angular/material/snack-bar', 'rxjs', '@angular/cdk/layout', 'rxjs/operators', '@angular/common', '@angular/material/button', '@angular/material/card', '@angular/material/icon', '@angular/material/slider', '@angular/material/toolbar', '@angular/material/tooltip', 'ngx-image-cropper', '@angular/material/progress-spinner', 'keycloak-angular', '@angular/common/http', '@angular/cdk/platform', '@angular/router', 'moment', 'lodash', '@angular/platform-browser'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sunbird-cb"] = global["sunbird-cb"] || {}, global["sunbird-cb"].utils = {}), global.ng.core, global.ng.material.dialog, global.ng.material.snackBar, global.rxjs, global.ng.cdk.layout, global.rxjs.operators, global.ng.common, global.ng.material.button, global.ng.material.card, global.ng.material.icon, global.ng.material.slider, global.ng.material.toolbar, global.ng.material.tooltip, global.ngxImageCropper, global.ng.material.progressSpinner, global["keycloak-angular"], global.ng.common.http, global.ng.cdk.platform, global.ng.router, global.moment, global._, global.ng.platformBrowser));
+})(this, (function (exports, i0, dialog, snackBar, rxjs, i1, operators, common, button, card, icon, slider, toolbar, tooltip, ngxImageCropper, progressSpinner, i2, i1$1, i2$1, i3, _moment, _, platformBrowser) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,23 +23,13 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var _moment__namespace = /*#__PURE__*/_interopNamespace(_moment);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
 
     var ConfigurationsService = /** @class */ (function () {
         function ConfigurationsService() {
@@ -95,14 +85,13 @@
         };
         return ConfigurationsService;
     }());
-    ConfigurationsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ConfigurationsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationsService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationsService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return []; } });
+    ConfigurationsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ConfigurationsService_Factory() { return new ConfigurationsService(); }, token: ConfigurationsService, providedIn: "root" });
+    ConfigurationsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ConfigurationsService.ctorParameters = function () { return []; };
 
     var ValueService = /** @class */ (function () {
         function ValueService(breakpointObserver) {
@@ -116,14 +105,15 @@
         }
         return ValueService;
     }());
-    ValueService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ValueService, deps: [{ token: i1__namespace.BreakpointObserver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ValueService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ValueService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ValueService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.BreakpointObserver }]; } });
+    ValueService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ValueService_Factory() { return new ValueService(i0__namespace.ɵɵinject(i1__namespace.BreakpointObserver)); }, token: ValueService, providedIn: "root" });
+    ValueService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ValueService.ctorParameters = function () { return [
+        { type: i1.BreakpointObserver }
+    ]; };
 
     var ImageCropComponent = /** @class */ (function () {
         function ImageCropComponent(dialogRef, configSvc, snackBar, valueSvc, data) {
@@ -265,72 +255,48 @@
         };
         return ImageCropComponent;
     }());
-    ImageCropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: ConfigurationsService }, { token: i3__namespace.MatSnackBar }, { token: ValueService }, { token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ImageCropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageCropComponent, selector: "ws-utils-image-crop", outputs: { data: "data" }, ngImport: i0__namespace, 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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6__namespace.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__namespace.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__namespace.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__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ws-utils-image-crop',
-                        templateUrl: './image-crop.component.html',
-                        styleUrls: ['./image-crop.component.scss'],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace$1.MatDialogRef }, { type: ConfigurationsService }, { type: i3__namespace.MatSnackBar }, { type: ValueService }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.MAT_DIALOG_DATA]
-                        }] }];
-        }, propDecorators: { data: [{
-                    type: i0.Output
-                }] } });
+    ImageCropComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: ConfigurationsService },
+        { type: snackBar.MatSnackBar },
+        { type: ValueService },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
+    ]; };
+    ImageCropComponent.propDecorators = {
+        data: [{ type: i0.Output }]
+    };
 
     var ImageCropModule = /** @class */ (function () {
         function ImageCropModule() {
         }
         return ImageCropModule;
     }());
-    ImageCropModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ImageCropModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropModule, declarations: [ImageCropComponent], imports: [i4.CommonModule,
-            i7.ImageCropperModule,
-            i5.MatIconModule,
-            i6.MatButtonModule,
-            i1$1.MatDialogModule,
-            toolbar.MatToolbarModule,
-            i1$1.MatDialogModule,
-            i9.MatCardModule,
-            tooltip.MatTooltipModule,
-            i8.MatSliderModule], exports: [ImageCropComponent] });
-    ImageCropModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropModule, imports: [[
-                i4.CommonModule,
-                i7.ImageCropperModule,
-                i5.MatIconModule,
-                i6.MatButtonModule,
-                i1$1.MatDialogModule,
-                toolbar.MatToolbarModule,
-                i1$1.MatDialogModule,
-                i9.MatCardModule,
-                tooltip.MatTooltipModule,
-                i8.MatSliderModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageCropModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [ImageCropComponent],
-                        imports: [
-                            i4.CommonModule,
-                            i7.ImageCropperModule,
-                            i5.MatIconModule,
-                            i6.MatButtonModule,
-                            i1$1.MatDialogModule,
-                            toolbar.MatToolbarModule,
-                            i1$1.MatDialogModule,
-                            i9.MatCardModule,
-                            tooltip.MatTooltipModule,
-                            i8.MatSliderModule,
-                        ],
-                        exports: [ImageCropComponent],
-                        entryComponents: [ImageCropComponent],
-                    }]
-            }] });
+    ImageCropModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [ImageCropComponent],
+                    imports: [
+                        common.CommonModule,
+                        ngxImageCropper.ImageCropperModule,
+                        icon.MatIconModule,
+                        button.MatButtonModule,
+                        dialog.MatDialogModule,
+                        toolbar.MatToolbarModule,
+                        dialog.MatDialogModule,
+                        card.MatCardModule,
+                        tooltip.MatTooltipModule,
+                        slider.MatSliderModule,
+                    ],
+                    exports: [ImageCropComponent],
+                    entryComponents: [ImageCropComponent],
+                },] }
+    ];
 
     exports.EFeatures = void 0;
     (function (EFeatures) {
@@ -969,49 +935,34 @@
         };
         return ClassChangeOnScrollDirective;
     }());
-    ClassChangeOnScrollDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ClassChangeOnScrollDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsClassChangeOnScroll]',
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { wsClassOnScrollDirChange: [{
-                    type: i0.Input
-                }], isScrollingDown: [{
-                    type: i0.HostBinding,
-                    args: ['class.scrolling-down']
-                }], isScrollingUp: [{
-                    type: i0.HostBinding,
-                    args: ['class.scrolling-up']
-                }], isNotScrolling: [{
-                    type: i0.HostBinding,
-                    args: ['class.scrolling-no']
-                }], hasScrolledDown: [{
-                    type: i0.HostBinding,
-                    args: ['class.scrolled-down']
-                }] } });
+    ClassChangeOnScrollDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsClassChangeOnScroll]',
+                },] }
+    ];
+    ClassChangeOnScrollDirective.ctorParameters = function () { return []; };
+    ClassChangeOnScrollDirective.propDecorators = {
+        wsClassOnScrollDirChange: [{ type: i0.Input }],
+        isScrollingDown: [{ type: i0.HostBinding, args: ['class.scrolling-down',] }],
+        isScrollingUp: [{ type: i0.HostBinding, args: ['class.scrolling-up',] }],
+        isNotScrolling: [{ type: i0.HostBinding, args: ['class.scrolling-no',] }],
+        hasScrolledDown: [{ type: i0.HostBinding, args: ['class.scrolled-down',] }]
+    };
 
     var ClassChangeOnScrollModule = /** @class */ (function () {
         function ClassChangeOnScrollModule() {
         }
         return ClassChangeOnScrollModule;
     }());
-    ClassChangeOnScrollModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ClassChangeOnScrollModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollModule, declarations: [ClassChangeOnScrollDirective], imports: [i4.CommonModule], exports: [ClassChangeOnScrollDirective] });
-    ClassChangeOnScrollModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClassChangeOnScrollModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [ClassChangeOnScrollDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [ClassChangeOnScrollDirective],
-                    }]
-            }] });
+    ClassChangeOnScrollModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [ClassChangeOnScrollDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [ClassChangeOnScrollDirective],
+                },] }
+    ];
 
     var DefaultThumbnailDirective = /** @class */ (function () {
         function DefaultThumbnailDirective() {
@@ -1033,45 +984,32 @@
         };
         return DefaultThumbnailDirective;
     }());
-    DefaultThumbnailDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    DefaultThumbnailDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsDefaultThumbnail]',
-                    }]
-            }], propDecorators: { wsUtilsDefaultThumbnail: [{
-                    type: i0.Input
-                }], src: [{
-                    type: i0.Input
-                }], srcUrl: [{
-                    type: i0.HostBinding,
-                    args: ['src']
-                }], updateSrc: [{
-                    type: i0.HostListener,
-                    args: ['error']
-                }] } });
+    DefaultThumbnailDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsDefaultThumbnail]',
+                },] }
+    ];
+    DefaultThumbnailDirective.propDecorators = {
+        wsUtilsDefaultThumbnail: [{ type: i0.Input }],
+        src: [{ type: i0.Input }],
+        srcUrl: [{ type: i0.HostBinding, args: ['src',] }],
+        updateSrc: [{ type: i0.HostListener, args: ['error',] }]
+    };
 
     var DefaultThumbnailModule = /** @class */ (function () {
         function DefaultThumbnailModule() {
         }
         return DefaultThumbnailModule;
     }());
-    DefaultThumbnailModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    DefaultThumbnailModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailModule, declarations: [DefaultThumbnailDirective], imports: [i4.CommonModule], exports: [DefaultThumbnailDirective] });
-    DefaultThumbnailModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DefaultThumbnailModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [DefaultThumbnailDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [DefaultThumbnailDirective],
-                    }]
-            }] });
+    DefaultThumbnailModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [DefaultThumbnailDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [DefaultThumbnailDirective],
+                },] }
+    ];
 
     var customBreakPoints = {
         xs: '(max-width: 450px)',
@@ -1143,40 +1081,33 @@
         };
         return ImageResponsiveDirective;
     }());
-    ImageResponsiveDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveDirective, deps: [{ token: i1__namespace.BreakpointObserver }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ImageResponsiveDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsImageResponsive]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.BreakpointObserver }]; }, propDecorators: { src: [{
-                    type: i0.Input
-                }], srcBindUrl: [{
-                    type: i0.HostBinding,
-                    args: ['src']
-                }] } });
+    ImageResponsiveDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsImageResponsive]',
+                },] }
+    ];
+    ImageResponsiveDirective.ctorParameters = function () { return [
+        { type: i1.BreakpointObserver }
+    ]; };
+    ImageResponsiveDirective.propDecorators = {
+        src: [{ type: i0.Input }],
+        srcBindUrl: [{ type: i0.HostBinding, args: ['src',] }]
+    };
 
     var ImageResponsiveModule = /** @class */ (function () {
         function ImageResponsiveModule() {
         }
         return ImageResponsiveModule;
     }());
-    ImageResponsiveModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ImageResponsiveModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveModule, declarations: [ImageResponsiveDirective], imports: [i4.CommonModule], exports: [ImageResponsiveDirective] });
-    ImageResponsiveModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ImageResponsiveModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [ImageResponsiveDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [ImageResponsiveDirective],
-                    }]
-            }] });
+    ImageResponsiveModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [ImageResponsiveDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [ImageResponsiveDirective],
+                },] }
+    ];
 
     var InViewPortDirective = /** @class */ (function () {
         function InViewPortDirective(_el) {
@@ -1229,37 +1160,32 @@
         };
         return InViewPortDirective;
     }());
-    InViewPortDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    InViewPortDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: InViewPortDirective, selector: "[wsUtilsInViewPort]", outputs: { inViewport: "inViewport" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsInViewPort]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { inViewport: [{
-                    type: i0.Output
-                }] } });
+    InViewPortDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsInViewPort]',
+                },] }
+    ];
+    InViewPortDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    InViewPortDirective.propDecorators = {
+        inViewport: [{ type: i0.Output }]
+    };
 
     var InViewPortModule = /** @class */ (function () {
         function InViewPortModule() {
         }
         return InViewPortModule;
     }());
-    InViewPortModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    InViewPortModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortModule, declarations: [InViewPortDirective], imports: [i4.CommonModule], exports: [InViewPortDirective] });
-    InViewPortModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InViewPortModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [InViewPortDirective],
-                        exports: [InViewPortDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                    }]
-            }] });
+    InViewPortModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [InViewPortDirective],
+                    exports: [InViewPortDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                },] }
+    ];
 
     var NavigationDirective = /** @class */ (function () {
         function NavigationDirective() {
@@ -1282,82 +1208,60 @@
         };
         return NavigationDirective;
     }());
-    NavigationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    NavigationDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsNavigation]',
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { wsUtilsNavigation: [{
-                    type: i0.Input
-                }], openInNewTab: [{
-                    type: i0.Input
-                }], routeUrl: [{
-                    type: i0.Input
-                }, {
-                    type: i0.HostBinding,
-                    args: ['attr.routerLink']
-                }], onMouseEnter: [{
-                    type: i0.HostListener,
-                    args: ['mousedown', ['$event']]
-                }] } });
+    NavigationDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsNavigation]',
+                },] }
+    ];
+    NavigationDirective.ctorParameters = function () { return []; };
+    NavigationDirective.propDecorators = {
+        wsUtilsNavigation: [{ type: i0.Input }],
+        openInNewTab: [{ type: i0.Input }],
+        routeUrl: [{ type: i0.Input }, { type: i0.HostBinding, args: ['attr.routerLink',] }],
+        onMouseEnter: [{ type: i0.HostListener, args: ['mousedown', ['$event'],] }]
+    };
 
     var NavigationModule = /** @class */ (function () {
         function NavigationModule() {
         }
         return NavigationModule;
     }());
-    NavigationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    NavigationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationModule, declarations: [NavigationDirective], imports: [i4.CommonModule], exports: [NavigationDirective] });
-    NavigationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NavigationModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [NavigationDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [NavigationDirective],
-                    }]
-            }] });
+    NavigationModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [NavigationDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [NavigationDirective],
+                },] }
+    ];
 
     var PermissionDirective = /** @class */ (function () {
         function PermissionDirective() {
         }
         return PermissionDirective;
     }());
-    PermissionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    PermissionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PermissionDirective, selector: "[wsUtilsPermission]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[wsUtilsPermission]',
-                    }]
-            }], ctorParameters: function () { return []; } });
+    PermissionDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wsUtilsPermission]',
+                },] }
+    ];
+    PermissionDirective.ctorParameters = function () { return []; };
 
     var PermissionModule = /** @class */ (function () {
         function PermissionModule() {
         }
         return PermissionModule;
     }());
-    PermissionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PermissionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionModule, declarations: [PermissionDirective], imports: [i4.CommonModule], exports: [PermissionDirective] });
-    PermissionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PermissionDirective],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PermissionDirective],
-                    }]
-            }] });
+    PermissionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PermissionDirective],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PermissionDirective],
+                },] }
+    ];
 
     function getStringifiedQueryParams(obj) {
         return Object.entries(obj)
@@ -1443,55 +1347,38 @@
         };
         return HorizontalScrollerComponent;
     }());
-    HorizontalScrollerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    HorizontalScrollerComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3__namespace$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ws-utils-horizontal-scroller',
-                        templateUrl: './horizontal-scroller.component.html',
-                        styleUrls: ['./horizontal-scroller.component.scss'],
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { loadStatus: [{
-                    type: i0.Input
-                }], onHover: [{
-                    type: i0.Input
-                }], loadNext: [{
-                    type: i0.Output
-                }], horizontalScrollElem: [{
-                    type: i0.ViewChild,
-                    args: ['horizontalScrollElem', { static: true }]
-                }] } });
+    HorizontalScrollerComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    HorizontalScrollerComponent.propDecorators = {
+        loadStatus: [{ type: i0.Input }],
+        onHover: [{ type: i0.Input }],
+        loadNext: [{ type: i0.Output }],
+        horizontalScrollElem: [{ type: i0.ViewChild, args: ['horizontalScrollElem', { static: true },] }]
+    };
 
     var HorizontalScrollerModule = /** @class */ (function () {
         function HorizontalScrollerModule() {
         }
         return HorizontalScrollerModule;
     }());
-    HorizontalScrollerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    HorizontalScrollerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerModule, declarations: [HorizontalScrollerComponent], imports: [i4.CommonModule,
-            i6.MatButtonModule,
-            i5.MatIconModule,
-            i3$1.MatProgressSpinnerModule], exports: [HorizontalScrollerComponent] });
-    HorizontalScrollerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerModule, imports: [[
-                i4.CommonModule,
-                i6.MatButtonModule,
-                i5.MatIconModule,
-                i3$1.MatProgressSpinnerModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HorizontalScrollerModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [HorizontalScrollerComponent],
-                        imports: [
-                            i4.CommonModule,
-                            i6.MatButtonModule,
-                            i5.MatIconModule,
-                            i3$1.MatProgressSpinnerModule,
-                        ],
-                        exports: [HorizontalScrollerComponent],
-                    }]
-            }] });
+    HorizontalScrollerModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [HorizontalScrollerComponent],
+                    imports: [
+                        common.CommonModule,
+                        button.MatButtonModule,
+                        icon.MatIconModule,
+                        progressSpinner.MatProgressSpinnerModule,
+                    ],
+                    exports: [HorizontalScrollerComponent],
+                },] }
+    ];
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -2028,14 +1915,15 @@
         };
         return LoggerService;
     }());
-    LoggerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LoggerService, deps: [{ token: ConfigurationsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LoggerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LoggerService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LoggerService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: ConfigurationsService }]; } });
+    LoggerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LoggerService_Factory() { return new LoggerService(i0__namespace.ɵɵinject(ConfigurationsService)); }, token: LoggerService, providedIn: "root" });
+    LoggerService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    LoggerService.ctorParameters = function () { return [
+        { type: ConfigurationsService }
+    ]; };
 
     var msTokenExpiryDuration = 600;
     var storageKey$1 = 'msLoginRequested';
@@ -2261,14 +2149,16 @@
         };
         return AuthMicrosoftService;
     }());
-    AuthMicrosoftService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthMicrosoftService, deps: [{ token: LoggerService }, { token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthMicrosoftService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthMicrosoftService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthMicrosoftService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: LoggerService }, { type: i1__namespace$2.HttpClient }]; } });
+    AuthMicrosoftService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthMicrosoftService_Factory() { return new AuthMicrosoftService(i0__namespace.ɵɵinject(LoggerService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient)); }, token: AuthMicrosoftService, providedIn: "root" });
+    AuthMicrosoftService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    AuthMicrosoftService.ctorParameters = function () { return [
+        { type: LoggerService },
+        { type: i1$1.HttpClient }
+    ]; };
 
     var storage = localStorage;
     var storageKey = 'kc';
@@ -2547,14 +2437,17 @@
         });
         return AuthKeycloakService;
     }());
-    AuthKeycloakService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthKeycloakService, deps: [{ token: ConfigurationsService }, { token: i2__namespace.KeycloakService }, { token: AuthMicrosoftService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthKeycloakService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthKeycloakService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AuthKeycloakService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: i2__namespace.KeycloakService }, { type: AuthMicrosoftService }]; } });
+    AuthKeycloakService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthKeycloakService_Factory() { return new AuthKeycloakService(i0__namespace.ɵɵinject(ConfigurationsService), i0__namespace.ɵɵinject(i2__namespace.KeycloakService), i0__namespace.ɵɵinject(AuthMicrosoftService)); }, token: AuthKeycloakService, providedIn: "root" });
+    AuthKeycloakService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    AuthKeycloakService.ctorParameters = function () { return [
+        { type: ConfigurationsService },
+        { type: i2.KeycloakService },
+        { type: AuthMicrosoftService }
+    ]; };
 
     var RANDOM_ID_PER_USER = 0;
     var UtilityService = /** @class */ (function () {
@@ -2566,7 +2459,7 @@
             this.route = route;
             this.currentRouteData = [];
             this.router.events.subscribe(function (event) {
-                if (event instanceof i3$2.NavigationEnd) {
+                if (event instanceof i3.NavigationEnd) {
                     var snapshot = _this.route.snapshot;
                     var firstChild = snapshot.root.firstChild;
                     _this.getChildRouteData(snapshot, firstChild);
@@ -2695,14 +2588,18 @@
         });
         return UtilityService;
     }());
-    UtilityService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UtilityService, deps: [{ token: i1__namespace$2.HttpClient }, { token: i2__namespace$1.Platform }, { token: i3__namespace$2.Router }, { token: i3__namespace$2.ActivatedRoute }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    UtilityService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UtilityService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UtilityService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: i2__namespace$1.Platform }, { type: i3__namespace$2.Router }, { type: i3__namespace$2.ActivatedRoute }]; } });
+    UtilityService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function UtilityService_Factory() { return new UtilityService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(i2__namespace$1.Platform), i0__namespace.ɵɵinject(i3__namespace.Router), i0__namespace.ɵɵinject(i3__namespace.ActivatedRoute)); }, token: UtilityService, providedIn: "root" });
+    UtilityService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    UtilityService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: i2$1.Platform },
+        { type: i3.Router },
+        { type: i3.ActivatedRoute }
+    ]; };
 
     var LogoutComponent = /** @class */ (function () {
         function LogoutComponent(dialogRef, authSvc, configSvc, utilitySvc) {
@@ -2738,43 +2635,36 @@
         });
         return LogoutComponent;
     }());
-    LogoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: AuthKeycloakService }, { token: ConfigurationsService }, { token: UtilityService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LogoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LogoutComponent, selector: "ws-utils-logout", ngImport: i0__namespace, 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__namespace.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__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ws-utils-logout',
-                        templateUrl: './logout.component.html',
-                        styleUrls: ['./logout.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialogRef }, { type: AuthKeycloakService }, { type: ConfigurationsService }, { type: UtilityService }]; } });
+    LogoutComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: AuthKeycloakService },
+        { type: ConfigurationsService },
+        { type: UtilityService }
+    ]; };
 
     var LogoutModule = /** @class */ (function () {
         function LogoutModule() {
         }
         return LogoutModule;
     }());
-    LogoutModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    LogoutModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutModule, declarations: [LogoutComponent], imports: [i4.CommonModule,
-            i6.MatButtonModule,
-            i1$1.MatDialogModule] });
-    LogoutModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutModule, imports: [[
-                i4.CommonModule,
-                i6.MatButtonModule,
-                i1$1.MatDialogModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LogoutModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [LogoutComponent],
-                        imports: [
-                            i4.CommonModule,
-                            i6.MatButtonModule,
-                            i1$1.MatDialogModule,
-                        ],
-                        entryComponents: [LogoutComponent],
-                    }]
-            }] });
+    LogoutModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [LogoutComponent],
+                    imports: [
+                        common.CommonModule,
+                        button.MatButtonModule,
+                        dialog.MatDialogModule,
+                    ],
+                    entryComponents: [LogoutComponent],
+                },] }
+    ];
 
     var PipeConciseDateRangePipe = /** @class */ (function () {
         function PipeConciseDateRangePipe() {
@@ -2825,31 +2715,24 @@
         };
         return PipeConciseDateRangePipe;
     }());
-    PipeConciseDateRangePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeConciseDateRangePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangePipe, name: "pipeConciseDateRange" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeConciseDateRange',
-                    }]
-            }] });
+    PipeConciseDateRangePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeConciseDateRange',
+                },] }
+    ];
 
     var PipeConciseDateRangeModule = /** @class */ (function () {
         function PipeConciseDateRangeModule() {
         }
         return PipeConciseDateRangeModule;
     }());
-    PipeConciseDateRangeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeConciseDateRangeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangeModule, declarations: [PipeConciseDateRangePipe], imports: [i4.CommonModule], exports: [PipeConciseDateRangePipe] });
-    PipeConciseDateRangeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangeModule, imports: [[i4.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeConciseDateRangeModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeConciseDateRangePipe],
-                        imports: [i4.CommonModule],
-                        exports: [PipeConciseDateRangePipe],
-                    }]
-            }] });
+    PipeConciseDateRangeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeConciseDateRangePipe],
+                    imports: [common.CommonModule],
+                    exports: [PipeConciseDateRangePipe],
+                },] }
+    ];
 
     var PipeCountTransformPipe = /** @class */ (function () {
         function PipeCountTransformPipe() {
@@ -2880,35 +2763,26 @@
         };
         return PipeCountTransformPipe;
     }());
-    PipeCountTransformPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeCountTransformPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformPipe, name: "pipeCountTransform" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeCountTransform',
-                    }]
-            }] });
+    PipeCountTransformPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeCountTransform',
+                },] }
+    ];
 
     var PipeCountTransformModule = /** @class */ (function () {
         function PipeCountTransformModule() {
         }
         return PipeCountTransformModule;
     }());
-    PipeCountTransformModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeCountTransformModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformModule, declarations: [PipeCountTransformPipe], imports: [i4.CommonModule], exports: [PipeCountTransformPipe] });
-    PipeCountTransformModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeCountTransformModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeCountTransformPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeCountTransformPipe],
-                    }]
-            }] });
+    PipeCountTransformModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeCountTransformPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeCountTransformPipe],
+                },] }
+    ];
 
     var PipeDateConcatPipe = /** @class */ (function () {
         function PipeDateConcatPipe() {
@@ -2936,35 +2810,27 @@
         };
         return PipeDateConcatPipe;
     }());
-    PipeDateConcatPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeDateConcatPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatPipe, name: "pipeDateConcat" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeDateConcat',
-                    }]
-            }], ctorParameters: function () { return []; } });
+    PipeDateConcatPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeDateConcat',
+                },] }
+    ];
+    PipeDateConcatPipe.ctorParameters = function () { return []; };
 
     var PipeDateConcatModule = /** @class */ (function () {
         function PipeDateConcatModule() {
         }
         return PipeDateConcatModule;
     }());
-    PipeDateConcatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeDateConcatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatModule, declarations: [PipeDateConcatPipe], imports: [i4.CommonModule], exports: [PipeDateConcatPipe] });
-    PipeDateConcatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDateConcatModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeDateConcatPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeDateConcatPipe],
-                    }]
-            }] });
+    PipeDateConcatModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeDateConcatPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeDateConcatPipe],
+                },] }
+    ];
 
     var PipeDurationTransformPipe = /** @class */ (function () {
         function PipeDurationTransformPipe() {
@@ -3022,35 +2888,26 @@
         };
         return PipeDurationTransformPipe;
     }());
-    PipeDurationTransformPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeDurationTransformPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformPipe, name: "pipeDurationTransform" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeDurationTransform',
-                    }]
-            }] });
+    PipeDurationTransformPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeDurationTransform',
+                },] }
+    ];
 
     var PipeDurationTransformModule = /** @class */ (function () {
         function PipeDurationTransformModule() {
         }
         return PipeDurationTransformModule;
     }());
-    PipeDurationTransformModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeDurationTransformModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformModule, declarations: [PipeDurationTransformPipe], imports: [i4.CommonModule], exports: [PipeDurationTransformPipe] });
-    PipeDurationTransformModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeDurationTransformModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeDurationTransformPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeDurationTransformPipe],
-                    }]
-            }] });
+    PipeDurationTransformModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeDurationTransformPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeDurationTransformPipe],
+                },] }
+    ];
 
     var PipeHtmlTagRemovalPipe = /** @class */ (function () {
         function PipeHtmlTagRemovalPipe() {
@@ -3060,35 +2917,26 @@
         };
         return PipeHtmlTagRemovalPipe;
     }());
-    PipeHtmlTagRemovalPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeHtmlTagRemovalPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalPipe, name: "pipeHtmlTagRemoval" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeHtmlTagRemoval',
-                    }]
-            }] });
+    PipeHtmlTagRemovalPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeHtmlTagRemoval',
+                },] }
+    ];
 
     var PipeHtmlTagRemovalModule = /** @class */ (function () {
         function PipeHtmlTagRemovalModule() {
         }
         return PipeHtmlTagRemovalModule;
     }());
-    PipeHtmlTagRemovalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeHtmlTagRemovalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalModule, declarations: [PipeHtmlTagRemovalPipe], imports: [i4.CommonModule], exports: [PipeHtmlTagRemovalPipe] });
-    PipeHtmlTagRemovalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeHtmlTagRemovalModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeHtmlTagRemovalPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeHtmlTagRemovalPipe],
-                    }]
-            }] });
+    PipeHtmlTagRemovalModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeHtmlTagRemovalPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeHtmlTagRemovalPipe],
+                },] }
+    ];
 
     var PipeFilterPipe = /** @class */ (function () {
         function PipeFilterPipe() {
@@ -3102,35 +2950,26 @@
         };
         return PipeFilterPipe;
     }());
-    PipeFilterPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeFilterPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterPipe, name: "pipeFilter" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeFilter',
-                    }]
-            }] });
+    PipeFilterPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeFilter',
+                },] }
+    ];
 
     var PipeFilterModule = /** @class */ (function () {
         function PipeFilterModule() {
         }
         return PipeFilterModule;
     }());
-    PipeFilterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeFilterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterModule, declarations: [PipeFilterPipe], imports: [i4.CommonModule], exports: [PipeFilterPipe] });
-    PipeFilterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeFilterPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeFilterPipe],
-                    }]
-            }] });
+    PipeFilterModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeFilterPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeFilterPipe],
+                },] }
+    ];
 
     var PipeFilterSearchPipe = /** @class */ (function () {
         function PipeFilterSearchPipe() {
@@ -3162,35 +3001,26 @@
         };
         return PipeFilterSearchPipe;
     }());
-    PipeFilterSearchPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeFilterSearchPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchPipe, name: "pipeFilterSearch" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeFilterSearch',
-                    }]
-            }] });
+    PipeFilterSearchPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeFilterSearch',
+                },] }
+    ];
 
     var PipeFilterSearchModule = /** @class */ (function () {
         function PipeFilterSearchModule() {
         }
         return PipeFilterSearchModule;
     }());
-    PipeFilterSearchModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeFilterSearchModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchModule, declarations: [PipeFilterSearchPipe], imports: [i4.CommonModule], exports: [PipeFilterSearchPipe] });
-    PipeFilterSearchModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeFilterSearchModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeFilterSearchPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeFilterSearchPipe],
-                    }]
-            }] });
+    PipeFilterSearchModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeFilterSearchPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeFilterSearchPipe],
+                },] }
+    ];
 
     var PipeListFilterPipe = /** @class */ (function () {
         function PipeListFilterPipe() {
@@ -3205,35 +3035,26 @@
         };
         return PipeListFilterPipe;
     }());
-    PipeListFilterPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeListFilterPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterPipe, name: "pipeListFilter" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeListFilter',
-                    }]
-            }] });
+    PipeListFilterPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeListFilter',
+                },] }
+    ];
 
     var PipeListFilterModule = /** @class */ (function () {
         function PipeListFilterModule() {
         }
         return PipeListFilterModule;
     }());
-    PipeListFilterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeListFilterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterModule, declarations: [PipeListFilterPipe], imports: [i4.CommonModule], exports: [PipeListFilterPipe] });
-    PipeListFilterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeListFilterModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeListFilterPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeListFilterPipe],
-                    }]
-            }] });
+    PipeListFilterModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeListFilterPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeListFilterPipe],
+                },] }
+    ];
 
     var moment$1 = _moment__namespace;
     var PipeRelativeTimePipe = /** @class */ (function () {
@@ -3247,35 +3068,26 @@
         };
         return PipeRelativeTimePipe;
     }());
-    PipeRelativeTimePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeRelativeTimePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimePipe, name: "pipeRelativeTime" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeRelativeTime',
-                    }]
-            }] });
+    PipeRelativeTimePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeRelativeTime',
+                },] }
+    ];
 
     var PipeRelativeTimeModule = /** @class */ (function () {
         function PipeRelativeTimeModule() {
         }
         return PipeRelativeTimeModule;
     }());
-    PipeRelativeTimeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeRelativeTimeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimeModule, declarations: [PipeRelativeTimePipe], imports: [i4.CommonModule], exports: [PipeRelativeTimePipe] });
-    PipeRelativeTimeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimeModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeRelativeTimeModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeRelativeTimePipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeRelativeTimePipe],
-                    }]
-            }] });
+    PipeRelativeTimeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeRelativeTimePipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeRelativeTimePipe],
+                },] }
+    ];
 
     var OrderByPipe = /** @class */ (function () {
         function OrderByPipe() {
@@ -3283,35 +3095,26 @@
         }
         return OrderByPipe;
     }());
-    OrderByPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OrderByPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    OrderByPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OrderByPipe, name: "orderBy" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OrderByPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'orderBy',
-                    }]
-            }] });
+    OrderByPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'orderBy',
+                },] }
+    ];
 
     var PipeOrderByModule = /** @class */ (function () {
         function PipeOrderByModule() {
         }
         return PipeOrderByModule;
     }());
-    PipeOrderByModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeOrderByModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeOrderByModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeOrderByModule, declarations: [OrderByPipe], imports: [i4.CommonModule], exports: [OrderByPipe] });
-    PipeOrderByModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeOrderByModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeOrderByModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [OrderByPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [OrderByPipe],
-                    }]
-            }] });
+    PipeOrderByModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [OrderByPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [OrderByPipe],
+                },] }
+    ];
 
     var PipeLimitToPipe = /** @class */ (function () {
         function PipeLimitToPipe() {
@@ -3335,35 +3138,26 @@
         };
         return PipeLimitToPipe;
     }());
-    PipeLimitToPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeLimitToPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToPipe, name: "pipeLimitTo" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeLimitTo',
-                    }]
-            }] });
+    PipeLimitToPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeLimitTo',
+                },] }
+    ];
 
     var PipeLimitToModule = /** @class */ (function () {
         function PipeLimitToModule() {
         }
         return PipeLimitToModule;
     }());
-    PipeLimitToModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeLimitToModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToModule, declarations: [PipeLimitToPipe], imports: [i4.CommonModule], exports: [PipeLimitToPipe] });
-    PipeLimitToModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeLimitToModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeLimitToPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeLimitToPipe],
-                    }]
-            }] });
+    PipeLimitToModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeLimitToPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeLimitToPipe],
+                },] }
+    ];
 
     var PipeNameTransformPipe = /** @class */ (function () {
         function PipeNameTransformPipe() {
@@ -3386,35 +3180,26 @@
         };
         return PipeNameTransformPipe;
     }());
-    PipeNameTransformPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeNameTransformPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformPipe, name: "pipeNameTransform" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeNameTransform',
-                    }]
-            }] });
+    PipeNameTransformPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeNameTransform',
+                },] }
+    ];
 
     var PipeNameTransformModule = /** @class */ (function () {
         function PipeNameTransformModule() {
         }
         return PipeNameTransformModule;
     }());
-    PipeNameTransformModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeNameTransformModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformModule, declarations: [PipeNameTransformPipe], imports: [i4.CommonModule], exports: [PipeNameTransformPipe] });
-    PipeNameTransformModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeNameTransformModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeNameTransformPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeNameTransformPipe],
-                    }]
-            }] });
+    PipeNameTransformModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeNameTransformPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeNameTransformPipe],
+                },] }
+    ];
 
     var PipePartialContentPipe = /** @class */ (function () {
         function PipePartialContentPipe() {
@@ -3441,35 +3226,26 @@
         };
         return PipePartialContentPipe;
     }());
-    PipePartialContentPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipePartialContentPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentPipe, name: "pipePartialContent" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipePartialContent',
-                    }]
-            }] });
+    PipePartialContentPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipePartialContent',
+                },] }
+    ];
 
     var PipePartialContentModule = /** @class */ (function () {
         function PipePartialContentModule() {
         }
         return PipePartialContentModule;
     }());
-    PipePartialContentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipePartialContentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentModule, declarations: [PipePartialContentPipe], imports: [i4.CommonModule], exports: [PipePartialContentPipe] });
-    PipePartialContentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipePartialContentModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipePartialContentPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipePartialContentPipe],
-                    }]
-            }] });
+    PipePartialContentModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipePartialContentPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipePartialContentPipe],
+                },] }
+    ];
 
     var PipeSafeSanitizerPipe = /** @class */ (function () {
         function PipeSafeSanitizerPipe(sanitizer) {
@@ -3494,35 +3270,29 @@
         };
         return PipeSafeSanitizerPipe;
     }());
-    PipeSafeSanitizerPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerPipe, deps: [{ token: i1__namespace$3.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PipeSafeSanitizerPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerPipe, name: "pipeSafeSanitizer" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pipeSafeSanitizer',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }]; } });
+    PipeSafeSanitizerPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'pipeSafeSanitizer',
+                },] }
+    ];
+    PipeSafeSanitizerPipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
 
     var PipeSafeSanitizerModule = /** @class */ (function () {
         function PipeSafeSanitizerModule() {
         }
         return PipeSafeSanitizerModule;
     }());
-    PipeSafeSanitizerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PipeSafeSanitizerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerModule, declarations: [PipeSafeSanitizerPipe], imports: [i4.CommonModule], exports: [PipeSafeSanitizerPipe] });
-    PipeSafeSanitizerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerModule, imports: [[
-                i4.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipeSafeSanitizerModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [PipeSafeSanitizerPipe],
-                        imports: [
-                            i4.CommonModule,
-                        ],
-                        exports: [PipeSafeSanitizerPipe],
-                    }]
-            }] });
+    PipeSafeSanitizerModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [PipeSafeSanitizerPipe],
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [PipeSafeSanitizerPipe],
+                },] }
+    ];
 
     var ExploreDetailResolve = /** @class */ (function () {
         function ExploreDetailResolve(http, configSvc, utilitySvc) {
@@ -3587,14 +3357,17 @@
         };
         return ExploreDetailResolve;
     }());
-    ExploreDetailResolve.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExploreDetailResolve, deps: [{ token: i1__namespace$2.HttpClient }, { token: ConfigurationsService }, { token: UtilityService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ExploreDetailResolve.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExploreDetailResolve, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExploreDetailResolve, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: ConfigurationsService }, { type: UtilityService }]; } });
+    ExploreDetailResolve.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ExploreDetailResolve_Factory() { return new ExploreDetailResolve(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(ConfigurationsService), i0__namespace.ɵɵinject(UtilityService)); }, token: ExploreDetailResolve, providedIn: "root" });
+    ExploreDetailResolve.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ExploreDetailResolve.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: ConfigurationsService },
+        { type: UtilityService }
+    ]; };
 
     var MarketingOfferingResolve = /** @class */ (function () {
         function MarketingOfferingResolve(http) {
@@ -3619,14 +3392,15 @@
         };
         return MarketingOfferingResolve;
     }());
-    MarketingOfferingResolve.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarketingOfferingResolve, deps: [{ token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    MarketingOfferingResolve.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarketingOfferingResolve, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarketingOfferingResolve, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }]; } });
+    MarketingOfferingResolve.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MarketingOfferingResolve_Factory() { return new MarketingOfferingResolve(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient)); }, token: MarketingOfferingResolve, providedIn: "root" });
+    MarketingOfferingResolve.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    MarketingOfferingResolve.ctorParameters = function () { return [
+        { type: i1$1.HttpClient }
+    ]; };
 
     var JSON_MAP = {
         pagename: 'lexid',
@@ -3699,19 +3473,17 @@
         };
         return PageResolve;
     }());
-    PageResolve.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageResolve, deps: [{ token: ConfigurationsService }, { token: i1__namespace$2.HttpClient }, { token: i0.LOCALE_ID }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    PageResolve.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageResolve, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageResolve, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: ConfigurationsService }, { type: i1__namespace$2.HttpClient }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.LOCALE_ID]
-                        }] }];
-        } });
+    PageResolve.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PageResolve_Factory() { return new PageResolve(i0__namespace.ɵɵinject(ConfigurationsService), i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(i0__namespace.LOCALE_ID)); }, token: PageResolve, providedIn: "root" });
+    PageResolve.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    PageResolve.ctorParameters = function () { return [
+        { type: ConfigurationsService },
+        { type: i1$1.HttpClient },
+        { type: String, decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+    ]; };
 
     exports.WsEvents = void 0;
     (function (WsEvents) {
@@ -4016,21 +3788,19 @@
         };
         return EventService;
     }());
-    EventService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EventService, deps: [{ token: UtilityService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    EventService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EventService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EventService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: UtilityService }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: ['environment']
-                        }] }];
-        } });
+    EventService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function EventService_Factory() { return new EventService(i0__namespace.ɵɵinject(UtilityService), i0__namespace.ɵɵinject("environment")); }, token: EventService, providedIn: "root" });
+    EventService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    EventService.ctorParameters = function () { return [
+        { type: UtilityService },
+        { type: undefined, decorators: [{ type: i0.Inject, args: ['environment',] }] }
+    ]; };
 
     var PROTECTED_SLAG_V8 = '/apis/protected/v8';
+    var ɵ0 = function (type, id) { return PROTECTED_SLAG_V8 + "/content/collection/" + type + "/" + id; }, ɵ1 = function (contentId) { return PROTECTED_SLAG_V8 + "/user/progress/" + contentId; };
     var API_END_POINTS = {
         CONTENT: PROTECTED_SLAG_V8 + "/content",
         AUTHORING_CONTENT: "/apis/authApi/hierarchy",
@@ -4047,9 +3817,9 @@
         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: function (type, id) { return PROTECTED_SLAG_V8 + "/content/collection/" + type + "/" + id; },
+        COLLECTION_HIERARCHY: ɵ0,
         REGISTRATION_STATUS: PROTECTED_SLAG_V8 + "/admin/userRegistration/checkUserRegistrationContent",
-        MARK_AS_COMPLETE_META: function (contentId) { return PROTECTED_SLAG_V8 + "/user/progress/" + contentId; },
+        MARK_AS_COMPLETE_META: ɵ1,
     };
     var WidgetContentService = /** @class */ (function () {
         function WidgetContentService(http, configSvc) {
@@ -4215,14 +3985,16 @@
         };
         return WidgetContentService;
     }());
-    WidgetContentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WidgetContentService, deps: [{ token: i1__namespace$2.HttpClient }, { token: ConfigurationsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    WidgetContentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WidgetContentService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WidgetContentService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: ConfigurationsService }]; } });
+    WidgetContentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function WidgetContentService_Factory() { return new WidgetContentService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(ConfigurationsService)); }, token: WidgetContentService, providedIn: "root" });
+    WidgetContentService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    WidgetContentService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: ConfigurationsService }
+    ]; };
 
     var TelemetryService = /** @class */ (function () {
         function TelemetryService(environment, configSvc, eventsSvc, logger) {
@@ -4656,19 +4428,18 @@
         };
         return TelemetryService;
     }());
-    TelemetryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TelemetryService, deps: [{ token: 'environment' }, { token: ConfigurationsService }, { token: EventService }, { token: LoggerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    TelemetryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TelemetryService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TelemetryService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: ['environment']
-                        }] }, { type: ConfigurationsService }, { type: EventService }, { type: LoggerService }];
-        } });
+    TelemetryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TelemetryService_Factory() { return new TelemetryService(i0__namespace.ɵɵinject("environment"), i0__namespace.ɵɵinject(ConfigurationsService), i0__namespace.ɵɵinject(EventService), i0__namespace.ɵɵinject(LoggerService)); }, token: TelemetryService, providedIn: "root" });
+    TelemetryService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    TelemetryService.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: ['environment',] }] },
+        { type: ConfigurationsService },
+        { type: EventService },
+        { type: LoggerService }
+    ]; };
 
     var SubapplicationRespondService = /** @class */ (function () {
         function SubapplicationRespondService(configSvc, contentSvc, keyCloakSvc, activatedRoute, router, eventSvc, teleSvc) {
@@ -4854,14 +4625,21 @@
         };
         return SubapplicationRespondService;
     }());
-    SubapplicationRespondService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SubapplicationRespondService, deps: [{ token: ConfigurationsService }, { token: WidgetContentService }, { token: AuthKeycloakService }, { token: i3__namespace$2.ActivatedRoute }, { token: i3__namespace$2.Router }, { token: EventService }, { token: TelemetryService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SubapplicationRespondService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SubapplicationRespondService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SubapplicationRespondService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: ConfigurationsService }, { type: WidgetContentService }, { type: AuthKeycloakService }, { type: i3__namespace$2.ActivatedRoute }, { type: i3__namespace$2.Router }, { type: EventService }, { type: TelemetryService }]; } });
+    SubapplicationRespondService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SubapplicationRespondService_Factory() { return new SubapplicationRespondService(i0__namespace.ɵɵinject(ConfigurationsService), i0__namespace.ɵɵinject(WidgetContentService), i0__namespace.ɵɵinject(AuthKeycloakService), i0__namespace.ɵɵinject(i3__namespace.ActivatedRoute), i0__namespace.ɵɵinject(i3__namespace.Router), i0__namespace.ɵɵinject(EventService), i0__namespace.ɵɵinject(TelemetryService)); }, token: SubapplicationRespondService, providedIn: "root" });
+    SubapplicationRespondService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    SubapplicationRespondService.ctorParameters = function () { return [
+        { type: ConfigurationsService },
+        { type: WidgetContentService },
+        { type: AuthKeycloakService },
+        { type: i3.ActivatedRoute },
+        { type: i3.Router },
+        { type: EventService },
+        { type: TelemetryService }
+    ]; };
 
     var endpoints = {
         userPref: '/apis/protected/v8/user/preference',
@@ -4947,14 +4725,16 @@
         };
         return UserPreferenceService;
     }());
-    UserPreferenceService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferenceService, deps: [{ token: i1__namespace$2.HttpClient }, { token: ConfigurationsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    UserPreferenceService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferenceService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferenceService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: ConfigurationsService }]; } });
+    UserPreferenceService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function UserPreferenceService_Factory() { return new UserPreferenceService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(ConfigurationsService)); }, token: UserPreferenceService, providedIn: "root" });
+    UserPreferenceService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    UserPreferenceService.ctorParameters = function () { return [
+        { type: i1$1.HttpClient },
+        { type: ConfigurationsService }
+    ]; };
 
     exports.NsContent = void 0;
     (function (NsContent) {
@@ -5124,6 +4904,8 @@
     exports.ValueService = ValueService;
     exports.WidgetContentService = WidgetContentService;
     exports.getStringifiedQueryParams = getStringifiedQueryParams;
+    exports["ɵ0"] = ɵ0;
+    exports["ɵ1"] = ɵ1;
 
     Object.defineProperty(exports, '__esModule', { value: true });