@sunbird-cb/consumption 0.0.99 → 0.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@
2
2
  * @fileoverview added by tsickle
3
3
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
4
  */
5
- import { Component, EventEmitter, Input, Output } from '@angular/core';
5
+ import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
6
6
  import { InsiteDataService } from '../../_services/insite-data.service';
7
7
  export class MdoLeaderboardComponent {
8
8
  /**
@@ -14,6 +14,8 @@ export class MdoLeaderboardComponent {
14
14
  this.result = [];
15
15
  this.searchTerm = '';
16
16
  this.expand = true;
17
+ this.disableLeft = true;
18
+ this.disableRight = false;
17
19
  this.tabClicked = new EventEmitter();
18
20
  }
19
21
  /**
@@ -153,12 +155,34 @@ export class MdoLeaderboardComponent {
153
155
  toggleWeekHightlits() {
154
156
  this.expand = !this.expand;
155
157
  }
158
+ /**
159
+ * @return {?}
160
+ */
161
+ scrollToRight() {
162
+ this.scrollableContent.nativeElement.scrollBy({
163
+ left: 200,
164
+ behavior: 'smooth'
165
+ });
166
+ this.disableLeft = false;
167
+ this.disableRight = true;
168
+ }
169
+ /**
170
+ * @return {?}
171
+ */
172
+ scrollToLeft() {
173
+ this.scrollableContent.nativeElement.scrollBy({
174
+ left: -200,
175
+ behavior: 'smooth'
176
+ });
177
+ this.disableLeft = true;
178
+ this.disableRight = false;
179
+ }
156
180
  }
157
181
  MdoLeaderboardComponent.decorators = [
158
182
  { type: Component, args: [{
159
183
  selector: 'sb-uic-mdo-leaderboard',
160
- template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
161
- styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
184
+ template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"flex gap-1\">\n <mat-icon class=\"material-icons left-icon cursor-pointer {{disableLeft ? 'disableArrow': ''}}\" (click)=\"scrollToLeft()\" >chevron_left</mat-icon>\n <div #scrollableContent class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">> 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">< 500</span>\n </div>\n <mat-icon class=\"material-icons icon-right cursor-pointer {{disableRight ? 'disableArrow': ''}}\" (click)=\"scrollToRight()\">chevron_right</mat-icon>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
185
+ styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block;overflow:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}.disableArrow{cursor:default;opacity:.4}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
162
186
  }] }
163
187
  ];
164
188
  /** @nocollapse */
@@ -167,7 +191,8 @@ MdoLeaderboardComponent.ctorParameters = () => [
167
191
  ];
168
192
  MdoLeaderboardComponent.propDecorators = {
169
193
  object: [{ type: Input }],
170
- tabClicked: [{ type: Output }]
194
+ tabClicked: [{ type: Output }],
195
+ scrollableContent: [{ type: ViewChild, args: ['scrollableContent', { static: false },] }]
171
196
  };
172
197
  if (false) {
173
198
  /** @type {?} */
@@ -181,13 +206,19 @@ if (false) {
181
206
  /** @type {?} */
182
207
  MdoLeaderboardComponent.prototype.expand;
183
208
  /** @type {?} */
209
+ MdoLeaderboardComponent.prototype.disableLeft;
210
+ /** @type {?} */
211
+ MdoLeaderboardComponent.prototype.disableRight;
212
+ /** @type {?} */
184
213
  MdoLeaderboardComponent.prototype.object;
185
214
  /** @type {?} */
186
215
  MdoLeaderboardComponent.prototype.tabClicked;
216
+ /** @type {?} */
217
+ MdoLeaderboardComponent.prototype.scrollableContent;
187
218
  /**
188
219
  * @type {?}
189
220
  * @private
190
221
  */
191
222
  MdoLeaderboardComponent.prototype.insiteDataService;
192
223
  }
193
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vbWRvLWxlYWRlcmJvYXJkL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFPeEUsTUFBTSxPQUFPLHVCQUF1Qjs7OztJQVVsQyxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVJ4RCxlQUFVLEdBQVEsSUFBSSxDQUFBO1FBQ3RCLFdBQU0sR0FBUSxFQUFFLENBQUE7UUFFaEIsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixXQUFNLEdBQVksSUFBSSxDQUFBO1FBR1osZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7SUFDYyxDQUFDOzs7O0lBRTdELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDaEIsQ0FBQzs7OztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxTQUFTOzs7O1FBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUM3RCxJQUFJLEdBQUcsSUFBSSxHQUFHLENBQUMsTUFBTSxFQUFFO2dCQUNuQixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUE7Z0JBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjO3FCQUN6QyxNQUFNOzs7O2dCQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFD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LEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUE7U0FDM0Q7YUFBTTtZQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjO2lCQUN6QyxNQUFNOzs7O1lBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUM7aUJBQzdDLEdBQUc7Ozs7WUFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLG1CQUFNLElBQUksSUFBRSxRQUFRLEVBQUUsRUFBRSxJQUFFLEVBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBO1NBQzNEO0lBQ0gsQ0FBQzs7OztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUM1QixDQUFDOzs7WUEzRkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLHdrSEFBK0M7O2FBRWhEOzs7O1lBTlEsaUJBQWlCOzs7cUJBZXZCLEtBQUs7eUJBQ0wsTUFBTTs7OztJQVBQLDZDQUFzQjs7SUFDdEIseUNBQWdCOztJQUNoQiwrQ0FBaUI7O0lBQ2pCLDZDQUF1Qjs7SUFDdkIseUNBQXNCOztJQUV0Qix5Q0FBb0I7O0lBQ3BCLDZDQUE4Qzs7Ozs7SUFDbEMsb0RBQTRDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1tZG8tbGVhZGVyYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWRvTGVhZGVyYm9hcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGN1cnJlbnRUYWI6IGFueSA9ICdYTCdcbiAgcmVzdWx0OiBhbnkgPSBbXVxuICBmaWx0ZXJlZERhdGE6IGFueVxuICBzZWFyY2hUZXJtOiBzdHJpbmcgPSAnJ1xuICBleHBhbmQ6IGJvb2xlYW4gPSB0cnVlXG5cbiAgQElucHV0KCkgb2JqZWN0OiBhbnlcbiAgQE91dHB1dCgpIHRhYkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluc2l0ZURhdGFTZXJ2aWNlOiBJbnNpdGVEYXRhU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5nZXREYXRhKClcbiAgfVxuXG4gIGdldERhdGEoKSB7XG4gICAgdGhpcy5pbnNpdGVEYXRhU2VydmljZS5mZXRjaExlYWRlcmJvYXJkKCkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xuICAgICAgICBpZiAocmVzICYmIHJlcy5yZXN1bHQpIHtcbiAgICAgICAgICAgIHRoaXMucmVzdWx0ID0gcmVzLnJlc3VsdFxuICAgICAgICAgICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYikgXG4gICAgICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXSwgc2VsZWN0ZWQ6IGZhbHNlIH0pKS5zbGljZSgwLCA1KVxuICAgICAgICB9XG4gICAgICAgIFxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgICAgY29uc29sZS5sb2coZXJyb3IpXG4gICAgfSlcbiAgfVxuXG4gIGdldFRhYkRhdGEobmFtZTogYW55KSB7XG4gICAgdGhpcy5jdXJyZW50VGFiID0gbmFtZVxuICAgIHRoaXMuc2VhcmNoVGVybSA9ICcnXG4gICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAuZmlsdGVyKHVzZXIgPT4gdXNlci5zaXplID09PSB0aGlzLmN1cnJlbnRUYWIpIFxuICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXSwgc2VsZWN0ZWQ6IGZhbHNlIH0pKS5zbGljZSgwLCA1KVxuICAgIGxldCBuYW1lU3RyOiBhbnkgPSAnJ1xuICAgIHN3aXRjaCAobmFtZSkge1xuICAgICAgY2FzZSAnWEwnOlxuICAgICAgICBuYW1lU3RyID0gJ2dyZWF0ZXItdGhhbi01MEsnXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdMJzpcbiAgICAgICAgbmFtZVN0ciA9ICAnMTBLLTUwSydcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ00nOlxuICAgICAgICBuYW1lU3RyID0gICcxSy0xMEsnXG4gICAgICAgIGJyZWFrXG4gICAgICAgIGNhc2UgJ1MnOlxuICAgICAgICAgIG5hbWVTdHIgPSAnNTAwLTFLJ1xuICAgICAgICAgIGJyZWFrXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBuYW1lU3RyID0gJ2xlc3MtdGhhbi01MDAnXG4gICAgICAgIGJyZWFrXG4gICAgfVxuICAgIHRoaXMudGFiQ2xpY2tlZC5lbWl0KG5hbWVTdHIpXG4gIH1cblxuICBnZXRSYW5rKHJhbms6IG51bWJlcikge1xuICAgIHJldHVybiBbMSwyLDNdLmluY2x1ZGVzKHJhbmspID8gYHJhbmske3Jhbmt9YCA6ICdyYW5rMCdcbiAgfVxuXG4gIGdldE1lZGFsKHJhbms6IG51bWJlcikge1xuICAgIGlmIChyYW5rID09PSAxKSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDEuc3ZnJ1xuICAgIH0gZWxzZSBpZihyYW5rID09PSAyKSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDIuc3ZnJ1xuICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDMuc3ZnJ1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVNlYXJjaFF1ZXJ5KGU6IGFueSkge1xuICAgIGlmIChlLnRhcmdldC52YWx1ZSAmJiBlLnRhcmdldC52YWx1ZS5sZW5ndGggPiAwKSB7XG4gICAgICAgIHRoaXMuc2VhcmNoVGVybSA9IGUudGFyZ2V0LnZhbHVlXG4gICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYiAmJiB1c2VyLm9yZ19uYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZS50YXJnZXQudmFsdWUpKVxuICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXX0pKS5zbGljZSgwLCA1KVxuICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYilcbiAgICAgICAgICAgIC5tYXAodXNlciA9PiAoeyAuLi51c2VyLCBjaGlsZHJlbjogW119KSkuc2xpY2UoMCwgNSlcbiAgICB9XG4gIH1cblxuICB0b2dnbGVXZWVrSGlnaHRsaXRzKCkge1xuICAgIHRoaXMuZXhwYW5kID0gIXRoaXMuZXhwYW5kXG4gIH1cblxufVxuIl19
224
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vbWRvLWxlYWRlcmJvYXJkL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQU94RSxNQUFNLE9BQU8sdUJBQXVCOzs7O0lBYWxDLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBWHhELGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsV0FBTSxHQUFRLEVBQUUsQ0FBQTtRQUVoQixlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLFdBQU0sR0FBWSxJQUFJLENBQUE7UUFDdEIsZ0JBQVcsR0FBWSxJQUFJLENBQUE7UUFDM0IsaUJBQVksR0FBWSxLQUFLLENBQUE7UUFHbkIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7SUFFYyxDQUFDOzs7O0lBRTdELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDaEIsQ0FBQzs7OztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxTQUFTOzs7O1FBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUM3RCxJQUFJLEdBQUcsSUFBSSxHQUFHLENBQUMsTUFBTSxFQUFFO2dCQUNuQixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUE7Z0JBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjO3FCQUN6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QUUsd0JBQXdCO2dCQUNsQywrK0hBQStDOzthQUVoRDs7OztZQU5RLGlCQUFpQjs7O3FCQWlCdkIsS0FBSzt5QkFDTCxNQUFNO2dDQUNOLFNBQVMsU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Ozs7SUFWakQsNkNBQXNCOztJQUN0Qix5Q0FBZ0I7O0lBQ2hCLCtDQUFpQjs7SUFDakIsNkNBQXVCOztJQUN2Qix5Q0FBc0I7O0lBQ3RCLDhDQUEyQjs7SUFDM0IsK0NBQTZCOztJQUU3Qix5Q0FBb0I7O0lBQ3BCLDZDQUE4Qzs7SUFDOUMsb0RBQWlGOzs7OztJQUNyRSxvREFBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtbWRvLWxlYWRlcmJvYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1kb0xlYWRlcmJvYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjdXJyZW50VGFiOiBhbnkgPSAnWEwnXG4gIHJlc3VsdDogYW55ID0gW11cbiAgZmlsdGVyZWREYXRhOiBhbnlcbiAgc2VhcmNoVGVybTogc3RyaW5nID0gJydcbiAgZXhwYW5kOiBib29sZWFuID0gdHJ1ZVxuICBkaXNhYmxlTGVmdDogYm9vbGVhbiA9IHRydWVcbiAgZGlzYWJsZVJpZ2h0OiBib29sZWFuID0gZmFsc2VcblxuICBASW5wdXQoKSBvYmplY3Q6IGFueVxuICBAT3V0cHV0KCkgdGFiQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG4gIEBWaWV3Q2hpbGQoJ3Njcm9sbGFibGVDb250ZW50JywgeyBzdGF0aWM6IGZhbHNlIH0pIHNjcm9sbGFibGVDb250ZW50OiBFbGVtZW50UmVmO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluc2l0ZURhdGFTZXJ2aWNlOiBJbnNpdGVEYXRhU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5nZXREYXRhKClcbiAgfVxuXG4gIGdldERhdGEoKSB7XG4gICAgdGhpcy5pbnNpdGVEYXRhU2VydmljZS5mZXRjaExlYWRlcmJvYXJkKCkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xuICAgICAgICBpZiAocmVzICYmIHJlcy5yZXN1bHQpIHtcbiAgICAgICAgICAgIHRoaXMucmVzdWx0ID0gcmVzLnJlc3VsdFxuICAgICAgICAgICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYikgXG4gICAgICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXSwgc2VsZWN0ZWQ6IGZhbHNlIH0pKS5zbGljZSgwLCA1KVxuICAgICAgICB9XG4gICAgICAgIFxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgICAgY29uc29sZS5sb2coZXJyb3IpXG4gICAgfSlcbiAgfVxuXG4gIGdldFRhYkRhdGEobmFtZTogYW55KSB7XG4gICAgdGhpcy5jdXJyZW50VGFiID0gbmFtZVxuICAgIHRoaXMuc2VhcmNoVGVybSA9ICcnXG4gICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAuZmlsdGVyKHVzZXIgPT4gdXNlci5zaXplID09PSB0aGlzLmN1cnJlbnRUYWIpIFxuICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXSwgc2VsZWN0ZWQ6IGZhbHNlIH0pKS5zbGljZSgwLCA1KVxuICAgIGxldCBuYW1lU3RyOiBhbnkgPSAnJ1xuICAgIHN3aXRjaCAobmFtZSkge1xuICAgICAgY2FzZSAnWEwnOlxuICAgICAgICBuYW1lU3RyID0gJ2dyZWF0ZXItdGhhbi01MEsnXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdMJzpcbiAgICAgICAgbmFtZVN0ciA9ICAnMTBLLTUwSydcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ00nOlxuICAgICAgICBuYW1lU3RyID0gICcxSy0xMEsnXG4gICAgICAgIGJyZWFrXG4gICAgICAgIGNhc2UgJ1MnOlxuICAgICAgICAgIG5hbWVTdHIgPSAnNTAwLTFLJ1xuICAgICAgICAgIGJyZWFrXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBuYW1lU3RyID0gJ2xlc3MtdGhhbi01MDAnXG4gICAgICAgIGJyZWFrXG4gICAgfVxuICAgIHRoaXMudGFiQ2xpY2tlZC5lbWl0KG5hbWVTdHIpXG4gIH1cblxuICBnZXRSYW5rKHJhbms6IG51bWJlcikge1xuICAgIHJldHVybiBbMSwyLDNdLmluY2x1ZGVzKHJhbmspID8gYHJhbmske3Jhbmt9YCA6ICdyYW5rMCdcbiAgfVxuXG4gIGdldE1lZGFsKHJhbms6IG51bWJlcikge1xuICAgIGlmIChyYW5rID09PSAxKSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDEuc3ZnJ1xuICAgIH0gZWxzZSBpZihyYW5rID09PSAyKSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDIuc3ZnJ1xuICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiAnYXNzZXRzL2ltYWdlcy9uYXRpb25hbC1sZWFybmluZy9NZWRhbDMuc3ZnJ1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVNlYXJjaFF1ZXJ5KGU6IGFueSkge1xuICAgIGlmIChlLnRhcmdldC52YWx1ZSAmJiBlLnRhcmdldC52YWx1ZS5sZW5ndGggPiAwKSB7XG4gICAgICAgIHRoaXMuc2VhcmNoVGVybSA9IGUudGFyZ2V0LnZhbHVlXG4gICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYiAmJiB1c2VyLm9yZ19uYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZS50YXJnZXQudmFsdWUpKVxuICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXX0pKS5zbGljZSgwLCA1KVxuICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYilcbiAgICAgICAgICAgIC5tYXAodXNlciA9PiAoeyAuLi51c2VyLCBjaGlsZHJlbjogW119KSkuc2xpY2UoMCwgNSlcbiAgICB9XG4gIH1cblxuICB0b2dnbGVXZWVrSGlnaHRsaXRzKCkge1xuICAgIHRoaXMuZXhwYW5kID0gIXRoaXMuZXhwYW5kXG4gIH1cblxuICBzY3JvbGxUb1JpZ2h0KCkge1xuICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQubmF0aXZlRWxlbWVudC5zY3JvbGxCeSh7XG4gICAgICBsZWZ0OiAyMDAsXG4gICAgICBiZWhhdmlvcjogJ3Ntb290aCdcbiAgICB9KVxuICAgIHRoaXMuZGlzYWJsZUxlZnQgPSBmYWxzZVxuICAgIHRoaXMuZGlzYWJsZVJpZ2h0ID0gdHJ1ZVxuICB9XG5cblxuICBzY3JvbGxUb0xlZnQoKSB7XG4gICAgdGhpcy5zY3JvbGxhYmxlQ29udGVudC5uYXRpdmVFbGVtZW50LnNjcm9sbEJ5KHtcbiAgICAgIGxlZnQ6IC0yMDAsXG4gICAgICBiZWhhdmlvcjogJ3Ntb290aCdcbiAgICB9KVxuICAgIHRoaXMuZGlzYWJsZUxlZnQgPSB0cnVlXG4gICAgdGhpcy5kaXNhYmxlUmlnaHQgPSBmYWxzZVxuICB9XG5cbn1cbiJdfQ==
@@ -3,7 +3,7 @@
3
3
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
4
  */
5
5
  import * as tslib_1 from "tslib";
6
- import { Component, EventEmitter, Input, Output } from '@angular/core';
6
+ import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
7
7
  import { InsiteDataService } from '../../_services/insite-data.service';
8
8
  var MdoLeaderboardComponent = /** @class */ (function () {
9
9
  function MdoLeaderboardComponent(insiteDataService) {
@@ -12,6 +12,8 @@ var MdoLeaderboardComponent = /** @class */ (function () {
12
12
  this.result = [];
13
13
  this.searchTerm = '';
14
14
  this.expand = true;
15
+ this.disableLeft = true;
16
+ this.disableRight = false;
15
17
  this.tabClicked = new EventEmitter();
16
18
  }
17
19
  /**
@@ -179,11 +181,39 @@ var MdoLeaderboardComponent = /** @class */ (function () {
179
181
  function () {
180
182
  this.expand = !this.expand;
181
183
  };
184
+ /**
185
+ * @return {?}
186
+ */
187
+ MdoLeaderboardComponent.prototype.scrollToRight = /**
188
+ * @return {?}
189
+ */
190
+ function () {
191
+ this.scrollableContent.nativeElement.scrollBy({
192
+ left: 200,
193
+ behavior: 'smooth'
194
+ });
195
+ this.disableLeft = false;
196
+ this.disableRight = true;
197
+ };
198
+ /**
199
+ * @return {?}
200
+ */
201
+ MdoLeaderboardComponent.prototype.scrollToLeft = /**
202
+ * @return {?}
203
+ */
204
+ function () {
205
+ this.scrollableContent.nativeElement.scrollBy({
206
+ left: -200,
207
+ behavior: 'smooth'
208
+ });
209
+ this.disableLeft = true;
210
+ this.disableRight = false;
211
+ };
182
212
  MdoLeaderboardComponent.decorators = [
183
213
  { type: Component, args: [{
184
214
  selector: 'sb-uic-mdo-leaderboard',
185
- template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
186
- styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
215
+ template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"flex gap-1\">\n <mat-icon class=\"material-icons left-icon cursor-pointer {{disableLeft ? 'disableArrow': ''}}\" (click)=\"scrollToLeft()\" >chevron_left</mat-icon>\n <div #scrollableContent class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">> 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">< 500</span>\n </div>\n <mat-icon class=\"material-icons icon-right cursor-pointer {{disableRight ? 'disableArrow': ''}}\" (click)=\"scrollToRight()\">chevron_right</mat-icon>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
216
+ styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block;overflow:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}.disableArrow{cursor:default;opacity:.4}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
187
217
  }] }
188
218
  ];
189
219
  /** @nocollapse */
@@ -192,7 +222,8 @@ var MdoLeaderboardComponent = /** @class */ (function () {
192
222
  ]; };
193
223
  MdoLeaderboardComponent.propDecorators = {
194
224
  object: [{ type: Input }],
195
- tabClicked: [{ type: Output }]
225
+ tabClicked: [{ type: Output }],
226
+ scrollableContent: [{ type: ViewChild, args: ['scrollableContent', { static: false },] }]
196
227
  };
197
228
  return MdoLeaderboardComponent;
198
229
  }());
@@ -209,13 +240,19 @@ if (false) {
209
240
  /** @type {?} */
210
241
  MdoLeaderboardComponent.prototype.expand;
211
242
  /** @type {?} */
243
+ MdoLeaderboardComponent.prototype.disableLeft;
244
+ /** @type {?} */
245
+ MdoLeaderboardComponent.prototype.disableRight;
246
+ /** @type {?} */
212
247
  MdoLeaderboardComponent.prototype.object;
213
248
  /** @type {?} */
214
249
  MdoLeaderboardComponent.prototype.tabClicked;
250
+ /** @type {?} */
251
+ MdoLeaderboardComponent.prototype.scrollableContent;
215
252
  /**
216
253
  * @type {?}
217
254
  * @private
218
255
  */
219
256
  MdoLeaderboardComponent.prototype.insiteDataService;
220
257
  }
221
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vbWRvLWxlYWRlcmJvYXJkL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXhFO0lBZUUsaUNBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBUnhELGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsV0FBTSxHQUFRLEVBQUUsQ0FBQTtRQUVoQixlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLFdBQU0sR0FBWSxJQUFJLENBQUE7UUFHWixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtJQUNjLENBQUM7Ozs7SUFFN0QsMENBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFBO0lBQ2hCLENBQUM7Ozs7SUFFRCx5Q0FBTzs7O0lBQVA7UUFBQSxpQkFZQztRQVhDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFNBQVM7Ozs7UUFBQyxVQUFDLEdBQVE7WUFDekQsSUFBSSxHQUFHLElBQUksR0FBRyxDQUFDLE1BQU0sRUFBRTtnQkFDbkIsS0FBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFBO2dCQUN4QixLQUFJLENBQUMsWUFBWSxHQUFHLEtBQUksQ0FBQyxNQUFNLENBQUMsY0FBYztxQkFDekMsTUFBTTs7OztnQkFBQyxVQUFBLElBQUksSUFBSSxPQUFBLElBQUksQ0FBQyxJQUFJLEtBQUssS0FBSSxDQUFDLFVBQVUsRUFBN0IsQ0FBNkIsRUFBQztxQkFDN0MsR0FBRzs7OztnQkFBQyxVQUFBLElBQUksSUFBSSxPQUFBLHNCQUFNLElBQUksSUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLElBQUcsRUFBNUMsQ0FBNEMsRUFBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUE7YUFDN0U7UUFFTCxDQUFDOzs7O1FBQUUsVUFBQSxLQUFLO1lBQ0osT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN0QixDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7O0lBRUQsNENBQVU7Ozs7SUFBVixVQUFXLElBQVM7UUFBcEIsaUJBeUJDO1FBeEJDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFBO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjO2FBQ3pDLE1BQU07Ozs7UUFBQyxVQUFBLElBQUksSUFBSSxPQUFBLElBQUksQ0FBQyxJQUFJLEtBQUssS0FBSSxDQUFDLFVBQVUsRUFBN0IsQ0FBNkIsRUFBQzthQUN6QyxHQUFHOzs7O1FBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxzQkFBTSxJQUFJLElBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxJQUFHLEVBQTVDLENBQTRDLEVBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBOztZQUMxRSxPQUFPLEdBQVEsRUFBRTtRQUNyQixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssSUFBSTtnQkFDUCxPQUFPLEdBQUcsa0JBQWtCLENBQUE7Z0JBQzVCLE1BQUs7WUFDUCxLQUFLLEdBQUc7Z0JBQ04sT0FBTyxHQUFJLFNBQVMsQ0FBQTtnQkFDcEIsTUFBSztZQUNQLEtBQUssR0FBRztnQkFDTixPQUFPLEdBQUksUUFBUSxDQUFBO2dCQUNuQixNQUFLO1lBQ0wsS0FBSyxHQUFHO2dCQUNOLE9BQU8sR0FBRyxRQUFRLENBQUE7Z0JBQ2xCLE1BQUs7WUFDVDtnQkFDRSxPQUFPLEdBQUcsZUFBZSxDQUFBO2dCQUN6QixNQUFLO1NBQ1I7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUMvQixDQUFDOzs7OztJQUVELHlDQUFPOzs7O0lBQVAsVUFBUSxJQUFZO1FBQ2xCLE9BQU8sQ0FBQyxDQUFDLEVBQUMsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBTyxJQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN6RCxDQUFDOzs7OztJQUVELDBDQUFROzs7O0lBQVIsVUFBUyxJQUFZO1FBQ25CLElBQUksSUFBSSxLQUFLLENBQUMsRUFBRTtZQUNaLE9BQU8sNENBQTRDLENBQUE7U0FDdEQ7YUFBTSxJQUFHLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDbEIsT0FBTyw0Q0FBNEMsQ0FBQTtTQUN0RDthQUFNO1lBQ0gsT0FBTyw0Q0FBNEMsQ0FBQTtTQUN0RDtJQUNILENBQUM7Ozs7O0lBRUQsbURBQWlCOzs7O0lBQWpCLFVBQWtCLENBQU07UUFBeEIsaUJBV0M7UUFWQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDN0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQTtZQUNoQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYztpQkFDekMsTUFBTTs7OztZQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxDQUFDLElBQUksS0FBSyxLQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQXJGLENBQXFGLEVBQUM7aUJBQ3JHLEdBQUc7Ozs7WUFBQyxVQUFBLElBQUksSUFBSSxPQUFBLHNCQUFNLElBQUksSUFBRSxRQUFRLEVBQUUsRUFBRSxJQUFFLEVBQTFCLENBQTBCLEVBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBO1NBQzNEO2FBQU07WUFDSCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYztpQkFDekMsTUFBTTs7OztZQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxDQUFDLElBQUksS0FBSyxLQUFJLENBQUMsVUFBVSxFQUE3QixDQUE2QixFQUFDO2lCQUM3QyxHQUFHOzs7O1lBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxzQkFBTSxJQUFJLElBQUUsUUFBUSxFQUFFLEVBQUUsSUFBRSxFQUExQixDQUEwQixFQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQTtTQUMzRDtJQUNILENBQUM7Ozs7SUFFRCxxREFBbUI7OztJQUFuQjtRQUNFLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFBO0lBQzVCLENBQUM7O2dCQTNGRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsd2tIQUErQzs7aUJBRWhEOzs7O2dCQU5RLGlCQUFpQjs7O3lCQWV2QixLQUFLOzZCQUNMLE1BQU07O0lBK0VULDhCQUFDO0NBQUEsQUE3RkQsSUE2RkM7U0F4RlksdUJBQXVCOzs7SUFFbEMsNkNBQXNCOztJQUN0Qix5Q0FBZ0I7O0lBQ2hCLCtDQUFpQjs7SUFDakIsNkNBQXVCOztJQUN2Qix5Q0FBc0I7O0lBRXRCLHlDQUFvQjs7SUFDcEIsNkNBQThDOzs7OztJQUNsQyxvREFBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLW1kby1sZWFkZXJib2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZG8tbGVhZGVyYm9hcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tZG8tbGVhZGVyYm9hcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNZG9MZWFkZXJib2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY3VycmVudFRhYjogYW55ID0gJ1hMJ1xuICByZXN1bHQ6IGFueSA9IFtdXG4gIGZpbHRlcmVkRGF0YTogYW55XG4gIHNlYXJjaFRlcm06IHN0cmluZyA9ICcnXG4gIGV4cGFuZDogYm9vbGVhbiA9IHRydWVcblxuICBASW5wdXQoKSBvYmplY3Q6IGFueVxuICBAT3V0cHV0KCkgdGFiQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5zaXRlRGF0YVNlcnZpY2U6IEluc2l0ZURhdGFTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmdldERhdGEoKVxuICB9XG5cbiAgZ2V0RGF0YSgpIHtcbiAgICB0aGlzLmluc2l0ZURhdGFTZXJ2aWNlLmZldGNoTGVhZGVyYm9hcmQoKS5zdWJzY3JpYmUoKHJlczogYW55KSA9PiB7XG4gICAgICAgIGlmIChyZXMgJiYgcmVzLnJlc3VsdCkge1xuICAgICAgICAgICAgdGhpcy5yZXN1bHQgPSByZXMucmVzdWx0XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMucmVzdWx0Lm1kb0xlYWRlckJvYXJkXG4gICAgICAgICAgICAgICAgLmZpbHRlcih1c2VyID0+IHVzZXIuc2l6ZSA9PT0gdGhpcy5jdXJyZW50VGFiKSBcbiAgICAgICAgICAgICAgICAubWFwKHVzZXIgPT4gKHsgLi4udXNlciwgY2hpbGRyZW46IFtdLCBzZWxlY3RlZDogZmFsc2UgfSkpLnNsaWNlKDAsIDUpXG4gICAgICAgIH1cbiAgICAgICAgXG4gICAgfSwgZXJyb3IgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyhlcnJvcilcbiAgICB9KVxuICB9XG5cbiAgZ2V0VGFiRGF0YShuYW1lOiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnRUYWIgPSBuYW1lXG4gICAgdGhpcy5zZWFyY2hUZXJtID0gJydcbiAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMucmVzdWx0Lm1kb0xlYWRlckJvYXJkXG4gICAgICAgIC5maWx0ZXIodXNlciA9PiB1c2VyLnNpemUgPT09IHRoaXMuY3VycmVudFRhYikgXG4gICAgICAgICAgICAubWFwKHVzZXIgPT4gKHsgLi4udXNlciwgY2hpbGRyZW46IFtdLCBzZWxlY3RlZDogZmFsc2UgfSkpLnNsaWNlKDAsIDUpXG4gICAgbGV0IG5hbWVTdHI6IGFueSA9ICcnXG4gICAgc3dpdGNoIChuYW1lKSB7XG4gICAgICBjYXNlICdYTCc6XG4gICAgICAgIG5hbWVTdHIgPSAnZ3JlYXRlci10aGFuLTUwSydcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ0wnOlxuICAgICAgICBuYW1lU3RyID0gICcxMEstNTBLJ1xuICAgICAgICBicmVha1xuICAgICAgY2FzZSAnTSc6XG4gICAgICAgIG5hbWVTdHIgPSAgJzFLLTEwSydcbiAgICAgICAgYnJlYWtcbiAgICAgICAgY2FzZSAnUyc6XG4gICAgICAgICAgbmFtZVN0ciA9ICc1MDAtMUsnXG4gICAgICAgICAgYnJlYWtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIG5hbWVTdHIgPSAnbGVzcy10aGFuLTUwMCdcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gICAgdGhpcy50YWJDbGlja2VkLmVtaXQobmFtZVN0cilcbiAgfVxuXG4gIGdldFJhbmsocmFuazogbnVtYmVyKSB7XG4gICAgcmV0dXJuIFsxLDIsM10uaW5jbHVkZXMocmFuaykgPyBgcmFuayR7cmFua31gIDogJ3JhbmswJ1xuICB9XG5cbiAgZ2V0TWVkYWwocmFuazogbnVtYmVyKSB7XG4gICAgaWYgKHJhbmsgPT09IDEpIHtcbiAgICAgICAgcmV0dXJuICdhc3NldHMvaW1hZ2VzL25hdGlvbmFsLWxlYXJuaW5nL01lZGFsMS5zdmcnXG4gICAgfSBlbHNlIGlmKHJhbmsgPT09IDIpIHtcbiAgICAgICAgcmV0dXJuICdhc3NldHMvaW1hZ2VzL25hdGlvbmFsLWxlYXJuaW5nL01lZGFsMi5zdmcnXG4gICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuICdhc3NldHMvaW1hZ2VzL25hdGlvbmFsLWxlYXJuaW5nL01lZGFsMy5zdmcnXG4gICAgfVxuICB9XG5cbiAgaGFuZGxlU2VhcmNoUXVlcnkoZTogYW55KSB7XG4gICAgaWYgKGUudGFyZ2V0LnZhbHVlICYmIGUudGFyZ2V0LnZhbHVlLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5zZWFyY2hUZXJtID0gZS50YXJnZXQudmFsdWVcbiAgICAgICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAgICAgLmZpbHRlcih1c2VyID0+IHVzZXIuc2l6ZSA9PT0gdGhpcy5jdXJyZW50VGFiICYmIHVzZXIub3JnX25hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhlLnRhcmdldC52YWx1ZSkpXG4gICAgICAgICAgICAubWFwKHVzZXIgPT4gKHsgLi4udXNlciwgY2hpbGRyZW46IFtdfSkpLnNsaWNlKDAsIDUpXG4gICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLnJlc3VsdC5tZG9MZWFkZXJCb2FyZFxuICAgICAgICAgICAgLmZpbHRlcih1c2VyID0+IHVzZXIuc2l6ZSA9PT0gdGhpcy5jdXJyZW50VGFiKVxuICAgICAgICAgICAgLm1hcCh1c2VyID0+ICh7IC4uLnVzZXIsIGNoaWxkcmVuOiBbXX0pKS5zbGljZSgwLCA1KVxuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZVdlZWtIaWdodGxpdHMoKSB7XG4gICAgdGhpcy5leHBhbmQgPSAhdGhpcy5leHBhbmRcbiAgfVxuXG59XG4iXX0=
258
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWxlYWRlcmJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vbWRvLWxlYWRlcmJvYXJkL21kby1sZWFkZXJib2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFeEU7SUFrQkUsaUNBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBWHhELGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsV0FBTSxHQUFRLEVBQUUsQ0FBQTtRQUVoQixlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLFdBQU0sR0FBWSxJQUFJLENBQUE7UUFDdEIsZ0JBQVcsR0FBWSxJQUFJLENBQUE7UUFDM0IsaUJBQVksR0FBWSxLQUFLLENBQUE7UUFHbkIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7SUFFYyxDQUFDOzs7O0lBRTdELDBDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQTtJQUNoQixDQUFDOzs7O0lBRUQseUNBQU87OztJQUFQO1FBQUEsaUJBWUM7UUFYQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQyxHQUFRO1lBQ3pELElBQUksR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLEVBQUU7Z0JBQ25CLEtBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQTtnQkFDeEIsS0FBSSxDQUFDLFlBQVksR0FBRyxLQUFJLENBQUMsTUFBTSxDQUFDLGNBQWM7cUJBQ3pD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SUFBSSxFQUFFLENBQUMsR0FBRztZQUNWLFFBQVEsRUFBRSxRQUFRO1NBQ25CLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFBO0lBQzNCLENBQUM7O2dCQWpIRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsKytIQUErQzs7aUJBRWhEOzs7O2dCQU5RLGlCQUFpQjs7O3lCQWlCdkIsS0FBSzs2QkFDTCxNQUFNO29DQUNOLFNBQVMsU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7O0lBa0duRCw4QkFBQztDQUFBLEFBbkhELElBbUhDO1NBOUdZLHVCQUF1Qjs7O0lBRWxDLDZDQUFzQjs7SUFDdEIseUNBQWdCOztJQUNoQiwrQ0FBaUI7O0lBQ2pCLDZDQUF1Qjs7SUFDdkIseUNBQXNCOztJQUN0Qiw4Q0FBMkI7O0lBQzNCLCtDQUE2Qjs7SUFFN0IseUNBQW9COztJQUNwQiw2Q0FBOEM7O0lBQzlDLG9EQUFpRjs7Ozs7SUFDckUsb0RBQTRDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLW1kby1sZWFkZXJib2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZG8tbGVhZGVyYm9hcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tZG8tbGVhZGVyYm9hcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNZG9MZWFkZXJib2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY3VycmVudFRhYjogYW55ID0gJ1hMJ1xuICByZXN1bHQ6IGFueSA9IFtdXG4gIGZpbHRlcmVkRGF0YTogYW55XG4gIHNlYXJjaFRlcm06IHN0cmluZyA9ICcnXG4gIGV4cGFuZDogYm9vbGVhbiA9IHRydWVcbiAgZGlzYWJsZUxlZnQ6IGJvb2xlYW4gPSB0cnVlXG4gIGRpc2FibGVSaWdodDogYm9vbGVhbiA9IGZhbHNlXG5cbiAgQElucHV0KCkgb2JqZWN0OiBhbnlcbiAgQE91dHB1dCgpIHRhYkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuICBAVmlld0NoaWxkKCdzY3JvbGxhYmxlQ29udGVudCcsIHsgc3RhdGljOiBmYWxzZSB9KSBzY3JvbGxhYmxlQ29udGVudDogRWxlbWVudFJlZjtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbnNpdGVEYXRhU2VydmljZTogSW5zaXRlRGF0YVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZ2V0RGF0YSgpXG4gIH1cblxuICBnZXREYXRhKCkge1xuICAgIHRoaXMuaW5zaXRlRGF0YVNlcnZpY2UuZmV0Y2hMZWFkZXJib2FyZCgpLnN1YnNjcmliZSgocmVzOiBhbnkpID0+IHtcbiAgICAgICAgaWYgKHJlcyAmJiByZXMucmVzdWx0KSB7XG4gICAgICAgICAgICB0aGlzLnJlc3VsdCA9IHJlcy5yZXN1bHRcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgICAgICAgICAuZmlsdGVyKHVzZXIgPT4gdXNlci5zaXplID09PSB0aGlzLmN1cnJlbnRUYWIpIFxuICAgICAgICAgICAgICAgIC5tYXAodXNlciA9PiAoeyAuLi51c2VyLCBjaGlsZHJlbjogW10sIHNlbGVjdGVkOiBmYWxzZSB9KSkuc2xpY2UoMCwgNSlcbiAgICAgICAgfVxuICAgICAgICBcbiAgICB9LCBlcnJvciA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKGVycm9yKVxuICAgIH0pXG4gIH1cblxuICBnZXRUYWJEYXRhKG5hbWU6IGFueSkge1xuICAgIHRoaXMuY3VycmVudFRhYiA9IG5hbWVcbiAgICB0aGlzLnNlYXJjaFRlcm0gPSAnJ1xuICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5yZXN1bHQubWRvTGVhZGVyQm9hcmRcbiAgICAgICAgLmZpbHRlcih1c2VyID0+IHVzZXIuc2l6ZSA9PT0gdGhpcy5jdXJyZW50VGFiKSBcbiAgICAgICAgICAgIC5tYXAodXNlciA9PiAoeyAuLi51c2VyLCBjaGlsZHJlbjogW10sIHNlbGVjdGVkOiBmYWxzZSB9KSkuc2xpY2UoMCwgNSlcbiAgICBsZXQgbmFtZVN0cjogYW55ID0gJydcbiAgICBzd2l0Y2ggKG5hbWUpIHtcbiAgICAgIGNhc2UgJ1hMJzpcbiAgICAgICAgbmFtZVN0ciA9ICdncmVhdGVyLXRoYW4tNTBLJ1xuICAgICAgICBicmVha1xuICAgICAgY2FzZSAnTCc6XG4gICAgICAgIG5hbWVTdHIgPSAgJzEwSy01MEsnXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdNJzpcbiAgICAgICAgbmFtZVN0ciA9ICAnMUstMTBLJ1xuICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdTJzpcbiAgICAgICAgICBuYW1lU3RyID0gJzUwMC0xSydcbiAgICAgICAgICBicmVha1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgbmFtZVN0ciA9ICdsZXNzLXRoYW4tNTAwJ1xuICAgICAgICBicmVha1xuICAgIH1cbiAgICB0aGlzLnRhYkNsaWNrZWQuZW1pdChuYW1lU3RyKVxuICB9XG5cbiAgZ2V0UmFuayhyYW5rOiBudW1iZXIpIHtcbiAgICByZXR1cm4gWzEsMiwzXS5pbmNsdWRlcyhyYW5rKSA/IGByYW5rJHtyYW5rfWAgOiAncmFuazAnXG4gIH1cblxuICBnZXRNZWRhbChyYW5rOiBudW1iZXIpIHtcbiAgICBpZiAocmFuayA9PT0gMSkge1xuICAgICAgICByZXR1cm4gJ2Fzc2V0cy9pbWFnZXMvbmF0aW9uYWwtbGVhcm5pbmcvTWVkYWwxLnN2ZydcbiAgICB9IGVsc2UgaWYocmFuayA9PT0gMikge1xuICAgICAgICByZXR1cm4gJ2Fzc2V0cy9pbWFnZXMvbmF0aW9uYWwtbGVhcm5pbmcvTWVkYWwyLnN2ZydcbiAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gJ2Fzc2V0cy9pbWFnZXMvbmF0aW9uYWwtbGVhcm5pbmcvTWVkYWwzLnN2ZydcbiAgICB9XG4gIH1cblxuICBoYW5kbGVTZWFyY2hRdWVyeShlOiBhbnkpIHtcbiAgICBpZiAoZS50YXJnZXQudmFsdWUgJiYgZS50YXJnZXQudmFsdWUubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnNlYXJjaFRlcm0gPSBlLnRhcmdldC52YWx1ZVxuICAgICAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMucmVzdWx0Lm1kb0xlYWRlckJvYXJkXG4gICAgICAgICAgICAuZmlsdGVyKHVzZXIgPT4gdXNlci5zaXplID09PSB0aGlzLmN1cnJlbnRUYWIgJiYgdXNlci5vcmdfbmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGUudGFyZ2V0LnZhbHVlKSlcbiAgICAgICAgICAgIC5tYXAodXNlciA9PiAoeyAuLi51c2VyLCBjaGlsZHJlbjogW119KSkuc2xpY2UoMCwgNSlcbiAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMucmVzdWx0Lm1kb0xlYWRlckJvYXJkXG4gICAgICAgICAgICAuZmlsdGVyKHVzZXIgPT4gdXNlci5zaXplID09PSB0aGlzLmN1cnJlbnRUYWIpXG4gICAgICAgICAgICAubWFwKHVzZXIgPT4gKHsgLi4udXNlciwgY2hpbGRyZW46IFtdfSkpLnNsaWNlKDAsIDUpXG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlV2Vla0hpZ2h0bGl0cygpIHtcbiAgICB0aGlzLmV4cGFuZCA9ICF0aGlzLmV4cGFuZFxuICB9XG5cbiAgc2Nyb2xsVG9SaWdodCgpIHtcbiAgICB0aGlzLnNjcm9sbGFibGVDb250ZW50Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsQnkoe1xuICAgICAgbGVmdDogMjAwLFxuICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnXG4gICAgfSlcbiAgICB0aGlzLmRpc2FibGVMZWZ0ID0gZmFsc2VcbiAgICB0aGlzLmRpc2FibGVSaWdodCA9IHRydWVcbiAgfVxuXG5cbiAgc2Nyb2xsVG9MZWZ0KCkge1xuICAgIHRoaXMuc2Nyb2xsYWJsZUNvbnRlbnQubmF0aXZlRWxlbWVudC5zY3JvbGxCeSh7XG4gICAgICBsZWZ0OiAtMjAwLFxuICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnXG4gICAgfSlcbiAgICB0aGlzLmRpc2FibGVMZWZ0ID0gdHJ1ZVxuICAgIHRoaXMuZGlzYWJsZVJpZ2h0ID0gZmFsc2VcbiAgfVxuXG59XG4iXX0=
@@ -18078,6 +18078,8 @@ class MdoLeaderboardComponent {
18078
18078
  this.result = [];
18079
18079
  this.searchTerm = '';
18080
18080
  this.expand = true;
18081
+ this.disableLeft = true;
18082
+ this.disableRight = false;
18081
18083
  this.tabClicked = new EventEmitter();
18082
18084
  }
18083
18085
  /**
@@ -18217,12 +18219,34 @@ class MdoLeaderboardComponent {
18217
18219
  toggleWeekHightlits() {
18218
18220
  this.expand = !this.expand;
18219
18221
  }
18222
+ /**
18223
+ * @return {?}
18224
+ */
18225
+ scrollToRight() {
18226
+ this.scrollableContent.nativeElement.scrollBy({
18227
+ left: 200,
18228
+ behavior: 'smooth'
18229
+ });
18230
+ this.disableLeft = false;
18231
+ this.disableRight = true;
18232
+ }
18233
+ /**
18234
+ * @return {?}
18235
+ */
18236
+ scrollToLeft() {
18237
+ this.scrollableContent.nativeElement.scrollBy({
18238
+ left: -200,
18239
+ behavior: 'smooth'
18240
+ });
18241
+ this.disableLeft = true;
18242
+ this.disableRight = false;
18243
+ }
18220
18244
  }
18221
18245
  MdoLeaderboardComponent.decorators = [
18222
18246
  { type: Component, args: [{
18223
18247
  selector: 'sb-uic-mdo-leaderboard',
18224
- template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
18225
- styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
18248
+ template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"flex gap-1\">\n <mat-icon class=\"material-icons left-icon cursor-pointer {{disableLeft ? 'disableArrow': ''}}\" (click)=\"scrollToLeft()\" >chevron_left</mat-icon>\n <div #scrollableContent class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">> 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">< 500</span>\n </div>\n <mat-icon class=\"material-icons icon-right cursor-pointer {{disableRight ? 'disableArrow': ''}}\" (click)=\"scrollToRight()\">chevron_right</mat-icon>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
18249
+ styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block;overflow:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}.disableArrow{cursor:default;opacity:.4}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
18226
18250
  }] }
18227
18251
  ];
18228
18252
  /** @nocollapse */
@@ -18231,7 +18255,8 @@ MdoLeaderboardComponent.ctorParameters = () => [
18231
18255
  ];
18232
18256
  MdoLeaderboardComponent.propDecorators = {
18233
18257
  object: [{ type: Input }],
18234
- tabClicked: [{ type: Output }]
18258
+ tabClicked: [{ type: Output }],
18259
+ scrollableContent: [{ type: ViewChild, args: ['scrollableContent', { static: false },] }]
18235
18260
  };
18236
18261
  if (false) {
18237
18262
  /** @type {?} */
@@ -18245,9 +18270,15 @@ if (false) {
18245
18270
  /** @type {?} */
18246
18271
  MdoLeaderboardComponent.prototype.expand;
18247
18272
  /** @type {?} */
18273
+ MdoLeaderboardComponent.prototype.disableLeft;
18274
+ /** @type {?} */
18275
+ MdoLeaderboardComponent.prototype.disableRight;
18276
+ /** @type {?} */
18248
18277
  MdoLeaderboardComponent.prototype.object;
18249
18278
  /** @type {?} */
18250
18279
  MdoLeaderboardComponent.prototype.tabClicked;
18280
+ /** @type {?} */
18281
+ MdoLeaderboardComponent.prototype.scrollableContent;
18251
18282
  /**
18252
18283
  * @type {?}
18253
18284
  * @private