@sunbird-cb/resolver 0.0.2 → 1.0.0-ang-9-12

package/fesm2015/sunbird-cb-resolver.js

@@ -1,14 +1,22 @@
-import { InjectionToken, Component, Input, HostBinding, Injectable, ComponentFactoryResolver, Inject, ɵɵdefineInjectable, ɵɵinject, Directive, ViewContainerRef, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, Input, HostBinding, Injectable, Inject, Directive, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { LoggerService, ConfigurationsService } from '@sunbird-cb/utils';
-import { DomSanitizer } from '@angular/platform-browser';
-import { MatButtonModule, MatIconModule, MatCardModule } from '@angular/material';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/platform-browser';
+import * as i2$1 from '@sunbird-cb/utils';
+import { ConfigurationsService } from '@sunbird-cb/utils';
 
 const WIDGET_RESOLVER_GLOBAL_CONFIG = new InjectionToken('Global Registration Configuration for Widget Resolvers');
 const WIDGET_RESOLVER_SCOPED_CONFIG = new InjectionToken('Scoped Registration Configuration for Widget Resolvers');
 
 function isStringArray(strArr) {
-    return Array.isArray(strArr) && strArr.every((u => typeof u === 'string'));
+    return Array.isArray(strArr) && strArr.every(u => typeof u === 'string');
 }
 function isCheckRequired(requiredPermission) {
     if (requiredPermission === undefined ||
@@ -36,7 +44,7 @@ function permissionTest(testFor, requiredPermission, matchAgainst, isRestrictive
         }
     }
     if (Array.isArray(requiredPermission)) {
-        const matcher = ((u) => typeof u === 'string' && flipBoolean(matchAgainst.has(u), isRestrictive));
+        const matcher = (u) => typeof u === 'string' && flipBoolean(matchAgainst.has(u), isRestrictive);
         switch (testFor) {
             case 'all':
                 return requiredPermission.every(matcher);
@@ -99,37 +107,45 @@ class WidgetBaseComponent {
     ngAfterViewInit() {
         const hash = window.location.hash ? window.location.hash.split('#')[1] : '';
         if (hash && !isNaN(hash) && hash === this.widgetInstanceId) {
-            setTimeout((() => {
+            setTimeout(() => {
                 const element = document.getElementById(this.widgetInstanceId || '');
                 if (element) {
                     element.scrollIntoView();
                 }
-            }), 200);
+            }, 200);
         }
     }
 }
-WidgetBaseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-base',
-                template: 'Base Component'
-            }] }
-];
-WidgetBaseComponent.propDecorators = {
-    widgetType: [{ type: Input }],
-    widgetSubType: [{ type: Input }],
-    widgetHostClass: [{ type: Input }],
-    widgetInstanceId: [{ type: Input }, { type: HostBinding, args: ['id',] }],
-    widgetSafeStyle: [{ type: Input }, { type: HostBinding, args: ['style',] }],
-    className: [{ type: Input }, { type: HostBinding, args: ['class',] }]
-};
-if (false) {
-    WidgetBaseComponent.prototype.widgetType;
-    WidgetBaseComponent.prototype.widgetSubType;
-    WidgetBaseComponent.prototype.widgetHostClass;
-    WidgetBaseComponent.prototype.widgetInstanceId;
-    WidgetBaseComponent.prototype.widgetSafeStyle;
-    WidgetBaseComponent.prototype.className;
-}
+WidgetBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WidgetBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: WidgetBaseComponent, selector: "ws-resolver-base", inputs: { widgetType: "widgetType", widgetSubType: "widgetSubType", widgetHostClass: "widgetHostClass", widgetInstanceId: "widgetInstanceId", widgetSafeStyle: "widgetSafeStyle", className: "className" }, host: { properties: { "id": "this.widgetInstanceId", "style": "this.widgetSafeStyle", "class": "this.className" } }, ngImport: i0, template: 'Base Component', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-resolver-base',
+                    template: 'Base Component',
+                }]
+        }], propDecorators: { widgetType: [{
+                type: Input
+            }], widgetSubType: [{
+                type: Input
+            }], widgetHostClass: [{
+                type: Input
+            }], widgetInstanceId: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['id']
+            }], widgetSafeStyle: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style']
+            }], className: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class RestrictedComponent extends WidgetBaseComponent {
     constructor() {
@@ -138,20 +154,18 @@ class RestrictedComponent extends WidgetBaseComponent {
     }
     ngOnInit() { }
 }
-RestrictedComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-restricted',
-                template: "<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Restricted Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>",
-                styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}"]
-            }] }
-];
-RestrictedComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    RestrictedComponent.prototype.widgetData;
-    RestrictedComponent.prototype.showData;
-}
+RestrictedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RestrictedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RestrictedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RestrictedComponent, selector: "ws-resolver-restricted", inputs: { widgetData: "widgetData" }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"margin-m\">\r\n  <mat-card-header>\r\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\r\n      <mat-icon color=\"warn\">report_problem</mat-icon>\r\n    </div>\r\n    <mat-card-title>\r\n      <ng-container i18n>\r\n        Error as Restricted Widget\r\n      </ng-container>\r\n    </mat-card-title>\r\n  </mat-card-header>\r\n  <div class=\"flex flex-wrap flex-between\">\r\n    <div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Type :\r\n        </span>\r\n        {{ widgetType }}\r\n      </div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Sub Type :\r\n        </span>\r\n        {{ widgetSubType }}\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <ng-container *ngIf=\"widgetData\">\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\r\n          <ng-container i18n>See Details</ng-container>\r\n          <mat-icon>arrow_drop_down</mat-icon>\r\n        </button>\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\r\n          <ng-container i18n>Hide Details</ng-container>\r\n          <mat-icon>arrow_drop_up</mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"widgetData\">\r\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\r\n{{ widgetData | json }}\r\n    </pre>\r\n  </ng-container>\r\n</mat-card>", styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "json": i4.JsonPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RestrictedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-resolver-restricted',
+                    templateUrl: './restricted.component.html',
+                    styleUrls: ['./restricted.component.scss'],
+                }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
 
 class InvalidRegistrationComponent extends WidgetBaseComponent {
     constructor() {
@@ -160,20 +174,18 @@ class InvalidRegistrationComponent extends WidgetBaseComponent {
     }
     ngOnInit() { }
 }
-InvalidRegistrationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-invalid-registration',
-                template: "<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Invalid Registration for Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>",
-                styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}"]
-            }] }
-];
-InvalidRegistrationComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    InvalidRegistrationComponent.prototype.widgetData;
-    InvalidRegistrationComponent.prototype.showData;
-}
+InvalidRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InvalidRegistrationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+InvalidRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InvalidRegistrationComponent, selector: "ws-resolver-invalid-registration", inputs: { widgetData: "widgetData" }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"margin-m\">\r\n  <mat-card-header>\r\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\r\n      <mat-icon color=\"warn\">report_problem</mat-icon>\r\n    </div>\r\n    <mat-card-title>\r\n      <ng-container i18n>\r\n        Error as Invalid Registration for Widget\r\n      </ng-container>\r\n    </mat-card-title>\r\n  </mat-card-header>\r\n  <div class=\"flex flex-wrap flex-between\">\r\n    <div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Type :\r\n        </span>\r\n        {{ widgetType }}\r\n      </div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Sub Type :\r\n        </span>\r\n        {{ widgetSubType }}\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <ng-container *ngIf=\"widgetData\">\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\r\n          <ng-container i18n>See Details</ng-container>\r\n          <mat-icon>arrow_drop_down</mat-icon>\r\n        </button>\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\r\n          <ng-container i18n>Hide Details</ng-container>\r\n          <mat-icon>arrow_drop_up</mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"widgetData\">\r\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\r\n{{ widgetData | json }}\r\n    </pre>\r\n  </ng-container>\r\n</mat-card>", styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "json": i4.JsonPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InvalidRegistrationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-resolver-invalid-registration',
+                    templateUrl: './invalid-registration.component.html',
+                    styleUrls: ['./invalid-registration.component.scss'],
+                }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
 
 class InvalidPermissionComponent extends WidgetBaseComponent {
     constructor() {
@@ -182,26 +194,24 @@ class InvalidPermissionComponent extends WidgetBaseComponent {
     }
     ngOnInit() { }
 }
-InvalidPermissionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-invalid-permission',
-                template: "<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Invalid Permission for Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>",
-                styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}"]
-            }] }
-];
-InvalidPermissionComponent.propDecorators = {
-    widgetType: [{ type: Input }],
-    widgetSubType: [{ type: Input }],
-    widgetInstanceId: [{ type: Input }],
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    InvalidPermissionComponent.prototype.widgetType;
-    InvalidPermissionComponent.prototype.widgetSubType;
-    InvalidPermissionComponent.prototype.widgetInstanceId;
-    InvalidPermissionComponent.prototype.widgetData;
-    InvalidPermissionComponent.prototype.showData;
-}
+InvalidPermissionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InvalidPermissionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+InvalidPermissionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InvalidPermissionComponent, selector: "ws-resolver-invalid-permission", inputs: { widgetType: "widgetType", widgetSubType: "widgetSubType", widgetInstanceId: "widgetInstanceId", widgetData: "widgetData" }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"margin-m\">\r\n  <mat-card-header>\r\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\r\n      <mat-icon color=\"warn\">report_problem</mat-icon>\r\n    </div>\r\n    <mat-card-title>\r\n      <ng-container i18n>\r\n        Error as Invalid Permission for Widget\r\n      </ng-container>\r\n    </mat-card-title>\r\n  </mat-card-header>\r\n  <div class=\"flex flex-wrap flex-between\">\r\n    <div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Type :\r\n        </span>\r\n        {{ widgetType }}\r\n      </div>\r\n      <div class=\"margin-top-s\">\r\n        <span class=\"mat-body-2 font-bold\" i18n>\r\n          Widget Sub Type :\r\n        </span>\r\n        {{ widgetSubType }}\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <ng-container *ngIf=\"widgetData\">\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\r\n          <ng-container i18n>See Details</ng-container>\r\n          <mat-icon>arrow_drop_down</mat-icon>\r\n        </button>\r\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\r\n          <ng-container i18n>Hide Details</ng-container>\r\n          <mat-icon>arrow_drop_up</mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"widgetData\">\r\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\r\n{{ widgetData | json }}\r\n    </pre>\r\n  </ng-container>\r\n</mat-card>", styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "json": i4.JsonPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InvalidPermissionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-resolver-invalid-permission',
+                    templateUrl: './invalid-permission.component.html',
+                    styleUrls: ['./invalid-permission.component.scss'],
+                }]
+        }], propDecorators: { widgetType: [{
+                type: Input
+            }], widgetSubType: [{
+                type: Input
+            }], widgetInstanceId: [{
+                type: Input
+            }], widgetData: [{
+                type: Input
+            }] } });
 
 class UnresolvedComponent extends WidgetBaseComponent {
     constructor() {
@@ -212,33 +222,28 @@ class UnresolvedComponent extends WidgetBaseComponent {
     }
     ngOnInit() {
         const url = window.location.href;
-        this.previewMode = this.searchArray.some(((word) => {
+        this.previewMode = this.searchArray.some((word) => {
             return url.indexOf(word) > -1;
-        }));
+        });
     }
 }
-UnresolvedComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-unresolved',
-                template: "<ng-container *ngIf=\"previewMode\" [ngTemplateOutlet]=\"previewCardTemplate\"></ng-container>\n<ng-container *ngIf=\"!previewMode\" [ngTemplateOutlet]=\"unresolvedTemplate\"></ng-container>\n\n<ng-template #unresolvedTemplate>\n  <mat-card class=\"margin-m\">\n    <mat-card-header>\n      <div mat-card-avatar class=\"mat-card-avatar-override\">\n        <mat-icon color=\"warn\">report_problem</mat-icon>\n      </div>\n      <mat-card-title>\n        <ng-container i18n>\n          Error in Resolving Json for Widget\n        </ng-container>\n      </mat-card-title>\n    </mat-card-header>\n    <div class=\"flex flex-wrap flex-between\">\n      <div>\n        <div class=\"margin-top-s\">\n          <span class=\"mat-body-2 font-bold\" i18n>\n            Widget Type :\n          </span>\n          {{ widgetType }}\n        </div>\n        <div class=\"margin-top-s\">\n          <span class=\"mat-body-2 font-bold\" i18n>\n            Widget Sub Type :\n          </span>\n          {{ widgetSubType }}\n        </div>\n      </div>\n      <div>\n        <ng-container *ngIf=\"widgetData\">\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n            <ng-container i18n>See Details</ng-container>\n            <mat-icon>arrow_drop_down</mat-icon>\n          </button>\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n            <ng-container i18n>Hide Details</ng-container>\n            <mat-icon>arrow_drop_up</mat-icon>\n          </button>\n        </ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"widgetData\">\n      <pre *ngIf=\"showData\" class=\"margin-top-s\"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n    </ng-container>\n  </mat-card>\n</ng-template>\n<ng-template #previewCardTemplate>\n  <mat-card>\n    <div class=\"w-full\">\n      <div class=\"p-4\">\n        <div class=\"text-3xl font-semibold text-center leading-tight\" i18n>\n          Content not available\n        </div>\n        <br />\n        <div class=\"text-base font-medium text-center leading-normal\" i18n>\n          Please add widget or provide data to widget template\n        </div>\n      </div>\n    </div>\n  </mat-card>\n</ng-template>",
-                styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}"]
-            }] }
-];
-UnresolvedComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    UnresolvedComponent.prototype.widgetData;
-    UnresolvedComponent.prototype.showData;
-    UnresolvedComponent.prototype.previewMode;
-    UnresolvedComponent.prototype.searchArray;
-}
+UnresolvedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UnresolvedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+UnresolvedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: UnresolvedComponent, selector: "ws-resolver-unresolved", inputs: { widgetData: "widgetData" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"previewMode\" [ngTemplateOutlet]=\"previewCardTemplate\"></ng-container>\r\n<ng-container *ngIf=\"!previewMode\" [ngTemplateOutlet]=\"unresolvedTemplate\"></ng-container>\r\n\r\n<ng-template #unresolvedTemplate>\r\n  <mat-card class=\"margin-m\">\r\n    <mat-card-header>\r\n      <div mat-card-avatar class=\"mat-card-avatar-override\">\r\n        <mat-icon color=\"warn\">report_problem</mat-icon>\r\n      </div>\r\n      <mat-card-title>\r\n        <ng-container i18n>\r\n          Error in Resolving Json for Widget\r\n        </ng-container>\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <div class=\"flex flex-wrap flex-between\">\r\n      <div>\r\n        <div class=\"margin-top-s\">\r\n          <span class=\"mat-body-2 font-bold\" i18n>\r\n            Widget Type :\r\n          </span>\r\n          {{ widgetType }}\r\n        </div>\r\n        <div class=\"margin-top-s\">\r\n          <span class=\"mat-body-2 font-bold\" i18n>\r\n            Widget Sub Type :\r\n          </span>\r\n          {{ widgetSubType }}\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <ng-container *ngIf=\"widgetData\">\r\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\r\n            <ng-container i18n>See Details</ng-container>\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n          </button>\r\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\r\n            <ng-container i18n>Hide Details</ng-container>\r\n            <mat-icon>arrow_drop_up</mat-icon>\r\n          </button>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <ng-container *ngIf=\"widgetData\">\r\n      <pre *ngIf=\"showData\" class=\"margin-top-s\"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\r\n{{ widgetData | json }}\r\n    </pre>\r\n    </ng-container>\r\n  </mat-card>\r\n</ng-template>\r\n<ng-template #previewCardTemplate>\r\n  <mat-card>\r\n    <div class=\"w-full\">\r\n      <div class=\"p-4\">\r\n        <div class=\"text-3xl font-semibold text-center leading-tight\" i18n>\r\n          Content not available\r\n        </div>\r\n        <br />\r\n        <div class=\"text-base font-medium text-center leading-normal\" i18n>\r\n          Please add widget or provide data to widget template\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n</ng-template>", styles: [".mat-card-avatar-override{height:24px!important;width:24px!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }], pipes: { "json": i4.JsonPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UnresolvedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ws-resolver-unresolved',
+                    templateUrl: './unresolved.component.html',
+                    styleUrls: ['./unresolved.component.scss'],
+                }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
 
 class WidgetResolverService {
-    constructor(domSanitizer, componentFactoryResolver, loggerSvc, globalConfig, scopedConfig) {
+    constructor(domSanitizer, componentFactoryResolver, globalConfig, scopedConfig) {
         this.domSanitizer = domSanitizer;
         this.componentFactoryResolver = componentFactoryResolver;
-        this.loggerSvc = loggerSvc;
         this.globalConfig = globalConfig;
         this.scopedConfig = scopedConfig;
         this.roles = null;
@@ -266,16 +271,15 @@ class WidgetResolverService {
         if (this.scopedConfig && Array.isArray(this.scopedConfig)) {
             allWidgetsConfigurations.push(...this.scopedConfig);
         }
-        allWidgetsConfigurations.forEach((u => {
+        allWidgetsConfigurations.forEach(u => {
             const key = WidgetResolverService.getWidgetKey(u);
             if (!restrictedWidgetKeysSet.has(key)) {
                 registrationConfig.set(key, u);
             }
-        }));
+        });
         this.restrictedWidgetKeys = restrictedWidgetKeysSet;
         this.availableRegisteredWidgets = registrationConfig;
         this.isInitialized = true;
-        this.loggerSvc.log(`Widget Configurations`, this.globalConfig, this.scopedConfig, this.availableRegisteredWidgets);
     }
     resolveWidget(receivedConfig, containerRef) {
         const key = WidgetResolverService.getWidgetKey(receivedConfig);
@@ -301,39 +305,27 @@ class WidgetResolverService {
         compRef.instance.widgetData = compData.widgetData;
         if (compRef.instance.updateBaseComponent) {
             const widgetSafeStyle = compData.widgetHostStyle
-                ? this.domSanitizer.bypassSecurityTrustStyle(Object.entries(compData.widgetHostStyle).reduce(((s, [k, v]) => `${s}${k}:${v};`), ''))
+                ? this.domSanitizer.bypassSecurityTrustStyle(Object.entries(compData.widgetHostStyle).reduce((s, [k, v]) => `${s}${k}:${v};`, ''))
                 : undefined;
             compRef.instance.updateBaseComponent(compData.widgetType, compData.widgetSubType, compData.widgetInstanceId, compData.widgetHostClass, widgetSafeStyle);
         }
         return compRef;
     }
 }
-WidgetResolverService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-WidgetResolverService.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: ComponentFactoryResolver },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Inject, args: [WIDGET_RESOLVER_GLOBAL_CONFIG,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [WIDGET_RESOLVER_SCOPED_CONFIG,] }] }
-];
-/** @nocollapse */ WidgetResolverService.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetResolverService_Factory() { return new WidgetResolverService(ɵɵinject(DomSanitizer), ɵɵinject(ComponentFactoryResolver), ɵɵinject(LoggerService), ɵɵinject(WIDGET_RESOLVER_GLOBAL_CONFIG), ɵɵinject(WIDGET_RESOLVER_SCOPED_CONFIG)); }, token: WidgetResolverService, providedIn: "root" });
-if (false) {
-    WidgetResolverService.prototype.roles;
-    WidgetResolverService.prototype.groups;
-    WidgetResolverService.prototype.restrictedFeatures;
-    WidgetResolverService.prototype.isInitialized;
-    WidgetResolverService.prototype.availableRegisteredWidgets;
-    WidgetResolverService.prototype.restrictedWidgetKeys;
-    WidgetResolverService.prototype.domSanitizer;
-    WidgetResolverService.prototype.componentFactoryResolver;
-    WidgetResolverService.prototype.loggerSvc;
-    WidgetResolverService.prototype.globalConfig;
-    WidgetResolverService.prototype.scopedConfig;
-}
+WidgetResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverService, deps: [{ token: i1$1.DomSanitizer }, { token: i0.ComponentFactoryResolver }, { token: WIDGET_RESOLVER_GLOBAL_CONFIG }, { token: WIDGET_RESOLVER_SCOPED_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+WidgetResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WIDGET_RESOLVER_GLOBAL_CONFIG]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WIDGET_RESOLVER_SCOPED_CONFIG]
+                }] }]; } });
 
 class WidgetResolverDirective {
     constructor(viewContainerRef, widgetResolverSvc, logger) {
@@ -355,25 +347,16 @@ class WidgetResolverDirective {
         }
     }
 }
-WidgetResolverDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsResolverWidget]',
-            },] }
-];
-WidgetResolverDirective.ctorParameters = () => [
-    { type: ViewContainerRef },
-    { type: WidgetResolverService },
-    { type: LoggerService }
-];
-WidgetResolverDirective.propDecorators = {
-    wsResolverWidget: [{ type: Input }]
-};
-if (false) {
-    WidgetResolverDirective.prototype.wsResolverWidget;
-    WidgetResolverDirective.prototype.viewContainerRef;
-    WidgetResolverDirective.prototype.widgetResolverSvc;
-    WidgetResolverDirective.prototype.logger;
-}
+WidgetResolverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverDirective, deps: [{ token: i0.ViewContainerRef }, { token: WidgetResolverService }, { token: i2$1.LoggerService }], target: i0.ɵɵFactoryTarget.Directive });
+WidgetResolverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: WidgetResolverDirective, selector: "[wsResolverWidget]", inputs: { wsResolverWidget: "wsResolverWidget" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wsResolverWidget]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: WidgetResolverService }, { type: i2$1.LoggerService }]; }, propDecorators: { wsResolverWidget: [{
+                type: Input
+            }] } });
 
 class WidgetResolverModule {
     static forRoot(config) {
@@ -405,85 +388,37 @@ class WidgetResolverModule {
         };
     }
 }
-WidgetResolverModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetBaseComponent,
-                    WidgetResolverDirective,
-                    RestrictedComponent,
-                    InvalidRegistrationComponent,
-                    InvalidPermissionComponent,
-                    UnresolvedComponent,
-                ],
-                imports: [CommonModule, MatButtonModule, MatIconModule, MatCardModule],
-                exports: [WidgetResolverDirective, WidgetBaseComponent],
-                entryComponents: [
-                    RestrictedComponent,
-                    InvalidRegistrationComponent,
-                    InvalidPermissionComponent,
-                    UnresolvedComponent,
-                    WidgetBaseComponent,
-                ],
-                providers: [ConfigurationsService],
-            },] }
-];
-
-var NsWidgetResolver;
-(function (NsWidgetResolver) {
-    function IUnitPermissionObject() { }
-    NsWidgetResolver.IUnitPermissionObject = IUnitPermissionObject;
-    if (false) {
-        IUnitPermissionObject.prototype.all;
-        IUnitPermissionObject.prototype.none;
-        IUnitPermissionObject.prototype.some;
-    }
-    function IPermissions() { }
-    NsWidgetResolver.IPermissions = IPermissions;
-    if (false) {
-        IPermissions.prototype.enabled;
-        IPermissions.prototype.available;
-        IPermissions.prototype.roles;
-        IPermissions.prototype.features;
-        IPermissions.prototype.groups;
-    }
-    function IBaseConfig() { }
-    NsWidgetResolver.IBaseConfig = IBaseConfig;
-    if (false) {
-        IBaseConfig.prototype.widgetType;
-        IBaseConfig.prototype.widgetSubType;
-    }
-    function IRegistrationConfig() { }
-    NsWidgetResolver.IRegistrationConfig = IRegistrationConfig;
-    if (false) {
-        IRegistrationConfig.prototype.component;
-    }
-    function IRegistrationsPermissionConfig() { }
-    NsWidgetResolver.IRegistrationsPermissionConfig = IRegistrationsPermissionConfig;
-    if (false) {
-        IRegistrationsPermissionConfig.prototype.widgetPermission;
-    }
-    function IRenderConfigWithTypedData() { }
-    NsWidgetResolver.IRenderConfigWithTypedData = IRenderConfigWithTypedData;
-    if (false) {
-        IRenderConfigWithTypedData.prototype.widgetData;
-        IRenderConfigWithTypedData.prototype.widgetInstanceId;
-        IRenderConfigWithTypedData.prototype.widgetHostClass;
-        IRenderConfigWithTypedData.prototype.widgetHostStyle;
-    }
-    function IWidgetData() { }
-    NsWidgetResolver.IWidgetData = IWidgetData;
-    if (false) {
-        IWidgetData.prototype.widgetSafeStyle;
-        IWidgetData.prototype.updateBaseComponent;
-    }
-    function ITitle() { }
-    NsWidgetResolver.ITitle = ITitle;
-    if (false) {
-        ITitle.prototype.title;
-        ITitle.prototype.url;
-        ITitle.prototype.icon;
-    }
-})(NsWidgetResolver || (NsWidgetResolver = {}));
+WidgetResolverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WidgetResolverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverModule, declarations: [WidgetBaseComponent,
+        WidgetResolverDirective,
+        RestrictedComponent,
+        InvalidRegistrationComponent,
+        InvalidPermissionComponent,
+        UnresolvedComponent], imports: [CommonModule, MatButtonModule, MatIconModule, MatCardModule], exports: [WidgetResolverDirective, WidgetBaseComponent] });
+WidgetResolverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverModule, providers: [ConfigurationsService], imports: [[CommonModule, MatButtonModule, MatIconModule, MatCardModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WidgetResolverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetBaseComponent,
+                        WidgetResolverDirective,
+                        RestrictedComponent,
+                        InvalidRegistrationComponent,
+                        InvalidPermissionComponent,
+                        UnresolvedComponent,
+                    ],
+                    imports: [CommonModule, MatButtonModule, MatIconModule, MatCardModule],
+                    exports: [WidgetResolverDirective, WidgetBaseComponent],
+                    entryComponents: [
+                        RestrictedComponent,
+                        InvalidRegistrationComponent,
+                        InvalidPermissionComponent,
+                        UnresolvedComponent,
+                        WidgetBaseComponent,
+                    ],
+                    providers: [ConfigurationsService],
+                }]
+        }] });
 
-export { WidgetBaseComponent, WidgetResolverModule, WidgetResolverService, hasPermissions, hasUnitPermission, WidgetResolverDirective as ɵa, WIDGET_RESOLVER_GLOBAL_CONFIG as ɵb, WIDGET_RESOLVER_SCOPED_CONFIG as ɵc, RestrictedComponent as ɵe, InvalidRegistrationComponent as ɵf, InvalidPermissionComponent as ɵg, UnresolvedComponent as ɵh };
+export { WidgetBaseComponent, WidgetResolverDirective, WidgetResolverModule, WidgetResolverService, hasPermissions, hasUnitPermission };
 //# sourceMappingURL=sunbird-cb-resolver.js.map