@sunbird-cb/consumption 0.0.57 → 0.0.59

package/esm2015/lib/_common/top-learners/top-learners.component.js

@@ -1,155 +1,155 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Input } from '@angular/core';
-import * as moment_ from 'moment';
-import { InsiteDataService } from '../../_services/insite-data.service';
-/** @type {?} */
-const moment = moment_;
-export class TopLearnersComponent {
-    /**
-     * @param {?} insightSvc
-     */
-    constructor(insightSvc) {
-        this.insightSvc = insightSvc;
-        this.loading = false;
-        this.month = '';
-        this.results = [];
-        this.colors = [
-            '#EB7181',
-            '#306933',
-            '#000000',
-            '#3670B2',
-            '#4E9E87',
-            '#7E4C8D',
-            '#EB7181',
-            '#306933',
-            '#000000',
-            '#3670B2',
-        ];
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.getData();
-        this.month = new Date().toLocaleString('default', { month: 'long' });
-    }
-    /**
-     * @return {?}
-     */
-    getData() {
-        this.loading = true;
-        this.insightSvc.fetchLearner().subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => {
-            if (res && res.result && res.result.result && res.result.result.length) {
-                this.results = res.result.result;
-                this.month = moment().month(Number(res.result.result[0].month) - 1).format('MMMM');
-            }
-            this.loading = false;
-        }), (/**
-         * @param {?} _error
-         * @return {?}
-         */
-        (_error) => {
-            // tslint:disable-next-line: align
-            this.loading = false;
-        }));
-    }
-    /**
-     * @param {?} rank
-     * @return {?}
-     */
-    getRank(rank) {
-        if (rank === 1) {
-            return "1st";
-        }
-        if (rank === 2) {
-            return "2nd";
-        }
-        if (rank === 3) {
-            return "3rd";
-        }
-        else {
-            return `${rank}th`;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    getColor() {
-        /** @type {?} */
-        let circleColor = '';
-        /** @type {?} */
-        const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
-        circleColor = this.colors[randomIndex];
-        return circleColor;
-    }
-    /**
-     * @param {?} name
-     * @return {?}
-     */
-    createInititals(name) {
-        /** @type {?} */
-        let initials = '';
-        /** @type {?} */
-        const array = name.toString().split(' ');
-        if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
-            initials += array[0].charAt(0);
-            initials += array[1].charAt(0);
-        }
-        else {
-            for (let i = 0; i < name.length; i += 1) {
-                if (name.charAt(i) === ' ') {
-                    continue;
-                }
-                if (name.charAt(i) === name.charAt(i)) {
-                    initials += name.charAt(i);
-                    if (initials.length === 2) {
-                        break;
-                    }
-                }
-            }
-        }
-        return initials.toUpperCase();
-    }
-}
-TopLearnersComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sb-uic-top-learners',
-                template: "<div class=\"flex flex-center\">\n    <div>\n        <div class=\"title-border\"></div>\n        <div class=\"title\" [style.color]=\"objectData?.titleFontColor\">{{objectData?.title}} ({{month}})</div>\n        <div class=\"title-border\"></div>\n    </div>    \n</div>\n<div class=\"top-learners-container\" *ngIf=\"!loading && results.length\">\n    <div class=\"w-full margin-bottom-l margin-top-l\">\n        <div class=\"flex gap-3\">\n            <div *ngFor=\"let obj of results; let i=index\" class=\"flex-container\">\n                <div class=\"flex-item user-box\">\n                    <div class=\"flex gap-3 img-name-sec\">\n                        <div class=\"flex gap-3\">\n                            <div class=\"profile-pic\" *ngIf=\"obj?.profile_image\">\n                                <img [src]=\"obj?.profile_image\" class=\"user-image\"/>\n                            </div>\n                            <div class=\"initial\" *ngIf=\"!obj?.profile_image\"\n                                [style.backgroundColor]=\"colors[i]\">\n                                {{createInititals(obj?.fullname)}}\n                            </div>\n                            <div class=\"flex flex-col gap-1\">\n                                <div class=\"name-sec\">{{obj?.fullname}}</div>\n                                <div class=\"designation-sec\">{{obj?.designation}}</div>\n                                <div class=\"designation-sec\">{{channnelName}}</div>\n                            </div>\n                        </div>\n                        <div class=\"flex gap-3\">                                                       \n                            <div class=\"rank-sec\">{{getRank(+obj?.rank)}}</div>\n                        </div>                        \n                    </div>\n                    <div class=\"flex gap-2 kp-section\">\n                        <div class=\"kp-icon\"><img [src]=\"objectData?.kpIcon\" class=\"kp-image\"/></div>\n                        <div class=\"points\">{{obj?.total_points || 0}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class=\"top-learners-container\" *ngIf=\"!loading && results.length === 0\">\n    <div class=\"margin-top-l noData\">\n        No data\n    </div>\n</div>\n\n<ng-container>\n    <div class=\"top-learners-container\" *ngIf=\"loading\">\n        <div class=\"w-full margin-bottom-l margin-top-l\">\n            <div class=\"flex gap-3\">\n                <div *ngFor=\"let obj of [1,2,3]\" class=\"flex-container\">\n                    <div class=\"flex-item user-box\">\n                        <div class=\"flex gap-3 img-name-sec\">\n                            <div class=\"flex gap-3\">\n                                <div class=\"profile-pic\">\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'44px'\"\n                        [height]=\"'44px'\"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"name-sec\">\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\n                                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class=\"designation-sec\">\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\n                                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class=\"designation-sec\">\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\n                                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"flex gap-3\">                                                       \n                                <div class=\"rank-sec\">\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'44px'\"\n                                        [height]=\"'44px'\"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>                        \n                        </div>\n                        <div class=\"flex gap-2 kp-section\">\n                            <div class=\"kp-icon\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader>   \n                            </div>\n                            <div class=\"points\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n                                        [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>",
-                styles: [".title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:15px}.title-border{margin:10px;width:240px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.noData{border:1px solid #1b4ca1;padding:15px;display:flex;justify-content:center;border-radius:12px}.top-learners-container{overflow:auto}::-webkit-scrollbar{height:10px!important}::-webkit-scrollbar-track{background:#eff3f9!important}.user-box{width:360px;height:134px;border-radius:8px;background-color:#fff;padding:16px;position:relative}.flex-container{display:flex}.flex-item{flex:0 0 auto;white-space:nowrap}.img-name-sec{justify-content:space-between}.initial{width:44px;height:44px;border-radius:50%;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff}.user-image{width:44px;height:44px;border-radius:50%}.name-sec{font-family:Lato;font-size:16px;font-weight:700;line-height:19.2px;text-align:left;width:200px!important;overflow:hidden;text-overflow:ellipsis}.designation-sec{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6;width:200px!important;overflow:hidden;text-overflow:ellipsis}.rank-sec{font-family:Montserrat;font-size:36px;font-weight:700;line-height:43.88px;text-align:left;color:#ef951e}.kp-section{justify-content:flex-end;position:absolute;right:18px;bottom:16px;align-items:center}.kp-image{width:32px;height:32px;padding-top:3px}.points{font-family:Lato;font-size:24px;font-weight:700;line-height:28.8px;text-align:left;color:#1b4ca1;padding-bottom:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(204,204,204,.8);border-radius:10px}@media screen and (max-width:768px){.user-box{width:343px}}"]
-            }] }
-];
-/** @nocollapse */
-TopLearnersComponent.ctorParameters = () => [
-    { type: InsiteDataService }
-];
-TopLearnersComponent.propDecorators = {
-    objectData: [{ type: Input }],
-    channelId: [{ type: Input }],
-    channnelName: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    TopLearnersComponent.prototype.objectData;
-    /** @type {?} */
-    TopLearnersComponent.prototype.channelId;
-    /** @type {?} */
-    TopLearnersComponent.prototype.channnelName;
-    /** @type {?} */
-    TopLearnersComponent.prototype.loading;
-    /** @type {?} */
-    TopLearnersComponent.prototype.month;
-    /** @type {?} */
-    TopLearnersComponent.prototype.results;
-    /** @type {?} */
-    TopLearnersComponent.prototype.colors;
-    /** @type {?} */
-    TopLearnersComponent.prototype.insightSvc;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWxlYXJuZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vdG9wLWxlYXJuZXJzL3RvcC1sZWFybmVycy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztNQUNsRSxNQUFNLEdBQUcsT0FBTztBQU10QixNQUFNLE9BQU8sb0JBQW9COzs7O0lBc0IvQixZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQWpCaEQsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVcsRUFBRSxDQUFBO1FBQ2xCLFlBQU8sR0FBUSxFQUFFLENBQUE7UUFFakIsV0FBTSxHQUFRO1lBQ1osU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztTQUNWLENBQUE7SUFFb0QsQ0FBQzs7OztJQUV0RCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFBO1FBQ2QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQTtJQUN0RSxDQUFDOzs7O0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFBO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUzs7OztRQUFDLENBQUMsR0FBUSxFQUFDLEVB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QVN2QixLQUFLO3dCQUNMLEtBQUs7MkJBQ0wsS0FBSzs7OztJQUZOLDBDQUF3Qjs7SUFDeEIseUNBQXVCOztJQUN2Qiw0Q0FBMEI7O0lBQzFCLHVDQUF3Qjs7SUFDeEIscUNBQWtCOztJQUNsQix1Q0FBaUI7O0lBRWpCLHNDQVdDOztJQUVXLDBDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgbW9tZW50XyBmcm9tICdtb21lbnQnO1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XG5jb25zdCBtb21lbnQgPSBtb21lbnRfO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLXRvcC1sZWFybmVycycsXG4gIHRlbXBsYXRlVXJsOiAnLi90b3AtbGVhcm5lcnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b3AtbGVhcm5lcnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUb3BMZWFybmVyc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGNoYW5uZWxJZDogYW55XG4gIEBJbnB1dCgpIGNoYW5ubmVsTmFtZTogYW55XG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxuICBtb250aDogc3RyaW5nID0gJydcbiAgcmVzdWx0czogYW55ID0gW11cblxuICBjb2xvcnM6IGFueSA9IFtcbiAgICAnI0VCNzE4MScsIC8vIHJlZFxuICAgICcjMzA2OTMzJywgLy8gZ3JlZW5cbiAgICAnIzAwMDAwMCcsIC8vIGJsYWNrXG4gICAgJyMzNjcwQjInLCAvLyBibHVlXG4gICAgJyM0RTlFODcnLFxuICAgICcjN0U0QzhEJyxcbiAgICAnI0VCNzE4MScsIC8vIHJlZFxuICAgICcjMzA2OTMzJywgLy8gZ3JlZW5cbiAgICAnIzAwMDAwMCcsIC8vIGJsYWNrXG4gICAgJyMzNjcwQjInLCAvLyBibHVlXG4gIF1cblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW5zaWdodFN2YzogSW5zaXRlRGF0YVNlcnZpY2UsKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmdldERhdGEoKVxuICAgIHRoaXMubW9udGggPSBuZXcgRGF0ZSgpLnRvTG9jYWxlU3RyaW5nKCdkZWZhdWx0JywgeyBtb250aDogJ2xvbmcnIH0pXG4gIH1cblxuICBnZXREYXRhKCkge1xuICAgIHRoaXMubG9hZGluZyA9IHRydWVcbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hMZWFybmVyKCkuc3Vic2NyaWJlKChyZXM6IGFueSk9PiB7XG4gICAgICBpZiAocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXN1bHQubGVuZ3RoKSB7XG4gICAgICAgIHRoaXMucmVzdWx0cyA9ICByZXMucmVzdWx0LnJlc3VsdFxuICAgICAgICB0aGlzLm1vbnRoID0gbW9tZW50KCkubW9udGgoTnVtYmVyKHJlcy5yZXN1bHQucmVzdWx0WzBdLm1vbnRoKSAtIDEpLmZvcm1hdCgnTU1NTScpXG4gICAgICB9XG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZVxuICAgIH0sIChfZXJyb3I6IGFueSkgPT4ge1xuICAgICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBhbGlnblxuICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2VcbiAgICB9KVxuICB9XG5cbiAgZ2V0UmFuayhyYW5rOiBudW1iZXIpIHtcbiAgICBpZiAocmFuayA9PT0gMSkge1xuICAgICAgcmV0dXJuIFwiMXN0XCJcbiAgICB9IFxuICAgIGlmIChyYW5rID09PSAyKSB7XG4gICAgICByZXR1cm4gXCIybmRcIlxuICAgIH0gXG4gICAgaWYgKHJhbmsgPT09IDMpIHtcbiAgICAgIHJldHVybiBcIjNyZFwiXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBgJHtyYW5rfXRoYFxuICAgIH0gICAgXG4gIH1cblxuICBnZXRDb2xvcigpIHtcbiAgICBsZXQgY2lyY2xlQ29sb3IgPSAnJ1xuICAgIGNvbnN0IHJhbmRvbUluZGV4ID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogTWF0aC5mbG9vcih0aGlzLmNvbG9ycy5sZW5ndGgpKVxuICAgIGNpcmNsZUNvbG9yID0gdGhpcy5jb2xvcnNbcmFuZG9tSW5kZXhdXG4gICAgcmV0dXJuIGNpcmNsZUNvbG9yXG4gIH1cblxuICBjcmVhdGVJbml0aXRhbHMobmFtZTogc3RyaW5nKSB7XG4gICAgbGV0IGluaXRpYWxzID0gJydcbiAgICBjb25zdCBhcnJheSA9IG5hbWUudG9TdHJpbmcoKS5zcGxpdCgnICcpXG4gICAgaWYgKGFycmF5WzBdICE9PSAndW5kZWZpbmVkJyAmJiB0eXBlb2YgYXJyYXlbMV0gIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICBpbml0aWFscyArPSBhcnJheVswXS5jaGFyQXQoMClcbiAgICAgIGluaXRpYWxzICs9IGFycmF5WzFdLmNoYXJBdCgwKVxuICAgIH0gZWxzZSB7XG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IG5hbWUubGVuZ3RoOyBpICs9IDEpIHtcbiAgICAgICAgaWYgKG5hbWUuY2hhckF0KGkpID09PSAnICcpIHtcbiAgICAgICAgICBjb250aW51ZVxuICAgICAgICB9XG4gICAgICAgIGlmIChuYW1lLmNoYXJBdChpKSA9PT0gbmFtZS5jaGFyQXQoaSkpIHtcbiAgICAgICAgICBpbml0aWFscyArPSBuYW1lLmNoYXJBdChpKVxuXG4gICAgICAgICAgaWYgKGluaXRpYWxzLmxlbmd0aCA9PT0gMikge1xuICAgICAgICAgICAgYnJlYWtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGluaXRpYWxzLnRvVXBwZXJDYXNlKClcbiAgfVxuXG59XG4iXX0=
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import * as moment_ from 'moment';
+import { InsiteDataService } from '../../_services/insite-data.service';
+/** @type {?} */
+const moment = moment_;
+export class TopLearnersComponent {
+    /**
+     * @param {?} insightSvc
+     */
+    constructor(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.loading = false;
+        this.month = '';
+        this.results = [];
+        this.colors = [
+            '#EB7181',
+            '#306933',
+            '#000000',
+            '#3670B2',
+            '#4E9E87',
+            '#7E4C8D',
+            '#EB7181',
+            '#306933',
+            '#000000',
+            '#3670B2',
+        ];
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.getData();
+        this.month = new Date().toLocaleString('default', { month: 'long' });
+    }
+    /**
+     * @return {?}
+     */
+    getData() {
+        this.loading = true;
+        this.insightSvc.fetchLearner().subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => {
+            if (res && res.result && res.result.result && res.result.result.length) {
+                this.results = res.result.result;
+                this.month = moment().month(Number(res.result.result[0].month) - 1).format('MMMM');
+            }
+            this.loading = false;
+        }), (/**
+         * @param {?} _error
+         * @return {?}
+         */
+        (_error) => {
+            // tslint:disable-next-line: align
+            this.loading = false;
+        }));
+    }
+    /**
+     * @param {?} rank
+     * @return {?}
+     */
+    getRank(rank) {
+        if (rank === 1) {
+            return "1st";
+        }
+        if (rank === 2) {
+            return "2nd";
+        }
+        if (rank === 3) {
+            return "3rd";
+        }
+        else {
+            return `${rank}th`;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    getColor() {
+        /** @type {?} */
+        let circleColor = '';
+        /** @type {?} */
+        const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
+        circleColor = this.colors[randomIndex];
+        return circleColor;
+    }
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    createInititals(name) {
+        /** @type {?} */
+        let initials = '';
+        /** @type {?} */
+        const array = name.toString().split(' ');
+        if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
+            initials += array[0].charAt(0);
+            initials += array[1].charAt(0);
+        }
+        else {
+            for (let i = 0; i < name.length; i += 1) {
+                if (name.charAt(i) === ' ') {
+                    continue;
+                }
+                if (name.charAt(i) === name.charAt(i)) {
+                    initials += name.charAt(i);
+                    if (initials.length === 2) {
+                        break;
+                    }
+                }
+            }
+        }
+        return initials.toUpperCase();
+    }
+}
+TopLearnersComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-top-learners',
+                template: "<div class=\"flex flex-center\">\r\n    <div>\r\n        <div class=\"title-border\"></div>\r\n        <div class=\"title\" [style.color]=\"objectData?.titleFontColor\">{{objectData?.title}} ({{month}})</div>\r\n        <div class=\"title-border\"></div>\r\n    </div>    \r\n</div>\r\n<div class=\"top-learners-container\" *ngIf=\"!loading && results.length\">\r\n    <div class=\"w-full margin-bottom-l margin-top-l\">\r\n        <div class=\"flex gap-3\">\r\n            <div *ngFor=\"let obj of results; let i=index\" class=\"flex-container\">\r\n                <div class=\"flex-item user-box\">\r\n                    <div class=\"flex gap-3 img-name-sec\">\r\n                        <div class=\"flex gap-3\">\r\n                            <div class=\"profile-pic\" *ngIf=\"obj?.profile_image\">\r\n                                <img [src]=\"obj?.profile_image\" class=\"user-image\"/>\r\n                            </div>\r\n                            <div class=\"initial\" *ngIf=\"!obj?.profile_image\"\r\n                                [style.backgroundColor]=\"colors[i]\"\r\n                                >\r\n                                {{createInititals(obj?.fullname)}}\r\n                            </div>\r\n                            <div class=\"flex flex-col gap-1\">\r\n                                <div class=\"name-sec\" *ngIf=\"obj?.fullname?.length >= 24\"\r\n                                    #tooltip=\"matTooltip\"\r\n                                    [matTooltipClass]=\"'below'\"\r\n                                    matTooltip=\"{{obj?.fullname}}\"\r\n                                    [matTooltipPosition]=\"'below'\">\r\n                                        {{obj?.fullname}}\r\n                                </div>\r\n                                <div class=\"name-sec\" *ngIf=\"obj?.fullname?.length < 24\">\r\n                                    {{obj?.fullname}}\r\n                                </div>\r\n                                <div class=\"designation-sec\" *ngIf=\"obj?.fullname?.length >= 32\"\r\n                                    #tooltip=\"matTooltip\"\r\n                                    [matTooltipClass]=\"'below'\"\r\n                                    matTooltip=\"{{obj?.designation}}\"\r\n                                    [matTooltipPosition]=\"'below'\">\r\n                                        {{obj?.designation}}\r\n                                </div>\r\n                                <div class=\"designation-sec\"  *ngIf=\"obj?.designation?.length < 32\">{{obj?.designation}}</div>\r\n                                <div class=\"designation-sec\" *ngIf=\"obj?.org_name?.length >= 32\"\r\n                                    #tooltip=\"matTooltip\"\r\n                                    [matTooltipClass]=\"'below'\"\r\n                                    matTooltip=\"{{obj?.org_name}}\"\r\n                                    [matTooltipPosition]=\"'below'\">\r\n                                        {{obj?.org_name}}\r\n                                </div>\r\n                                <div class=\"designation-sec\" *ngIf=\"obj?.org_name?.length < 32\">{{obj?.org_name}}</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"flex gap-3\">                                                       \r\n                            <div class=\"rank-sec\">{{getRank(+obj?.row_num)}}</div>\r\n                        </div>                        \r\n                    </div>\r\n                    <div class=\"flex gap-2 kp-section\">\r\n                        <div class=\"kp-icon\"><img [src]=\"objectData?.kpIcon\" class=\"kp-image\"/></div>\r\n                        <div class=\"points\">{{obj?.total_points || 0}}</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=\"top-learners-container\" *ngIf=\"!loading && results.length === 0\">\r\n    <div class=\"margin-top-l noData\">\r\n        No data\r\n    </div>\r\n</div>\r\n\r\n<ng-container>\r\n    <div class=\"top-learners-container\" *ngIf=\"loading\">\r\n        <div class=\"w-full margin-bottom-l margin-top-l\">\r\n            <div class=\"flex gap-3\">\r\n                <div *ngFor=\"let obj of [1,2,3]\" class=\"flex-container\">\r\n                    <div class=\"flex-item user-box\">\r\n                        <div class=\"flex gap-3 img-name-sec\">\r\n                            <div class=\"flex gap-3\">\r\n                                <div class=\"profile-pic\">\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'44px'\"\r\n                        [height]=\"'44px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class=\"flex flex-col gap-1\">\r\n                                    <div class=\"name-sec\">\r\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\r\n                                        [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                    <div class=\"designation-sec\">\r\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\r\n                                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                    <div class=\"designation-sec\">\r\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\r\n                                        [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"flex gap-3\">                                                       \r\n                                <div class=\"rank-sec\">\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'44px'\"\r\n                                        [height]=\"'44px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>                        \r\n                        </div>\r\n                        <div class=\"flex gap-2 kp-section\">\r\n                            <div class=\"kp-icon\">\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 class=\"points\">\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                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>",
+                styles: [".title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:15px}.title-border{margin:10px;width:240px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.noData{border:1px solid #1b4ca1;padding:15px;display:flex;justify-content:center;border-radius:12px}.top-learners-container{overflow:auto}::-webkit-scrollbar{height:10px!important}::-webkit-scrollbar-track{background:#eff3f9!important}.user-box{width:360px;height:134px;border-radius:8px;background-color:#fff;padding:16px;position:relative}.flex-container{display:flex}.flex-item{flex:0 0 auto;white-space:nowrap}.img-name-sec{justify-content:space-between}.initial{width:44px;height:44px;border-radius:50%;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff}.user-image{width:44px;height:44px;border-radius:50%}.name-sec{font-family:Lato;font-size:16px;font-weight:700;line-height:19.2px;text-align:left;width:200px!important;overflow:hidden;text-overflow:ellipsis}.designation-sec{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6;width:200px!important;overflow:hidden;text-overflow:ellipsis}.rank-sec{font-family:Montserrat;font-size:36px;font-weight:700;line-height:43.88px;text-align:left;color:#ef951e}.kp-section{justify-content:flex-end;position:absolute;right:18px;bottom:16px;align-items:center}.kp-image{width:32px;height:32px;padding-top:3px}.points{font-family:Lato;font-size:24px;font-weight:700;line-height:28.8px;text-align:left;color:#1b4ca1;padding-bottom:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(204,204,204,.8);border-radius:10px}@media screen and (max-width:768px){.user-box{width:343px}}"]
+            }] }
+];
+/** @nocollapse */
+TopLearnersComponent.ctorParameters = () => [
+    { type: InsiteDataService }
+];
+TopLearnersComponent.propDecorators = {
+    objectData: [{ type: Input }],
+    channelId: [{ type: Input }],
+    channnelName: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    TopLearnersComponent.prototype.objectData;
+    /** @type {?} */
+    TopLearnersComponent.prototype.channelId;
+    /** @type {?} */
+    TopLearnersComponent.prototype.channnelName;
+    /** @type {?} */
+    TopLearnersComponent.prototype.loading;
+    /** @type {?} */
+    TopLearnersComponent.prototype.month;
+    /** @type {?} */
+    TopLearnersComponent.prototype.results;
+    /** @type {?} */
+    TopLearnersComponent.prototype.colors;
+    /** @type {?} */
+    TopLearnersComponent.prototype.insightSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWxlYXJuZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vdG9wLWxlYXJuZXJzL3RvcC1sZWFybmVycy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztNQUNsRSxNQUFNLEdBQUcsT0FBTztBQU10QixNQUFNLE9BQU8sb0JBQW9COzs7O0lBc0IvQixZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQWpCaEQsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVcsRUFBRSxDQUFBO1FBQ2xCLFlBQU8sR0FBUSxFQUFFLENBQUE7UUFFakIsV0FBTSxHQUFRO1lBQ1osU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztTQUNWLENBQUE7SUFFb0QsQ0FBQzs7OztJQUV0RCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFBO1FBQ2QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQTtJQUN0RSxDQUFDOzs7O0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFBO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUzs7OztRQUFDLENBQUMsR0FBUSxFQUFDLEVB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QVN2QixLQUFLO3dCQUNMLEtBQUs7MkJBQ0wsS0FBSzs7OztJQUZOLDBDQUF3Qjs7SUFDeEIseUNBQXVCOztJQUN2Qiw0Q0FBMEI7O0lBQzFCLHVDQUF3Qjs7SUFDeEIscUNBQWtCOztJQUNsQix1Q0FBaUI7O0lBRWpCLHNDQVdDOztJQUVXLDBDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyBtb21lbnRfIGZyb20gJ21vbWVudCc7XHJcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xyXG5jb25zdCBtb21lbnQgPSBtb21lbnRfO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NiLXVpYy10b3AtbGVhcm5lcnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b3AtbGVhcm5lcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvcC1sZWFybmVycy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb3BMZWFybmVyc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIG9iamVjdERhdGE6IGFueVxyXG4gIEBJbnB1dCgpIGNoYW5uZWxJZDogYW55XHJcbiAgQElucHV0KCkgY2hhbm5uZWxOYW1lOiBhbnlcclxuICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2VcclxuICBtb250aDogc3RyaW5nID0gJydcclxuICByZXN1bHRzOiBhbnkgPSBbXVxyXG5cclxuICBjb2xvcnM6IGFueSA9IFtcclxuICAgICcjRUI3MTgxJywgLy8gcmVkXHJcbiAgICAnIzMwNjkzMycsIC8vIGdyZWVuXHJcbiAgICAnIzAwMDAwMCcsIC8vIGJsYWNrXHJcbiAgICAnIzM2NzBCMicsIC8vIGJsdWVcclxuICAgICcjNEU5RTg3JyxcclxuICAgICcjN0U0QzhEJyxcclxuICAgICcjRUI3MTgxJywgLy8gcmVkXHJcbiAgICAnIzMwNjkzMycsIC8vIGdyZWVuXHJcbiAgICAnIzAwMDAwMCcsIC8vIGJsYWNrXHJcbiAgICAnIzM2NzBCMicsIC8vIGJsdWVcclxuICBdXHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpbnNpZ2h0U3ZjOiBJbnNpdGVEYXRhU2VydmljZSwpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZ2V0RGF0YSgpXHJcbiAgICB0aGlzLm1vbnRoID0gbmV3IERhdGUoKS50b0xvY2FsZVN0cmluZygnZGVmYXVsdCcsIHsgbW9udGg6ICdsb25nJyB9KVxyXG4gIH1cclxuXHJcbiAgZ2V0RGF0YSgpIHtcclxuICAgIHRoaXMubG9hZGluZyA9IHRydWVcclxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaExlYXJuZXIoKS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcclxuICAgICAgaWYgKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQucmVzdWx0ICYmIHJlcy5yZXN1bHQucmVzdWx0Lmxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMucmVzdWx0cyA9ICByZXMucmVzdWx0LnJlc3VsdFxyXG4gICAgICAgIHRoaXMubW9udGggPSBtb21lbnQoKS5tb250aChOdW1iZXIocmVzLnJlc3VsdC5yZXN1bHRbMF0ubW9udGgpIC0gMSkuZm9ybWF0KCdNTU1NJylcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZVxyXG4gICAgfSwgKF9lcnJvcjogYW55KSA9PiB7XHJcbiAgICAgIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogYWxpZ25cclxuICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2VcclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBnZXRSYW5rKHJhbms6IG51bWJlcikge1xyXG4gICAgaWYgKHJhbmsgPT09IDEpIHtcclxuICAgICAgcmV0dXJuIFwiMXN0XCJcclxuICAgIH0gXHJcbiAgICBpZiAocmFuayA9PT0gMikge1xyXG4gICAgICByZXR1cm4gXCIybmRcIlxyXG4gICAgfSBcclxuICAgIGlmIChyYW5rID09PSAzKSB7XHJcbiAgICAgIHJldHVybiBcIjNyZFwiXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gYCR7cmFua310aGBcclxuICAgIH0gICAgXHJcbiAgfVxyXG5cclxuICBnZXRDb2xvcigpIHtcclxuICAgIGxldCBjaXJjbGVDb2xvciA9ICcnXHJcbiAgICBjb25zdCByYW5kb21JbmRleCA9IE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIE1hdGguZmxvb3IodGhpcy5jb2xvcnMubGVuZ3RoKSlcclxuICAgIGNpcmNsZUNvbG9yID0gdGhpcy5jb2xvcnNbcmFuZG9tSW5kZXhdXHJcbiAgICByZXR1cm4gY2lyY2xlQ29sb3JcclxuICB9XHJcblxyXG4gIGNyZWF0ZUluaXRpdGFscyhuYW1lOiBzdHJpbmcpIHtcclxuICAgIGxldCBpbml0aWFscyA9ICcnXHJcbiAgICBjb25zdCBhcnJheSA9IG5hbWUudG9TdHJpbmcoKS5zcGxpdCgnICcpXHJcbiAgICBpZiAoYXJyYXlbMF0gIT09ICd1bmRlZmluZWQnICYmIHR5cGVvZiBhcnJheVsxXSAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgICAgaW5pdGlhbHMgKz0gYXJyYXlbMF0uY2hhckF0KDApXHJcbiAgICAgIGluaXRpYWxzICs9IGFycmF5WzFdLmNoYXJBdCgwKVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBuYW1lLmxlbmd0aDsgaSArPSAxKSB7XHJcbiAgICAgICAgaWYgKG5hbWUuY2hhckF0KGkpID09PSAnICcpIHtcclxuICAgICAgICAgIGNvbnRpbnVlXHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChuYW1lLmNoYXJBdChpKSA9PT0gbmFtZS5jaGFyQXQoaSkpIHtcclxuICAgICAgICAgIGluaXRpYWxzICs9IG5hbWUuY2hhckF0KGkpXHJcblxyXG4gICAgICAgICAgaWYgKGluaXRpYWxzLmxlbmd0aCA9PT0gMikge1xyXG4gICAgICAgICAgICBicmVha1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIGluaXRpYWxzLnRvVXBwZXJDYXNlKClcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/_common/top-learners/top-learners.module.js

@@ -1,21 +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 { TopLearnersComponent } from './top-learners.component';
-import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
-export class TopLearnersModule {
-}
-TopLearnersModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [TopLearnersComponent],
-                imports: [
-                    CommonModule,
-                    SkeletonLoaderLibModule
-                ],
-                exports: [TopLearnersComponent],
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWxlYXJuZXJzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vdG9wLWxlYXJuZXJzL3RvcC1sZWFybmVycy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBVTVGLE1BQU0sT0FBTyxpQkFBaUI7OztZQVI3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ3BDLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7YUFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRvcExlYXJuZXJzQ29tcG9uZW50IH0gZnJvbSAnLi90b3AtbGVhcm5lcnMuY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyTGliTW9kdWxlIH0gZnJvbSAnLi4vc2tlbGV0b24tbG9hZGVyLWxpYi9za2VsZXRvbi1sb2FkZXItbGliLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RvcExlYXJuZXJzQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbVG9wTGVhcm5lcnNDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUb3BMZWFybmVyc01vZHVsZSB7IH0iXX0=
+/**
+ * @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 { TopLearnersComponent } from './top-learners.component';
+import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+import { MatTooltipModule } from '@angular/material';
+export class TopLearnersModule {
+}
+TopLearnersModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [TopLearnersComponent],
+                imports: [
+                    CommonModule,
+                    SkeletonLoaderLibModule,
+                    MatTooltipModule
+                ],
+                exports: [TopLearnersComponent],
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWxlYXJuZXJzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vdG9wLWxlYXJuZXJzL3RvcC1sZWFybmVycy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBV3JELE1BQU0sT0FBTyxpQkFBaUI7OztZQVQ3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ3BDLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtvQkFDdkIsZ0JBQWdCO2lCQUNqQjtnQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQzthQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFRvcExlYXJuZXJzQ29tcG9uZW50IH0gZnJvbSAnLi90b3AtbGVhcm5lcnMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUgfSBmcm9tICcuLi9za2VsZXRvbi1sb2FkZXItbGliL3NrZWxldG9uLWxvYWRlci1saWIubW9kdWxlJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbVG9wTGVhcm5lcnNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNrZWxldG9uTG9hZGVyTGliTW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1RvcExlYXJuZXJzQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvcExlYXJuZXJzTW9kdWxlIHsgfSJdfQ==