@sunbird-cb/resolver 0.0.1 → 0.0.2-ang-17-20

package/lib/widget-base.component.d.ts

@@ -1,15 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import { SafeStyle } from '@angular/platform-browser';
-import { NsWidgetResolver } from './widget-resolver.model';
-declare type TWidgetBase = Omit<NsWidgetResolver.IWidgetData<any>, 'widgetData'>;
-export declare class WidgetBaseComponent implements TWidgetBase, AfterViewInit {
-    widgetType: string;
-    widgetSubType: string;
-    widgetHostClass?: string;
-    widgetInstanceId?: string;
-    widgetSafeStyle?: SafeStyle;
-    className?: string;
-    updateBaseComponent(widgetType: string, widgetSubType: string, widgetInstanceId?: string, widgetHostClass?: string, widgetSafeStyle?: SafeStyle): void;
-    ngAfterViewInit(): void;
-}
-export {};

package/lib/widget-resolver.constant.d.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { NsWidgetResolver as resolver } from './widget-resolver.model';
-export declare const WIDGET_RESOLVER_GLOBAL_CONFIG: InjectionToken<resolver.IRegistrationConfig[]>;
-export declare const WIDGET_RESOLVER_SCOPED_CONFIG: InjectionToken<resolver.IRegistrationConfig[]>;

package/lib/widget-resolver.directive.d.ts

@@ -1,12 +0,0 @@
-import { ViewContainerRef, OnChanges } from '@angular/core';
-import { LoggerService } from '@sunbird-cb/utils';
-import { NsWidgetResolver } from './widget-resolver.model';
-import { WidgetResolverService } from './widget-resolver.service';
-export declare class WidgetResolverDirective implements OnChanges {
-    private viewContainerRef;
-    private widgetResolverSvc;
-    private logger;
-    wsResolverWidget: NsWidgetResolver.IRenderConfigWithAnyData | null;
-    constructor(viewContainerRef: ViewContainerRef, widgetResolverSvc: WidgetResolverService, logger: LoggerService);
-    ngOnChanges(): void;
-}

package/lib/widget-resolver.model.d.ts

@@ -1,48 +0,0 @@
-import { Type } from '@angular/core';
-import { SafeStyle } from '@angular/platform-browser';
-declare type TUrl = undefined | 'none' | 'back' | string;
-export declare namespace NsWidgetResolver {
-    type UnitPermissionPrimitive = undefined | null | string;
-    interface IUnitPermissionObject {
-        all: UnitPermissionPrimitive | string[];
-        none: UnitPermissionPrimitive | string[];
-        some: UnitPermissionPrimitive | string[];
-    }
-    type UnitPermission = UnitPermissionPrimitive | string[] | IUnitPermissionObject | Pick<IUnitPermissionObject, 'all'> | Pick<IUnitPermissionObject, 'none'> | Pick<IUnitPermissionObject, 'some'> | Exclude<IUnitPermissionObject, 'all'> | Exclude<IUnitPermissionObject, 'none'> | Exclude<IUnitPermissionObject, 'some'>;
-    interface IPermissions {
-        enabled: boolean;
-        available: boolean;
-        roles?: UnitPermission;
-        features?: UnitPermission;
-        groups?: UnitPermission;
-    }
-    interface IBaseConfig {
-        widgetType: string;
-        widgetSubType: string;
-    }
-    interface IRegistrationConfig extends IBaseConfig {
-        component: Type<IWidgetData<any>>;
-    }
-    interface IRegistrationsPermissionConfig extends IBaseConfig {
-        widgetPermission?: IPermissions;
-    }
-    interface IRenderConfigWithTypedData<T> extends IRegistrationsPermissionConfig {
-        widgetData: T;
-        widgetInstanceId?: string;
-        widgetHostClass?: string;
-        widgetHostStyle?: {
-            [key: string]: string;
-        };
-    }
-    type IRenderConfigWithAnyData = IRenderConfigWithTypedData<any>;
-    interface IWidgetData<T> extends Omit<IRenderConfigWithTypedData<T>, 'widgetPermission' | 'widgetHostStyle'> {
-        widgetSafeStyle?: SafeStyle;
-        updateBaseComponent: (widgetType: string, widgetSubType: string, widgetInstanceId?: string, widgetHostClass?: string, widgetSafeStyle?: SafeStyle) => void;
-    }
-    interface ITitle {
-        title: string;
-        url: TUrl;
-        icon?: string;
-    }
-}
-export {};

package/lib/widget-resolver.module.d.ts

@@ -1,6 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { NsWidgetResolver } from './widget-resolver.model';
-export declare class WidgetResolverModule {
-    static forRoot(config: NsWidgetResolver.IRegistrationConfig[]): ModuleWithProviders;
-    static forChild(config: NsWidgetResolver.IRegistrationConfig[]): ModuleWithProviders;
-}

package/lib/widget-resolver.permissions.d.ts

@@ -1,3 +0,0 @@
-import { NsWidgetResolver } from './widget-resolver.model';
-export declare function hasUnitPermission(requiredPermission: NsWidgetResolver.UnitPermission, matchAgainst?: Set<string> | string[] | string | null | undefined, isRestrictive?: boolean): boolean;
-export declare function hasPermissions(requiredPermission?: NsWidgetResolver.IPermissions, availableRoles?: Set<string> | string | string[] | null | undefined, availableGroups?: Set<string> | string | string[] | null | undefined, restrictedFeatures?: Set<string> | string | string[] | null | undefined): boolean;

package/lib/widget-resolver.service.d.ts

@@ -1,22 +0,0 @@
-import { ComponentFactoryResolver, ViewContainerRef, ComponentRef } from '@angular/core';
-import { LoggerService } from '@sunbird-cb/utils';
-import { NsWidgetResolver } from './widget-resolver.model';
-import { DomSanitizer } from '@angular/platform-browser';
-export declare class WidgetResolverService {
-    private domSanitizer;
-    private componentFactoryResolver;
-    private loggerSvc;
-    private globalConfig;
-    private scopedConfig;
-    private roles;
-    private groups;
-    private restrictedFeatures;
-    isInitialized: boolean;
-    constructor(domSanitizer: DomSanitizer, componentFactoryResolver: ComponentFactoryResolver, loggerSvc: LoggerService, globalConfig: null | NsWidgetResolver.IRegistrationConfig[], scopedConfig: null | NsWidgetResolver.IRegistrationConfig[]);
-    private availableRegisteredWidgets;
-    private restrictedWidgetKeys;
-    static getWidgetKey(config: NsWidgetResolver.IBaseConfig): string;
-    initialize(restrictedWidgetKeys: Set<string> | null, roles: Set<string> | null, groups: Set<string> | null, restrictedFeatures: Set<string> | null): void;
-    resolveWidget(receivedConfig: NsWidgetResolver.IRenderConfigWithAnyData, containerRef: ViewContainerRef): ComponentRef<any> | null;
-    private widgetResolved;
-}

package/public-api.d.ts

@@ -1,5 +0,0 @@
-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';

package/sunbird-cb-resolver.d.ts

@@ -1,8 +0,0 @@
-export * from './public-api';
-export { InvalidPermissionComponent as ɵg } from './lib/invalid-permission/invalid-permission.component';
-export { InvalidRegistrationComponent as ɵf } from './lib/invalid-registration/invalid-registration.component';
-export { RestrictedComponent as ɵe } from './lib/restricted/restricted.component';
-export { UnresolvedComponent as ɵh } from './lib/unresolved/unresolved.component';
-export { WIDGET_RESOLVER_GLOBAL_CONFIG as ɵb, WIDGET_RESOLVER_SCOPED_CONFIG as ɵc } from './lib/widget-resolver.constant';
-export { WidgetResolverDirective as ɵa } from './lib/widget-resolver.directive';
-export { NsWidgetResolver as ɵd } from './lib/widget-resolver.model';

package/sunbird-cb-resolver.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./lib/widget-resolver.model"}],"metadata":{"WidgetResolverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetBaseComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":12},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":25,"character":26},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":25,"character":43},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":25,"character":58}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"WidgetBaseComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"WidgetBaseComponent"}],"providers":[{"__symbolic":"reference","module":"@sunbird-cb/utils","name":"ConfigurationsService","line":34,"character":14}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"WidgetResolverModule"},"providers":[{"__symbolic":"reference","name":"WidgetResolverService"},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"config"}},{"provide":{"__symbolic":"reference","name":"ɵc"},"useValue":[]}]}},"forChild":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"WidgetResolverModule"},"providers":[{"__symbolic":"reference","name":"WidgetResolverService"},{"provide":{"__symbolic":"reference","name":"ɵc"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"WidgetResolverService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":30,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":31,"character":38},{"__symbolic":"reference","module":"@sunbird-cb/utils","name":"LoggerService","line":32,"character":23},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵd"},"member":"IRegistrationConfig"}]},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵd"},"member":"IRegistrationConfig"}]}]}],"initialize":[{"__symbolic":"method"}],"resolveWidget":[{"__symbolic":"method"}],"widgetResolved":[{"__symbolic":"method"}]},"statics":{"getWidgetKey":{"__symbolic":"function","parameters":["config"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"widget:","right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"widgetType"}},"right":"::"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"widgetSubType"}}},"ngInjectableDef":{}}},"hasUnitPermission":{"__symbolic":"function"},"hasPermissions":{"__symbolic":"function"},"WidgetBaseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ws-resolver-base","template":"Base Component"}]}],"members":{"widgetType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"widgetSubType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"widgetHostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["id"]}]}],"widgetSafeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["style"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class"]}]}],"updateBaseComponent":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[wsResolverWidget]"}]}],"members":{"wsResolverWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":30},{"__symbolic":"reference","name":"WidgetResolverService"},{"__symbolic":"reference","module":"@sunbird-cb/utils","name":"LoggerService","line":13,"character":20}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":49},"arguments":["Global Registration Configuration for Widget Resolvers"]},"ɵc":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":49},"arguments":["Scoped Registration Configuration for Widget Resolvers"]},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"WidgetBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ws-resolver-restricted","template":"<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Restricted Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>","styles":[".mat-card-avatar-override{height:24px!important;width:24px!important}"]}]}],"members":{"widgetData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"WidgetBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ws-resolver-invalid-registration","template":"<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Invalid Registration for Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>","styles":[".mat-card-avatar-override{height:24px!important;width:24px!important}"]}]}],"members":{"widgetData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"WidgetBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ws-resolver-invalid-permission","template":"<mat-card class=\"margin-m\">\n  <mat-card-header>\n    <div mat-card-avatar class=\"mat-card-avatar-override\">\n      <mat-icon color=\"warn\">report_problem</mat-icon>\n    </div>\n    <mat-card-title>\n      <ng-container i18n>\n        Error as Invalid Permission for Widget\n      </ng-container>\n    </mat-card-title>\n  </mat-card-header>\n  <div class=\"flex flex-wrap flex-between\">\n    <div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Type :\n        </span>\n        {{ widgetType }}\n      </div>\n      <div class=\"margin-top-s\">\n        <span class=\"mat-body-2 font-bold\" i18n>\n          Widget Sub Type :\n        </span>\n        {{ widgetSubType }}\n      </div>\n    </div>\n    <div>\n      <ng-container *ngIf=\"widgetData\">\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n          <ng-container i18n>See Details</ng-container>\n          <mat-icon>arrow_drop_down</mat-icon>\n        </button>\n        <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n          <ng-container i18n>Hide Details</ng-container>\n          <mat-icon>arrow_drop_up</mat-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf=\"widgetData\">\n    <pre *ngIf=\"showData\" class=\"margin-top-s \"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n  </ng-container>\n</mat-card>","styles":[".mat-card-avatar-override{height:24px!important;width:24px!important}"]}]}],"members":{"widgetType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"widgetSubType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"widgetData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"WidgetBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ws-resolver-unresolved","template":"<ng-container *ngIf=\"previewMode\" [ngTemplateOutlet]=\"previewCardTemplate\"></ng-container>\n<ng-container *ngIf=\"!previewMode\" [ngTemplateOutlet]=\"unresolvedTemplate\"></ng-container>\n\n<ng-template #unresolvedTemplate>\n  <mat-card class=\"margin-m\">\n    <mat-card-header>\n      <div mat-card-avatar class=\"mat-card-avatar-override\">\n        <mat-icon color=\"warn\">report_problem</mat-icon>\n      </div>\n      <mat-card-title>\n        <ng-container i18n>\n          Error in Resolving Json for Widget\n        </ng-container>\n      </mat-card-title>\n    </mat-card-header>\n    <div class=\"flex flex-wrap flex-between\">\n      <div>\n        <div class=\"margin-top-s\">\n          <span class=\"mat-body-2 font-bold\" i18n>\n            Widget Type :\n          </span>\n          {{ widgetType }}\n        </div>\n        <div class=\"margin-top-s\">\n          <span class=\"mat-body-2 font-bold\" i18n>\n            Widget Sub Type :\n          </span>\n          {{ widgetSubType }}\n        </div>\n      </div>\n      <div>\n        <ng-container *ngIf=\"widgetData\">\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"!showData\" (click)=\"showData = true\">\n            <ng-container i18n>See Details</ng-container>\n            <mat-icon>arrow_drop_down</mat-icon>\n          </button>\n          <button mat-raised-button class=\"margin-top-m\" color=\"primary\" *ngIf=\"showData\" (click)=\"showData = false\">\n            <ng-container i18n>Hide Details</ng-container>\n            <mat-icon>arrow_drop_up</mat-icon>\n          </button>\n        </ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"widgetData\">\n      <pre *ngIf=\"showData\" class=\"margin-top-s\"><span i18n class=\"mat-body-2 font-bold\">Widget Data :</span>\n{{ widgetData | json }}\n    </pre>\n    </ng-container>\n  </mat-card>\n</ng-template>\n<ng-template #previewCardTemplate>\n  <mat-card>\n    <div class=\"w-full\">\n      <div class=\"p-4\">\n        <div class=\"text-3xl font-semibold text-center leading-tight\" i18n>\n          Content not available\n        </div>\n        <br />\n        <div class=\"text-base font-medium text-center leading-normal\" i18n>\n          Please add widget or provide data to widget template\n        </div>\n      </div>\n    </div>\n  </mat-card>\n</ng-template>","styles":[".mat-card-avatar-override{height:24px!important;width:24px!important}"]}]}],"members":{"widgetData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"WidgetResolverModule":"./lib/widget-resolver.module","WidgetResolverService":"./lib/widget-resolver.service","hasUnitPermission":"./lib/widget-resolver.permissions","hasPermissions":"./lib/widget-resolver.permissions","WidgetBaseComponent":"./lib/widget-base.component","ɵa":"./lib/widget-resolver.directive","ɵb":"./lib/widget-resolver.constant","ɵc":"./lib/widget-resolver.constant","ɵd":"./lib/widget-resolver.model","ɵe":"./lib/restricted/restricted.component","ɵf":"./lib/invalid-registration/invalid-registration.component","ɵg":"./lib/invalid-permission/invalid-permission.component","ɵh":"./lib/unresolved/unresolved.component"},"importAs":"@sunbird-cb/resolver"}