@sunbird-cb/consumption 0.0.63 → 0.0.65

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

@@ -1,163 +1,163 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { Component, Input } from '@angular/core';
-import { InsiteDataService } from '../../_services/insite-data.service';
-var DataPointsComponent = /** @class */ (function () {
-    function DataPointsComponent(insightSvc) {
-        this.insightSvc = insightSvc;
-        this.layoutType = '';
-        this.fetchDataFromApi = false;
-        this.providerId = '';
-        this.pageLayout = '';
-        this.customArray = [];
-        this.isDataLoading = false;
-    }
-    /**
-     * @return {?}
-     */
-    DataPointsComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        if (this.objectData && this.layoutType === 'gridLayout') {
-            this.customArray = this.createCustomArray(this.objectData.metrics);
-        }
-        if (this.fetchDataFromApi) {
-            this.isDataLoading = true;
-            this.getInsiteData();
-        }
-    };
-    /**
-     * @param {?} arr
-     * @return {?}
-     */
-    DataPointsComponent.prototype.createCustomArray = /**
-     * @param {?} arr
-     * @return {?}
-     */
-    function (arr) {
-        /** @type {?} */
-        var nByn = [];
-        for (var i = 0; i < arr.length; i += this.objectData.dataColSpan) {
-            nByn.push(arr.slice(i, i + this.objectData.dataColSpan));
-        }
-        return nByn;
-    };
-    /**
-     * @return {?}
-     */
-    DataPointsComponent.prototype.getInsiteData = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        /** @type {?} */
-        var 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 {?}
-         */
-        function (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 {?}
-                 */
-                function (nudgeData) {
-                    if (_this.providerId && _this.providerId === nudgeData.orgId) {
-                        _this.objectData = nudgeData.data;
-                    }
-                }));
-            }
-            _this.isDataLoading = false;
-        }));
-    };
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    DataPointsComponent.prototype.converToIndianSystem = /**
-     * @param {?} value
-     * @return {?}
-     */
-    function (value) {
-        /** @type {?} */
-        var numStr = value.toString();
-        var _a = tslib_1.__read(numStr.split('.'), 2), integerPart = _a[0], decimalPart = _a[1];
-        /** @type {?} */
-        var lastThree = integerPart.slice(-3);
-        /** @type {?} */
-        var otherNumbers = integerPart.slice(0, -3);
-        if (otherNumbers !== '') {
-            lastThree = ',' + lastThree;
-        }
-        /** @type {?} */
-        var formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
-        /** @type {?} */
-        var 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?.valueColor\">\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 = function () { return [
-        { type: InsiteDataService }
-    ]; };
-    DataPointsComponent.propDecorators = {
-        objectData: [{ type: Input }],
-        layoutType: [{ type: Input }],
-        fetchDataFromApi: [{ type: Input }],
-        providerId: [{ type: Input }],
-        pageLayout: [{ type: Input }]
-    };
-    return DataPointsComponent;
-}());
-export { DataPointsComponent };
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUV4RTtJQWNFLDZCQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQVB2QyxlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLHFCQUFnQixHQUFZLEtBQUssQ0FBQTtRQUNqQyxlQUFVLEdBQVMsRUFBRSxDQUFBO1FBQ3JCLGVBQVUsR0FBUSxFQUFFLENBQUE7UUFDN0IsZ0JBQVcsR0FBWSxFQUFFLENBQUE7UUFDekIsa0JBQWEsR0FBWSxLQUFLLENBQUE7SUFFc0IsQ0FBQzs7OztJQUVyRCxzQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxZQUFZLEVBQUU7WUFDdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQTtTQUNuRTtRQUNELElBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3hCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFBO1lBQ3pCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtTQUNyQjtJQUNILENBQUM7Ozs7O0lBRUQsK0NBQWlCOzs7O0lBQWpCLFVBQWtCLEdBQVU7O1lBQ3BCLElBQUksR0FBWSxFQUFFO1FBQ3hCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMs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eUNBQWdDOztJQUNoQywrQ0FBMEM7O0lBQzFDLHlDQUE4Qjs7SUFDOUIseUNBQTZCOztJQUM3QiwwQ0FBeUI7O0lBQ3pCLDRDQUE4Qjs7SUFFbEIseUNBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLWRhdGEtcG9pbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS1wb2ludHMuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGFQb2ludHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcbiAgQElucHV0KCkgbGF5b3V0VHlwZTogc3RyaW5nID0gJydcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHByb3ZpZGVySWQgOiBhbnkgPSAnJ1xuICBASW5wdXQoKSBwYWdlTGF5b3V0OiBhbnkgPSAnJ1xuICBjdXN0b21BcnJheTogYW55W11bXSA9IFtdXG4gIGlzRGF0YUxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxuICBcbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5vYmplY3REYXRhICYmIHRoaXMubGF5b3V0VHlwZSA9PT0gJ2dyaWRMYXlvdXQnKSB7XG4gICAgICB0aGlzLmN1c3RvbUFycmF5ID0gdGhpcy5jcmVhdGVDdXN0b21BcnJheSh0aGlzLm9iamVjdERhdGEubWV0cmljcylcbiAgICB9XG4gICAgaWYodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSB0cnVlXG4gICAgICB0aGlzLmdldEluc2l0ZURhdGEoKVxuICAgIH1cbiAgfSAgXG5cbiAgY3JlYXRlQ3VzdG9tQXJyYXkoYXJyOiBhbnlbXSk6IGFueVtdW10ge1xuICAgIGNvbnN0IG5CeW46IGFueVtdW10gPSBbXVxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSArPSB0aGlzLm9iamVjdERhdGEuZGF0YUNvbFNwYW4pIHtcbiAgICAgIG5CeW4ucHVzaChhcnIuc2xpY2UoaSwgaSArIHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3BhbikpXG4gICAgfVxuICAgIHJldHVybiBuQnluICAgXG4gIH1cblxuICBnZXRJbnNpdGVEYXRhKCl7XG4gICAgbGV0IHJlcXVlc3Q6IGFueSA9IHt9XG4gICAgcmVxdWVzdCAgPSB7XG4gICAgICBcInJlcXVlc3RcIjoge1xuICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICB0aGlzLnByb3ZpZGVySWRcbiAgICAgICAgICAgICAgXVxuICAgICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHRoaXMucGFnZUxheW91dCAmJiB0aGlzLnBhZ2VMYXlvdXQgPT09ICdtZG8nKSB7XG4gICAgICByZXF1ZXN0ICA9IHtcbiAgICAgICAgXCJyZXF1ZXN0XCI6IHtcbiAgICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XG4gICAgICAgICAgICAgIFwicmVxdWVzdFR5cGVcIjogXCJNRE9fSU5TSUdIVFwiLFxuICAgICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hTZWFyY2hEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXNwb25zZSAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcyAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5sZW5ndGgpIHtcbiAgICAgICAgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMuZm9yRWFjaCgobnVkZ2VEYXRhOiBhbnkpID0+IHtcbiAgICAgICAgICBpZih0aGlzLnByb3ZpZGVySWQgJiYgdGhpcy5wcm92aWRlcklkID09PSBudWRnZURhdGEub3JnSWQpIHtcbiAgICAgICAgICAgIHRoaXMub2JqZWN0RGF0YSA9IG51ZGdlRGF0YS5kYXRhXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gZmFsc2VcbiAgICB9KVxuXG4gIH1cblxuICBjb252ZXJUb0luZGlhblN5c3RlbSh2YWx1ZTogYW55KSB7XG4gICAgbGV0IG51bVN0ciA9IHZhbHVlLnRvU3RyaW5nKClcbiAgICBsZXQgW2ludGVnZXJQYXJ0LCBkZWNpbWFsUGFydF0gPSBudW1TdHIuc3BsaXQoJy4nKVxuICAgIGxldCBsYXN0VGhyZWUgPSBpbnRlZ2VyUGFydC5zbGljZSgtMyk7XG4gICAgbGV0IG90aGVyTnVtYmVycyA9IGludGVnZXJQYXJ0LnNsaWNlKDAsIC0zKTtcbiAgICBpZiAob3RoZXJOdW1iZXJzICE9PSAnJykge1xuICAgICAgbGFzdFRocmVlID0gJywnICsgbGFzdFRocmVlO1xuICAgIH1cbiAgICBsZXQgZm9ybWF0dGVkSW50ZWdlclBhcnQgPSBvdGhlck51bWJlcnMucmVwbGFjZSgvXFxCKD89KFxcZHsyfSkrKD8hXFxkKSkvZywgJywnKSArIGxhc3RUaHJlZTtcbiAgICBjb25zdCByZXN1bHQgPSBkZWNpbWFsUGFydCA/IGAke2Zvcm1hdHRlZEludGVnZXJQYXJ0fS4ke2RlY2ltYWxQYXJ0LnN1YnN0cigwLDIpfWAgOiBmb3JtYXR0ZWRJbnRlZ2VyUGFydDtcbiAgICByZXR1cm4gcmVzdWx0XG4gIH1cbn1cbiJdfQ==
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { InsiteDataService } from '../../_services/insite-data.service';
+var DataPointsComponent = /** @class */ (function () {
+    function DataPointsComponent(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.layoutType = '';
+        this.fetchDataFromApi = false;
+        this.providerId = '';
+        this.pageLayout = '';
+        this.customArray = [];
+        this.isDataLoading = false;
+    }
+    /**
+     * @return {?}
+     */
+    DataPointsComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        if (this.objectData && this.layoutType === 'gridLayout') {
+            this.customArray = this.createCustomArray(this.objectData.metrics);
+        }
+        if (this.fetchDataFromApi) {
+            this.isDataLoading = true;
+            this.getInsiteData();
+        }
+    };
+    /**
+     * @param {?} arr
+     * @return {?}
+     */
+    DataPointsComponent.prototype.createCustomArray = /**
+     * @param {?} arr
+     * @return {?}
+     */
+    function (arr) {
+        /** @type {?} */
+        var nByn = [];
+        for (var i = 0; i < arr.length; i += this.objectData.dataColSpan) {
+            nByn.push(arr.slice(i, i + this.objectData.dataColSpan));
+        }
+        return nByn;
+    };
+    /**
+     * @return {?}
+     */
+    DataPointsComponent.prototype.getInsiteData = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        /** @type {?} */
+        var 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 {?}
+         */
+        function (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 {?}
+                 */
+                function (nudgeData) {
+                    if (_this.providerId && _this.providerId === nudgeData.orgId) {
+                        _this.objectData = nudgeData.data;
+                    }
+                }));
+            }
+            _this.isDataLoading = false;
+        }));
+    };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    DataPointsComponent.prototype.converToIndianSystem = /**
+     * @param {?} value
+     * @return {?}
+     */
+    function (value) {
+        /** @type {?} */
+        var numStr = value.toString();
+        var _a = tslib_1.__read(numStr.split('.'), 2), integerPart = _a[0], decimalPart = _a[1];
+        /** @type {?} */
+        var lastThree = integerPart.slice(-3);
+        /** @type {?} */
+        var otherNumbers = integerPart.slice(0, -3);
+        if (otherNumbers !== '') {
+            lastThree = ',' + lastThree;
+        }
+        /** @type {?} */
+        var formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
+        /** @type {?} */
+        var 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?.valueColor\">\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 = function () { return [
+        { type: InsiteDataService }
+    ]; };
+    DataPointsComponent.propDecorators = {
+        objectData: [{ type: Input }],
+        layoutType: [{ type: Input }],
+        fetchDataFromApi: [{ type: Input }],
+        providerId: [{ type: Input }],
+        pageLayout: [{ type: Input }]
+    };
+    return DataPointsComponent;
+}());
+export { DataPointsComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUV4RTtJQWNFLDZCQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQVB2QyxlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLHFCQUFnQixHQUFZLEtBQUssQ0FBQTtRQUNqQyxlQUFVLEdBQVMsRUFBRSxDQUFBO1FBQ3JCLGVBQVUsR0FBUSxFQUFFLENBQUE7UUFDN0IsZ0JBQVcsR0FBWSxFQUFFLENBQUE7UUFDekIsa0JBQWEsR0FBWSxLQUFLLENBQUE7SUFFc0IsQ0FBQzs7OztJQUVyRCxzQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxZQUFZLEVBQUU7WUFDdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQTtTQUNuRTtRQUNELElBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3hCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFBO1lBQ3pCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtTQUNyQjtJQUNILENBQUM7Ozs7O0lBRUQsK0NBQWlCOzs7O0lBQWpCLFVBQWtCLEdBQVU7O1lBQ3BCLElBQUksR0FBWSxFQUFFO1FBQ3hCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMs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eUNBQWdDOztJQUNoQywrQ0FBMEM7O0lBQzFDLHlDQUE4Qjs7SUFDOUIseUNBQTZCOztJQUM3QiwwQ0FBeUI7O0lBQ3pCLDRDQUE4Qjs7SUFFbEIseUNBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYi11aWMtZGF0YS1wb2ludHMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXBvaW50cy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS1wb2ludHMuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRhUG9pbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcclxuICBASW5wdXQoKSBsYXlvdXRUeXBlOiBzdHJpbmcgPSAnJ1xyXG4gIEBJbnB1dCgpIGZldGNoRGF0YUZyb21BcGk6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIEBJbnB1dCgpIHByb3ZpZGVySWQgOiBhbnkgPSAnJ1xyXG4gIEBJbnB1dCgpIHBhZ2VMYXlvdXQ6IGFueSA9ICcnXHJcbiAgY3VzdG9tQXJyYXk6IGFueVtdW10gPSBbXVxyXG4gIGlzRGF0YUxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIFxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpbnNpZ2h0U3ZjOiBJbnNpdGVEYXRhU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMub2JqZWN0RGF0YSAmJiB0aGlzLmxheW91dFR5cGUgPT09ICdncmlkTGF5b3V0Jykge1xyXG4gICAgICB0aGlzLmN1c3RvbUFycmF5ID0gdGhpcy5jcmVhdGVDdXN0b21BcnJheSh0aGlzLm9iamVjdERhdGEubWV0cmljcylcclxuICAgIH1cclxuICAgIGlmKHRoaXMuZmV0Y2hEYXRhRnJvbUFwaSkge1xyXG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSB0cnVlXHJcbiAgICAgIHRoaXMuZ2V0SW5zaXRlRGF0YSgpXHJcbiAgICB9XHJcbiAgfSAgXHJcblxyXG4gIGNyZWF0ZUN1c3RvbUFycmF5KGFycjogYW55W10pOiBhbnlbXVtdIHtcclxuICAgIGNvbnN0IG5CeW46IGFueVtdW10gPSBbXVxyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhcnIubGVuZ3RoOyBpICs9IHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3Bhbikge1xyXG4gICAgICBuQnluLnB1c2goYXJyLnNsaWNlKGksIGkgKyB0aGlzLm9iamVjdERhdGEuZGF0YUNvbFNwYW4pKVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIG5CeW4gICBcclxuICB9XHJcblxyXG4gIGdldEluc2l0ZURhdGEoKXtcclxuICAgIGxldCByZXF1ZXN0OiBhbnkgPSB7fVxyXG4gICAgcmVxdWVzdCAgPSB7XHJcbiAgICAgIFwicmVxdWVzdFwiOiB7XHJcbiAgICAgICAgICBcImZpbHRlcnNcIjoge1xyXG4gICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXHJcbiAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxyXG4gICAgICAgICAgICAgIF1cclxuICAgICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMucGFnZUxheW91dCAmJiB0aGlzLnBhZ2VMYXlvdXQgPT09ICdtZG8nKSB7XHJcbiAgICAgIHJlcXVlc3QgID0ge1xyXG4gICAgICAgIFwicmVxdWVzdFwiOiB7XHJcbiAgICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XHJcbiAgICAgICAgICAgICAgXCJyZXF1ZXN0VHlwZVwiOiBcIk1ET19JTlNJR0hUXCIsXHJcbiAgICAgICAgICAgICAgICBcIm9yZ2FuaXNhdGlvbnNcIjogW1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucHJvdmlkZXJJZFxyXG4gICAgICAgICAgICAgICAgXVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hTZWFyY2hEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xyXG4gICAgICBpZihyZXMgJiYgcmVzLnJlc3VsdCAmJiByZXMucmVzdWx0LnJlc3BvbnNlICYmIHJlcy5yZXN1bHQucmVzcG9uc2UubnVkZ2VzICYmIHJlcy5yZXN1bHQucmVzcG9uc2UubnVkZ2VzLmxlbmd0aCkge1xyXG4gICAgICAgIHJlcy5yZXN1bHQucmVzcG9uc2UubnVkZ2VzLmZvckVhY2goKG51ZGdlRGF0YTogYW55KSA9PiB7XHJcbiAgICAgICAgICBpZih0aGlzLnByb3ZpZGVySWQgJiYgdGhpcy5wcm92aWRlcklkID09PSBudWRnZURhdGEub3JnSWQpIHtcclxuICAgICAgICAgICAgdGhpcy5vYmplY3REYXRhID0gbnVkZ2VEYXRhLmRhdGFcclxuICAgICAgICAgIH1cclxuICAgICAgICB9KVxyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuaXNEYXRhTG9hZGluZyA9IGZhbHNlXHJcbiAgICB9KVxyXG5cclxuICB9XHJcblxyXG4gIGNvbnZlclRvSW5kaWFuU3lzdGVtKHZhbHVlOiBhbnkpIHtcclxuICAgIGxldCBudW1TdHIgPSB2YWx1ZS50b1N0cmluZygpXHJcbiAgICBsZXQgW2ludGVnZXJQYXJ0LCBkZWNpbWFsUGFydF0gPSBudW1TdHIuc3BsaXQoJy4nKVxyXG4gICAgbGV0IGxhc3RUaHJlZSA9IGludGVnZXJQYXJ0LnNsaWNlKC0zKTtcclxuICAgIGxldCBvdGhlck51bWJlcnMgPSBpbnRlZ2VyUGFydC5zbGljZSgwLCAtMyk7XHJcbiAgICBpZiAob3RoZXJOdW1iZXJzICE9PSAnJykge1xyXG4gICAgICBsYXN0VGhyZWUgPSAnLCcgKyBsYXN0VGhyZWU7XHJcbiAgICB9XHJcbiAgICBsZXQgZm9ybWF0dGVkSW50ZWdlclBhcnQgPSBvdGhlck51bWJlcnMucmVwbGFjZSgvXFxCKD89KFxcZHsyfSkrKD8hXFxkKSkvZywgJywnKSArIGxhc3RUaHJlZTtcclxuICAgIGNvbnN0IHJlc3VsdCA9IGRlY2ltYWxQYXJ0ID8gYCR7Zm9ybWF0dGVkSW50ZWdlclBhcnR9LiR7ZGVjaW1hbFBhcnQuc3Vic3RyKDAsMil9YCA6IGZvcm1hdHRlZEludGVnZXJQYXJ0O1xyXG4gICAgcmV0dXJuIHJlc3VsdFxyXG4gIH1cclxufVxyXG4iXX0=

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

@@ -1,27 +1,27 @@
-/**
- * @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';
-var DataPointsModule = /** @class */ (function () {
-    function DataPointsModule() {
-    }
-    DataPointsModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [DataPointsComponent],
-                    imports: [
-                        CommonModule,
-                        SkeletonLoaderLibModule
-                    ],
-                    exports: [DataPointsComponent],
-                    providers: [InsiteDataService]
-                },] }
-    ];
-    return DataPointsModule;
-}());
-export { DataPointsModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBSTVGO0lBQUE7SUFTZ0MsQ0FBQzs7Z0JBVGhDLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsU0FBUyxFQUFDLENBQUMsaUJBQWlCLENBQUM7aUJBQzlCOztJQUMrQix1QkFBQztDQUFBLEFBVGpDLElBU2lDO1NBQXBCLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRGF0YVBvaW50c0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wb2ludHMuY29tcG9uZW50JztcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUgfSBmcm9tICcuLi9za2VsZXRvbi1sb2FkZXItbGliL3NrZWxldG9uLWxvYWRlci1saWIubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RhdGFQb2ludHNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNrZWxldG9uTG9hZGVyTGliTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtEYXRhUG9pbnRzQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOltJbnNpdGVEYXRhU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgRGF0YVBvaW50c01vZHVsZSB7IH1cbiJdfQ==
+/**
+ * @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';
+var DataPointsModule = /** @class */ (function () {
+    function DataPointsModule() {
+    }
+    DataPointsModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [DataPointsComponent],
+                    imports: [
+                        CommonModule,
+                        SkeletonLoaderLibModule
+                    ],
+                    exports: [DataPointsComponent],
+                    providers: [InsiteDataService]
+                },] }
+    ];
+    return DataPointsModule;
+}());
+export { DataPointsModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBSTVGO0lBQUE7SUFTZ0MsQ0FBQzs7Z0JBVGhDLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsU0FBUyxFQUFDLENBQUMsaUJBQWlCLENBQUM7aUJBQzlCOztJQUMrQix1QkFBQztDQUFBLEFBVGpDLElBU2lDO1NBQXBCLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IERhdGFQb2ludHNDb21wb25lbnQgfSBmcm9tICcuL2RhdGEtcG9pbnRzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSB9IGZyb20gJy4uL3NrZWxldG9uLWxvYWRlci1saWIvc2tlbGV0b24tbG9hZGVyLWxpYi5tb2R1bGUnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0RhdGFQb2ludHNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNrZWxldG9uTG9hZGVyTGliTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbRGF0YVBvaW50c0NvbXBvbmVudF0sXHJcbiAgcHJvdmlkZXJzOltJbnNpdGVEYXRhU2VydmljZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFQb2ludHNNb2R1bGUgeyB9XHJcbiJdfQ==