@sunbird-cb/resolver 0.0.3 → 1.0.0-ang-13-16

package/esm2022/lib/widget-resolver.service.mjs

@@ -0,0 +1,96 @@
+import { Injectable, Inject, } from '@angular/core';
+import { WIDGET_RESOLVER_GLOBAL_CONFIG, WIDGET_RESOLVER_SCOPED_CONFIG, } from './widget-resolver.constant';
+import { hasPermissions } from './widget-resolver.permissions';
+import { RestrictedComponent } from './restricted/restricted.component';
+import { InvalidRegistrationComponent } from './invalid-registration/invalid-registration.component';
+import { InvalidPermissionComponent } from './invalid-permission/invalid-permission.component';
+import { UnresolvedComponent } from './unresolved/unresolved.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export 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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverService, deps: [{ token: i1.DomSanitizer }, { token: i0.ComponentFactoryResolver }, { token: WIDGET_RESOLVER_GLOBAL_CONFIG }, { token: WIDGET_RESOLVER_SCOPED_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WIDGET_RESOLVER_GLOBAL_CONFIG]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WIDGET_RESOLVER_SCOPED_CONFIG]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LXJlc29sdmVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJ5L3N1bmJpcmQtY2IvcmVzb2x2ZXIvc3JjL2xpYi93aWRnZXQtcmVzb2x2ZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsVUFBVSxFQUNWLE1BQU0sR0FLUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQ0wsNkJBQTZCLEVBQzdCLDZCQUE2QixHQUM5QixNQUFNLDRCQUE0QixDQUFBO0FBR25DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQTtBQUNwRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQTtBQUM5RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTs7O0FBTXZFLE1BQU0sT0FBTyxxQkFBcUI7SUFLaEMsWUFDVSxZQUEwQixFQUMxQix3QkFBa0QsRUFHbEQsWUFBMkQsRUFFM0QsWUFBMkQ7UUFOM0QsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUdsRCxpQkFBWSxHQUFaLFlBQVksQ0FBK0M7UUFFM0QsaUJBQVksR0FBWixZQUFZLENBQStDO1FBWDdELFVBQUssR0FBdUIsSUFBSSxDQUFBO1FBQ2hDLFdBQU0sR0FBdUIsSUFBSSxDQUFBO1FBQ2pDLHVCQUFrQixHQUF1QixJQUFJLENBQUE7UUFDckQsa0JBQWEsR0FBRyxLQUFLLENBQUE7UUFVYiwrQkFBMEIsR0FHdkIsSUFBSSxDQUFBO1FBQ1AseUJBQW9CLEdBQXVCLElBQUksQ0FBQTtJQUxuRCxDQUFDO0lBTUwsTUFBTSxDQUFDLFlB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NkIsYUFFN0IsNkJBQTZCO21IQVg1QixxQkFBcUIsY0FGcEIsTUFBTTs7NEZBRVAscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQjs7MEJBVUksTUFBTTsyQkFBQyw2QkFBNkI7OzBCQUVwQyxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgSW5qZWN0YWJsZSxcclxuICBJbmplY3QsXHJcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgQ29tcG9uZW50UmVmLFxyXG4gIFR5cGUsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHtcclxuICBXSURHRVRfUkVTT0xWRVJfR0xPQkFMX0NPTkZJRyxcclxuICBXSURHRVRfUkVTT0xWRVJfU0NPUEVEX0NPTkZJRyxcclxufSBmcm9tICcuL3dpZGdldC1yZXNvbHZlci5jb25zdGFudCdcclxuLy8gaW1wb3J0IHsgTG9nZ2VyU2VydmljZSB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzJ1xyXG5pbXBvcnQgeyBOc1dpZGdldFJlc29sdmVyIH0gZnJvbSAnLi93aWRnZXQtcmVzb2x2ZXIubW9kZWwnXHJcbmltcG9ydCB7IGhhc1Blcm1pc3Npb25zIH0gZnJvbSAnLi93aWRnZXQtcmVzb2x2ZXIucGVybWlzc2lvbnMnXHJcbmltcG9ydCB7IFJlc3RyaWN0ZWRDb21wb25lbnQgfSBmcm9tICcuL3Jlc3RyaWN0ZWQvcmVzdHJpY3RlZC5jb21wb25lbnQnXHJcbmltcG9ydCB7IEludmFsaWRSZWdpc3RyYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2ludmFsaWQtcmVnaXN0cmF0aW9uL2ludmFsaWQtcmVnaXN0cmF0aW9uLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgSW52YWxpZFBlcm1pc3Npb25Db21wb25lbnQgfSBmcm9tICcuL2ludmFsaWQtcGVybWlzc2lvbi9pbnZhbGlkLXBlcm1pc3Npb24uY29tcG9uZW50J1xyXG5pbXBvcnQgeyBVbnJlc29sdmVkQ29tcG9uZW50IH0gZnJvbSAnLi91bnJlc29sdmVkL3VucmVzb2x2ZWQuY29tcG9uZW50J1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJ1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFdpZGdldFJlc29sdmVyU2VydmljZSB7XHJcbiAgcHJpdmF0ZSByb2xlczogU2V0PHN0cmluZz4gfCBudWxsID0gbnVsbFxyXG4gIHByaXZhdGUgZ3JvdXBzOiBTZXQ8c3RyaW5nPiB8IG51bGwgPSBudWxsXHJcbiAgcHJpdmF0ZSByZXN0cmljdGVkRmVhdHVyZXM6IFNldDxzdHJpbmc+IHwgbnVsbCA9IG51bGxcclxuICBpc0luaXRpYWxpemVkID0gZmFsc2VcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXHJcbiAgICBwcml2YXRlIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gICAgLy8gcHJpdmF0ZSBsb2dnZXJTdmM6IExvZ2dlclNlcnZpY2UsXHJcbiAgICBASW5qZWN0KFdJREdFVF9SRVNPTFZFUl9HTE9CQUxfQ09ORklHKVxyXG4gICAgcHJpdmF0ZSBnbG9iYWxDb25maWc6IG51bGwgfCBOc1dpZGdldFJlc29sdmVyLklSZWdpc3RyYXRpb25Db25maWdbXSxcclxuICAgIEBJbmplY3QoV0lER0VUX1JFU09MVkVSX1NDT1BFRF9DT05GSUcpXHJcbiAgICBwcml2YXRlIHNjb3BlZENvbmZpZzogbnVsbCB8IE5zV2lkZ2V0UmVzb2x2ZXIuSVJlZ2lzdHJhdGlvbkNvbmZpZ1tdLFxyXG4gICkgeyB9XHJcbiAgcHJpdmF0ZSBhdmFpbGFibGVSZWdpc3RlcmVkV2lkZ2V0czogTWFwPFxyXG4gICAgc3RyaW5nLFxyXG4gICAgTnNXaWRnZXRSZXNvbHZlci5JUmVnaXN0cmF0aW9uQ29uZmlnXHJcbiAgPiB8IG51bGwgPSBudWxsXHJcbiAgcHJpdmF0ZSByZXN0cmljdGVkV2lkZ2V0S2V5czogU2V0PHN0cmluZz4gfCBudWxsID0gbnVsbFxyXG4gIHN0YXRpYyBnZXRXaWRnZXRLZXkoY29uZmlnOiBOc1dpZGdldFJlc29sdmVyLklCYXNlQ29uZmlnKSB7XHJcbiAgICByZXR1cm4gYHdpZGdldDoke2NvbmZpZy53aWRnZXRUeXBlfTo6JHtjb25maWcud2lkZ2V0U3ViVHlwZX1gXHJcbiAgfVxyXG5cclxuICBpbml0aWFsaXplKFxyXG4gICAgcmVzdHJpY3RlZFdpZGdldEtleXM6IFNldDxzdHJpbmc+IHwgbnVsbCxcclxuICAgIHJvbGVzOiBTZXQ8c3RyaW5nPiB8IG51bGwsXHJcbiAgICBncm91cHM6IFNldDxzdHJpbmc+IHwgbnVsbCxcclxuICAgIHJlc3RyaWN0ZWRGZWF0dXJlczogU2V0PHN0cmluZz4gfCBudWxsLFxyXG4gICkge1xyXG4gICAgdGhpcy5yb2xlcyA9IHJvbGVzXHJcblxyXG4gICAgdGhpcy5ncm91cHMgPSBncm91cHNcclxuICAgIHRoaXMucmVzdHJpY3RlZEZlYXR1cmVzID0gcmVzdHJpY3RlZEZlYXR1cmVzXHJcbiAgICBjb25zdCByZXN0cmljdGVkV2lkZ2V0S2V5c1NldDogU2V0PHN0cmluZz4gPSByZXN0cmljdGVkV2lkZ2V0S2V5c1xyXG4gICAgICA/IHJlc3RyaWN0ZWRXaWRnZXRLZXlzXHJcbiAgICAgIDogbmV3IFNldDxzdHJpbmc+KClcclxuICAgIGNvbnN0IHJlZ2lzdHJhdGlvbkNvbmZpZzogTWFwPHN0cmluZywgTnNXaWRnZXRSZXNvbHZlci5JUmVnaXN0cmF0aW9uQ29uZmlnPiA9IG5ldyBNYXAoKVxyXG4gICAgY29uc3QgYWxsV2lkZ2V0c0NvbmZpZ3VyYXRpb25zOiBOc1dpZGdldFJlc29sdmVyLklSZWdpc3RyYXRpb25Db25maWdbXSA9IFtdXHJcbiAgICBpZiAodGhpcy5nbG9iYWxDb25maWcgJiYgQXJyYXkuaXNBcnJheSh0aGlzLmdsb2JhbENvbmZpZykpIHtcclxuICAgICAgYWxsV2lkZ2V0c0NvbmZpZ3VyYXRpb25zLnB1c2goLi4udGhpcy5nbG9iYWxDb25maWcpXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5zY29wZWRDb25maWcgJiYgQXJyYXkuaXNBcnJheSh0aGlzLnNjb3BlZENvbmZpZykpIHtcclxuICAgICAgYWxsV2lkZ2V0c0NvbmZpZ3VyYXRpb25zLnB1c2goLi4udGhpcy5zY29wZWRDb25maWcpXHJcbiAgICB9XHJcbiAgICBhbGxXaWRnZXRzQ29uZmlndXJhdGlvbnMuZm9yRWFjaCh1ID0+IHtcclxuICAgICAgY29uc3Qga2V5ID0gV2lkZ2V0UmVzb2x2ZXJTZXJ2aWNlLmdldFdpZGdldEtleSh1KVxyXG4gICAgICBpZiAoIXJlc3RyaWN0ZWRXaWRnZXRLZXlzU2V0LmhhcyhrZXkpKSB7XHJcbiAgICAgICAgcmVnaXN0cmF0aW9uQ29uZmlnLnNldChrZXksIHUpXHJcbiAgICAgIH1cclxuICAgIH0pXHJcbiAgICB0aGlzLnJlc3RyaWN0ZWRXaWRnZXRLZXlzID0gcmVzdHJpY3RlZFdpZGdldEtleXNTZXRcclxuICAgIHRoaXMuYXZhaWxhYmxlUmVnaXN0ZXJlZFdpZGdldHMgPSByZWdpc3RyYXRpb25Db25maWdcclxuICAgIHRoaXMuaXNJbml0aWFsaXplZCA9IHRydWVcclxuICAgIC8vIHRoaXMubG9nZ2VyU3ZjLmxvZyhcclxuICAgIC8vICAgYFdpZGdldCBDb25maWd1cmF0aW9uc2AsXHJcbiAgICAvLyAgIHRoaXMuZ2xvYmFsQ29uZmlnLFxyXG4gICAgLy8gICB0aGlzLnNjb3BlZENvbmZpZyxcclxuICAgIC8vICAgdGhpcy5hdmFpbGFibGVSZWdpc3RlcmVkV2lkZ2V0cyxcclxuICAgIC8vIClcclxuICB9XHJcblxyXG4gIHJlc29sdmVXaWRnZXQoXHJcbiAgICByZWNlaXZlZENvbmZpZzogTnNXaWRnZXRSZXNvbHZlci5JUmVuZGVyQ29uZmlnV2l0aEFueURhdGEsXHJcbiAgICBjb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgKTogQ29tcG9uZW50UmVmPGFueT4gfCBudWxsIHtcclxuICAgIGNvbnN0IGtleSA9IFdpZGdldFJlc29sdmVyU2VydmljZS5nZXRXaWRnZXRLZXkocmVjZWl2ZWRDb25maWcpXHJcbiAgICBpZiAodGhpcy5yZXN0cmljdGVkV2lkZ2V0S2V5cyAmJiB0aGlzLnJlc3RyaWN0ZWRXaWRnZXRLZXlzLmhhcyhrZXkpKSB7XHJcbiAgICAgIC8vIFJlc3RyaWN0ZWRcclxuICAgICAgcmV0dXJuIHRoaXMud2lkZ2V0UmVzb2x2ZWQoY29udGFpbmVyUmVmLCByZWNlaXZlZENvbmZpZywgUmVzdHJpY3RlZENvbXBvbmVudClcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmF2YWlsYWJsZVJlZ2lzdGVyZWRXaWRnZXRzICYmIHRoaXMuYXZhaWxhYmxlUmVnaXN0ZXJlZFdpZGdldHMuaGFzKGtleSkpIHtcclxuICAgICAgaWYgKFxyXG4gICAgICAgIGhhc1Blcm1pc3Npb25zKFxyXG4gICAgICAgICAgcmVjZWl2ZWRDb25maWcud2lkZ2V0UGVybWlzc2lvbixcclxuICAgICAgICAgIHRoaXMucm9sZXMsXHJcbiAgICAgICAgICB0aGlzLmdyb3VwcyxcclxuICAgICAgICAgIHRoaXMucmVzdHJpY3RlZEZlYXR1cmVzLFxyXG4gICAgICAgIClcclxuICAgICAgKSB7XHJcbiAgICAgICAgY29uc3QgY29uZmlnID0gdGhpcy5hdmFpbGFibGVSZWdpc3RlcmVkV2lkZ2V0cy5nZXQoa2V5KVxyXG4gICAgICAgIGlmIChjb25maWcgJiYgY29uZmlnLmNvbXBvbmVudCkge1xyXG4gICAgICAgICAgcmV0dXJuIHRoaXMud2lkZ2V0UmVzb2x2ZWQoY29udGFpbmVyUmVmLCByZWNlaXZlZENvbmZpZywgY29uZmlnLmNvbXBvbmVudClcclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gTm90IHByb3Blcmx5IHJlZ2lzdGVyZWRcclxuICAgICAgICByZXR1cm4gdGhpcy53aWRnZXRSZXNvbHZlZChjb250YWluZXJSZWYsIHJlY2VpdmVkQ29uZmlnLCBJbnZhbGlkUmVnaXN0cmF0aW9uQ29tcG9uZW50KVxyXG4gICAgICB9XHJcbiAgICAgIC8vIE5vIFBlcm1pc3Npb25cclxuICAgICAgcmV0dXJuIHRoaXMud2lkZ2V0UmVzb2x2ZWQoY29udGFpbmVyUmVmLCByZWNlaXZlZENvbmZpZywgSW52YWxpZFBlcm1pc3Npb25Db21wb25lbnQpXHJcbiAgICB9XHJcbiAgICAvLyBOb3QgUmVzb2x2ZWRcclxuICAgIHJldHVybiB0aGlzLndpZGdldFJlc29sdmVkKGNvbnRhaW5lclJlZiwgcmVjZWl2ZWRDb25maWcsIFVucmVzb2x2ZWRDb21wb25lbnQpXHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHdpZGdldFJlc29sdmVkKFxyXG4gICAgY29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxyXG4gICAgY29tcERhdGE6IE5zV2lkZ2V0UmVzb2x2ZXIuSVJlbmRlckNvbmZpZ1dpdGhBbnlEYXRhLFxyXG4gICAgY29tcG9uZW50OiBUeXBlPE5zV2lkZ2V0UmVzb2x2ZXIuSVdpZGdldERhdGE8YW55Pj4sXHJcbiAgKTogQ29tcG9uZW50UmVmPE5zV2lkZ2V0UmVzb2x2ZXIuSVdpZGdldERhdGE8YW55Pj4ge1xyXG4gICAgY29uc3QgZmFjdG9yeSA9IHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KGNvbXBvbmVudClcclxuICAgIGNvbnRhaW5lclJlZi5jbGVhcigpXHJcbiAgICBjb25zdCBjb21wUmVmOiBDb21wb25lbnRSZWY8TnNXaWRnZXRSZXNvbHZlci5JV2lkZ2V0RGF0YTxhbnk+PiA9IGNvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoXHJcbiAgICAgIGZhY3RvcnksXHJcbiAgICApXHJcbiAgICBjb21wUmVmLmluc3RhbmNlLndpZGdldERhdGEgPSBjb21wRGF0YS53aWRnZXREYXRhXHJcbiAgICBpZiAoY29tcFJlZi5pbnN0YW5jZS51cGRhdGVCYXNlQ29tcG9uZW50KSB7XHJcbiAgICAgIGNvbnN0IHdpZGdldFNhZmVTdHlsZSA9IGNvbXBEYXRhLndpZGdldEhvc3RTdHlsZVxyXG4gICAgICAgID8gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKFxyXG4gICAgICAgICAgT2JqZWN0LmVudHJpZXMoY29tcERhdGEud2lkZ2V0SG9zdFN0eWxlKS5yZWR1Y2UoKHMsIFtrLCB2XSkgPT4gYCR7c30ke2t9OiR7dn07YCwgJycpLFxyXG4gICAgICAgIClcclxuICAgICAgICA6IHVuZGVmaW5lZFxyXG4gICAgICBjb21wUmVmLmluc3RhbmNlLnVwZGF0ZUJhc2VDb21wb25lbnQoXHJcbiAgICAgICAgY29tcERhdGEud2lkZ2V0VHlwZSxcclxuICAgICAgICBjb21wRGF0YS53aWRnZXRTdWJUeXBlLFxyXG4gICAgICAgIGNvbXBEYXRhLndpZGdldEluc3RhbmNlSWQsXHJcbiAgICAgICAgY29tcERhdGEud2lkZ2V0SG9zdENsYXNzLFxyXG4gICAgICAgIHdpZGdldFNhZmVTdHlsZSxcclxuICAgICAgKVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNvbXBSZWZcclxuICB9XHJcbn1cclxuIl19

package/esm2022/public-api.mjs

@@ -0,0 +1,7 @@
+export * from './lib/widget-resolver.module';
+export * from './lib/widget-resolver.service';
+export * from './lib/widget-resolver.model';
+export * from './lib/widget-resolver.permissions';
+export * from './lib/widget-base.component';
+export * from './lib/widget-resolver.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi9yZXNvbHZlci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFBO0FBQzVDLGNBQWMsK0JBQStCLENBQUE7QUFDN0MsY0FBYyw2QkFBNkIsQ0FBQTtBQUMzQyxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMsNkJBQTZCLENBQUE7QUFDM0MsY0FBYyxpQ0FBaUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3dpZGdldC1yZXNvbHZlci5tb2R1bGUnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dpZGdldC1yZXNvbHZlci5zZXJ2aWNlJ1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi93aWRnZXQtcmVzb2x2ZXIubW9kZWwnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dpZGdldC1yZXNvbHZlci5wZXJtaXNzaW9ucydcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvd2lkZ2V0LWJhc2UuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi93aWRnZXQtcmVzb2x2ZXIuZGlyZWN0aXZlJ1xyXG4iXX0=

package/esm2022/sunbird-cb-resolver.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VuYmlyZC1jYi1yZXNvbHZlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi9yZXNvbHZlci9zcmMvc3VuYmlyZC1jYi1yZXNvbHZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2022/sunbird-cb-resolver.mjs

@@ -0,0 +1,401 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, Input, HostBinding, Injectable, Inject, Directive, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/legacy-button';
+import { MatLegacyButtonModule } from '@angular/material/legacy-button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/legacy-card';
+import { MatLegacyCardModule } from '@angular/material/legacy-card';
+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');
+}
+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 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);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RestrictedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyButton, 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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatLegacyCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatLegacyCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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}\n"] }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
+
+class InvalidRegistrationComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InvalidRegistrationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyButton, 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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatLegacyCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatLegacyCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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}\n"] }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
+
+class InvalidPermissionComponent extends WidgetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showData = true;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InvalidPermissionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyButton, 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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatLegacyCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatLegacyCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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}\n"] }]
+        }], propDecorators: { widgetType: [{
+                type: Input
+            }], widgetSubType: [{
+                type: Input
+            }], widgetInstanceId: [{
+                type: Input
+            }], 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;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UnresolvedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatLegacyButton, 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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatLegacyCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatLegacyCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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}\n"] }]
+        }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
+
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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) {
+        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();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverDirective, deps: [{ token: i0.ViewContainerRef }, { token: WidgetResolverService }, { token: i2$1.LoggerService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WidgetResolverDirective, selector: "[wsResolverWidget]", inputs: { wsResolverWidget: "wsResolverWidget" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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) {
+        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,
+                },
+            ],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverModule, declarations: [WidgetBaseComponent,
+            WidgetResolverDirective,
+            RestrictedComponent,
+            InvalidRegistrationComponent,
+            InvalidPermissionComponent,
+            UnresolvedComponent], imports: [CommonModule, MatLegacyButtonModule, MatIconModule, MatLegacyCardModule], exports: [WidgetResolverDirective, WidgetBaseComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverModule, providers: [ConfigurationsService], imports: [CommonModule, MatLegacyButtonModule, MatIconModule, MatLegacyCardModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetResolverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetBaseComponent,
+                        WidgetResolverDirective,
+                        RestrictedComponent,
+                        InvalidRegistrationComponent,
+                        InvalidPermissionComponent,
+                        UnresolvedComponent,
+                    ],
+                    imports: [CommonModule, MatLegacyButtonModule, MatIconModule, MatLegacyCardModule],
+                    exports: [WidgetResolverDirective, WidgetBaseComponent],
+                    providers: [ConfigurationsService]
+                }]
+        }] });
+
+export { WidgetBaseComponent, WidgetResolverDirective, WidgetResolverModule, WidgetResolverService, hasPermissions, hasUnitPermission };
+//# sourceMappingURL=sunbird-cb-resolver.mjs.map