@sunbird-cb/consumption 0.0.81 → 0.0.83

package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js

@@ -10,6 +10,7 @@ import * as i1 from "@angular/common/http";
 const API_POINTS = {
     COMPETENCY_LIST: `apis/proxies/v8/competency/v4/search`,
     competency_URL: `apis/proxies/v8/v1/search/competenciesByOrg/`,
+    COMPETENCY_LIST_V2: `apis/proxies/v8/searchBy/v2/competency`,
 };
 export class CompetencyPassbookMdoService {
     // tslint: disable-next-line: whitespace
@@ -26,6 +27,12 @@ export class CompetencyPassbookMdoService {
     getCompetencyList(payload) {
         return this.http.post(API_POINTS.COMPETENCY_LIST, payload);
     }
+    /**
+     * @return {?}
+     */
+    getCompetencyListv_V2() {
+        return this.http.get(API_POINTS.COMPETENCY_LIST_V2);
+    }
     /**
      * @param {?} providerId
      * @return {?}
@@ -49,4 +56,4 @@ if (false) {
      */
     CompetencyPassbookMdoService.prototype.http;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8vY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7Ozs7TUFHM0MsVUFBVSxHQUFHO0lBQ2YsZUFBZSxFQUFFLHNDQUFzQztJQUN2RCxjQUFjLEVBQUUsOENBQThDO0NBQ2pFO0FBSUQsTUFBTSxPQUFPLDRCQUE0Qjs7Ozs7SUFFckMsWUFBb0IsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtJQUFJLENBQUM7Ozs7O0lBQ3pDLGlCQUFpQixDQUFDLE9BQVk7UUFDMUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFBO0lBQzlELENBQUM7Ozs7O0lBRUQsYUFBYSxDQUFDLFVBQWtCO1FBQzVCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLGNBQWMsR0FBRyxVQUFVLENBQUMsQ0FBQTtJQUNoRSxDQUFDOzs7WUFYSixVQUFVLFNBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFOzs7O1lBUnpCLFVBQVU7Ozs7Ozs7O0lBWUgsNENBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBIdHRwQ2xpZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcydcblxuY29uc3QgQVBJX1BPSU5UUyA9IHtcbiAgICBDT01QRVRFTkNZX0xJU1Q6IGBhcGlzL3Byb3hpZXMvdjgvY29tcGV0ZW5jeS92NC9zZWFyY2hgLFxuICAgIGNvbXBldGVuY3lfVVJMOiBgYXBpcy9wcm94aWVzL3Y4L3YxL3NlYXJjaC9jb21wZXRlbmNpZXNCeU9yZy9gLFxufVxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuXG5leHBvcnQgY2xhc3MgQ29tcGV0ZW5jeVBhc3Nib29rTWRvU2VydmljZSB7XG4gICAgLy8gdHNsaW50OiBkaXNhYmxlLW5leHQtbGluZTogd2hpdGVzcGFjZVxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkgeyB9XG4gICAgZ2V0Q29tcGV0ZW5jeUxpc3QocGF5bG9hZDogYW55KTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0KEFQSV9QT0lOVFMuQ09NUEVURU5DWV9MSVNULCBwYXlsb2FkKVxuICAgIH1cblxuICAgIG1kb0NvbXBldGVuY3kocHJvdmlkZXJJZDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQoQVBJX1BPSU5UUy5jb21wZXRlbmN5X1VSTCArIHByb3ZpZGVySWQpXG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8vY29tcGV0ZW5jeS1wYXNzYm9vay1tZG8uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7Ozs7TUFHM0MsVUFBVSxHQUFHO0lBQ2YsZUFBZSxFQUFFLHNDQUFzQztJQUN2RCxjQUFjLEVBQUUsOENBQThDO0lBQzlELGtCQUFrQixFQUFFLHdDQUF3QztDQUMvRDtBQUlELE1BQU0sT0FBTyw0QkFBNEI7Ozs7O0lBRXJDLFlBQW9CLElBQWdCO1FBQWhCLFNBQUksR0FBSixJQUFJLENBQVk7SUFBSSxDQUFDOzs7OztJQUN6QyxpQkFBaUIsQ0FBQyxPQUFZO1FBQzFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQTtJQUM5RCxDQUFDOzs7O0lBQ0QscUJBQXFCO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDdkQsQ0FBQzs7Ozs7SUFDRCxhQUFhLENBQUMsVUFBa0I7UUFDNUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsY0FBYyxHQUFHLFVBQVUsQ0FBQyxDQUFBO0lBQ2hFLENBQUM7OztZQWJKLFVBQVUsU0FBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7Ozs7WUFUekIsVUFBVTs7Ozs7Ozs7SUFhSCw0Q0FBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCdcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJ1xuXG5jb25zdCBBUElfUE9JTlRTID0ge1xuICAgIENPTVBFVEVOQ1lfTElTVDogYGFwaXMvcHJveGllcy92OC9jb21wZXRlbmN5L3Y0L3NlYXJjaGAsXG4gICAgY29tcGV0ZW5jeV9VUkw6IGBhcGlzL3Byb3hpZXMvdjgvdjEvc2VhcmNoL2NvbXBldGVuY2llc0J5T3JnL2AsXG4gICAgQ09NUEVURU5DWV9MSVNUX1YyOiBgYXBpcy9wcm94aWVzL3Y4L3NlYXJjaEJ5L3YyL2NvbXBldGVuY3lgLFxufVxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuXG5leHBvcnQgY2xhc3MgQ29tcGV0ZW5jeVBhc3Nib29rTWRvU2VydmljZSB7XG4gICAgLy8gdHNsaW50OiBkaXNhYmxlLW5leHQtbGluZTogd2hpdGVzcGFjZVxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkgeyB9XG4gICAgZ2V0Q29tcGV0ZW5jeUxpc3QocGF5bG9hZDogYW55KTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0KEFQSV9QT0lOVFMuQ09NUEVURU5DWV9MSVNULCBwYXlsb2FkKVxuICAgIH1cbiAgICBnZXRDb21wZXRlbmN5TGlzdHZfVjIoKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQoQVBJX1BPSU5UUy5DT01QRVRFTkNZX0xJU1RfVjIpXG4gICAgfVxuICAgIG1kb0NvbXBldGVuY3kocHJvdmlkZXJJZDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQoQVBJX1BPSU5UUy5jb21wZXRlbmN5X1VSTCArIHByb3ZpZGVySWQpXG4gICAgfVxufVxuIl19

package/esm2015/lib/_common/data-points/data-points.component.js

@@ -26,7 +26,12 @@ export class DataPointsComponent {
         }
         if (this.fetchDataFromApi) {
             this.isDataLoading = true;
-            this.getInsiteData();
+            if (this.pageLayout === 'nlw') {
+                this.getStats();
+            }
+            else {
+                this.getInsiteData();
+            }
         }
     }
     /**
@@ -87,6 +92,28 @@ export class DataPointsComponent {
             this.isDataLoading = false;
         }));
     }
+    /**
+     * @return {?}
+     */
+    getStats() {
+        this.insightSvc.fetchNwlStats().subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => {
+            if (res && res.result && res.result.data) {
+                this.objectData = res.result.data;
+            }
+            this.isDataLoading = false;
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        error => {
+            console.log(error);
+            this.isDataLoading = false;
+        }));
+    }
     /**
      * @param {?} value
      * @return {?}
@@ -114,8 +141,8 @@ export class DataPointsComponent {
 DataPointsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-data-points',
-                template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n    <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n        <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\n            <div class=\"flex flex-row gap-3 items-top\">\n                <div>\n                    <img class=\"objIcon\" [src]=\"obj.icon\"  [style.color]=\"obj?.iconColor\">\n                </div>\n                <div>\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                        {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                    </div>\n                    <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full pl-5 margin-top-l\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\n    <!-- <div class=\"logodiv margin-bottom-s\">\n        <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\n    </div> -->\n    <div *ngFor=\"let obj of objectData; let i = index\">\n        <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\n            <div class=\"v2-icons-div\">\n                <div class=\"v2-icon-contaier\"\n                    [style.background]=\"obj?.iconBackgroupColorV2\"\n                    [style.borderColor]=\"obj?.valueColorV2\">\n                    <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\n                </div>\n            </div>\n            <div class=\"v2-content-div\">\n                <div class=\"flex flex-col\">\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj?.value)\">0</div>\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\n                        {{converToIndianSystem(obj?.value)}}\n                    </div>\n                    <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\n                        {{obj?.label}}\n                    </div>\n                    <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData?.length\">\n                        <div class=\"v2-dot\"\n                            [style.background]=\"obj?.valueColorV2\"\n                            [style.borderColor]=\"obj?.labelColorV2\"></div>\n                        <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\n    <div class=\"flex gap-4\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\n                <div class=\"flex flex-row gap-3\">\n                    <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\n                        <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\n                    </div>\n                    <div>\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\n    <div class=\"flex gap-4\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n                <div class=\"flex flex-row gap-3\">\n                    <div>\n                        <img [style.color]=\"obj?.iconColor\"  class=\"mobjIcon\" [src]=\"obj.icon\">\n                    </div>\n                    <div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                            {{obj?.value  | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n    <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n        <div class=\"top-container\">\n            <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\n                <div *ngFor=\"let item of chunk\">\n                    <div class=\"flex-item\">\n                        <div class=\"flex flex-row gap-5 infra-element-div\">\n                            <div>\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\"  *ngIf=\"(item && item.value)\">\n                                    {{item?.value  | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                                </div>\n                                <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>   \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\n    <div class=\"flex space-around\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\n                <div class=\"flex flex-row gap-3\">\n                    <div>\n                        <img [style.color]=\"obj?.iconColor\"  class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n                    </div>\n                    <div class=\"flex flex-col\">\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<!-- skeleton  loaders -->\n\n<ng-container>\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\n        <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\n            <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\n                <div class=\"v2-icons-div\">\n                    <div class=\"v2-icon-contaier\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\n                        [height]=\"'55px'\"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n                <div class=\"v2-content-div\">\n                    <div class=\"flex flex-col\">\n                        <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                        </div>\n                        <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n            </div>        \n        </div>\n    </div>\n</ng-container>\n\n<ng-container>\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\n        <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\n            <div class=\"element-div linebreak\" >\n                <div class=\"flex flex-row gap-3 items-top\">\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n                        [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                    </div>\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\n        <div class=\"flex\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"singleFlexeRow-div flex-item\">\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div class=\"flex flex-col\">\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\n        <div class=\"flex gap-4\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\n        <div class=\"flex gap-4\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n",
-                styles: ["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (min-width:768px) and (max-width:1023px){.v2-icon-contaier{height:25px;width:25px}.v2-objIcon{width:14px}.v2-value{font-size:14px!important;line-height:14px!important;padding-left:0!important}.v2-label{font-size:9px!important;line-height:9px!important;padding-left:0!important}.v2-dot{width:6px!important;height:6px!important;border:1px solid #fff!important}.v2-border{width:109px!important}}@media screen and (min-width:1023px) and (max-width:1280px){.customdiv{margin-left:6%;margin-top:.6em!important}.v2-icon-contaier{height:34px;width:34px}.v2-objIcon{width:20px}.v2-value{font-size:16px!important;line-height:16px!important;padding-left:0!important}.v2-label{font-size:10px!important;line-height:10px!important;padding-left:0!important}.v2-dot{width:8px!important;height:8px!important;border:1px solid #fff!important}.v2-border{width:122px!important}}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]
+                template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n    <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n        <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\n            <div class=\"flex flex-row gap-3 items-top\">\n                <div>\n                    <img class=\"objIcon\" [src]=\"obj.icon\"  [style.color]=\"obj?.iconColor\">\n                </div>\n                <div>\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                        {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                    </div>\n                    <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full pl-5 margin-top-l\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\n    <!-- <div class=\"logodiv margin-bottom-s\">\n        <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\n    </div> -->\n    <div *ngFor=\"let obj of objectData; let i = index\">\n        <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\n            <div class=\"v2-icons-div\">\n                <div class=\"v2-icon-contaier\"\n                    [style.background]=\"obj?.iconBackgroupColorV2\"\n                    [style.borderColor]=\"obj?.valueColorV2\">\n                    <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\n                </div>\n            </div>\n            <div class=\"v2-content-div\">\n                <div class=\"flex flex-col\">\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj?.value)\">0</div>\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\n                        {{converToIndianSystem(obj?.value)}}\n                    </div>\n                    <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\n                        {{obj?.label}}\n                    </div>\n                    <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData?.length\">\n                        <div class=\"v2-dot\"\n                            [style.background]=\"obj?.valueColorV2\"\n                            [style.borderColor]=\"obj?.labelColorV2\"></div>\n                        <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\n    <div class=\"flex gap-4\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\n                <div class=\"flex flex-row gap-3\">\n                    <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\n                        <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\n                    </div>\n                    <div>\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\n    <div class=\"flex gap-4\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n                <div class=\"flex flex-row gap-3\">\n                    <div>\n                        <img [style.color]=\"obj?.iconColor\"  class=\"mobjIcon\" [src]=\"obj.icon\">\n                    </div>\n                    <div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                            {{obj?.value  | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n    <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n        <div class=\"top-container\">\n            <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\n                <div *ngFor=\"let item of chunk\">\n                    <div class=\"flex-item\">\n                        <div class=\"flex flex-row gap-5 infra-element-div\">\n                            <div>\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\"  *ngIf=\"(item && item.value)\">\n                                    {{item?.value  | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n                                </div>\n                                <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>   \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\n    <div class=\"flex space-around\">\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n            <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\n                <div class=\"flex flex-row gap-3\">\n                    <div>\n                        <img [style.color]=\"obj?.iconColor\"  class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n                    </div>\n                    <div class=\"flex flex-col\">\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"pageLayout === 'nlw' && !isDataLoading\">\n    <div class=\"stats-header\">\n        <div class=\"flex items-center justify-center stats-title\">\n            <span class=\"my-arrow\">&#10094;</span>\n            <span class=\"my-arrow less-opacity1\">&#10094;</span>\n            <span class=\"my-arrow less-opacity2\">&#10094;</span>\n            <span class=\"px-4\">{{title}}</span>\n            <span class=\"my-arrow less-opacity2\">&#10095;</span>\n            <span class=\"my-arrow less-opacity1\">&#10095;</span>\n            <span class=\"my-arrow\">&#10095;</span>\n        </div>\n    </div>\n    <div class=\"nlw-status\" *ngIf=\"layoutType === 'nlwRow'\">\n        <div class=\"flex space-around pt-5\">\n            <div *ngFor=\"let obj of objectData; index as i\" class=\"flex-container\">\n                <div class=\"nlw-div singleFlexeRow flex-item {{i === 0 ? '' : 'divider'}} \">\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <img [style.color]=\"obj?.iconColor\"  class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n                        </div>\n                        <div class=\"flex flex-col\">\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                                {{converToIndianSystem(obj?.value)}}\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"nlw-status-mob\" *ngIf=\"layoutType === 'nlwCol'\">\n        <div *ngFor=\"let obj of objectData; index as i\" class=\"flex-container\">\n            <div class=\"nlw-div singleFlexeRow flex-item {{i === 0 ? '' : 'divider'}} \">\n                <div class=\"flex flex-row gap-3\">\n                    <div>\n                        <img [style.color]=\"obj?.iconColor\"  class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n                    </div>\n                    <div class=\"flex flex-col\">\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<!-- skeleton  loaders -->\n\n<ng-container>\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\n        <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\n            <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\n                <div class=\"v2-icons-div\">\n                    <div class=\"v2-icon-contaier\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\n                        [height]=\"'55px'\"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n                <div class=\"v2-content-div\">\n                    <div class=\"flex flex-col\">\n                        <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                        </div>\n                        <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n            </div>        \n        </div>\n    </div>\n</ng-container>\n\n<ng-container>\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\n        <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\n            <div class=\"element-div linebreak\" >\n                <div class=\"flex flex-row gap-3 items-top\">\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n                        [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                    </div>\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\n        <div class=\"flex\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"singleFlexeRow-div flex-item\">\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div class=\"flex flex-col\">\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\n        <div class=\"flex gap-4\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\n        <div class=\"flex gap-4\">\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n                <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\n                    <div class=\"flex flex-row gap-3\">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n",
+                styles: ["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.stats-header{display:flex;align-items:center;justify-content:center}.stats-title{background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px;margin-top:-20px;z-index:90}.my-arrow{font-size:12px}.less-opacity1{opacity:.75}.less-opacity2{opacity:.5}.nlw-status{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px}.nlw-status-mob{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px;padding-top:32px}.nlw-div{padding:0 16px;margin:10px 0 16px}.divider{border-left:1.6px solid #a6a4a4}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (min-width:768px) and (max-width:1023px){.v2-icon-contaier{height:25px;width:25px}.v2-objIcon{width:14px}.v2-value{font-size:14px!important;line-height:14px!important;padding-left:0!important}.v2-label{font-size:9px!important;line-height:9px!important;padding-left:0!important}.v2-dot{width:6px!important;height:6px!important;border:1px solid #fff!important}.v2-border{width:109px!important}}@media screen and (min-width:1023px) and (max-width:1280px){.customdiv{margin-left:6%;margin-top:.6em!important}.v2-icon-contaier{height:34px;width:34px}.v2-objIcon{width:20px}.v2-value{font-size:16px!important;line-height:16px!important;padding-left:0!important}.v2-label{font-size:10px!important;line-height:10px!important;padding-left:0!important}.v2-dot{width:8px!important;height:8px!important;border:1px solid #fff!important}.v2-border{width:122px!important}}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]
             }] }
 ];
 /** @nocollapse */
@@ -127,7 +154,8 @@ DataPointsComponent.propDecorators = {
     layoutType: [{ type: Input }],
     fetchDataFromApi: [{ type: Input }],
     providerId: [{ type: Input }],
-    pageLayout: [{ type: Input }]
+    pageLayout: [{ type: Input }],
+    title: [{ type: Input }]
 };
 if (false) {
     /** @type {?} */
@@ -141,10 +169,14 @@ if (false) {
     /** @type {?} */
     DataPointsComponent.prototype.pageLayout;
     /** @type {?} */
+    DataPointsComponent.prototype.title;
+    /** @type {?} */
     DataPointsComponent.prototype.customArray;
     /** @type {?} */
     DataPointsComponent.prototype.isDataLoading;
     /** @type {?} */
+    DataPointsComponent.prototype.apiResults;
+    /** @type {?} */
     DataPointsComponent.prototype.insightSvc;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBT3hFLE1BQU0sT0FBTyxtQkFBbUI7Ozs7SUFTOUIsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7UUFQdkMsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFDakMsZUFBVSxHQUFTLEVBQUUsQ0FBQTtRQUNyQixlQUFVLEdBQVEsRUFBRSxDQUFBO1FBQzdCLGdCQUFXLEdBQVksRUFBRSxDQUFBO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFBO0lBRXNCLENBQUM7Ozs7SUFFckQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFlBQVksRUFBRTtZQUN2RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ25FO1FBQ0QsSUFBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUE7WUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1NBQ3JCO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxpQkFBaUIsQ0FBQyxHQUFVOztjQUNwQixJQUFJLEdBQVksRUFBRTtRQUN4QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFD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QXdCOztJQUN4Qix5Q0FBZ0M7O0lBQ2hDLCtDQUEwQzs7SUFDMUMseUNBQThCOztJQUM5Qix5Q0FBNkI7O0lBQzdCLDBDQUF5Qjs7SUFDekIsNENBQThCOztJQUVsQix5Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtZGF0YS1wb2ludHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YS1wb2ludHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhLXBvaW50cy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGF0YVBvaW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG9iamVjdERhdGE6IGFueVxuICBASW5wdXQoKSBsYXlvdXRUeXBlOiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBmZXRjaERhdGFGcm9tQXBpOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgcHJvdmlkZXJJZCA6IGFueSA9ICcnXG4gIEBJbnB1dCgpIHBhZ2VMYXlvdXQ6IGFueSA9ICcnXG4gIGN1c3RvbUFycmF5OiBhbnlbXVtdID0gW11cbiAgaXNEYXRhTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXG4gIFxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW5zaWdodFN2YzogSW5zaXRlRGF0YVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLm9iamVjdERhdGEgJiYgdGhpcy5sYXlvdXRUeXBlID09PSAnZ3JpZExheW91dCcpIHtcbiAgICAgIHRoaXMuY3VzdG9tQXJyYXkgPSB0aGlzLmNyZWF0ZUN1c3RvbUFycmF5KHRoaXMub2JqZWN0RGF0YS5tZXRyaWNzKVxuICAgIH1cbiAgICBpZih0aGlzLmZldGNoRGF0YUZyb21BcGkpIHtcbiAgICAgIHRoaXMuaXNEYXRhTG9hZGluZyA9IHRydWVcbiAgICAgIHRoaXMuZ2V0SW5zaXRlRGF0YSgpXG4gICAgfVxuICB9ICBcblxuICBjcmVhdGVDdXN0b21BcnJheShhcnI6IGFueVtdKTogYW55W11bXSB7XG4gICAgY29uc3QgbkJ5bjogYW55W11bXSA9IFtdXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhcnIubGVuZ3RoOyBpICs9IHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3Bhbikge1xuICAgICAgbkJ5bi5wdXNoKGFyci5zbGljZShpLCBpICsgdGhpcy5vYmplY3REYXRhLmRhdGFDb2xTcGFuKSlcbiAgICB9XG4gICAgcmV0dXJuIG5CeW4gICBcbiAgfVxuXG4gIGdldEluc2l0ZURhdGEoKXtcbiAgICBsZXQgcmVxdWVzdDogYW55ID0ge31cbiAgICByZXF1ZXN0ICA9IHtcbiAgICAgIFwicmVxdWVzdFwiOiB7XG4gICAgICAgICAgXCJmaWx0ZXJzXCI6IHtcbiAgICAgICAgICAgICAgXCJvcmdhbmlzYXRpb25zXCI6IFtcbiAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxuICAgICAgICAgICAgICBdXG4gICAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICBpZiAodGhpcy5wYWdlTGF5b3V0ICYmIHRoaXMucGFnZUxheW91dCA9PT0gJ21kbycpIHtcbiAgICAgIHJlcXVlc3QgID0ge1xuICAgICAgICBcInJlcXVlc3RcIjoge1xuICAgICAgICAgICAgXCJmaWx0ZXJzXCI6IHtcbiAgICAgICAgICAgICAgXCJyZXF1ZXN0VHlwZVwiOiBcIk1ET19JTlNJR0hUXCIsXG4gICAgICAgICAgICAgICAgXCJvcmdhbmlzYXRpb25zXCI6IFtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5wcm92aWRlcklkXG4gICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaFNlYXJjaERhdGEocmVxdWVzdCkuc3Vic2NyaWJlKChyZXM6IGFueSk9PiB7XG4gICAgICBpZihyZXMgJiYgcmVzLnJlc3VsdCAmJiByZXMucmVzdWx0LnJlc3BvbnNlICYmIHJlcy5yZXN1bHQucmVzcG9uc2UubnVkZ2VzICYmIHJlcy5yZXN1bHQucmVzcG9uc2UubnVkZ2VzLmxlbmd0aCkge1xuICAgICAgICByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5mb3JFYWNoKChudWRnZURhdGE6IGFueSkgPT4ge1xuICAgICAgICAgIGlmKHRoaXMucHJvdmlkZXJJZCAmJiB0aGlzLnByb3ZpZGVySWQgPT09IG51ZGdlRGF0YS5vcmdJZCkge1xuICAgICAgICAgICAgdGhpcy5vYmplY3REYXRhID0gbnVkZ2VEYXRhLmRhdGFcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSBmYWxzZVxuICAgIH0pXG5cbiAgfVxuXG4gIGNvbnZlclRvSW5kaWFuU3lzdGVtKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIGxldCBudW1TdHIgPSB2YWx1ZS50b1N0cmluZygpXG4gICAgICBsZXQgW2ludGVnZXJQYXJ0LCBkZWNpbWFsUGFydF0gPSBudW1TdHIuc3BsaXQoJy4nKVxuICAgICAgbGV0IGxhc3RUaHJlZSA9IGludGVnZXJQYXJ0LnNsaWNlKC0zKTtcbiAgICAgIGxldCBvdGhlck51bWJlcnMgPSBpbnRlZ2VyUGFydC5zbGljZSgwLCAtMyk7XG4gICAgICBpZiAob3RoZXJOdW1iZXJzICE9PSAnJykge1xuICAgICAgICBsYXN0VGhyZWUgPSAnLCcgKyBsYXN0VGhyZWU7XG4gICAgICB9XG4gICAgICBsZXQgZm9ybWF0dGVkSW50ZWdlclBhcnQgPSBvdGhlck51bWJlcnMucmVwbGFjZSgvXFxCKD89KFxcZHsyfSkrKD8hXFxkKSkvZywgJywnKSArIGxhc3RUaHJlZTtcbiAgICAgIGNvbnN0IHJlc3VsdCA9IGRlY2ltYWxQYXJ0ID8gYCR7Zm9ybWF0dGVkSW50ZWdlclBhcnR9LiR7ZGVjaW1hbFBhcnQuc3Vic3RyKDAsMil9YCA6IGZvcm1hdHRlZEludGVnZXJQYXJ0O1xuICAgICAgcmV0dXJuIHJlc3VsdFxuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBT3hFLE1BQU0sT0FBTyxtQkFBbUI7Ozs7SUFXOUIsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7UUFUdkMsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFDakMsZUFBVSxHQUFTLEVBQUUsQ0FBQTtRQUNyQixlQUFVLEdBQVEsRUFBRSxDQUFBO1FBRTdCLGdCQUFXLEdBQVksRUFBRSxDQUFBO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFBO0lBR3NCLENBQUM7Ozs7SUFFckQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFlBQVksRUFBRTtZQUN2RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ25FO1FBQ0QsSUFBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUE7WUFDekIsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLEtBQUssRUFBRTtnQkFDN0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFBO2FBQ2hCO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTthQUNyQjtTQUNGO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxpQkFB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LEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDM0MsSUFBSSxZQUFZLEtBQUssRUFBRSxFQUFFO2dCQUN2QixTQUFTLEdBQUcsR0FBRyxHQUFHLFNBQVMsQ0FBQzthQUM3Qjs7Z0JBQ0csb0JBQW9CLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyx1QkFBdUIsRUFBRSxHQUFHLENBQUMsR0FBRyxTQUFTOztrQkFDbkYsTUFBTSxHQUFHLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxvQkFBb0IsSUFBSSxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxvQkFBb0I7WUFDeEcsT0FBTyxNQUFNLENBQUE7U0FDZDtJQUNILENBQUM7OztZQXJHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsMmtrQkFBMkM7O2FBRTVDOzs7O1lBTlEsaUJBQWlCOzs7eUJBUXZCLEtBQUs7eUJBQ0wsS0FBSzsrQkFDTCxLQUFLO3lCQUNMLEtBQUs7eUJBQ0wsS0FBSztvQkFDTCxLQUFLOzs7O0lBTE4seUNBQXdCOztJQUN4Qix5Q0FBZ0M7O0lBQ2hDLCtDQUEwQzs7SUFDMUMseUNBQThCOztJQUM5Qix5Q0FBNkI7O0lBQzdCLG9DQUFtQjs7SUFDbkIsMENBQXlCOztJQUN6Qiw0Q0FBOEI7O0lBQzlCLHlDQUFlOztJQUVILHlDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1kYXRhLXBvaW50cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXBvaW50cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhUG9pbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGxheW91dFR5cGU6IHN0cmluZyA9ICcnXG4gIEBJbnB1dCgpIGZldGNoRGF0YUZyb21BcGk6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBwcm92aWRlcklkIDogYW55ID0gJydcbiAgQElucHV0KCkgcGFnZUxheW91dDogYW55ID0gJydcbiAgQElucHV0KCkgdGl0bGU6IGFueVxuICBjdXN0b21BcnJheTogYW55W11bXSA9IFtdXG4gIGlzRGF0YUxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxuICBhcGlSZXN1bHRzOiBhbnlcbiAgXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpbnNpZ2h0U3ZjOiBJbnNpdGVEYXRhU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMub2JqZWN0RGF0YSAmJiB0aGlzLmxheW91dFR5cGUgPT09ICdncmlkTGF5b3V0Jykge1xuICAgICAgdGhpcy5jdXN0b21BcnJheSA9IHRoaXMuY3JlYXRlQ3VzdG9tQXJyYXkodGhpcy5vYmplY3REYXRhLm1ldHJpY3MpXG4gICAgfVxuICAgIGlmKHRoaXMuZmV0Y2hEYXRhRnJvbUFwaSkge1xuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gdHJ1ZVxuICAgICAgaWYgKHRoaXMucGFnZUxheW91dCA9PT0gJ25sdycpIHtcbiAgICAgICAgdGhpcy5nZXRTdGF0cygpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmdldEluc2l0ZURhdGEoKVxuICAgICAgfVxuICAgIH1cbiAgfSAgXG5cbiAgY3JlYXRlQ3VzdG9tQXJyYXkoYXJyOiBhbnlbXSk6IGFueVtdW10ge1xuICAgIGNvbnN0IG5CeW46IGFueVtdW10gPSBbXVxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSArPSB0aGlzLm9iamVjdERhdGEuZGF0YUNvbFNwYW4pIHtcbiAgICAgIG5CeW4ucHVzaChhcnIuc2xpY2UoaSwgaSArIHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3BhbikpXG4gICAgfVxuICAgIHJldHVybiBuQnluICAgXG4gIH1cblxuICBnZXRJbnNpdGVEYXRhKCl7XG4gICAgbGV0IHJlcXVlc3Q6IGFueSA9IHt9XG4gICAgcmVxdWVzdCAgPSB7XG4gICAgICBcInJlcXVlc3RcIjoge1xuICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICB0aGlzLnByb3ZpZGVySWRcbiAgICAgICAgICAgICAgXVxuICAgICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHRoaXMucGFnZUxheW91dCAmJiB0aGlzLnBhZ2VMYXlvdXQgPT09ICdtZG8nKSB7XG4gICAgICByZXF1ZXN0ICA9IHtcbiAgICAgICAgXCJyZXF1ZXN0XCI6IHtcbiAgICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwicmVxdWVzdFR5cGVcIjogXCJNRE9fSU5TSUdIVFwiLFxuICAgICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hTZWFyY2hEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXNwb25zZSAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcyAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5sZW5ndGgpIHtcbiAgICAgICAgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMuZm9yRWFjaCgobnVkZ2VEYXRhOiBhbnkpID0+IHtcbiAgICAgICAgICBpZih0aGlzLnByb3ZpZGVySWQgJiYgdGhpcy5wcm92aWRlcklkID09PSBudWRnZURhdGEub3JnSWQpIHtcbiAgICAgICAgICAgIHRoaXMub2JqZWN0RGF0YSA9IG51ZGdlRGF0YS5kYXRhXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gZmFsc2VcbiAgICB9KVxuXG4gIH1cblxuICBnZXRTdGF0cygpIHtcbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hOd2xTdGF0cygpLnN1YnNjcmliZSgocmVzOiBhbnkpID0+IHtcbiAgICAgIGlmKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQuZGF0YSkge1xuICAgICAgICB0aGlzLm9iamVjdERhdGEgPSByZXMucmVzdWx0LmRhdGFcbiAgICAgIH1cbiAgICAgIHRoaXMuaXNEYXRhTG9hZGluZyA9IGZhbHNlXG4gICAgfSwgZXJyb3IgPT4ge1xuICAgICAgY29uc29sZS5sb2coZXJyb3IpXG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSBmYWxzZVxuICAgIH0pXG4gIH1cblxuICBjb252ZXJUb0luZGlhblN5c3RlbSh2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICBsZXQgbnVtU3RyID0gdmFsdWUudG9TdHJpbmcoKVxuICAgICAgbGV0IFtpbnRlZ2VyUGFydCwgZGVjaW1hbFBhcnRdID0gbnVtU3RyLnNwbGl0KCcuJylcbiAgICAgIGxldCBsYXN0VGhyZWUgPSBpbnRlZ2VyUGFydC5zbGljZSgtMyk7XG4gICAgICBsZXQgb3RoZXJOdW1iZXJzID0gaW50ZWdlclBhcnQuc2xpY2UoMCwgLTMpO1xuICAgICAgaWYgKG90aGVyTnVtYmVycyAhPT0gJycpIHtcbiAgICAgICAgbGFzdFRocmVlID0gJywnICsgbGFzdFRocmVlO1xuICAgICAgfVxuICAgICAgbGV0IGZvcm1hdHRlZEludGVnZXJQYXJ0ID0gb3RoZXJOdW1iZXJzLnJlcGxhY2UoL1xcQig/PShcXGR7Mn0pKyg/IVxcZCkpL2csICcsJykgKyBsYXN0VGhyZWU7XG4gICAgICBjb25zdCByZXN1bHQgPSBkZWNpbWFsUGFydCA/IGAke2Zvcm1hdHRlZEludGVnZXJQYXJ0fS4ke2RlY2ltYWxQYXJ0LnN1YnN0cigwLDIpfWAgOiBmb3JtYXR0ZWRJbnRlZ2VyUGFydDtcbiAgICAgIHJldHVybiByZXN1bHRcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/_common/events/event-card/event-card.component.js

@@ -0,0 +1,82 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Inject, Input } from '@angular/core';
+import { Router } from '@angular/router';
+import * as moment_ from 'moment';
+/** @type {?} */
+const moment = moment_;
+export class EventCardComponent {
+    /**
+     * @param {?} environment
+     * @param {?} router
+     */
+    constructor(environment, router) {
+        this.router = router;
+        this.descriptionMaxLength = 50;
+        this.environment = environment;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    getEventDate(event) {
+        /** @type {?} */
+        let timeString = event.startTime.split(":");
+        /** @type {?} */
+        let dataString = `${moment(event.startDate).format('MMM DD, YYYY')} ${timeString[0]}:${timeString[1]}`;
+        return dataString;
+    }
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    getPublicUrl(url) {
+        /** @type {?} */
+        const mainUrl = url.split('/content').pop() || '';
+        return `${this.environment.contentHost}/${this.environment.contentBucket}/content${mainUrl}`;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    redirectTo(event) {
+        this.router.navigate(["/app/event-hub/home/", event.identifier]);
+    }
+}
+EventCardComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-event-card',
+                template: "<div class=\"events-card margin-bottom-m cursor-pointer\" *ngIf=\"!loader\" (click)=\"redirectTo(eventDetails)\">\n    <div class=\"flex gap-4\">\n        <div class=\"event-poster\">\n            <img class='poster' [src]=\"eventDetails.appIcon ? getPublicUrl(eventDetails.appIcon) : objectData?.defaultImage\" alt=\"\" />\n        </div>\n        <div class=\"flex flex-col\">\n            <div class=\"flex\">\n                <div class=\"flex event-label\">{{eventDetails?.resourceType}}</div>\n            </div>\n            <div class=\"orgName pt-2 pb-1\">\n                {{eventDetails?.owner}}\n            </div>\n            <div class=\"event-title pt-1\">\n                {{eventDetails?.name | slice:0:descriptionMaxLength}}\n                <span *ngIf=\"eventDetails?.name?.length > descriptionMaxLength\">...</span>\n            </div>\n            <div class=\"event-date pt-2\">{{getEventDate(eventDetails)}}</div>\n        </div>\n    </div>\n</div>\n<div *ngIf=\"loader\">\n    <div class=\"events-card margin-bottom-m\">\n        <div class=\"flex gap-4\">\n            <div class=\"event-poster\">\n                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'180px'\" [height]=\"'107px'\">\n                </sb-uic-skeleton-loader>\n            </div>\n            <div class=\"flex flex-col\">\n                <div class=\"flex\">\n                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'60px'\" [height]=\"'21px'\">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class=\"flex orgName pt-2 pb-1\">\n                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'355px'\" [height]=\"'21px'\">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class=\"flex event-title pt-1\">\n                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'355px'\" [height]=\"'21px'\">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class=\"event-date pt-2\">\n                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'355px'\" [height]=\"'21px'\">\n                    </sb-uic-skeleton-loader>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>",
+                styles: [".events-card{padding:16px;border-radius:12px;border:1px solid #c3c3c3}.events-card .poster{width:180px;height:107px;border-radius:12px}.events-card .event-label{border:1px solid #ef951e;background:rgba(239,149,30,.05);border-radius:45px;font:400 14px/16.8px Lato;padding:8px 12px}.events-card .orgName{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6}.events-card .event-title{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:left}.events-card .event-date{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#1b4ca1}@media screen and (min-width:320px) and (max-width:769px){.events-card .poster{width:80px;height:69px}}"]
+            }] }
+];
+/** @nocollapse */
+EventCardComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
+    { type: Router }
+];
+EventCardComponent.propDecorators = {
+    objectData: [{ type: Input }],
+    eventDetails: [{ type: Input }],
+    loader: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    EventCardComponent.prototype.objectData;
+    /** @type {?} */
+    EventCardComponent.prototype.eventDetails;
+    /** @type {?} */
+    EventCardComponent.prototype.environment;
+    /** @type {?} */
+    EventCardComponent.prototype.loader;
+    /** @type {?} */
+    EventCardComponent.prototype.descriptionMaxLength;
+    /**
+     * @type {?}
+     * @private
+     */
+    EventCardComponent.prototype.router;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2V2ZW50cy9ldmVudC1jYXJkL2V2ZW50LWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFBOztNQUMzQixNQUFNLEdBQUcsT0FBTztBQU90QixNQUFNLE9BQU8sa0JBQWtCOzs7OztJQU83QixZQUFtQyxXQUFnQixFQUFVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBRDNFLHlCQUFvQixHQUFXLEVBQUUsQ0FBQTtRQUUvQixJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQTtJQUMvQixDQUFDOzs7OztJQUVGLFlBQVksQ0FBQyxLQUFVOztZQUNqQixVQUFVLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDOztZQUN2QyxVQUFVLEdBQUcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQ3RHLE9BQU8sVUFBVSxDQUFBO0lBQ25CLENBQUM7Ozs7O0lBRUQsWUFBWSxDQUFDLEdBQVc7O2NBQ2hCLE9BQU8sR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUU7UUFDakQsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxXQUFXLE9BQU8sRUFBRSxDQUFBO0lBQzlGLENBQUM7Ozs7O0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxzQkFBc0IsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUNuRSxDQUFDOzs7WUE3QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHMzRUFBMEM7O2FBRTNDOzs7OzRDQVFjLE1BQU0sU0FBQyxhQUFhO1lBaEIxQixNQUFNOzs7eUJBV1osS0FBSzsyQkFDTCxLQUFLO3FCQUVMLEtBQUs7Ozs7SUFITix3Q0FBd0I7O0lBQ3hCLDBDQUEwQjs7SUFDMUIseUNBQWlCOztJQUNqQixvQ0FBb0I7O0lBQ3BCLGtEQUFpQzs7Ozs7SUFDb0Isb0NBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcidcbmltcG9ydCAqIGFzIG1vbWVudF8gZnJvbSAnbW9tZW50J1xuY29uc3QgbW9tZW50ID0gbW9tZW50X1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtZXZlbnQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldmVudC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnQtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEV2ZW50Q2FyZENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGV2ZW50RGV0YWlsczogYW55XG4gIGVudmlyb25tZW50ITogYW55XG4gIEBJbnB1dCgpIGxvYWRlcjogYW55XG4gIGRlc2NyaXB0aW9uTWF4TGVuZ3RoOiBudW1iZXIgPSA1MFxuICBjb25zdHJ1Y3RvcihASW5qZWN0KCdlbnZpcm9ubWVudCcpIGVudmlyb25tZW50OiBhbnksIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHtcbiAgICB0aGlzLmVudmlyb25tZW50ID0gZW52aXJvbm1lbnRcbiAgIH1cblxuICBnZXRFdmVudERhdGUoZXZlbnQ6IGFueSkge1xuICAgIGxldCB0aW1lU3RyaW5nID0gZXZlbnQuc3RhcnRUaW1lLnNwbGl0KFwiOlwiKVxuICAgIGxldCBkYXRhU3RyaW5nID0gYCR7bW9tZW50KGV2ZW50LnN0YXJ0RGF0ZSkuZm9ybWF0KCdNTU0gREQsIFlZWVknKX0gJHt0aW1lU3RyaW5nWzBdfToke3RpbWVTdHJpbmdbMV19YFxuICAgIHJldHVybiBkYXRhU3RyaW5nXG4gIH1cblxuICBnZXRQdWJsaWNVcmwodXJsOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IG1haW5VcmwgPSB1cmwuc3BsaXQoJy9jb250ZW50JykucG9wKCkgfHwgJydcbiAgICByZXR1cm4gYCR7dGhpcy5lbnZpcm9ubWVudC5jb250ZW50SG9zdH0vJHt0aGlzLmVudmlyb25tZW50LmNvbnRlbnRCdWNrZXR9L2NvbnRlbnQke21haW5Vcmx9YFxuICB9XG5cbiAgcmVkaXJlY3RUbyhldmVudDogYW55KSB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1wiL2FwcC9ldmVudC1odWIvaG9tZS9cIiwgZXZlbnQuaWRlbnRpZmllcl0pO1xuICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/_common/events/events.component.js

@@ -0,0 +1,167 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import { InsiteDataService } from '../../_services/insite-data.service';
+import * as moment_ from 'moment';
+/** @type {?} */
+const moment = moment_;
+export class EventsComponent {
+    /**
+     * @param {?} insightSvc
+     */
+    constructor(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.daysBetween = [];
+        this.events = [];
+        this.loader = false;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.requestBody = {
+            locale: [
+                'en',
+            ],
+            query: '',
+            request: {
+                query: '',
+                filters: {
+                    status: ['Live'],
+                    contentType: 'Event',
+                    category: 'Event',
+                    startDate: {
+                        ">=": '',
+                        "<": ''
+                    }
+                },
+                sort_by: {
+                    startDate: 'desc',
+                },
+            },
+        };
+        this.getEventsList();
+    }
+    /**
+     * @return {?}
+     */
+    getDaysBetweenDates() {
+        /** @type {?} */
+        let currentDate = moment(this.nwlEventsConfig.startDate, 'DD-MM-YYYY');
+        /** @type {?} */
+        const endDate = moment(this.nwlEventsConfig.endDate, 'DD-MM-YYYY');
+        while (currentDate.isSameOrBefore(endDate)) {
+            /** @type {?} */
+            let localObj = {};
+            localObj['startDate'] = currentDate.format('YYYY-MM-DD');
+            localObj['diplayFormat'] = currentDate.format('MMM DD, YYYY');
+            if (currentDate.isSame(moment(), 'day')) {
+                this.currentDay = currentDate.format('YYYY-MM-DD');
+            }
+            currentDate.add(1, 'days').format('YYYY-MM-DD');
+            this.daysBetween.push(localObj);
+        }
+        console.log("currentDay ", this.currentDay);
+    }
+    /**
+     * @param {?} slectedDate
+     * @return {?}
+     */
+    getEvents(slectedDate) {
+        this.currentDay = slectedDate.target.value;
+        /** @type {?} */
+        let nextDay = moment(slectedDate.target.value, 'YYYY-MM-DD');
+        nextDay.add(1, 'days');
+        this.requestBody.request.filters.startDate[">="] = this.currentDay;
+        this.requestBody.request.filters.startDate["<"] = nextDay.format('YYYY-MM-DD');
+        this.loader = true;
+        this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => {
+            this.events = [];
+            if (res && res.result && res.result.count > 0) {
+                this.events = res.result.Event;
+                this.loader = false;
+            }
+            else {
+                this.loader = false;
+            }
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        error => {
+            this.loader = false;
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    getEventsList() {
+        this.getDaysBetweenDates();
+        /** @type {?} */
+        let nextDay = moment(this.currentDay, 'YYYY-MM-DD');
+        nextDay.add(1, 'days');
+        this.requestBody.request.filters.startDate[">="] = this.currentDay;
+        this.requestBody.request.filters.startDate["<"] = nextDay.format('YYYY-MM-DD');
+        this.loader = true;
+        this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => {
+            this.events = [];
+            if (res && res.result && res.result.count > 0) {
+                this.events = res.result.Event;
+                this.loader = false;
+            }
+            else {
+                this.loader = false;
+            }
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        error => {
+            this.loader = false;
+        }));
+    }
+}
+EventsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-events',
+                template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n    <div class=\"event-title\">\n        {{object?.title}}\n    </div>\n    <div class=\"events-select\">\n        <select (change)=\"getEvents($event)\">\n            <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n        </select>\n    </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n    <div class=\"events-card-wrapper\">\n        <div *ngIf=\"!loader\">\n            <div *ngIf=\"events?.length > 0\">\n                <div *ngFor=\"let event of events\">\n                    <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n                </div>\n            </div>\n            <div *ngIf=\"events?.length === 0\">\n                <div class=\"flex item-center justify-center p-5 no-events\">\n                    No events exist.\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"loader && events?.length === 0\">\n            <div *ngFor=\"let event of [1,2,3]\">\n                <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n            </div>\n        </div>\n    </div>\n</div>",
+                styles: ["@charset \"UTF-8\";.e-header{justify-content:space-between}.event-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.events-select{position:relative;display:inline-block;width:150px}.events-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.events-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.no-events{border:1px solid #c3c3c3;border-radius:12px}"]
+            }] }
+];
+/** @nocollapse */
+EventsComponent.ctorParameters = () => [
+    { type: InsiteDataService }
+];
+EventsComponent.propDecorators = {
+    object: [{ type: Input }],
+    nwlEventsConfig: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    EventsComponent.prototype.object;
+    /** @type {?} */
+    EventsComponent.prototype.nwlEventsConfig;
+    /** @type {?} */
+    EventsComponent.prototype.daysBetween;
+    /** @type {?} */
+    EventsComponent.prototype.events;
+    /** @type {?} */
+    EventsComponent.prototype.requestBody;
+    /** @type {?} */
+    EventsComponent.prototype.currentDay;
+    /** @type {?} */
+    EventsComponent.prototype.loader;
+    /** @type {?} */
+    EventsComponent.prototype.insightSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vZXZlbnRzL2V2ZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDOztNQUM1QixNQUFNLEdBQUcsT0FBTztBQU90QixNQUFNLE9BQU8sZUFBZTs7OztJQVMxQixZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQUxoRCxnQkFBVyxHQUFRLEVBQUUsQ0FBQTtRQUNyQixXQUFNLEdBQVEsRUFBRSxDQUFBO1FBR2hCLFdBQU0sR0FBWSxLQUFLLENBQUE7SUFDNkIsQ0FBQzs7OztJQUVyRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRztZQUNqQixNQUFNLEVBQUU7Z0JBQ04sSUFBSTthQUNMO1lBQ0QsS0FBSyxFQUFFLEVBQUU7WUFDVCxPQUFPLEVBQUU7Z0JBQ1AsS0FBSyxFQUFFLEVBQUU7Z0JBQ1QsT0FBTyxFQUFFO29CQUNQLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQztvQkFDaEIsV0FBVyxFQUFFLE9BQU87b0JBQ3BCLFFBQVEsRUFBRSxPQUFPO29CQUNqQixTQUFTLEVBQUc7d0JBQ1YsSUFBSSxFQUFFLEVBQUU7d0JBQ1IsR0FBRyxFQUFFLEVBQUU7cUJBQ1I7aUJBQ0Y7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFNBQVMsRUFBRSxNQUFNO2lCQUNsQjthQUNGO1NBQ0YsQ0FBQTtRQUNELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN0QixDQUFDOzs7O0lBQ0QsbUJBQW1COztZQUNiLFdBQVcsR0FBRyxN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LFdBQVcsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFBO1FBQzlFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO1FBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxDQUFDLEdBQVEsRUFBQyxFQUFFO1lBQzNFLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFBO1lBQ2hCLElBQUksR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFFO2dCQUM3QyxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO2dCQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTthQUNwQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTthQUNwQjtRQUNILENBQUM7Ozs7UUFBRSxLQUFLLENBQUMsRUFBRTtZQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO1FBQ3JCLENBQUMsRUFBQyxDQUFBO0lBQ0osQ0FBQzs7O1lBOUZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsb3lDQUFzQzs7YUFFdkM7Ozs7WUFSUSxpQkFBaUI7OztxQkFXdkIsS0FBSzs4QkFDTCxLQUFLOzs7O0lBRE4saUNBQW9COztJQUNwQiwwQ0FBNkI7O0lBQzdCLHNDQUFxQjs7SUFDckIsaUNBQWdCOztJQUNoQixzQ0FBZ0I7O0lBQ2hCLHFDQUFlOztJQUNmLGlDQUF1Qjs7SUFDWCxxQ0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSdcbmltcG9ydCAqIGFzIG1vbWVudF8gZnJvbSAnbW9tZW50JztcbmNvbnN0IG1vbWVudCA9IG1vbWVudF87XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1ldmVudHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXZlbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBvYmplY3Q6IGFueVxuICBASW5wdXQoKSBud2xFdmVudHNDb25maWc6IGFueVxuICBkYXlzQmV0d2VlbjogYW55ID0gW11cbiAgZXZlbnRzOiBhbnkgPSBbXVxuICByZXF1ZXN0Qm9keTogYW55XG4gIGN1cnJlbnREYXk6IGFueVxuICBsb2FkZXI6IGJvb2xlYW4gPSBmYWxzZVxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW5zaWdodFN2YzogSW5zaXRlRGF0YVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVxdWVzdEJvZHkgPSB7XG4gICAgICBsb2NhbGU6IFtcbiAgICAgICAgJ2VuJyxcbiAgICAgIF0sXG4gICAgICBxdWVyeTogJycsXG4gICAgICByZXF1ZXN0OiB7XG4gICAgICAgIHF1ZXJ5OiAnJyxcbiAgICAgICAgZmlsdGVyczoge1xuICAgICAgICAgIHN0YXR1czogWydMaXZlJ10sXG4gICAgICAgICAgY29udGVudFR5cGU6ICdFdmVudCcsXG4gICAgICAgICAgY2F0ZWdvcnk6ICdFdmVudCcsXG4gICAgICAgICAgc3RhcnREYXRlXHQ6IHtcbiAgICAgICAgICAgIFwiPj1cIjogJycsXG4gICAgICAgICAgICBcIjxcIjogJydcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHNvcnRfYnk6IHtcbiAgICAgICAgICBzdGFydERhdGU6ICdkZXNjJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuICAgIHRoaXMuZ2V0RXZlbnRzTGlzdCgpXG4gIH1cbiAgZ2V0RGF5c0JldHdlZW5EYXRlcygpIHtcbiAgICBsZXQgY3VycmVudERhdGUgPSBtb21lbnQodGhpcy5ud2xFdmVudHNDb25maWcuc3RhcnREYXRlLCAnREQtTU0tWVlZWScpXG4gICAgY29uc3QgZW5kRGF0ZSA9IG1vbWVudCh0aGlzLm53bEV2ZW50c0NvbmZpZy5lbmREYXRlLCAnREQtTU0tWVlZWScpXG4gICAgd2hpbGUgKGN1cnJlbnREYXRlLmlzU2FtZU9yQmVmb3JlKGVuZERhdGUpKSB7XG4gICAgICBsZXQgbG9jYWxPYmogPSB7fVxuICAgICAgbG9jYWxPYmpbJ3N0YXJ0RGF0ZSddID0gY3VycmVudERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgIGxvY2FsT2JqWydkaXBsYXlGb3JtYXQnXSA9IGN1cnJlbnREYXRlLmZvcm1hdCgnTU1NIERELCBZWVlZJylcbiAgICAgIGlmKGN1cnJlbnREYXRlLmlzU2FtZShtb21lbnQoKSwgJ2RheScpKXtcbiAgICAgICAgdGhpcy5jdXJyZW50RGF5ID0gY3VycmVudERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgIH1cbiAgICAgIGN1cnJlbnREYXRlLmFkZCgxLCAnZGF5cycpLmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgICB0aGlzLmRheXNCZXR3ZWVuLnB1c2gobG9jYWxPYmopXG4gICAgfVxuICAgIGNvbnNvbGUubG9nKFwiY3VycmVudERheSBcIiwgdGhpcy5jdXJyZW50RGF5KVxuICB9XG5cbiAgZ2V0RXZlbnRzKHNsZWN0ZWREYXRlOiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnREYXkgPSBzbGVjdGVkRGF0ZS50YXJnZXQudmFsdWVcbiAgICBsZXQgbmV4dERheSA9IG1vbWVudChzbGVjdGVkRGF0ZS50YXJnZXQudmFsdWUsICdZWVlZLU1NLUREJylcbiAgICBuZXh0RGF5LmFkZCgxLCAnZGF5cycpXG4gICAgdGhpcy5yZXF1ZXN0Qm9keS5yZXF1ZXN0LmZpbHRlcnMuc3RhcnREYXRlW1wiPj1cIl0gPSB0aGlzLmN1cnJlbnREYXlcbiAgICB0aGlzLnJlcXVlc3RCb2R5LnJlcXVlc3QuZmlsdGVycy5zdGFydERhdGVbXCI8XCJdID0gbmV4dERheS5mb3JtYXQoJ1lZWVktTU0tREQnKVxuICAgIHRoaXMubG9hZGVyID0gdHJ1ZVxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaFRyYWluaW5nRGV0YWlscyh0aGlzLnJlcXVlc3RCb2R5KS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcbiAgICAgIHRoaXMuZXZlbnRzID0gW11cbiAgICAgIGlmIChyZXMgJiYgcmVzLnJlc3VsdCAmJiByZXMucmVzdWx0LmNvdW50ID4gMCkge1xuICAgICAgICB0aGlzLmV2ZW50cyA9IHJlcy5yZXN1bHQuRXZlbnRcbiAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgICAgfVxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgIHRoaXMubG9hZGVyID0gZmFsc2VcbiAgICB9KVxuICB9XG5cbiAgZ2V0RXZlbnRzTGlzdCgpIHtcbiAgICB0aGlzLmdldERheXNCZXR3ZWVuRGF0ZXMoKVxuICAgIGxldCBuZXh0RGF5ID0gbW9tZW50KHRoaXMuY3VycmVudERheSwgJ1lZWVktTU0tREQnKVxuICAgIG5leHREYXkuYWRkKDEsICdkYXlzJylcbiAgICB0aGlzLnJlcXVlc3RCb2R5LnJlcXVlc3QuZmlsdGVycy5zdGFydERhdGVbXCI+PVwiXSA9IHRoaXMuY3VycmVudERheVxuICAgIHRoaXMucmVxdWVzdEJvZHkucmVxdWVzdC5maWx0ZXJzLnN0YXJ0RGF0ZVtcIjxcIl0gPSBuZXh0RGF5LmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgdGhpcy5sb2FkZXIgPSB0cnVlXG4gICAgdGhpcy5pbnNpZ2h0U3ZjLmZldGNoVHJhaW5pbmdEZXRhaWxzKHRoaXMucmVxdWVzdEJvZHkpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgdGhpcy5ldmVudHMgPSBbXVxuICAgICAgaWYgKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQuY291bnQgPiAwKSB7XG4gICAgICAgIHRoaXMuZXZlbnRzID0gcmVzLnJlc3VsdC5FdmVudFxuICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlXG4gICAgICB9XG4gICAgfSwgZXJyb3IgPT4ge1xuICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgIH0pXG4gIH1cblxufVxuIl19

package/esm2015/lib/_common/events/events.module.js

@@ -0,0 +1,24 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EventsComponent } from './events.component';
+import { EventCardComponent } from './event-card/event-card.component';
+import { RouterModule } from '@angular/router';
+import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+export class EventsModule {
+}
+EventsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [EventsComponent, EventCardComponent],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    SkeletonLoaderLibModule,
+                ],
+                exports: [EventsComponent, EventCardComponent]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vZXZlbnRzL2V2ZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFhNUYsTUFBTSxPQUFPLFlBQVk7OztZQVR4QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLGtCQUFrQixDQUFDO2dCQUNuRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLGtCQUFrQixDQUFDO2FBQy9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFdmVudHNDb21wb25lbnQgfSBmcm9tICcuL2V2ZW50cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXZlbnRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9ldmVudC1jYXJkL2V2ZW50LWNhcmQuY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSB9IGZyb20gJy4uL3NrZWxldG9uLWxvYWRlci1saWIvc2tlbGV0b24tbG9hZGVyLWxpYi5tb2R1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRXZlbnRzQ29tcG9uZW50LCBFdmVudENhcmRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0V2ZW50c0NvbXBvbmVudCwgRXZlbnRDYXJkQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBFdmVudHNNb2R1bGUgeyB9XG4iXX0=