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

package/fesm2015/sunbird-cb-resolver.js

@@ -1,489 +1,424 @@
-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_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'));
-}
-function isCheckRequired(requiredPermission) {
-    if (requiredPermission === undefined ||
-        requiredPermission === null ||
-        requiredPermission === '' ||
-        (Array.isArray(requiredPermission) && requiredPermission.length === 0)) {
-        return false;
-    }
-    return true;
-}
-function flipBoolean(value, flip = false) {
-    return flip ? !value : value;
-}
-function permissionTest(testFor, requiredPermission, matchAgainst, isRestrictive = false) {
-    if (!isCheckRequired(requiredPermission)) {
-        return true;
-    }
-    if (typeof requiredPermission === 'string') {
-        switch (testFor) {
-            case 'all':
-            case 'some':
-                return flipBoolean(matchAgainst.has(requiredPermission), isRestrictive);
-            case 'none':
-                return flipBoolean(!matchAgainst.has(requiredPermission), isRestrictive);
-        }
-    }
-    if (Array.isArray(requiredPermission)) {
-        const matcher = ((u) => typeof u === 'string' && flipBoolean(matchAgainst.has(u), isRestrictive));
-        switch (testFor) {
-            case 'all':
-                return requiredPermission.every(matcher);
-            case 'some':
-                return requiredPermission.some(matcher);
-            case 'none':
-                return !requiredPermission.every(matcher);
-        }
-    }
-    return false;
-}
-function hasUnitPermission(requiredPermission, matchAgainst, isRestrictive = false) {
-    if (!isCheckRequired(requiredPermission)) {
-        return true;
-    }
-    const accessValues = matchAgainst instanceof Set
-        ? matchAgainst
-        : Array.isArray(matchAgainst) && isStringArray(matchAgainst)
-            ? new Set(matchAgainst)
-            : typeof matchAgainst === 'string'
-                ? new Set([matchAgainst])
-                : new Set();
-    if (typeof requiredPermission === 'object' && requiredPermission !== null) {
-        if (Array.isArray(requiredPermission)) {
-            return permissionTest('all', requiredPermission, accessValues, isRestrictive);
-        }
-        return (permissionTest('all', 'all' in requiredPermission ? requiredPermission.all : null, accessValues, isRestrictive) &&
-            permissionTest('some', 'some' in requiredPermission ? requiredPermission.some : null, accessValues, isRestrictive) &&
-            permissionTest('none', 'none' in requiredPermission ? requiredPermission.none : null, accessValues, isRestrictive));
-    }
-    return false;
-}
-function hasPermissions(requiredPermission, availableRoles, availableGroups, restrictedFeatures) {
-    if (!requiredPermission) {
-        return true;
-    }
-    if (!requiredPermission.available || !requiredPermission.enabled) {
-        return false;
-    }
-    return (hasUnitPermission(requiredPermission.groups, availableGroups) &&
-        hasUnitPermission(requiredPermission.roles, availableRoles) &&
-        hasUnitPermission(requiredPermission.features, restrictedFeatures, true));
+function isStringArray(strArr) {
+    return Array.isArray(strArr) && strArr.every(u => typeof u === 'string');
 }
-
-class WidgetBaseComponent {
-    constructor() {
-        this.widgetType = '';
-        this.widgetSubType = '';
-    }
-    updateBaseComponent(widgetType, widgetSubType, widgetInstanceId, widgetHostClass, widgetSafeStyle) {
-        this.widgetType = widgetType;
-        this.widgetSubType = widgetSubType;
-        this.widgetInstanceId = widgetInstanceId;
-        this.widgetHostClass = widgetHostClass;
-        this.widgetSafeStyle = widgetSafeStyle;
-        if (this.widgetHostClass) {
-            this.className = `${this.className} ${this.widgetHostClass}`;
-        }
-    }
-    ngAfterViewInit() {
-        const hash = window.location.hash ? window.location.hash.split('#')[1] : '';
-        if (hash && !isNaN(hash) && hash === this.widgetInstanceId) {
-            setTimeout((() => {
-                const element = document.getElementById(this.widgetInstanceId || '');
-                if (element) {
-                    element.scrollIntoView();
-                }
-            }), 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;
+function isCheckRequired(requiredPermission) {
+    if (requiredPermission === undefined ||
+        requiredPermission === null ||
+        requiredPermission === '' ||
+        (Array.isArray(requiredPermission) && requiredPermission.length === 0)) {
+        return false;
+    }
+    return true;
+}
+function flipBoolean(value, flip = false) {
+    return flip ? !value : value;
+}
+function permissionTest(testFor, requiredPermission, matchAgainst, isRestrictive = false) {
+    if (!isCheckRequired(requiredPermission)) {
+        return true;
+    }
+    if (typeof requiredPermission === 'string') {
+        switch (testFor) {
+            case 'all':
+            case 'some':
+                return flipBoolean(matchAgainst.has(requiredPermission), isRestrictive);
+            case 'none':
+                return flipBoolean(!matchAgainst.has(requiredPermission), isRestrictive);
+        }
+    }
+    if (Array.isArray(requiredPermission)) {
+        const matcher = (u) => typeof u === 'string' && flipBoolean(matchAgainst.has(u), isRestrictive);
+        switch (testFor) {
+            case 'all':
+                return requiredPermission.every(matcher);
+            case 'some':
+                return requiredPermission.some(matcher);
+            case 'none':
+                return !requiredPermission.every(matcher);
+        }
+    }
+    return false;
+}
+function hasUnitPermission(requiredPermission, matchAgainst, isRestrictive = false) {
+    if (!isCheckRequired(requiredPermission)) {
+        return true;
+    }
+    const accessValues = matchAgainst instanceof Set
+        ? matchAgainst
+        : Array.isArray(matchAgainst) && isStringArray(matchAgainst)
+            ? new Set(matchAgainst)
+            : typeof matchAgainst === 'string'
+                ? new Set([matchAgainst])
+                : new Set();
+    if (typeof requiredPermission === 'object' && requiredPermission !== null) {
+        if (Array.isArray(requiredPermission)) {
+            return permissionTest('all', requiredPermission, accessValues, isRestrictive);
+        }
+        return (permissionTest('all', 'all' in requiredPermission ? requiredPermission.all : null, accessValues, isRestrictive) &&
+            permissionTest('some', 'some' in requiredPermission ? requiredPermission.some : null, accessValues, isRestrictive) &&
+            permissionTest('none', 'none' in requiredPermission ? requiredPermission.none : null, accessValues, isRestrictive));
+    }
+    return false;
+}
+function hasPermissions(requiredPermission, availableRoles, availableGroups, restrictedFeatures) {
+    if (!requiredPermission) {
+        return true;
+    }
+    if (!requiredPermission.available || !requiredPermission.enabled) {
+        return false;
+    }
+    return (hasUnitPermission(requiredPermission.groups, availableGroups) &&
+        hasUnitPermission(requiredPermission.roles, availableRoles) &&
+        hasUnitPermission(requiredPermission.features, restrictedFeatures, true));
 }
 
-class RestrictedComponent extends WidgetBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.showData = true;
-    }
-    ngOnInit() { }
-}
-RestrictedComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-restricted',
-                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}"]
-            }] }
-];
-RestrictedComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    RestrictedComponent.prototype.widgetData;
-    RestrictedComponent.prototype.showData;
+class WidgetBaseComponent {
+    constructor() {
+        this.widgetType = '';
+        this.widgetSubType = '';
+    }
+    updateBaseComponent(widgetType, widgetSubType, widgetInstanceId, widgetHostClass, widgetSafeStyle) {
+        this.widgetType = widgetType;
+        this.widgetSubType = widgetSubType;
+        this.widgetInstanceId = widgetInstanceId;
+        this.widgetHostClass = widgetHostClass;
+        this.widgetSafeStyle = widgetSafeStyle;
+        if (this.widgetHostClass) {
+            this.className = `${this.className} ${this.widgetHostClass}`;
+        }
+    }
+    ngAfterViewInit() {
+        const hash = window.location.hash ? window.location.hash.split('#')[1] : '';
+        if (hash && !isNaN(hash) && hash === this.widgetInstanceId) {
+            setTimeout(() => {
+                const element = document.getElementById(this.widgetInstanceId || '');
+                if (element) {
+                    element.scrollIntoView();
+                }
+            }, 200);
+        }
+    }
 }
+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 InvalidRegistrationComponent extends WidgetBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.showData = true;
-    }
-    ngOnInit() { }
-}
-InvalidRegistrationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-invalid-registration',
-                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}"]
-            }] }
-];
-InvalidRegistrationComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    InvalidRegistrationComponent.prototype.widgetData;
-    InvalidRegistrationComponent.prototype.showData;
+class RestrictedComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
 }
+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 InvalidPermissionComponent extends WidgetBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.showData = true;
-    }
-    ngOnInit() { }
-}
-InvalidPermissionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-resolver-invalid-permission',
-                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}"]
-            }] }
-];
-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;
+class InvalidRegistrationComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
 }
+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 UnresolvedComponent extends WidgetBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.showData = true;
-        this.previewMode = false;
-        this.searchArray = ['preview', 'channel'];
-    }
-    ngOnInit() {
-        const url = window.location.href;
-        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>\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}"]
-            }] }
-];
-UnresolvedComponent.propDecorators = {
-    widgetData: [{ type: Input }]
-};
-if (false) {
-    UnresolvedComponent.prototype.widgetData;
-    UnresolvedComponent.prototype.showData;
-    UnresolvedComponent.prototype.previewMode;
-    UnresolvedComponent.prototype.searchArray;
+class InvalidPermissionComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
 }
+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 WidgetResolverService {
-    constructor(domSanitizer, componentFactoryResolver, loggerSvc, globalConfig, scopedConfig) {
-        this.domSanitizer = domSanitizer;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.loggerSvc = loggerSvc;
-        this.globalConfig = globalConfig;
-        this.scopedConfig = scopedConfig;
-        this.roles = null;
-        this.groups = null;
-        this.restrictedFeatures = null;
-        this.isInitialized = false;
-        this.availableRegisteredWidgets = null;
-        this.restrictedWidgetKeys = null;
-    }
-    static getWidgetKey(config) {
-        return `widget:${config.widgetType}::${config.widgetSubType}`;
-    }
-    initialize(restrictedWidgetKeys, roles, groups, restrictedFeatures) {
-        this.roles = roles;
-        this.groups = groups;
-        this.restrictedFeatures = restrictedFeatures;
-        const restrictedWidgetKeysSet = restrictedWidgetKeys
-            ? restrictedWidgetKeys
-            : new Set();
-        const registrationConfig = new Map();
-        const allWidgetsConfigurations = [];
-        if (this.globalConfig && Array.isArray(this.globalConfig)) {
-            allWidgetsConfigurations.push(...this.globalConfig);
-        }
-        if (this.scopedConfig && Array.isArray(this.scopedConfig)) {
-            allWidgetsConfigurations.push(...this.scopedConfig);
-        }
-        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);
-        if (this.restrictedWidgetKeys && this.restrictedWidgetKeys.has(key)) {
-            return this.widgetResolved(containerRef, receivedConfig, RestrictedComponent);
-        }
-        if (this.availableRegisteredWidgets && this.availableRegisteredWidgets.has(key)) {
-            if (hasPermissions(receivedConfig.widgetPermission, this.roles, this.groups, this.restrictedFeatures)) {
-                const config = this.availableRegisteredWidgets.get(key);
-                if (config && config.component) {
-                    return this.widgetResolved(containerRef, receivedConfig, config.component);
-                }
-                return this.widgetResolved(containerRef, receivedConfig, InvalidRegistrationComponent);
-            }
-            return this.widgetResolved(containerRef, receivedConfig, InvalidPermissionComponent);
-        }
-        return this.widgetResolved(containerRef, receivedConfig, UnresolvedComponent);
-    }
-    widgetResolved(containerRef, compData, component) {
-        const factory = this.componentFactoryResolver.resolveComponentFactory(component);
-        containerRef.clear();
-        const compRef = containerRef.createComponent(factory);
-        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};`), ''))
-                : 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;
+class UnresolvedComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+        this.previewMode = false;
+        this.searchArray = ['preview', 'channel'];
+    }
+    ngOnInit() {
+        const url = window.location.href;
+        this.previewMode = this.searchArray.some((word) => {
+            return url.indexOf(word) > -1;
+        });
+    }
 }
+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 WidgetResolverDirective {
-    constructor(viewContainerRef, widgetResolverSvc, logger) {
-        this.viewContainerRef = viewContainerRef;
-        this.widgetResolverSvc = widgetResolverSvc;
-        this.logger = logger;
-        this.wsResolverWidget = null;
-    }
-    ngOnChanges() {
-        if (!this.widgetResolverSvc.isInitialized) {
-            this.logger.error('Widgets Registration Not Done. Used Before Initialization.', this.wsResolverWidget);
-            return;
-        }
-        if (this.wsResolverWidget) {
-            const compRef = this.widgetResolverSvc.resolveWidget(this.wsResolverWidget, this.viewContainerRef);
-            if (compRef) {
-                compRef.changeDetectorRef.detectChanges();
-            }
-        }
-    }
-}
-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;
+class WidgetResolverService {
+    constructor(domSanitizer, componentFactoryResolver, globalConfig, scopedConfig) {
+        this.domSanitizer = domSanitizer;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.globalConfig = globalConfig;
+        this.scopedConfig = scopedConfig;
+        this.roles = null;
+        this.groups = null;
+        this.restrictedFeatures = null;
+        this.isInitialized = false;
+        this.availableRegisteredWidgets = null;
+        this.restrictedWidgetKeys = null;
+    }
+    static getWidgetKey(config) {
+        return `widget:${config.widgetType}::${config.widgetSubType}`;
+    }
+    initialize(restrictedWidgetKeys, roles, groups, restrictedFeatures) {
+        this.roles = roles;
+        this.groups = groups;
+        this.restrictedFeatures = restrictedFeatures;
+        const restrictedWidgetKeysSet = restrictedWidgetKeys
+            ? restrictedWidgetKeys
+            : new Set();
+        const registrationConfig = new Map();
+        const allWidgetsConfigurations = [];
+        if (this.globalConfig && Array.isArray(this.globalConfig)) {
+            allWidgetsConfigurations.push(...this.globalConfig);
+        }
+        if (this.scopedConfig && Array.isArray(this.scopedConfig)) {
+            allWidgetsConfigurations.push(...this.scopedConfig);
+        }
+        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;
+    }
+    resolveWidget(receivedConfig, containerRef) {
+        const key = WidgetResolverService.getWidgetKey(receivedConfig);
+        if (this.restrictedWidgetKeys && this.restrictedWidgetKeys.has(key)) {
+            return this.widgetResolved(containerRef, receivedConfig, RestrictedComponent);
+        }
+        if (this.availableRegisteredWidgets && this.availableRegisteredWidgets.has(key)) {
+            if (hasPermissions(receivedConfig.widgetPermission, this.roles, this.groups, this.restrictedFeatures)) {
+                const config = this.availableRegisteredWidgets.get(key);
+                if (config && config.component) {
+                    return this.widgetResolved(containerRef, receivedConfig, config.component);
+                }
+                return this.widgetResolved(containerRef, receivedConfig, InvalidRegistrationComponent);
+            }
+            return this.widgetResolved(containerRef, receivedConfig, InvalidPermissionComponent);
+        }
+        return this.widgetResolved(containerRef, receivedConfig, UnresolvedComponent);
+    }
+    widgetResolved(containerRef, compData, component) {
+        const factory = this.componentFactoryResolver.resolveComponentFactory(component);
+        containerRef.clear();
+        const compRef = containerRef.createComponent(factory);
+        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};`, ''))
+                : undefined;
+            compRef.instance.updateBaseComponent(compData.widgetType, compData.widgetSubType, compData.widgetInstanceId, compData.widgetHostClass, widgetSafeStyle);
+        }
+        return compRef;
+    }
 }
+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 WidgetResolverModule {
-    static forRoot(config) {
-        return {
-            ngModule: WidgetResolverModule,
-            providers: [
-                WidgetResolverService,
-                {
-                    provide: WIDGET_RESOLVER_GLOBAL_CONFIG,
-                    useValue: config,
-                },
-                {
-                    provide: WIDGET_RESOLVER_SCOPED_CONFIG,
-                    useValue: [],
-                },
-            ],
-        };
-    }
-    static forChild(config) {
-        return {
-            ngModule: WidgetResolverModule,
-            providers: [
-                WidgetResolverService,
-                {
-                    provide: WIDGET_RESOLVER_SCOPED_CONFIG,
-                    useValue: config,
-                },
-            ],
-        };
-    }
-}
-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],
-            },] }
-];
+class WidgetResolverDirective {
+    constructor(viewContainerRef, widgetResolverSvc, logger) {
+        this.viewContainerRef = viewContainerRef;
+        this.widgetResolverSvc = widgetResolverSvc;
+        this.logger = logger;
+        this.wsResolverWidget = null;
+    }
+    ngOnChanges() {
+        if (!this.widgetResolverSvc.isInitialized) {
+            this.logger.error('Widgets Registration Not Done. Used Before Initialization.', this.wsResolverWidget);
+            return;
+        }
+        if (this.wsResolverWidget) {
+            const compRef = this.widgetResolverSvc.resolveWidget(this.wsResolverWidget, this.viewContainerRef);
+            if (compRef) {
+                compRef.changeDetectorRef.detectChanges();
+            }
+        }
+    }
+}
+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
+            }] } });
 
-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 = {}));
+class WidgetResolverModule {
+    static forRoot(config) {
+        return {
+            ngModule: WidgetResolverModule,
+            providers: [
+                WidgetResolverService,
+                {
+                    provide: WIDGET_RESOLVER_GLOBAL_CONFIG,
+                    useValue: config,
+                },
+                {
+                    provide: WIDGET_RESOLVER_SCOPED_CONFIG,
+                    useValue: [],
+                },
+            ],
+        };
+    }
+    static forChild(config) {
+        return {
+            ngModule: WidgetResolverModule,
+            providers: [
+                WidgetResolverService,
+                {
+                    provide: WIDGET_RESOLVER_SCOPED_CONFIG,
+                    useValue: config,
+                },
+            ],
+        };
+    }
+}
+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