@sunbird-cb/consumption 0.0.66 → 0.0.68

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

@@ -1,148 +1,150 @@
-/**
- * @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';
-export class DataPointsComponent {
-    /**
-     * @param {?} insightSvc
-     */
-    constructor(insightSvc) {
-        this.insightSvc = insightSvc;
-        this.layoutType = '';
-        this.fetchDataFromApi = false;
-        this.providerId = '';
-        this.pageLayout = '';
-        this.customArray = [];
-        this.isDataLoading = false;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if (this.objectData && this.layoutType === 'gridLayout') {
-            this.customArray = this.createCustomArray(this.objectData.metrics);
-        }
-        if (this.fetchDataFromApi) {
-            this.isDataLoading = true;
-            this.getInsiteData();
-        }
-    }
-    /**
-     * @param {?} arr
-     * @return {?}
-     */
-    createCustomArray(arr) {
-        /** @type {?} */
-        const nByn = [];
-        for (let i = 0; i < arr.length; i += this.objectData.dataColSpan) {
-            nByn.push(arr.slice(i, i + this.objectData.dataColSpan));
-        }
-        return nByn;
-    }
-    /**
-     * @return {?}
-     */
-    getInsiteData() {
-        /** @type {?} */
-        let request = {};
-        request = {
-            "request": {
-                "filters": {
-                    "organisations": [
-                        this.providerId
-                    ]
-                }
-            }
-        };
-        if (this.pageLayout && this.pageLayout === 'mdo') {
-            request = {
-                "request": {
-                    "filters": {
-                        "requestType": "MDO_INSIGHT",
-                        "organisations": [
-                            this.providerId
-                        ]
-                    }
-                }
-            };
-        }
-        this.insightSvc.fetchSearchData(request).subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => {
-            if (res && res.result && res.result.response && res.result.response.nudges && res.result.response.nudges.length) {
-                res.result.response.nudges.forEach((/**
-                 * @param {?} nudgeData
-                 * @return {?}
-                 */
-                (nudgeData) => {
-                    if (this.providerId && this.providerId === nudgeData.orgId) {
-                        this.objectData = nudgeData.data;
-                    }
-                }));
-            }
-            this.isDataLoading = false;
-        }));
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    converToIndianSystem(value) {
-        /** @type {?} */
-        let numStr = value.toString();
-        let [integerPart, decimalPart] = numStr.split('.');
-        /** @type {?} */
-        let lastThree = integerPart.slice(-3);
-        /** @type {?} */
-        let otherNumbers = integerPart.slice(0, -3);
-        if (otherNumbers !== '') {
-            lastThree = ',' + lastThree;
-        }
-        /** @type {?} */
-        let formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
-        /** @type {?} */
-        const result = decimalPart ? `${formattedIntegerPart}.${decimalPart.substr(0, 2)}` : formattedIntegerPart;
-        return result;
-    }
-}
-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 customdiv\" *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 (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 */
-DataPointsComponent.ctorParameters = () => [
-    { type: InsiteDataService }
-];
-DataPointsComponent.propDecorators = {
-    objectData: [{ type: Input }],
-    layoutType: [{ type: Input }],
-    fetchDataFromApi: [{ type: Input }],
-    providerId: [{ type: Input }],
-    pageLayout: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    DataPointsComponent.prototype.objectData;
-    /** @type {?} */
-    DataPointsComponent.prototype.layoutType;
-    /** @type {?} */
-    DataPointsComponent.prototype.fetchDataFromApi;
-    /** @type {?} */
-    DataPointsComponent.prototype.providerId;
-    /** @type {?} */
-    DataPointsComponent.prototype.pageLayout;
-    /** @type {?} */
-    DataPointsComponent.prototype.customArray;
-    /** @type {?} */
-    DataPointsComponent.prototype.isDataLoading;
-    /** @type {?} */
-    DataPointsComponent.prototype.insightSvc;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBT3hFLE1BQU0sT0FBTyxtQkFBbUI7Ozs7SUFTOUIsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7UUFQdkMsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFDakMsZUFBVSxHQUFTLEVBQUUsQ0FBQTtRQUNyQixlQUFVLEdBQVEsRUFBRSxDQUFBO1FBQzdCLGdCQUFXLEdBQVksRUFBRSxDQUFBO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFBO0lBRXNCLENBQUM7Ozs7SUFFckQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFlBQVksRUFBRTtZQUN2RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ25FO1FBQ0QsSUFBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUE7WUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1NBQ3JCO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxpQkFBaUIsQ0FBQyxHQUFVOztjQUNwQixJQUFJLEdBQVksRUFBRTtRQUN4QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFD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O0lBQzFDLHlDQUE4Qjs7SUFDOUIseUNBQTZCOztJQUM3QiwwQ0FBeUI7O0lBQ3pCLDRDQUE4Qjs7SUFFbEIseUNBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLWRhdGEtcG9pbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS1wb2ludHMuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGFQb2ludHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcbiAgQElucHV0KCkgbGF5b3V0VHlwZTogc3RyaW5nID0gJydcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHByb3ZpZGVySWQgOiBhbnkgPSAnJ1xuICBASW5wdXQoKSBwYWdlTGF5b3V0OiBhbnkgPSAnJ1xuICBjdXN0b21BcnJheTogYW55W11bXSA9IFtdXG4gIGlzRGF0YUxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxuICBcbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5vYmplY3REYXRhICYmIHRoaXMubGF5b3V0VHlwZSA9PT0gJ2dyaWRMYXlvdXQnKSB7XG4gICAgICB0aGlzLmN1c3RvbUFycmF5ID0gdGhpcy5jcmVhdGVDdXN0b21BcnJheSh0aGlzLm9iamVjdERhdGEubWV0cmljcylcbiAgICB9XG4gICAgaWYodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSB0cnVlXG4gICAgICB0aGlzLmdldEluc2l0ZURhdGEoKVxuICAgIH1cbiAgfSAgXG5cbiAgY3JlYXRlQ3VzdG9tQXJyYXkoYXJyOiBhbnlbXSk6IGFueVtdW10ge1xuICAgIGNvbnN0IG5CeW46IGFueVtdW10gPSBbXVxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSArPSB0aGlzLm9iamVjdERhdGEuZGF0YUNvbFNwYW4pIHtcbiAgICAgIG5CeW4ucHVzaChhcnIuc2xpY2UoaSwgaSArIHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3BhbikpXG4gICAgfVxuICAgIHJldHVybiBuQnluICAgXG4gIH1cblxuICBnZXRJbnNpdGVEYXRhKCl7XG4gICAgbGV0IHJlcXVlc3Q6IGFueSA9IHt9XG4gICAgcmVxdWVzdCAgPSB7XG4gICAgICBcInJlcXVlc3RcIjoge1xuICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICB0aGlzLnByb3ZpZGVySWRcbiAgICAgICAgICAgICAgXVxuICAgICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHRoaXMucGFnZUxheW91dCAmJiB0aGlzLnBhZ2VMYXlvdXQgPT09ICdtZG8nKSB7XG4gICAgICByZXF1ZXN0ICA9IHtcbiAgICAgICAgXCJyZXF1ZXN0XCI6IHtcbiAgICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwicmVxdWVzdFR5cGVcIjogXCJNRE9fSU5TSUdIVFwiLFxuICAgICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hTZWFyY2hEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXNwb25zZSAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcyAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5sZW5ndGgpIHtcbiAgICAgICAgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMuZm9yRWFjaCgobnVkZ2VEYXRhOiBhbnkpID0+IHtcbiAgICAgICAgICBpZih0aGlzLnByb3ZpZGVySWQgJiYgdGhpcy5wcm92aWRlcklkID09PSBudWRnZURhdGEub3JnSWQpIHtcbiAgICAgICAgICAgIHRoaXMub2JqZWN0RGF0YSA9IG51ZGdlRGF0YS5kYXRhXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gZmFsc2VcbiAgICB9KVxuXG4gIH1cblxuICBjb252ZXJUb0luZGlhblN5c3RlbSh2YWx1ZTogYW55KSB7XG4gICAgbGV0IG51bVN0ciA9IHZhbHVlLnRvU3RyaW5nKClcbiAgICBsZXQgW2ludGVnZXJQYXJ0LCBkZWNpbWFsUGFydF0gPSBudW1TdHIuc3BsaXQoJy4nKVxuICAgIGxldCBsYXN0VGhyZWUgPSBpbnRlZ2VyUGFydC5zbGljZSgtMyk7XG4gICAgbGV0IG90aGVyTnVtYmVycyA9IGludGVnZXJQYXJ0LnNsaWNlKDAsIC0zKTtcbiAgICBpZiAob3RoZXJOdW1iZXJzICE9PSAnJykge1xuICAgICAgbGFzdFRocmVlID0gJywnICsgbGFzdFRocmVlO1xuICAgIH1cbiAgICBsZXQgZm9ybWF0dGVkSW50ZWdlclBhcnQgPSBvdGhlck51bWJlcnMucmVwbGFjZSgvXFxCKD89KFxcZHsyfSkrKD8hXFxkKSkvZywgJywnKSArIGxhc3RUaHJlZTtcbiAgICBjb25zdCByZXN1bHQgPSBkZWNpbWFsUGFydCA/IGAke2Zvcm1hdHRlZEludGVnZXJQYXJ0fS4ke2RlY2ltYWxQYXJ0LnN1YnN0cigwLDIpfWAgOiBmb3JtYXR0ZWRJbnRlZ2VyUGFydDtcbiAgICByZXR1cm4gcmVzdWx0XG4gIH1cbn1cbiJdfQ==
+/**
+ * @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';
+export class DataPointsComponent {
+    /**
+     * @param {?} insightSvc
+     */
+    constructor(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.layoutType = '';
+        this.fetchDataFromApi = false;
+        this.providerId = '';
+        this.pageLayout = '';
+        this.customArray = [];
+        this.isDataLoading = false;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        if (this.objectData && this.layoutType === 'gridLayout') {
+            this.customArray = this.createCustomArray(this.objectData.metrics);
+        }
+        if (this.fetchDataFromApi) {
+            this.isDataLoading = true;
+            this.getInsiteData();
+        }
+    }
+    /**
+     * @param {?} arr
+     * @return {?}
+     */
+    createCustomArray(arr) {
+        /** @type {?} */
+        const nByn = [];
+        for (let i = 0; i < arr.length; i += this.objectData.dataColSpan) {
+            nByn.push(arr.slice(i, i + this.objectData.dataColSpan));
+        }
+        return nByn;
+    }
+    /**
+     * @return {?}
+     */
+    getInsiteData() {
+        /** @type {?} */
+        let request = {};
+        request = {
+            "request": {
+                "filters": {
+                    "organisations": [
+                        this.providerId
+                    ]
+                }
+            }
+        };
+        if (this.pageLayout && this.pageLayout === 'mdo') {
+            request = {
+                "request": {
+                    "filters": {
+                        "requestType": "MDO_INSIGHT",
+                        "organisations": [
+                            this.providerId
+                        ]
+                    }
+                }
+            };
+        }
+        this.insightSvc.fetchSearchData(request).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => {
+            if (res && res.result && res.result.response && res.result.response.nudges && res.result.response.nudges.length) {
+                res.result.response.nudges.forEach((/**
+                 * @param {?} nudgeData
+                 * @return {?}
+                 */
+                (nudgeData) => {
+                    if (this.providerId && this.providerId === nudgeData.orgId) {
+                        this.objectData = nudgeData.data;
+                    }
+                }));
+            }
+            this.isDataLoading = false;
+        }));
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    converToIndianSystem(value) {
+        if (value) {
+            /** @type {?} */
+            let numStr = value.toString();
+            let [integerPart, decimalPart] = numStr.split('.');
+            /** @type {?} */
+            let lastThree = integerPart.slice(-3);
+            /** @type {?} */
+            let otherNumbers = integerPart.slice(0, -3);
+            if (otherNumbers !== '') {
+                lastThree = ',' + lastThree;
+            }
+            /** @type {?} */
+            let formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
+            /** @type {?} */
+            const result = decimalPart ? `${formattedIntegerPart}.${decimalPart.substr(0, 2)}` : formattedIntegerPart;
+            return result;
+        }
+    }
+}
+DataPointsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-data-points',
+                template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\r\n    <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\r\n        <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\r\n            <div class=\"flex flex-row gap-3 items-top\">\r\n                <div>\r\n                    <img class=\"objIcon\" [src]=\"obj.icon\"  [style.color]=\"obj?.iconColor\">\r\n                </div>\r\n                <div>\r\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n                    <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n                        {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n                    </div>\r\n                    <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-full customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\r\n    <div class=\"logodiv margin-bottom-s\">\r\n        <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\r\n    </div>\r\n    <div *ngFor=\"let obj of objectData; let i = index\">\r\n        <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n            <div class=\"v2-icons-div\">\r\n                <div class=\"v2-icon-contaier\"\r\n                    [style.background]=\"obj?.iconBackgroupColorV2\"\r\n                    [style.borderColor]=\"obj?.valueColorV2\">\r\n                    <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\r\n                </div>\r\n            </div>\r\n            <div class=\"v2-content-div\">\r\n                <div class=\"flex flex-col\">\r\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj?.value)\">0</div>\r\n                    <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\r\n                        {{converToIndianSystem(obj?.value)}}\r\n                    </div>\r\n                    <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\r\n                        {{obj?.label}}\r\n                    </div>\r\n                    <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData?.length\">\r\n                        <div class=\"v2-dot\"\r\n                            [style.background]=\"obj?.valueColorV2\"\r\n                            [style.borderColor]=\"obj?.labelColorV2\"></div>\r\n                        <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\r\n    <div class=\"flex gap-4\">\r\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n            <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n                <div class=\"flex flex-row gap-3\">\r\n                    <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\r\n                        <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\r\n                    </div>\r\n                    <div>\r\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n                        <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n                            {{converToIndianSystem(obj?.value)}}\r\n                        </div>\r\n                        <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\r\n    <div class=\"flex gap-4\">\r\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n            <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n                <div class=\"flex flex-row gap-3\">\r\n                    <div>\r\n                        <img [style.color]=\"obj?.iconColor\"  class=\"mobjIcon\" [src]=\"obj.icon\">\r\n                    </div>\r\n                    <div>\r\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n                        <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n                            {{obj?.value  | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n                        </div>\r\n                        <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>    \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n    <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n        <div class=\"top-container\">\r\n            <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\r\n                <div *ngFor=\"let item of chunk\">\r\n                    <div class=\"flex-item\">\r\n                        <div class=\"flex flex-row gap-5 infra-element-div\">\r\n                            <div>\r\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\r\n                                <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\"  *ngIf=\"(item && item.value)\">\r\n                                    {{item?.value  | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n                                </div>\r\n                                <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>   \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\r\n    <div class=\"flex space-around\">\r\n        <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n            <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\r\n                <div class=\"flex flex-row gap-3\">\r\n                    <div>\r\n                        <img [style.color]=\"obj?.iconColor\"  class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\r\n                    </div>\r\n                    <div class=\"flex flex-col\">\r\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n                        <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n                            {{converToIndianSystem(obj?.value)}}\r\n                        </div>\r\n                        <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- skeleton  loaders -->\r\n\r\n<ng-container>\r\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\r\n        <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\r\n            <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n                <div class=\"v2-icons-div\">\r\n                    <div class=\"v2-icon-contaier\">\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\r\n                        [height]=\"'55px'\"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n                <div class=\"v2-content-div\">\r\n                    <div class=\"flex flex-col\">\r\n                        <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>        \r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n    <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\r\n        <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\r\n            <div class=\"element-div linebreak\" >\r\n                <div class=\"flex flex-row gap-3 items-top\">\r\n                    <div>\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\r\n                        [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div>\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\r\n                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\r\n        <div class=\"flex\">\r\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n                <div class=\"singleFlexeRow-div flex-item\">\r\n                    <div class=\"flex flex-row gap-3\">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div class=\"flex flex-col\">\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\r\n        <div class=\"flex gap-4\">\r\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n                <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n                    <div class=\"flex flex-row gap-3\">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div>\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\r\n        <div class=\"flex gap-4\">\r\n            <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n                <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n                    <div class=\"flex flex-row gap-3\">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div>\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\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 (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 */
+DataPointsComponent.ctorParameters = () => [
+    { type: InsiteDataService }
+];
+DataPointsComponent.propDecorators = {
+    objectData: [{ type: Input }],
+    layoutType: [{ type: Input }],
+    fetchDataFromApi: [{ type: Input }],
+    providerId: [{ type: Input }],
+    pageLayout: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    DataPointsComponent.prototype.objectData;
+    /** @type {?} */
+    DataPointsComponent.prototype.layoutType;
+    /** @type {?} */
+    DataPointsComponent.prototype.fetchDataFromApi;
+    /** @type {?} */
+    DataPointsComponent.prototype.providerId;
+    /** @type {?} */
+    DataPointsComponent.prototype.pageLayout;
+    /** @type {?} */
+    DataPointsComponent.prototype.customArray;
+    /** @type {?} */
+    DataPointsComponent.prototype.isDataLoading;
+    /** @type {?} */
+    DataPointsComponent.prototype.insightSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBT3hFLE1BQU0sT0FBTyxtQkFBbUI7Ozs7SUFTOUIsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7UUFQdkMsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFDakMsZUFBVSxHQUFTLEVBQUUsQ0FBQTtRQUNyQixlQUFVLEdBQVEsRUFBRSxDQUFBO1FBQzdCLGdCQUFXLEdBQVksRUFBRSxDQUFBO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFBO0lBRXNCLENBQUM7Ozs7SUFFckQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFlBQVksRUFBRTtZQUN2RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ25FO1FBQ0QsSUFBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUE7WUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1NBQ3JCO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxpQkFBaUIsQ0FBQyxHQUFVOztjQUNwQixJQUFJLEdBQVksRUFBRTtRQUN4QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFD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QXdCOztJQUN4Qix5Q0FBZ0M7O0lBQ2hDLCtDQUEwQzs7SUFDMUMseUNBQThCOztJQUM5Qix5Q0FBNkI7O0lBQzdCLDBDQUF5Qjs7SUFDekIsNENBQThCOztJQUVsQix5Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NiLXVpYy1kYXRhLXBvaW50cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXRhLXBvaW50cy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFQb2ludHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG9iamVjdERhdGE6IGFueVxyXG4gIEBJbnB1dCgpIGxheW91dFR5cGU6IHN0cmluZyA9ICcnXHJcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgcHJvdmlkZXJJZCA6IGFueSA9ICcnXHJcbiAgQElucHV0KCkgcGFnZUxheW91dDogYW55ID0gJydcclxuICBjdXN0b21BcnJheTogYW55W11bXSA9IFtdXHJcbiAgaXNEYXRhTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXHJcbiAgXHJcbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5vYmplY3REYXRhICYmIHRoaXMubGF5b3V0VHlwZSA9PT0gJ2dyaWRMYXlvdXQnKSB7XHJcbiAgICAgIHRoaXMuY3VzdG9tQXJyYXkgPSB0aGlzLmNyZWF0ZUN1c3RvbUFycmF5KHRoaXMub2JqZWN0RGF0YS5tZXRyaWNzKVxyXG4gICAgfVxyXG4gICAgaWYodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XHJcbiAgICAgIHRoaXMuaXNEYXRhTG9hZGluZyA9IHRydWVcclxuICAgICAgdGhpcy5nZXRJbnNpdGVEYXRhKClcclxuICAgIH1cclxuICB9ICBcclxuXHJcbiAgY3JlYXRlQ3VzdG9tQXJyYXkoYXJyOiBhbnlbXSk6IGFueVtdW10ge1xyXG4gICAgY29uc3QgbkJ5bjogYW55W11bXSA9IFtdXHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGFyci5sZW5ndGg7IGkgKz0gdGhpcy5vYmplY3REYXRhLmRhdGFDb2xTcGFuKSB7XHJcbiAgICAgIG5CeW4ucHVzaChhcnIuc2xpY2UoaSwgaSArIHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3BhbikpXHJcbiAgICB9XHJcbiAgICByZXR1cm4gbkJ5biAgIFxyXG4gIH1cclxuXHJcbiAgZ2V0SW5zaXRlRGF0YSgpe1xyXG4gICAgbGV0IHJlcXVlc3Q6IGFueSA9IHt9XHJcbiAgICByZXF1ZXN0ICA9IHtcclxuICAgICAgXCJyZXF1ZXN0XCI6IHtcclxuICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XHJcbiAgICAgICAgICAgICAgXCJvcmdhbmlzYXRpb25zXCI6IFtcclxuICAgICAgICAgICAgICAgICAgdGhpcy5wcm92aWRlcklkXHJcbiAgICAgICAgICAgICAgXVxyXG4gICAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5wYWdlTGF5b3V0ICYmIHRoaXMucGFnZUxheW91dCA9PT0gJ21kbycpIHtcclxuICAgICAgcmVxdWVzdCAgPSB7XHJcbiAgICAgICAgXCJyZXF1ZXN0XCI6IHtcclxuICAgICAgICAgICAgXCJmaWx0ZXJzXCI6IHtcclxuICAgICAgICAgICAgICBcInJlcXVlc3RUeXBlXCI6IFwiTURPX0lOU0lHSFRcIixcclxuICAgICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5wcm92aWRlcklkXHJcbiAgICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaFNlYXJjaERhdGEocmVxdWVzdCkuc3Vic2NyaWJlKChyZXM6IGFueSk9PiB7XHJcbiAgICAgIGlmKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQucmVzcG9uc2UgJiYgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMgJiYgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMubGVuZ3RoKSB7XHJcbiAgICAgICAgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMuZm9yRWFjaCgobnVkZ2VEYXRhOiBhbnkpID0+IHtcclxuICAgICAgICAgIGlmKHRoaXMucHJvdmlkZXJJZCAmJiB0aGlzLnByb3ZpZGVySWQgPT09IG51ZGdlRGF0YS5vcmdJZCkge1xyXG4gICAgICAgICAgICB0aGlzLm9iamVjdERhdGEgPSBudWRnZURhdGEuZGF0YVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gZmFsc2VcclxuICAgIH0pXHJcblxyXG4gIH1cclxuXHJcbiAgY29udmVyVG9JbmRpYW5TeXN0ZW0odmFsdWU6IGFueSkge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGxldCBudW1TdHIgPSB2YWx1ZS50b1N0cmluZygpXHJcbiAgICAgIGxldCBbaW50ZWdlclBhcnQsIGRlY2ltYWxQYXJ0XSA9IG51bVN0ci5zcGxpdCgnLicpXHJcbiAgICAgIGxldCBsYXN0VGhyZWUgPSBpbnRlZ2VyUGFydC5zbGljZSgtMyk7XHJcbiAgICAgIGxldCBvdGhlck51bWJlcnMgPSBpbnRlZ2VyUGFydC5zbGljZSgwLCAtMyk7XHJcbiAgICAgIGlmIChvdGhlck51bWJlcnMgIT09ICcnKSB7XHJcbiAgICAgICAgbGFzdFRocmVlID0gJywnICsgbGFzdFRocmVlO1xyXG4gICAgICB9XHJcbiAgICAgIGxldCBmb3JtYXR0ZWRJbnRlZ2VyUGFydCA9IG90aGVyTnVtYmVycy5yZXBsYWNlKC9cXEIoPz0oXFxkezJ9KSsoPyFcXGQpKS9nLCAnLCcpICsgbGFzdFRocmVlO1xyXG4gICAgICBjb25zdCByZXN1bHQgPSBkZWNpbWFsUGFydCA/IGAke2Zvcm1hdHRlZEludGVnZXJQYXJ0fS4ke2RlY2ltYWxQYXJ0LnN1YnN0cigwLDIpfWAgOiBmb3JtYXR0ZWRJbnRlZ2VyUGFydDtcclxuICAgICAgcmV0dXJuIHJlc3VsdFxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

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

@@ -1,23 +1,23 @@
-/**
- * @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 { DataPointsComponent } from './data-points.component';
-import { InsiteDataService } from '../../_services/insite-data.service';
-import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
-export class DataPointsModule {
-}
-DataPointsModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [DataPointsComponent],
-                imports: [
-                    CommonModule,
-                    SkeletonLoaderLibModule
-                ],
-                exports: [DataPointsComponent],
-                providers: [InsiteDataService]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBYTVGLE1BQU0sT0FBTyxnQkFBZ0I7OztZQVQ1QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ25DLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQzlCLFNBQVMsRUFBQyxDQUFDLGlCQUFpQixDQUFDO2FBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEYXRhUG9pbnRzQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXBvaW50cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XG5pbXBvcnQgeyBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSB9IGZyb20gJy4uL3NrZWxldG9uLWxvYWRlci1saWIvc2tlbGV0b24tbG9hZGVyLWxpYi5tb2R1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRGF0YVBvaW50c0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0RhdGFQb2ludHNDb21wb25lbnRdLFxuICBwcm92aWRlcnM6W0luc2l0ZURhdGFTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhUG9pbnRzTW9kdWxlIHsgfVxuIl19
+/**
+ * @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 { DataPointsComponent } from './data-points.component';
+import { InsiteDataService } from '../../_services/insite-data.service';
+import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+export class DataPointsModule {
+}
+DataPointsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [DataPointsComponent],
+                imports: [
+                    CommonModule,
+                    SkeletonLoaderLibModule
+                ],
+                exports: [DataPointsComponent],
+                providers: [InsiteDataService]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBYTVGLE1BQU0sT0FBTyxnQkFBZ0I7OztZQVQ1QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ25DLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQzlCLFNBQVMsRUFBQyxDQUFDLGlCQUFpQixDQUFDO2FBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRGF0YVBvaW50c0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wb2ludHMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XHJcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyTGliTW9kdWxlIH0gZnJvbSAnLi4vc2tlbGV0b24tbG9hZGVyLWxpYi9za2VsZXRvbi1sb2FkZXItbGliLm1vZHVsZSc7XHJcblxyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbRGF0YVBvaW50c0NvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtEYXRhUG9pbnRzQ29tcG9uZW50XSxcclxuICBwcm92aWRlcnM6W0luc2l0ZURhdGFTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YVBvaW50c01vZHVsZSB7IH1cclxuIl19